CINXE.COM

<!doctype html>   <html class="no-js no-svg" lang="en-US">  <head> <meta charset="UTF-8" /> <meta name="description" content="Website Design & Development Agency"> <link rel="stylesheet" href="https://www.oomphinc.com/wp-content/themes/oomphinc/style.css" type="text/css" media="screen" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script type="text/javascript"> /* <![CDATA[ */ var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); /* ]]> */ </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="author" href="https://www.oomphinc.com/wp-content/themes/oomphinc/humans.txt" /> <link rel="pingback" href="https://www.oomphinc.com/xmlrpc.php" /> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/aac35a6c310d00c730dc800e/script.js"></script>  <title>Web + Software Engineering | Oomph, Inc</title> <link rel="canonical" href="https://www.oomphinc.com/our-services/digital-engineering/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Web + Software Engineering | Oomph, Inc" /> <meta property="og:description" content="Is Your Technology Helping or Hurting? Oomph takes the stress out of common website headaches: narrowing down service options, selecting the right site architecture, and keeping current with the latest tools as your business needs and technology trends evolve. Make sense of what you have Understand your technology and if it’s really working for your […]" /> <meta property="og:url" content="https://www.oomphinc.com/our-services/digital-engineering/" /> <meta property="og:site_name" content="Oomph, Inc" /> <meta property="article:modified_time" content="2025-02-06T17:52:48+00:00" /> <meta property="og:image" content="https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="4 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.oomphinc.com/our-services/digital-engineering/","url":"https://www.oomphinc.com/our-services/digital-engineering/","name":"Web + Software Engineering | Oomph, Inc","isPartOf":{"@id":"https://www.oomphinc.com/#website"},"primaryImageOfPage":{"@id":"https://www.oomphinc.com/our-services/digital-engineering/#primaryimage"},"image":{"@id":"https://www.oomphinc.com/our-services/digital-engineering/#primaryimage"},"thumbnailUrl":"https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color.jpg","datePublished":"2023-09-06T09:57:52+00:00","dateModified":"2025-02-06T17:52:48+00:00","breadcrumb":{"@id":"https://www.oomphinc.com/our-services/digital-engineering/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.oomphinc.com/our-services/digital-engineering/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.oomphinc.com/our-services/digital-engineering/#primaryimage","url":"https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color.jpg","contentUrl":"https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color.jpg","width":2400,"height":1600},{"@type":"BreadcrumbList","@id":"https://www.oomphinc.com/our-services/digital-engineering/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.oomphinc.com/"},{"@type":"ListItem","position":2,"name":"What we Do","item":"https://www.oomphinc.com/our-services/"},{"@type":"ListItem","position":3,"name":"Web + Software Engineering"}]},{"@type":"WebSite","@id":"https://www.oomphinc.com/#website","url":"https://www.oomphinc.com/","name":"Oomph, Inc","description":"Website Design & Development Agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.oomphinc.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}</script>  <link rel='dns-prefetch' href='//www.oomphinc.com' /> <link rel='dns-prefetch' href='//js.hs-scripts.com' /> <link rel='dns-prefetch' href='//kit.fontawesome.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.oomphinc.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.1"}}; /*! 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,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}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> <link rel='stylesheet' id='app-css' href='https://www.oomphinc.com/wp-content/themes/oomphinc/public/css/app.css' type='text/css' media='all' /> <link rel='stylesheet' id='template-index-css' href='https://www.oomphinc.com/wp-content/themes/oomphinc/public/css/templates/index.css' type='text/css' media='all' /> <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> <link rel="preload" href="https://www.oomphinc.com/wp-includes/css/dist/block-library/style.min.css?ver=6.4.1" as="style" id="wp-block-library" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='wp-block-library-css' href='https://www.oomphinc.com/wp-includes/css/dist/block-library/style.min.css?ver=6.4.1' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='my_block-cgb-style-css-css' href='https://www.oomphinc.com/wp-content/mu-plugins/oomphinc-blocks/dist/blocks.style.build.css' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: var(--sk-color-black );--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: var( --sk-color-white );--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--color--core-lightest-grey: var( --sk-color-lightest-grey );--wp--preset--color--core-light-grey: var( --sk-color-light-grey );--wp--preset--color--core-medium-grey: var( --sk-color-medium-grey );--wp--preset--color--core-dark-grey: var( --sk-color-dark-grey );--wp--preset--color--core-default-text: var( --sk-color-default-text );--wp--preset--color--core-teal-light: var( --sk-color-teal-light);--wp--preset--color--core-teal-tint: var( --sk-color-teal-tint );--wp--preset--color--code-background: var( --sk-color-code-background );--wp--preset--color--code-text: var( --sk-color-code-text );--wp--preset--color--core-teal: var( --sk-color-teal );--wp--preset--color--core-dark-tint: var( --sk-color-dark-teal );--wp--preset--color--core-primary: var( --sk-color-dark-blue );--wp--preset--color--core-teal-dark-light: var( --sk-color-teal-for-dark );--wp--preset--color--core-teal-dark: var( --sk-color-teal-dark );--wp--preset--color--core-lemon: var( --sk-color-lemon );--wp--preset--color--core-orange: var( --sk-color-orange );--wp--preset--color--core-tomato: var( --sk-color-tomato );--wp--preset--color--core-terciary: var( --sk-color-terciary );--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--font-size--sk-text-2-xs-caps: var( --sk-text--2xs-caps );--wp--preset--font-size--sk-text-2-xs: var( --sk-text--2xs );--wp--preset--font-size--sk-text-xs: var( --sk-text--xs );--wp--preset--font-size--text-normal: var( --sk-text-base-size );--wp--preset--font-size--sk-text-h-6: var( --sk-text--h6 );--wp--preset--font-size--sk-text-h-5: var( --sk-text--h5 );--wp--preset--font-size--sk-text-h-4: var( --sk-text--h4 );--wp--preset--font-size--sk-text-h-3: var( --sk-text--h3 );--wp--preset--font-size--sk-text-h-2: var( --sk-text--h2 );--wp--preset--font-size--sk-text-h-1: var( --sk-text--h1 );--wp--preset--font-size--sk-text-xl: var( --sk-text--xl );--wp--preset--font-size--sk-text-xxl: var( --sk-text--xxl );--wp--preset--font-family--poppins: poppins, sans-serif;--wp--preset--font-family--matrix-ii: matrix-ii, sans-serif;--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--spacing--base: var( --sk-spacing-base );--wp--preset--spacing--lg: var( --sk-spacing-lg );--wp--preset--spacing--xl: var( --sk-spacing-xl );--wp--preset--spacing--xxl: var( --sk-spacing-xxl );--wp--preset--spacing--xxxl: var( --sk-spacing-xxxl );--wp--preset--spacing--xxxxl: var( --sk-spacing-xxxxl );--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);}body { margin: 0;--wp--style--global--content-size: 1600px;--wp--style--global--wide-size: 1800px; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 24px; }:where(body .is-layout-flow) > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow) > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:where(body .is-layout-constrained) > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained) > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 24px;}:where(body .is-layout-grid) {gap: 24px;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}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;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}.wp-element-button, .wp-block-button__link{background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.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-core-lightest-grey-color{color: var(--wp--preset--color--core-lightest-grey) !important;}.has-core-light-grey-color{color: var(--wp--preset--color--core-light-grey) !important;}.has-core-medium-grey-color{color: var(--wp--preset--color--core-medium-grey) !important;}.has-core-dark-grey-color{color: var(--wp--preset--color--core-dark-grey) !important;}.has-core-default-text-color{color: var(--wp--preset--color--core-default-text) !important;}.has-core-teal-light-color{color: var(--wp--preset--color--core-teal-light) !important;}.has-core-teal-tint-color{color: var(--wp--preset--color--core-teal-tint) !important;}.has-code-background-color{color: var(--wp--preset--color--code-background) !important;}.has-code-text-color{color: var(--wp--preset--color--code-text) !important;}.has-core-teal-color{color: var(--wp--preset--color--core-teal) !important;}.has-core-dark-tint-color{color: var(--wp--preset--color--core-dark-tint) !important;}.has-core-primary-color{color: var(--wp--preset--color--core-primary) !important;}.has-core-teal-dark-light-color{color: var(--wp--preset--color--core-teal-dark-light) !important;}.has-core-teal-dark-color{color: var(--wp--preset--color--core-teal-dark) !important;}.has-core-lemon-color{color: var(--wp--preset--color--core-lemon) !important;}.has-core-orange-color{color: var(--wp--preset--color--core-orange) !important;}.has-core-tomato-color{color: var(--wp--preset--color--core-tomato) !important;}.has-core-terciary-color{color: var(--wp--preset--color--core-terciary) !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-core-lightest-grey-background-color{background-color: var(--wp--preset--color--core-lightest-grey) !important;}.has-core-light-grey-background-color{background-color: var(--wp--preset--color--core-light-grey) !important;}.has-core-medium-grey-background-color{background-color: var(--wp--preset--color--core-medium-grey) !important;}.has-core-dark-grey-background-color{background-color: var(--wp--preset--color--core-dark-grey) !important;}.has-core-default-text-background-color{background-color: var(--wp--preset--color--core-default-text) !important;}.has-core-teal-light-background-color{background-color: var(--wp--preset--color--core-teal-light) !important;}.has-core-teal-tint-background-color{background-color: var(--wp--preset--color--core-teal-tint) !important;}.has-code-background-background-color{background-color: var(--wp--preset--color--code-background) !important;}.has-code-text-background-color{background-color: var(--wp--preset--color--code-text) !important;}.has-core-teal-background-color{background-color: var(--wp--preset--color--core-teal) !important;}.has-core-dark-tint-background-color{background-color: var(--wp--preset--color--core-dark-tint) !important;}.has-core-primary-background-color{background-color: var(--wp--preset--color--core-primary) !important;}.has-core-teal-dark-light-background-color{background-color: var(--wp--preset--color--core-teal-dark-light) !important;}.has-core-teal-dark-background-color{background-color: var(--wp--preset--color--core-teal-dark) !important;}.has-core-lemon-background-color{background-color: var(--wp--preset--color--core-lemon) !important;}.has-core-orange-background-color{background-color: var(--wp--preset--color--core-orange) !important;}.has-core-tomato-background-color{background-color: var(--wp--preset--color--core-tomato) !important;}.has-core-terciary-background-color{background-color: var(--wp--preset--color--core-terciary) !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-core-lightest-grey-border-color{border-color: var(--wp--preset--color--core-lightest-grey) !important;}.has-core-light-grey-border-color{border-color: var(--wp--preset--color--core-light-grey) !important;}.has-core-medium-grey-border-color{border-color: var(--wp--preset--color--core-medium-grey) !important;}.has-core-dark-grey-border-color{border-color: var(--wp--preset--color--core-dark-grey) !important;}.has-core-default-text-border-color{border-color: var(--wp--preset--color--core-default-text) !important;}.has-core-teal-light-border-color{border-color: var(--wp--preset--color--core-teal-light) !important;}.has-core-teal-tint-border-color{border-color: var(--wp--preset--color--core-teal-tint) !important;}.has-code-background-border-color{border-color: var(--wp--preset--color--code-background) !important;}.has-code-text-border-color{border-color: var(--wp--preset--color--code-text) !important;}.has-core-teal-border-color{border-color: var(--wp--preset--color--core-teal) !important;}.has-core-dark-tint-border-color{border-color: var(--wp--preset--color--core-dark-tint) !important;}.has-core-primary-border-color{border-color: var(--wp--preset--color--core-primary) !important;}.has-core-teal-dark-light-border-color{border-color: var(--wp--preset--color--core-teal-dark-light) !important;}.has-core-teal-dark-border-color{border-color: var(--wp--preset--color--core-teal-dark) !important;}.has-core-lemon-border-color{border-color: var(--wp--preset--color--core-lemon) !important;}.has-core-orange-border-color{border-color: var(--wp--preset--color--core-orange) !important;}.has-core-tomato-border-color{border-color: var(--wp--preset--color--core-tomato) !important;}.has-core-terciary-border-color{border-color: var(--wp--preset--color--core-terciary) !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;}.has-sk-text-2-xs-caps-font-size{font-size: var(--wp--preset--font-size--sk-text-2-xs-caps) !important;}.has-sk-text-2-xs-font-size{font-size: var(--wp--preset--font-size--sk-text-2-xs) !important;}.has-sk-text-xs-font-size{font-size: var(--wp--preset--font-size--sk-text-xs) !important;}.has-text-normal-font-size{font-size: var(--wp--preset--font-size--text-normal) !important;}.has-sk-text-h-6-font-size{font-size: var(--wp--preset--font-size--sk-text-h-6) !important;}.has-sk-text-h-5-font-size{font-size: var(--wp--preset--font-size--sk-text-h-5) !important;}.has-sk-text-h-4-font-size{font-size: var(--wp--preset--font-size--sk-text-h-4) !important;}.has-sk-text-h-3-font-size{font-size: var(--wp--preset--font-size--sk-text-h-3) !important;}.has-sk-text-h-2-font-size{font-size: var(--wp--preset--font-size--sk-text-h-2) !important;}.has-sk-text-h-1-font-size{font-size: var(--wp--preset--font-size--sk-text-h-1) !important;}.has-sk-text-xl-font-size{font-size: var(--wp--preset--font-size--sk-text-xl) !important;}.has-sk-text-xxl-font-size{font-size: var(--wp--preset--font-size--sk-text-xxl) !important;}.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;}.has-matrix-ii-font-family{font-family: var(--wp--preset--font-family--matrix-ii) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wppopups-base-css' href='https://www.oomphinc.com/wp-content/plugins/wp-popups-lite/src/assets/css/wppopups-base.css?ver=2.2.0.2' type='text/css' media='all' /> <style id='critical-inline-css' type='text/css'> @import url(https://use.typekit.net/brc4xco.css); .nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:rgba(0,0,0,0) !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:rgba(0,0,0,0);color:#999;cursor:default}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px} @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @charset "UTF-8"; /* stylelint-disable */ /* stylelint-disable max-line-length */ :root { --breakpoint-xxxl: 3200px; --breakpoint-xxl: 1920px; --breakpoint-xl: 1440px; --breakpoint-lg: 1280px; --breakpoint-lg-m: 1152px; --breakpoint-md: 1024px; --breakpoint-md-s: 992px; --breakpoint-smd: 834px; --breakpoint-sm: 768px; --breakpoint-sm-min: 769px; --breakpoint-sm-minxs: 744px; --breakpoint-xs: 512px; --breakpoint-xxs: 390px; --breakpoint-zero: 0; } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */ /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ .header { position: fixed; width: 100%; top: 0; left: 0; z-index: 21; transform: translateY(0); transition: transform 0.25s ease-in-out; background-color: var(--sk-color-white); } .header ul li { list-style: none; } .header ul li::before { display: none; } .header .navbar-toggler { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--sk-color-white); padding: 8px 24px; width: 124px; height: 40px; border: 2px solid var(--sk-color-teal-for-dark); position: relative; transition: all 0.3s ease; color: var(--sk-color-black); } .header .navbar-toggler::before { content: ""; display: inline-block; width: 18px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'><path d='M0 0.25H14V1.75H0V0.25ZM4 6.25H18V7.75H4V6.25ZM16 12.25V13.75H2V12.25H16Z' fill='%23212426'/></svg>"); position: absolute; top: 50%; transform: translateY(-50%); left: 24px; transition: all 0.3s ease; } .header .navbar-toggler::after { content: "More"; position: absolute; right: 24px; top: 6px; font-weight: 600; } .header .navbar-toggler:hover { background-color: var(--sk-color-teal-for-dark); } .header .navbar-toggler:hover::before { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'><path d='M0 0.25H14V1.75H0V0.25ZM0 6.25H14V7.75H0V6.25ZM14 12.25V13.75H0V12.25H14Z' fill='%23212426'/></svg>"); } .header__wrapper { display: flex; justify-content: space-between; align-items: center; padding: 12px var(--sk-spacing-sm); margin: 0 auto; max-width: 1860px; } @media (min-width: 1024px) { .header__wrapper { padding: 0 var(--sk-spacing-base); } } .header__left { width: 96px; height: 32px; } @media (min-width: 768px) { .header__left { width: 108px; height: 36px; } } @media (min-width: 1280px) { .header__left { width: 120px; height: 40px; } } .header__left img { -o-object-fit: contain; object-fit: contain; } @media (min-width: 1280px) { .header__left { width: 120px; height: 40px; } } .header__left a { display: inline-block; width: 100%; height: 100%; } .header__left a img { width: 100%; height: 100%; } .header__right { display: flex; align-items: center; } .header__right--toggler { margin-left: 20px; position: relative; } @media (min-width: 1024px) { .header__right--toggler { display: none; } } .header__nav-main { display: none; } @media (min-width: 1024px) { .header__nav-main { display: block; } } .header__nav-main .nav-main > ul { display: flex; align-items: center; list-style: none; margin-bottom: 0; } .header__mobile-menu { position: fixed; top: 0; left: 0; background: var(--sk-color-white); width: 100%; height: 100vh; transform: translateX(100%); transition: all 0.3s linear; padding: 20px 32px; } .header__mobile-menu .nav-mobile { padding-bottom: 60px; } .header .open-mobile-menu { display: block; transform: translateX(0); transition: all 0.3s linear; overflow: auto; z-index: 30; } .header .open-mobile-menu .navbar-toggler.close-menu::after { content: "Close"; } .header .open-mobile-menu .navbar-toggler.close-menu::before { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'><path d='M1 0.25L14 12.25L13 13.75L0 1.75L1 0.25ZM13 0.25L14 1.75L1 13.75L0 12.25L13 0.25Z' fill='%23212426'/></svg>"); } .header__mobile-content { display: none; } .header .open { display: block; } .header__mobile-btns { margin-bottom: 48px; display: flex; justify-content: space-between; align-items: center; } .header__mobile-btns a { font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text-base-size); border-radius: 2px; border: 2px solid var(--sk-color-third); background-color: var(--sk-color-third); color: var(--sk-color-white); padding: 0.5rem 1.5rem; transition: 0.2s; transition-timing-function: ease-in-out; padding: 0.5rem 1.5rem; text-decoration: none; } .header__mobile-btns a a, .header__mobile-btns a .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .header__mobile-btns a:hover, .header__mobile-btns a:focus-visible { background-color: var(--sk-color-white) !important; color: var(--sk-color-third) !important; } .header__mobile-btns a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .header__mobile-top { margin-bottom: 30px; } body.logged-in.admin-bar .header { top: 46px; } @media (min-width: 768px) { body.logged-in.admin-bar .header { top: 46px; } } @media (min-width: 992px) { body.logged-in.admin-bar .header { top: 32px; } } .header.scrolled-down { transform: translateY(-100%); } .body-hidden { overflow: hidden; } /* stylelint-disable max-line-length */ .nav-main > ul { display: flex; align-items: center; } .nav-main > ul > li.menu-item-has-children { padding-right: 48px; position: relative; } .nav-main > ul > li.menu-item-has-children::after { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M17 11.5L12 16L7 11.5V10H17V11.5Z' fill='%23212426'/></svg>"); position: absolute; top: 50%; transform: translateY(-50%); right: 16px; transition: all 0.3s ease; cursor: pointer; } .nav-main > ul > li.menu-item-has-children:hover::after { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M7 14.5L12 10L17 14.5V16L7 16V14.5Z' fill='%23D62901'/></svg>"); } .nav-main > ul > li { position: relative; padding: 28px 16px; } .nav-main > ul > li:hover a { opacity: 0.75; } .nav-main > ul > li ul { display: none; position: absolute; top: 0; right: 0; margin-top: 84px; width: auto; padding: 16px 0; z-index: 25; background-color: var(--sk-color-white); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .nav-main > ul > li ul li:last-child { margin: 0; } .nav-main > ul > li ul li { margin: 0; position: relative; padding: 0; } .nav-main > ul > li ul li a { color: var(--sk-color-default-text); text-decoration: none; font-weight: 400; white-space: nowrap; display: block; padding: 8px 24px; opacity: 1 !important; } .nav-main > ul > li ul li a:hover { background-color: var(--sk-color-teal-light); } .nav-main > ul > li ul li.active.current_page_item a { background-color: var(--sk-color-teal-light); } .nav-main > ul > li:not(:last-child)::before { content: ""; display: block !important; position: absolute; width: calc(100% - 32px); height: 2px; background-color: var(--sk-color-terciary); bottom: 0; left: 50%; transform: translateX(-50%); z-index: 30; opacity: 0; transition: all 0.3s ease; } .nav-main > ul > li:not(:last-child):hover::before { opacity: 1; } .nav-main > ul > li:not(:last-child) > a { position: relative; z-index: 30; color: var(--sk-color-black); font-weight: 600; text-decoration: none; line-height: 24px; } .nav-main > ul > li:not(:last-child) button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; margin: 0; background: transparent; color: var(--sk-color-black); font-weight: 600; text-decoration: none; line-height: 24px; cursor: pointer; } .nav-main > ul > li.active:not(:last-child)::before { opacity: 1; } .nav-main > ul > li:last-child { padding: 0; } .nav-main > ul > li:last-child a { font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text-base-size); border-radius: 2px; border: 2px solid var(--sk-color-third); background-color: var(--sk-color-third); color: var(--sk-color-white); padding: 0.5rem 1.5rem; transition: 0.2s; transition-timing-function: ease-in-out; padding: 0.5rem 1.5rem; margin-left: 16px; opacity: 1 !important; text-decoration: none; } .nav-main > ul > li:last-child a a, .nav-main > ul > li:last-child a .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .nav-main > ul > li:last-child a:hover, .nav-main > ul > li:last-child a:focus-visible { background-color: var(--sk-color-white) !important; color: var(--sk-color-third) !important; } .nav-main > ul > li:last-child a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .nav-main > ul a:focus-visible, .nav-main > ul button:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .nav-mobile > ul { padding: 0; margin: 0; } .nav-mobile > ul > li:last-child { display: none; } .nav-mobile li.active.current_page_item a { color: var(--sk-color-teal-for-dark); } .nav-mobile > ul > li { padding: 0; margin-bottom: 24px; } .nav-mobile > ul > li a, .nav-mobile > ul > li span { font-size: 21px; color: var(--sk-color-default-text); text-decoration: none; line-height: 26.25px; letter-spacing: 0.21px; } .nav-mobile > ul > li ul { padding: 10px 0 0 15px; } .nav-mobile > ul > li ul li { margin: 0 0 5px 0; padding: 0; } .nav-mobile > ul > li ul li a { font-size: 16px; font-weight: 400; color: var(--sk-color-dark-grey); line-height: 24px; letter-spacing: 0.16px; } .nav-mobile > ul > li ul li:last-child { margin-bottom: 0; } .gform_wrapper { position: relative; } .gform_wrapper .gform_title { font-size: clamp(22px, 20.1428571429px + 0.0047619048 * 100vw, 27px); color: var(--sk-color-white); margin-bottom: var(--sk-spacing-sm); letter-spacing: 1px; } .gform_wrapper .gform_description { font-size: 15px; margin-bottom: var(--sk-spacing-base); font-weight: 400; } .gform_wrapper .gfield { position: relative; } .gform_wrapper .gform_ajax_spinner { display: none; } .gform_wrapper textarea { resize: none; } .gform_wrapper input:not([type=submit]), .gform_wrapper textarea { font-family: var(--font-primary); box-shadow: none; padding: 14px 16px; border-radius: 0; width: 100% !important; font-weight: 400; line-height: 22.5px; letter-spacing: 0.3px; outline: none; } .gform_wrapper input:not([type=submit]):focus, .gform_wrapper textarea:focus { outline: 1px solid currentColor; } .gform_wrapper .gfield_error [aria-invalid=true] { border: 1px solid var(--sk-color-tomato) !important; } .gform_wrapper .gform_validation_errors { display: none; } .gform_wrapper .validation_message { margin: 0; padding: 0 !important; border: none !important; background-color: transparent !important; font-size: 12px !important; color: var(--sk-color-tomato) !important; } .gform_wrapper .gform_required_legend { display: none; } .gform_wrapper .gfield_required { font-size: inherit !important; } .gform_wrapper .gfield--type-Rangeslider div.scale-slider { margin: 25px 10px !important; } .gform_wrapper .gfield--type-Rangeslider div.scale-slider .ui-slider-label, .gform_wrapper .gfield--type-Rangeslider div.scale-slider .ui-slider-line { display: none !important; } .gform_wrapper .gfield--type-Rangeslider div.scale-slider div.ui-slider-range { background: var(--sk-color-blue) !important; } .gform_wrapper .gfield--type-Rangeslider div.scale-slider span.ui-slider-handle.ui-state-focus, .gform_wrapper .gfield--type-Rangeslider div.scale-slider span.ui-slider-handle.ui-state-active, .gform_wrapper .gfield--type-Rangeslider div.scale-slider span.ui-slider-handle.ui-state-hover { background-color: var(--sk-color-dark-grey); border: 1px solid var(--sk-color-dark-grey); } .gform_wrapper .gfield--type-Rangeslider div.scale-slider span.ui-slider-handle span.ui-slider-tip { width: auto !important; } .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { visibility: hidden !important; } .gform_wrapper .gfield_checkbox > div { display: flex; align-items: center; gap: 20px; width: 100%; } .gform_wrapper .gfield_checkbox input { max-width: unset; width: 30px !important; height: 30px !important; text-align: left; } .gform_wrapper form.sign-up input[type=submit] { visibility: hidden; opacity: 0; height: 0; padding: 0 !important; margin: 0; min-height: 0; } .gform_wrapper form.sign-up .gform_footer { padding: 0 !important; margin: 0 !important; } .gform_wrapper form.sign-up input[type=email] { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='19' viewBox='0 0 24 19' fill='none'><path d='M1.5 5L12 12.2188L22.5 5V2H1.5V5ZM22.5 6.78125L12 14L1.5 6.78125V17H22.5V6.78125ZM0 0.5H24V18.5H0V0.5Z' fill='%230AC9C2'/></svg>"); background-repeat: no-repeat; background-position: 95% 14px; padding: 14px 50px 14px 16px !important; } .gform_wrapper form.sign-up input:not([type=submit]) { max-height: 51px; } .gform_wrapper form.sign-up input:not([type=submit]), .gform_wrapper form.sign-up textarea { color: var(--sk-color-light-blue); background-color: transparent; border: 1px solid var(--sk-color-medium-grey); font-size: 15px; } .gform_wrapper form.sign-up input:not([type=submit])::-moz-placeholder, .gform_wrapper form.sign-up textarea::-moz-placeholder { font-family: var(--font-primary); font-weight: 400; font-size: 15px; line-height: 22.5px; letter-spacing: 0.3px; color: var(--sk-color-light-blue); } .gform_wrapper form.sign-up input:not([type=submit])::placeholder, .gform_wrapper form.sign-up textarea::placeholder { font-family: var(--font-primary); font-weight: 400; font-size: 15px; line-height: 22.5px; letter-spacing: 0.3px; color: var(--sk-color-light-blue); } .gform_wrapper form.contact-form .gform_fields { grid-row-gap: 26px !important; } .gform_wrapper form.contact-form .gform-body { margin-bottom: 25px; } .gform_wrapper form.contact-form .gfield_label { font-family: var(--sk-font-secondary); font-weight: 300 !important; font-size: clamp(18px, 15.0285714286px + 0.0076190476 * 100vw, 26px) !important; margin-bottom: 15px; color: #0d1214; } .gform_wrapper form.contact-form .gform_confirmation_message { font-size: var(--sk-text--h4); font-weight: bold; font-family: var(--sk-font-secondary); } .gform_wrapper form.contact-form input:not([type=submit]), .gform_wrapper form.contact-form textarea { background-color: var(--sk-color-white); color: #0d1214; border: 1px solid rgba(17, 43, 59, 0.3); font-weight: 200; font-size: 21px !important; padding: 1.25rem 1.5rem; } .gform_wrapper form.contact-form input:not([type=submit])::-moz-placeholder, .gform_wrapper form.contact-form textarea::-moz-placeholder { color: rgba(17, 43, 59, 0.3); } .gform_wrapper form.contact-form input:not([type=submit])::placeholder, .gform_wrapper form.contact-form textarea::placeholder { color: rgba(17, 43, 59, 0.3); } .gform_wrapper form.contact-form input[type=submit] { letter-spacing: 0.125em; text-transform: uppercase; font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text--3xs); padding: 0.5rem 1.5rem; border-radius: 24px; border: 2px solid var(--sk-color-teal-for-dark); background-color: transparent; color: var(--sk-color-white); letter-spacing: 0.125em; transition: 0.2s; transition-timing-function: ease-in-out; padding: 1rem 2rem; color: var(--sk-color-dark-black); cursor: pointer; line-height: 100%; font-weight: bold; } .gform_wrapper form.contact-form input[type=submit] a, .gform_wrapper form.contact-form input[type=submit] .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .gform_wrapper form.contact-form input[type=submit]:hover, .gform_wrapper form.contact-form input[type=submit]:focus-visible { border-color: var(--sk-color-white); background-color: var(--sk-color-white) !important; color: var(--sk-color-white) !important; } .gform_wrapper form.contact-form input[type=submit]:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .gform_wrapper form.contact-form input[type=submit]:hover, .gform_wrapper form.contact-form input[type=submit]:focus-visible { background-color: var(--sk-color-teal-for-dark) !important; color: var(--sk-color-dark-blue) !important; border-color: var(--sk-color-teal-for-dark) !important; } .gform_wrapper form.contact-form input[type=submit]:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } @media (min-width: 1280px) { .gform_wrapper form.contact-form input[type=submit] { width: 50%; } } .gform_wrapper form.contact-form .gfield_checkbox label, .gform_wrapper form.contact-form .gform_wrapper.gravity-theme .gfield_radio label { font-size: var(--sk-text--h4); font-family: var(--sk-font-secondary); } .footer { background-color: var(--sk-color-dark-teal); color: var(--sk-color-light-blue); } .footer__container { padding: var(--sk-spacing-base) var(--sk-spacing-sm) var(--sk-spacing-xl); max-width: 1600px; margin: 0 auto; } .footer__container > div + div { margin-top: var(--sk-spacing-lg); } @media (min-width: 744px) { .footer__container { padding: var(--sk-spacing-base) var(--sk-spacing-base) var(--sk-spacing-xl); } } @media (min-width: 1280px) { .footer__container { padding: var(--sk-spacing-lg) var(--sk-spacing-lg) var(--sk-spacing-xl); } .footer__container > div + div { margin-top: var(--sk-spacing-xxl); } } .footer__top { margin-top: var(--sk-spacing-base); margin-bottom: var(--sk-spacing-base); padding-bottom: var(--sk-spacing-base); position: relative; } .footer__top::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--sk-color-dark-black); } @media (min-width: 768px) { .footer__top::after { display: none; } } @media (min-width: 744px) { .footer__top { margin-top: var(--sk-spacing-lg); margin-bottom: var(--sk-spacing-lg); padding-bottom: 50px; } } @media (min-width: 768px) { .footer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; padding-bottom: 20px; } } @media (min-width: 1024px) { .footer__top { margin-top: var(--sk-spacing-lg); margin-bottom: 50px; } } @media (min-width: 1280px) { .footer__top { margin-bottom: var(--sk-spacing-xxxxl); padding-bottom: 0; } } .footer__top a { border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); color: var(--sk-color-white); padding: 16px 32px; font-size: 20px; font-weight: 600; text-decoration: none; transition: 0.2s; transition-timing-function: ease-in-out; display: inline-block; } .footer__top a:focus-visible, .footer__top a:hover { background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-text); } .footer__top h2 { color: var(--sk-color-white); margin-bottom: var(--sk-spacing-base); font-weight: 400; } @media (min-width: 744px) { .footer__top h2 { font-size: 28px; margin-bottom: 0; } } @media (min-width: 768px) { .footer__top h2 { font-size: 34px; max-width: 65%; } } @media (min-width: 992px) { .footer__top h2 { max-width: 100%; } } @media (min-width: 1024px) { .footer__top h2 { font-size: 36px; } } @media (min-width: 1280px) { .footer__top h2 { margin-bottom: 0; font-size: 40px; } } .footer__cta-image { width: 126px; height: 126px; background-repeat: no-repeat; background-size: cover; border-radius: 50%; display: none; } @media (min-width: 768px) { .footer__cta-image { margin-bottom: 0; margin-right: var(--sk-spacing-base); display: block; } } @media (min-width: 1280px) { .footer__cta-image { width: 168px; height: 168px; } } .footer__cta-text { position: relative; /* @include breakpoint-up(md-s) { flex: 0 1 85%; } */ /* @include breakpoint-up(xxl) { flex: 0 1 88%; } */ } @media (min-width: 744px) { .footer__cta-text { display: flex; align-items: center; justify-content: space-between; } } @media (min-width: 768px) { .footer__cta-text { /* flex: 0 1 85%; removed the CTA image, so this can go to full width now */ flex: 0 1 100%; } .footer__cta-text::after { content: ""; position: absolute; bottom: -40px; left: 0; width: 100%; height: 1px; background-color: var(--sk-color-dark-black); } } @media (min-width: 768px) and (min-width: 1024px) { .footer__cta-text::after { bottom: -50px; } } @media (min-width: 768px) and (min-width: 1280px) { .footer__cta-text::after { bottom: -65px; } } @media (min-width: 1280px) { .footer__cta-text { display: flex; justify-content: space-between; align-items: center; } } .footer a:not(.btn), .footer p { font-size: 15px; font-weight: 400; line-height: 22.5px; letter-spacing: 0.3px; color: var(--sk-color-light-blue); } .footer a:not(.btn):hover { text-decoration: underline; } .footer__form { margin-bottom: var(--sk-spacing-xl); } @media (min-width: 744px) { .footer__form { flex: 0 1 32%; margin-right: var(--sk-spacing-base); } } .footer__form > div:first-child { margin-bottom: var(--sk-spacing-base); } @media (min-width: 1280px) { .footer__form > div:first-child { margin-bottom: 24px; } } @media (min-width: 1024px) { .footer__form { margin-right: var(--sk-spacing-xl); margin-bottom: 0; } } .footer__form a:hover { text-decoration: none !important; } @media (min-width: 744px) { .footer__socials { flex: 0 1 68%; margin-top: 10px; } } @media (min-width: 1280px) { .footer__socials { flex: 0 1 55%; } } @media (min-width: 1440px) { .footer__socials { flex: 0 1 49%; } } @media (min-width: 1920px) { .footer__socials { flex: 0 1 42%; } } .footer .footer__socials-title p { font-size: 15px; font-weight: 700; line-height: 22.5px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sk-color-white); margin-bottom: var(--sk-spacing-sm); } .footer__socials-desc { margin-bottom: var(--sk-spacing-base); font-size: 14px; } @media (min-width: 768px) { .footer__socials-desc { font-size: 15px; } } @media (min-width: 744px) { .footer__socials-links { display: flex; } } @media (min-width: 1024px) { .footer__socials-links { display: flex; justify-content: space-between; } } @media (min-width: 1024px) { .footer__socials-links > div { width: 46%; } } .footer__socials-links .footer__socials-media { margin-bottom: var(--sk-spacing-xl); } @media (min-width: 744px) { .footer__socials-links .footer__socials-media { margin-right: var(--sk-spacing-base); flex: 0 1 50%; margin-bottom: 0; } } @media (min-width: 1024px) { .footer__socials-links .footer__socials-media { margin-bottom: 0; } } .footer__socials-link a { display: flex; align-items: center; text-decoration: none; } .footer__socials-link a img { margin-right: 12px; width: 26px; height: 26px; } .footer__socials-link a:not(:last-child) { margin-bottom: var(--sk-spacing-base); } @media (min-width: 744px) { .footer__socials-link a:not(:last-child) { margin-bottom: var(--sk-spacing-sm); } } .footer__socials-media { margin-bottom: var(--sk-spacing-xxl); } @media (min-width: 744px) { .footer__socials-platforms { flex: 0 1 50%; } } .footer__socials-platform { margin-bottom: var(--sk-spacing-base); } .footer__socials-platform a { display: block; max-width: 160px; height: 85px; } .footer__socials-platform a img { width: 100%; height: 100%; } .footer__socials-platform:last-child { margin-bottom: 0; } @media (min-width: 744px) { .footer__center { display: flex; } } @media (min-width: 1024px) { .footer__center { display: flex; justify-content: space-between; } } .footer .footer__bottom p > a { padding: 0; margin: 0; background-image: none; text-decoration: underline !important; } .footer .footer__bottom p > a:hover { text-decoration: none !important; } @media (min-width: 744px) { .footer .footer__bottom p { display: inline-block; } } @media (min-width: 744px) { .footer .footer__bottom p:first-child { margin-right: 20px; position: relative; } .footer .footer__bottom p:first-child::after { content: "|"; position: absolute; top: 0; right: -12px; } } .banner { width: 100%; border: none; margin: 0; padding: 0; overflow: hidden; display: none; z-index: 12; bottom: 0; top: auto; position: fixed; background-color: var(--sk-color-dark-teal); } .banner__container { padding: var(--sk-spacing-sm) var(--sk-spacing-base); max-width: 1600px; margin: 0 auto; } @media (min-width: 1280px) { .banner__container { padding: var(--sk-spacing-sm) var(--sk-spacing-lg); } } @media (min-width: 1920px) { .banner__container { padding: var(--sk-spacing-sm) var(--sk-spacing-lg); } } .banner__wrapper { display: flex; flex-direction: column; align-items: flex-start; position: relative; } @media (min-width: 744px) { .banner__wrapper { flex-direction: row; justify-content: space-between; align-items: center; } } @media (min-width: 744px) { .banner__content { display: flex; align-items: center; } } .banner__close { width: 18px; height: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M14.2812 3.82812L10.1094 8L14.2812 12.2188L15.3594 13.25L13.25 15.4062L12.1719 14.3281L8 10.1562L3.78125 14.3281L2.75 15.4062L0.59375 13.25L1.67188 12.2188L5.84375 8L1.67188 3.82812L0.59375 2.75L2.75 0.640625L3.78125 1.71875L8 5.89062L12.1719 1.71875L13.25 0.640625L15.3594 2.75L14.2812 3.82812Z' fill='white'/></svg>"); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; top: 0; right: 0; } @media (min-width: 744px) { .banner__close { position: relative; } } .banner p { color: var(--sk-color-white); font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: 0.18px; margin-bottom: var(--sk-spacing-sm); width: 85%; } @media (min-width: 744px) { .banner p { flex: 0 1 60%; margin-bottom: 0; margin-right: var(--sk-spacing-base); } } @media (min-width: 992px) { .banner p { flex: 0 1 80%; } } .banner a { font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text-base-size); border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-white); padding: 0.5rem 1.5rem; transition: 0.2s; transition-timing-function: ease-in-out; padding: 0.5rem 1.5rem; text-decoration: none; display: inline-block; color: var(--sk-color-dark-black); white-space: nowrap; } .banner a a, .banner a .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .banner a:hover, .banner a:focus-visible { background-color: var(--sk-color-white) !important; color: var(--sk-color-teal) !important; } .banner a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .section-divider { margin: 0 auto; } @media (min-width: 1280px) { .section-divider { max-width: calc(100% - var(--sk-spacing-xxxl) + var(--sk-spacing-base)); } } .section-divider__rule { margin: 0; background-color: currentColor; height: 0.25rem; } .section-divider__text { padding-top: var(--grid-gutter--fluid); } @media (min-width: 1280px) { .section-divider__text { padding-left: var(--grid-gutter--fluid); } } .nav-links { display: flex; } @media (min-width: 1024px) { .nav-links { gap: var(--sk-spacing-base); } } .nav-links div { flex-grow: 1; } .nav-links a, .nav-links button { display: block; padding: 10px var(--sk-spacing-base); text-decoration: none; text-align: center; text-transform: uppercase; background-color: transparent; border: 1px solid; width: 100%; cursor: pointer; border-color: hsla(var(--sk-color-dark-blue-h), var(--sk-color-dark-blue-s), var(--sk-color-dark-blue-l), 0.3); transition: 0.2s; transition-timing-function: ease-in-out; font-size: var(--sk-text--3xs); letter-spacing: 1.5px; color: currentColor; } .nav-links a:hover, .nav-links button:hover { background-color: hsla(var(--sk-color-dark-blue-h), var(--sk-color-dark-blue-s), var(--sk-color-dark-blue-l), 0.3); } .nav-links_white a, .nav-links_white button { color: var(--sk-color-white); border-color: hsla(0, 0%, 100%, 0.2); } .nav-links_white a:hover, .nav-links_white button:hover { background-color: hsla(0, 0%, 100%, 0.2); border-color: var(--sk-color-dark-black); } .share-link { background-color: transparent; padding: 0; color: inherit; height: 3.125rem; width: 3.125rem; background-image: linear-gradient(180deg, #fff 50%, #112b3b 0); background-position: top; background-size: 100% 200%; border: 2px solid var(--sk-color-teal-for-dark); border-radius: 50%; margin: 0 0.75rem 0.75rem 0; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease; position: relative; z-index: 1; } .share-link svg { width: 2.25rem; height: 2.25rem; transition: transform 0.5s ease 0.25s; } .share-link svg:hover { color: var(--sk-color-teal-light); transform: rotate(1turn); } .share-link:hover { background-position: bottom; border-color: var(--dark-blue); } /* stylelint-disable max-line-length */ .select-filter { width: 100%; } @media (min-width: 768px) { .select-filter { width: auto; flex: 1; } } @media (min-width: 1280px) { .select-filter { min-width: 12.5rem; } } @media (min-width: 1440px) { .select-filter { min-width: 15.625rem; } } .select-filter div.dropdown-filter { cursor: pointer; height: 70px; line-height: 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 10px; background-color: transparent; width: 100%; white-space: normal; font-size: 1rem; padding: 16px 25px; } .select-filter div.dropdown-filter:not(.light) { border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); color: var(--sk-color-white); padding: 16px 32px; font-size: 20px; font-weight: 600; text-decoration: none; transition: 0.2s; transition-timing-function: ease-in-out; } .select-filter div.dropdown-filter:not(.light):focus-visible, .select-filter div.dropdown-filter:not(.light):hover { background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-text); } .select-filter div.dropdown-filter:not(.light)::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M17 11.5L12 16L7 11.5V10H17V11.5Z' fill='%23ffffff'/></svg>"); line-height: 1; order: 2; } .select-filter div.dropdown-filter:not(.light):hover::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M17 11.5L12 16L7 11.5V10H17V11.5Z' fill='%23000000'/></svg>"); } .select-filter div.dropdown-filter:not(.light):focus, .select-filter div.dropdown-filter:not(.light).open { color: var(--sk-color-text); } .select-filter div.dropdown-filter:not(.light):focus::before, .select-filter div.dropdown-filter:not(.light).open::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M7 14.5L12 10L17 14.5V16L7 16V14.5Z' fill='%23000000'/></svg>"); } .select-filter div.dropdown-filter.light { border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); color: var(--sk-color-text); padding: 16px 32px; font-size: 20px; font-weight: 600; text-decoration: none; transition: 0.2s; transition-timing-function: ease-in-out; } .select-filter div.dropdown-filter.light:focus-visible, .select-filter div.dropdown-filter.light:hover { background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-text); } .select-filter div.dropdown-filter.light::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M17 11.5L12 16L7 11.5V10H17V11.5Z' fill='%23000000'/></svg>"); line-height: 1; order: 2; } .select-filter div.dropdown-filter.light:focus::before, .select-filter div.dropdown-filter.light.open::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M7 14.5L12 10L17 14.5V16L7 16V14.5Z' fill='%23000000'/></svg>"); } @media (min-width: 1280px) { .select-filter div.dropdown-filter { font-size: 1.125rem; width: 17.5rem; } } .select-filter div.dropdown-filter::before { transition: 0.2s; transition-timing-function: ease-in-out; } .select-filter div.dropdown-filter::after { display: none; } .select-filter div.dropdown-filter:focus, .select-filter div.dropdown-filter.open { background-color: var(--sk-color-teal-for-dark); z-index: 20; } .select-filter div.dropdown-filter:focus-visible { outline: 2px solid var(--sk-color-focus-outline-dark); outline-offset: 2px; } .select-filter div.dropdown-filter .nice-select-dropdown { right: 0; transform: unset; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .select-filter div.dropdown-filter ul.list { border-radius: 2px; max-height: 40vh; overflow-y: auto; } .select-filter div.dropdown-filter ul.list::-webkit-scrollbar { width: 5px; } .select-filter div.dropdown-filter ul.list::-webkit-scrollbar-thumb { background-color: lightgray; border-radius: 2px; } .select-filter div.dropdown-filter li.option { color: var(--sk-color-black); padding: 12px 16px; text-decoration: none; display: block; font-size: 1.125rem; font-weight: 300; line-height: 1.5rem; white-space: initial; } .select-filter div.dropdown-filter li.option:hover, .select-filter div.dropdown-filter li.option.option.focus, .select-filter div.dropdown-filter li.option.option.selected { background-color: var(--sk-color-teal-light); border-color: var(--sk-color-teal-light); font-weight: 300; } .filter-reset { font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text-base-size); border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-white); padding: 0.5rem 1.5rem; transition: 0.2s; transition-timing-function: ease-in-out; color: var(--sk-color-text); cursor: pointer; background-position: 95% 14px; width: 100%; text-decoration: none; text-align: center; font-size: 1rem; padding: 16px 25px; } .filter-reset a, .filter-reset .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .filter-reset:hover, .filter-reset:focus-visible { background-color: var(--sk-color-white) !important; color: var(--sk-color-teal) !important; } .filter-reset:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .filter-reset:focus-visible { outline: 2px solid var(--sk-color-focus-outline-dark); outline-offset: 2px; } @media (min-width: 1280px) { .filter-reset { font-size: 1.125rem; } } @media (min-width: 768px) { .filter-reset { width: auto; } } .filter-reset.hidden { display: none; } .search-filter { border: 1px solid var(--sk-color-light-grey); border-right: none; font-family: var(--sk-font-primary); outline: none; line-height: 21px; padding: 17px; height: 70px; width: 100%; } .search-filter::-moz-placeholder { font-family: var(--sk-font-primary); color: var(--sk-color-medium-grey); font-size: 15px; font-weight: 400; line-height: 21px; } .search-filter::placeholder { font-family: var(--sk-font-primary); color: var(--sk-color-medium-grey); font-size: 15px; font-weight: 400; line-height: 21px; } .search-filter-button { padding: 0; width: 60px; height: 100%; background: white; border: 1px solid var(--sk-color-light-grey); border-left: none; cursor: pointer; line-height: 0; transition: 0.2s; transition-timing-function: ease-in-out; } .search-filter-button::after { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'><path d='M12.9375 7.8125C12.9375 5.80859 11.8477 3.98047 10.125 2.96094C8.36719 1.94141 6.22266 1.94141 4.5 2.96094C2.74219 3.98047 1.6875 5.80859 1.6875 7.8125C1.6875 9.85156 2.74219 11.6797 4.5 12.6992C6.22266 13.7188 8.36719 13.7188 10.125 12.6992C11.8477 11.6797 12.9375 9.85156 12.9375 7.8125ZM11.8477 13.5781C10.582 14.5625 9 15.125 7.3125 15.125C3.26953 15.125 0 11.8555 0 7.8125C0 3.80469 3.26953 0.5 7.3125 0.5C11.3203 0.5 14.625 3.80469 14.625 7.8125C14.625 9.53516 14.0273 11.1172 13.043 12.3828L18 17.3398L16.8047 18.5L11.8477 13.543V13.5781Z' fill='%230AC9C2'/></svg>"); } .search-filter-button:hover { background-color: var(--sk-color-teal-tint); } .search-filter-wrapper { display: flex; width: 100%; } @media (min-width: 992px) { .search-filter-wrapper { width: 49.5%; } } @media (min-width: 1280px) { .search-filter-wrapper { width: 21.875rem; } } select.dropdown-filter { display: none; } .search-bar-form input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 14px 40px 14px 16px; border: 1px solid var(--sk-color-light-grey); font-family: var(--sk-font-primary); outline: none; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'><path d='M12.9375 7.8125C12.9375 5.80859 11.8477 3.98047 10.125 2.96094C8.36719 1.94141 6.22266 1.94141 4.5 2.96094C2.74219 3.98047 1.6875 5.80859 1.6875 7.8125C1.6875 9.85156 2.74219 11.6797 4.5 12.6992C6.22266 13.7188 8.36719 13.7188 10.125 12.6992C11.8477 11.6797 12.9375 9.85156 12.9375 7.8125ZM11.8477 13.5781C10.582 14.5625 9 15.125 7.3125 15.125C3.26953 15.125 0 11.8555 0 7.8125C0 3.80469 3.26953 0.5 7.3125 0.5C11.3203 0.5 14.625 3.80469 14.625 7.8125C14.625 9.53516 14.0273 11.1172 13.043 12.3828L18 17.3398L16.8047 18.5L11.8477 13.543V13.5781Z' fill='%230AC9C2'/></svg>"); background-repeat: no-repeat; background-position: 95% 16px; line-height: 21px; } .search-bar-form input::-moz-placeholder { font-family: var(--sk-font-primary); color: var(--sk-color-medium-grey); font-size: 15px; font-weight: 400; line-height: 21px; } .search-bar-form input::placeholder { font-family: var(--sk-font-primary); color: var(--sk-color-medium-grey); font-size: 15px; font-weight: 400; line-height: 21px; } .work-card { width: 100%; } .work-card a { text-decoration: none; overflow: hidden; height: 100%; display: flex; flex-direction: column; } .work-card a:hover { text-decoration: none; } .work-card a:hover .work-card__content::before { background-position: 0% 100%; } .work-card a:hover .work-card__content span::after { background-position: 0% 100%; } .work-card a:hover .work-card__image video { z-index: 11; } .work-card__content { flex: 1; color: var(--sk-color-dark-black); } .work-card__content-inner { padding: 0 1rem 1.5rem; } @media (min-width: 744px) { .work-card__content-inner { padding: 0 1.5rem 1.5rem; } } @media (min-width: 1280px) { .work-card__content-inner { padding: 0 2rem 2rem; } } .work-card__content::before { margin: 24px 0 24px 0; content: ""; display: block; width: 100%; height: 3px; height: 0.1875rem; background: #11313b; background: linear-gradient(270deg, #11313b 50%, #d62901 0%); background-size: 200% 100%; background-position: 100% 100%; transition: all 0.4s ease-in; } .work-card__content h4 { font-size: 0.875rem; color: inherit; font-family: var(--sk-font-primary); font-weight: 700; line-height: 21px; letter-spacing: 0.7px; text-transform: uppercase; margin-bottom: var(--sk-spacing-base); } .work-card__content h3 { color: inherit; font-weight: 400; font-family: var(--sk-font-secondary); line-height: 40px; margin-bottom: var(--sk-spacing-base); letter-spacing: 0.32px; } .work-card__content span { color: inherit; } .work-card__image { position: relative; } .work-card__image::before { display: block; content: ""; width: 100%; aspect-ratio: 16/9; } .work-card__image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 10; } .work-card__image video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; } .post-card { width: 100%; } .post-card__content { padding: 0 1rem 1.5rem; } @media (min-width: 744px) { .post-card__content { padding: 0 1.5rem 1.5rem; } } @media (min-width: 1280px) { .post-card__content { padding: 0 2rem 2rem; } } .post-card .link-more { display: block; } .post-card .link-more a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .post-card img { height: auto; max-width: 100%; width: auto; margin-bottom: var(--sk-spacing-base); aspect-ratio: 8/5; -o-object-fit: cover; object-fit: cover; } .post-card a, .post-card h3, .post-card span { color: inherit; } .post-card a { text-decoration: none; } .post-card h3 { margin-top: 0 !important; margin-bottom: var(--sk-spacing-base); font-family: var(--sk-font-secondary); transition: all 0.5s ease; } .post-card h4 { color: var(--sk-color-teal); font-family: var(--sk-font-primary); font-size: 0.875rem; font-style: normal; font-weight: 700; line-height: 21px; letter-spacing: 0.7px; text-transform: uppercase; margin-bottom: var(--sk-spacing-base); } .arrow-btn { position: relative; display: inline-flex; padding-left: 55px; margin-left: auto; color: var(--sk-color-text); text-decoration: none; font-weight: 400; transition: all ease-in-out 0.3s; } .arrow-btn::before, .arrow-btn::after { content: ""; display: flex; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 55px; height: 9px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='9'%3E%3Cpath d='M44.102 4l-2.444-2.445.009-1.405 4.325 4.325-4.38 4.38.01-1.423L44.101 5H.002V4z' fill='%23d62901' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transition: ease-in-out 0.3s; } .arrow-btn::after { background-position-x: -60px; } .arrow-btn:hover::before { animation: move 0.3s ease-in-out forwards; } .arrow-btn:hover::after { animation: move-back 0.3s ease-in-out forwards 0.3s; } @keyframes move { to { background-position-x: 60px; } } @keyframes move-back { to { background-position-x: 0; } } @media (min-width: 1024px) { .archive-cta__cta-container.sk-container--slg { padding-top: var(--sk-spacing-xxl); padding-bottom: var(--sk-spacing-xxl); } } @media (min-width: 1280px) { .archive-cta__cta-container.sk-container--slg { padding-top: var(--sk-spacing-xxxxxl); padding-bottom: var(--sk-spacing-xxxxxl); } } @media (min-width: 512px) { .archive-cta__cta { display: flex; } } .archive-cta__cta h3 { font-family: var(--sk-font-secondary); margin-left: var(--sk-spacing-base); margin-bottom: 1.4rem; flex: 0 1 100%; } @media (min-width: 768px) { .archive-cta__cta h3 { flex: 0 1 34%; margin-left: var(--sk-spacing-lg); margin-bottom: 0; } } .archive-cta__cta-content { flex: 0 1 100%; margin-left: var(--sk-spacing-l); } @media (min-width: 512px) { .archive-cta__cta-content { display: flex; flex-direction: column; } } @media (min-width: 768px) { .archive-cta__cta-content { flex: 0 1 66%; } } .archive-cta__cta-content p { color: var(--sk-color-dark-black); margin-bottom: var(--sk-spacing-base); line-height: 1.4em; } .archive-cta__cta-content a { margin-top: var(--sk-spacing-base); } .slick-list { display: flex; width: 100%; } .slick-track { display: flex; width: 100%; } .slick-slide { margin: 0 15px; } .wp-block-gallery.slider { position: relative; overflow: hidden; width: 100vw; margin: 0 auto; margin: 0 calc(50% - 50vw); max-width: unset; } @media (min-width: 1920px) { .wp-block-gallery.slider { margin: 0 auto; width: 100%; max-width: var(--sk-container-width--base); } } .wp-block-gallery.slider .slick-prev, .wp-block-gallery.slider .slick-next { position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: 1; background: transparent; border: none; cursor: none; font-size: 0; display: none !important; } @media (min-width: 768px) { .wp-block-gallery.slider .slick-prev, .wp-block-gallery.slider .slick-next { display: flex !important; } } .wp-block-gallery.slider .slick-next { left: unset; right: 0; } .custom-cursor { opacity: 0; position: fixed; z-index: 10; display: flex; width: 60px; height: 60px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath fill='%23cbcbbe' id='connect-arrow-up-7_3_' d='M0,12.5h18.8l-3.2,3l0.7,0.8l4.6-4.3l-4.6-4.3l-0.7,0.8l3.2,3H0C0.3,5.1,5.5,0,12,0 c6.6,0,12,5.4,12,12s-5.4,12-12,12C5.5,24,0.3,18.9,0,12.5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translate(10%, -30%); transition: transform ease-in-out 0.2s; } body.js-cursor--active { cursor: none; } /* stylelint-disable */ /* stylelint-disable max-line-length */ :root { --breakpoint-xxxl: 3200px; --breakpoint-xxl: 1920px; --breakpoint-xl: 1440px; --breakpoint-lg: 1280px; --breakpoint-lg-m: 1152px; --breakpoint-md: 1024px; --breakpoint-md-s: 992px; --breakpoint-smd: 834px; --breakpoint-sm: 768px; --breakpoint-sm-min: 769px; --breakpoint-sm-minxs: 744px; --breakpoint-xs: 512px; --breakpoint-xxs: 390px; --breakpoint-zero: 0; } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */ /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */ /* stylelint-disable max-line-length */ .single-post__article { margin-top: 64px; } .single-post__article p { margin-bottom: var(--sk-spacing-base); letter-spacing: var(--kern__base); } .single-post__article h2, .single-post__article h4, .single-post__article h5, .single-post__article h6 { margin-top: var(--sk-spacing-xxxl); margin-bottom: var(--sk-spacing-xl); } .single-post__article h3 { font-size: var(--sk-text--h5); color: var(--sk-color-teal-dark); margin-top: var(--sk-spacing-xl); margin-bottom: var(--sk-spacing-lg); } .single-post__article ul { margin-bottom: var(--sk-spacing-base); } .single-post__article li { letter-spacing: var(--kern__base); } .single-post__article strong { font-weight: 700; } .single-post__article .single-post__related-title { margin-top: 0; } .single-post__article a:focus-visible, .single-post__article button:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .single-post__article .wp-block-group.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .single-post__main, .single-inside__main { margin-bottom: var(--sk-spacing-xxl); } .single-post__main-container, .single-inside__main-container { display: flex; flex-direction: column-reverse; } @media (min-width: 768px) { .single-post__main-container, .single-inside__main-container { flex-direction: row; justify-content: space-between; } } @media (min-width: 1280px) { .single-post__main-container, .single-inside__main-container { display: grid; grid-template-columns: 1fr 2fr 1fr; } } .single-post__content, .single-inside__content { max-width: 780px; /* Insight and Inside posts, special design for initial letters */ } @media (min-width: 768px) { .single-post__content, .single-inside__content { width: 75%; } } @media (min-width: 1280px) { .single-post__content, .single-inside__content { width: 100%; } } .single-post__content > p:first-child:not(.has-background)::first-letter, .single-post__content > .first-letter::first-letter, .single-inside__content > p:first-child:not(.has-background)::first-letter, .single-inside__content > .first-letter::first-letter { font-family: var(--sk-font-secondary); margin-right: 0.2em; font-size: 6em; text-transform: capitalize; /* stylelint-disable */ /* stylelint-enable */ } @supports not (initial-letter: 3) { .single-post__content > p:first-child:not(.has-background)::first-letter, .single-post__content > .first-letter::first-letter, .single-inside__content > p:first-child:not(.has-background)::first-letter, .single-inside__content > .first-letter::first-letter { display: block; float: left; line-height: 1.2; margin-top: 0.1em; } } @supports (initial-letter: 3) { .single-post__content > p:first-child:not(.has-background)::first-letter, .single-post__content > .first-letter::first-letter, .single-inside__content > p:first-child:not(.has-background)::first-letter, .single-inside__content > .first-letter::first-letter { initial-letter: 3; line-height: 1.2; } } .single-post__content p:last-child, .single-inside__content p:last-child { margin-bottom: 0; } .single-post__services, .single-inside__services { /* stylelint-disable */ border-top: 1px solid hsla(var(--sk-color-dark-blue-h), var(--sk-color-dark-blue-s), var(--sk-color-dark-blue-l), 0.3); /* stylelint-enable */ padding-top: var(--sk-spacing-lg); margin-top: var(--sk-spacing-lg); margin-bottom: var(--sk-spacing-xl); } .single-post__services__label, .single-inside__services__label { font-size: 1rem; font-weight: 600; margin-right: var(--sk-spacing-sm); } .single-post__services a, .single-inside__services a { display: inline-block; margin-right: var(--sk-spacing-sm); } .single-post__services a.sk-link, .single-inside__services a.sk-link { font-size: 1rem; } .single-post__share, .single-inside__share { position: relative; } @media (min-width: 768px) { .single-post__share, .single-inside__share { width: 10%; } } @media (min-width: 1280px) { .single-post__share, .single-inside__share { padding-left: var(--grid-gutter--fluid); } } .single-post__share-content, .single-inside__share-content { position: sticky; top: 0; } .single-post__header, .single-inside__header { background-blend-mode: multiply; background-color: hsla(var(--sk-color-dark-blue-h), var(--sk-color-dark-blue-s), var(--sk-color-dark-blue-l), 0.8); background-position: 50%; background-size: cover; color: var(--sk-color-white); padding-left: var(--grid-gutter--fluid); padding-right: var(--grid-gutter--fluid); margin-bottom: var(--grid-gutter--fluid); min-height: 27.5rem; padding-top: var(--sk-spacing-xl); padding-bottom: var(--sk-spacing-xl); text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .single-post__category, .single-inside__category { color: var(--sk-color-teal-for-dark); font-size: var(--sk-text--2xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.125em; } .single-post__time, .single-inside__time { font-size: var(--sk-text--2xs); font-weight: 400; color: var(--sk-color-code-background); letter-spacing: 0.125em; } .single-post__time::before, .single-inside__time::before { content: "/"; margin: 0 0.625rem; } .single-post__title, .single-inside__title { max-width: 60rem; margin: var(--sk-spacing-base) auto 0; font-size: var(--sk-text--xl); color: var(--sk-color-white); } .single-post__section-divider, .single-inside__section-divider { margin-bottom: var(--grid-gutter--fluid); } .single-post__author, .single-inside__author { font-weight: 400; } .single-post__author a, .single-inside__author a { color: var(--sk-color-dark-blue); } .single-post__author a:hover, .single-inside__author a:hover { text-decoration: none; } .single-post__container, .single-inside__container { margin: 0 auto; } .single-post__links, .single-inside__links { display: flex; } @media (min-width: 768px) { .single-post__links, .single-inside__links { flex-direction: column; } } .single-post__related, .single-inside__related { position: relative; padding-bottom: var(--sk-spacing-xl); } @media (min-width: 744px) { .single-post__related, .single-inside__related { padding-bottom: var(--sk-spacing-xl); } } @media (min-width: 1280px) { .single-post__related, .single-inside__related { padding-bottom: var(--sk-spacing-xxl); } } .author-header { margin-bottom: 24px; } .author-header .sk-container, .author-header .related-posts__container.width-lg, .author-header .related-posts__container.width-md { display: flex; justify-content: space-between; align-items: center; } .author-header p { margin-bottom: 0; padding-bottom: 0; } .author-body { padding: 26px 0 var(--sk-spacing-xl) 0; background: var(--sk-color-teal-light); } @media (min-width: 1280px) { .author-body { padding: 26px 0 72px 0; } } .author-body__aside { width: 100%; } @media (min-width: 768px) { .author-body__aside { width: 25%; margin-right: 24px; } } .author-body__text h2 { margin: 0; } .author-body__text p { font-style: italic; } .author-body__content { display: flex; flex-wrap: wrap; } @media (min-width: 768px) { .author-body__content { flex-wrap: nowrap; } } .author-body__bio { width: 100%; } @media (min-width: 768px) { .author-body__bio { width: 75%; -moz-columns: 16em 2; columns: 16em 2; -moz-column-gap: 8%; column-gap: 8%; orphans: 2; widows: 2; } } .author-body__bio h2, .author-body__bio h3, .author-body__bio h4, .author-body__bio h5, .author-body__bio h6 { margin-top: 0; } .author-body__image { width: 120px; height: 120px; margin-bottom: 18px; } .author-body__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } /* stylelint-disable */ /* stylelint-disable max-line-length */ :root { --breakpoint-xxxl: 3200px; --breakpoint-xxl: 1920px; --breakpoint-xl: 1440px; --breakpoint-lg: 1280px; --breakpoint-lg-m: 1152px; --breakpoint-md: 1024px; --breakpoint-md-s: 992px; --breakpoint-smd: 834px; --breakpoint-sm: 768px; --breakpoint-sm-min: 769px; --breakpoint-sm-minxs: 744px; --breakpoint-xs: 512px; --breakpoint-xxs: 390px; --breakpoint-zero: 0; } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */ /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */ /* stylelint-disable max-line-length */ .archive-posts { margin-top: 64px; color: var(--sk-color-white); } .archive-posts__hero { text-align: center; } .archive-posts__hero h1 { margin-bottom: var(--sk-spacing-base); font-weight: 300; } .archive-posts__hero p { font-weight: 300; max-width: 64ch; margin: 0 auto; } .archive-posts__archive-content { background-color: var(--sk-color-dark-blue); } .archive-posts__archive-content .post-card__content h4 { color: var(--sk-color-teal-for-dark); } .archive-posts__thumbnail { width: 100%; padding-bottom: 55%; background-size: cover; } .archive-posts__posts { display: grid; grid-template-columns: 1fr; row-gap: var(--sk-spacing-base); } @media (min-width: 834px) { .archive-posts__posts { grid-template-columns: 1fr 1fr; -moz-column-gap: var(--sk-spacing-base); column-gap: var(--sk-spacing-base); } } @media (min-width: 1280px) { .archive-posts__posts { -moz-column-gap: var(--sk-spacing-xl); column-gap: var(--sk-spacing-xl); } } .archive-posts__content { display: flex; flex-direction: column; flex: 1; padding: 0 1rem 1.5rem; } @media (min-width: 744px) { .archive-posts__content { padding: 0 1.5rem 1.5rem; } } @media (min-width: 1280px) { .archive-posts__content { padding: 0 2rem 2rem; } } .archive-posts__filter { margin-bottom: var(--sk-spacing-xxl); display: flex; flex-wrap: wrap; gap: 10px; } .archive-posts__filter-selects { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; gap: 10px; } @media (min-width: 1280px) { .archive-posts__filter-selects { justify-content: unset; width: auto; } } .archive-posts__filter.disabled * { pointer-events: none; } .archive-posts .archive-not-found { text-align: center; } .archive-not-found { grid-column: 1/-1; font-family: var(--sk-font-secondary); font-size: var(--sk-text--h4); margin-bottom: var(--sk-spacing-xl); } .archive-pagination { grid-column: 1/-1; margin-bottom: var(--sk-spacing-xl); } @media (min-width: 1024px) { .archive-pagination { margin-bottom: var(--sk-spacing-xxl); } } #archive-posts.loading { filter: grayscale(1); opacity: 0.7; } .related-posts.theme-white { background-color: var(--sk-color-white); color: var(--sk-color-dark-black); } .related-posts.theme-blue { background-color: var(--sk-color-dark-blue); color: var(--sk-color-white); } .related-posts.theme-transp-black { color: var(--sk-color-dark-black); } .related-posts.theme-transp-white { color: var(--sk-color-white); } .related-posts.padding-top { padding-top: var(--sk-spacing-xl); } @media (min-width: 744px) { .related-posts.padding-top { padding-top: var(--sk-spacing-xl); } } @media (min-width: 1280px) { .related-posts.padding-top { padding-top: var(--sk-spacing-xxl); } } .related-posts.padding-bottom { padding-bottom: var(--sk-spacing-xl); } @media (min-width: 744px) { .related-posts.padding-bottom { padding-bottom: var(--sk-spacing-xl); } } @media (min-width: 1280px) { .related-posts.padding-bottom { padding-bottom: var(--sk-spacing-xxl); } } .related-posts__posts { display: flex; flex-wrap: wrap; gap: 1.5rem; } @media (min-width: 1280px) { .related-posts__posts { flex-wrap: nowrap; gap: 2rem; } } .related-posts__post { width: 100%; } @media (min-width: 744px) { .related-posts__post { width: calc(50% - 20px); flex: 1; } } @media (min-width: 1280px) { .related-posts__post { width: auto; } } .related-posts__title { margin-bottom: var(--sk-spacing-lg); } @media (min-width: 992px) { .related-posts__title { width: 25%; } } .related-posts__title h2, .related-posts__title h3 { font-family: var(--sk-font-secondary); font-size: var(--sk-text--h3); color: inherit; } .related-posts a { transition: all 0.5s ease; } /* One off classes to address old styles or new things we need to adjust */ .u-border__all__medium { border: 1px solid var(--sk-color-medium-grey); } .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .no-wrap { white-space: nowrap; } .mb-0 { margin-bottom: 0 !important; } .negative-margin { margin-bottom: calc(-1 * var(--wp--preset--spacing--xxxxl)); } :root { --breakpoint-xxxl: 3200px; --breakpoint-xxl: 1920px; --breakpoint-xl: 1440px; --breakpoint-lg: 1280px; --breakpoint-lg-m: 1152px; --breakpoint-md: 1024px; --breakpoint-md-s: 992px; --breakpoint-smd: 834px; --breakpoint-sm: 768px; --breakpoint-sm-min: 769px; --breakpoint-sm-minxs: 744px; --breakpoint-xs: 512px; --breakpoint-xxs: 390px; --breakpoint-zero: 0; } body { display: flex; flex-direction: column; min-height: 100vh; } body main { width: 100%; height: auto; flex-grow: 1; flex-shrink: 0; } body header, body footer { flex: none; width: 100%; } .wow { visibility: hidden; animation-duration: 0.7s; } .skip_link { position: absolute; padding: 0.5rem 1rem; color: var(--sk-color-white); background-color: var(--sk-color-black); text-decoration: none; top: -100%; transition: transform 0.3s ease-out; z-index: 30; } .skip_link:focus { top: 0; } /* stylelint-disable */ :root { --sk-container-width--base: 77.5rem; --sk-container-padding: var( --sk-spacing-sm ); --sk-container-width--sm: calc(48.75rem + var(--sk-container-padding) * 2); --sk-container-width--lg: 112.5rem; --sk-container-width--md: 100rem; } @media (min-width: 744px) { :root { --sk-container-padding: var( --sk-spacing-base ); } } @media (min-width: 1280px) { :root { --sk-container-padding: var( --sk-spacing-lg ); } } .sk-container, .related-posts__container.width-md, .related-posts__container.width-lg { width: 100%; max-width: var(--sk-container-width); margin: 0 auto; padding-left: var(--sk-container-padding); padding-right: var(--sk-container-padding); } .sk-container--sm { max-width: var(--sk-container-width--sm); } .sk-container--l { max-width: var(--sk-container-width--base); } .sk-container--full { padding-left: 0; padding-right: 0; } .sk-container--lg, .related-posts__container.width-lg { max-width: var(--sk-container-width--lg); } .sk-container--slg { max-width: var(--sk-container-width--md); margin: 0 auto; padding: var(--sk-spacing-xl) var(--sk-spacing-sm); } @media (min-width: 744px) { .sk-container--slg { padding: var(--sk-spacing-xl) var(--sk-spacing-base); } } @media (min-width: 1280px) { .sk-container--slg { padding: var(--sk-spacing-xxl) var(--sk-spacing-lg); } } .sk-container--md, .related-posts__container.width-md { max-width: var(--sk-container-width--md); } body { overflow-x: hidden; } /** Generate colors https://gka.github.io/palettes */ :root { /* Main colors */ --sk-color-black: #212426; --sk-color-dark-black: #112b3b; --sk-color-white: white; --sk-color-code-text: #28502e; --sk-color-code-background: #ceebd3; --sk-color-light-blue: rgba(255, 255, 255, 0.75); --sk-color-dark-blue: hsl(203, 55%, 15%); --sk-color-dark-blue-h: 203; --sk-color-dark-blue-s: 55%; --sk-color-dark-blue-l: 15%; --sk-color-teal-dark: #417e95; --sk-color-teal: #0a807c; --sk-color-teal-for-dark: #0ac9c2; --sk-color-terciary: #d62901; --sk-color-primary: var(--sk-color-dark-blue); --sk-color-secondary: var(--sk-color-teal); --sk-color-secondary-dark: var(--sk-color-teal-dark); --sk-color-third: var(--sk-color-terciary); /* Typography */ --sk-color-text: var(--sk-color-primary); --sk-color-text-heading: var(--sk-color-black); --sk-color-focus-outline: var(--sk-color-black); --sk-color-focus-outline-dark: var(--sk-color-white); /* Body */ --sk-color-body: var(--sk-color-text); /* Supporting colors */ --sk-color-teal-light: #ebf8fa; --sk-color-teal-tint: #d7f5f5; --sk-color-dark-teal: #13535d; --sk-color-tomato: #eb6b57; --sk-color-orange: #ffa451; --sk-color-lemon: #fada73; --sk-color-green: #138660; --sk-color-blue: #0075ff; /* Neutrals colors */ --sk-color-default-text: #363c40; --sk-color-dark-grey: #495157; --sk-color-medium-grey: #69787d; --sk-color-light-grey: #d1dbe3; --sk-color-lightest-grey: #edf4fa; } /* stylelint-disable */ :root { --sk-font-primary: poppins, sans-serif; --sk-font-secondary: matrix-ii, serif; } *, *::after, *::before { box-sizing: inherit; } * { font: inherit; margin: 0; padding: 0; border: 0; } html { box-sizing: border-box; } body { background-color: var(--color-bg, white); } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, form legend { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } button, input, textarea, select { margin: 0; } .btn, .form-control, .link, .reset { background-color: transparent; padding: 0; border: 0; border-radius: 0; color: inherit; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control::-ms-expand { display: none; } textarea { resize: vertical; overflow: auto; vertical-align: top; } input::-ms-clear { display: none; } table { border-collapse: collapse; border-spacing: 0; } img, video, svg { max-width: 100%; } :root { --sk-line-height--body: 1.5em; --sk-line-height--base: 1.75em; --sk-line-height--heading: 1.25em; --sk-line-height--small-text: normal; --sk-line-height--large-text: 1em; --sk-text-base-size: 16px; --sk-text--h1-up: clamp(72px, 51.2px + 0.0533333333 * 100vw, 128px); --sk-text--h1: clamp(32px, 24.9428571429px + 0.0180952381 * 100vw, 51px); --sk-text--h2: clamp(28px, 23.1714285714px + 0.0123809524 * 100vw, 41px); --sk-text--h3: clamp(24px, 21.0285714286px + 0.0076190476 * 100vw, 32px); --sk-text--h4: clamp(21px, 18.7714285714px + 0.0057142857 * 100vw, 27px); --sk-text--h5: clamp(18px, 16.5142857143px + 0.0038095238 * 100vw, 22px); --sk-text--h6: clamp(16px, 16px + 0 * 100vw, 16px); --sk-text--xs: clamp(14px, 13.6285714286px + 0.000952381 * 100vw, 15px); --sk-text--2xs: clamp(13px, 12.6285714286px + 0.000952381 * 100vw, 14px); --sk-text--2xs-caps: 13px; --sk-text--3xs: 12px; --sk-text--xl: clamp(43px, 30px + 0.0333333333 * 100vw, 78px); --sk-text--xxl: clamp(58px, 34.6px + 0.06 * 100vw, 121px); --kern__base: 0.03125em; --sk-text--numbers-title: clamp(16px, 13.7714285714px + 0.0057142857 * 100vw, 22px); --sk-text--numbers: clamp(51px, 46.1714285714px + 0.0123809524 * 100vw, 64px); --sk-text--prefix: clamp(22px, 20.5142857143px + 0.0038095238 * 100vw, 26px); } @media (min-width: 768px) { :root { --sk-text-base-size: 16px; --sk-text--xs: 15px; --sk-text--2xs: 14px; } } .sk-wp-editor h1, .sk-wp-editor .sk-text--h1 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h1, .sk-wp-editor .sk-text--h1 { margin-bottom: 24px; } } .sk-wp-editor h2, .sk-wp-editor .sk-text--h2 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h2, .sk-wp-editor .sk-text--h2 { margin-bottom: 24px; } } .sk-wp-editor h3, .sk-wp-editor .sk-text--h3 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h3, .sk-wp-editor .sk-text--h3 { margin-bottom: 24px; } } .sk-wp-editor h4, .sk-wp-editor .sk-text--h4 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h4, .sk-wp-editor .sk-text--h4 { margin-bottom: 24px; } } .sk-wp-editor h5, .sk-wp-editor .sk-text--h5 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h5, .sk-wp-editor .sk-text--h5 { margin-bottom: 24px; } } .sk-wp-editor h6, .sk-wp-editor .sk-text--h6 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h6, .sk-wp-editor .sk-text--h6 { margin-bottom: 24px; } } .sk-wp-editor p { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor p { margin-bottom: 24px; } } .sk-wp-editor p + h1, .sk-wp-editor p + h2, .sk-wp-editor p + h3, .sk-wp-editor p + h4, .sk-wp-editor p + h5, .sk-wp-editor p + h6 { margin-top: 50px; } @media (max-width: 768px) { .sk-wp-editor p + h1, .sk-wp-editor p + h2, .sk-wp-editor p + h3, .sk-wp-editor p + h4, .sk-wp-editor p + h5, .sk-wp-editor p + h6 { margin-top: 40px; } } @media (max-width: 1024px) { .sk-wp-editor br { display: none; } } .sk-wp-editor ul { padding-left: 20px; margin: 40px 0; } @media (max-width: 768px) { .sk-wp-editor ul { margin: 30px 0; } } .wp-block-group .wp-block-quote { position: relative; font-size: 24px; line-height: 1.5em; font-weight: 300; font-family: var(--sk-font-secondary); border: none; padding: 0; margin: 0; } .wp-block-group .wp-block-quote p { line-height: var(--sk-line-height--base); font-size: 24px; } @media (min-width: 768px) { .wp-block-group .wp-block-quote p { font-size: 32px; } } .wp-block-group .wp-block-quote p:not(:last-child) { position: relative; font-style: italic; letter-spacing: 0; max-width: none; text-indent: 1.75em; } .wp-block-group .wp-block-quote p:not(:last-child)::before { color: var(--sk-color-teal-for-dark); content: "“"; content: "“"/"A quote, "; position: absolute; font-family: Times New Roman, Times, serif; font-size: 2.25em; font-weight: 700; font-style: normal; line-height: 1; top: -0.0625em; left: -0.625em; } .wp-block-group .wp-block-quote cite { display: flex; flex-direction: column; align-items: flex-start; text-align: left; margin-top: var(--sk-spacing-base); margin-right: var(--sk-spacing-base); letter-spacing: 0.72px; font-size: var(--sk-text--xs); font-weight: 300; font-family: var(--sk-font-primary); line-height: 1.7; } @media (min-width: 768px) { .wp-block-group .wp-block-quote cite { display: block; text-align: right; line-height: initial; } } .wp-block-group .wp-block-quote cite strong { letter-spacing: 1.625px; text-transform: uppercase; font-weight: 700; } .wp-block-pullquote blockquote { display: flex; flex-direction: column; border-top: 1px solid var(--sk-color-text); border-bottom: 1px solid var(--sk-color-text); padding-top: 1em; padding-bottom: 1em; } .wp-block-pullquote blockquote cite { text-transform: uppercase; letter-spacing: 1.625px; font-size: 13px; font-weight: 700; } .wp-block-code code, code { background-color: var(--sk-color-code-background); color: var(--sk-color-code-text); display: inline-block !important; font-family: "Source Code Pro", monospace !important; } figure.wp-block-video { line-height: 0; } .wp-block-columns.vertical-alignment .wp-block-column { display: flex; flex-direction: column; } .wp-block-columns.vertical-alignment .wp-block-column *:not(:first-child):not(:last-child) { flex: 1; } @media (max-width: 1280px) { .wp-block-columns .wp-block-column:empty { display: none; } } .stacked-top-large-gap { margin-top: 24px; } @media (min-width: 1280px) { .stacked-top-large-gap { margin-top: -450px !important; padding-top: 550px !important; z-index: -1; } } .stacked-bottom-small-gap { margin-bottom: 24px; } @media (min-width: 1280px) { .stacked-bottom-small-gap { margin-bottom: -147px !important; padding-bottom: 180px !important; z-index: -1; } } .content-wrapper > [class^=wp-block]:not(.alignwide):not(.alignfull) { width: 100%; max-width: var(--wp--style--global--content-size); margin-left: auto; margin-right: auto; padding-left: var(--sk-container-padding); padding-right: var(--sk-container-padding); } .content-wrapper > [class^=wp-block].alignwide { width: 100%; max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto; padding-left: var(--sk-container-padding); padding-right: var(--sk-container-padding); } .wp-block-group > *:not(.alignfull) { padding-left: var(--sk-container-padding); padding-right: var(--sk-container-padding); } .wp-block-image.aligncenter { display: block; } .wp-block-quote { border-left: 4px solid #53d9d4; padding: 0 2rem; margin-bottom: var(--sk-spacing-base); } .wp-block-quote p { font-style: italic; font-family: var(--sk-font-secondary); line-height: 24px; } @media (min-width: 768px) { .wp-block-quote p { font-size: 18px; } } .wp-block-heading, .wp-block-image, .wp-block-gallery, .wp-block-list, .wp-block-quote, .wp-block-table, .wp-block-columns, .wp-block-video, .wp-block-social-icons, .wp-block-embed, .wp-block-more, .wp-block-column, .wp-block-column p, .wp-block-column ul, .wp-block-group p, .wp-block-group ul, .content-wrapper > p, .content-wrapper > ul { margin-bottom: var(--sk-spacing-sm); } @media (min-width: 1280px) { .wp-block-heading, .wp-block-image, .wp-block-gallery, .wp-block-list, .wp-block-quote, .wp-block-table, .wp-block-columns, .wp-block-video, .wp-block-social-icons, .wp-block-embed, .wp-block-more, .wp-block-column, .wp-block-column p, .wp-block-column ul, .wp-block-group p, .wp-block-group ul, .content-wrapper > p, .content-wrapper > ul { margin-bottom: var(--sk-spacing-base); } } .wp-block-media-text.is-stacked-on-mobile { gap: var(--sk-spacing-lg); } .content-wrapper > [class^=wp-block]:last-child { margin-bottom: 0 !important; } p.has-background { padding: 1.25em 2.375em !important; } .wp-block-image figcaption { margin-top: var(--sk-spacing-base); text-align: center; font-weight: 400; font-size: 13px; letter-spacing: 0.125em; display: block !important; } figure.wp-block-embed { position: relative; padding-bottom: 50%; } figure.wp-block-embed .wp-block-embed__wrapper, figure.wp-block-embed iframe { position: absolute; height: 100%; width: 100%; } pre.wp-block-code { overflow-x: auto; } pre.wp-block-code code { white-space: unset; padding: 1em; } .wp-block-video { margin: var(--sk-spacing-base) 0; } .wp-block-file > a:first-child { text-decoration: none !important; background-image: linear-gradient(180deg, transparent 45%, #53d9d4 0); background-size: 100% 200%; background-position: top; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: currentColor; margin: 0 -0.25em; padding: 0 0.25em; transition: all 0.35s ease; transition: 0.2s; transition-timing-function: ease-in-out; } .wp-block-file > a:first-child:focus, .wp-block-file > a:first-child:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .wp-block-file > a:first-child:hover, .wp-block-file > a:first-child:active, .wp-block-file > a:first-child:focus, .wp-block-file > a:first-child:focus-within { background-position: bottom; color: var(---sk-color-black); text-decoration: none; } .wp-block-table td, .wp-block-table th { border: none; } .wp-block-table table td + td, table th + th { border-left: 0.5px solid #9bbcd3; } p.link-underlined > a, a.link-underlined { background-image: unset; position: relative; } p.link-underlined > a::after, a.link-underlined::after { content: ""; display: block; width: 100%; height: 1px; background: #d0d0d0; background: linear-gradient(270deg, #d0d0d0 50%, #949ca1 0); background-size: 200% 100%; background-position: 100% 100%; transition: all 0.4s ease-in; position: absolute; bottom: -1px; left: 0; } p.link-underlined > a:hover::after, p.link-underlined > a:focus::after, a.link-underlined:hover::after, a.link-underlined:focus::after { background-position: 0 100%; } p.link-no-hover > a, a.link-no-hover { background-image: unset; } p.link-hover-underlined > a, a.link-hover-underlined { background-image: unset; position: relative; } p.link-hover-underlined > a::after, a.link-hover-underlined::after { content: ""; display: block; width: 100%; height: 1px; background: transparent; background: linear-gradient(270deg, transparent 50%, #949ca1 0); background-size: 200% 100%; background-position: 100% 100%; transition: all 0.4s ease-in; position: absolute; bottom: -1px; left: 0; } p.link-hover-underlined > a:hover::after, p.link-hover-underlined > a:focus::after, a.link-hover-underlined:hover::after, a.link-hover-underlined:focus::after { background-position: 0 100%; } .wp-block-separator { border: 2px solid !important; } .wp-block-media-text .wp-block-media-text__content { padding: 0; } .wp-block-media-text { gap: var(--sk-spacing-xl); } @media (min-width: 1280px) { .wp-block-media-text { gap: var(--sk-spacing-xxl); } } .wp-block-latest-posts .wp-block-latest-posts__post-title, .wp-block-latest-posts a { color: var(--sk-color-white); margin-bottom: calc(var(--sk-spacing-base) * 0.5); font-family: var(--sk-font-secondary); letter-spacing: 0.78125px; flex: 1 1 auto; font-size: var(--sk-text--h3); line-height: var(--sk-line-height--heading); background-image: none !important; } /* stylelint-disable */ body { font-size: var(--sk-text-base-size); font-family: var(--sk-font-primary); color: var(--sk-color-text); font-weight: 300; line-height: var(--sk-line-height--body); letter-spacing: 0.16px; } @media (min-width: 768px) { body { letter-spacing: 0.18px; } } html { height: auto; } h1, .sk-text--h1 { font-size: var(--sk-text--h1); color: var(--sk-color-text-heading); line-height: var(--sk-line-height--heading); font-family: var(--sk-font-secondary); } h2, .sk-text--h2 { font-size: var(--sk-text--h2); color: var(--sk-color-text-heading); line-height: var(--sk-line-height--heading); font-family: var(--sk-font-secondary); } h3, .sk-text--h3 { color: var(--sk-color-text-heading); font-size: var(--sk-text--h3); line-height: var(--sk-line-height--heading); letter-spacing: 0.21px; } @media (min-width: 768px) { h3, .sk-text--h3 { letter-spacing: 0.27px; } } h4, .sk-text--h4 { color: var(--sk-color-text-heading); font-size: var(--sk-text--h4); line-height: var(--sk-line-height--heading); font-family: var(--sk-font-secondary); font-weight: 500; letter-spacing: 0.42px; } @media (min-width: 768px) { h4, .sk-text--h4 { letter-spacing: 0.54px; } } h5, .sk-text--h5 { color: var(--sk-color-text-heading); font-size: var(--sk-text--h5); line-height: var(--sk-line-height--heading); font-weight: 500; letter-spacing: 0.18px; } @media (min-width: 768px) { h5, .sk-text--h5 { letter-spacing: 0.22px; } } h6, .sk-text--h6 { color: var(--sk-color-text-heading); font-size: var(--sk-text--h6); line-height: var(--sk-line-height--heading); font-weight: 700; text-transform: uppercase; letter-spacing: 1.6px; } .sk-heading--h1-up { font-size: var(--sk-text--h1-up); font-family: var(--sk-font-secondary); color: var(--sk-color-text-heading); } .sk-text--xxl, .sk-text--xxl p { font-size: var(--sk-text--xxl); line-height: var(--sk-line-height--large-text); font-weight: 500; letter-spacing: 0.01em; } .sk-text--xxl p { margin-bottom: 11px; } @media (max-width: 768px) { .sk-text--xxl p { margin-bottom: 13px; } } .sk-text--xxl p:last-child { margin-bottom: 0; } .sk-text--xl, .sk-text--xl p { font-size: var(--sk-text--xl); line-height: var(--sk-line-height--large-text); font-weight: 500; letter-spacing: 0.01em; } .sk-text--xl p { margin-bottom: 13px; } .sk-text--xl p:last-child { margin-bottom: 0; } .sk-text--l, .sk-text--l p { font-size: var(--sk-text--l); line-height: var(--sk-line-height--l); letter-spacing: 0.015em; } .sk-text--l p { margin-bottom: 13px; } .sk-text--l p:last-child { margin-bottom: 0; } .sk-text--base, .sk-text--base p { font-size: var(--sk-text-base-size); line-height: var(--sk-line-height--base); letter-spacing: 0.01em; } .sk-text--base p { margin-bottom: 13px; } .sk-text--base p:last-child { margin-bottom: 0; } small, .sk-text--xs, .sk-text--xs p { font-size: var(--sk-text--xs); line-height: var(--sk-line-height--small-text); } .sk-text--xs p { margin-bottom: 13px; } .sk-text--xs p:last-child { margin-bottom: 0; } .sk-text--2xs, .sk-text--2xs p { font-size: var(--sk-text--2xs); line-height: var(--sk-line-height--small-text); } .sk-text--2xs p { margin-bottom: 13px; } .sk-text--2xs p:last-child { margin-bottom: 0; } .sk-text--2xs-caps, .sk-text--2xs-caps p, .sk-text--2xs-caps strong { font-size: var(--sk-text--2xs-caps); line-height: var(--sk-line-height--small-text); text-transform: uppercase; font-weight: bold; letter-spacing: 0.09375em; } .sk-text--2xs-caps p { margin-bottom: 13px; } .sk-text--2xs-caps p:last-child { margin-bottom: 0; } .sk-text-small-uppercase { display: inline-block; font-size: 0.8125rem; padding-bottom: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09375em; } p, em, figcaption, ol, ul, strong, q { line-height: var(--sk-line-height--base); } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, p > a, em > a, figcaption > a, li:not(.menu-item) > a, strong > a, cite > a, small > a, q > a { text-decoration: none !important; background-image: linear-gradient(180deg, transparent 45%, #53d9d4 0); background-size: 100% 200%; background-position: top; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: currentColor; margin: 0 -0.25em; padding: 0 0.25em; transition: all 0.35s ease; transition: 0.2s; transition-timing-function: ease-in-out; } h1 > a:focus, h1 > a:focus-visible, h2 > a:focus, h2 > a:focus-visible, h3 > a:focus, h3 > a:focus-visible, h4 > a:focus, h4 > a:focus-visible, h5 > a:focus, h5 > a:focus-visible, h6 > a:focus, h6 > a:focus-visible, p > a:focus, p > a:focus-visible, em > a:focus, em > a:focus-visible, figcaption > a:focus, figcaption > a:focus-visible, li:not(.menu-item) > a:focus, li:not(.menu-item) > a:focus-visible, strong > a:focus, strong > a:focus-visible, cite > a:focus, cite > a:focus-visible, small > a:focus, small > a:focus-visible, q > a:focus, q > a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } h1 > a:hover, h1 > a:active, h1 > a:focus, h1 > a:focus-within, h2 > a:hover, h2 > a:active, h2 > a:focus, h2 > a:focus-within, h3 > a:hover, h3 > a:active, h3 > a:focus, h3 > a:focus-within, h4 > a:hover, h4 > a:active, h4 > a:focus, h4 > a:focus-within, h5 > a:hover, h5 > a:active, h5 > a:focus, h5 > a:focus-within, h6 > a:hover, h6 > a:active, h6 > a:focus, h6 > a:focus-within, p > a:hover, p > a:active, p > a:focus, p > a:focus-within, em > a:hover, em > a:active, em > a:focus, em > a:focus-within, figcaption > a:hover, figcaption > a:active, figcaption > a:focus, figcaption > a:focus-within, li:not(.menu-item) > a:hover, li:not(.menu-item) > a:active, li:not(.menu-item) > a:focus, li:not(.menu-item) > a:focus-within, strong > a:hover, strong > a:active, strong > a:focus, strong > a:focus-within, cite > a:hover, cite > a:active, cite > a:focus, cite > a:focus-within, small > a:hover, small > a:active, small > a:focus, small > a:focus-within, q > a:hover, q > a:active, q > a:focus, q > a:focus-within { background-position: bottom; color: var(---sk-color-black); text-decoration: none; } .sk-link { text-decoration: none !important; background-image: linear-gradient(180deg, transparent 45%, #53d9d4 0); background-size: 100% 200%; background-position: top; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: currentColor; margin: 0 -0.25em; padding: 0 0.25em; transition: all 0.35s ease; transition: 0.2s; transition-timing-function: ease-in-out; color: var(--sk-color-text); font-weight: 400; font-size: 1.25rem; line-height: 1.7; } .sk-link:focus, .sk-link:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .sk-link:hover, .sk-link:active, .sk-link:focus, .sk-link:focus-within { background-position: bottom; color: var(---sk-color-black); text-decoration: none; } hr { width: 100%; background: transparent; margin: 30px 0; border: none; border-top: 1px solid var(--sk-color-text); } hr.sk-hr-dashed { border-top-style: dashed; } ul { list-style: disc; } ul li { page-break-inside: avoid; line-height: var(--sk-line-height--base); -moz-column-break-inside: avoid; break-inside: avoid; position: relative; padding-bottom: 0.5rem; } ul li::marker { color: var(--sk-color-terciary); } ol { list-style: numeric outside; margin-bottom: var(--sk-spacing-base); } ul, ol { padding-left: 1.5rem; } ul li:not(.menu-item), ol li:not(.menu-item) { margin-bottom: 0; padding-bottom: 0; } .has-sk-text-xl-font-size, .has-sk-text-xxl-font-size { line-height: 1em; font-family: var(--sk-font-secondary); word-break: break-word; } .has-sk-text-h-4-font-size, .has-sk-text-h-2-font-size, .has-sk-text-h-1-font-size { font-family: var(--sk-font-secondary); } .has-sk-text-2-xs-caps-font-size { font-size: var(--sk-text--2xs-caps); line-height: 1.625em; text-transform: uppercase; font-weight: bold; letter-spacing: 0.09375em; } em { font-style: italic; } strong { font-weight: 700; } abbr, .abbr { font-size: 82%; font-weight: 400; letter-spacing: 0.125em; text-transform: uppercase; } kbd { background-color: var(--sk-color-code-background); border-radius: 4px; color: var(--sk-color-code-text); display: inline-block; font-family: Consolas, "Courier New", mono; padding: 0 0.5em; } .link-more__text { color: var(--sk-color-white); letter-spacing: 0.125em; position: relative; display: inline-block; font-family: var(--sk-font-primary); font-size: 0.9375rem; font-style: normal; font-weight: 400; line-height: 22.5px; /* 150% */ letter-spacing: 0.3px; } .link-more__text::after { content: ""; speak: none; display: block; width: 100%; height: 1px; background: #475b67; background-image: linear-gradient(270deg, #d0d0d0 50%, #d62901 0); background-size: 200% 100%; background-position: 100% 100%; transition: all 0.4s ease-in; } .link-more:hover .link-more__text::after { background-position: 0 100%; } table tbody tr:nth-child(2n) { background-color: #f3f3f3; } table td, table th { padding: 0.375em 1em; } /* stylelint-disable */ :root { --sk-spacing-sm: 1rem; --sk-spacing-base: clamp(20px, 18.5142857143px + 0.0038095238 * 100vw, 24px); --sk-spacing-lg: clamp(24px, 21.0285714286px + 0.0076190476 * 100vw, 32px); --sk-spacing-xl: clamp(32px, 26.0571428571px + 0.0152380952 * 100vw, 48px); --sk-spacing-xxl: clamp(48px, 42.0571428571px + 0.0152380952 * 100vw, 64px); --sk-spacing-xxxl: clamp(64px, 58.0571428571px + 0.0152380952 * 100vw, 80px); --sk-spacing-xxxxl: clamp(80px, 71.0857142857px + 0.0228571429 * 100vw, 104px); --sk-spacing-xxxxxl: clamp(104px, 89.1428571429px + 0.0380952381 * 100vw, 144px); --grid-gutter--min: 1.5; --grid-gutter--max: 3; --grid-gutter--fluid: calc(var(--grid-gutter--min) * 1rem); } @media (min-width: 768px) { :root { --sk-spacing-xxxl: 4.5rem; } } @media (min-width: 1024px) { :root { --grid-gutter--fluid: calc(var(--grid-gutter--max) * 1rem); } } </style> <link rel='stylesheet' id='gform_basic-css' href='https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.9.1' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=2.9.1' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.9.1' type='text/css' media='all' /> <link rel='stylesheet' id='MRSGF-front-css-css' href='https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/css/front.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='MRSGF-jquery-ui-css-css' href='https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/jquery-ui.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='MRSGF-jquery-ui-slider-pips-css-css' href='https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/jquery-ui-slider-pips.css?ver=1.0.0' type='text/css' media='all' /> <script type="text/javascript" id="jquery-core-js-extra"> /* <![CDATA[ */ var smoothAllowedBrowsers = []; /* ]]> */ </script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script defer crossorigin="anonymous" type="text/javascript" src="https://kit.fontawesome.com/b38de89767.js" id="font-awesome-official-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.9.1" id="gform_json-js"></script> <script type="text/javascript" id="gform_gravityforms-js-extra"> /* <![CDATA[ */ var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/www.oomphinc.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.oomphinc.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"63d1bf3b205197ecb3692a95fa6249bd","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":0,"iconText":"Select date"}}; var gf_legacy_multi = {"4":""}; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/www.oomphinc.com\/wp-content\/plugins\/gravityforms\/images"}}; /* ]]> */ </script> <script type="text/javascript" id="gform_gravityforms-js-before"> /* <![CDATA[ */ /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.9.1" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=501a987060f4426fb517400c73c7fc1e" id="gform_gravityforms_utils-js"></script>   <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-MF3DFJ6CQV" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["www.oomphinc.com"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "G-MF3DFJ6CQV"); /* ]]> */ </script>  <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/range-jquery-range.min.js?ver=1.12.1" id="RSFFCF7-range-jquery-ui-js-js"></script> <link rel="https://api.w.org/" href="https://www.oomphinc.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.oomphinc.com/wp-json/wp/v2/pages/115" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.oomphinc.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.4.1" /> <link rel='shortlink' href='https://www.oomphinc.com/?p=115' /> <link rel="alternate" type="application/json+oembed" href="https://www.oomphinc.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.oomphinc.com%2Four-services%2Fdigital-engineering%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.oomphinc.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.oomphinc.com%2Four-services%2Fdigital-engineering%2F&format=xml" /> <meta name="generator" content="Site Kit by Google 1.142.0" />  <script class="hsq-set-content-id" data-content-id="standard-page"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); </script>  <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); </script> <style> .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } </style> <meta name="google-site-verification" content="mnHK5t7dU4ymEekxypEN5bLPjJ51t0b5hgYZd9146s4">  <script type="text/javascript"> /* <![CDATA[ */ ( 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-K49W77' ); /* ]]> */ </script>  <link rel="icon" href="https://www.oomphinc.com/wp-content/uploads/2023/10/Oomph-social-square-RGB-500-150x150.png" sizes="32x32" /> <link rel="icon" href="https://www.oomphinc.com/wp-content/uploads/2023/10/Oomph-social-square-RGB-500-300x300.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.oomphinc.com/wp-content/uploads/2023/10/Oomph-social-square-RGB-500-300x300.png" /> <meta name="msapplication-TileImage" content="https://www.oomphinc.com/wp-content/uploads/2023/10/Oomph-social-square-RGB-500-300x300.png" /> <style type="text/css" id="wp-custom-css"> /* To delete once new CSS is added to the repo. Today's date 2024-09-12 */ .d-none { display: none !important; visibility: hidden !important; } .drop-shadow, figure.drop-shadow > img { box-shadow: .125em .125em 1em rgba(0,0,0,0.15); } figure.drop-shadow { box-shadow: none; } /* For Brand Guide */ .oomph-menu-container p { margin-bottom: 0; } .oomph-menu-container ul { list-style: none; margin: 0 -0.5em; } .oomph-menu-container a { background-image: none !important; display: block; padding: 0.75em 0.5em !important; } .oomph-menu-container a:hover, .oomph-menu-container a:focus { color: var(--sk-color-terciary) !important; text-decoration: underline !important; } </style> </head> <body class="page-template-default page page-id-115 page-child parent-pageid-109" data-template="base.twig"> <a class="skip_link" href="#maincontent">Skip to content</a> <header class="header"> <div class="header__wrapper"> <div class="header__left" data-aos="fade-in" data-aos-duration="400"> <a href="https://www.oomphinc.com" rel="home"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/oomph.svg" alt="Oomph, Inc" width="0" height="0" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/oomph.svg" alt="Oomph, Inc" width="0" height="0"></noscript> </a> </div> <div class="header__right"> <div class="header__nav-main"> <nav id="nav-main" class="nav-main" role="navigation"> <ul class="main" role="menubar"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-141" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/work/">Our Work</a> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-1703 menu-item-has-children" role="menuitem" aria-haspopup="true "> <button aria-expanded="false">Industries</button> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2019" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-industries/health-wellness/">Healthcare + Life Sciences</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-3563" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-industries/higher-education/">Education + Learning</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-146" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-industries/municipalities-government/">Government + Public Sector</a> </li> </ul> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-1704 menu-item-has-children" role="menuitem" aria-haspopup="true "> <button aria-expanded="false">Services</button> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-149" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/user-experience-design/">Experience Design + Development</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-115 current_page_item menu-item-150" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/digital-engineering/">Web + Software Engineering</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-151" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/platforms-partners/">Digital Experience Platforms</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-153" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/support-services/">Product Operations & Enhancements</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-152" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/research-strategy/">Research & Strategy</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-148" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/compliance-accessibility/">Compliance & Accessibility</a> </li> </ul> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-3494" role="menuitem" aria-haspopup="false "> <a target="" href="/careers/">Careers</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-162" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/insights/">Insights</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-163" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/contact/">Let’s Talk</a> </li> </ul> </nav> </div> <div class="header__right--toggler"> <button class="navbar-toggler" type="button" data-name="menu" data-toggle="collapse" data-target="#mobileMenu" aria-controls="mobileMenu" aria-expanded="false" aria-label="Toggle navigation"> </button> </div> </div> <div class="header__mobile-menu"> <div class="header__mobile-content"> <div class="header__mobile-top"> <div class="header__mobile-btns"> <a href="https://www.oomphinc.com/contact/" target="_self">Let’s Talk</a> <button class="navbar-toggler" type="button" data-name="menu" data-toggle="collapse" data-target="#mobileMenu" aria-controls="mobileMenu" aria-expanded="false" aria-label="Toggle navigation"> </button> </div> <form class="search-bar-form" action="https://www.oomphinc.com" role="search" method="GET"> <input required placeholder="Search" id="s" type="text" name="s"> <input type="hidden" name="exclude_post_type" value="project-award"> </form> </div> <nav id="mobileMenu" class="nav-mobile mobileMenu" role="navigation"> <ul class="main" role="menubar"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-141" role="menuitem" "> <a target="" href="https://www.oomphinc.com/work/">Our Work</a> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-1703 menu-item-has-children" role="menuitem" "> <span>Industries</span> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2019" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-industries/health-wellness/">Healthcare + Life Sciences</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-3563" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-industries/higher-education/">Education + Learning</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-146" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-industries/municipalities-government/">Government + Public Sector</a> </li> </ul> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-1704 menu-item-has-children" role="menuitem" "> <span>Services</span> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-149" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/user-experience-design/">Experience Design + Development</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-115 current_page_item menu-item-150" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/digital-engineering/">Web + Software Engineering</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-151" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/platforms-partners/">Digital Experience Platforms</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-153" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/support-services/">Product Operations & Enhancements</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-152" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/research-strategy/">Research & Strategy</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-148" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/compliance-accessibility/">Compliance & Accessibility</a> </li> </ul> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-3494" role="menuitem" "> <a target="" href="/careers/">Careers</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-162" role="menuitem" "> <a target="" href="https://www.oomphinc.com/insights/">Insights</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-163" role="menuitem" "> <a target="" href="https://www.oomphinc.com/contact/">Let’s Talk</a> </li> </ul> </nav> </div> </div> </div> </header> <main role="main" class="content-wrapper" id="maincontent" tabindex="-1"> <div class="wp-block-cover alignfull" style="padding-top:var(--wp--preset--spacing--xxxxl);padding-bottom:var(--wp--preset--spacing--xxxxl)"><span aria-hidden="true" class="wp-block-cover__background has-core-primary-background-color has-background-dim-80 has-background-dim"></span><img loading="lazy" decoding="async" width="2400" height="1600" class="wp-block-cover__image-background wp-image-2155 lazyload" alt="" data-src="https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color.jpg" data-object-fit="cover" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color.jpg 2400w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-300x200.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-1024x683.jpg 1024w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-150x100.jpg 150w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-768x512.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-1536x1024.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-2048x1365.jpg 2048w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-1032x688.jpg 1032w" data-sizes="(max-width: 2400px) 100vw, 2400px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400/1600;" /><noscript><img loading="lazy" decoding="async" width="2400" height="1600" class="wp-block-cover__image-background wp-image-2155" alt="" src="https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color.jpg" data-object-fit="cover" srcset="https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color.jpg 2400w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-300x200.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-1024x683.jpg 1024w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-150x100.jpg 150w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-768x512.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-1536x1024.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-2048x1365.jpg 2048w, https://www.oomphinc.com/wp-content/uploads/2023/11/20170628-IMG_6274-SM-Color-1032x688.jpg 1032w" sizes="(max-width: 2400px) 100vw, 2400px" /></noscript><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0;padding-bottom:0"> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <p class="has-white-color has-text-color has-sk-text-2-xs-caps-font-size">Services:</p> <h1 class="wp-block-heading has-core-lemon-color has-text-color has-sk-text-xxl-font-size">Web + Software Engineering</h1> <div class="wp-block-group is-layout-constrained wp-container-core-group-layout-1 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--xxl);padding-bottom:0"> <p class="has-white-color has-text-color has-sk-text-h-5-font-size">Building robust digital solutions from the ground up that are fast, compliant, and scalable.</p> </div> </div> </div></div> <div class="wp-block-group alignfull has-core-teal-light-background-color has-background is-layout-constrained wp-container-core-group-layout-3 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--xxxxl);padding-bottom:var(--wp--preset--spacing--xxxxl)"> <h2 class="wp-block-heading has-text-align-left has-sk-text-h-1-font-size" style="margin-bottom:var(--wp--preset--spacing--xl)">Is Your Technology Helping or Hurting?</h2> <p class="has-text-align-left has-sk-text-h-5-font-size">Oomph takes the stress out of common website headaches: narrowing down service options, selecting the right site architecture, and keeping current with the latest tools as your business needs and technology trends evolve.</p> <div class="wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--xxl);padding-bottom:0"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="512" height="512" data-src="https://www.oomphinc.com/wp-content/uploads/2023/12/level-up.png" alt="" class="wp-image-2402 lazyload" style="--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512/512;object-fit:contain;width:133px;height:133px" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/level-up.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/level-up-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/level-up-700x700.png 700w" data-sizes="(max-width: 512px) 100vw, 512px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img loading="lazy" decoding="async" width="512" height="512" src="https://www.oomphinc.com/wp-content/uploads/2023/12/level-up.png" alt="" class="wp-image-2402" style="object-fit:contain;width:133px;height:133px" srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/level-up.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/level-up-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/level-up-700x700.png 700w" sizes="(max-width: 512px) 100vw, 512px" /></noscript></figure> <h3 class="wp-block-heading has-sk-text-h-4-font-size">Make sense of what you have</h3> <p>Understand your technology and if it’s really working for your brand, then discover whether to level up that technology — or to let it go.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="512" height="512" data-src="https://www.oomphinc.com/wp-content/uploads/2023/12/architect.png" alt="" class="wp-image-2403 lazyload" style="--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512/512;object-fit:contain;width:133px;height:133px" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/architect.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/architect-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/architect-700x700.png 700w" data-sizes="(max-width: 512px) 100vw, 512px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img loading="lazy" decoding="async" width="512" height="512" src="https://www.oomphinc.com/wp-content/uploads/2023/12/architect.png" alt="" class="wp-image-2403" style="object-fit:contain;width:133px;height:133px" srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/architect.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/architect-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/architect-700x700.png 700w" sizes="(max-width: 512px) 100vw, 512px" /></noscript></figure> <h3 class="wp-block-heading has-sk-text-h-4-font-size">Architect what you need</h3> <p>Develop a strategic plan for your website’s infrastructure, complete with a roadmap for the tools and features you need to operate at your best.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="512" height="512" data-src="https://www.oomphinc.com/wp-content/uploads/2023/12/tools.png" alt="" class="wp-image-2404 lazyload" style="--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512/512;object-fit:contain;width:133px;height:133px" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/tools.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/tools-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/tools-700x700.png 700w" data-sizes="(max-width: 512px) 100vw, 512px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img loading="lazy" decoding="async" width="512" height="512" src="https://www.oomphinc.com/wp-content/uploads/2023/12/tools.png" alt="" class="wp-image-2404" style="object-fit:contain;width:133px;height:133px" srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/tools.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/tools-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/tools-700x700.png 700w" sizes="(max-width: 512px) 100vw, 512px" /></noscript></figure> <h3 class="wp-block-heading has-sk-text-h-4-font-size">Stay on the cutting edge of innovation</h3> <p>Proactively re-platform, integrate the latest tools and services, and monitor the marketplace for new solutions to add to your back end.</p> </div> </div> </div> <div class="wp-block-group has-white-background-color has-background is-layout-constrained wp-container-core-group-layout-5 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--xxxxl);padding-bottom:var(--wp--preset--spacing--xxxxl)"> <div class="wp-block-group is-layout-constrained wp-container-core-group-layout-4 wp-block-group-is-layout-constrained"> <h2 class="wp-block-heading has-text-align-center has-sk-text-h-1-font-size" style="margin-bottom:var(--wp--preset--spacing--xl)">Our Digital Engineering Capabilities</h2> <p class="has-text-align-center has-sk-text-h-5-font-size">Oomph’s team of engineers turns siloed or outdated websites, apps, and tech products into  sophisticated systems that fuel growth. Our expertise ranges from coupled content management systems like Drupal to decoupled front-ends with more composable architectures, such as ReactJS and NextJS.</p> </div> <hr class="wp-block-separator has-text-color has-core-teal-dark-light-color has-alpha-channel-opacity has-core-teal-dark-light-background-color has-background" style="margin-top:var(--wp--preset--spacing--xxl);margin-bottom:var(--wp--preset--spacing--xxl)"/> <h3 class="wp-block-heading has-text-align-center has-sk-text-h-2-font-size" style="margin-bottom:var(--wp--preset--spacing--xl)">Technology Planning & Implementation</h3> <div class="wp-block-columns is-layout-flex wp-container-core-columns-layout-2 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>Technology is the foundation for all things digital. That’s why we don’t stop at uncovering your digital challenges. We go on to build cutting-edge solutions that help you keep pace with your users’ expectations.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>Our capabilities include: </p> <ul> <li>Technology audits</li> <li>Technology roadmapping</li> <li>System architecture planning</li> <li>Vendor evaluation and selection</li> <li>Migrations, updates, and upgrades</li> <li>Ongoing maintenance and support</li> </ul> </div> </div> <hr class="wp-block-separator has-text-color has-core-teal-dark-light-color has-alpha-channel-opacity has-core-teal-dark-light-background-color has-background" style="margin-top:var(--wp--preset--spacing--xxl);margin-bottom:var(--wp--preset--spacing--xxl)"/> <h3 class="wp-block-heading has-text-align-center has-sk-text-h-2-font-size" style="margin-bottom:var(--wp--preset--spacing--xl)">Content Management Systems</h3> <div class="wp-block-columns is-layout-flex wp-container-core-columns-layout-3 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>If your CMS isn’t working for you, we’ll help you migrate to one that does. From content architecture to platform functionality, we’ll recommend the right solution, then configure publishing workflows that make it simple to manage and create effective content.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>Our capabilities include: </p> <ul> <li><a href="https://www.oomphinc.com/our-services/drupal-development-agency/">Drupal</a></li> <li>Composable/headless CMS</li> <li>Personalization tools </li> <li>APIs and integrations </li> <li>Custom content workflows and permissions</li> <li>Web accessibility</li> <li>Multilingual and translation solutions</li> <li>Platform integrations, including CRMs, DAMs, and marketing platforms</li> <li>Flexible page builder tools</li> <li>Top-tier website search tools</li> </ul> </div> </div> <hr class="wp-block-separator has-text-color has-core-teal-dark-light-color has-alpha-channel-opacity has-core-teal-dark-light-background-color has-background" style="margin-top:var(--wp--preset--spacing--xxl);margin-bottom:var(--wp--preset--spacing--xxl)"/> <h3 class="wp-block-heading has-text-align-center has-sk-text-h-2-font-size" style="margin-bottom:var(--wp--preset--spacing--xl)">Cloud & DevOps</h3> <div class="wp-block-columns is-layout-flex wp-container-core-columns-layout-4 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>High-security industries need high-touch support for their cloud-based solutions. We’ll help you find the right technology partner and work with them to configure a secure cloud infrastructure that meets the complex needs of your brand and your customers.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>Our capabilities include: </p> <ul> <li>Infrastructure audits</li> <li>Infrastructure management</li> <li>Modernize/upgrade CI/CD</li> <li>Development workflows</li> </ul> </div> </div> <hr class="wp-block-separator has-text-color has-core-teal-dark-light-color has-alpha-channel-opacity has-core-teal-dark-light-background-color has-background" style="margin-top:var(--wp--preset--spacing--xxl);margin-bottom:var(--wp--preset--spacing--xxl)"/> <h3 class="wp-block-heading has-text-align-center has-sk-text-h-2-font-size" style="margin-bottom:var(--wp--preset--spacing--xl)">Security & Performance</h3> <div class="wp-block-columns is-layout-flex wp-container-core-columns-layout-5 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>A few extra seconds of load time can turn a user who engages into a user who exits. Oomph analyzes every aspect of your tech stack to optimize speed, performance, and compliance with critical security frameworks.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>Our capabilities include: </p> <ul> <li>Performance audits, benchmarking, and tuning</li> <li>Load and scalability testing</li> <li>Security audits and remediation</li> </ul> </div> </div> </div> <div class="wp-block-group is-layout-constrained wp-container-core-group-layout-6 wp-block-group-is-layout-constrained" style="padding-top:0;padding-bottom:var(--wp--preset--spacing--xxxxl)"> <blockquote class="wp-block-quote"> <p>“Our business needs are complex, and Oomph truly got that. They even exposed some issues in our Data Mapper flows that we weren’t aware of. Our final designs were timely and crisp, and I’ve heard nothing but positive feedback from our internal team who will work on implementing them.”</p> <cite>— <strong>BRIAN</strong> <strong>Tetreault</strong>, Director, Revenue Solutions, Inc.</cite></blockquote> </div> <div class="wp-block-cover alignfull has-parallax has-core-primary-color has-text-color" style="padding-top:var(--wp--preset--spacing--xxxxl);padding-bottom:var(--wp--preset--spacing--xxxxl)"><span aria-hidden="true" class="wp-block-cover__background has-core-lemon-background-color has-background-dim-90 has-background-dim"></span><div role="img" class="wp-block-cover__image-background wp-image-2091 has-parallax lazyload" style="background-position:50% 50%;background-image:inherit" data-bg-image="url(https://www.oomphinc.com/wp-content/uploads/2023/10/20170628-IMG_6274-SM.jpg)"></div><div class="wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-layout-2 wp-block-cover-is-layout-constrained"> <h2 class="wp-block-heading has-text-align-center has-sk-text-xl-font-size">Ways to Partner</h2> <div class="wp-block-columns is-layout-flex wp-container-core-columns-layout-6 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--xl)"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="512" height="512" data-src="https://www.oomphinc.com/wp-content/uploads/2023/12/audit-1.png" alt="" class="wp-image-2398 lazyload" style="--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512/512;object-fit:contain;width:90px;height:90px" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/audit-1.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/audit-1-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/audit-1-700x700.png 700w" data-sizes="(max-width: 512px) 100vw, 512px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img loading="lazy" decoding="async" width="512" height="512" src="https://www.oomphinc.com/wp-content/uploads/2023/12/audit-1.png" alt="" class="wp-image-2398" style="object-fit:contain;width:90px;height:90px" srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/audit-1.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/audit-1-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/audit-1-700x700.png 700w" sizes="(max-width: 512px) 100vw, 512px" /></noscript></figure> <h3 class="wp-block-heading has-sk-text-h-4-font-size">Technical Audit</h3> <p>Want to get a better grasp on your website’s back end? Our technical audit is a one-time deep dive into your current tech landscape to make sense of what you have and plan for what you need. </p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="512" height="512" data-src="https://www.oomphinc.com/wp-content/uploads/2023/12/web-design-1.png" alt="" class="wp-image-2399 lazyload" style="--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512/512;object-fit:contain;width:90px;height:90px" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/web-design-1.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/web-design-1-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/web-design-1-700x700.png 700w" data-sizes="(max-width: 512px) 100vw, 512px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img loading="lazy" decoding="async" width="512" height="512" src="https://www.oomphinc.com/wp-content/uploads/2023/12/web-design-1.png" alt="" class="wp-image-2399" style="object-fit:contain;width:90px;height:90px" srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/web-design-1.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/web-design-1-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/web-design-1-700x700.png 700w" sizes="(max-width: 512px) 100vw, 512px" /></noscript></figure> <h3 class="wp-block-heading has-sk-text-h-4-font-size">Redesign or Replatform</h3> <p>Refresh your website, app, or platform, whether that’s moving to a more effective CMS or rebuilding your tech stack from the ground up. We’ll help you build a digital experience that looks great and functions even better.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="512" height="512" data-src="https://www.oomphinc.com/wp-content/uploads/2023/12/technical-support-1.png" alt="" class="wp-image-2400 lazyload" style="--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512/512;object-fit:contain;width:90px;height:90px" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/technical-support-1.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/technical-support-1-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/technical-support-1-700x700.png 700w" data-sizes="(max-width: 512px) 100vw, 512px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img loading="lazy" decoding="async" width="512" height="512" src="https://www.oomphinc.com/wp-content/uploads/2023/12/technical-support-1.png" alt="" class="wp-image-2400" style="object-fit:contain;width:90px;height:90px" srcset="https://www.oomphinc.com/wp-content/uploads/2023/12/technical-support-1.png 512w, https://www.oomphinc.com/wp-content/uploads/2023/12/technical-support-1-300x300.png 300w, https://www.oomphinc.com/wp-content/uploads/2023/12/technical-support-1-700x700.png 700w" sizes="(max-width: 512px) 100vw, 512px" /></noscript></figure> <h3 class="wp-block-heading has-sk-text-h-4-font-size">Ongoing Solutions</h3> <p>Keep our in-house engineering team at the ready, from fixing bugs to performing recurring maintenance to recommending cutting-edge technology solutions.</p> </div> </div> </div></div> <div class="wp-block-group alignfull has-core-teal-light-background-color has-background is-layout-constrained wp-container-core-group-layout-7 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--xxxxl);padding-bottom:var(--wp--preset--spacing--xxxxl)"> <h2 class="wp-block-heading has-sk-text-h-1-font-size">Want To Transform Your Technology?</h2> <p style="margin-bottom:var(--wp--preset--spacing--xxl)">Our technical audit is the first step toward best-in-class digital experiences that fuel compelling user relationships. Complete the form below and a team member will reach out. Required fields are marked with an asterisk(*).</p> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework contact-form_wrapper' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_4' ><div id='gf_4' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <p class='gform_required_legend'>"<span class="gfield_required gfield_required_asterisk">*</span>" indicates required fields</p> </div><form method='post' enctype='multipart/form-data' id='gform_4' class='contact-form' action='/our-services/digital-engineering/#gf_4' data-formid='4' novalidate> <div class='gform-body gform_body'><div id='gform_fields_4' class='gform_fields top_label form_sublabel_below description_above validation_below'><div id="field_4_12" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_4_12" ><label class='gfield_label gform-field-label' for='input_4_12'>Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='gfield_description' id='gfield_description_4_12'>First and Last name, please</div><div class='ginput_container ginput_container_text'><input name='input_12' id='input_4_12' type='text' value='' class='large' aria-describedby="gfield_description_4_12" aria-required="true" aria-invalid="false" /></div></div><div id="field_4_5" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_4_5" ><label class='gfield_label gform-field-label' for='input_4_5'>Organization<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='gfield_description' id='gfield_description_4_5'>Business or entity name </div><div class='ginput_container ginput_container_text'><input name='input_5' id='input_4_5' type='text' value='' class='large' aria-describedby="gfield_description_4_5" aria-required="true" aria-invalid="false" /></div></div><div id="field_4_6" class="gfield gfield--type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_4_6" ><label class='gfield_label gform-field-label' for='input_4_6'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_6' id='input_4_6' type='email' value='' class='large' placeholder='name@domain.com' aria-required="true" aria-invalid="false" /> </div></div><div id="field_4_7" class="gfield gfield--type-phone gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_4_7" ><label class='gfield_label gform-field-label' for='input_4_7'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_7' id='input_4_7' type='tel' value='' class='large' placeholder='XXX-XXX-XXXX' aria-required="true" aria-invalid="false" /></div></div><div id="field_4_13" class="gfield gfield--type-hidden gform_hidden field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_4_13" ><div class='ginput_container ginput_container_text'><input name='input_13' id='input_4_13' type='hidden' class='gform_hidden' aria-invalid="false" value='Web + Software Engineering' /></div></div><div id="field_4_14" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_4_14" ><label class='gfield_label gform-field-label' for='input_4_14'>Email</label><div class='gfield_description' id='gfield_description_4_14'>This field is for validation purposes and should be left unchanged.</div><div class='ginput_container'><input name='input_14' id='input_4_14' type='text' value='' autocomplete='new-password'/></div></div></div></div> <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_4' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' value='START A CONVERSATION' /> <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_4' value='postback' /> <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_4' id='gform_theme_4' value='gravity-theme' /> <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_4' id='gform_style_settings_4' value='{"formId":"4","title":false,"description":false,"inputPrimaryColor":"#204ce5","tpgbDisrule":false,"disRule":"all","displayRules":[{"_key":"0","displayKey":"authentication","tpgb_authentication_value":"authenticated","tpgb_role_value":"administrator","tpgb_os_value":"iphone","tpgb_browser_value":"ie","assigOpr":"is","tpgb_startdate_value":"2021-10-13","tpgb_enddate_value":"2021-10-15","tpgb_time_value":"12:00","tpgb_day_value":"[]","tpgb_post_type_value":"[]","tpgb_page_value":"[]","tpgb_post_value":"[]","tpgb_taxonomy_archive_value":"[]","tpgb_single_terms_value":"[]","tpgb_author_archive_value":"[]","tpgb_post_type_archive_value":"[]","tpgb_static_page_value":"home","tpgb_date_archive_value":"day","tpgb_search_results_value":"","tpgb_single_archive_value":"[]","tpgb_acf_text_name":"[]","tpgb_acf_text_value":"","tpgb_acf_select_name":"[]","tpgb_acf_select_value":"","tpgb_acf_button_group_name":"[]","tpgb_acf_button_group_value":"","tpgb_acf_boolean_name":"[]","tpgb_acf_boolean_value":"true","tpgb_acf_datetime_name":"[]","tpgb_acf_datetime_value":""}]}' /> <input type='hidden' class='gform_hidden' name='is_submit_4' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='4' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_4' value='WyJbXSIsImIwM2Q0Mzg4YTE1ZjM5YTE3MTEwMjBhNzQ0MGMyMGEyIl0=' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_4' id='gform_target_page_number_4' value='0' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_4' id='gform_source_page_number_4' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 4, 'https://www.oomphinc.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_4').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_4');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_4').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_4').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_4').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_4').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_4').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_4').val();gformInitSpinner( 4, 'https://www.oomphinc.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [4, current_page]);window['gf_submitting_4'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_4').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_4').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [4]);window['gf_submitting_4'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_4').text());}else{jQuery('#gform_4').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "4", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_4" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_4"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_4" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [4, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 4, currentPage: current_page } } ); gform.utils.trigger( { event: 'gform/post_render', native: false, data: { formId: 4, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); /* ]]> */ </script> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--xxxxl);padding-bottom:var(--wp--preset--spacing--xxxxl)"> <hr class="wp-block-separator has-text-color has-core-teal-dark-light-color has-alpha-channel-opacity has-core-teal-dark-light-background-color has-background"/> <h2 class="wp-block-heading has-poppins-font-family has-sk-text-2-xs-caps-font-size" style="margin-bottom:var(--wp--preset--spacing--xxl)">Sharing Our Development Expertise</h2> <section class="home gutenberg-block " > <div class="home-insights theme-white related-posts "> <div class="related-posts__container width-full"> <div class="related-posts__title"> </div> <div class="related-posts__posts"> <article class="post-card related-posts__post" id="post-949"> <a href="https://www.oomphinc.com/inside-oomph/drupalcon-2023-event-highlights/" class="link-more"> <img decoding="async" data-src="https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-1200x688-c-default.jpeg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023.jpeg 1200w, https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-300x172.jpeg 300w, https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-1024x587.jpeg 1024w, https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-150x86.jpeg 150w, https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-768x440.jpeg 768w" alt="Drupalcon-2023" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img decoding="async" src="https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-1200x688-c-default.jpeg" srcset="https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023.jpeg 1200w, https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-300x172.jpeg 300w, https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-1024x587.jpeg 1024w, https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-150x86.jpeg 150w, https://www.oomphinc.com/wp-content/uploads/2023/07/Drupalcon-2023-768x440.jpeg 768w" alt="Drupalcon-2023"></noscript> <div class="post-card__content"> <h4>Company & Culture</h4> <h3>DrupalCon 2023: Recapping the Biggest Week in Web Dev</h3> <span class="link-more__text">Read Article</span> </div> </a> </article> <article class="post-card related-posts__post" id="post-1009"> <a href="https://www.oomphinc.com/inside-oomph/oomph-acquia-drupal-cloud-practice-certification/" class="link-more"> <img decoding="async" data-src="https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-1200x688-c-default.jpeg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert.jpeg 1200w, https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-300x172.jpeg 300w, https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-1024x587.jpeg 1024w, https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-150x86.jpeg 150w, https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-768x440.jpeg 768w" alt="drupal-cert" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img decoding="async" src="https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-1200x688-c-default.jpeg" srcset="https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert.jpeg 1200w, https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-300x172.jpeg 300w, https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-1024x587.jpeg 1024w, https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-150x86.jpeg 150w, https://www.oomphinc.com/wp-content/uploads/2022/12/drupal-cert-768x440.jpeg 768w" alt="drupal-cert"></noscript> <div class="post-card__content"> <h4>Digital Engineering</h4> <h3>Oomph Earns Acquia Drupal Cloud Practice Certification</h3> <span class="link-more__text">Read Article</span> </div> </a> </article> <article class="post-card related-posts__post" id="post-1084"> <a href="https://www.oomphinc.com/inside-oomph/asynchronous-messaging-platform-ri-gov/" class="link-more"> <img decoding="async" data-src="https://www.oomphinc.com/wp-content/uploads/2021/05/Syndication_websize-1200x688-c-default.jpeg" srcset="" alt="Syndication_websize" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img decoding="async" src="https://www.oomphinc.com/wp-content/uploads/2021/05/Syndication_websize-1200x688-c-default.jpeg" srcset="" alt="Syndication_websize"></noscript> <div class="post-card__content"> <h4>Digital Engineering</h4> <h3>Asynchronous Messaging Platform helps the State of Rhode Island Departments Inform One Another</h3> <span class="link-more__text">Read Article</span> </div> </a> </article> </div> </div> </div> </section> </div> </main> <footer class="footer"> <div class="footer__container"> <div class="footer__top"> <div class="footer__cta-text"> <h2>Let’s Build What’s Next—Together.</h2> <a class="btn" href="https://www.oomphinc.com/contact/" target="_self">Let’s Chat</a> </div> </div> <div class="footer__center"> <div class="footer__form"> <div data-id="1" data-title="true" data-descr="true" data-ajax="true"> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework sign-up_wrapper' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' ><div id='gf_1' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h2 class="gform_title">Sign Up for Insights</h2> <p class='gform_description'>Subscribe and receive expert insights and strategies on how digital products can deepen your connections with customers, partners, and employees.</p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_1' id='gform_1' class='sign-up' action='/our-services/digital-engineering/#gf_1' data-formid='1' novalidate> <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_above description_below validation_below'><div id="field_1_5" class="gfield gfield--type-email field_sublabel_above gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible" data-js-reload="field_1_5" ><label class='gfield_label gform-field-label' for='input_1_5'>Email</label><div class='ginput_container ginput_container_email'> <input name='input_5' id='input_1_5' type='email' value='' class='large' placeholder='Enter your email' aria-invalid="false" /> </div></div><div id="field_1_6" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_6" ><label class='gfield_label gform-field-label' for='input_1_6'>Phone</label><div class='ginput_container'><input name='input_6' id='input_1_6' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_1_6'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' value='Keep me up to date!' /> <input type='hidden' name='gform_ajax' value='form_id=1&title=1&description=1&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='iframe' /> <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='gravity-theme' /> <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='' /> <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsImIwM2Q0Mzg4YTE1ZjM5YTE3MTEwMjBhNzQ0MGMyMGEyIl0=' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https://www.oomphinc.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_1').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https://www.oomphinc.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_1').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: current_page } } ); gform.utils.trigger( { event: 'gform/post_render', native: false, data: { formId: 1, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); /* ]]> */ </script> </div> </div> <div class="footer__socials"> <div class="footer__socials-title"> <p>Connect</p> </div> <div class="footer__socials-links"> <div class="footer__socials-media"> <div class="footer__socials-desc"> <p>Follow us for the latest — each channel curated according to your interests:</p> </div> <div class="footer__socials-link"> <a href="https://www.linkedin.com/company/oomph-inc./" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/Linkedin.svg" alt="Linkedin" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/Linkedin.svg" alt="Linkedin"></noscript> LinkedIn for strategic insights</a> <a href="https://twitter.com/oomphinc" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/twitter-x-1.svg" alt="twitter-x 1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/twitter-x-1.svg" alt="twitter-x 1"></noscript> X for conversation & sharing</a> <a href="https://www.youtube.com/@oomphinc" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/YouTube.svg" alt="YouTube" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/YouTube.svg" alt="YouTube"></noscript> YouTube for knowledge sharing</a> <a href="https://www.instagram.com/oomphinc/" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/instagram.svg" alt="instagram" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/instagram.svg" alt="instagram"></noscript> Instagram for design & culture</a> </div> </div> <div class="footer__socials-platforms"> <div class="footer__socials-platform"> <p class="footer__socials-desc">Reviews are independently gathered.</p> <iframe id="iframe-0.03849654114372725" width="100%" data-src="https://widget.clutch.co/widgets/get/14?ref_domain=www.oomphinc.com&uid=104694&header_color=%23112b3b&footer_color=%23112b3b&primary_color=%230ac9c2&secondary_color=%230ac9c2&rel_nofollow=true&ref_path=/" height="50px" scrolling="no" style="border: none; overflow: hidden; display: block;" title="[object Object]14" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" data-load-mode="1"></iframe> </div> <div class="footer__socials-platform"> <p class="footer__socials-desc">Oomph is a member of 1% For The Planet, donating 1% of revenue each year to environmental non-profits. </p> <a href="https://directories.onepercentfortheplanet.org/profile/oomph-inc" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/1ftp_BusinessMember_Horizontal-1.svg" alt="1% for the Planet member" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/1ftp_BusinessMember_Horizontal-1.svg" alt="1% for the Planet member"></noscript> </a> </div> </div> </div> </div> </div> <div class="footer__bottom"> <p><a href="https://www.oomphinc.com/privacy-policy">Your Privacy</a>, <a href="https://www.oomphinc.com/accessibility-statement">Accessibility</a></p> <p> </p> <p>©2025 Oomph, Inc.</p> </div> </div> </footer> <div class="wppopups-whole" style="display: none"></div>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K49W77" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <link rel='stylesheet' id='block-related-posts-css' href='https://www.oomphinc.com/wp-content/themes/oomphinc/public/css/blocks/related-posts.css' type='text/css' media='all' /> <style id='core-block-supports-inline-css' type='text/css'> .wp-container-core-group-layout-1.wp-container-core-group-layout-1 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:800px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-layout-1.wp-container-core-group-layout-1 > .alignwide{max-width:800px;}.wp-container-core-group-layout-1.wp-container-core-group-layout-1 .alignfull{max-width:none;}.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1{flex-wrap:nowrap;gap:0 var(--wp--preset--spacing--xl);}.wp-container-core-group-layout-3.wp-container-core-group-layout-3 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1088px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-layout-3.wp-container-core-group-layout-3 > .alignwide{max-width:1088px;}.wp-container-core-group-layout-3.wp-container-core-group-layout-3 .alignfull{max-width:none;}.wp-container-core-group-layout-4.wp-container-core-group-layout-4 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:800px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-layout-4.wp-container-core-group-layout-4 > .alignwide{max-width:800px;}.wp-container-core-group-layout-4.wp-container-core-group-layout-4 .alignfull{max-width:none;}.wp-container-core-columns-layout-2.wp-container-core-columns-layout-2{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--xl);}.wp-container-core-columns-layout-3.wp-container-core-columns-layout-3{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--xl);}.wp-container-core-columns-layout-4.wp-container-core-columns-layout-4{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--xl);}.wp-container-core-columns-layout-5.wp-container-core-columns-layout-5{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--xl);}.wp-container-core-group-layout-5.wp-container-core-group-layout-5 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1088px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-layout-5.wp-container-core-group-layout-5 > .alignwide{max-width:1088px;}.wp-container-core-group-layout-5.wp-container-core-group-layout-5 .alignfull{max-width:none;}.wp-container-core-group-layout-6.wp-container-core-group-layout-6 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1024px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-layout-6.wp-container-core-group-layout-6 > .alignwide{max-width:1024px;}.wp-container-core-group-layout-6.wp-container-core-group-layout-6 .alignfull{max-width:none;}.wp-container-core-columns-layout-6.wp-container-core-columns-layout-6{flex-wrap:nowrap;}.wp-container-core-cover-layout-2.wp-container-core-cover-layout-2 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1088px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-cover-layout-2.wp-container-core-cover-layout-2 > .alignwide{max-width:1088px;}.wp-container-core-cover-layout-2.wp-container-core-cover-layout-2 .alignfull{max-width:none;}.wp-container-core-group-layout-7.wp-container-core-group-layout-7 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1088px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-layout-7.wp-container-core-group-layout-7 > .alignwide{max-width:1088px;}.wp-container-core-group-layout-7.wp-container-core-group-layout-7 .alignfull{max-width:none;} </style> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/hooks.min.js?ver=c6aec9a8d4e5a5d543a1" id="wp-hooks-js"></script> <script type="text/javascript" id="wppopups-js-extra"> /* <![CDATA[ */ var wppopups_vars = {"is_admin":"","ajax_url":"https:\/\/www.oomphinc.com\/wp-admin\/admin-ajax.php","pid":"115","is_front_page":"","is_blog_page":"","is_category":"","site_url":"https:\/\/www.oomphinc.com","is_archive":"","is_search":"","is_singular":"1","is_preview":"","facebook":"","twitter":"","val_required":"This field is required.","val_url":"Please enter a valid URL.","val_email":"Please enter a valid email address.","val_number":"Please enter a valid number.","val_checklimit":"You have exceeded the number of allowed selections: {#}.","val_limit_characters":"{count} of {limit} max characters.","val_limit_words":"{count} of {limit} max words.","disable_form_reopen":"__return_false"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/wp-popups-lite/src/assets/js/wppopups.js?ver=2.2.0.2" id="wppopups-js"></script> <script type="text/javascript" id="manifest-js-extra"> /* <![CDATA[ */ var themeVars = {"home":"https:\/\/www.oomphinc.com","isHome":"","ajaxUrl":"https:\/\/www.oomphinc.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/manifest.js" id="manifest-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/vendor/jquery.js" id="vendor-jquery-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/app.js" id="app-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/templates/index.js" id="template-index-js"></script> <script type="text/javascript" id="leadin-script-loader-js-js-extra"> /* <![CDATA[ */ var leadin_wordpress = {"userRole":"visitor","pageType":"page","leadinPluginVersion":"11.1.75"}; /* ]]> */ </script> <script type="text/javascript" src="https://js.hs-scripts.com/48833622.js?integration=WordPress&ver=11.1.75" id="leadin-script-loader-js-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/dom-ready.min.js?ver=392bdd43726760d1f3ca" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/a11y.min.js?ver=7032343a947cfccf5608" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/js/jquery.maskedinput.min.js?ver=2.9.1" id="gform_masked_input-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.9.1" id="gform_placeholder-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=ddd2702ee024d421149a5e61416f1ff5" id="gform_gravityforms_theme_vendors-js"></script> <script type="text/javascript" id="gform_gravityforms_theme-js-extra"> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"63d1bf3b205197ecb3692a95fa6249bd"},"ajax":{"ajaxurl":"https:\/\/www.oomphinc.com\/wp-admin\/admin-ajax.php","ajax_submission_nonce":"4a8d2c0d0a","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again."}},"product_meta":{"4":null},"pagination":{"4":""}}},"hmr_dev":"","public_path":"https:\/\/www.oomphinc.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/","config_nonce":"2d57425af9"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=434d0c7a9798b432de24db888073c55f" id="gform_gravityforms_theme-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.16.6" id="smush-lazy-load-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/jquery.ui.touch-punch.min.js?ver=1.0.0" id="MRSGF-jquery-ui-touch-punch-js-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/jquery-ui-slider-pips.js?ver=1.0.0" id="MRSGF-jquery-ui-slider-pips-js-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/front.js?ver=6.4.1" id="MRSGF-front-js-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/blocks/related-posts.js" id="block-related-posts-js"></script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 4) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }jQuery('#input_4_7').mask('(999) 999-9999').bind('keypress', function(e){if(e.which == 13){jQuery(this).blur();} } );} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "4", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_4" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_4"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_4" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [4, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 4, currentPage: 1 } } ); gform.utils.trigger( { event: 'gform/post_render', native: false, data: { formId: 4, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: 1 } } ); gform.utils.trigger( { event: 'gform/post_render', native: false, data: { formId: 1, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); /* ]]> */ </script> </body> </html>