Home - Connexity

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-51808545-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-51808545-1', { 'cookie_domain': 'www.connexity.com' }); </script>   <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5JKMDBN'); </script>  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <link rel="alternate" href="https://www.connexity.com/" hreflang="en-US" /> <link rel="alternate" href="https://www.connexity.com/gb/" hreflang="en-GB" /> <link rel="alternate" href="https://www.connexity.com/fr/" hreflang="fr" /> <link rel="alternate" href="https://www.connexity.com/de/" hreflang="de" /> <link rel="alternate" href="https://www.connexity.com/it/" hreflang="it" />  <title>Home - Connexity</title> <link rel="canonical" href="https://www.connexity.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:locale:alternate" content="en_GB" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:locale:alternate" content="de_DE" /> <meta property="og:locale:alternate" content="it_IT" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Home" /> <meta property="og:url" content="https://www.connexity.com/" /> <meta property="og:site_name" content="Connexity" /> <meta property="article:modified_time" content="2024-09-25T16:36:27+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.connexity.com/","url":"https://www.connexity.com/","name":"Home - Connexity","isPartOf":{"@id":"https://www.connexity.com/#website"},"datePublished":"2019-10-01T20:44:31+00:00","dateModified":"2024-09-25T16:36:27+00:00","breadcrumb":{"@id":"https://www.connexity.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.connexity.com/"]}]},{"@type":"BreadcrumbList","@id":"https://www.connexity.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.connexity.com/#website","url":"https://www.connexity.com/","name":"Connexity","description":"Advertising Solutions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.connexity.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}</script>  <link rel='dns-prefetch' href='//www.googletagmanager.com' />     <script> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.connexity.com\/wp-includes\/js\/wp-emoji-release.min.js"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='taboola-cache-manager-css' href='/wp-content/plugins/taboola-cache-manager/public/css/taboola-cache-manager-public.css' type='text/css' media='all' /> <script src="https://www.connexity.com/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script src="https://www.connexity.com/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <script src="/wp-content/plugins/taboola-cache-manager/public/js/taboola-cache-manager-public.js" id="taboola-cache-manager-js"></script> <script id="whp9220front.js8476-js-extra"> /* <![CDATA[ */ var whp_local_data = {"add_url":"https:\/\/www.connexity.com\/wp-admin\/post-new.php?post_type=event","ajaxurl":"https:\/\/www.connexity.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script src="/wp-content/plugins/wp-security-hardening/modules/js/front.js" id="whp9220front.js8476-js"></script> <link rel="https://api.w.org/" href="https://www.connexity.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.connexity.com/wp-json/wp/v2/pages/11" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.connexity.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.connexity.com/' /> <link rel="alternate" type="application/json+oembed" href="https://www.connexity.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.connexity.com%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.connexity.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.connexity.com%2F&format=xml" /> <meta name="generator" content="Site Kit by Google 1.128.1" />  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '915551385188750'); fbq('track', 'PageView'); </script>  <script> if (typeof wpF === 'undefined') var wpF = {}; wpF.ajaxurl = 'https://www.connexity.com/wp-admin/admin-ajax.php'; </script> <script> if (typeof wpF === 'undefined') var wpF = {}; wpF.translate = JSON.parse('{"example":"Przyk\u0142ad"}'); </script> <meta name="description" content="Connexity is a performance marketing and technology network helping retailers acquire customers and drive ecommerce sales meeting ROAS objectives." /> <meta property="og:description" content="Connexity is a performance marketing and technology network helping retailers acquire customers and drive ecommerce sales meeting ROAS objectives." /> <meta property="twitter:card" content="summary" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W7P4NDR');</script>  <meta name="ahrefs-site-verification" content="78230a3e59b51c81e68c1b7261e94492191deb0b4b0cbcb3b2a2ec25d0e37f97"> <link rel="icon" href="/wp-content/uploads/2024/06/favicon-150x150.png" sizes="32x32" /> <link rel="icon" href="/wp-content/uploads/2024/06/favicon.png" sizes="192x192" /> <link rel="apple-touch-icon" href="/wp-content/uploads/2024/06/favicon.png" /> <meta name="msapplication-TileImage" content="/wp-content/uploads/2024/06/favicon.png" /> <style id="css-443afda134143ef66cb6c760fe2d5596"> /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */@keyframes bounce { 0%, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0); } 40%, 43% { animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } }.bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }.flash { animation-name: flash; } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scaleX(1); } }.pulse { animation-name: pulse; } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, .75, 1); } 40% { transform: scale3d(.75, 1.25, 1); } 50% { transform: scale3d(1.15, .85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scaleX(1); } }.rubberBand { animation-name: rubberBand; } @keyframes shake { 0%, to { transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } }.shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } }.headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } to { transform: rotate(0deg); } }.swing { transform-origin: top center; animation-name: swing; } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: scaleX(1); } }.tada { animation-name: tada; } @keyframes wobble { 0% { transform: translateZ(0); } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { transform: translateZ(0); } }.wobble { animation-name: wobble; } @keyframes jello { 0%, 11.1%, to { transform: translateZ(0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { transform: skewX(-.1953125deg) skewY(-.1953125deg); } }.jello { animation-name: jello; transform-origin: center; } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } }.heartBeat { animation-name: heartBeat; animation-duration: 1.3s; animation-timing-function: ease-in-out; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scaleX(1); } }.bounceIn { animation-duration: .75s; animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translateZ(0); } }.bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translateZ(0); } }.bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translateZ(0); } }.bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translateZ(0); } }.bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } }.bounceOut { animation-duration: .75s; animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } }.bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }.bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } }.bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } }.bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } }.fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } }.fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } }.fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } }.fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } }.fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } }.fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } }.fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } }.fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } }.fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } }.fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { 0% { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; } to { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; } }.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } to { transform: perspective(400px); } }.flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; animation-name: flipInX; } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } to { transform: perspective(400px); } }.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; animation-name: flipInY; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { transform: perspective(400px) rotateX(90deg); opacity: 0; } }.flipOutX { animation-duration: .75s; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { transform: perspective(400px) rotateY(90deg); opacity: 0; } }.flipOutY { animation-duration: .75s; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; animation-name: flipOutY; } @keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: translateZ(0); } }.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { transform-origin: center; transform: rotate(-200deg); opacity: 0; } to { transform-origin: center; transform: translateZ(0); opacity: 1; } }.rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; } to { transform-origin: left bottom; transform: translateZ(0); opacity: 1; } }.rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; } to { transform-origin: right bottom; transform: translateZ(0); opacity: 1; } }.rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; } to { transform-origin: left bottom; transform: translateZ(0); opacity: 1; } }.rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } to { transform-origin: right bottom; transform: translateZ(0); opacity: 1; } }.rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate(200deg); opacity: 0; } }.rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; } }.rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; } }.rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; } }.rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } }.rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } }.hinge { animation-duration: 2s; animation-name: hinge; } @keyframes jackInTheBox { 0% { opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } }.jackInTheBox { animation-name: jackInTheBox; } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; transform: translateZ(0); } }.rollIn { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } }.rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }.zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } }.zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } }.zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } }.zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translateZ(0); } }.slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } }.slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } }.slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translateZ(0); } }.slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } }.slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } }.slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } }.slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } }.slideOutUp { animation-name: slideOutUp; } .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.delay-1s { animation-delay: 1s; } .animated.delay-2s { animation-delay: 2s; } .animated.delay-3s { animation-delay: 3s; } .animated.delay-4s { animation-delay: 4s; } .animated.delay-5s { animation-delay: 5s; } .animated.fast { animation-duration: .8s; } .animated.faster { animation-duration: .5s; } .animated.slow { animation-duration: 2s; } .animated.slower { animation-duration: 3s; } @media (prefers-reduced-motion:reduce) { .animated { animation-duration: 1ms!important; transition-duration: 1ms!important; animation-iteration-count: 1!important; } } /*! * fullPage 3.0.8 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only * or Fullpage Commercial License for commercial use * http://alvarotrigo.com/fullPage/pricing/ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */.fp-enabled body, html.fp-enabled { margin: 0; padding: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .fp-section { position: relative; box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; transition: all .3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%} .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%} .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; transform: translateZ(0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { position: relative; } .fp-scrollable, .fp-scroller { overflow: hidden; } .iScrollIndicator { border: 0!important; } .fp-notransition { transition: none!important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translateZ(0); } #fp-nav.fp-right { right: 17px; } #fp-nav.fp-left { left: 17px; } .fp-slidesNav { position: absolute; z-index: 4; opacity: 1; transform: translateZ(0); left: 0!important; right: 0; margin: 0 auto!important; } .fp-slidesNav.fp-bottom { bottom: 17px; } .fp-slidesNav.fp-top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li:hover a.active span, #fp-nav ul li a.active span, .fp-slidesNav ul li:hover a.active span, .fp-slidesNav ul li a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%} #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; transition: all .1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0 0 -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav.fp-show-active a.active+.fp-tooltip, #fp-nav ul li:hover .fp-tooltip { transition: opacity .2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.fp-right { right: 20px; } #fp-nav ul li .fp-tooltip.fp-left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto!important; } .fp-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @font-face { font-family: swiper-icons; src: url("data:application/font-woff; charset=utf-8; base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical>.swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0); } .swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent); } .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/44*27); height: var(--swiper-navigation-size); margin-top: calc(-1*var(--swiper-navigation-size)/2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev"} .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next"} .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%} .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0); } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s; } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #fff; } .swiper-pagination-black { --swiper-pagination-color: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1); } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%} .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%} .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s linear infinite; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top: 4px solid transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { to { transform: rotate(1turn); } }.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%} .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } main { display: block; } [hidden] { display: none!important; } button, input, select, svg, textarea { vertical-align: baseline; margin: 0; padding: 0; border: 0; font-family: inherit; font-size: 100%; outline: none; } button, input, select, textarea { background: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { overflow: auto; } button { cursor: pointer; } button::-moz-focus-inner { border: 0; } input::-ms-clear, select::-ms-expand { display: none; } template { display: none!important; } body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%} a { color: inherit; } :focus, a, a:focus, a:hover { outline: 0; text-decoration: none; } img { border: 0; } [v-cloak] { display: none!important; } @font-face { font-family: "Poppins"; font-weight: 200; font-style: normal; src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraLight.eot"); src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraLight.eot?#iefix") format("embedded-opentype"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraLight.woff2") format("woff2"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraLight.woff") format("woff"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraLight.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Poppins"; font-weight: 300; font-style: normal; src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Light.eot"); src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Light.woff2") format("woff2"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Light.woff") format("woff"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Light.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Regular.eot"); src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Regular.woff2") format("woff2"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Regular.woff") format("woff"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Regular.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Medium.eot"); src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Medium.woff2") format("woff2"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Medium.woff") format("woff"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Medium.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-SemiBold.eot"); src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-SemiBold.woff2") format("woff2"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-SemiBold.woff") format("woff"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-SemiBold.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Bold.eot"); src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Bold.woff2") format("woff2"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Bold.woff") format("woff"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Bold.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Poppins"; font-weight: 800; font-style: normal; src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraBold.eot"); src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraBold.eot?#iefix") format("embedded-opentype"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraBold.woff2") format("woff2"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraBold.woff") format("woff"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-ExtraBold.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Poppins"; font-weight: 900; font-style: normal; src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Black.eot"); src: url("https://helpersng.taboola.com/fonts/poppins/Poppins-Black.eot?#iefix") format("embedded-opentype"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Black.woff2") format("woff2"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Black.woff") format("woff"), url("https://helpersng.taboola.com/fonts/poppins/Poppins-Black.ttf") format("truetype"); font-display: swap; } @font-face { font-family: icomoon; src: url(/wp-content/themes/connexity/public/fonts/icons/icomoon.eot); src: url(/wp-content/themes/connexity/public/fonts/icons/icomoon.woff) format("woff"), url(/wp-content/themes/connexity/public/fonts/icons/icomoon.eot#iefix) format("embedded-opentype"), url(/wp-content/themes/connexity/public/fonts/icons/icomoon.ttf) format("truetype"), url(/wp-content/themes/connexity/public/fonts/icons/icomoon.svg#icomoon) format("svg"); font-weight: 400; font-style: normal; } .icon-chevron-right:before { content: "\E908"!important; } .icon-chevron-left:before, .icon-chevron-right:before { font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-left:before { content: "\E909"!important; } .icon-arrow-right:before { content: "\E904"!important; } .icon-arrow-right:before, .icon-arrow-up-2:before { font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-up-2:before { content: "\E903"!important; } .icon-arrow-down-2:before { content: "\E901"!important; } .icon-arrow-down-2:before, .icon-arrow-down:before { font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\E900"!important; } .icon-user-login-blue:before { content: "\E90E"!important; } .icon-linkedin:before, .icon-user-login-blue:before { font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-linkedin:before { content: "\E905"!important; } .icon-twitter:before { content: "\E906"!important; } .icon-phone:before, .icon-twitter:before { font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-phone:before { content: "\E907"!important; } .icon-search:before { content: "\E902"!important; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, :after, :before { box-sizing: border-box; } html { font-size: 10px; line-height: 1; } html:not(.fp-enabled) { overflow-y: auto; scroll-behavior: smooth; } body { font-family: Poppins, sans-serif; font-weight: 300; color: #002855; } body.page-template-snap { overflow: hidden; height: 100%; transition: background-color .7s; } body.blog .footer__main, body.single-post .footer__main { background-color: #fff; } body.overflowHidden { overflow: hidden!important; } .os-animation { opacity: 0; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #002855; } ::-webkit-scrollbar-thumb:hover { background: #555; } @keyframes fadeInUpMedium { 0% { opacity: 0; transform: translate3d(0, 100px, 0); } to { opacity: 1; transform: translateZ(0); } }.fadeInUpMedium { animation-name: fadeInUpMedium; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 9px; } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 18px 0; } .swiper-pagination-white .swiper-pagination-bullet { background-color: #fff; } .swiper-pagination-white .swiper-pagination-bullet-active { background-color: #e87722; } .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #002855; opacity: 1; margin: 0 6px; } .swiper-pagination-bullet-active { background-color: #e87722; } .button { display: inline-block; font-size: 13px; line-height: 17px; font-weight: 600; padding: 14px 26px; transition: opacity .3s; } .button--orange { color: #fff; } .button--orange, .button--orange:before { background-color: #e87722; } .button--blue { color: #fff; } .button--blue, .button--blue:before { background-color: #002855; } .button:hover { opacity: .7; } .button:disabled { cursor: default; opacity: .6!important; } @keyframes cssLoaderAnimation { 0% { width: 0; height: 0; opacity: 1; } to { width: 100%; height: 100%; opacity: 0; } }.cssLoader { display: block; position: relative; width: 100px; height: 100px; transform: translateZ(0); } .cssLoader--small { width: 56px; height: 56px; } .cssLoader:after, .cssLoader:before { content: ""; position: absolute; top: 50%; left: 50%; border: 4px solid #e87722; opacity: 0; border-radius: 50%; transform: translate(-50%, -50%); animation: cssLoaderAnimation 1s cubic-bezier(0, .5, .8, 1) infinite; } .cssLoader:after { animation-delay: -.5s; } .container { width: 100%; max-width: 1160px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .container:after, .container:before { content: ""; display: block; clear: both; } .container--fluid { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } .container .row { margin-left: -10px; margin-right: -10px; } .container .row:after, .container .row:before { content: ""; display: block; clear: both; } .container .row--fluid { margin-left: 0; margin-right: 0; } .container .row--fluid .col-1, .container .row--fluid .col-2, .container .row--fluid .col-3, .container .row--fluid .col-4, .container .row--fluid .col-5, .container .row--fluid .col-6, .container .row--fluid .col-7, .container .row--fluid .col-8, .container .row--fluid .col-9, .container .row--fluid .col-10, .container .row--fluid .col-11, .container .row--fluid .col-12 { padding-left: 0; padding-right: 0; } .container .row--flex { display: flex; flex-wrap: wrap; } .container .row--flex .col-1, .container .row--flex .col-2, .container .row--flex .col-3, .container .row--flex .col-4, .container .row--flex .col-5, .container .row--flex .col-6, .container .row--flex .col-7, .container .row--flex .col-8, .container .row--flex .col-9, .container .row--flex .col-10, .container .row--flex .col-11, .container .row--flex .col-12 { float: none; display: flex; flex-direction: column; } .container .row .col-1, .container .row .col-2, .container .row .col-3, .container .row .col-4, .container .row .col-5, .container .row .col-6, .container .row .col-7, .container .row .col-8, .container .row .col-9, .container .row .col-10, .container .row .col-11, .container .row .col-12 { float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .container .row .col-1 { width: 8.33333333%} .container .row .col-2 { width: 16.66666667%} .container .row .col-3 { width: 25%} .container .row .col-4 { width: 33.33333333%} .container .row .col-5 { width: 41.66666667%} .container .row .col-6 { width: 50%} .container .row .col-7 { width: 58.33333333%} .container .row .col-8 { width: 66.66666667%} .container .row .col-9 { width: 75%} .container .row .col-10 { width: 83.33333333%} .container .row .col-11 { width: 91.66666667%} .container .row .col-12 { width: 100%} .container .row .offset-col-1 { margin-left: 8.33333333%} .container .row .offset-col-2 { margin-left: 16.66666667%} .container .row .offset-col-3 { margin-left: 25%} .container .row .offset-col-4 { margin-left: 33.33333333%} .container .row .offset-col-5 { margin-left: 41.66666667%} .container .row .offset-col-6 { margin-left: 50%} .container .row .offset-col-7 { margin-left: 58.33333333%} .container .row .offset-col-8 { margin-left: 66.66666667%} .container .row .offset-col-9 { margin-left: 75%} .container .row .offset-col-10 { margin-left: 83.33333333%} .container .row .offset-col-11 { margin-left: 91.66666667%} .container .row .offset-col-12 { margin-left: 100%} .fixedMenu { position: fixed; z-index: 1029; right: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .3); opacity: 0; display: none; } .fixedMenu__inner { position: absolute; right: 0; top: 0; height: 100%; width: 450px; background-color: rgba(240, 236, 231, .92); padding: 16vh 75px 50px 25px; overflow: auto; transform: translateX(100%); } .fixedMenu__inner--bannerOpened { padding: 18vh 75px 50px 25px; } .fixedMenu__nav { margin-bottom: 20px; } .fixedMenu__nav--child { margin-bottom: 0; padding-left: 2rem; } .fixedMenu__navLink { font-size: 12px; line-height: 21px; font-weight: 500; text-transform: uppercase; transition: color .3s; } .fixedMenu__navLink--active, .fixedMenu__navLink:hover { color: #e87722; } .fixedMenu__search { position: relative; margin-top: 35px; } .fixedMenu__searchInput { font-size: 14px; font-weight: 500; color: #002855; border-bottom: 2px solid #002855; width: 100%; height: 45px; padding-left: 40px; } .fixedMenu__searchButton { position: absolute; left: 0; height: 45px; width: 40px; top: 0; text-align: left; } .fixedMenu__searchButton__icon { font-size: 18px; transition: color .3s; } .fixedMenu__searchButton:hover { color: #e87722; } .footer__main { padding: 30px 25px; background-color: #f0ece7; } .footer__mainInner { display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } .footer__item { padding-left: 20px; padding-right: 20px; } .footer__itemTitle { font-family: Poppins, sans-serif; font-size: 12px; line-height: 17px; font-weight: 500; margin-bottom: 8px; } .footer__itemText p { font-size: 12px; line-height: 16px; text-transform: uppercase; } .footer__itemText p:last-child { margin-bottom: 0; } .footer__itemSocials { margin-top: 10px; display: flex; margin-left: -4px; margin-right: -4px; } .footer__itemSocials__item { transition: opacity .3s; padding-left: 4px; padding-right: 4px; } .footer__itemSocials__item:hover { opacity: .6; } .footer__itemMenu__link { font-size: 12px; line-height: 17px; font-weight: 500; text-transform: uppercase; transition: color .3s; } .footer__itemMenu__link:hover { color: #e87722; } .footer__bottomMenu { background-color: #002855; padding: 15px 25px; } .footer__bottomMenu__item { display: inline-block; font-size: 10px; line-height: 16px; text-transform: uppercase; color: #fff; transition: color .3s; } .footer__bottomMenu__item span { color: #e87722; display: inline-block; padding: 0 6px; } .footer__bottomMenu__item:last-child span { display: none; } .footer__bottomMenu__item:hover { color: #e87722; } .sections--snap__landscapeMobile .footer { margin-top: 40px; } .defaultForm__span { font-size: 14px; line-height: 14px; letter-spacing: -.08px; position: absolute; left: 0; top: 13px; transition: all .35s ease-in-out; } .defaultForm__label { display: block; position: relative; margin-top: 2px; } .defaultForm__label.active .defaultForm__span { top: 0; font-size: 10px; } .defaultForm__label--recaptcha { margin-top: 25px; display: flex; justify-content: center; flex-wrap: wrap; } .defaultForm__input, .defaultForm__select, .defaultForm__textarea { display: block; width: 100%; border-bottom: 1px solid #e87722; font-size: 14px; line-height: 14px; letter-spacing: -.08px; color: #002855; } .defaultForm__input:focus~.defaultForm__span, .defaultForm__select:focus~.defaultForm__span, .defaultForm__textarea:focus~.defaultForm__span { top: 0; font-size: 10px; } .defaultForm__input, .defaultForm__select { height: 44px; } .defaultForm__textarea { height: 100px; padding-top: 18px; } .defaultForm__checkbox { padding-top: 20px; width: 100%} .defaultForm__checkbox:checked~label:after { opacity: 1; } .defaultForm__checkbox~label { display: inline-block; position: relative; padding-left: 2.8rem; font-size: 1.2rem; line-height: 22px; } .defaultForm__checkbox~label:before { content: ""; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border: 2px solid #e87722; } .defaultForm__checkbox~label:after { content: ""; position: absolute; left: 5px; top: 7px; width: 9px; height: 5px; border: 2px solid #e87722; border-top: none; border-right: none; background: transparent; opacity: 0; transform: rotate(-45deg); } .defaultForm__checkboxGroup { text-align: left; } .defaultForm__submit { margin-top: 20px; } .defaultForm__error { text-align: left; font-size: 12px; color: red; margin: 3px 0 0; width: 100%} .defaultForm__policy { font-size: 13px; line-height: 19px; letter-spacing: -.28px; text-align: left; margin-top: 15px; } .defaultForm__policy a { font-weight: 700; text-decoration: underline; transition: opacity .3s; } .defaultForm__policy a:hover { opacity: .6; } .defaultForm__submitError { color: red; font-size: 14px; line-height: 18px; margin-top: 10px; } .defaultForm__submitSuccess { color: green; font-size: 14px; line-height: 18px; margin-top: 10px; } .defaultForm__recaptcha { margin-top: 3rem; } .defaultForm p { margin-top: 2rem; font-size: 1.4rem; line-height: 2rem; text-align: left; } .header { position: fixed; left: 0; top: 0; width: 100%; z-index: 1030; background-color: transparent; transition: background-color .3s, box-shadow .3s; } .header__inner { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 25px; } .header__button { position: absolute; right: 160px; top: 50%; transform: translateY(-50%); padding: 8px 15px; font-size: 11px; line-height: 17px; transition: color .3s, background-color .3s, opacity .3s; } .header__button:before { content: ""; position: absolute; width: 100%; height: 30px; top: -29px; left: 0; } .header__logo svg { width: 100%} .header__logoLetters { transition: fill .3s; } .header__login { position: relative; top: 2px; display: inline-block; font-size: 30px; transition: color .3s; } .header__login:hover { color: #e87722; } .header__actions { position: relative; display: flex; align-items: center; } .header__language { position: absolute; right: 78px; top: 2px; font-family: Poppins, sans-serif; font-size: 12px; line-height: 20px; font-weight: 500; text-transform: uppercase; white-space: nowrap; padding: 5px 10px; cursor: pointer; transition: right .3s; } .header__language--active .header__languageList { top: 100%; opacity: 1; pointer-events: all; } .header__languageIcon { font-size: 6px; margin-right: 4px; } .header__languageList { position: absolute; z-index: 1; left: -10px; top: 80%; padding-top: 8px; opacity: 0; pointer-events: none; transition: top .3s, opacity .3s; } .header__languageList:before { content: ""; position: absolute; left: 15px; top: 0; width: 0; height: 0; border-color: transparent transparent #fff; border-style: solid; border-width: 0 8px 8px; box-shadow: 0 0 20px rgba(0, 0, 0, .2); } .header__languageList__ul { background-color: #fff; padding: 10px; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, .2); } .header__languageList .lang-item a { display: flex; align-items: center; padding: 3px 10px; transition: color .3s; color: #002855; } .header__languageList .lang-item a img { margin-right: 5px; } .header__languageList .lang-item a:hover { color: #e87722; } .header__menuButton { position: absolute; right: 30px; top: -2px; display: inline-block; width: 36px; height: 36px; background-color: #e87722; border-radius: 50%; margin-right: 10px; cursor: pointer; transition: right .35s linear, background-color .3s; } .header__menuButton__line { position: absolute; left: 50%; transform: translate(-50%); width: 20px; height: 2px; background-color: #fff; border-radius: 10px; transition: all .3s; } .header__menuButton__line:first-child { top: 11px; } .header__menuButton__line:nth-child(2) { top: 17px; } .header__menuButton__line:nth-child(3) { bottom: 11px; } .header__menuButton:not(.header__menuButton--open):hover .header__menuButton__line:nth-child(2) { width: 16px; } .header__menuButton:not(.header__menuButton--open):hover .header__menuButton__line:nth-child(3) { width: 12px; } .header__menuButton--open .header__menuButton__line:first-child { transform: translate(-50%) rotate(45deg); top: 17px; } .header__menuButton--open .header__menuButton__line:nth-child(2) { opacity: 0; } .header__menuButton--open .header__menuButton__line:nth-child(3) { transform: translate(-50%) rotate(-45deg); top: 17px; } .header__menuButton--open:hover { background-color: #002855; } .header--white .header__logoLetters { fill: #fff; } .header--white .header__language, .header--white .header__login { color: #fff; } .header--whiteBg { background-color: #fff; } .header--whiteBg .header__logoLetters { fill: #002855; } .header--whiteBg .header__language, .header--whiteBg .header__login { color: #002855; } .header--sticky { background-color: #fff; } .header--stickyShadow { box-shadow: 0 0 20px rgba(0, 0, 0, .2); } .header--menuOpen { background-color: transparent; box-shadow: none; } h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; font-weight: 700; letter-spacing: -.02em; } h1 { font-family: Poppins,Arial,sans-serif; font-size: 54px; line-height: 57px; font-weight: 700; letter-spacing: -.02em; margin-bottom: 18px; } h2 { font-size: 45px; line-height: 49px; margin-bottom: 25px; font-weight: 700; letter-spacing: -.02em; } p { font-size: 18px; line-height: 27px; letter-spacing: -.1px; margin-bottom: 10px; } p b, p strong { font-weight: 500; } .cookiesBox { position: fixed; z-index: 1032; left: 0; bottom: 0; width: 100%; padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #e87722; } .cookiesBox__inner { display: flex; } .cookiesBox__text { padding-right: 6rem; } .cookiesBox__close { padding-left: 3.5rem; padding-right: 3.5rem; } .cookiesBox p { color: #fff; font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -.05em; } .cookiesBox a { text-decoration: underline; transition: color .3s; } .cookiesBox a:hover { color: #002855; } .dataLoader__wrapper { position: relative; transition: opacity .3s; } .dataLoader__wrapper--loading .dataLoader__item { opacity: .6; } .dataLoader__item { transition: opacity .3s; } .dataLoader__wrapperMessage { padding: 50px 0; background-color: #fff; border-radius: 10px; } .dataLoader__wrapperMessageInner { max-width: 700px; margin: 0 auto; text-align: center; } .dataLoader__wrapperMessageText { padding: 2px 0; font-weight: 400; font-size: 2.2em; line-height: 1.66666667; color: #000; } .dataLoader__wrapperMessageButton { margin-top: 10px; padding: 10px 0; } .dataLoader__wrapperOutput { position: relative; min-height: 140px; overflow: hidden; } .dataLoader__wrapperItems { transition: opacity .3s; } .dataLoader__wrapper--loading .dataLoader__wrapperItems { opacity: .1; } .dataLoader__wrapperLoader { display: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .dataLoader__wrapper--loading .dataLoader__wrapperLoader { display: block; } .dataLoader__pagination { text-align: center; } .dataLoader__pagination--next { margin-top: 40px; } .dataLoader__pagination--next .dataLoader__button:after { transform: rotate(90deg); } .dataLoader__pagination--prev { margin-top: 40px; margin-bottom: 40px; } .dataLoader__pagination--prev .dataLoader__button:after { transform: rotate(-90deg); } .pagination { display: flex; margin: 0 auto; font-family: Poppins, sans-serif; } .pagination-first, .pagination-last, .pagination-next, .pagination-prev { display: flex; align-items: center; justify-content: center; background-color: #fff; margin-left: .5rem; margin-right: .5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 3px; font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; } .pagination-first a, .pagination-last a, .pagination-next a, .pagination-prev a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%} .pagination-first.disabled, .pagination-last.disabled, .pagination-next.disabled, .pagination-prev.disabled { display: none; } .pagination-prev { width: 4rem; } .pagination-prev a:before { font-size: 9px; content: "\E909"!important; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pagination-next { width: 4rem; } .pagination-next a:before { font-size: 9px; content: "\E908"!important; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pagination-page { display: flex; margin-left: .5rem; margin-right: .5rem; width: 4rem; height: 4rem; padding-top: 3px; background-color: #fff; font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; transition: background-color .3s, color .3s; } .pagination-page a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%} .pagination-page.active { background-color: #6e9fb5; color: #fff; } .topBanner { position: relative; height: 0; overflow: hidden; width: 100%; background-color: #e87722; z-index: 1040; } .topBanner__inner { color: #fff; padding: 10px 25px; display: flex; align-items: center; justify-content: center; } .topBanner__inner p { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 0; } .topBanner__inner p b, .topBanner__inner p strong { font-weight: 500; } .topBanner__inner p a { font-size: 1.2rem; letter-spacing: -.025em; font-weight: 500; transition: color .3s; } .topBanner__inner p a:hover { color: #002855; } .topBanner__close { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 32px; height: 32px; cursor: pointer; } .topBanner__close:after, .topBanner__close:before { content: ""; width: 2px; height: 22px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color .3s; } .topBanner__close:before { transform: translate(-50%, -50%) rotate(45deg); } .topBanner__close:after { transform: translate(-50%, -50%) rotate(-45deg); } .topBanner__close:hover:after, .topBanner__close:hover:before { background-color: #002855; } .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { font-family: Poppins, sans-serif; font-weight: 500; line-height: 1.25; color: #002855; } .wysiwyg h1 { font-size: 4rem; } .wysiwyg h2 { font-size: 3rem; } .wysiwyg h3 { font-size: 2.4rem; margin-bottom: 20px; } .wysiwyg h4 { margin-bottom: 2.5rem; font-size: 3.5rem; line-height: 4.2rem; } .wysiwyg h5 { font-size: 1.4rem; } .wysiwyg h6 { font-size: 1.2rem; } .wysiwyg ol li, .wysiwyg p, .wysiwyg ul li { font-family: Poppins, sans-serif; font-weight: 400; color: #002855; font-size: 1.6rem; line-height: 1.625; } .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg ol, .wysiwyg p, .wysiwyg ul { margin-top: 15px; } .wysiwyg h1:first-child, .wysiwyg h2:first-child, .wysiwyg h3:first-child, .wysiwyg h4:first-child, .wysiwyg h5:first-child, .wysiwyg h6:first-child, .wysiwyg ol:first-child, .wysiwyg p:first-child, .wysiwyg ul:first-child { margin-top: 0; } .wysiwyg h1+ol, .wysiwyg h1+p, .wysiwyg h1+ul, .wysiwyg h2+ol, .wysiwyg h2+p, .wysiwyg h2+ul, .wysiwyg h3+ol, .wysiwyg h3+p, .wysiwyg h3+ul, .wysiwyg h4+ol, .wysiwyg h4+p, .wysiwyg h4+ul, .wysiwyg h5+ol, .wysiwyg h5+p, .wysiwyg h5+ul, .wysiwyg h6+ol, .wysiwyg h6+p, .wysiwyg h6+ul { margin-top: 10px; } .wysiwyg ol li { position: relative; margin-left: 20px; counter-increment: item; margin-bottom: 25px; } .wysiwyg ol li:before { content: counter(item, decimal-leading-zero); font-family: Poppins, sans-serif; font-weight: 500; font-size: 15px; color: #002855; position: absolute; left: -20px; top: 0; } .wysiwyg a:not(.button) { color: #e87722; opacity: 1; transition: opacity .3s; } .wysiwyg a:not(.button):hover { opacity: .6; } .wysiwyg ul li { position: relative; margin-left: 15px; margin-bottom: 25px; } .wysiwyg ul li:before { content: ""; width: 6px; height: 6px; background-color: #002855; border-radius: 50%; position: absolute; left: -15px; top: 11px; } .wysiwyg table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; margin-top: 40px; } .wysiwyg td, .wysiwyg th { left: 10px; text-align: left; } .wysiwyg td b, .wysiwyg td strong, .wysiwyg th b, .wysiwyg th strong { font-weight: 700; } .wysiwyg .empty-table { border-top: none; border-left: none; } .wysiwyg .light-grey { background-color: #e7e6e6; } .wysiwyg .table-header { text-align: center; } .wysiwyg td, .wysiwyg th { font-size: 14px; font-weight: 400; color: #000; padding: 10px; border: 1px solid grey; } .wysiwyg td, .wysiwyg th { text-transform: none; font-family: Poppins, sans-serif; } .wysiwyg td { font-size: 12px; font-weight: 200; color: #666; } .iconLink { font-size: 1.5rem; line-height: 3rem; padding-left: 30px; background-repeat: no-repeat; background-size: auto; background-position: 0; display: block; opacity: 1; transition: opacity .3s; margin-top: 10px; } .iconLink--phone { background-image: url('/wp-content/themes/connexity/public/img/icons/phone.svg'); } .iconLink--mail { background-image: url('/wp-content/themes/connexity/public/img/icons/letter.svg'); } .iconLink:hover { opacity: .7; } .archiveBlog { background-color: rgba(233, 231, 229, .5); padding-bottom: 7.5rem; } .archiveBlog__header { margin-bottom: 4rem; background-color: #fff; } .archiveBlog__headerInner { display: flex; flex-wrap: wrap; } .archiveBlog__headerTerms { display: flex; margin-left: -2.5rem; } .archiveBlog__headerSearch { display: flex; margin-left: auto; align-items: center; } .archiveBlog__termsItemSearch { display: flex; align-items: center; position: relative; } .archiveBlog__termsItemSearch:hover .archiveBlog__searchInput { width: 270px; padding-right: 9rem; } .archiveBlog__searchInput { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.6rem; line-height: 3.6rem; border-bottom: 2px solid #002855; width: 0; overflow: hidden; background-color: #fff; transition: width .3s, padding-right .3s; padding-right: 0; } .archiveBlog__searchInputButton { position: relative; z-index: 2; display: flex; background-color: #fff; align-items: center; font-size: 1.2rem; line-height: 2rem; font-weight: 500; text-transform: uppercase; } .archiveBlog__searchInputButtonIcon { color: #e87722; font-size: 2rem; padding-right: 1rem; } .archiveBlog__headerTerm { margin-left: 2.5rem; margin-right: 2.5rem; } .archiveBlog__headerTerm label { display: block; position: relative; padding-top: 2.8rem; padding-bottom: 2.5rem; font-size: 1.2rem; line-height: 2.1rem; font-weight: 500; cursor: pointer; text-transform: uppercase; } .archiveBlog__headerTerm label:after { content: ""; position: absolute; display: block; left: 50%; bottom: 0; background-color: #002855; transform: translateX(-50%); width: 0; height: 2px; transition: width .3s; } .archiveBlog__headerTerm--active label:after, .archiveBlog__headerTerm:hover label:after { width: 100%} .archiveBlog__headerSort { position: relative; padding-right: 2rem; display: flex; align-items: center; margin-left: 2rem; padding-left: 2rem; } .archiveBlog__headerSort:before { content: ""; position: absolute; left: 0; top: 50%; height: 3rem; width: 1px; background-color: #dddcdb; transform: translateY(-50%); } .archiveBlog__headerSortTitle { font-size: 1.2rem; line-height: 2rem; font-weight: 500; padding-right: .8rem; } .archiveBlog__headerSortSelect { font-size: 1.2rem; line-height: 2rem; font-weight: 700; } .archiveBlog__headerSortIcon:before { position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(90deg); content: "\E908"!important; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .archiveBlog__title { margin-bottom: 3rem; font-size: 2.8rem; line-height: 4.4rem; font-weight: 700; letter-spacing: -.02em; } .archiveBlog__items { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 6rem; } .archiveBlog__item { margin-bottom: 2rem; flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px; } .archiveBlog__itemInner { position: relative; display: block; background-color: #fff; height: 100%} .archiveBlog__itemInner:hover .archiveBlog__itemTitle { color: #e87722; } .archiveBlog__itemInner:hover .archiveBlog__itemImage { opacity: .6; } .archiveBlog__itemInner:hover .archiveBlog__itemArrow { background-color: #002855; } .archiveBlog__itemImage { width: 100%; transition: opacity .3s; } .archiveBlog__itemContent { padding: 1.6rem 2rem 7rem; } .archiveBlog__itemDate { margin-bottom: 1.5rem; font-size: 1.2rem; line-height: 1.7rem; font-weight: 500; letter-spacing: -.021em; text-transform: uppercase; } .archiveBlog__itemTitle { margin-bottom: 1rem; font-size: 2rem; line-height: 2.4rem; font-weight: 700; transition: color .3s; } .archiveBlog__itemDesc { font-size: 1.5rem; line-height: 1.9rem; letter-spacing: .03em; } .archiveBlog__itemArrow { position: absolute; background-color: #e87722; right: 0; bottom: 0; width: 4.4rem; height: 4.4rem; transition: background-color .3s; } .archiveBlog__itemArrow span { font-size: 1rem; position: absolute; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); } .archiveBlog__pagination { display: flex; } .blogHeader { padding-top: 20rem; padding-bottom: 5rem; background-color: #6e9fb5; } .blogHeader__swiper { padding-bottom: 8rem; } .blogHeader__item { display: flex; flex-wrap: wrap; align-items: center; transition: opacity .3s; } .blogHeader__item:hover { opacity: .6; } .blogHeader__itemContent { padding-right: 9rem; } .blogHeader__itemContent, .blogHeader__itemImage { flex: 0 0 50%; max-width: 50%} .blogHeader__itemImage img { width: 100%} .blogHeader__itemDate { margin-bottom: 1.6rem; font-size: 1.4rem; line-height: 1.7rem; letter-spacing: -.021em; font-weight: 500; color: #fff; } .blogHeader__title { margin-bottom: 1.5rem; font-size: 4.5rem; line-height: 4.9rem; color: #fff; letter-spacing: -.013em; } .blogHeader__itemDesc { font-size: 2.1rem; line-height: 2.8rem; color: #fff; margin-bottom: 5rem; } .blogHeader__pagination .swiper-pagination-bullet { background-color: #a3c7d2; } .blogHeader__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #002855; } .faqSection { padding-top: 6rem; padding-bottom: 6rem; } .faqSection__categoriesLink { display: block; font-size: 1.8rem; line-height: 2.6rem; transition: color .3s; padding-top: 13px; padding-bottom: 13px; padding-right: 20px; } .faqSection__categoriesLink.active { color: #e87722; font-weight: 500; } .faqSection__categoriesLink:hover { color: #e87722; } .faqSection__listTitle { line-height: 4.6rem; font-weight: 500; padding: 1.25rem; } .faqSection__listButton, .faqSection__listTitle { font-size: 1.8rem; border-bottom: 1px solid #d8dce5; } .faqSection__listButton { display: block; position: relative; padding: 1.6rem 5rem 1.7rem 2.5rem; line-height: 3rem; font-weight: 400; transition: all .3s; } .faqSection__listButton:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background-color: #f5f8f8; transition: height .3s; z-index: -1; } .faqSection__listButton--active { border-bottom: 1px solid #f5f8f8; } .faqSection__listButton--active .faqSection__listIcon { color: #e87722; transform: translateY(-50%) rotate(180deg); } .faqSection__listButton--active:before { height: 100%} .faqSection__listIcon { position: absolute; top: 50%; transform: translateY(-50%); right: 2.5rem; font-size: 1rem; transition: color .3s, transform .3s; } .faqSection__listContent { border-bottom: 1px solid #d8dce5; height: 0; display: none; overflow: hidden; } .faqSection__listContent--active { height: auto; display: block; } .faqSection__listHiddenContent { display: flex; flex-direction: column; padding: 2rem 2.5rem; } .optOutSection__form { max-width: 900px; margin: 0 auto; } .imageSection { margin-bottom: 3rem; text-align: center; } .imageSection img { max-width: 100%} .imageSection__desc { padding-top: 2rem; font-size: 1.4rem; line-height: 2rem; } .optOutSection__inner { padding-top: 3rem; padding-bottom: 3rem; } .optOutSection__button { text-align: center; margin-top: 20px; margin-bottom: 20px; } .optOutSection__right { border: 1px solid #d8d8d8; padding: 30px 20px; margin-left: 50px; } .optOutSection__right .wysiwyg p { font-size: 14px; line-height: 20px; margin-top: 10px; } .optOutSection__rightStatus { font-size: 12px; } .optOutSection__rightStatus span { font-size: 18px; font-weight: 500; } .page404 { text-align: center; padding-top: 6rem; padding-bottom: 6rem; } .postsArchive { padding-top: 80px; padding-bottom: 80px; min-height: 60vh; } .postsArchive__search { position: relative; margin-top: 25px; margin-bottom: 60px; } .postsArchive__searchIcon { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: #e87722; font-size: 22px; pointer-events: none; } .postsArchive__wrapper { transition: opacity .3s; } .postsArchive__wrapper--loading { opacity: .4; } .postsArchive__searchInput { display: block; height: 50px; width: 100%; padding: 10px 25px; border-radius: 10px; border: 1px solid #d8d8d8; font-size: 16px; } .postsArchive__items { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -10px; margin-right: -10px; } .postsArchive__item { flex: 33.333%; max-width: 33.333%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .postsArchive__item:hover .postsArchive__title { color: #e87722; } .postsArchive__itemInner { display: block; height: 100%; padding: 30px 20px; border: 1px solid #d8d8d8; border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, .04); } .postsArchive__type { font-size: 15px; line-height: 18px; font-weight: 500; margin-bottom: 20px; } .postsArchive__title { font-size: 22px; line-height: 34px; transition: color .3s; } .postsArchive__itemsError { font-size: 16px; line-height: 32px; font-weight: 500; text-align: center; } .singleHeader { position: relative; min-height: 670px; background-size: cover; background-position: 50%; display: flex; align-items: flex-end; padding-bottom: 10rem; } .singleHeader:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(185deg, transparent, rgba(0, 0, 0, .8)); } .singleHeader__inner { position: relative; z-index: 2; text-align: center; max-width: 830px; margin: 0 auto; } .singleHeader__date { margin-bottom: 3.5rem; font-size: 1.6rem; letter-spacing: -.02em; line-height: 1.7rem; color: #fff; font-weight: 500; } .singleHeader__title { color: #fff; } .singleInfo { padding-top: 3.8rem; padding-bottom: 3.8rem; border-bottom: 1px solid #eaeaea; } .singleInfo__inner { display: flex; flex-wrap: wrap; max-width: 760px; } .singleInfo__box { flex: 0 0 33.333%; max-width: 33.333%} .singleInfo__boxTitle { font-size: 1.2rem; line-height: 2rem; text-transform: uppercase; font-weight: 500; } .singleInfo__author { display: flex; } .singleInfo__author img { border-radius: 50%} .singleInfo__authorText { padding-left: 2.2rem; } .singleInfo__boxValue { font-weight: 700; font-family: Poppins, sans-serif; font-size: 1.6rem; line-height: 2.4rem; } .singleShare { margin-bottom: 8rem; padding-top: 2rem; } .singleShare__inner { max-width: 760px; } .singleShare__title { margin-bottom: .6rem; font-size: 1.6rem; line-height: 3rem; font-weight: 700; font-family: Poppins, sans-serif; } .singleShare__list { margin-left: -3px; margin-right: -3px; } .singleShare__listItem { margin-left: 3px; margin-right: 3px; transition: opacity .3s; } .singleShare__listItem:hover { opacity: .6; } .relatedPosts { background-color: #e9e7e5; padding-bottom: 6rem; padding-top: 5rem; } .relatedPosts__list { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .relatedPosts__title { margin-bottom: 3rem; font-family: Poppins, sans-serif; font-weight: 500; font-size: 2.8rem; line-height: 4.4rem; letter-spacing: .02em; } .subPageHeader { margin-top: 90px; background-color: #f0ece7; padding-top: 7rem; padding-bottom: 7rem; text-align: center; } .subPageHeader__title { margin-bottom: 0; } .textSection__inner { padding-top: 3rem; padding-bottom: 3rem; } .textSection--blog { max-width: 760px; margin: 0 auto; } .textSection img { max-width: 100%; height: auto; } .youtubeSection { padding-top: 2rem; margin-bottom: 4rem; text-align: center; } .youtubeSection iframe { max-width: 100%} .sections--snap__landscapeMobile .section, .sections--snap__landscapeMobile .section .fp-tableCell { height: auto!important; } .sections--text { padding-top: 3rem; padding-bottom: 3rem; } .contactForm, .section { overflow: hidden; } .contactForm { height: 100vh; display: flex; align-items: center; text-align: center; } .contactForm__inner { padding-top: 18vh; padding-bottom: 10vh; } .contactForm__title { font-size: 15px; line-height: 15px; letter-spacing: -.41px; font-weight: 500; } .contactForm__form { max-width: 800px; margin: 0 auto; } .contactForm__text { margin-top: 20px; } .contactForm__text p { font-size: 15px; line-height: 20px; letter-spacing: -.25px; margin-bottom: 0; } .contactForm__text p a { font-weight: 700; text-decoration: underline; transition: opacity .3s; } .contactForm__text p a:hover { opacity: .6; } .sections--snap__landscapeMobile .contactForm__inner { padding-top: 120px; padding-bottom: 50px; } .historySlider { height: 100vh; overflow: hidden; display: flex; align-items: center; text-align: center; } .historySlider__inner { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; height: 100%; padding-top: 16vh; padding-bottom: 8vh; } .historySlider__title { flex: 0 0 100%; max-width: 100%; margin-bottom: 6vh; } .historySlider__swiper { height: 330px; position: relative; overflow: hidden; } .historySlider__swiperParent { flex: 0 0 100%; max-width: 100%; position: relative; padding-top: 62px; padding-bottom: 62px; } .historySlider__swiperParent:before { content: ""; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background-color: #fff; } .historySlider__swiperSlide { display: flex; justify-content: center; align-items: center; } .historySlider__swiperSlide__bullet { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 32px; height: 32px; border-radius: 50%; border: 1px solid #fff; } .historySlider__swiperSlide__year { font-size: 30px; color: #002855; line-height: 49px; letter-spacing: -1.19px; flex: 0 0 50%; text-align: left; padding-left: 32px; } .historySlider__swiperSlide__year--left { text-align: right; padding-right: 32px; padding-left: 0; } .historySlider__swiperSlide__text { font-size: 16px; color: #002855; line-height: 21px; letter-spacing: -.09px; flex: 0 0 50%; text-align: left; padding-left: 32px; } .historySlider__swiperSlide__text--left { text-align: right; padding-left: 0; padding-right: 32px; } .historySlider__swiperButton { width: 36px; height: 36px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; transform: translate(-50%); transition: border .3s; } .historySlider__swiperButton span { position: absolute; top: 50%; transform: translateY(-50%); top: 9px; color: #fff; font-size: 16px; -webkit-animation: m-top-down-slow 1s infinite; animation-direction: alternate; transition: color .3s, opacity .3s; } .historySlider__swiperButton--prev { top: 0; } .historySlider__swiperButton--next { bottom: 0; } .historySlider__swiperButton:not(.swiper-button-disabled):hover { border: 1px solid #002855; cursor: pointer; } .historySlider__swiperButton:not(.swiper-button-disabled):hover span { color: #002855; } .historySlider__swiperButton.swiper-button-disabled span { opacity: 0; } @keyframes m-top-down-slow { 0% { transform: translateY(2px) translateX(-50%) translateZ(0); } to { transform: translateY(-2px) translateX(-50%) translateZ(0); } }.sections--snap__landscapeMobile .historySlider { height: auto; } .sections--snap__landscapeMobile .historySlider__inner { height: auto; padding-top: 50px; padding-bottom: 50px; } .iconListSnap { height: 100vh; overflow: hidden; display: flex; align-items: center; } .iconListSnap__inner { padding-top: 12vh; } .iconListSnap__header { text-align: center; margin-bottom: 14vh; } .iconListSnap__items { justify-content: center; } .iconListSnap__itemsItem { text-align: center; margin-bottom: 5vh; justify-content: center; } .iconListSnap__itemsItem__content { display: inline-block; max-width: 230px; } .iconListSnap__itemsItem__img { margin-bottom: 32px; height: 125px; } .iconListSnap__itemsItem__number { margin-bottom: 11px; } .iconListSnap__itemsItem__numberText, .iconListSnap__itemsItem__numberValue { font-size: 58px; line-height: 49px; letter-spacing: -2.3px; color: #fff; } .iconListSnap__itemsItem__text { font-size: 14px; line-height: 17px; letter-spacing: -.3px; font-weight: 500; text-transform: uppercase; } .sections--snap__landscapeMobile .iconListSnap__inner { padding-top: 40px; padding-bottom: 0; } .sections--snap__landscapeMobile .iconListSnap__header { margin-bottom: 60px; } .sections--snap__landscapeMobile .iconListSnap__imageContent, .sections--snap__landscapeMobile .iconListSnap__itemsItem { margin-bottom: 40px; } .imageBackgroundParagraphs { height: 100vh; overflow: hidden; display: flex; align-items: center; background-size: cover; background-position: 50%} .imageBackgroundParagraphs__inner { position: relative; z-index: 2; width: 100%; padding-top: 12vh; padding-bottom: 5vh; } .imageBackgroundParagraphs__text { text-align: center; } .imageBackgroundParagraphs__textWrapper { margin-bottom: 60px; } .imageBackgroundParagraphs__textWrapper:last-child { margin-bottom: 0; } .imageBackgroundParagraphs__textHeading { font-size: 15px; line-height: 15px; color: #fff; margin-bottom: 42px; font-weight: 500; } .imageBackgroundParagraphs__textParagraphs { max-width: 400px; margin: 0 auto; text-align: left; } .imageBackgroundParagraphs__textParagraphs p { color: #fff; font-size: 15px; line-height: 22px; letter-spacing: -.08px; } .imageBackgroundParagraphs__textParagraphsParagraph { border-bottom: 2px solid #e87722; margin-bottom: 10px; } .imageBackgroundParagraphs__shadow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: linear-gradient(-182deg, transparent 2%, rgba(43, 35, 27, .59) 81%); z-index: 1; } .sections--snap__landscapeMobile .imageBackgroundText { min-height: 450px; } .imageBackgroundText { height: 100vh; overflow: hidden; display: flex; align-items: center; background-size: cover; background-position: 50%} .imageBackgroundText__inner { position: relative; z-index: 2; width: 100%; padding-top: 12vh; padding-bottom: 5vh; } .imageBackgroundText__text { text-align: center; } .imageBackgroundText__textWrapper { margin-bottom: 35px; } .imageBackgroundText__textWrapper:last-child { margin-bottom: 0; } .imageBackgroundText__textHeading { color: #fff; letter-spacing: -.5px; margin-bottom: 15px; } .imageBackgroundText__textText { text-align: center; max-width: 460px; margin: 0 auto; } .imageBackgroundText__textText p { color: #fff; font-size: 21px; line-height: 28px; letter-spacing: -.1px; } .imageBackgroundText__textText--blue { max-width: 620px; } .imageBackgroundText__textText--blue p { color: #002855; } .imageBackgroundText__shadow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: linear-gradient(-182deg, transparent 2%, rgba(43, 35, 27, .59) 81%); z-index: 1; } .imageBackgroundText__absBadge { position: absolute; left: 20px; bottom: 0; } .imageBackgroundText--alignTop { display: flex!important; } .imageBackgroundText--alignTop .imageBackgroundText__inner { padding-top: 16vh; } .sections--snap__landscapeMobile .imageBackgroundText { min-height: 400px; align-items: flex-start; } .sections--snap__landscapeMobile .imageBackgroundText__inner { padding-top: 40px; } .leadershipTeam { padding-top: 8rem; padding-bottom: 8rem; position: relative; background-color: #f0ece7; height: 100vh; } .leadershipTeam__content { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-left: 25px; padding-right: 25px; } .leadershipTeam__list { display: flex; flex-wrap: wrap; max-width: 634px; width: 100%} .leadershipTeam__person { position: relative; display: flex; justify-content: center; align-items: center; flex: 0 0 14.285%; max-width: 14.285%; padding: 1px; } .leadershipTeam__person:before { display: block; content: ""; width: 100%; padding-top: 100%} .leadershipTeam__person .leadershipTeam__personContent { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 2px); height: calc(100% - 2px); background-color: #a59c94; border-radius: 50%} .leadershipTeam__person--isSmall .leadershipTeam__personContent { width: 50px; height: 50px; } .leadershipTeam__person--placeholder { opacity: 0; } .leadershipTeam__person:hover { z-index: 2; } .leadershipTeam__person:hover .leadershipTeam__personInfo { opacity: 1; pointer-events: all; } .leadershipTeam__person:hover .leadershipTeam__personContent:before { opacity: 0; } .leadershipTeam__person--disabled .leadershipTeam__personContent { background-image: none!important; } .leadershipTeam__person--disabled .leadershipTeam__personInfo { opacity: 0!important; pointer-events: none!important; } .leadershipTeam__person--visible { cursor: pointer; } .leadershipTeam__personContent { position: relative; overflow: hidden; z-index: 1; display: flex; align-items: center; justify-content: center; background-position: 50%; background-size: cover; } .leadershipTeam__personContent:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #a59c94; opacity: .3; transition: opacity .3s; } .leadershipTeam__personInfo { pointer-events: none; position: absolute; top: 1px; opacity: 0; display: flex; align-items: center; background-color: #a59c94; border-radius: 50px; height: calc(100% - 2px); width: 350px; color: #fff; transition: opacity .3s; } .leadershipTeam__personInfo h3 { margin-bottom: 5px; font-size: 2rem; font-weight: 700; letter-spacing: -.009em; } .leadershipTeam__personInfo p { margin-bottom: 0; font-size: 1.3rem; line-height: 1.6rem; letter-spacing: -.02em; } .leadershipTeam__personInfo--left { left: 1px; padding-left: 106px; padding-right: 2rem; } .leadershipTeam__personInfo--right { right: 1px; padding-right: 106px; padding-left: 2rem; text-align: right; } .leadershipTeam__personInfoContent { flex-direction: column; display: flex; } .leadershipTeam__categories { position: absolute; left: 25px; top: 50%; transform: translateY(-50%); } .leadershipTeam__category { display: block; font-size: 12px; line-height: 20px; cursor: pointer; transition: color .3s; } .leadershipTeam__category--active, .leadershipTeam__category:hover { color: #e87722; } .leadershipTeam__popup { position: fixed; overflow: scroll; z-index: 1031; left: 0; top: 0; width: 100%; height: 100%; background-color: #f0ece7; opacity: 0; pointer-events: none; transition: opacity .3s; } .leadershipTeam__popup--active { opacity: 1; pointer-events: all; } .leadershipTeam__popupClose { position: absolute; right: 25px; top: 25px; width: 40px; height: 40px; cursor: pointer; transition: transform .3s; } .leadershipTeam__popupClose span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 20px; height: 2px; background-color: #002855; } .leadershipTeam__popupClose span:first-child { transform: translate(-50%, -50%) rotate(45deg); } .leadershipTeam__popupClose span:last-child { transform: translate(-50%, -50%) rotate(-45deg); } .leadershipTeam__popupClose:hover { transform: rotate(180deg); } .leadershipTeam__popupInner { display: flex; flex-wrap: wrap; align-items: flex-start; max-width: 1194px; margin: 0 auto; padding: 8rem 25px 40px; } .leadershipTeam__popupHeader { margin-bottom: 8rem; padding-right: 10rem; display: flex; justify-content: center; flex-direction: column; flex: 0 0 35%; max-width: 35%} .leadershipTeam__popupHeader h3 { font-size: 3.2rem; line-height: 4rem; font-weight: 700; } .leadershipTeam__popupHeader p { font-size: 1.6rem; line-height: 2.2rem; } .leadershipTeam__popupHeaderImage { margin-bottom: 1rem; width: 254px; height: 254px; background-size: cover; background-position: 50%; border-radius: 50%} .leadershipTeam__popupContent { position: relative; display: flex; flex-wrap: wrap; flex: 0 0 65%; max-width: 65%; flex-direction: row; margin-left: -25px; margin-right: -25px; padding-bottom: 5rem; } .leadershipTeam__popupContentCol { flex: 0 0 33.333%; max-width: 33.333%; padding-left: 25px; padding-right: 25px; } .leadershipTeam__popupContentCol--today, .leadershipTeam__popupContentCol--yesterday { flex: 0 0 50%; max-width: 50%} .leadershipTeam__popupContentCol--icons { position: relative; flex: 0 0 65%; max-width: 65%; padding-top: 3rem; padding-right: 0; margin-bottom: 4rem; margin-left: 35%} .leadershipTeam__popupContentCol--icons:before { content: ""; position: absolute; left: 25px; top: 0; width: calc(100% - 25px); height: 1px; background-color: #002855; } .leadershipTeam__popupContentCol h4 { margin-bottom: 1.5rem; font-size: 2.2rem; line-height: 3rem; font-weight: 700; } .leadershipTeam__popupContentCol p { font-size: 1.4rem; line-height: 2.2rem; } .leadershipTeam__popupIcons { display: flex; flex-wrap: wrap; margin-top: 2.5rem; margin-left: -3px; margin-right: -3px; } .leadershipTeam__popupIcon { flex: 0 0 10%; max-width: 10%; margin-bottom: 6px; padding-left: 3px; padding-right: 3px; } .leadershipTeam__popupIconContent { position: relative; background-color: #cbc4bc; border-radius: 50%} .leadershipTeam__popupIconContent:before { display: block; content: ""; width: 100%; padding-top: 100%} .leadershipTeam__popupIconContent>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .leadershipTeam__popupIconContent img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 65%; max-height: 65%} .leadershipTeam__popupIconContent--active { background-color: #002855; } .leadershipTeam__popupSliderTitle { margin-top: 3rem; margin-bottom: 4rem; font-size: 2.2rem; line-height: 3rem; font-weight: 700; } .leadershipTeam__popupSlideGoogle { background-color: #fff; width: 160px; flex: 0 0 160px; border-radius: 5px; overflow: hidden; } .leadershipTeam__popupSlideGoogleImage { height: 150px; background-position: 50%; background-size: cover; } .leadershipTeam__popupSlideGoogleContent { padding: 1rem; } .leadershipTeam__popupSlideInner { display: flex; } .leadershipTeam__popupSlideTitle { margin-bottom: 0; color: #1a0dab; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .leadershipTeam__popupSlidePrice { margin-bottom: .6rem; font-size: 1.4rem; line-height: 1.8rem; font-weight: 500; } .leadershipTeam__popupSlideDesc { color: #006612; margin-bottom: .6rem; font-size: 1.4rem; line-height: 1.8rem; } .leadershipTeam__popupSlideAuthor { color: #1a0dab; margin-bottom: .6rem; font-size: 1.4rem; line-height: 1.8rem; } .leadershipTeam__popupSlideContent { font-size: 1.4rem; line-height: 2.2rem; padding-left: 2rem; padding-right: 2rem; } .leadershipTeam__popupSliderWrapper { position: relative; } .leadershipTeam__popupSliderArrow { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; background-color: #002855; border-radius: 50%; cursor: pointer; } .leadershipTeam__popupSliderArrow:hover { background-color: #e87722; } .leadershipTeam__popupSliderArrow.swiper-button-disabled { opacity: .4; cursor: default; } .leadershipTeam__popupSliderArrow.swiper-button-disabled:hover { background-color: #002855; } .leadershipTeam__popupSliderArrow:before { color: #fff; font-size: .8rem; content: "\E904"!important; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .leadershipTeam__popupSliderArrow--prev { left: -5rem; } .leadershipTeam__popupSliderArrow--prev:before { transform: rotate(180deg); } .leadershipTeam__popupSliderArrow--next { right: -5rem; } .leadershipTeam__popupFooter { border-top: 1px solid #002855; max-width: 100%} .logoSliderSnap { height: 100vh; overflow: hidden; display: flex; align-items: center; } .logoSliderSnap__inner { width: 100%; padding-top: 12vh; padding-bottom: 5vh; } .logoSliderSnap__header { display: block; margin-bottom: 5vh; text-align: center; } .logoSliderSnap__headerHeading { display: inline-block; max-width: 650px; text-align: center; } .logoSliderSnap__headerText { max-width: 700px; margin: 0 auto 8vh; } .logoSliderSnap__headerText p { font-size: 22px; line-height: 31px; letter-spacing: -.5px; } .logoSliderSnap__slider { width: calc(100% - 50px); margin-bottom: 32px; padding-bottom: 54px; margin-left: 25px; margin-right: 25px; } .logoSliderSnap__sliderSlide__img { width: 100%} .logoSliderSnap__text { max-width: 500px; margin: 0 auto 18px; text-align: center; } .logoSliderSnap__button { text-align: center; } .sections--snap__landscapeMobile .logoSliderSnap__inner { padding-top: 40px; padding-bottom: 40px; } .sections--snap__landscapeMobile .logoSliderSnap__header { margin-bottom: 40px; } .mapImage { overflow: hidden; text-align: center; } .mapImage, .mapImage__inner { height: 100vh; display: flex; align-items: center; } .mapImage__inner { padding-top: 15vh; padding-bottom: 10vh; } .mapImage__image { width: 100%; max-height: 65vh; } .mapImage__text { max-width: 560px; margin: 7vh auto 0; } .mapImage__text p { font-size: 18px; line-height: 24px; letter-spacing: -.3px; } .sections--snap__landscapeMobile .mapImage__inner { height: auto; padding-bottom: 20px; } .sections--snap__landscapeMobile .mapImage__image { height: 100%; max-height: 100%; margin-bottom: 20px; } .peoplesList { height: 100vh; overflow: hidden; display: flex; align-items: end; } .peoplesList__wrapper { height: 100%} .peoplesList__inner { position: relative; height: 100%; display: flex; align-items: flex-end; } .peoplesList__title { font-family: Poppins, sans-serif; font-size: 15px; line-height: 26px; letter-spacing: -.08px; font-weight: 500; margin-bottom: 15px; } .peoplesList__name { font-family: Poppins, sans-serif; font-size: 40px; line-height: 40px; letter-spacing: -.5px; font-weight: 700; margin-bottom: 13px; } .peoplesList__position { font-family: Poppins, sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -.3px; font-weight: 400; max-width: 270px; margin-bottom: 15px; } .peoplesList__teamImage { max-height: 90vh; position: absolute; left: 50%; transform: translate(-50%); bottom: 0; transition: opacity .5s; } .peoplesList__mainSlider, .peoplesList__teamImage--hidden { opacity: 0; pointer-events: none; } .peoplesList__mainSlider { margin-bottom: -2px; transition: opacity .3s; } .peoplesList__mainSlider--visible { opacity: 1; pointer-events: all; } .peoplesList__mainSlider__slide { position: relative; padding-left: 100px; } .peoplesList__mainSlider__slide img { max-width: 100%; max-height: 90vh; } .peoplesList__mainSlider__slideContent { position: absolute; left: 56%; top: 27%} .peoplesList__openDesc { font-family: Poppins, sans-serif; font-weight: 100; text-align: center; display: block; width: 34px; height: 34px; background-color: #e87722; font-size: 22px; line-height: 32px; color: #fff; transition: background-color .3s; cursor: pointer; } .peoplesList__openDesc:hover { background-color: #002855; } .peoplesList__navSlider { position: absolute; left: 50%; transform: translateX(-50%); bottom: 6vh; z-index: 2; width: 100%; padding-left: 150px; padding-right: 130px; } .peoplesList__navSlider--active .peoplesList__navSlider__slide.swiper-slide-thumb-active img { border: 2px solid #fff; } .peoplesList__navSlider img { width: 100%; border-radius: 50%; border: 2px solid transparent; transition: border .3s; } .peoplesList__navSlider__slide:hover img { border: 2px solid #fff; } .peoplesList__navSlider__title { margin-bottom: 2rem; text-align: center; } .peoplesList__navSlider__title h3 { font-size: 16px; line-height: 25px; color: #fff; font-weight: 400; letter-spacing: .02em; } .peoplesList__descriptions { position: fixed; right: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1031; background-color: transparent; transition: background-color .3s; } .peoplesList__descriptions--visible { background-color: rgba(0, 0, 0, .2); pointer-events: all; } .peoplesList__description { background-color: hsla(0, 0%, 100%, .95); padding: 90px; overflow: auto; pointer-events: all; position: absolute; height: 100%; width: 40%; right: 0; top: 0; transform: translateX(100%); transition: transform .3s; } .peoplesList__description--active { transform: translateX(0); } .peoplesList__descriptionName { font-family: Poppins, sans-serif; font-size: 33px; line-height: 39px; font-weight: 700; letter-spacing: -.43px; margin-bottom: 0; } .peoplesList__descriptionPosition { font-family: Poppins, sans-serif; font-size: 16px; line-height: 22px; font-weight: 500; letter-spacing: -.25px; margin-bottom: 32px; } .peoplesList__descriptionDesc p { font-family: Poppins, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -.3px; } .peoplesList__descriptionClose { position: absolute; left: 17px; top: 37px; width: 32px; height: 32px; cursor: pointer; } .peoplesList__descriptionClose:after, .peoplesList__descriptionClose:before { content: ""; width: 2px; height: 20px; background-color: #002855; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color .3s; } .peoplesList__descriptionClose:before { transform: translate(-50%, -50%) rotate(45deg); } .peoplesList__descriptionClose:after { transform: translate(-50%, -50%) rotate(-45deg); } .peoplesList__descriptionClose:hover:after, .peoplesList__descriptionClose:hover:before { background-color: #e87722; } .sections--snap__landscapeMobile .peoplesList__inner { height: 100%} .sections--snap__landscapeMobile .peoplesList__teamImage { min-height: 500px; } .sections--snap__landscapeMobile .peoplesList__mainSlider__slide img { max-height: none; width: 100%; max-width: 100%; margin-left: -20%} .percentageColumns { height: 100vh; overflow: hidden; display: flex; align-items: center; background-size: cover; background-position: 50%} .percentageColumns__inner { position: relative; z-index: 2; width: 100%; padding-top: 12vh; padding-bottom: 5vh; } .percentageColumns__shadow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: linear-gradient(-182deg, transparent 2%, rgba(43, 35, 27, .59) 81%); z-index: 1; } .percentageColumns__title { margin-bottom: 7vh; color: #fff; } .percentageColumns__titleBig { font-size: 2.8rem; line-height: 4.4rem; font-weight: 500; letter-spacing: -.02em; } .percentageColumns__titleSmall { font-size: 1.8rem; line-height: 3rem; letter-spacing: -.02em; } .percentageColumns__columns { display: flex; flex-wrap: wrap; max-width: 106rem; margin: 0 auto; } .percentageColumns__columnsColumn { margin-bottom: 1rem; padding: 0 4rem; flex: 1; } .percentageColumns__column { background-color: #052957; color: #fff; height: 100%; padding: 3rem 3rem 5.4rem; } .percentageColumns__columnTitle { margin-bottom: 1.4rem; font-size: 5.2rem; line-height: 8.2rem; letter-spacing: -.02em; font-weight: 500; } .percentageColumns__columnDesc { font-size: 1.8rem; line-height: 2.4rem; letter-spacing: -.005em; } .phoneSlider { height: 100vh; overflow: hidden; } .phoneSlider__inner { display: flex; position: relative; height: 100%; max-width: 854px; margin: 0 auto; padding-top: 12vh; } .phoneSlider__circle { position: relative; width: 100%; position: absolute; left: 0; bottom: 0; border-radius: 50%; transform: translateY(48%); } .phoneSlider__circle:before { display: block; content: ""; width: 100%; padding-top: 100%} .phoneSlider__circle>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .phoneSlider__wrapper { z-index: 2; position: relative; width: 42vh; min-width: 350px; margin: auto auto 35px; border-radius: 50px; pointer-events: none; } .phoneSlider__wrapper:before { display: block; content: ""; width: 100%; padding-top: 200%} .phoneSlider__wrapper>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .phoneSlider__wrapperImage { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%} .phoneSlider__sliderSwiper { position: absolute; left: 5%; top: 2%; width: 90%; height: 96%; z-index: -1; border-radius: 50px; pointer-events: all; overflow: initial; } .phoneSlider__sliderSwiper__pagination { left: -45px!important; right: auto!important; top: 50%; transform: translate(-50%) rotate(90deg); bottom: auto!important; } .phoneSlider__sliderSlide { overflow: hidden; position: relative; height: 100%; width: 100%} .phoneSlider__sliderSlide__color { position: absolute; width: 100%} .phoneSlider__sliderSlide__color--darken { transform: rotate(-25deg) translateX(-4.5%); height: 200%} .phoneSlider__sliderSlide__color--lighter { transform: rotate(-25deg) translateX(94.5%); height: 200%} .phoneSlider__sliderSlide__content { position: relative; z-index: 2; padding: 16vh 20px 20px; } .phoneSlider__sliderSlide__content--small { padding: 11vh 20px 20px; } .phoneSlider__sliderSlide__contentTitle { font-family: Poppins, sans-serif; font-size: 48px; line-height: 47px; letter-spacing: -1.09px; margin-bottom: 25px; font-weight: 700; } .phoneSlider__sliderSlide__contentTitle--small { font-size: 30px; line-height: 30px; letter-spacing: -.52px; margin-bottom: 45px; } .phoneSlider__sliderSlide__contentIndex { display: block; font-size: 20px; line-height: 38px; letter-spacing: -.68px; font-weight: 500; } .phoneSlider__sliderSlide__contentText { font-family: Poppins, sans-serif; font-size: 32px; line-height: 35px; letter-spacing: -1.3px; color: #fff; } .phoneSlider__sliderSlide__contentParagraph { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #002855; } .phoneSlider__sliderSlide__contentParagraph p { margin-bottom: 0; font-size: 21px; line-height: 24px; letter-spacing: -.48px; color: #fff; } .reviews { height: 100vh; overflow: hidden; display: flex; align-items: center; text-align: center; } .reviews__inner { position: relative; padding-top: 10rem; padding-bottom: 6rem; } .reviews__title { letter-spacing: -.02em; margin-bottom: 1rem; } .reviews__desc { margin-bottom: 5rem; } .reviews__image { margin-bottom: 3rem; max-width: 80%} .reviews__slider { max-width: 580px; margin: 0 auto; } .reviews__sliderReview { margin-bottom: 3rem; } .reviews__sliderReview p { font-size: 2rem; line-height: 2.8rem; color: #fff; } .reviews__sliderAuthor { font-size: 1.4rem; line-height: 1.7rem; font-weight: 500; letter-spacing: -.02em; text-transform: uppercase; } .reviews__pagination { left: 50%; transform: translateX(-50%); bottom: 0; } .reviews__pagination .swiper-pagination-bullet { background-color: #a3c7d2; } .reviews__pagination .swiper-pagination-bullet-active { background-color: #002855; } .sections--snap__landscapeMobile .reviews__inner { height: auto; padding-bottom: 20px; padding-top: 30px; } .sections--snap__landscapeMobile .reviews__image { height: 100%; max-height: 100%; margin-bottom: 20px; } .sliderColumns { height: 100vh; overflow: hidden; display: flex; align-items: center; background-size: cover; background-position: 50%} .sliderColumns__inner { position: relative; z-index: 2; width: 100%; padding-top: 12vh; padding-bottom: 5vh; } .sliderColumns__shadow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: linear-gradient(-182deg, transparent 2%, rgba(43, 35, 27, .59) 81%); z-index: 1; } .sliderColumns__title { margin-bottom: 7vh; color: #fff; } .sliderColumns__titleBig { font-size: 2.8rem; line-height: 4.4rem; font-weight: 500; letter-spacing: -.02em; } .sliderColumns__titleSmall { font-size: 1.8rem; line-height: 3rem; letter-spacing: -.02em; } .sliderColumns__item { display: flex; min-height: 10.5rem; align-items: center; margin-bottom: 2rem; background-color: #fff; padding: 1rem 4rem 1rem 2rem; } .sliderColumns__item img { max-width: 5.5rem; } .sliderColumns__itemContent { padding-left: 2.5rem; } .sliderColumns__itemContent p { margin-bottom: 5px; font-size: 1.4rem; line-height: 1.8rem; } .sliderColumns__itemContent h4 { font-size: 2rem; line-height: 2.4rem; font-weight: 700; } .sliderColumns__pagination { display: flex; justify-content: center; } .smallFormBackground { min-height: 100vh; overflow: hidden; display: flex; align-items: center; text-align: center; background-size: cover; background-position: 50%} .smallFormBackground__inner { padding-top: 10vh; } .smallFormBackground__text { margin-bottom: 5rem; } .smallFormBackground iframe { width: 100%!important; } .sections--autoScroll .smallFormBackground__inner { padding-top: 14rem; padding-bottom: 6rem; } .sections--autoScroll .smallFormBackground__text { margin-bottom: 3rem; } .smallIconList__inner { padding-top: 7vh; } .smallIconList__title { text-align: center; margin-bottom: 7.1vh; } .smallIconList__list { border-top: 1px solid hsla(0, 0%, 100%, .7); } .smallIconList__listItem { position: relative; padding: 12px 40px 12px 70px; border-bottom: 1px solid hsla(0, 0%, 100%, .7); } .smallIconList__listItem p { font-size: 16px; line-height: 25px; letter-spacing: -.09px; margin-bottom: 0; } .smallIconList__listItem__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; height: 36px; width: 36px; } .smallIconList__listItem__iconImage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; max-width: 100%} .sections--snap__landscapeMobile .smallIconList__inner { padding-top: 50px; padding-bottom: 50px; } .snapHeader { height: 100vh; overflow: hidden; } .snapHeader__button { position: fixed; top: 30px; right: 160px; background-color: #002855; color: #fff; font-size: 11px; line-height: 17px; font-weight: 500; padding: 8px 15px; z-index: 1031; transition: all .3s; } .snapHeader__button--white { background-color: #fff; color: #002855; } .snapHeader__button:hover { opacity: .8; } .snapHeader__image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: cover; background-position: 50%; width: 100%; height: 100%} .snapHeader__inner { position: relative; z-index: 2; display: flex; align-items: center; height: 100%} .snapHeader__content { position: relative; z-index: 1; max-width: 550px; color: #fff; } .snapHeader__content--fullWidth { max-width: 100%} .snapHeader__contentSmallText { font-family: Poppins, sans-serif; font-size: 16px; line-height: 16px; font-weight: 500; letter-spacing: -.23px; margin-bottom: 15px; } .snapHeader__contentTitle { color: #fff; } .snapHeader__contentDesc { font-size: 21px; line-height: 28px; letter-spacing: 0; margin-bottom: 0; } .snapHeader__contentButton { margin-top: 30px; } .snapHeader__nextSection { position: absolute; left: 50%; transform: translate(-50%); bottom: 30px; z-index: 2; -webkit-animation: m-top-down 1s infinite; animation-direction: alternate; transition: opacity .3s; } .snapHeader__nextSection:hover { opacity: .6; } .snapHeader__video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%} .snapHeader__video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .snapHeader__shadow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: linear-gradient(-182deg, transparent 2%, rgba(43, 35, 27, .59) 81%); z-index: 1; } .sections--snap__landscapeMobile .snapHeader { margin-bottom: 40px; min-height: 600px; } .sections--snap__landscapeMobile .snapHeader__inner { padding-top: 40px; padding-bottom: 40px; } .sections--snap__landscapeMobile .snapHeader__header { margin-bottom: 40px; } @keyframes m-top-down { 0% { transform: translateY(5px) translateX(-50%) translateZ(0); } to { transform: translateY(-5px) translateX(-50%) translateZ(0); } }.textAndImageSnap { height: 100vh; overflow: hidden; display: flex; align-items: center; } .textAndImageSnap__inner { padding-top: 12vh; padding-bottom: 5vh; } .textAndImageSnap__row { align-items: center; } .textAndImageSnap__text { flex-direction: column; } .textAndImageSnap__textContent { padding-right: 10%} .textAndImageSnap__textContent--white { color: #fff; } .textAndImageSnap__textContent--blue { color: #002855; } .textAndImageSnap__textContent__paragraphsParagraph { border-bottom: 2px solid #e87722; padding-bottom: 10px; margin-bottom: 10px; } .textAndImageSnap__textContent__paragraphsParagraph--noBorder { border-bottom: 0; } .textAndImageSnap__textContent__paragraphsParagraph p { margin-bottom: 0; } .textAndImageSnap__textContent__paragraphsParagraph:last-child { padding-bottom: 0; border-bottom: none; } .textAndImageSnap__textContent__accordionsAccordion { border-bottom: 1px solid #e87722; margin-bottom: 8px; } .textAndImageSnap__textContent__accordionsAccordion__title { position: relative; font-size: 1.8rem; line-height: 2.7rem; font-weight: 400; letter-spacing: -.05em; margin-bottom: 8px; font-family: Poppins, sans-serif; cursor: pointer; } .textAndImageSnap__textContent__accordionsAccordion__title span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 20px; height: 20px; } .textAndImageSnap__textContent__accordionsAccordion__title span:after, .textAndImageSnap__textContent__accordionsAccordion__title span:before { content: ""; width: 1px; height: 15px; background-color: #002855; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .textAndImageSnap__textContent__accordionsAccordion__title span:after { transform: translate(-50%, -50%) rotate(90deg); } .textAndImageSnap__textContent__accordionsAccordion__content { max-height: 0; overflow: hidden; transition: max-height .3s; } .textAndImageSnap__textContent__accordionsAccordion__content p { font-size: 1.4rem; line-height: 1.7rem; } .textAndImageSnap__textContent__accordionsAccordion__contentInner { padding-right: 25px; } .textAndImageSnap__image img { max-width: 100%} .textAndImageSnap__imageContent { width: 100%; padding-left: 14%} .textAndImageSnap--reverse .textAndImageSnap__text { order: 2; } .textAndImageSnap--reverse .textAndImageSnap__textContent { padding-right: 0; padding-left: 10%} .textAndImageSnap--reverse .textAndImageSnap__image { order: 1; } .textAndImageSnap--reverse .textAndImageSnap__imageContent { padding-left: 0; padding-right: 14%} .sections--snap__landscapeMobile .textAndImageSnap__inner { padding-top: 40px; padding-bottom: 40px; } .sections--snap__landscapeMobile .textAndImageSnap__imageContent { margin-bottom: 40px; } .tilesTextImage__inner { max-width: 1220px; padding-top: 10vh; } .tilesTextImage__list { display: flex; flex-wrap: wrap; } .tilesTextImage__listItem { flex: 0 0 25%; max-width: 25%; position: relative; background-size: cover; background-position: 50%} .tilesTextImage__listItem:before { display: block; content: ""; width: 100%; padding-top: 100%} .tilesTextImage__listItem>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tilesTextImage__listItem__content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; padding: 22% 20px 20px; } .tilesTextImage__listItem__content h4 { font-size: 3.8rem; line-height: 3.6rem; letter-spacing: -.48px; margin-bottom: 15px; } .tilesTextImage__listItem__content p { font-size: 14px; line-height: 20px; letter-spacing: -.23px; margin-bottom: 0; } .sections--snap__landscapeMobile .tilesTextImage__inner { padding-top: 50px; padding-bottom: 50px; } @media (max-width:1366px) { .container .row.row-lgl-block { display: block; } .container .row .col-lgl-1 { margin-left: 0; width: 8.33333333%} .container .row .col-lgl-2 { margin-left: 0; width: 16.66666667%} .container .row .col-lgl-3 { margin-left: 0; width: 25%} .container .row .col-lgl-4 { margin-left: 0; width: 33.33333333%} .container .row .col-lgl-5 { margin-left: 0; width: 41.66666667%} .container .row .col-lgl-6 { margin-left: 0; width: 50%} .container .row .col-lgl-7 { margin-left: 0; width: 58.33333333%} .container .row .col-lgl-8 { margin-left: 0; width: 66.66666667%} .container .row .col-lgl-9 { margin-left: 0; width: 75%} .container .row .col-lgl-10 { margin-left: 0; width: 83.33333333%} .container .row .col-lgl-11 { margin-left: 0; width: 91.66666667%} .container .row .col-lgl-12 { margin-left: 0; width: 100%} .container .row .offset-col-lgl-1 { margin-left: 8.33333333%} .container .row .offset-col-lgl-2 { margin-left: 16.66666667%} .container .row .offset-col-lgl-3 { margin-left: 25%} .container .row .offset-col-lgl-4 { margin-left: 33.33333333%} .container .row .offset-col-lgl-5 { margin-left: 41.66666667%} .container .row .offset-col-lgl-6 { margin-left: 50%} .container .row .offset-col-lgl-7 { margin-left: 58.33333333%} .container .row .offset-col-lgl-8 { margin-left: 66.66666667%} .container .row .offset-col-lgl-9 { margin-left: 75%} .container .row .offset-col-lgl-10 { margin-left: 83.33333333%} .container .row .offset-col-lgl-11 { margin-left: 91.66666667%} .container .row .offset-col-lgl-12 { margin-left: 100%} .defaultForm__input, .defaultForm__select, .defaultForm__textarea { height: 40px; } h2 { font-size: 40px; line-height: 44px; margin-bottom: 20px; } p { font-size: 16px; line-height: 24px; } .contactForm__title { margin-bottom: 8px; } .leadershipTeam__popupSliderTitle { text-align: center; } .leadershipTeam__popupSliderArrow { top: -5rem; } .leadershipTeam__popupSliderArrow--prev { left: 0; } .leadershipTeam__popupSliderArrow--next { right: 0; } .logoSliderSnap__header { margin-bottom: 2vh; } .logoSliderSnap__slider { margin-bottom: 20px; } }@media (max-width:1280px) { .container .row.row-lg-block { display: block; } .container .row .col-lg-1 { margin-left: 0; width: 8.33333333%} .container .row .col-lg-2 { margin-left: 0; width: 16.66666667%} .container .row .col-lg-3 { margin-left: 0; width: 25%} .container .row .col-lg-4 { margin-left: 0; width: 33.33333333%} .container .row .col-lg-5 { margin-left: 0; width: 41.66666667%} .container .row .col-lg-6 { margin-left: 0; width: 50%} .container .row .col-lg-7 { margin-left: 0; width: 58.33333333%} .container .row .col-lg-8 { margin-left: 0; width: 66.66666667%} .container .row .col-lg-9 { margin-left: 0; width: 75%} .container .row .col-lg-10 { margin-left: 0; width: 83.33333333%} .container .row .col-lg-11 { margin-left: 0; width: 91.66666667%} .container .row .col-lg-12 { margin-left: 0; width: 100%} .container .row .offset-col-lg-1 { margin-left: 8.33333333%} .container .row .offset-col-lg-2 { margin-left: 16.66666667%} .container .row .offset-col-lg-3 { margin-left: 25%} .container .row .offset-col-lg-4 { margin-left: 33.33333333%} .container .row .offset-col-lg-5 { margin-left: 41.66666667%} .container .row .offset-col-lg-6 { margin-left: 50%} .container .row .offset-col-lg-7 { margin-left: 58.33333333%} .container .row .offset-col-lg-8 { margin-left: 66.66666667%} .container .row .offset-col-lg-9 { margin-left: 75%} .container .row .offset-col-lg-10 { margin-left: 83.33333333%} .container .row .offset-col-lg-11 { margin-left: 91.66666667%} .container .row .offset-col-lg-12 { margin-left: 100%} h1 { font-size: 39px; line-height: 38px; letter-spacing: -.55px; } h2 { font-size: 35px; line-height: 40px; margin-bottom: 20px; } .blogHeader__itemContent { padding-right: 5rem; } .blogHeader__title { font-size: 3.6rem; line-height: 4rem; } .historySlider__inner { padding-top: 8vh; padding-bottom: 4vh; } .phoneSlider__wrapper { width: 38vh; min-width: 250px; } .phoneSlider__sliderSlide__contentTitle { font-size: 36px; line-height: 36px; } .phoneSlider__sliderSlide__contentTitle--small { font-size: 22px; line-height: 24px; margin-bottom: 15px; } .phoneSlider__sliderSlide__contentText { font-size: 26px; line-height: 26px; } .phoneSlider__sliderSlide__contentParagraph p { font-size: 15px; line-height: 17px; } .smallIconList__listItem { padding: 9px 15px 9px 55px; } .smallIconList__listItem p { font-size: 14px; line-height: 20px; } .smallIconList__listItem__icon { height: 30px; width: 30px; } .textAndImageSnap__textContent { padding-right: 0; } .textAndImageSnap--reverse .textAndImageSnap__textContent { padding-left: 0; } .tilesTextImage__inner { max-width: 86%} .tilesTextImage__listItem__content { padding: 15% 20px 20px; } .tilesTextImage__listItem__content h4 { font-size: 2.8rem; line-height: 2.6rem; margin-bottom: 9px; } }@media (max-width:1024px) { .container { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; } .container .row.row-mdl-block { display: block; } .container .row .col-mdl-1 { margin-left: 0; width: 8.33333333%} .container .row .col-mdl-2 { margin-left: 0; width: 16.66666667%} .container .row .col-mdl-3 { margin-left: 0; width: 25%} .container .row .col-mdl-4 { margin-left: 0; width: 33.33333333%} .container .row .col-mdl-5 { margin-left: 0; width: 41.66666667%} .container .row .col-mdl-6 { margin-left: 0; width: 50%} .container .row .col-mdl-7 { margin-left: 0; width: 58.33333333%} .container .row .col-mdl-8 { margin-left: 0; width: 66.66666667%} .container .row .col-mdl-9 { margin-left: 0; width: 75%} .container .row .col-mdl-10 { margin-left: 0; width: 83.33333333%} .container .row .col-mdl-11 { margin-left: 0; width: 91.66666667%} .container .row .col-mdl-12 { margin-left: 0; width: 100%} .container .row .offset-col-mdl-1 { margin-left: 8.33333333%} .container .row .offset-col-mdl-2 { margin-left: 16.66666667%} .container .row .offset-col-mdl-3 { margin-left: 25%} .container .row .offset-col-mdl-4 { margin-left: 33.33333333%} .container .row .offset-col-mdl-5 { margin-left: 41.66666667%} .container .row .offset-col-mdl-6 { margin-left: 50%} .container .row .offset-col-mdl-7 { margin-left: 58.33333333%} .container .row .offset-col-mdl-8 { margin-left: 66.66666667%} .container .row .offset-col-mdl-9 { margin-left: 75%} .container .row .offset-col-mdl-10 { margin-left: 83.33333333%} .container .row .offset-col-mdl-11 { margin-left: 91.66666667%} .container .row .offset-col-mdl-12 { margin-left: 100%} h1 { font-size: 36px; line-height: 38px; } .dataLoader__wrapperMessageText { font-size: 1.6rem; line-height: 1.75; } .archiveBlog__item { flex: 0 0 33.333%; max-width: 33.333%} .faqSection { padding-top: 2rem; padding-bottom: 3rem; } .faqSection__categories { display: none; } .optOutSection__right { margin-left: 0; margin-top: 50px; } .leadershipTeam__popupContentCol { flex: 0 0 100%; max-width: 100%} .leadershipTeam__popupContentCol--yesterday { flex: 0 0 100%; max-width: 100%; padding-bottom: 3rem; margin-bottom: 3rem; position: relative; } .leadershipTeam__popupContentCol--yesterday:before { content: ""; position: absolute; left: 25px; bottom: 0; width: calc(100% - 50px); height: 1px; background-color: #002855; } .leadershipTeam__popupContentCol--today { flex: 0 0 100%; max-width: 100%} .leadershipTeam__popupContentCol--icons { margin-left: 0; flex: 0 0 100%; max-width: 100%; padding-left: 0; } .leadershipTeam__popupContentCol--icons:before { width: 100%; left: 0; } .peoplesList__inner { padding-left: 0; padding-right: 0; } .peoplesList__mainSlider__slide { padding-left: 0; margin-bottom: 200px; } .peoplesList__mainSlider__slide img { width: 90%; margin-left: -20%} .peoplesList__navSlider { padding: 30px 20px 40px; bottom: 0; background-color: #f0ece7; } .peoplesList__navSlider__title h3 { color: #002855; } .peoplesList__description { width: 100%} .percentageColumns__columns { margin: 0 -1rem; } .percentageColumns__columnsColumn { padding: 0 1rem; } .phoneSlider__sliderSlide__contentParagraph p { font-size: 14px; line-height: 16px; } .snapHeader__inner { align-items: flex-end; padding-bottom: 14vh; } }@media (max-width:768px) { .container .row.row-md-block { display: block; } .container .row .col-md-1 { margin-left: 0; width: 8.33333333%} .container .row .col-md-2 { margin-left: 0; width: 16.66666667%} .container .row .col-md-3 { margin-left: 0; width: 25%} .container .row .col-md-4 { margin-left: 0; width: 33.33333333%} .container .row .col-md-5 { margin-left: 0; width: 41.66666667%} .container .row .col-md-6 { margin-left: 0; width: 50%} .container .row .col-md-7 { margin-left: 0; width: 58.33333333%} .container .row .col-md-8 { margin-left: 0; width: 66.66666667%} .container .row .col-md-9 { margin-left: 0; width: 75%} .container .row .col-md-10 { margin-left: 0; width: 83.33333333%} .container .row .col-md-11 { margin-left: 0; width: 91.66666667%} .container .row .col-md-12 { margin-left: 0; width: 100%} .container .row .offset-col-md-1 { margin-left: 8.33333333%} .container .row .offset-col-md-2 { margin-left: 16.66666667%} .container .row .offset-col-md-3 { margin-left: 25%} .container .row .offset-col-md-4 { margin-left: 33.33333333%} .container .row .offset-col-md-5 { margin-left: 41.66666667%} .container .row .offset-col-md-6 { margin-left: 50%} .container .row .offset-col-md-7 { margin-left: 58.33333333%} .container .row .offset-col-md-8 { margin-left: 66.66666667%} .container .row .offset-col-md-9 { margin-left: 75%} .container .row .offset-col-md-10 { margin-left: 83.33333333%} .container .row .offset-col-md-11 { margin-left: 91.66666667%} .container .row .offset-col-md-12 { margin-left: 100%} .header__logo { max-width: 176px; } h2 { font-size: 45px; line-height: 49px; margin-bottom: 30px; } .pagination-first, .pagination-last, .pagination-next, .pagination-prev { font-size: 1.4rem; line-height: 2rem; margin-left: .2rem; margin-right: .2rem; padding-left: .6rem; padding-right: .6rem; } .pagination-next, .pagination-prev { width: 3rem; } .pagination-page { width: 3rem; height: 3rem; font-size: 1.4rem; line-height: 2rem; margin-left: .2rem; margin-right: .2rem; } .wysiwyg h4 { font-size: 2.5rem; line-height: 3.2rem; } .archiveBlog { padding-bottom: 4rem; } .archiveBlog__header { padding-top: 3rem; } .archiveBlog__headerTerms { flex: 0 0 100%; max-width: 100%; order: 3; margin-left: -1rem; } .archiveBlog__headerSearch { order: 1; margin-left: 0; } .archiveBlog__termsItemSearch:hover .archiveBlog__searchInput { width: 200px; } .archiveBlog__searchInput { position: relative; width: 200px; transform: translateY(0); margin-right: 2rem; } .archiveBlog__headerTerm { margin-left: 1rem; margin-right: 1rem; } .archiveBlog__headerSort { order: 2; } .archiveBlog__items { margin-bottom: 3rem; } .archiveBlog__item { flex: 0 0 50%; max-width: 50%} .blogHeader { padding-top: 11rem; padding-bottom: 3rem; } .blogHeader__swiper { padding-bottom: 2rem; } .blogHeader__itemContent { flex: 0 0 100%; max-width: 100%; padding-right: 0; margin-bottom: 4rem; } .blogHeader__itemImage { flex: 0 0 100%; max-width: 100%; display: none; } .blogHeader__title { font-size: 3rem; line-height: 3.5rem; } .blogHeader__itemDesc { font-size: 1.8rem; line-height: 2.3rem; margin-bottom: 3rem; } .postsArchive__item { flex: 50%; max-width: 50%} .postsArchive__title { font-size: 18px; line-height: 28px; } .singleHeader { padding-top: 200px; min-height: auto; padding-bottom: 6rem; } .singleInfo { padding-bottom: 0; } .singleInfo__box { flex: 0 0 100%; max-width: 100%; margin-bottom: 3rem; text-align: center; } .singleInfo__author { justify-content: center; } .singleShare { padding-top: 0; margin-bottom: 5rem; } .iconListSnap__header { margin-bottom: 10vh; } .leadershipTeam__categories { position: relative; left: auto; top: auto; transform: none; margin-bottom: 4rem; text-align: center; } .leadershipTeam__popupInner { padding: 4rem 25px 40px; } .leadershipTeam__popupHeader { margin-bottom: 4rem; flex: 0 0 275px; max-width: 275px; padding-right: 0; } .leadershipTeam__popupHeaderImage { width: 195px; height: 195px; } .leadershipTeam__popupContent { flex: 1; max-width: 100%} .leadershipTeam__popupContentCol { flex: 0 0 100%; max-width: 100%} .logoSliderSnap__headerText { max-width: 450px; } .peoplesList__teamImage { max-height: calc(80vh - 200px); bottom: 200px; } .peoplesList__mainSlider__slideContent { left: auto; right: 30px; top: 20%; text-align: right; } .peoplesList__openDesc { margin-left: auto; } .percentageColumns__column { padding: 3rem 2rem; } .percentageColumns__columnTitle { font-size: 3rem; line-height: 5rem; } .snapHeader__button { padding: 6px 12px; top: 22px; right: 150px; } .textAndImageSnap__inner { padding-left: 65px; padding-right: 65px; } .textAndImageSnap__text { order: 2; } .textAndImageSnap__image { order: 1; } .textAndImageSnap__imageContent { padding-left: 0; text-align: center; margin-bottom: 7vh; } .textAndImageSnap__imageContent img { max-width: 62%} .textAndImageSnap--reverse .textAndImageSnap__imageContent { padding-right: 0; } .tilesTextImage__list { padding-left: 45px; padding-right: 45px; } .tilesTextImage__listItem { flex: 0 0 66.666%; max-width: 66.666%; position: relative; order: var(--mobile-position)!important; } .tilesTextImage__listItem:before { display: block; content: ""; width: 100%; padding-top: 50%} .tilesTextImage__listItem>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tilesTextImage__listItem--backgroundImage { flex: 0 0 33.333%; max-width: 33.333%; position: relative; } .tilesTextImage__listItem--backgroundImage:before { display: block; content: ""; width: 100%; padding-top: 100%} .tilesTextImage__listItem--backgroundImage>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tilesTextImage__listItem__content { padding: 20px; display: flex; flex-direction: column; justify-content: center; } }@media (max-width:767px) { .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 9px 0; } .swiper-pagination-bullet { width: 8px; height: 8px; } .button { font-size: 11px; line-height: 16px; padding: 10px 26px; } .container .row.row-mds-block { display: block; } .container .row .col-mds-1 { margin-left: 0; width: 8.33333333%} .container .row .col-mds-2 { margin-left: 0; width: 16.66666667%} .container .row .col-mds-3 { margin-left: 0; width: 25%} .container .row .col-mds-4 { margin-left: 0; width: 33.33333333%} .container .row .col-mds-5 { margin-left: 0; width: 41.66666667%} .container .row .col-mds-6 { margin-left: 0; width: 50%} .container .row .col-mds-7 { margin-left: 0; width: 58.33333333%} .container .row .col-mds-8 { margin-left: 0; width: 66.66666667%} .container .row .col-mds-9 { margin-left: 0; width: 75%} .container .row .col-mds-10 { margin-left: 0; width: 83.33333333%} .container .row .col-mds-11 { margin-left: 0; width: 91.66666667%} .container .row .col-mds-12 { margin-left: 0; width: 100%} .container .row .offset-col-mds-1 { margin-left: 8.33333333%} .container .row .offset-col-mds-2 { margin-left: 16.66666667%} .container .row .offset-col-mds-3 { margin-left: 25%} .container .row .offset-col-mds-4 { margin-left: 33.33333333%} .container .row .offset-col-mds-5 { margin-left: 41.66666667%} .container .row .offset-col-mds-6 { margin-left: 50%} .container .row .offset-col-mds-7 { margin-left: 58.33333333%} .container .row .offset-col-mds-8 { margin-left: 66.66666667%} .container .row .offset-col-mds-9 { margin-left: 75%} .container .row .offset-col-mds-10 { margin-left: 83.33333333%} .container .row .offset-col-mds-11 { margin-left: 91.66666667%} .container .row .offset-col-mds-12 { margin-left: 100%} .fixedMenu__inner { width: 100%; padding: 90px 75px 50px 25px; } .fixedMenu__inner--bannerOpened { padding: 140px 75px 50px 25px; } .fixedMenu__search { margin-top: 25px; } .footer__item--text { order: 2; } .footer__item--menu { margin-bottom: 20px; order: 1; } .footer__item { flex: 0 0 100%; max-width: 100%; text-align: center; } .footer__itemSocials { justify-content: center; margin-top: 20px; } .header__inner { padding: 8px 20px; } .header__button { position: relative; right: 0; left: -20px; top: -8px; transform: translateY(0); flex: 0 0 calc(100% + 40px); width: calc(100% + 40px); text-align: center; padding: 6px 15px; } .header__logo { max-width: 142px; } .header__login { font-size: 24px; } .header__language { top: -2px; right: 68px; } .header__menuButton { width: 30px; height: 30px; right: 25px; } .header__menuButton__line { width: 15px; } .header__menuButton__line:first-child { top: 9px; } .header__menuButton__line:nth-child(2) { top: 14px; } .header__menuButton__line:nth-child(3) { bottom: 9px; } .header__menuButton--open .header__menuButton__line:first-child, .header__menuButton--open .header__menuButton__line:nth-child(3) { top: 14px; } h1 { font-size: 32px; line-height: 33px; letter-spacing: -.44px; } h2 { font-size: 28px; line-height: 30px; margin-bottom: 20px; font-size: 24px; line-height: 26px; margin-bottom: 15px; } p { font-size: 12px; line-height: 17px; } .cookiesBox__inner { flex-wrap: wrap; } .cookiesBox__text { margin-bottom: 1rem; padding-right: 0; } .topBanner__inner { justify-content: flex-start; padding: 10px 50px 10px 20px; } .topBanner__inner p { font-size: 1.4rem; line-height: 2rem; } .topBanner__inner p a { font-size: 1rem; } .topBanner__close { right: 10px; } .topBanner__close:after, .topBanner__close:before { height: 18px; } .archiveBlog__headerSearch { flex: 0 0 100%; max-width: 100%; margin-bottom: 3rem; } .archiveBlog__searchInput, .archiveBlog__termsItemSearch:hover .archiveBlog__searchInput { width: 160px; } .archiveBlog__headerSort { flex: 0 0 100%; max-width: 100%; margin-left: 0; padding-left: 0; } .archiveBlog__headerSort:before { display: none; } .historySlider__title { margin-bottom: 3vh; } .historySlider__swiper { height: 360px; } .historySlider__swiperSlide__year { font-size: 25px; line-height: 40px; } .historySlider__swiperSlide__text, .historySlider__swiperSlide__text--left { font-size: 14px; line-height: 19px; } .iconListSnap__header { max-width: 80%; margin: 0 auto 6vh; } .iconListSnap__itemsItem__img { height: 80px; margin-bottom: 15px; } .iconListSnap__itemsItem__number { margin-bottom: 7px; } .iconListSnap__itemsItem__numberText, .iconListSnap__itemsItem__numberValue { font-size: 38px; line-height: 32px; } .iconListSnap__itemsItem__text { font-size: 9px; line-height: 11px; } .imageBackgroundParagraphs__inner { padding-top: 100px; margin-bottom: 40px; } .imageBackgroundParagraphs__textWrapper { margin-bottom: 30px; } .imageBackgroundText__inner { padding-top: 50px; margin-bottom: 40px; } .imageBackgroundText__textText p { font-size: 14px; line-height: 18px; } .leadershipTeam { height: 100%!important; padding-top: 4rem; padding-bottom: 4rem; } .leadershipTeam__person--isSmall, .leadershipTeam__person--placeholder { display: none; } .leadershipTeam__popupHeader { flex: 0 0 100%; max-width: 100%; justify-content: center; align-items: center; text-align: center; } .leadershipTeam__popupContent { flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .leadershipTeam__popupContentCol { padding-left: 0; padding-right: 0; } .leadershipTeam__popupContentCol--yesterday:before { left: 0; width: 100%} .leadershipTeam__popupIcon { flex: 0 0 20%; max-width: 20%} .leadershipTeam__popupSlideContent { padding-right: 0; } .logoSliderSnap__headerText p { font-size: 17px; line-height: 25px; } .logoSliderSnap__slider { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } .logoSliderSnap__text { max-width: 200px; } .logoSliderSnap__text p { font-size: 15px; line-height: 20px; } .peoplesList__title { font-size: 12px; line-height: 25px; } .peoplesList__name { font-size: 20px; line-height: 20px; } .peoplesList__position { font-size: 12px; line-height: 16px; max-width: 160px; margin-left: auto; } .peoplesList__teamImage { max-height: calc(70vh - 100px); bottom: 100px; } .peoplesList__mainSlider__slide { margin-bottom: 100px; } .peoplesList__mainSlider__slide img { margin-left: -35%; width: 120%; max-width: 145%} .percentageColumns__inner { padding-top: 80px; margin-bottom: 30px; padding-bottom: 0; } .percentageColumns__title { margin-bottom: 4rem; } .percentageColumns__columnsColumn { flex: 0 0 100%; text-align: center; } .percentageColumns__column { padding: 0 2rem 2rem; } .percentageColumns__columnTitle { margin-bottom: 0; } .percentageColumns__columnDesc { font-size: 1.5rem; line-height: 2.2rem; } .phoneSlider__sliderSlide__contentTitle--small { font-size: 22px; line-height: 22px; letter-spacing: -.39px; } .reviews__inner { padding-top: 7rem; padding-bottom: 4rem; } .reviews__desc { margin-bottom: 3rem; } .reviews__image { margin-bottom: 1rem; } .reviews__sliderReview p { font-size: 1.6rem; line-height: 2rem; } .reviews__sliderAuthor { font-size: 1rem; line-height: 1.4rem; } .sliderColumns__inner { padding-top: 80px; margin-bottom: 30px; padding-bottom: 0; } .sliderColumns__title { margin-bottom: 4rem; } .sections--autoScroll .smallFormBackground__inner, .smallFormBackground__inner { padding-top: 110px; padding-bottom: 30px; } .smallIconList__inner { padding-top: 10vh; } .smallIconList__listItem { padding: 6px 15px 6px 55px; } .snapHeader__inner { padding-bottom: 40px; } .snapHeader__contentSmallText { font-size: 12px; line-height: 13px; letter-spacing: -.17px; } .snapHeader__contentDesc { font-size: 14px; line-height: 18px; } .snapHeader__nextSection { display: none; } .textAndImageSnap__inner { padding-left: 20px; padding-right: 20px; } .textAndImageSnap__textContent__paragraphsParagraph { border-bottom: 1px solid #e87722; padding-bottom: 6px; margin-bottom: 6px; } .textAndImageSnap__textContent__accordionsAccordion__title { font-size: 1.4rem; line-height: 1.6rem; } .textAndImageSnap__textContent__accordionsAccordion__title span:after, .textAndImageSnap__textContent__accordionsAccordion__title span:before { height: 12px; } .textAndImageSnap__textContent__accordionsAccordion__content p { font-size: 1.2rem; line-height: 1.4rem; } .textAndImageSnap__imageContent { margin-bottom: 5vh; } .textAndImageSnap__imageContent img { max-width: 215px; } }@media (max-width:480px) { .container .row.row-sml-block { display: block; } .container .row .col-sml-1 { margin-left: 0; width: 8.33333333%} .container .row .col-sml-2 { margin-left: 0; width: 16.66666667%} .container .row .col-sml-3 { margin-left: 0; width: 25%} .container .row .col-sml-4 { margin-left: 0; width: 33.33333333%} .container .row .col-sml-5 { margin-left: 0; width: 41.66666667%} .container .row .col-sml-6 { margin-left: 0; width: 50%} .container .row .col-sml-7 { margin-left: 0; width: 58.33333333%} .container .row .col-sml-8 { margin-left: 0; width: 66.66666667%} .container .row .col-sml-9 { margin-left: 0; width: 75%} .container .row .col-sml-10 { margin-left: 0; width: 83.33333333%} .container .row .col-sml-11 { margin-left: 0; width: 91.66666667%} .container .row .col-sml-12 { margin-left: 0; width: 100%} .container .row .offset-col-sml-1 { margin-left: 8.33333333%} .container .row .offset-col-sml-2 { margin-left: 16.66666667%} .container .row .offset-col-sml-3 { margin-left: 25%} .container .row .offset-col-sml-4 { margin-left: 33.33333333%} .container .row .offset-col-sml-5 { margin-left: 41.66666667%} .container .row .offset-col-sml-6 { margin-left: 50%} .container .row .offset-col-sml-7 { margin-left: 58.33333333%} .container .row .offset-col-sml-8 { margin-left: 66.66666667%} .container .row .offset-col-sml-9 { margin-left: 75%} .container .row .offset-col-sml-10 { margin-left: 83.33333333%} .container .row .offset-col-sml-11 { margin-left: 91.66666667%} .container .row .offset-col-sml-12 { margin-left: 100%} .defaultForm__span { font-size: 11px; line-height: 11px; } .defaultForm__label.active .defaultForm__span { font-size: 8px; line-height: 8px; } .defaultForm__label--recaptcha { margin-top: 8px; } .defaultForm__input, .defaultForm__select, .defaultForm__textarea { height: 36px; font-size: 13px; line-height: 13px; } .defaultForm__input:focus~.defaultForm__span, .defaultForm__select:focus~.defaultForm__span, .defaultForm__textarea:focus~.defaultForm__span { font-size: 8px; line-height: 8px; } .defaultForm__submit { margin-top: 10px; } .defaultForm__policy { margin-top: 8px; margin-bottom: 8px; } .archiveBlog__item { flex: 0 0 100%; max-width: 100%} .postsArchive__item { flex: 100%; max-width: 100%} .contactForm__text { margin-top: 10px; } .contactForm__text p { font-size: 13px; line-height: 16px; } .imageBackgroundParagraphs__textHeading { font-size: 13px; line-height: 15px; margin-bottom: 25px; } .imageBackgroundParagraphs__textParagraphs p { font-size: 13px; line-height: 18px; letter-spacing: -.07px; } .leadershipTeam__person { flex: 0 0 25%; max-width: 25%} .peoplesList__description { padding: 90px 20px 20px; } .peoplesList__descriptionName { font-size: 26px; line-height: 30px; } .peoplesList__descriptionPosition { font-size: 14px; line-height: 18px; } .peoplesList__descriptionDesc p { font-size: 12px; line-height: 16px; } .smallIconList__title { margin-bottom: 3vh; } .smallIconList__listItem p { font-size: 10px; line-height: 14px; } .smallIconList__listItem__icon { height: 24px; width: 24px; } .snapHeader__button { width: 100%; top: auto; bottom: 0; right: 0; text-align: center; } .tilesTextImage__list { padding-left: 0; padding-right: 0; width: calc(100% + 40px); margin-left: -20px; } .tilesTextImage__listItem__content h4 { font-size: 2rem; line-height: 2rem; margin-bottom: 5px; } .tilesTextImage__listItem__content p { font-size: 10px; line-height: 13px; } }@media (max-width:360px) { .container .row.row-sm-block { display: block; } .container .row .col-sm-1 { margin-left: 0; width: 8.33333333%} .container .row .col-sm-2 { margin-left: 0; width: 16.66666667%} .container .row .col-sm-3 { margin-left: 0; width: 25%} .container .row .col-sm-4 { margin-left: 0; width: 33.33333333%} .container .row .col-sm-5 { margin-left: 0; width: 41.66666667%} .container .row .col-sm-6 { margin-left: 0; width: 50%} .container .row .col-sm-7 { margin-left: 0; width: 58.33333333%} .container .row .col-sm-8 { margin-left: 0; width: 66.66666667%} .container .row .col-sm-9 { margin-left: 0; width: 75%} .container .row .col-sm-10 { margin-left: 0; width: 83.33333333%} .container .row .col-sm-11 { margin-left: 0; width: 91.66666667%} .container .row .col-sm-12 { margin-left: 0; width: 100%} .container .row .offset-col-sm-1 { margin-left: 8.33333333%} .container .row .offset-col-sm-2 { margin-left: 16.66666667%} .container .row .offset-col-sm-3 { margin-left: 25%} .container .row .offset-col-sm-4 { margin-left: 33.33333333%} .container .row .offset-col-sm-5 { margin-left: 41.66666667%} .container .row .offset-col-sm-6 { margin-left: 50%} .container .row .offset-col-sm-7 { margin-left: 58.33333333%} .container .row .offset-col-sm-8 { margin-left: 66.66666667%} .container .row .offset-col-sm-9 { margin-left: 75%} .container .row .offset-col-sm-10 { margin-left: 83.33333333%} .container .row .offset-col-sm-11 { margin-left: 91.66666667%} .container .row .offset-col-sm-12 { margin-left: 100%} h1 { font-size: 25px; line-height: 30px; } h2 { font-size: 22px; line-height: 24px; margin-bottom: 10px; } p { font-size: 11px; line-height: 15px; } }@media (min-width:768px) { .header--menuOpen .header__language { right: 35px; } .header--menuOpen .header__menuButton { right: 350px; } } </style> <link rel="apple-touch-icon" sizes="57x57" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/themes/connexity/public/img/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/wp-content/themes/connexity/public/img/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/wp-content/themes/connexity/public/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/wp-content/themes/connexity/public/img/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/wp-content/themes/connexity/public/img/favicons/favicon-16x16.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/wp-content/themes/connexity/public/img/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> </head> <body class="home page-template page-template-templates page-template-snap page-template-templatessnap-php page page-id-11"> <header class="header" data-page-header> <div class="header__inner"> <a class="header__button button button--orange" href="https://account.connexity.com/ra/register" target="_self" > GET STARTED </a> <div class="header__logo"> <a href="https://www.connexity.com/"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="196px" height="41.6px" viewBox="0 0 196 41.6" style="enable-background:new 0 0 196 41.6;" xml:space="preserve"> <g> <path fill="#E87722" d="M6.6,33.2c1.5,1.5,1.5,3.9,0,5.4c-1.5,1.5-3.9,1.5-5.4,0c-1.5-1.5-1.5-3.9,0-5.4C2.6,31.7,5,31.7,6.6,33.2 L6.6,33.2z"/> <path fill="#E87722" d="M14.4,25.4c1.5,1.5,1.5,3.9,0,5.4s-3.9,1.5-5.4,0c-1.5-1.5-1.5-3.9,0-5.4C10.5,23.9,12.9,23.9,14.4,25.4 L14.4,25.4z"/> <path fill="#E87722" d="M22.3,17.5c1.5,1.5,1.5,3.9,0,5.4c-1.5,1.5-3.9,1.5-5.4,0c-1.5-1.5-1.5-3.9,0-5.4C18.4,16,20.8,16,22.3,17.5 L22.3,17.5z"/> <path fill="#E87722" d="M30.2,9.6c1.5,1.5,1.5,3.9,0,5.4s-3.9,1.5-5.4,0c-1.5-1.5-1.5-3.9,0-5.4C26.2,8.1,28.7,8.1,30.2,9.6L30.2,9.6z "/> <path fill="#E87722" d="M1.1,1.7c1.5-1.5,3.9-1.5,5.4,0C8,3.2,8,5.6,6.6,7.2c-1.5,1.5-3.9,1.5-5.4,0C-0.4,5.6-0.4,3.2,1.1,1.7L1.1,1.7 z"/> <path fill="#E87722" d="M32.6,33.2c1.5-1.5,3.9-1.5,5.4,0c1.5,1.5,1.5,3.9,0,5.4c-1.5,1.5-3.9,1.5-5.4,0 C31.1,37.2,31.1,34.7,32.6,33.2L32.6,33.2z"/> <path fill="#E87722" d="M24.8,25.4c1.5-1.5,3.9-1.5,5.4,0c1.5,1.5,1.5,3.9,0,5.4s-3.9,1.5-5.4,0C23.3,29.3,23.3,26.9,24.8,25.4 L24.8,25.4z"/> <path fill="#E87722" d="M9,9.6c1.5-1.5,3.9-1.5,5.4,0c1.5,1.5,1.5,3.9,0,5.4s-3.9,1.5-5.4,0C7.5,13.5,7.5,11.1,9,9.6L9,9.6z"/> <path fill="#E87722" d="M38.1,1.7c1.5,1.5,1.5,3.9,0,5.4c-1.5,1.5-3.9,1.5-5.4,0c-1.5-1.5-1.5-3.9,0-5.4S36.6,0.2,38.1,1.7L38.1,1.7z" /> </g> <g> <g> <polygon class="header__logoLetters" fill="#16345F" points="68.8,33.6 68.8,31.5 61.6,31.5 61.6,33.6 63.9,33.6 63.9,39.8 66.5,39.8 66.5,33.6 "/> <path class="header__logoLetters" fill="#16345F" d="M73.1,36c0-1.1,0-2.3-2.8-2.4c-1.4,0-3,0.3-3.1,2l2.1,0c0-0.2,0.2-0.6,0.9-0.6c0.4,0,0.7,0.2,0.7,0.6 c0,0.4-0.3,0.5-0.6,0.5c-1.2,0.2-3.4,0.1-3.4,2c0,1.3,1,1.8,2.1,1.8c0.7,0,1.4-0.2,1.9-0.7h0c0,0.2,0,0.4,0.1,0.6l2.3,0 c-0.2-0.4-0.3-0.9-0.3-1.3L73.1,36z M70.9,37.6c0,0.6-0.4,0.9-1,0.9c-0.4,0-0.7-0.3-0.7-0.6c0-0.4,0.3-0.5,0.8-0.7 c0.3-0.1,0.6-0.2,0.9-0.3L70.9,37.6z"/> <path class="header__logoLetters" fill="#16345F" d="M77.3,33.7c-0.7,0-1.3,0.3-1.6,0.8h0l0-3h-2.3v8.3h2.2v-0.7h0c0.3,0.4,0.6,0.8,1.7,0.8c1.7,0,2.5-1.7,2.5-3.2 C79.9,35.4,79.3,33.7,77.3,33.7z M76.6,38.3c-0.8,0-1-0.8-1-1.5c0-0.7,0.2-1.5,1-1.5c0.8,0,1,0.8,1,1.5 C77.6,37.5,77.4,38.3,76.6,38.3z"/> <path class="header__logoLetters" fill="#16345F" d="M88.8,31.5c-1.4,0-2.4,0.6-2.9,1.4c-0.5-0.8-1.4-1.4-2.8-1.4c-2.3,0-3.3,1.5-3.3,3.1c0,1.7,1,3.2,3.3,3.2 c1.4,0,2.4-0.6,2.9-1.4c0.5,0.8,1.4,1.4,2.8,1.4c2.3,0,3.3-1.5,3.3-3.1C92,33,91,31.5,88.8,31.5z M83.1,36.2c-0.9,0-1-0.9-1-1.5 c0-0.6,0.1-1.5,1-1.5c0.9,0,1,0.8,1,1.5C84,35.3,83.9,36.2,83.1,36.2z M88.7,36.2c-0.9,0-1-0.9-1-1.5c0-0.6,0.1-1.5,1-1.5 c0.9,0,1,0.8,1,1.5C89.7,35.3,89.6,36.2,88.7,36.2z"/> <rect x="92.2" y="31.5" class="header__logoLetters" fill="#16345F" width="2.2" height="8.3"/> <path class="header__logoLetters" fill="#16345F" d="M100.8,38.4V36c0-1.1,0-2.3-2.8-2.4c-1.4,0-3,0.3-3.1,2l2.1,0c0-0.2,0.2-0.6,0.9-0.6c0.4,0,0.7,0.2,0.7,0.6 c0,0.4-0.3,0.5-0.6,0.5c-1.2,0.2-3.4,0.1-3.4,2c0,1.3,0.9,1.8,2.1,1.8c0.7,0,1.4-0.2,1.9-0.7h0c0,0.2,0,0.4,0.1,0.6h2.3 C100.8,39.4,100.8,38.9,100.8,38.4z M98.6,37.6c0,0.6-0.4,0.9-1,0.9c-0.4,0-0.7-0.3-0.7-0.6c0-0.4,0.3-0.5,0.8-0.7 c0.3-0.1,0.6-0.2,0.9-0.3L98.6,37.6z"/> <path class="header__logoLetters" fill="#16345F" d="M80.7,37.8l0,2c1.8,0.8,3.2,1.2,5.1,1.2c1.8,0,3.6-0.4,5.2-1.2l0-2c-1.9,0.7-3.3,1.1-5.2,1.1 C84,38.9,82.3,38.5,80.7,37.8z"/> </g> <g> <g> <path class="header__logoLetters" fill="#16345F" d="M68,8.6l-1.9,2c-0.2,0.2-0.4,0.2-0.6,0c-1.1-1.1-2.5-1.6-4-1.6c-1.5,0-2.7,0.5-3.7,1.5c-1,1-1.5,2.3-1.5,3.8 c0,1.5,0.5,2.8,1.5,3.8c1,1,2.3,1.5,3.7,1.5c1.6,0,2.9-0.5,4-1.6c0.2-0.2,0.4-0.2,0.6,0l1.9,2c0.2,0.2,0.2,0.4,0,0.6 c-1.8,1.8-3.9,2.6-6.5,2.6s-4.8-0.8-6.6-2.6s-2.7-3.9-2.7-6.4s0.9-4.7,2.7-6.4c1.8-1.7,4-2.6,6.6-2.6c2.6,0,4.7,0.9,6.5,2.6 C68.1,8.2,68.1,8.5,68,8.6L68,8.6z"/> <path class="header__logoLetters" fill="#16345F" d="M69.3,14.4c0-2.5,0.9-4.7,2.7-6.4c1.8-1.7,4-2.6,6.6-2.6c2.6,0,4.8,0.9,6.6,2.6c1.8,1.7,2.7,3.9,2.7,6.4 c0,2.5-0.9,4.7-2.7,6.4c-1.8,1.7-4,2.6-6.6,2.6c-2.6,0-4.8-0.9-6.6-2.6C70.2,19.1,69.3,16.9,69.3,14.4L69.3,14.4z M82.3,18.2 c1-1,1.5-2.3,1.5-3.8s-0.5-2.8-1.5-3.8c-1-1-2.3-1.6-3.7-1.6c-1.5,0-2.8,0.5-3.8,1.6c-1,1-1.5,2.3-1.5,3.8c0,1.5,0.5,2.8,1.5,3.8 c1,1,2.3,1.5,3.8,1.5C80,19.7,81.3,19.2,82.3,18.2L82.3,18.2z"/> <path class="header__logoLetters" fill="#16345F" d="M89.6,22.5V6.4C89.6,6.1,89.8,6,90,6h3.2c0.2,0,0.4,0.2,0.4,0.4v0.7c0,0.4,0.5,0.6,0.7,0.3 c1-1.1,2.6-1.7,4.4-1.7c4,0,6.4,2.6,6.4,6.8v10.1c0,0.2-0.2,0.4-0.4,0.4h-3.2c-0.2,0-0.4-0.2-0.4-0.4V13c0-2.3-1.3-3.8-3.6-3.8 c-2.3,0-3.9,1.6-3.9,3.9v9.3c0,0.2-0.2,0.4-0.4,0.4H90C89.8,22.9,89.6,22.7,89.6,22.5L89.6,22.5z"/> <path class="header__logoLetters" fill="#16345F" d="M107.4,22.5V6.4c0-0.2,0.2-0.4,0.4-0.4h3.2c0.2,0,0.4,0.2,0.4,0.4V7c0,0.4,0.5,0.6,0.7,0.3 c1-1.1,2.5-1.7,4.4-1.7c4,0,6.4,2.6,6.4,6.8v10.1c0,0.2-0.2,0.4-0.4,0.4h-3.2c-0.2,0-0.4-0.2-0.4-0.4V13c0-2.3-1.3-3.8-3.6-3.8 c-2.3,0-3.9,1.6-3.9,3.9v9.3c0,0.2-0.2,0.4-0.4,0.4h-3.2C107.6,22.9,107.4,22.7,107.4,22.5L107.4,22.5z"/> <path class="header__logoLetters" fill="#16345F" d="M124.8,14.4c0-2.7,0.8-4.8,2.5-6.5c1.7-1.6,3.8-2.4,6.4-2.4c2.4,0,4.5,0.8,6,2.4c1.6,1.6,2.4,3.7,2.4,6.1 c0,0.3,0,0.7,0,1c0,0.2-0.2,0.4-0.4,0.4h-12.3c-0.3,0-0.5,0.2-0.4,0.5c0.3,2.4,2.3,3.9,5.1,3.9c1.6,0,3-0.6,4.3-1.7 c0.2-0.2,0.4-0.2,0.6,0l1.8,1.8c0.2,0.2,0.2,0.5,0,0.6c-1.9,1.8-4.1,2.7-6.8,2.7c-2.7,0-4.8-0.8-6.5-2.4s-2.5-3.7-2.5-6.4 L124.8,14.4L124.8,14.4z M137.5,12.6c0.3,0,0.5-0.2,0.4-0.5c-0.1-0.8-0.5-1.5-1.2-2.1c-0.8-0.7-1.8-1.1-3-1.1 c-1.2,0-2.4,0.4-3.3,1.1c-0.7,0.6-1.2,1.3-1.4,2.1c-0.1,0.3,0.2,0.5,0.4,0.5H137.5L137.5,12.6z"/> <path class="header__logoLetters" fill="#16345F" d="M160.5,22.5V6.4c0-0.2,0.2-0.4,0.4-0.4h3.2c0.2,0,0.4,0.2,0.4,0.4v16.1c0,0.2-0.2,0.4-0.4,0.4h-3.2 C160.6,22.9,160.5,22.7,160.5,22.5L160.5,22.5z"/> <path class="header__logoLetters" fill="#16345F" d="M160.4,3.6V0.4c0-0.2,0.2-0.4,0.4-0.4h3.2c0.2,0,0.4,0.2,0.4,0.4v3.2c0,0.2-0.2,0.4-0.4,0.4h-3.2 C160.6,4,160.4,3.8,160.4,3.6L160.4,3.6z"/> <path class="header__logoLetters" fill="#16345F" d="M157.8,6h-3.8c-0.1,0-0.2,0.1-0.3,0.2l-3.3,4.6c-0.2,0.2-0.5,0.2-0.7,0l-3.3-4.6C146.4,6,146.2,6,146.1,6 h-3.8c-0.3,0-0.5,0.4-0.3,0.7l5.6,7.5c0.1,0.2,0.1,0.3,0,0.5l-5.6,7.6c-0.2,0.3,0,0.7,0.3,0.7h3.7c0.1,0,0.2-0.1,0.3-0.2l3.4-4.7 c0.2-0.2,0.5-0.2,0.7,0l3.4,4.7c0.1,0.1,0.2,0.2,0.3,0.2h3.7c0.3,0,0.5-0.4,0.3-0.7l-5.6-7.6c-0.1-0.2-0.1-0.3,0-0.5l5.6-7.5 C158.4,6.3,158.2,6,157.8,6L157.8,6z"/> <path class="header__logoLetters" fill="#16345F" d="M194.2,21.4c0-0.3-0.2-0.7-0.4-0.9c-0.3-0.3-0.7-0.4-1.1-0.4c-0.3,0-0.6,0.1-0.8,0.3 c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.1,0.7,0.3,0.9c0.3,0.4,0.8,0.6,1.3,0.5c0.2,0,0.5-0.1,0.7-0.3 C194.1,22.3,194.3,21.8,194.2,21.4L194.2,21.4z M193.7,22.4c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.7-0.1-0.9-0.4 c-0.2-0.2-0.4-0.5-0.4-0.9c0-0.3,0.1-0.7,0.4-0.9c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.7,0.1,0.9,0.4c0.2,0.2,0.4,0.5,0.4,0.9 C194.1,21.8,193.9,22.1,193.7,22.4L193.7,22.4z"/> <path class="header__logoLetters" fill="#16345F" d="M193.2,21.7C193.1,21.7,193.2,21.6,193.2,21.7c0.2-0.2,0.3-0.3,0.3-0.5c0-0.2-0.1-0.3-0.2-0.4 c-0.1-0.1-0.3-0.2-0.5-0.2h-0.5c0,0-0.1,0-0.1,0.1v1.6c0,0,0,0.1,0.1,0.1h0.2c0,0,0.1,0,0.1-0.1v-0.5c0,0,0-0.1,0.1-0.1h0.2h0 l0.3,0.6c0,0,0,0,0,0h0.2c0,0,0.1,0,0-0.1L193.2,21.7L193.2,21.7z M192.8,21.4h-0.2c0,0-0.1,0-0.1-0.1V21c0,0,0-0.1,0.1-0.1h0.2 c0.1,0,0.2,0,0.2,0.1c0.1,0.1,0.1,0.1,0.1,0.2c0,0.1,0,0.2-0.1,0.2C193,21.4,192.9,21.4,192.8,21.4L192.8,21.4z"/> <path class="header__logoLetters" fill="#16345F" d="M195.6,5.9h-3.5c-0.2,0-0.3,0.1-0.4,0.3l-3.6,10.1c-0.1,0.4-0.7,0.4-0.8,0l-4.6-10.1 c-0.1-0.2-0.2-0.3-0.4-0.3h-3.4c-0.3,0-0.5,0.3-0.4,0.6l7.3,15.7c0,0.1,0,0.2,0,0.3l-3,7c-0.1,0.3,0.1,0.6,0.4,0.6h3.4 c0.2,0,0.3-0.1,0.4-0.3L196,6.5C196.1,6.2,195.9,5.9,195.6,5.9L195.6,5.9z"/> <path class="header__logoLetters" fill="#16345F" d="M176.9,9.2V6.4c0-0.2-0.2-0.4-0.4-0.4H174c-0.2,0-0.4-0.2-0.4-0.4V2.3c0-0.2-0.2-0.4-0.4-0.4H170 c-0.2,0-0.4,0.2-0.4,0.4v3.2c0,0.2-0.2,0.4-0.4,0.4h-2.4c-0.2,0-0.4,0.2-0.4,0.4v2.8c0,0.2,0.2,0.4,0.4,0.4h2.4 c0.2,0,0.4,0.2,0.4,0.4v12.5c0,0.2,0.2,0.4,0.4,0.4h3.2c0.2,0,0.4-0.2,0.4-0.4V10c0-0.2,0.2-0.4,0.4-0.4h2.4 C176.7,9.6,176.9,9.4,176.9,9.2L176.9,9.2z"/> </g> </g> <g> <path class="header__logoLetters" fill="#16345F" d="M57,39.7V39c-0.4,0.5-1,0.9-2,0.9c-1.1,0-2.1-0.7-2.1-1.9v0c0-1.3,1-2,2.4-2c0.7,0,1.2,0.1,1.7,0.2v-0.1 c0-0.8-0.5-1.3-1.5-1.3c-0.7,0-1.2,0.2-1.7,0.4l-0.4-1.1c0.7-0.3,1.3-0.5,2.3-0.5c1.8,0,2.6,0.9,2.6,2.5v3.6L57,39.7L57,39.7z M57,37.2c-0.3-0.1-0.8-0.2-1.4-0.2c-0.9,0-1.4,0.3-1.4,0.9v0c0,0.6,0.5,0.9,1.2,0.9c0.9,0,1.6-0.5,1.6-1.3L57,37.2L57,37.2z"/> </g> <g> <path class="header__logoLetters" fill="#16345F" d="M105.3,36.7L105.3,36.7c0-1.7,1.3-3.2,3.1-3.2c1.1,0,1.8,0.4,2.4,1l-0.9,0.9c-0.4-0.4-0.9-0.7-1.6-0.7 c-1,0-1.7,0.9-1.7,1.9v0c0,1.1,0.7,1.9,1.8,1.9c0.7,0,1.1-0.3,1.6-0.7l0.8,0.8c-0.6,0.7-1.3,1.1-2.4,1.1 C106.6,39.9,105.3,38.5,105.3,36.7z"/> <path class="header__logoLetters" fill="#16345F" d="M111.2,36.7L111.2,36.7c0-1.7,1.4-3.2,3.2-3.2c1.9,0,3.2,1.4,3.2,3.1v0c0,1.7-1.4,3.1-3.2,3.1 C112.5,39.9,111.2,38.5,111.2,36.7z M116.2,36.7L116.2,36.7c0-1.1-0.8-2-1.8-2c-1.1,0-1.8,0.9-1.8,1.9v0c0,1.1,0.8,1.9,1.8,1.9 C115.5,38.7,116.2,37.8,116.2,36.7z"/> <path class="header__logoLetters" fill="#16345F" d="M118.5,33.7h1.4v0.9c0.4-0.5,0.9-1,1.8-1c0.9,0,1.5,0.4,1.8,1.1c0.5-0.6,1.1-1.1,2-1.1c1.3,0,2.1,0.8,2.1,2.3 v3.8h-1.4v-3.4c0-1-0.4-1.5-1.2-1.5c-0.7,0-1.3,0.5-1.3,1.5v3.4h-1.4v-3.4c0-0.9-0.5-1.5-1.2-1.5c-0.8,0-1.3,0.6-1.3,1.5v3.4h-1.4 L118.5,33.7L118.5,33.7z"/> <path class="header__logoLetters" fill="#16345F" d="M128.8,33.7h1.4v1c0.4-0.6,1.1-1.1,2-1.1c1.4,0,2.8,1.1,2.8,3.1v0c0,2-1.4,3.1-2.8,3.1c-1,0-1.6-0.5-2-1.1 v2.8h-1.4V33.7z M133.7,36.7L133.7,36.7c0-1.2-0.8-1.9-1.7-1.9s-1.8,0.8-1.8,1.9v0c0,1.2,0.8,1.9,1.8,1.9 C132.9,38.7,133.7,37.9,133.7,36.7z"/> <path class="header__logoLetters" fill="#16345F" d="M139.7,39.7V39c-0.4,0.5-1,0.9-2,0.9c-1.1,0-2.1-0.7-2.1-1.9v0c0-1.3,1-2,2.4-2c0.7,0,1.2,0.1,1.7,0.2v-0.1 c0-0.8-0.5-1.3-1.5-1.3c-0.7,0-1.2,0.2-1.7,0.4l-0.4-1.1c0.7-0.3,1.3-0.5,2.3-0.5c1.8,0,2.6,0.9,2.6,2.5v3.6L139.7,39.7 L139.7,39.7z M139.7,37.2c-0.3-0.1-0.8-0.2-1.4-0.2c-0.9,0-1.4,0.3-1.4,0.9v0c0,0.6,0.5,0.9,1.2,0.9c0.9,0,1.6-0.5,1.6-1.3 L139.7,37.2L139.7,37.2z"/> <path class="header__logoLetters" fill="#16345F" d="M142.2,33.7h1.4v0.9c0.4-0.6,0.9-1.1,1.9-1.1c1.4,0,2.1,0.9,2.1,2.3v3.8h-1.4v-3.4c0-0.9-0.5-1.5-1.3-1.5 c-0.8,0-1.4,0.6-1.4,1.5v3.4h-1.4L142.2,33.7L142.2,33.7z"/> <path class="header__logoLetters" fill="#16345F" d="M148.5,41.2l0.5-1c0.2,0.1,0.5,0.2,0.8,0.2c0.4,0,0.6-0.2,0.9-0.7l-2.5-6h1.5l1.7,4.5l1.6-4.5h1.4l-2.4,6.2 c-0.5,1.2-1,1.7-2,1.7C149.3,41.6,148.9,41.4,148.5,41.2z"/> </g> </g> </svg> </a> </div> <div class="header__actions"> <span class="header__language" data-page-language> <span class="header__languageIcon icon-arrow-down"></span>us <span class="header__languageList" data-page-language-list> <ul class="header__languageList__ul"> <li class="lang-item lang-item-5 lang-item-gb lang-item-first"><a lang="en-GB" hreflang="en-GB" href="https://www.connexity.com/gb/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAt1BMVEWSmb66z+18msdig8La3u+tYX9IaLc7W7BagbmcUW+kqMr/q6n+//+hsNv/lIr/jIGMnNLJyOP9/fyQttT/wb3/////aWn+YWF5kNT0oqz0i4ueqtIZNJjhvt/8gn//WVr/6+rN1+o9RKZwgcMPJpX/VFT9UEn+RUX8Ozv2Ly+FGzdYZrfU1e/8LS/lQkG/mbVUX60AE231hHtcdMb0mp3qYFTFwNu3w9prcqSURGNDaaIUMX5FNW5wYt7AAAAAjklEQVR4AR3HNUJEMQCGwf+L8RR36ajR+1+CEuvRdd8kK9MNAiRQNgJmVDAt1yM6kSzYVJUsPNssAk5N7ZFKjVNFAY4co6TAOI+kyQm+LFUEBEKKzuWUNB7rSH/rSnvOulOGk+QlXTBqMIrfYX4tSe2nP3iRa/KNK7uTmWJ5a9+erZ3d+18od4ytiZdvZyuKWy8o3UpTVAAAAABJRU5ErkJggg==" alt="" width="16" height="11" style="width: 16px; height: 11px;" /><span style="margin-left:0.3em;">gb</span></a></li> <li class="lang-item lang-item-9 lang-item-fr"><a lang="fr-FR" hreflang="fr-FR" href="https://www.connexity.com/fr/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAbFBMVEVzldTg4ODS0tLxDwDtAwDjAADD0uz39/fy8vL3k4nzgna4yOixwuXu7u7s6+zn5+fyd2rvcGPtZljYAABrjNCpvOHrWkxegsqfs93NAADpUUFRd8THAABBa7wnVbERRKa8vLyxsLCoqKigoKClCvcsAAAAXklEQVR4AS3JxUEAQQAEwZo13Mk/R9w5/7UERJCIGIgj5qfRJZEpPyNfCgJTjMR1eRRnJiExFJz5Mf1PokWr/UztIjRGQ3V486u0HO55m634U6dMcf0RNPfkVCTvKjO16xHA8miowAAAAABJRU5ErkJggg==" alt="" width="16" height="11" style="width: 16px; height: 11px;" /><span style="margin-left:0.3em;">fr</span></a></li> <li class="lang-item lang-item-13 lang-item-de"><a lang="de-DE" hreflang="de-DE" href="https://www.connexity.com/de/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAABLElEQVR4AY2QgUZEQRSGz9ydmzbYkBWABBJYABHEFhJ6m0WP0DMEQNIr9AKrN8ne2Tt3Zs7MOdOZmRBEv+v34Tvub9R6fdNlAzU+snSME/wdjbjbbJ6EiEg6BA8102QbjKNpoMzw8v6qD/sOALbbT2MC1NgaAWOKOgxf5czY+4dbAX2G/THzcozLrvPV85IQyqVz0rvg2p9Pei4HjzSsiFbV4JgyhhxCjpGdZ0RhdikLB9/b8Qig7MkpSovR7Cp59q6CazaNFiTt4J82o6uvdMVwTsztKTXZod4jgOJJuqNAjFyGrBR8gM6XwKfIC4KanBSTZ0rClKh08D9DFh3egW7ebH7NcRDQWrz9rM2Ne+mDOXB2mZJ8agL19nwxR2iZXGm1gDbQKhDjd4yHb2oW/KR8xHicAAAAAElFTkSuQmCC" alt="" width="16" height="11" style="width: 16px; height: 11px;" /><span style="margin-left:0.3em;">de</span></a></li> <li class="lang-item lang-item-17 lang-item-it"><a lang="it-IT" hreflang="it-IT" href="https://www.connexity.com/it/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAUVBMVEUAiQAAgADk5OTe3t7vAAB3yXf9/f36+vr5Vlb3RkZjwWNYvVj4+Pj1MzP1KChQuFD1GxviAABHtUf19fXzDw4/sT8AcAA2qzYAWgDLy8vDw8ObXclsAAAAVElEQVR4AQXBSwoCQRQEsNT70CC69P5XdCUMA2ISSAiBWAQScg8bN7GJWxFDrCivwhCLMipGx3LKUOi2HAZluy2HgXprxQGfGL6G63B5MJ5FCD/4A3DaCLvbBle5AAAAAElFTkSuQmCC" alt="" width="16" height="11" style="width: 16px; height: 11px;" /><span style="margin-left:0.3em;">it</span></a></li> </ul> </span> </span> <span class="header__menuButton" data-main-menu-button> <span class="header__menuButton__line"></span> <span class="header__menuButton__line"></span> <span class="header__menuButton__line"></span> </span> <a class="header__login" href="https://www.connexity.com/login"> <span class="icon-user-login-blue"></span> </a> </div> </div> </header> <div class="fixedMenu" data-main-menu> <div class="fixedMenu__inner" data-main-menu-inner> <ul class="fixedMenu__nav"> <li class="fixedMenu__navItem fixedMenu__navItem--active"> <a class="fixedMenu__navLink fixedMenu__navLink--active" href="https://www.connexity.com/"> Home </a> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/retailers/"> FOR RETAILERS </a> <ul class="fixedMenu__nav fixedMenu__nav--child"> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/our-platform/"> Our Platform </a> </li> </ul> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/publishers/"> FOR PUBLISHERS </a> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://shopyourlikes.com/"> FOR INFLUENCERS </a> </li> <li class="fixedMenu__navItem fixedMenu__navItem--active"> <a class="fixedMenu__navLink fixedMenu__navLink--active" href="http://www.connexity.com"> Resources </a> <ul class="fixedMenu__nav fixedMenu__nav--child"> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="http://www.connexity.com/blog"> Blog </a> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/success-stories/"> Success Stories </a> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://pubresources.connexity.com/"> Publisher Resource Center </a> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://resources.connexity.com/hc/en-us"> Merchant Resource Center </a> </li> </ul> </li> </ul> <ul class="fixedMenu__nav"> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/about/"> ABOUT </a> <ul class="fixedMenu__nav fixedMenu__nav--child"> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/leadership-team/"> LEADERSHIP TEAM </a> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/careers/"> CAREERS </a> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/blog/news/"> NEWS </a> </li> </ul> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/contact/"> CONTACT </a> </li> <li class="fixedMenu__navItem "> <a class="fixedMenu__navLink " href="https://www.connexity.com/login/"> LOGIN </a> </li> </ul>        </div> </div> <main class="sections sections--snap " data-snap-page data-auto-scroll="true"> <div data-anchor="start" class="snapHeader section"> <span data-background-color="" data-snap-logo-color="false"></span> <div class="snapHeader__inner container"> <div class="snapHeader__content "> <div class="snapHeader__contentSmallText"> </div> <h1 class="snapHeader__contentTitle">Scale Incremental Sales</h1> <p class="snapHeader__contentDesc">Connexity generates $5B in new sales annually to top retailers partnering for guaranteed delivery on performance targets. Scale your revenue across the open web with our performance marketing platform.</p> </div> </div> <button class="snapHeader__nextSection" data-snap-next-section> <img src="/wp-content/themes/connexity/public/img/icons/arrow-scroll-down.svg" alt=""> </button> <div class="snapHeader__shadow"></div> <div class="snapHeader__image" ></div> <div class="snapHeader__video"> <video loop="" muted="" data-autoplay="" poster="/wp-content/uploads/2021/11/header_page-1920x1080.jpg"> <source src="/wp-content/uploads/2021/11/CNX_Header.mp4" type="video/mp4"> </video> </div> </div> <div data-anchor="video" class="textAndImageSnap section "> <span data-background-color="#e9e7e5" data-snap-logo-color="false"></span> <div class="textAndImageSnap__inner container"> <div class="textAndImageSnap__row row row--flex"> <div class="textAndImageSnap__text col-md-12 col-6 os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.4s"> <div class="textAndImageSnap__textContent textAndImageSnap__textContent--blue"> <h2 class="textAndImageSnap__textContent__title">Win More Customers</h2> <div class="textAndImageSnap__textContent__paragraphs"> <div class="textAndImageSnap__textContent__paragraphsParagraph "> <p>Connexity optimizes exposure in the open web where new and existing customers shop. Direct relationships & integrations enable us to power shopping marketplaces and incentivize content publishers to create incremental and exclusive promotion. You’ll be able to tap into customers in every part of the customer journey.</p> <p> </p> <p><strong><a style="color: #eb6c15;" href="https://www.connexity.com/wp-content/uploads/2022/04/07-vdo-Connexity.mp4">See More >></a></strong></p> </div> </div> </div> </div> <div class="textAndImageSnap__image col-md-12 col-6 os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.5s"> <div class="textAndImageSnap__imageContent"> <img src="/wp-content/uploads/2022/04/CNX_CDO-1000x563.png" alt=""> </div> </div> </div> </div> </div> <div data-anchor="work-with" class="logoSliderSnap section" data-logo-slider> <span data-background-color="#dbd7d4" data-snap-logo-color="false"></span> <div class="logoSliderSnap__inner"> <div class="logoSliderSnap__header container"> <h2 class="logoSliderSnap__headerHeading os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.4s">Performing for Top Brands</h2> <div class="logoSliderSnap__headerText os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.4s"> <p>Join 40% of the IR50 growing with Connexity</p> </div> </div> <div class="logoSliderSnap__slider swiper-container os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.5s" data-logo-slider-swiper> <div class="swiper-wrapper"> <div class="logoSliderSnap__sliderSlide swiper-slide"> <img class="logoSliderSnap__sliderSlide__img" src="/wp-content/uploads/2019/10/CNX-LogosRetailers-Walmart.svg" alt=""> </div> <div class="logoSliderSnap__sliderSlide swiper-slide"> <img class="logoSliderSnap__sliderSlide__img" src="/wp-content/uploads/2019/10/CNX-LogosRetailers-Ebay.svg" alt="ebay logo"> </div> <div class="logoSliderSnap__sliderSlide swiper-slide"> <img class="logoSliderSnap__sliderSlide__img" src="/wp-content/uploads/2019/10/CNX-LogosRetailers-Chewy.svg" alt=""> </div> <div class="logoSliderSnap__sliderSlide swiper-slide"> <img class="logoSliderSnap__sliderSlide__img" src="/wp-content/uploads/2019/10/CNX-LogosRetailers-Dell.svg" alt="dell logo"> </div> <div class="logoSliderSnap__sliderSlide swiper-slide"> <img class="logoSliderSnap__sliderSlide__img" src="/wp-content/uploads/2019/10/CNX-LogosRetailers-Rack.svg" alt=""> </div> <div class="logoSliderSnap__sliderSlide swiper-slide"> <img class="logoSliderSnap__sliderSlide__img" src="/wp-content/uploads/2019/10/CNX-LogosRetailers-Houzz.svg" alt="houzz logo"> </div> <div class="logoSliderSnap__sliderSlide swiper-slide"> <img class="logoSliderSnap__sliderSlide__img" src="/wp-content/uploads/2019/10/CNX-LogosRetailers-Amazon.svg" alt=""> </div> </div> <div class="swiper-pagination " data-logo-slider-swiper-pagination></div> </div> <div> <div class="logoSliderSnap__text os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.7s"> <p></p> </div> <div class="logoSliderSnap__button os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.7s"> <a href="https://www.connexity.com/success-stories/" target="_self" class="button button--orange"> SEE SUCCESS STORIES </a> </div> </div> </div> </div> <div data-anchor="offers-access" class="iconListSnap section"> <span data-background-color="#a3c7d2" data-snap-logo-color="false"></span> <div class="iconListSnap__inner container"> <div class="iconListSnap__header os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.4s"> <h2>Get Unmatched ROI</h2> </div> <div class="iconListSnap__items row row--flex os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.5s"> <div class="iconListSnap__itemsItem col-3 col-md-6"> <div class="iconListSnap__itemsItem__content"> <img class="iconListSnap__itemsItem__img" src="/wp-content/uploads/2021/07/Why-Retailers-choose-Connexity-351x500.png" alt=""> <div class="iconListSnap__itemsItem__number"> <span class="iconListSnap__itemsItem__numberValue"></span> </div> <div class="iconListSnap__itemsItem__text os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.6s"> Driven to your ROAS goals for guaranteed performance </div> </div> </div> <div class="iconListSnap__itemsItem col-3 col-md-6"> <div class="iconListSnap__itemsItem__content"> <img class="iconListSnap__itemsItem__img" src="/wp-content/uploads/2021/07/800m-491x500.png" alt=""> <div class="iconListSnap__itemsItem__number"> <span class="iconListSnap__itemsItem__numberValue"></span> </div> <div class="iconListSnap__itemsItem__text os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.6s"> Leading edge technology </div> </div> </div> <div class="iconListSnap__itemsItem col-3 col-md-6"> <div class="iconListSnap__itemsItem__content"> <img class="iconListSnap__itemsItem__img" src="/wp-content/uploads/2021/07/Connexity-offers-access-to_3-500x498.png" alt=""> <div class="iconListSnap__itemsItem__number"> <span class="iconListSnap__itemsItem__numberValue"></span> </div> <div class="iconListSnap__itemsItem__text os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.6s"> Enjoy a fully managed service </div> </div> </div> </div> </div> </div> <div data-anchor="maximize" class="imageBackgroundText section " style="background-image: url(/wp-content/uploads/2021/11/Incremental_Reach-1-1920x1080.jpg); background-position: center"> <span data-snap-logo-color="true"></span> <div class="imageBackgroundText__shadow"></div> <div class="imageBackgroundText__inner container"> <div class="imageBackgroundText__text os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.4s"> <div class="imageBackgroundText__textWrapper"> <h2 class="imageBackgroundText__textHeading">Your partner for guaranteed performance</h2> <div class="imageBackgroundText__textText "> <p>With the right goals and consistent CPC budget, Connexity can guarantee an average performance that meets or exceeds your ROAS or COS targets. </p> </div> <a href="https://www.connexity.com/retailers" target="_self" class="button button--orange"> Find out more </a> </div> </div> </div> </div> <div data-anchor="channels" class="imageBackgroundText section imageBackgroundText--alignTop" style="background-image: url(/wp-content/uploads/2021/11/Incremental_Reach-1920x1080.jpg); background-position: center"> <span data-snap-logo-color="false"></span> <div class="imageBackgroundText__shadow"></div> <div class="imageBackgroundText__inner container"> <div class="imageBackgroundText__text os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.4s"> <div class="imageBackgroundText__textWrapper"> <h2 class="imageBackgroundText__textHeading">Let’s Have a Conversation</h2> <div class="imageBackgroundText__textText imageBackgroundText__textText--blue"> <p>Connect with us to learn more about our performance marketing platform and how we can help you scale growth.</p> </div> <a href="https://account.connexity.com/ra/register" target="_blank" class="button button--orange"> Contact Us </a> </div> </div> </div> </div> <div data-anchor="reviews" class="reviews section" data-reviews> <span data-background-color="#dbd7d4" data-snap-logo-color="false"></span> <div class="reviews__inner container os-animation" data-os-animation="fadeInUpMedium" data-os-animation-delay="0.4s"> <h2 class="reviews__title">Focused on Your Success</h2> <p class="reviews__desc"></p> <img class="reviews__image" src="/wp-content/themes/connexity/public/img/customer_icons.svg" alt=""> <div class="reviews__slider swiper-container" data-reviews-slider> <div class="reviews__sliderWrapper swiper-wrapper"> <div class="reviews__sliderItem swiper-slide"> <div class="reviews__sliderReview"> <p><img loading="lazy" decoding="async" class="aligncenter wp-image-2489" src="https://www.connexity.com/wp-content/uploads/2021/09/Logo_Lenovo.png" alt="" width="284" height="60" /></p> <p style="color: #002855;">“Connexity has delivered incremental sales revenue and new customers outside of traditional paid search. Their access to premium supply channels and proprietary Smart Pricing technology has ensured our ad spend is consistently aligned with our profitability goals. Our sales revenue has grown 20-25% annually and their free managed service has been clutch. It’s removed the burden of daily campaign oversight and allowed us to take a more strategic and collaborative approach.”</p> </div> <div class="reviews__sliderAuthor"> Madeleine Backfield <br /> Media Activation Manager, Lenovo US </div> </div> <div class="reviews__sliderItem swiper-slide"> <div class="reviews__sliderReview"> <p><img loading="lazy" decoding="async" class="aligncenter wp-image-2490" src="https://www.connexity.com/wp-content/uploads/2021/09/Logo_eBay.svg.png" alt="" width="200" height="80" srcset="/wp-content/uploads/2021/09/Logo_eBay.svg.png 2560w, /wp-content/uploads/2021/09/Logo_eBay.svg-1000x400.png 1000w, /wp-content/uploads/2021/09/Logo_eBay.svg-500x200.png 500w" sizes="(max-width: 200px) 100vw, 200px" /></p> <p style="color: #002855;">“We look at the ROI on incremental spend and the fact that Connexity’s is strong puts you in a very strong position when planning spend with partners. For the UK, Connexity is at the top end of efficiency ratings within the space, which is very positive.”</p> </div> <div class="reviews__sliderAuthor"> Richard Lane <br /> Partnerships Lead, eBay </div> </div> <div class="reviews__sliderItem swiper-slide"> <div class="reviews__sliderReview"> <p><img loading="lazy" decoding="async" class="aligncenter wp-image-2491" src="https://www.connexity.com/wp-content/uploads/2021/09/Logo_Tinuiti.png" alt="" width="276" height="100" /></p> <p style="color: #002855;">“Our Connexity partnership helps Tinuiti over-deliver for retail clients. The additional reach of Connexity’s exclusive channels outperforms standard Google and Bing ads on the KPIs we care about. We look forward to continuing to deliver this type of performance for our clients and will be recommending more retailers advertise through Connexity.”</p> </div> <div class="reviews__sliderAuthor"> Courtney O’Donnell <br /> Director of Shopping & Feed, Tinuiti </div> </div> <div class="reviews__sliderItem swiper-slide"> <div class="reviews__sliderReview"> <p><img loading="lazy" decoding="async" class="aligncenter wp-image-2492" src="https://www.connexity.com/wp-content/uploads/2021/09/Logo_AdamEve.svg.png" alt="" width="286" height="100" srcset="/wp-content/uploads/2021/09/Logo_AdamEve.svg.png 1280w, /wp-content/uploads/2021/09/Logo_AdamEve.svg-1000x350.png 1000w, /wp-content/uploads/2021/09/Logo_AdamEve.svg-500x175.png 500w" sizes="(max-width: 286px) 100vw, 286px" /></p> <p style="color: #002855;">“Connexity grew our sales revenue 224% YoY aligned with our cost-of-sale objectives. The best part is, they accomplished this without increasing our workload. We placed our trust in their complimentary managed service offering and the results speak for themselves. We are thrilled with our partnership and look forward to continuing similar growth trends in the years to come.“</p> </div> <div class="reviews__sliderAuthor"> Regan Bigelow <br /> Search Engine Mktg Mgr., Adam & Eve </div> </div> <div class="reviews__sliderItem swiper-slide"> <div class="reviews__sliderReview"> <p><img loading="lazy" decoding="async" class="aligncenter wp-image-2494" src="https://www.connexity.com/wp-content/uploads/2021/09/Logo_CoopersOfStortford.png" alt="" width="241" height="100" /></p> <p style="color: #002855;">“Whatever the economy chooses to do, with Connexity the results are consistent and reliable. Unlike other digital channels, it is not overtly volatile and because of that we get a consistently good ROAS and new-to-file ratio.”</p> </div> <div class="reviews__sliderAuthor"> Kevin Babbage <br /> Head of Digital, Coopers of Stortford </div> </div> <div class="reviews__sliderItem swiper-slide"> <div class="reviews__sliderReview"> <p><img loading="lazy" decoding="async" class="wp-image-2493 aligncenter" src="https://www.connexity.com/wp-content/uploads/2021/09/Logo_Ariat.png" alt="" width="319" height="80" srcset="/wp-content/uploads/2021/09/Logo_Ariat.png 1000w, /wp-content/uploads/2021/09/Logo_Ariat-500x126.png 500w" sizes="(max-width: 319px) 100vw, 319px" /></p> <p style="color: #002855;">“Connexity is an amazing source of new customers and incremental sales. Been working with them for 10+ years and Connexity has always been a part of our ecommerce channel mix. They have always been proactive in working with us to achieve and exceed revenue and ROAS goals. The CSE PLA program provides additional exposure on Google and Bing and has proven to be complementary (not competitive) with our direct PLA campaigns.”</p> </div> <div class="reviews__sliderAuthor"> Mac Simagrai <br /> Director of Digital Acquisition, Ariat International </div> </div> </div> </div> <div class="reviews__pagination swiper-pagination" data-reviews-pagination></div> </div> </div> <footer class="footer section fp-auto-height"> <div class="footer__main"> <div class="footer__mainInner"> <div class="footer__item footer__item--text"> <h4 class="footer__itemTitle">CONNEXITY</h4> <div class="footer__itemText"><p>2120 Colorado Ave.<br /> Ste. 400<br /> Santa Monica, CA 90404<br /> (310) 571-1235</p> </div> </div> <div class="footer__item footer__item--menu"> <div class="footer__itemMenu"> <ul> <li class="footer__itemMenu__item"> <a href="https://www.connexity.com/login/" target="_self" class="footer__itemMenu__link"> Login </a> </li> <li class="footer__itemMenu__item"> <a href="https://www.connexity.com/contact/" target="_self" class="footer__itemMenu__link"> Contact Us </a> </li> <li class="footer__itemMenu__item"> <a href="https://www.connexity.com/careers/" target="_self" class="footer__itemMenu__link"> Careers </a> </li> </ul> </div> <div class="footer__itemSocials"> <a href="https://twitter.com/Connexity" target="_blank" class="footer__itemSocials__item"> <img src="/wp-content/uploads/2019/10/twitter-orange.svg" alt=""> </a> <a href="https://www.linkedin.com/company/connexity/" target="_blank" class="footer__itemSocials__item"> <img src="/wp-content/uploads/2019/10/in-orange.svg" alt=""> </a> <a href="https://www.facebook.com/ConnexityInc" target="_blank" class="footer__itemSocials__item"> <img src="/wp-content/uploads/2019/10/facebook-orange.svg" alt=""> </a> <a href="https://www.instagram.com/connexitylife/" target="_blank" class="footer__itemSocials__item"> <img src="/wp-content/uploads/2020/01/insta2.svg" alt=""> </a> </div> </div> </div> </div> <div class="footer__bottomMenu"> <a href="https://www.connexity.com/privacy-policy/" target="_self" class="footer__bottomMenu__item"> Privacy Policy <span>/</span> </a> <a href="https://www.connexity.com/cookie-policy/" target="_self" class="footer__bottomMenu__item"> Cookie policy <span>/</span> </a> <a href="https://www.connexity.com/usstateprivacynotice/" target="_self" class="footer__bottomMenu__item"> U.S. State Privacy Notice <span>/</span> </a> <a href="https://www.connexity.com/opt-out/" target="_self" class="footer__bottomMenu__item"> Ad Opt-Out <span>/</span> </a> <a href="https://www.connexity.com/opt-out/" target="_self" class="footer__bottomMenu__item"> DO NOT SELL OR SHARE MY PERSONAL INFORMATION <span>/</span> </a> <a href="https://www.connexity.com/accessibility/" target="_self" class="footer__bottomMenu__item"> ACCESSIBILITY <span>/</span> </a> <a href="https://www.taboola.com/" target="_self" class="footer__bottomMenu__item"> Connexity is a Taboola company <span>/</span> </a> </div> </footer>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W7P4NDR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>  <script> window._qevents = window._qevents || []; (function() { var elem = document.createElement('script'); elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName('script')[0]; scpt.parentNode.insertBefore(elem, scpt); })(); window._qevents.push({ qacct:"p-nAjcWP98EpUDz" }); </script> <noscript> <div style="display:none;"> <img src="//pixel.quantserve.com/pixel/p-nAjcWP98EpUDz.gif" border="0" height="1" width="1" alt="Quantcast"/> </div> </noscript>   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5JKMDBN" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=915551385188750&ev=PageView&noscript=1"/> </noscript>   <script> var _qevents = _qevents || []; (function() { var elem = document.createElement('script'); elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName('script')[0]; scpt.parentNode.insertBefore(elem, scpt); })(); _qevents.push({ qacct:"p-nAjcWP98EpUDz", source:"wp" }); </script> <noscript> <div style="display:none;"> <img src="//pixel.quantserve.com/pixel/p-nAjcWP98EpUDz.gif" border="0" height="1" width="1" alt="Quantcast"/> </div> </noscript>  <link rel='stylesheet' id='whp2443tw-bs4.css-css' href='/wp-content/plugins/wp-security-hardening/modules/inc/assets/css/tw-bs4.css' type='text/css' media='all' /> <link rel='stylesheet' id='whp3325font-awesome.min.css-css' href='/wp-content/plugins/wp-security-hardening/modules/inc/fa/css/font-awesome.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='whp4328front.css-css' href='/wp-content/plugins/wp-security-hardening/modules/css/front.css' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='/wp-content/plugins/contact-form-7/includes/css/styles.css' type='text/css' media='all' /> <script src="/wp-content/plugins/contact-form-7/includes/swv/js/index.js" id="swv-js"></script> <script id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/www.connexity.com\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script src="/wp-content/plugins/contact-form-7/includes/js/index.js" id="contact-form-7-js"></script> <script src="/wp-content/themes/connexity/public/build/js/scripts.js" id="bce222fee8c622a3d77f0f304f6ad3e6-js"></script> </body> </html> </main>

CINXE.COM

Home - Connexity