:root { --midnight-blue: #141d4b; --light-sea-green: #16a2a2; --white: white; --teal2: #107a7a; --coral: #ff742a; --dodger-blue: #2a87ff; --royal-blue: #236bc9; --mint-cream: #f5fdfd; --teal1: #158484; --new-shadow: rgba(0, 0, 0, .24); --alice-blue: #f3f8ff; --dark-grey: #333; --black-3: rgba(51, 51, 51, .5); --black: #333; --black-2: #333; --midnight-blue-2: rgba(20, 29, 75, .7); --dark-cyan: #0f9999; --new-dark-cyan: #108080; --teal: #117a7a; }
.w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; }
.w-checkbox-input { float: left; margin: 4px 0px 0px -20px; line-height: normal; }
body { color: rgb(51, 51, 51); font-family: Satoshi, sans-serif; font-size: 16px; line-height: 20px; }
h2 { margin-top: 20px; margin-bottom: 20px; font-family: Satoshi, sans-serif; font-size: 24px; font-weight: 400; line-height: 36px; }
h3 { margin-top: 20px; margin-bottom: 10px; font-size: 24px; font-weight: normal; line-height: 30px; }
h4 { margin-top: 10px; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 24px; }
p { color: var(--midnight-blue); margin-bottom: 10px; font-family: Satoshi, sans-serif; font-size: 16px; text-align: justify; }
a { color: var(--new-dark-cyan); font-family: Satoshi, sans-serif; text-decoration: none; }
.navbar { background-color: var(--white); height: 120px; }
.nav-link { padding: 7px 0px; font-family: Satoshi, sans-serif; font-size: 14px; font-weight: 300; }
.orangebut { background-color: var(--coral); background-image: url("../images/whitearrow.webp"); background-position: 90% center; background-repeat: no-repeat; background-size: auto 25px; border-radius: 5px; flex: 0 0 auto; padding-top: 12px; padding-bottom: 12px; padding-right: 47px; font-family: Satoshi, sans-serif; font-weight: 500; display: inline-block; transform: rotate(0deg); }
.brand { margin-top: 0px; }
.banner { background-image: url("../images/banner2.webp"); background-position: 0px 0px; background-size: cover; height: 400px; margin-bottom: 0px; position: relative; }
.banner.casestudies { background-image: linear-gradient(86deg, var(--midnight-blue), rgba(255, 255, 255, 0) 87%), url('../images/caseimages-1600.webp'); background-position: 0px 0px, 50% center; background-size: auto, cover; height: 300px; }
.bannerhead { color: var(--white); margin-top: 0px; padding-top: 40px; font-family: Satoshi, sans-serif; font-size: 48px; font-weight: 400; line-height: 56px; }
.innercontent { max-width: 1220px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
.innercontent.wide { max-width: 1220px; padding-left: 30px; padding-right: 30px; }
.innercontent._2col { justify-content: space-between; display: flex; }
.bannertextbox { z-index: 20; position: relative; }
.bannertextbox.features { width: 70%; }
.subhead { color: var(--white); font-family: Satoshi, sans-serif; font-size: 24px; font-weight: 500; line-height: 32px; }
.subhead.small { margin-bottom: 15px; font-size: 18px; font-weight: 400; line-height: 26px; text-align: justify; }
.whitesection { margin-top: 40px; }
.whitesection.trans { margin-top: 0px; }
._2column { justify-content: space-between; display: flex; }
.greenhead { color: var(--teal1); margin-top: 10px; margin-bottom: 0px; font-family: Satoshi, sans-serif; }
.greenhead.big { margin-bottom: 22px; font-size: 32px; line-height: 38px; text-align: left; }
.greenhead.big.lighter-green { color: var(--light-sea-green); }
._3column { flex-wrap: nowrap; justify-content: space-between; margin-top: 40px; margin-bottom: 40px; display: flex; }
._3column.wrap { gap: 20px; flex-wrap: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; }
._3column.wrap.case { row-gap: 20px; grid-template-rows: auto auto auto auto auto auto auto auto auto auto; margin-top: 0px; }
._3column.wrap.case.extra-top-padd { row-gap: 20px; grid-template-rows: auto auto auto auto auto; }
.uspblock { flex-direction: column; flex: 0 1 30%; align-items: flex-start; height: 350px; min-height: 350px; margin-top: 10px; display: flex; position: relative; overflow: visible; }
.uspblock.tate { background-image: url("../images/Tate_Britain_Millbank_London.webp"); background-position: 50% center; background-size: cover; min-height: 350px; }
.blueheader { z-index: 100; background-color: var(--midnight-blue); opacity: 1; flex: 0 0 auto; width: 100%; height: 60px; padding: 0px 20px 20px 30px; position: absolute; inset: 0% 0% auto; overflow: hidden; }
.casetitle { color: var(--white); text-transform: uppercase; flex: 1 1 0%; width: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; font-family: Satoshi, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; display: inline-block; }
.greensection { background-color: var(--light-sea-green); margin-top: 40px; margin-bottom: 79px; }
.greensection.no-bott-padd { background-color: var(--teal1); margin-bottom: 0px; }
.emailtext { color: var(--white); padding-right: 0px; font-family: Satoshi, sans-serif; font-size: 24px; line-height: 32px; margin-top: 2px; }
.regwrapper { justify-content: space-between; align-items: center; padding-top: 40px; padding-bottom: 40px; display: flex; }
.signup { width: 60%; margin: 0px; display: block; }
.demoform { justify-content: space-between; align-items: center; margin-bottom: 10px; display: flex; }
.formfield { border-bottom: 2px solid var(--midnight-blue); background-color: var(--mint-cream); border-top-left-radius: 5px; border-top-right-radius: 5px; width: 40%; height: auto; margin-bottom: 20px; margin-right: 30px; padding-top: 10px; padding-bottom: 10px; }
.formfield.enquiry { border-bottom-width: 2px; border-bottom-color: var(--light-sea-green); width: 100%; max-width: 300px; margin-bottom: 10px; }
.formfield.enquiry.textarea { width: 100%; max-width: 300px; height: 95px; }
.smallwhitetext { color: var(--white); margin-top: 20px; margin-bottom: 10px; font-family: Satoshi, sans-serif; font-size: 16px; line-height: 20px; text-align: justify; }
.bluesection { background-color: var(--midnight-blue); color: var(--midnight-blue); background-image: url("../images/greencirclebott.webp"); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto 90%; }
._50-column { flex: 0 1 48%; padding-top: 40px; padding-bottom: 5px; }
._50-column.form { flex-basis: 45%; }
._50-column.wider { flex-basis: 54%; }
.whitetext { color: var(--white); margin-bottom: 40px; font-family: Satoshi, sans-serif; font-size: 18px; line-height: 28px; }
.whitetext.small { opacity: 1; margin-bottom: 0px; padding-bottom: 15px; padding-right: 20px; font-size: 14px; line-height: 20px; }
.smallicon { width: 30px; margin-right: 20px; }
.getintouchbox { margin-top: 15px; }
.link { font-size: 20px; text-decoration: none; }
.enquiryform { justify-content: space-between; display: flex; }
.formcol { flex: 0 1 48%; }
.greenbut { background-color: var(--teal1); border-radius: 5px; font-weight: 500; }
.checkbox-label { color: var(--white); margin-left: 20px; margin-top: -24px; }
.enquiryblock { }
.footer { padding-bottom: 20px; }
.footer-link { color: var(--dark-grey); font-weight: 500; line-height: 28px; text-decoration: none; display: block; }
.footer-link.grey { color: var(--dark-grey); width: 20%; margin-right: 0px; font-size: 12px; display: inline; }
.footer-link.grey.terms { width: 50%; }
.footer-column { }
.heading-2 { opacity: 1; color: var(--dodger-blue); border-radius: 7px; font-size: 22px; font-weight: 500; }
.checkbox { margin-bottom: 24px; display: flex; }
.checkbox-2 { flex: 0 0 auto; width: 25px; height: 25px; margin-right: 0px; }
.nav-menu { flex: 1 1 0%; justify-content: space-around; align-items: center; margin-left: 5%; margin-top: 10px; display: flex; position: static; }
.wave { transform-style: preserve-3d; width: auto; position: absolute; top: 444.516px; left: 98px; right: 0px; overflow: hidden; transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg) rotate(18deg); }
.wave.curl { inset: auto -172px 0px auto; transform: none; }
.wrapper { height: auto; overflow: hidden; }
.caselogo { float: right; max-width: 80px; height: auto; max-height: 30px; margin-top: 0px; }
.caselogo.bigger { background-color: var(--white); max-width: 100px; max-height: 40px; padding: 5px; }
.caselogowrapper { justify-content: space-between; align-items: center; width: 100%; height: 60px; padding-left: 0px; display: flex; }
.casetab { background-color: var(--teal2); color: var(--white); border-radius: 5px; margin-left: 0px; margin-right: 20px; padding-left: 20px; padding-right: 20px; font-weight: 500; display: inline-block; }
.casetab.w--current { border: 1px solid var(--teal2); background-color: var(--mint-cream); color: var(--teal2); border-radius: 5px; }
.text-block-9 { font-size: 14px; font-weight: 700; }
.white-box { background-color: var(--white); padding: 5px; }
.logo-white-background { background-color: var(--white); padding: 3px; }
.caseimagelink { object-fit: cover; background-color: rgba(0, 0, 0, 0); width: 100%; height: 100%; max-height: 350px; overflow: hidden; }
.casetabs { margin-top: 40px; }
.caseblockimage { opacity: 1; object-fit: cover; width: 100%; height: 100%; display: block; overflow: hidden; }
.green-inline { color: var(--teal1); }
@media screen and (min-width: 1440px){.nav-link { padding-left: 1%; padding-right: 1%; font-size: 16px; }.nav-menu { margin-left: 5%; }}
@media screen and (max-width: 1800px){@media screen and (min-width: 1920px){.heading-2 { opacity: 0.6; }}@media screen and (max-width: 991px){.nav-link { border-bottom: 2px dotted var(--light-sea-green); padding-top: 20px; padding-bottom: 20px; font-size: 16px; line-height: 24px; width: 100%; }.banner { height: 350px; }.banner.casestudies { background-image: linear-gradient(86deg, var(--midnight-blue), rgba(255, 255, 255, 0) 87%), url('../images/caseimages-1200.webp'); }.subhead { font-size: 20px; font-weight: 400; }.bannertextbox { width: 60%; }.bannertextbox.features { width: 50%; }.whitesection { margin-top: 40px; }._2column { flex-direction: column; }._3column { flex-flow: column; justify-content: flex-start; margin-top: 20px; }._3column.wrap.case { margin-top: 0px; }._3column.wrap.case.extra-top-padd { margin-top: 40px; }.uspblock { flex: 0 0 auto; margin-bottom: 0px; }.uspblock.tate { margin-top: 10px; margin-bottom: 10px; }.greensection.no-bott-padd { margin-top: 40px; }.emailtext { align-self: flex-start; }.regwrapper { padding-top: 40px; padding-bottom: 20px; }.signup { width: 50%; }.demoform { flex-direction: column; align-items: flex-start; }.formfield { margin-bottom: 20px; width: 100%; }.bluesection { padding-bottom: 20px; }._50-column { padding-top: 20px; padding-bottom: 10px; }.icon { color: rgb(0, 0, 0); font-size: 60px; }.heading-2 { opacity: 1; }.nav-menu { background-color: var(--white); width: 100%; margin-left: 0px; padding: 10px 20px 20px; flex-direction: column; align-items: flex-start; justify-content: flex-start; }.menu-button { background-color: rgba(0, 0, 0, 0); }.caseimagelink { background-color: rgba(0, 0, 0, 0); height: 100%; }.footer-link { font-size: 14px; }}@media screen and (max-width: 768px){.banner { background-position: 100% center; height: auto; margin-bottom: 40px; position: relative; }.innercontent._2col { flex-wrap: wrap; }.bannertextbox { width: 100%; }.bannertextbox.features { flex: 0 1 auto; width: 100%; }.greenhead { margin-top: 0px; font-size: 20px; }._3column.wrap.case { grid-template-columns: 1fr 1fr; }._3column.wrap.case.extra-top-padd { margin-top: 0px; }.regwrapper { flex-direction: row; align-items: flex-start; }.regwrapper.rightcol, .formfield { width: 100%; }.signup { width: 50%; }._50-column { padding-top: 30px; }.footer-link.grey { line-height: 18px; }.casetab { margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; }.caseimagelink { background-color: rgba(0, 0, 0, 0); position: static; }.casetabs { margin-top: 0px; }}@media screen and (max-width: 690px){.navbar { height: auto; }.nav-link { padding-top: 15px; padding-bottom: 15px; }.orangebut { margin-top: 16px; margin-bottom: 16px; }.banner { background-size: contain; margin-bottom: 0px; }.bannerhead { padding-top: 30px; font-size: 46px; font-weight: 700; line-height: 50px; }.innercontent { padding: 20px 20px 10px; }.bannertextbox { padding-bottom: 40px; }.bannertextbox.features { min-height: 0px; }.whitesection { margin-top: 0px; padding-top: 0px; }._3column.wrap.less-top-padd, ._3column.wrap.case { grid-template-columns: 1fr; }.uspblock { flex-direction: column; height: 350px; min-height: 350px; margin-bottom: 0px; }.greensection.no-bott-padd { margin-top: 20px; }.emailtext { margin-bottom: 28px; }.regwrapper { flex-direction: column; padding-top: 0px; padding-bottom: 0px; }.signup { margin-left: 0px; width: 100%; }.formfield { width: 100%; }.bluesection { padding-bottom: 0px; }._50-column { padding-top: 0px; padding-bottom: 0px; }.enquiryform { flex-direction: column; margin-top: 20px; }.formcol { margin-bottom: 20px; }.footer { padding-bottom: 20px; }.footer-link.grey { flex: 0 1 25px; }.footer-link.grey.terms { flex-basis: 50%; line-height: 18px; }.nav-menu { padding-bottom: 20px; }.menu-button { padding-top: 14px; padding-bottom: 14px; }.wave { width: 200%; max-width: 200%; top: 322.516px; left: -263px; }.casetab { width: 46%; margin-bottom: 14px; }.footer-link { font-size: 16px; }}#w-node-f520d869-156d-3aa9-8a1c-6ad659b19503-50d44821, #w-node-fbdc1af8-7ca5-e350-e890-b51447d30371-50d44821, #w-node-_0e54b88e-5a7e-1bb3-ea80-a1f23b19c361-50d44821, #w-node-_152fc089-a03a-5fbf-1aa2-e19094ef1851-14b6764d, #w-node-_145c8422-d4b9-2e34-e52c-99c2f6f53930-3ac3a245 { grid-area: span 1 / span 1 / span 1 / span 1; }}