@charset "UTF-8";
figure[image], body.introduction slide-show:after, introduction-wrapper:before, introduction-wrapper:after, .video:after, body > progress-bar:before, background-image.fade:after, body.locked site-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

body.introduction slide-show:after, introduction-wrapper:before, introduction-wrapper:after, .video:after, body > progress-bar:before, background-image.fade:after, body.locked site-wrapper:before {
  content: "";
}

.bold, navigation-bar main-nav > div .slogan, site-wrapper > header h1, form.contactForm .ff-form-success p, form.contactForm .ff-form-errors p, form#sanitisation-form .ff-form-success p, form#sanitisation-form .ff-form-errors p, text-block h4, .regular, .medium, .default, body, .light, site-wrapper > header .lead, .thin {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: Helvetica, Arial, sans-serif;
}

@font-face {
  font-family: "Flama Regular";
  src: url("/assets/fonts/Flama-Regular.eot") format("eot"), url("/assets/fonts/Flama-Regular.svg") format("svg"), url("/assets/fonts/Flama-Regular.ttf") format("ttf"), url("/assets/fonts/Flama-Regular.woff") format("woff");
}
@font-face {
  font-family: "Flama Bold";
  src: url("/assets/fonts/Flama-Bold.eot") format("eot"), url("/assets/fonts/Flama-Bold.svg") format("svg"), url("/assets/fonts/Flama-Bold.ttf") format("ttf"), url("/assets/fonts/Flama-Bold.woff") format("woff");
}
@font-face {
  font-family: "Flama Medium";
  src: url("/assets/fonts/Flama-Medium.eot") format("eot"), url("/assets/fonts/Flama-Medium.svg") format("svg"), url("/assets/fonts/Flama-Medium.ttf") format("ttf"), url("/assets/fonts/Flama-Medium.woff") format("woff");
}
.thin {
  font-family: "Flama Regular", Helvetica, sans-serif;
  font-weight: 100;
}

.light, site-wrapper > header .lead {
  font-family: "Flama Regular", Helvetica, sans-serif;
  font-weight: 300;
}

.medium, .default, body {
  font-family: "Flama Regular", Helvetica, sans-serif;
  font-weight: 400;
}

.regular {
  font-family: "Flama Regular", Helvetica, sans-serif;
  font-weight: 500;
}

.bold, navigation-bar main-nav > div .slogan, site-wrapper > header h1, form.contactForm .ff-form-success p, form.contactForm .ff-form-errors p, form#sanitisation-form .ff-form-success p, form#sanitisation-form .ff-form-errors p, text-block h4 {
  font-family: "Flama Bold", Helvetica, sans-serif;
  font-weight: 700;
}

:root {
  --primary: #0258b9;
  --secondary: #489cf4;
  --nav-width: 270px;
  --sidebar-width: 300px;
  --gaps: 30px;
  --vertical-spacing: 5vh;
  --horizontal-spacing: 5vw;
  --gutters: 32px;
  --border-radius: 4px;
  --font-size: 16px;
}

html, body, div, span, applet, object, iframe, h1, h2, form legend, h3, text-block h4, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

:root {
  font-size: 62.5%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}
*:focus, *:before:focus, *:after:focus {
  outline: 0;
}

html, body {
  min-width: 320px;
  min-height: 100%;
}

p:empty, pre:empty, blockquote:empty, ol:empty, ul:empty, li:empty, legend:empty, figcaption:empty, body:empty, article:empty, nav:empty, aside:empty, section:empty, header:empty, footer:empty, main:empty, address:empty {
  display: none;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

svg, symbol {
  overflow: visible;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

body {
  font-size: 1.6rem;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color: #000;
  height: 100%;
  width: 100%;
}
body ::-moz-selection {
  color: black;
  background-color: var(#EB9F24);
}
body ::selection {
  color: black;
  background-color: var(#EB9F24);
}
body:not(.dev-mode):after {
  display: none;
}

address {
  font-style: normal;
}

hr {
  border: none;
  height: 1px;
  background-color: #000;
  margin: 30px 0;
  box-sizing: content-box;
  overflow: visible;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

ol, ul {
  list-style: none;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
  background-color: white;
  color: black;
  padding: 16px;
  position: relative;
  z-index: 9999;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
button:focus,
[type=button]:focus,
[type=reset]:focus,
[type=submit]:focus {
  outline: 0;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[disabled] {
  cursor: default;
}

input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
  border-radius: 0;
  border: 0;
  text-rendering: optimizeLegibility;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-font-smoothing: antialiased;
}
input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
  outline: 0;
}
input[type=color]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder, input[type=datetime]:focus::-webkit-input-placeholder, input[type=datetime-local]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=month]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=text]:focus::-webkit-input-placeholder, input[type=time]:focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, input[type=week]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a9a9a9;
  -webkit-transition: color 0.2s 0s ease-in-out;
  transition: color 0.2s 0s ease-in-out;
}
input[type=color]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder, input[type=datetime]:focus::-moz-placeholder, input[type=datetime-local]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=month]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=time]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, input[type=week]:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
}
input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, textarea::-moz-placeholder {
  color: #a9a9a9;
  -moz-transition: color 0.2s 0s ease-in-out;
  transition: color 0.2s 0s ease-in-out;
}
input[type=color]:focus:-moz-placeholder, input[type=date]:focus:-moz-placeholder, input[type=datetime]:focus:-moz-placeholder, input[type=datetime-local]:focus:-moz-placeholder, input[type=email]:focus:-moz-placeholder, input[type=month]:focus:-moz-placeholder, input[type=number]:focus:-moz-placeholder, input[type=password]:focus:-moz-placeholder, input[type=search]:focus:-moz-placeholder, input[type=tel]:focus:-moz-placeholder, input[type=text]:focus:-moz-placeholder, input[type=time]:focus:-moz-placeholder, input[type=url]:focus:-moz-placeholder, input[type=week]:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: transparent;
}
input[type=color]:-moz-placeholder, input[type=date]:-moz-placeholder, input[type=datetime]:-moz-placeholder, input[type=datetime-local]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=month]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=time]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=week]:-moz-placeholder, textarea:-moz-placeholder {
  color: #a9a9a9;
  -moz-transition: color 0.2s 0s ease-in-out;
  transition: color 0.2s 0s ease-in-out;
}
input[type=color]:focus:-ms-input-placeholder, input[type=date]:focus:-ms-input-placeholder, input[type=datetime]:focus:-ms-input-placeholder, input[type=datetime-local]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=month]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, input[type=time]:focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, input[type=week]:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: transparent;
}
input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a9a9a9;
  -ms-transition: color 0.2s 0s ease-in-out;
  transition: color 0.2s 0s ease-in-out;
}

img {
  border-style: none;
}

em {
  font-style: italic;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #000;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bold;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

textarea {
  resize: none;
  overflow: auto;
}

html, body {
  height: initial;
}

iteration-test {
  display: flex;
  padding: 15px;
  counter-reset: box;
}
iteration-test.set-1 {
  background-color: rgba(235, 159, 36, 0.5);
}
iteration-test.set-2 {
  background-color: rgba(255, 255, 255, 0.5);
}
iteration-test div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #488C13;
  margin: 15px;
  width: 200px;
  height: 100px;
  transition: background-color 0.2s 0s ease-in-out;
}
iteration-test div:before {
  content: counter(box);
  font-size: 40px;
  color: white;
  font-weight: bold;
  counter-increment: box;
}
iteration-test div.current {
  background-color: blue;
}

body {
  overflow-y: scroll;
}
body site-wrapper {
  min-height: 100vh;
  min-width: 320px;
  width: 100%;
}
body.locked {
  overflow: hidden;
  height: 100vh;
}
body.locked site-wrapper:before {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10;
}
html[data-device=mobile] body.locked site-wrapper {
  height: inherit;
}
html[data-device=mobile] body.locked navigation-bar main-nav > div {
  padding-bottom: 110px !important;
}

html[data-device=tablet] body.locked site-wrapper {
  height: inherit;
}
html[data-device=tablet] body.locked navigation-bar main-nav > div {
  padding-bottom: 110px !important;
}

@media (min-width: 321px) {
  body {
    overflow-x: hidden;
  }
}
body ::-moz-selection {
  color: #EB9F24;
  background-color: var(secondary);
}
body ::selection {
  color: #EB9F24;
  background-color: var(secondary);
}
@media screen {
  body.dev-environment:before {
    content: "❯ 320px";
    background-color: #741313;
    bottom: 0;
    right: 0;
    font-family: Arial;
    padding: 4px 15px;
    transition: background-color 0.2s 0s ease-in-out, color 0.2s 0s ease-in-out;
    pointer-events: none;
    position: fixed;
    z-index: 9999;
    font-size: 12px;
    line-height: 16px;
    color: white;
    text-align: center;
  }
}
@media screen and (max-width: 320px) {
  body.dev-environment:before {
    content: "min < 320px";
    background-color: #cb2222;
    color: white;
  }
}
@media screen and (min-width: 1101px) {
  body.dev-environment:before {
    content: "max 1100px >";
    background-color: #488C13;
    color: white;
  }
}
body.dev-environment:before {
  right: auto;
  left: 0;
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  :root {
    --backdrop-filter-supported: true;
  }
}

a {
  transition: color 0.2s 0s ease-in-out;
}

pre {
  background-color: white;
  color: black;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 30px;
  position: relative;
  z-index: 999;
}

.blue-gradient, navigation-bar main-nav > div .slogan, .freeform-row .freeform-column .freeform-input[type=radio]:checked, .freeform-row .freeform-column .freeform-input[type=radio]:hover {
  background: #0258b9;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$blue, endColorstr=$blue-light,GradientType=1 );
}

.blur, navigation-bar main-nav > div nav, navigation-bar main-nav > div contact-us, navigation-bar main-nav > div social-media, form button[type=submit], html[data-locale*=rsa] .links-container-container .link, html[data-locale*=uae] .links-container-container .link, site-wrapper side-bar ul li a, body.where-we-operate .countries-list li a, .links-container ul li .link, next-page {
  background-color: rgba(0, 0, 0, 0.4);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .blur, navigation-bar main-nav > div nav, navigation-bar main-nav > div contact-us, navigation-bar main-nav > div social-media, form button[type=submit], html[data-locale*=rsa] .links-container-container .link, html[data-locale*=uae] .links-container-container .link, site-wrapper side-bar ul li a, body.where-we-operate .countries-list li a, .links-container ul li .link, next-page {
    background-color: transparent;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}

background-image {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}
background-image.toggled {
  filter: blur(8px);
  transition: all 0.5s ease;
}
background-image.fade:after {
  opacity: 0.9;
  background: linear-gradient(45deg, #0258b9, #012854);
}

body > progress-bar {
  position: fixed;
  width: 25px;
  height: 25px;
  display: block;
  top: 7.5px;
  left: 7.5px;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.2s 0s ease-in-out;
}
body > progress-bar:before {
  border-radius: 50%;
  opacity: 0.2;
  border: 4px solid white;
}
body.loading {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body.loading > progress-bar {
  opacity: 1;
  animation: usthntp 1s ease-in-out infinite 1s normal forwards;
}
@keyframes usthntp {
  100% {
    transform: rotate(360deg);
  }
}

body > progress-bar svg {
  position: relative;
  display: block;
  height: inherit;
  width: inherit;
  stroke: white;
  stroke-width: 4px;
  stroke-dashoffset: 20;
  stroke-dasharray: 72;
  transition: stroke-dashoffset 0.2s 0s ease-in-out;
}

svg[class*=arrow-] {
  stroke: white;
  stroke-width: 30px;
}

@supports (--a: 0) {
  [paralax] {
    background-position: center var(--paralax, 50%) !important;
  }
  [paralax] img {
    -o-object-position: center var(--paralax, 50%) !important;
       object-position: center var(--paralax, 50%) !important;
  }
}

main > section > ol, main > article > ol, main > ol, body#careers #careers-list article > ol, text-block > ol, .accordion > *:last-child > *:last-child > ol, main > section > ul, main > article > ul, main > ul, body#careers #careers-list article > ul, text-block > ul, .accordion > *:last-child > *:last-child > ul {
  margin-bottom: 30px;
}
main > ol li, body#careers #careers-list article > ol li, text-block > ol li, .accordion > *:last-child > *:last-child > ol li, main > ul li, body#careers #careers-list article > ul li, text-block > ul li, .accordion > *:last-child > *:last-child > ul li {
  position: relative;
  display: block;
  padding-left: 20px;
}
main > ol li:not(:last-of-type), body#careers #careers-list article > ol li:not(:last-of-type), text-block > ol li:not(:last-of-type), .accordion > *:last-child > *:last-child > ol li:not(:last-of-type), main > ul li:not(:last-of-type), body#careers #careers-list article > ul li:not(:last-of-type), text-block > ul li:not(:last-of-type), .accordion > *:last-child > *:last-child > ul li:not(:last-of-type) {
  margin-bottom: 5px;
}
main > ol li a, body#careers #careers-list article > ol li a, text-block > ol li a, .accordion > *:last-child > *:last-child > ol li a, main > ul li a, body#careers #careers-list article > ul li a, text-block > ul li a, .accordion > *:last-child > *:last-child > ul li a {
  text-decoration: none;
}
main > ol li:before, body#careers #careers-list article > ol li:before, text-block > ol li:before, .accordion > *:last-child > *:last-child > ol li:before, main > ul li:before, body#careers #careers-list article > ul li:before, text-block > ul li:before, .accordion > *:last-child > *:last-child > ul li:before {
  color: var(--primary);
  position: absolute;
  top: 1px;
  left: 0;
}
main > ul li:before, body#careers #careers-list article > ul li:before, text-block > ul li:before, .accordion > *:last-child > *:last-child > ul li:before {
  content: "●";
}
main > section > ol, main > article > ol, main > ol, body#careers #careers-list article > ol, text-block > ol, .accordion > *:last-child > *:last-child > ol {
  counter-reset: counter;
}
main > section > ol > li:before, main > article > ol > li:before, main > ol > li:before, body#careers #careers-list article > ol > li:before, text-block > ol > li:before, .accordion > *:last-child > *:last-child > ol > li:before {
  content: counter(counter) ".";
  counter-increment: counter;
  font-weight: bold;
}

body.where-we-operate .addresses > section > div .map-link, slide-show slide-image, figure[image], background-image {
  display: block;
  background-position: center 33%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1101px) {
  body.where-we-operate .addresses > section > div .map-link, slide-show slide-image, figure[image], background-image {
    background-position: center 33% !important;
  }
  body.where-we-operate .addresses > section > div .map-link img, slide-show slide-image img, figure[image] img, background-image img {
    -o-object-position: center 33.33% !important;
       object-position: center 33.33% !important;
  }
}
body.where-we-operate .addresses > section > div .map-link img, slide-show slide-image img, figure[image] img, background-image img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 33.33%;
     object-position: center 33.33%;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
}
html[data-browser^=ie] body.where-we-operate .addresses > section > div .map-link img, body.where-we-operate .addresses > section > div html[data-browser^=ie] .map-link img, html[data-browser^=ie] slide-show slide-image img, slide-show html[data-browser^=ie] slide-image img, html[data-browser^=ie] figure[image] img, html[data-browser^=ie] background-image img {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.where-we-operate .addresses > section > div .map-link img, slide-show slide-image img, figure[image] img, background-image img {
    display: none;
  }
}
html[data-browser^=edge] body.where-we-operate .addresses > section > div .map-link img, body.where-we-operate .addresses > section > div html[data-browser^=edge] .map-link img, html[data-browser^=edge] slide-show slide-image img, slide-show html[data-browser^=edge] slide-image img, html[data-browser^=edge] figure[image] img, html[data-browser^=edge] background-image img {
  display: none;
}

@supports (-ms-accelerator: true) {
  body.where-we-operate .addresses > section > div .map-link img .map-link img, slide-show slide-image img body.where-we-operate .addresses > section > div .map-link img, body.where-we-operate .addresses > section > div slide-show slide-image img .map-link img, body.where-we-operate .addresses > section > div .map-link img slide-show slide-image img, slide-show body.where-we-operate .addresses > section > div .map-link img slide-image img, body.where-we-operate .addresses > section > div slide-show .map-link img slide-image img, slide-show slide-image img slide-image img, figure[image] img body.where-we-operate .addresses > section > div .map-link img, body.where-we-operate .addresses > section > div figure[image] img .map-link img, figure[image] img slide-show slide-image img, slide-show figure[image] img slide-image img, body.where-we-operate .addresses > section > div .map-link img figure[image] img, slide-show slide-image img figure[image] img, figure[image] img figure[image] img, background-image img body.where-we-operate .addresses > section > div .map-link img, body.where-we-operate .addresses > section > div background-image img .map-link img, background-image img slide-show slide-image img, slide-show background-image img slide-image img, background-image img figure[image] img, body.where-we-operate .addresses > section > div .map-link img background-image img, slide-show slide-image img background-image img, figure[image] img background-image img, background-image img background-image img {
    display: none;
  }
}

video-container {
  padding-bottom: 56.25%;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
video-container[style*=background-image] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: black;
}
video-container iframe, video-container canvas {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}

blockquote {
  color: #ffffff;
  display: block;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  padding: 3vh;
}

@media (max-width: 970px) {
  navigation-bar.invert ~ slide-show:after {
    transform: translateY(-33%);
    opacity: 0.8;
  }
}
@media (min-width: 971px) {
  navigation-bar.invert main-nav a.logo svg {
    fill: #0258b9 !important;
  }
}

site-wrapper > header {
  --header-text-colour:white;
}
@media (min-width: 971px) {
  site-wrapper > header.invert {
    --header-text-colour: #0258b9;
  }
  site-wrapper > header.invert h1, site-wrapper > header.invert h2, site-wrapper > header.invert form legend, form site-wrapper > header.invert legend, site-wrapper > header.invert .introduction {
    text-shadow: initial !important;
  }
}

next-page {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 3vh;
  width: minmax(200px, 1fr);
}
next-page a {
  border: 1px solid #ffffff;
  color: #ffffff;
}

.button, form button[type=submit], form button.big[type=submit], form button.small[type=submit], form button.gradient[type=submit], .button.gradient, .gradient.button-big, .gradient.button-small, .button-small, .button.small, .small.button-big, .big.button-small, .small.button-small, .button-big, .button.big {
  --button-theme:var(--primary);
  position: relative;
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  padding: 12px 15px;
  font-size: 17px;
  line-height: 20px;
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  background-color: white;
  color: var(--button-theme);
  border-color: var(--button-theme);
  transition: background-color 0.2s 0s ease-in-out, color 0.2s 0s ease-in-out, border-color 0.2s 0s ease-in-out;
}
.button.inverse, form button.inverse[type=submit], .inverse.button-small, .inverse.button-big, .button.white, form button.white[type=submit], .white.button-small, .white.button-big {
  --button-theme: rgba(255, 255, 255, 1);
}
.button.black, form button.black[type=submit], .black.button-small, .black.button-big {
  --button-theme: rgba(0, 0, 0, 1);
}
.button.grey, form button.grey[type=submit], .grey.button-small, .grey.button-big {
  --button-theme: rgba(63, 64, 65, 1);
}
.button.red, form button.red[type=submit], .red.button-small, .red.button-big {
  --button-theme: rgba(203, 34, 34, 1);
}
.button.yellow, form button.yellow[type=submit], .yellow.button-small, .yellow.button-big {
  --button-theme: rgba(235, 159, 36, 1);
}
.button.blue, form button.blue[type=submit], .blue.button-small, .blue.button-big, .button.blue1, form button.blue1[type=submit], .blue1.button-small, .blue1.button-big {
  --button-theme: rgba(2, 88, 185, 1);
}
.button.blue2, form button.blue2[type=submit], .blue2.button-small, .blue2.button-big, .button.blue-light, form button.blue-light[type=submit], .blue-light.button-small, .blue-light.button-big {
  --button-theme: rgba(66, 167, 223, 1);
}
.button:first-letter, form button[type=submit]:first-letter, form button.big[type=submit]:first-letter, form button.small[type=submit]:first-letter, form button.gradient[type=submit]:first-letter, .button.gradient:first-letter, .gradient.button-big:first-letter, .gradient.button-small:first-letter, .button-small:first-letter, .button.small:first-letter, .small.button-big:first-letter, .big.button-small:first-letter, .small.button-small:first-letter, .button-big:first-letter, .button.big:first-letter {
  text-transform: uppercase;
}
.button svg, form button[type=submit] svg, form button.big[type=submit] svg, form button.small[type=submit] svg, form button.gradient[type=submit] svg, .button.gradient svg, .gradient.button-big svg, .gradient.button-small svg, .button-small svg, .button.small svg, .small.button-big svg, .big.button-small svg, .small.button-small svg, .button-big svg, .button.big svg {
  stroke: var(--button-theme);
}
@media (hover: hover) {
  .button:hover, form button[type=submit]:hover, .button-small:hover, .button-big:hover {
    background-color: var(--button-theme);
    color: white;
    border-color: white;
  }
  .button:hover svg, form button[type=submit]:hover svg, .button-small:hover svg, .button-big:hover svg {
    stroke: white;
  }
}
.button svg, form button[type=submit] svg, form button.big[type=submit] svg, form button.small[type=submit] svg, form button.gradient[type=submit] svg, .button.gradient svg, .gradient.button-big svg, .gradient.button-small svg, .button-small svg, .button.small svg, .small.button-big svg, .big.button-small svg, .small.button-small svg, .button-big svg, .button.big svg {
  transition: stroke 0.2s 0s ease-in-out, stroke 0.2s 0s ease-in-out;
}
.button.inverse:not(.white), form button.inverse[type=submit]:not(.white), .inverse.button-small:not(.white), .inverse.button-big:not(.white) {
  background-color: transparent;
  color: var(--button-theme);
  border-color: var(--button-theme);
  transition: background-color 0.2s 0s ease-in-out, color 0.2s 0s ease-in-out, border-color 0.2s 0s ease-in-out;
}
.button.inverse:not(.white) svg, form button.inverse[type=submit]:not(.white) svg, .inverse.button-small:not(.white) svg, .inverse.button-big:not(.white) svg {
  fill: var(--button-theme);
}
.button.inverse:not(.white) svg, form button.inverse[type=submit]:not(.white) svg, .inverse.button-small:not(.white) svg, .inverse.button-big:not(.white) svg {
  stroke: var(--button-theme);
}
@media (hover: hover) {
  .button.inverse:not(.white):hover, form button.inverse[type=submit]:not(.white):hover, .inverse.button-small:not(.white):hover, .inverse.button-big:not(.white):hover {
    background-color: var(--button-theme);
    color: white;
    border-color: transparent;
  }
  .button.inverse:not(.white):hover svg, form button.inverse[type=submit]:not(.white):hover svg, .inverse.button-small:not(.white):hover svg, .inverse.button-big:not(.white):hover svg {
    fill: white;
  }
  .button.inverse:not(.white):hover svg, form button.inverse[type=submit]:not(.white):hover svg, .inverse.button-small:not(.white):hover svg, .inverse.button-big:not(.white):hover svg {
    stroke: white;
  }
}
.button.inverse:not(.white) svg, form button.inverse[type=submit]:not(.white) svg, .inverse.button-small:not(.white) svg, .inverse.button-big:not(.white) svg {
  transition: fill 0.2s 0s ease-in-out, stroke 0.2s 0s ease-in-out, fill 0.2s 0s ease-in-out, stroke 0.2s 0s ease-in-out;
}
.button.inverse.white, form button.inverse.white[type=submit], .inverse.white.button-small, .inverse.white.button-big {
  background-color: transparent;
  color: white;
  border-color: white;
  transition: background-color 0.2s 0s ease-in-out, color 0.2s 0s ease-in-out, border-color 0.2s 0s ease-in-out;
}
.button.inverse.white svg, form button.inverse.white[type=submit] svg, .inverse.white.button-small svg, .inverse.white.button-big svg {
  fill: white;
}
.button.inverse.white svg, form button.inverse.white[type=submit] svg, .inverse.white.button-small svg, .inverse.white.button-big svg {
  stroke: white;
}
@media (hover: hover) {
  .button.inverse.white:hover, form button.inverse.white[type=submit]:hover, .inverse.white.button-small:hover, .inverse.white.button-big:hover {
    background-color: white !important;
    color: var(--primary) !important;
  }
  .button.inverse.white:hover svg, form button.inverse.white[type=submit]:hover svg, .inverse.white.button-small:hover svg, .inverse.white.button-big:hover svg {
    fill: var(--primary) !important;
  }
  .button.inverse.white:hover svg, form button.inverse.white[type=submit]:hover svg, .inverse.white.button-small:hover svg, .inverse.white.button-big:hover svg {
    stroke: var(--primary) !important;
  }
}
.button.inverse.white svg, form button.inverse.white[type=submit] svg, .inverse.white.button-small svg, .inverse.white.button-big svg {
  transition: fill 0.2s 0s ease-in-out, stroke 0.2s 0s ease-in-out, fill 0.2s 0s ease-in-out, stroke 0.2s 0s ease-in-out;
}
.button.blurred, form button.blurred[type=submit], .blurred.button-small, .blurred.button-big {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.4);
  color: white !important;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .button.blurred, form button.blurred[type=submit], .blurred.button-small, .blurred.button-big {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}
.button.blurred:hover, form button.blurred[type=submit]:hover, .blurred.button-small:hover, .blurred.button-big:hover {
  border-color: rgba(255, 255, 255, 0.7);
}
.button.back, form button.back[type=submit], .back.button-small, .back.button-big {
  margin-bottom: 30px;
}
.button.back:hover, form button.back[type=submit]:hover, .back.button-small:hover, .back.button-big:hover {
  color: var(--primary) !important;
}
.button.back:hover svg[class*=arrow-], form button.back[type=submit]:hover svg[class*=arrow-], .back.button-small:hover svg[class*=arrow-], .back.button-big:hover svg[class*=arrow-] {
  stroke: var(--primary) !important;
}
.button svg, form button[type=submit] svg, form button.big[type=submit] svg, form button.small[type=submit] svg, form button.gradient[type=submit] svg, .button.gradient svg, .gradient.button-big svg, .gradient.button-small svg, .button-small svg, .button.small svg, .small.button-big svg, .big.button-small svg, .small.button-small svg, .button-big svg, .button.big svg {
  transition: stroke 0.2s 0s ease-in-out, fill 0.2s 0s ease-in-out;
}
.button:hover svg[class*=arrow-], form button[type=submit]:hover svg[class*=arrow-], .button-small:hover svg[class*=arrow-], .button-big:hover svg[class*=arrow-] {
  stroke: white;
}

.button-big svg, .button.big svg, form button.big[type=submit] svg, .big.button-small svg, .big.button-big svg, .button svg, form button[type=submit] svg, form button.small[type=submit] svg, form button.gradient[type=submit] svg, .button.gradient svg, .gradient.button-big svg, .gradient.button-small svg, .button-small svg, .button.small svg, .small.button-big svg, .small.button-small svg {
  margin-left: 15px;
}
.button-big svg[class*=arrow-]:not([class*=arrow-left]), .button.big svg[class*=arrow-]:not([class*=arrow-left]), .button svg[class*=arrow-]:not([class*=arrow-left]), form button[type=submit] svg[class*=arrow-]:not([class*=arrow-left]), .button-small svg[class*=arrow-]:not([class*=arrow-left]) {
  margin-left: 18px;
}
.button-big svg[class*=arrow-left], .button.big svg[class*=arrow-left], .button svg[class*=arrow-left], form button[type=submit] svg[class*=arrow-left], .button-small svg[class*=arrow-left] {
  margin-left: 0;
  margin-right: 18px;
}
.button-big svg[class*=arrow-down], .button.big svg[class*=arrow-down], .button svg[class*=arrow-down], form button[type=submit] svg[class*=arrow-down], .button-small svg[class*=arrow-down] {
  transform-origin: 11px 5.5px;
  width: 22px;
  height: 11px;
}
.button-big svg[class*=arrow-left], .button.big svg[class*=arrow-left], .button svg[class*=arrow-left], form button[type=submit] svg[class*=arrow-left], .button-small svg[class*=arrow-left] {
  transform-origin: 2.75px 5.5px;
  width: 5.5px;
  height: 11px;
}
.button-big svg[class*=arrow-right], .button.big svg[class*=arrow-right], .button svg[class*=arrow-right], form button[type=submit] svg[class*=arrow-right], .button-small svg[class*=arrow-right] {
  transform-origin: 2.75px 5.5px;
  width: 5.5px;
  height: 11px;
}
.button-big svg[class*=arrow-up], .button.big svg[class*=arrow-up], .button svg[class*=arrow-up], form button[type=submit] svg[class*=arrow-up], .button-small svg[class*=arrow-up] {
  transform-origin: 11px 5.5px;
  width: 22px;
  height: 11px;
}
.button-big svg[class*=chat], .button.big svg[class*=chat], .button svg[class*=chat], form button[type=submit] svg[class*=chat], .button-small svg[class*=chat] {
  transform-origin: 8.75px 7px;
  width: 17.5px;
  height: 14px;
}
.button-big svg[class*=close], .button.big svg[class*=close], .button svg[class*=close], form button[type=submit] svg[class*=close], .button-small svg[class*=close] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=contact], .button.big svg[class*=contact], .button svg[class*=contact], form button[type=submit] svg[class*=contact], .button-small svg[class*=contact] {
  transform-origin: 10.1737288136px 7px;
  width: 20.3474576271px;
  height: 14px;
}
.button-big svg[class*=email], .button.big svg[class*=email], .button svg[class*=email], form button[type=submit] svg[class*=email], .button-small svg[class*=email] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=globe], .button.big svg[class*=globe], .button svg[class*=globe], form button[type=submit] svg[class*=globe], .button-small svg[class*=globe] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=map-pin], .button.big svg[class*=map-pin], .button svg[class*=map-pin], form button[type=submit] svg[class*=map-pin], .button-small svg[class*=map-pin] {
  transform-origin: 4.48px 7px;
  width: 8.96px;
  height: 14px;
}
.button-big svg[class*=phone], .button.big svg[class*=phone], .button svg[class*=phone], form button[type=submit] svg[class*=phone], .button-small svg[class*=phone] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=quote], .button.big svg[class*=quote], .button svg[class*=quote], form button[type=submit] svg[class*=quote], .button-small svg[class*=quote] {
  transform-origin: 9.0169491525px 7px;
  width: 18.0338983051px;
  height: 14px;
}
.button-big svg[class*=quotes-close], .button.big svg[class*=quotes-close], .button svg[class*=quotes-close], form button[type=submit] svg[class*=quotes-close], .button-small svg[class*=quotes-close] {
  transform-origin: 8.75px 7px;
  width: 17.5px;
  height: 14px;
}
.button-big svg[class*=quotes-open], .button.big svg[class*=quotes-open], .button svg[class*=quotes-open], form button[type=submit] svg[class*=quotes-open], .button-small svg[class*=quotes-open] {
  transform-origin: 8.75px 7px;
  width: 17.5px;
  height: 14px;
}
.button-big svg[class*=tick], .button.big svg[class*=tick], .button svg[class*=tick], form button[type=submit] svg[class*=tick], .button-small svg[class*=tick] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=facebook], .button.big svg[class*=facebook], .button svg[class*=facebook], form button[type=submit] svg[class*=facebook], .button-small svg[class*=facebook] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=instagram], .button.big svg[class*=instagram], .button svg[class*=instagram], form button[type=submit] svg[class*=instagram], .button-small svg[class*=instagram] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=linkedin], .button.big svg[class*=linkedin], .button svg[class*=linkedin], form button[type=submit] svg[class*=linkedin], .button-small svg[class*=linkedin] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=twitter], .button.big svg[class*=twitter], .button svg[class*=twitter], form button[type=submit] svg[class*=twitter], .button-small svg[class*=twitter] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=youtube], .button.big svg[class*=youtube], .button svg[class*=youtube], form button[type=submit] svg[class*=youtube], .button-small svg[class*=youtube] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=icon], .button.big svg[class*=icon], .button svg[class*=icon], form button[type=submit] svg[class*=icon], .button-small svg[class*=icon] {
  transform-origin: 7px 7px;
  width: 14px;
  height: 14px;
}
.button-big svg[class*=logo], .button.big svg[class*=logo], .button svg[class*=logo], form button[type=submit] svg[class*=logo], .button-small svg[class*=logo] {
  transform-origin: 13.1578947368px 7px;
  width: 26.3157894737px;
  height: 14px;
}

.button-small, .button.small, form button.small[type=submit], .small.button-small, .small.button-big {
  padding: 7.5px 7.5px;
  font-size: 13px;
  line-height: 10px;
}
.button-small svg, .button.small svg, form button.small[type=submit] svg, .small.button-big svg, .small.button-small svg {
  margin-left: 4.5px;
}
.button-small svg[class*=arrow-]:not([class*=arrow-left]), .button.small svg[class*=arrow-]:not([class*=arrow-left]), form button.small[type=submit] svg[class*=arrow-]:not([class*=arrow-left]), .small.button-big svg[class*=arrow-]:not([class*=arrow-left]) {
  margin-left: 7.5px;
}
.button-small svg[class*=arrow-left], .button.small svg[class*=arrow-left], form button.small[type=submit] svg[class*=arrow-left], .small.button-big svg[class*=arrow-left] {
  margin-left: 0;
  margin-right: 7.5px;
}
.button-small svg[class*=arrow-down], .button.small svg[class*=arrow-down], form button.small[type=submit] svg[class*=arrow-down], .small.button-big svg[class*=arrow-down] {
  transform-origin: 8px 4px;
  width: 16px;
  height: 8px;
}
.button-small svg[class*=arrow-left], .button.small svg[class*=arrow-left], form button.small[type=submit] svg[class*=arrow-left], .small.button-big svg[class*=arrow-left] {
  transform-origin: 2px 4px;
  width: 4px;
  height: 8px;
}
.button-small svg[class*=arrow-right], .button.small svg[class*=arrow-right], form button.small[type=submit] svg[class*=arrow-right], .small.button-big svg[class*=arrow-right] {
  transform-origin: 2px 4px;
  width: 4px;
  height: 8px;
}
.button-small svg[class*=arrow-up], .button.small svg[class*=arrow-up], form button.small[type=submit] svg[class*=arrow-up], .small.button-big svg[class*=arrow-up] {
  transform-origin: 8px 4px;
  width: 16px;
  height: 8px;
}
.button-small svg[class*=chat], .button.small svg[class*=chat], form button.small[type=submit] svg[class*=chat], .small.button-big svg[class*=chat] {
  transform-origin: 6.25px 5px;
  width: 12.5px;
  height: 10px;
}
.button-small svg[class*=close], .button.small svg[class*=close], form button.small[type=submit] svg[class*=close], .small.button-big svg[class*=close] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=contact], .button.small svg[class*=contact], form button.small[type=submit] svg[class*=contact], .small.button-big svg[class*=contact] {
  transform-origin: 7.2669491525px 5px;
  width: 14.5338983051px;
  height: 10px;
}
.button-small svg[class*=email], .button.small svg[class*=email], form button.small[type=submit] svg[class*=email], .small.button-big svg[class*=email] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=globe], .button.small svg[class*=globe], form button.small[type=submit] svg[class*=globe], .small.button-big svg[class*=globe] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=map-pin], .button.small svg[class*=map-pin], form button.small[type=submit] svg[class*=map-pin], .small.button-big svg[class*=map-pin] {
  transform-origin: 3.2px 5px;
  width: 6.4px;
  height: 10px;
}
.button-small svg[class*=phone], .button.small svg[class*=phone], form button.small[type=submit] svg[class*=phone], .small.button-big svg[class*=phone] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=quote], .button.small svg[class*=quote], form button.small[type=submit] svg[class*=quote], .small.button-big svg[class*=quote] {
  transform-origin: 6.4406779661px 5px;
  width: 12.8813559322px;
  height: 10px;
}
.button-small svg[class*=quotes-close], .button.small svg[class*=quotes-close], form button.small[type=submit] svg[class*=quotes-close], .small.button-big svg[class*=quotes-close] {
  transform-origin: 6.25px 5px;
  width: 12.5px;
  height: 10px;
}
.button-small svg[class*=quotes-open], .button.small svg[class*=quotes-open], form button.small[type=submit] svg[class*=quotes-open], .small.button-big svg[class*=quotes-open] {
  transform-origin: 6.25px 5px;
  width: 12.5px;
  height: 10px;
}
.button-small svg[class*=tick], .button.small svg[class*=tick], form button.small[type=submit] svg[class*=tick], .small.button-big svg[class*=tick] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=facebook], .button.small svg[class*=facebook], form button.small[type=submit] svg[class*=facebook], .small.button-big svg[class*=facebook] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=instagram], .button.small svg[class*=instagram], form button.small[type=submit] svg[class*=instagram], .small.button-big svg[class*=instagram] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=linkedin], .button.small svg[class*=linkedin], form button.small[type=submit] svg[class*=linkedin], .small.button-big svg[class*=linkedin] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=twitter], .button.small svg[class*=twitter], form button.small[type=submit] svg[class*=twitter], .small.button-big svg[class*=twitter] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=youtube], .button.small svg[class*=youtube], form button.small[type=submit] svg[class*=youtube], .small.button-big svg[class*=youtube] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=icon], .button.small svg[class*=icon], form button.small[type=submit] svg[class*=icon], .small.button-big svg[class*=icon] {
  transform-origin: 5px 5px;
  width: 10px;
  height: 10px;
}
.button-small svg[class*=logo], .button.small svg[class*=logo], form button.small[type=submit] svg[class*=logo], .small.button-big svg[class*=logo] {
  transform-origin: 9.3984962406px 5px;
  width: 18.7969924812px;
  height: 10px;
}

.button.gradient, form button.gradient[type=submit], .gradient.button-big, .gradient.button-small {
  border: none;
  color: white;
  background: linear-gradient(to right, rgba(66, 167, 223, 0), #42A7DF);
  background-color: #0258b9;
  transition: background-color 0.2s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.2s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.button.gradient:hover, form button.gradient[type=submit]:hover, .gradient.button-big:hover, .gradient.button-small:hover {
  background-color: #42A7DF;
  transform: scale(1.1);
}

html[data-locale*=rsa] .links-container-container .link, html[data-locale*=uae] .links-container-container .link, site-wrapper side-bar ul li a, body.where-we-operate .countries-list li a, .links-container ul li .link {
  border: 1px solid rgba(255, 255, 255, 0.4);
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: var(--gutters);
  line-height: 1.05;
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: var(--border-radius);
  transition: background-color 0.2s 0s ease-in-out;
}
html[data-locale*=rsa] .links-container-container .link svg, html[data-locale*=uae] .links-container-container .link svg, site-wrapper side-bar ul li a svg, body.where-we-operate .countries-list li a svg, .links-container ul li .link svg {
  transform-origin: 4px 8px;
  width: 8px;
  height: 16px;
  transition: opacity 0.2s 0s ease-in-out;
}
html[data-locale*=rsa] .links-container-container .link:hover, html[data-locale*=uae] .links-container-container .link:hover, site-wrapper side-bar ul li a:hover, body.where-we-operate .countries-list li a:hover, .links-container ul li .link:hover {
  background-color: rgba(2, 88, 185, 0.9);
}
html[data-locale*=rsa] .links-container-container .link:hover svg, html[data-locale*=uae] .links-container-container .link:hover svg, site-wrapper side-bar ul li a:hover svg, body.where-we-operate .countries-list li a:hover svg, .links-container ul li .link:hover svg {
  opacity: 1;
}

a.call-to-action {
  color: white;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px var(--gutters);
  margin-top: 30px;
  min-height: 70px;
  font-size: 18px;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  background-color: #42A7DF;
  background-repeat: no-repeat;
  transition: background-position 0.2s 0s ease-in-out;
}
@media screen and (min-width: 480px) {
  a.call-to-action {
    font-size: calc(18px + 6 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  a.call-to-action {
    font-size: 24px;
  }
}
@media (min-width: 641px) {
  a.call-to-action {
    min-width: calc(50% - (var(--gutters) / 2) + 8px);
    display: inline-flex;
  }
}
a.call-to-action svg {
  margin-left: 15px;
  transform-origin: 2.5px 5px;
  width: 5px;
  height: 10px;
}
a.call-to-action:hover {
  color: white;
  background-position: -200px 0%;
}

admin-links {
  display: flex;
}
admin-links a {
  display: block;
  font-size: smaller;
}
admin-links a:hover {
  color: var(--primary);
}
admin-links a + a {
  margin-left: 15px;
}

body[id^=error] navigation-bar ~ main .logo, body[id=holding-page] navigation-bar ~ main .logo {
  display: none;
}
body[id^=error] main, body[id=holding-page] main {
  padding-top: calc(100px + var(--gutters, 32px) * 3);
  flex-direction: column;
  display: flex;
}
body[id^=error] main svg.logo, body[id=holding-page] main svg.logo {
  transform-origin: 100px 53.2px;
  width: 200px;
  height: 106.4px;
  margin: 0 auto 30px auto;
  fill: white;
}
body[id^=error] main h1, body[id=holding-page] main h1 {
  color: white;
  font-size: 50px;
}
body[id^=error] main p, body[id=holding-page] main p {
  color: white;
}
body[id^=error] main > a, body[id=holding-page] main > a {
  margin-top: 30px;
}
body[id^=error] footer, body[id=holding-page] footer {
  grid-row-start: 3;
}

body[id=holding-page] site-wrapper {
  grid-template-columns: initial;
}
body[id=holding-page] site-wrapper main {
  text-align: center;
  justify-self: center;
  justify-content: center;
}
body[id=holding-page] site-wrapper main .button, body[id=holding-page] site-wrapper main form button[type=submit], form body[id=holding-page] site-wrapper main button[type=submit], body[id=holding-page] site-wrapper main .button-big, body[id=holding-page] site-wrapper main .button-small {
  margin: 30px auto;
}
body[id=holding-page] site-wrapper svg.logo {
  fill: white;
}
body[id=holding-page] site-wrapper footer {
  grid-row-start: 3;
  grid-column-start: 1;
  text-align: center;
  display: block;
}
body[id=holding-page] site-wrapper footer small {
  text-align: center;
}

body.devmode img:not([alt]) {
  border: 2px red dashed;
}

pagination-nav {
  display: block;
  margin-top: 30px;
}
pagination-nav svg.icon-arrow-left {
  margin-left: 0 !important;
  margin-right: 30px;
}
@media (max-width: 480px) {
  pagination-nav.links-container {
    position: relative;
  }
  pagination-nav.links-container ul li a {
    min-height: initial;
  }
}

section.links-container {
  background-color: transparent;
}

.links-container {
  padding: 0;
}
.links-container h4, .links-container h2, .links-container form legend, form .links-container legend {
  color: white !important;
  padding-bottom: 15px;
  font-size: 25px;
}
.links-container ul {
  display: grid;
  align-items: center;
  margin-bottom: 30px;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(var(--gutters) / 2);
}
@media (max-width: 800px) {
  .links-container ul {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
}
body#downloads main {
  padding-right: 0;
}
body#downloads .links-container ul {
  grid-template-columns: repeat(auto-fit, minmax(120px, 280px));
}

@media (min-width: 640px) and (max-width: 1100px) {
  .links-container ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.links-container ul li {
  list-style-type: none;
  margin: 0 !important;
  padding: 0;
}
.links-container ul li:before {
  display: none;
}
.links-container ul li .link {
  font-size: 20px;
  display: flex;
  text-align: left;
  align-items: flex-end;
  min-height: 100px;
}
@media screen and (min-width: 480px) {
  .links-container ul li .link {
    font-size: calc(20px + 6 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  .links-container ul li .link {
    font-size: 26px;
  }
}
.links-container ul li .link svg {
  top: -5px;
  position: relative;
  margin-left: 30px;
}
.links-container ul li .link svg.icon-arrow-right {
  transform-origin: 4px 8px;
  width: 8px;
  height: 16px;
}
.links-container ul li .link svg.icon-arrow-down {
  transform-origin: 8px 4px;
  width: 16px;
  height: 8px;
}
@media (min-width: 801px) {
  .links-container ul li .link {
    min-height: 150px;
  }
}
.links-container ul li .link:hover {
  color: #fff;
}

.unsupported-browser {
  width: 100%;
  z-index: 9999;
  background-color: #0258b9;
  color: white;
  display: table;
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: table;
  padding-top: 30px;
  padding-bottom: 30px;
}
.unsupported-browser div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.unsupported-browser div > * {
  max-width: 800px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.unsupported-browser div p {
  line-height: 1.6;
}
.unsupported-browser div .button, .unsupported-browser div form button[type=submit], form .unsupported-browser div button[type=submit], .unsupported-browser div .button-big, .unsupported-browser div .button-small {
  display: inline-block;
}
.unsupported-browser div .button:hover, .unsupported-browser div form button[type=submit]:hover, form .unsupported-browser div button[type=submit]:hover, .unsupported-browser div .button-big:hover, .unsupported-browser div .button-small:hover {
  color: #000;
}

@media (max-width: 800px) {
  :root {
    --gutters: 15px;
    --vertical-spacing: 2vh;
  }
}

body {
  background-size: 100% 100vh;
  background-repeat: no-repeat;
  background-color: #113A79;
  background-color: var(--background-color, var(--theme, #113A79));
  transition: background-color 1s 0s ease-in-out;
}
body.fullscreen main, body.fullscreen header, body.fullscreen side-bar {
  opacity: 0 !important;
  pointer-events: none;
}
body.fullscreen navigation-bar main-nav > div {
  transform: translateX(-100%);
}
body.fullscreen navigation-bar sub-nav {
  transform: translateY(-100%);
}
body.fullscreen slide-show {
  opacity: 1 !important;
}
body.fullscreen slide-show:after {
  opacity: 0;
}
body.fullscreen slide-image.video iframe {
  filter: grayscale(0%);
}
body.fullscreen slide-image.video:after {
  opacity: 0;
}
body.locked site-wrapper:before {
  display: none !important;
}
body.locked main, body.locked header, body.locked side-bar {
  transition: opacity 0.2s 0s ease-in-out;
}
body.locked navigation-bar main-nav > div, body.locked navigation-bar sub-nav {
  transition: transform 0.2s 0s ease-in-out;
}

site-wrapper {
  display: block;
  --speed: 1s;
}
@media (min-width: 971px) {
  site-wrapper {
    display: grid;
    grid-template-columns: var(--nav-width);
    grid-template-rows: min-content 1fr min-content;
  }
  body:not(#home).landing site-wrapper {
    grid-template-rows: auto 1fr min-content;
  }

  body#home.landing site-wrapper {
    grid-template-rows: 1fr min-content min-content;
  }

  body.sidebar-exists site-wrapper {
    grid-template-columns: var(--nav-width) minmax(0, calc(1100px - var(--sidebar-width))) auto;
  }
}
@media (min-width: 971px) and (min-width: 1361px) {
  body.sidebar-exists site-wrapper header {
    width: calc(100% + var(--sidebar-width));
  }
  body.sidebar-exists site-wrapper main {
    padding-right: 0;
  }
}
@media (min-width: 971px) and (max-width: 1360px) {
  body.sidebar-exists site-wrapper {
    grid-template-columns: var(--nav-width);
  }
  body.sidebar-exists site-wrapper side-bar {
    grid-row-start: 3;
  }
}
@media (max-width: 970px) {
  body.landing site-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }
  body.landing site-wrapper main:empty + footer {
    left: 0;
    padding-left: 60px;
  }
}
site-wrapper.transition {
  transition: -webkit-clip-path var(--speed, 1s) 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: clip-path var(--speed, 1s) 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: clip-path var(--speed, 1s) 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-clip-path var(--speed, 1s) 0s cubic-bezier(0.23, 1, 0.32, 1);
}
site-wrapper.out {
  -webkit-clip-path: polygon(-20% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(-20% 0%, 100% 0%, 100% 100%, 0% 100%);
}
site-wrapper.out.transition {
  -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
site-wrapper.in {
  -webkit-clip-path: polygon(0% 0%, -20% 0%, 0% 100%, 0% 100%);
          clip-path: polygon(0% 0%, -20% 0%, 0% 100%, 0% 100%);
}
site-wrapper.in.transition {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
site-wrapper header, site-wrapper main, site-wrapper footer {
  padding-right: calc(var(--gutters) * 2.4);
  padding-left: calc(var(--gutters) * 2.4);
}
@media (max-width: 1100px) {
  site-wrapper header, site-wrapper main, site-wrapper footer {
    padding-right: calc(var(--horizontal-spacing) + calc(var(--gutters) * 0.5));
    padding-left: calc(var(--horizontal-spacing) + calc(var(--gutters) * 0.5));
  }
}
site-wrapper navigation-bar {
  grid-row-start: 1;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 1;
}
site-wrapper navigation-bar a.logo {
  display: block;
  padding: var(--gutters);
}
site-wrapper header {
  grid-column-start: 2;
  grid-row-start: 1;
  max-width: 1100px;
  padding-bottom: calc((var(--vertical-spacing, 5vh) + var(--gutters, 32px)) / 2);
}
@media (min-width: 971px) {
  site-wrapper header {
    padding-top: 204px;
  }
}
@media (max-width: 970px) {
  site-wrapper header {
    padding-top: calc((var(--vertical-spacing, 5vh) + (var(--gutters, 32px) * 0.5)) / 2);
  }
}
@media (min-width: 1101px) {
  site-wrapper header {
    width: 100%;
  }
}
site-wrapper main {
  max-width: 1100px;
  grid-row-start: 2;
  grid-column-start: 2;
}
site-wrapper main > section, site-wrapper main > article {
  background-color: white;
  padding: var(--gutters);
}
site-wrapper side-bar {
  position: relative;
  display: block;
  grid-row-start: 2;
  grid-column-start: 3;
  padding: 0 calc(var(--gutters));
}
site-wrapper side-bar [image] {
  position: relative;
  height: var(--sidebar-width);
}
@media (min-width: 1361px) {
  site-wrapper side-bar {
    width: calc(var(--sidebar-width) + (var(--gutters) * 2.4));
  }
}
@media (min-width: 970px) and (max-width: 1360px) {
  site-wrapper side-bar {
    margin-top: 30px;
    grid-column-start: 2;
  }
}
@media (max-width: 1360px) {
  site-wrapper side-bar {
    margin-top: 30px;
    padding: 0 calc(var(--gutters) * 2.4);
  }
}
site-wrapper footer {
  grid-column-start: 2;
  grid-column-end: 4;
  padding-top: calc(var(--vertical-spacing) + calc(var(--gutters) * 0.5));
}

body.news site-wrapper side-bar {
  width: 100%;
  grid-row-start: 3;
  grid-column-start: 2;
  max-width: 1100px;
  padding-top: 0;
  margin-top: calc(var(--vertical-spacing) + calc(var(--gutters) * 0.5));
}

.accordion {
  position: relative;
  display: block;
  padding-left: 0;
  margin-bottom: 30px;
  width: 100%;
}
.accordion > *:first-child {
  position: relative;
  display: block;
  width: 100%;
  padding-top: calc(var(--gutters) / 2);
  padding-bottom: calc(var(--gutters) / 2);
  margin-bottom: 0;
  border-bottom: 1px solid white;
  cursor: pointer;
  font-weight: normal;
  color: var(--theme);
  background-color: #EDEDED;
  transition: color 0.2s 0s ease-in-out, background-color 0.2s 0s ease-in-out, border-color 0.2s 0s ease-in-out;
}
.accordion > *:first-child .icon-arrow-right {
  position: absolute;
  stroke-width: 14px;
  right: var(--gutters);
  top: 50%;
  stroke: var(--primary);
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.2s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), stroke 0.2s 0s ease-in-out;
  transform-origin: 5px 10px;
  width: 10px;
  height: 20px;
}
.accordion > *:first-child:hover {
  color: var(--theme, secondary);
}
.accordion > *:first-child:hover .icon-arrow-right {
  stroke: var(--theme, secondary);
  transform: translateY(-50%) rotate(90deg);
}
.accordion > *:last-child {
  display: block;
  height: 0;
  overflow: hidden;
  transition: height 0.3s 0.3s ease-in-out;
}
.accordion > *:last-child > *:last-child {
  display: block;
  opacity: 0;
  padding: var(--gutters);
  border-bottom: 1px solid #EDEDED;
  font-size: var(--16px, 30px);
  transition: opacity 0.3s 0s ease-in-out;
}
.accordion.open > *:first-child {
  background-color: #e0e0e0;
}
.accordion.open > *:first-child .icon-arrow-right {
  transform: translateY(-50%) rotate(-90deg);
}
.accordion.open > *:last-child {
  transition-delay: 0;
}
.accordion.open > *:last-child > *:first-child {
  opacity: 1;
  transition-delay: 0.3;
}
.accordion .accordion > *:first-child {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #d4d4d4;
}
.accordion .accordion > *:last-child > *:first-child {
  background-color: white;
}
.accordion .accordion.open > *:first-child {
  background-color: #c7c7c7;
}
@media (max-width: 800px) {
  .accordion > *:last-child > *:last-child {
    padding: 30px;
  }
}

.call-to-action-stats {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style-type: none;
}
.call-to-action-stats + .usp {
  margin-top: 0;
}
.call-to-action-stats li {
  max-width: 260px;
  position: relative;
  padding: 30px 45px 30px 30px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.call-to-action-stats li:before {
  display: none;
}
.call-to-action-stats li a h4 {
  transition: color 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0;
}
.call-to-action-stats li a:hover h4 {
  color: white;
}
.call-to-action-stats li a:hover p {
  color: #42A7DF !important;
}
.call-to-action-stats li a:hover svg.icon-arrow-right {
  stroke: #42A7DF !important;
}
.call-to-action-stats li h4 {
  color: #42A7DF;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 0.9;
  margin-bottom: 0;
}
.call-to-action-stats li p {
  margin-top: 10px;
  color: white;
}
.call-to-action-stats li svg.devider {
  width: 15px;
  stroke-width: 1px;
  position: absolute;
  right: 0;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
  stroke: white;
  opacity: 0.5;
  margin: 0;
}
.call-to-action-stats li svg.icon-arrow-right {
  width: 8px;
  height: 8px;
}
.call-to-action-stats li:last-of-type {
  padding-right: 30px;
}
.call-to-action-stats li:last-of-type .devider {
  display: none;
}
@media (max-width: 970px) {
  .call-to-action-stats {
    flex-direction: column;
  }
  .call-to-action-stats li {
    max-width: 500px;
    margin-bottom: 0 !important;
    padding-right: 30px;
    padding-right: 30px;
  }
  .call-to-action-stats li svg.devider {
    transform: rotate(90deg);
    left: 50%;
    top: calc(100% - 40px);
    width: 10px;
    height: 80px;
  }
}

text-block {
  display: block;
}
.call-to-action h2, .call-to-action form legend, form .call-to-action legend, .call-to-action h4, .video-container h2, .video-container form legend, form .video-container legend, .video-container h4, .related-article-container h2, .related-article-container form legend, form .related-article-container legend, .related-article-container h4, .links-container h2, .links-container form legend, form .links-container legend, .links-container h4 {
  font-size: 22px;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .call-to-action h2, .call-to-action form legend, form .call-to-action legend, .call-to-action h4, .video-container h2, .video-container form legend, form .video-container legend, .video-container h4, .related-article-container h2, .related-article-container form legend, form .related-article-container legend, .related-article-container h4, .links-container h2, .links-container form legend, form .links-container legend, .links-container h4 {
    font-size: calc(22px + 6 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  .call-to-action h2, .call-to-action form legend, form .call-to-action legend, .call-to-action h4, .video-container h2, .video-container form legend, form .video-container legend, .video-container h4, .related-article-container h2, .related-article-container form legend, form .related-article-container legend, .related-article-container h4, .links-container h2, .links-container form legend, form .links-container legend, .links-container h4 {
    font-size: 28px;
  }
}
.call-to-action p, .video-container p, .related-article-container p, .links-container p {
  font-size: 16px;
  line-height: 1.4;
}
@media screen and (min-width: 480px) {
  .call-to-action p, .video-container p, .related-article-container p, .links-container p {
    font-size: calc(16px + 5 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  .call-to-action p, .video-container p, .related-article-container p, .links-container p {
    font-size: 21px;
  }
}

.related-article-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
}
.related-article-container figure[image] {
  margin: 0;
  border-radius: 4px;
}
.related-article-container figure[image] img {
  border-radius: 4px;
}
@media (min-width: 768px) {
  .related-article-container {
    flex-direction: row;
    justify-content: space-between;
  }
  .related-article-container figure[image], .related-article-container p {
    max-width: calc(50% - 30px);
  }
}

content-blocks {
  display: flex;
  flex-direction: column;
}
content-blocks[data-themed=false] h1, content-blocks[data-themed=false] h2, content-blocks[data-themed=false] form legend, form content-blocks[data-themed=false] legend, content-blocks[data-themed=false] h3, content-blocks[data-themed=false] h4, content-blocks[data-themed=false] h5, content-blocks[data-themed=false] h6, content-blocks[data-themed=false], content-blocks[data-themed=true] [data-dark] h1, content-blocks[data-themed=true] [data-dark] h2, content-blocks[data-themed=true] [data-dark] form legend, form content-blocks[data-themed=true] [data-dark] legend, content-blocks[data-themed=true] [data-dark] h3, content-blocks[data-themed=true] [data-dark] h4, content-blocks[data-themed=true] [data-dark] h5, content-blocks[data-themed=true] [data-dark] h6, content-blocks[data-themed=true] [data-dark] {
  color: white;
}
content-blocks[data-themed=false] p, content-blocks[data-themed=false] li, content-blocks[data-themed=true] [data-dark] p, content-blocks[data-themed=true] [data-dark] li {
  color: rgba(255, 255, 255, 0.8);
}
content-blocks[data-themed=false] li:before, content-blocks[data-themed=true] [data-dark] li:before {
  color: white;
}
content-blocks[data-themed=true] [data-mid] h1, content-blocks[data-themed=true] [data-mid] h2, content-blocks[data-themed=true] [data-mid] form legend, form content-blocks[data-themed=true] [data-mid] legend, content-blocks[data-themed=true] [data-mid] h3, content-blocks[data-themed=true] [data-mid] h4, content-blocks[data-themed=true] [data-mid] h5, content-blocks[data-themed=true] [data-mid] h6, content-blocks[data-themed=true] [data-mid] {
  color: white;
}
content-blocks > * {
  margin-bottom: var(--gutters);
}
content-blocks[data-themed=true] > * {
  background-color: white;
  background-color: rgba(var(--block-theme, 250, 250, 250), 0.9);
  padding: var(--gutters);
  border-radius: var(--border-radius);
}
content-blocks[data-themed=true] > *[style*="19,12,10"] {
  background-color: rgba(var(--block-theme, 250, 250, 250), 0.6);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  content-blocks[data-themed=true] > * {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}
@media (min-width: 1371px) {
  content-blocks[data-count="4"] {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  content-blocks[data-count="4"] > * {
    margin: 0;
  }
}
@media (min-width: 801px) {
  content-blocks text-block[data-columns] {
    -moz-column-gap: var(--gutters);
         column-gap: var(--gutters);
    -moz-column-width: 250px;
         column-width: 250px;
  }
  content-blocks text-block[data-columns] h2, content-blocks text-block[data-columns] form legend, form content-blocks text-block[data-columns] legend, content-blocks text-block[data-columns] h3, content-blocks text-block[data-columns] h4 {
    -moz-column-span: all;
         column-span: all;
  }
  content-blocks text-block[data-columns="2"] {
    -moz-column-count: 2;
         column-count: 2;
  }
  content-blocks text-block[data-columns="3"] {
    -moz-column-count: 3;
         column-count: 3;
  }
}
content-blocks text-block ul {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
content-blocks figure[image] {
  position: relative;
  width: 100%;
  margin: 0 0 60px 0;
  flex-grow: 1;
}
content-blocks figure[image] img {
  position: relative;
}
content-blocks table thead tr {
  background-color: #0258b9;
  color: #ffffff;
  text-align: left;
}
content-blocks table thead tr:first-of-type th:first-of-type {
  border-top-left-radius: 5px;
}
content-blocks table thead tr:first-of-type th:last-of-type {
  border-top-right-radius: 5px;
}
content-blocks table th, content-blocks table th, content-blocks table td {
  padding: 12px 15px;
}
content-blocks table td {
  border: 1px solid #1E2632;
}
content-blocks table tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
content-blocks table tbody tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 5px;
}
content-blocks table tbody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 5px;
}
content-blocks .embedded-presentation {
  width: 100%;
}
content-blocks .embedded-presentation > div {
  width: 100%;
  height: 500px;
}

section#faq {
  padding: 3vh 0 0 0;
  background: initial;
}
section#faq > h2, form section#faq > legend, section#faq > p {
  color: #000;
  text-align: center;
  max-width: 900px;
}
section#faq > h2, form section#faq > legend {
  margin: 0 auto 30px auto;
  font-size: 30px;
}
section#faq > p {
  margin: 0 auto 60px auto;
}

.faq-heading {
  color: white;
  width: 100%;
  text-align: center;
  font-size: 38px;
  margin-bottom: 3vh;
  line-height: 1.2;
}

.faq {
  display: grid;
  grid-template-columns: 340px 1fr;
  position: relative;
}
.faq button {
  grid-column: 1;
  color: white;
  display: flex;
  padding: 20px 24px;
  width: 100%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  font-size: 20px;
  background: transparent;
  transition: color 0.2s 0s ease-in-out, background-color 0.2s 0s ease-in-out;
}
.faq button:before {
  content: "";
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.faq button span {
  position: relative;
  transition: color 0.2s 0s ease-in-out, background-color 0.2s 0s ease-in-out;
}
.faq button ~ button {
  border-top: 1px solid #41A6DE;
}
.faq button.current, .faq button:hover {
  background: white;
}
.faq button.current span, .faq button:hover span {
  color: #0258b9;
}
.faq button.current svg, .faq button:hover svg {
  stroke: #0258b9;
}
.faq button.current:before, .faq button:hover:before {
  opacity: 0;
}
.faq button.current + section {
  display: flex;
}
.faq button svg {
  margin-left: 15px;
  position: relative;
  width: 10px;
  height: 10px;
}
.faq section {
  grid-column: 2;
  grid-row: 1/span 100;
  background-color: white;
  padding: 30px;
  display: none;
  flex-direction: column;
}
.faq section > div {
  flex-grow: 1;
}
.faq section .button, .faq section form button[type=submit], form .faq section button[type=submit], .faq section .button-big, .faq section .button-small {
  margin-top: 30px;
  align-self: flex-end;
}
@media (max-width: 0) {
  .faq {
    display: flex;
    flex-direction: column;
  }
  .faq button ~ button {
    border-top: 1px solid #41A6DE !important;
  }
  .faq button.current {
    border-bottom: 1px solid rgba(2, 88, 185, 0.2);
  }
  .faq button.current:before {
    opacity: 0;
  }
  .faq button.current svg {
    transform: rotate(90deg);
  }
}

.hero-box {
  display: flex;
  margin: 3vh auto;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.hero-box article {
  background-color: white;
  background-image: url("/assets/images/flatbed-on-road.jpg");
  background-position: center 90%;
  background-size: cover;
  padding: 30px;
  width: 100%;
  flex-grow: 1;
}
.hero-box article > div {
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: white;
  max-width: 360px;
  width: 100%;
  border-radius: 4px;
}
.hero-box article span, .hero-box article h3, .hero-box article text-block h4, text-block .hero-box article h4, .hero-box article p {
  grid-column: 2;
}
.hero-box article h3, .hero-box article text-block h4, text-block .hero-box article h4 {
  color: #42A7DF;
}
.hero-box article span {
  color: #42A7DF;
  margin-bottom: 15px;
  letter-spacing: 5px;
}
.hero-box article p {
  color: #0258b9;
}
.hero-box article + .did-you-know {
  width: 300px;
}
.hero-box .did-you-know {
  padding: 30px;
  min-width: 190px;
  width: 100%;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
}
.hero-box .did-you-know h3, .hero-box .did-you-know text-block h4, text-block .hero-box .did-you-know h4, .hero-box .did-you-know p {
  color: white;
}
.hero-box .static-link {
  display: block;
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  transition: border-color 0.2s ease-in-out;
}
.hero-box .static-link img {
  display: block;
}
.hero-box .static-link:hover {
  border-color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1200px) {
  .hero-box {
    flex-direction: column;
  }
  .hero-box .did-you-know {
    width: 100% !important;
  }
}
@media (max-width: 640px) {
  .hero-box {
    display: flex;
    flex-direction: column;
    grid-gap: initial;
  }
}

div.how-it-works {
  margin: 3vh;
}
div.how-it-works h3, div.how-it-works text-block h4, text-block div.how-it-works h4 {
  color: white;
  width: 100%;
  text-align: center;
  font-size: 38px;
  margin-bottom: 3vh;
}
div.how-it-works .container {
  display: grid;
}
div.how-it-works .container article {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  grid-row: 1;
  grid-column: 1;
  grid-gap: 60px;
  position: relative;
}
div.how-it-works .container article.current {
  pointer-events: none;
  opacity: 1;
  transition-delay: 0.3s;
}
div.how-it-works .container article > div {
  width: calc(50% - 60px);
}
div.how-it-works .container article h4 {
  color: white;
  width: 100%;
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
}
div.how-it-works .container article svg {
  fill: #8fd7ff;
  width: 180px;
  max-height: 180px;
}
div.how-it-works .container article p {
  color: white;
}
@media (max-width: 970px) {
  div.how-it-works .container article {
    flex-direction: column;
  }
  div.how-it-works .container article > div {
    width: 100%;
  }
}
div.how-it-works nav {
  display: flex;
  justify-content: center;
  margin-top: 3vh;
}
div.how-it-works nav button {
  display: flex;
  place-items: center;
  place-content: center;
  font-size: 16px;
  border-radius: 50%;
  border: 1px solid white;
  font-weight: bold;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  margin: 0 5px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  background-color: transparent;
  color: white;
}
div.how-it-works nav button.current {
  pointer-events: none;
  color: #0258b9;
  background-color: white;
}

modal-wrapper {
  z-index: 100;
  pointer-events: none;
  padding: 5vh 60px;
  overflow: auto;
  display: block;
  min-width: 320pxpx;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
modal-wrapper modal-background {
  background-color: rgba(2, 88, 185, 0);
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  transition: background-color 0.6s 0s ease-in-out;
  width: 100vw;
  height: 100vh;
}
modal-wrapper modal-container {
  margin: auto;
  background-color: white;
  max-width: 1100pxpx;
  width: 100%;
  display: block;
  overflow: auto;
  position: relative;
  padding: 30px;
  opacity: 0;
  top: 2vh;
  transition: opacity 0.3s 0s ease-in-out, top 0.3s 0s ease-in-out;
}
modal-wrapper modal-container button.close {
  position: absolute;
  z-index: 999;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
}
modal-wrapper modal-container button.close svg {
  transition: transform 0.2s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
modal-wrapper modal-container button.close svg circle {
  transition: fill 0.2s 0s ease-in-out;
  fill: var(--primary);
}
modal-wrapper modal-container button.close svg line {
  transition: stroke 0.2s 0s ease-in-out;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 10;
  stroke-miterlimit: 10;
}
modal-wrapper modal-container button.close:hover svg {
  transform: rotate(90deg);
}
modal-wrapper modal-container button.close:hover svg circle {
  fill: var(--secondary);
}
@media (max-width: 480px) {
  modal-wrapper {
    padding: 60px 30px;
  }
  modal-wrapper modal-container {
    padding: 30px;
  }
}

body.modal site-wrapper:before {
  display: none;
}
body.modal modal-wrapper {
  pointer-events: auto;
}
body.modal modal-wrapper modal-background {
  background-color: rgba(7, 27, 54, 0.9);
}
body.modal modal-wrapper modal-container {
  opacity: 1;
  top: 0;
  transition-delay: 0.3;
}

modal-wrapper[data-type=secure-download] modal-container {
  background: linear-gradient(to right, #1069C1, #43A1D9);
  max-width: 500px;
  padding: 60px;
  border-radius: 4px;
}
@media (max-width: 480px) {
  modal-wrapper[data-type=secure-download] modal-container {
    padding: 30px;
  }
}
modal-wrapper[data-type=secure-download] modal-container h3, modal-wrapper[data-type=secure-download] modal-container text-block h4, text-block modal-wrapper[data-type=secure-download] modal-container h4 {
  color: white;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: calc(1 + calc(var(--gutters) * 0.5));
}
@media screen and (min-width: 480px) {
  modal-wrapper[data-type=secure-download] modal-container h3, modal-wrapper[data-type=secure-download] modal-container text-block h4, text-block modal-wrapper[data-type=secure-download] modal-container h4 {
    font-size: calc(18px + 8 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  modal-wrapper[data-type=secure-download] modal-container h3, modal-wrapper[data-type=secure-download] modal-container text-block h4, text-block modal-wrapper[data-type=secure-download] modal-container h4 {
    font-size: 26px;
  }
}
modal-wrapper[data-type=secure-download] modal-container p {
  color: white;
  font-size: 16px;
  line-height: 1.2;
  margin-top: -15px;
  margin-bottom: calc(1 + calc(var(--gutters) * 0.5));
  text-align: center;
}
@media screen and (min-width: 480px) {
  modal-wrapper[data-type=secure-download] modal-container p {
    font-size: calc(16px + 4 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  modal-wrapper[data-type=secure-download] modal-container p {
    font-size: 20px;
  }
}
modal-wrapper[data-type=secure-download] modal-container p span {
  display: block;
}
modal-wrapper[data-type=secure-download] modal-container > div {
  max-height: 300px;
}
modal-wrapper[data-type=secure-download] modal-container > div.success, modal-wrapper[data-type=secure-download] modal-container > div.error {
  transition: opacity 0.5s 0s ease-in-out, max-height 1s 0s ease-in-out;
  opacity: 0;
  max-height: 0;
}
modal-wrapper[data-type=secure-download] modal-container > div.message {
  opacity: 0;
  max-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  animation: usthntt 1s ease-in-out 1s 1 normal forwards;
}
@keyframes usthntt {
  100% {
    opacity: 1;
    max-height: 300px;
  }
}
modal-wrapper[data-type=secure-download] modal-container > div.message svg {
  fill: white;
  transform-origin: 25px 25px;
  width: 50px;
  height: 50px;
  transform-origin: 50% 100%;
  animation: usthnut loop ease-in-out 2s 1 alternate forwards;
}
@keyframes usthnut {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}

modal-wrapper[data-type=form] modal-container {
  background: linear-gradient(to right, #1069C1, #43A1D9);
  max-width: 500px;
  padding: 60px;
  border-radius: 4px;
}
@media (max-width: 480px) {
  modal-wrapper[data-type=form] modal-container {
    padding: 30px;
  }
}
modal-wrapper[data-type=form] modal-container h3, modal-wrapper[data-type=form] modal-container text-block h4, text-block modal-wrapper[data-type=form] modal-container h4 {
  color: white;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: calc(1 + calc(var(--gutters) * 0.5));
}
@media screen and (min-width: 480px) {
  modal-wrapper[data-type=form] modal-container h3, modal-wrapper[data-type=form] modal-container text-block h4, text-block modal-wrapper[data-type=form] modal-container h4 {
    font-size: calc(18px + 8 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  modal-wrapper[data-type=form] modal-container h3, modal-wrapper[data-type=form] modal-container text-block h4, text-block modal-wrapper[data-type=form] modal-container h4 {
    font-size: 26px;
  }
}
modal-wrapper[data-type=form] modal-container form {
  display: flex;
  flex-direction: column;
}
modal-wrapper[data-type=form] modal-container form input {
  margin-bottom: 15px;
}
modal-wrapper[data-type=form] modal-container p {
  color: white;
  font-size: 20px;
  line-height: 1.2;
  margin-top: -15px;
  margin-bottom: calc(1 + calc(var(--gutters) * 0.5));
}
@media screen and (min-width: 480px) {
  modal-wrapper[data-type=form] modal-container p {
    font-size: calc(20px + 10 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  modal-wrapper[data-type=form] modal-container p {
    font-size: 30px;
  }
}
modal-wrapper[data-type=form] modal-container p span {
  display: block;
}
modal-wrapper[data-type=form] modal-container > div {
  max-height: 300px;
}
modal-wrapper[data-type=form] modal-container > div.success, modal-wrapper[data-type=form] modal-container > div.error {
  transition: opacity 0.5s 0s ease-in-out, max-height 1s 0s ease-in-out;
  opacity: 0;
  max-height: 0;
}
modal-wrapper[data-type=form] modal-container > div.message {
  opacity: 0;
  max-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  animation: usthnvn 1s ease-in-out 1s 1 normal forwards;
}
@keyframes usthnvn {
  100% {
    opacity: 1;
    max-height: 300px;
  }
}
modal-wrapper[data-type=form] modal-container > div.message svg {
  fill: white;
  transform-origin: 25px 25px;
  width: 50px;
  height: 50px;
  transform-origin: 50% 100%;
  animation: usthnwg loop ease-in-out 2s 1 alternate forwards;
}
@keyframes usthnwg {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
modal-wrapper[data-type=form] modal-container.free-quote, modal-wrapper[data-type=form] modal-container.stay-informed {
  padding: 60px 30px 30px 30px;
}
modal-wrapper[data-type=form] modal-container.free-quote .freeform-column p, modal-wrapper[data-type=form] modal-container.stay-informed .freeform-column p {
  margin-bottom: 10px;
}
modal-wrapper[data-type=form] modal-container.free-quote > div, modal-wrapper[data-type=form] modal-container.stay-informed > div {
  max-height: initial;
}
modal-wrapper[data-type=form] modal-container.free-quote > div .freeform-row .freeform-column, modal-wrapper[data-type=form] modal-container.stay-informed > div .freeform-row .freeform-column {
  padding-top: 0;
  padding-bottom: 0;
}
modal-wrapper[data-type=form] modal-container.free-quote > div [data-hidden-by-rules], modal-wrapper[data-type=form] modal-container.stay-informed > div [data-hidden-by-rules] {
  display: block !important;
}
modal-wrapper[data-type=form] modal-container.free-quote > div button[type=submit], modal-wrapper[data-type=form] modal-container.stay-informed > div button[type=submit] {
  margin-top: 15px;
}
modal-wrapper[data-type=form] modal-container.free-quote .ff-form-success, modal-wrapper[data-type=form] modal-container.stay-informed .ff-form-success {
  border-radius: 6px;
  background-color: #488C13;
  padding: 15px 30px;
  margin-bottom: 30px;
}
modal-wrapper[data-type=form] modal-container.free-quote .ff-form-success p, modal-wrapper[data-type=form] modal-container.stay-informed .ff-form-success p {
  font-size: 16px;
  margin: 0;
}
modal-wrapper[data-type=form] modal-container.free-quote form:invalid button[type=submit], modal-wrapper[data-type=form] modal-container.stay-informed form:invalid button[type=submit] {
  pointer-events: none;
  opacity: 0.5;
}
modal-wrapper[data-type=form] modal-container.stay-informed h3, modal-wrapper[data-type=form] modal-container.stay-informed text-block h4, text-block modal-wrapper[data-type=form] modal-container.stay-informed h4 {
  font-size: 30px;
  margin-bottom: 15px;
}
modal-wrapper[data-type=form] modal-container.stay-informed p {
  font-size: 20px;
  margin-top: 0;
}
modal-wrapper[data-type=form] modal-container.stay-informed.form-submit-success .freeform-row {
  display: none;
}
modal-wrapper[data-type=form] modal-container.stay-informed.form-submit-success .ff-form-success {
  margin-bottom: 0;
}

modal-wrapper[data-type=rsa-redirect] modal-container {
  background: linear-gradient(to right, #1069C1, #43A1D9);
  max-width: 680px;
  padding: 60px;
  border-radius: 4px;
}
@media (max-width: 480px) {
  modal-wrapper[data-type=rsa-redirect] modal-container {
    padding: 30px;
  }
}
modal-wrapper[data-type=rsa-redirect] modal-container h2, modal-wrapper[data-type=rsa-redirect] modal-container form legend, form modal-wrapper[data-type=rsa-redirect] modal-container legend {
  color: white;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: calc(1 + calc(var(--gutters) * 0.5));
}
@media screen and (min-width: 480px) {
  modal-wrapper[data-type=rsa-redirect] modal-container h2, modal-wrapper[data-type=rsa-redirect] modal-container form legend, form modal-wrapper[data-type=rsa-redirect] modal-container legend {
    font-size: calc(18px + 8 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  modal-wrapper[data-type=rsa-redirect] modal-container h2, modal-wrapper[data-type=rsa-redirect] modal-container form legend, form modal-wrapper[data-type=rsa-redirect] modal-container legend {
    font-size: 26px;
  }
}
modal-wrapper[data-type=rsa-redirect] modal-container p {
  color: white;
  font-size: 16px;
  line-height: 1.2;
  margin-top: -15px;
  margin-bottom: calc(1 + calc(var(--gutters) * 0.5));
  text-align: center;
}
@media screen and (min-width: 480px) {
  modal-wrapper[data-type=rsa-redirect] modal-container p {
    font-size: calc(16px + 4 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  modal-wrapper[data-type=rsa-redirect] modal-container p {
    font-size: 20px;
  }
}
modal-wrapper[data-type=rsa-redirect] modal-container p span {
  display: block;
}
modal-wrapper[data-type=rsa-redirect] modal-container > div > div {
  display: flex;
  gap: 15px;
}
modal-wrapper[data-type=rsa-redirect] modal-container > div > div a, modal-wrapper[data-type=rsa-redirect] modal-container > div > div button {
  flex-grow: 1;
  text-align: left;
}
modal-wrapper[data-type=rsa-redirect] modal-container > div > div a svg, modal-wrapper[data-type=rsa-redirect] modal-container > div > div button svg {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}
modal-wrapper[data-type=rsa-redirect] modal-container > div > div a svg {
  fill: initial !important;
  overflow: hidden;
}

slide-show {
  --speed: 1s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
  transition: opacity 1s 0s ease-in-out;
}
slide-show:empty:after {
  opacity: 0;
}
slide-show.gradient ~ slide-overlays gradient-overlay {
  opacity: 0.8;
  background-color: var(--background-color, var(--theme, #000));
}
@media (min-width: 641px) {
  slide-show.gradient ~ slide-overlays gradient-overlay {
    opacity: 1;
    -webkit-mask-image: radial-gradient(farthest-side at 0% 0%, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0.78861) 11.35%, hsla(0, 0%, 0%, 0.75657) 21.96%, hsla(0, 0%, 0%, 0.70706) 31.87%, hsla(0, 0%, 0%, 0.64326) 41.15%, hsla(0, 0%, 0%, 0.56834) 49.86%, hsla(0, 0%, 0%, 0.4855) 58.06%, hsla(0, 0%, 0%, 0.39791) 65.82%, hsla(0, 0%, 0%, 0.30874) 73.19%, hsla(0, 0%, 0%, 0.22119) 80.23%, hsla(0, 0%, 0%, 0.13843) 87%, hsla(0, 0%, 0%, 0.06364) 93.57%, hsla(0, 0%, 0%, 0));
            mask-image: radial-gradient(farthest-side at 0% 0%, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0.78861) 11.35%, hsla(0, 0%, 0%, 0.75657) 21.96%, hsla(0, 0%, 0%, 0.70706) 31.87%, hsla(0, 0%, 0%, 0.64326) 41.15%, hsla(0, 0%, 0%, 0.56834) 49.86%, hsla(0, 0%, 0%, 0.4855) 58.06%, hsla(0, 0%, 0%, 0.39791) 65.82%, hsla(0, 0%, 0%, 0.30874) 73.19%, hsla(0, 0%, 0%, 0.22119) 80.23%, hsla(0, 0%, 0%, 0.13843) 87%, hsla(0, 0%, 0%, 0.06364) 93.57%, hsla(0, 0%, 0%, 0));
  }
}
slide-show.transparent ~ slide-overlays transparent-overlay {
  opacity: 0.5;
  background-color: var(--background-color, var(--theme, #000));
}
slide-show.none ~ slide-overlays transparent-overlay, slide-show.none ~ slide-overlays gradient-overlay {
  opacity: 0;
}
body.fullscreen slide-overlays > * {
  opacity: 0 !important;
}

slide-overlays {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
slide-overlays > * {
  transition: opacity 1s 0s ease-in-out, background-color 1s 0s ease-in-out;
  opacity: 0;
  position: inherit;
  display: inherit;
  top: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
}

slide-show[data-direction=ltr] slide-image {
  clip: rect(auto, 0px, auto, 0px);
  transform: scale(1.2) translateX(0px);
}
slide-show[data-direction=ltr] slide-image.current {
  clip: rect(auto, 100vw, auto, 100vw);
  transform: scale(1.2) translateX(10px);
  transition-delay: 0, 0;
}
slide-show[data-direction=ltr] slide-image.current.animating {
  clip: rect(auto, 100vw, auto, 0px);
  transform: scale(1) translateX(0px);
}
slide-show[data-direction=rtl] slide-image {
  clip: rect(auto, 100vw, auto, 100vw);
  transform: scale(1.2) translateX(0px);
}
slide-show[data-direction=rtl] slide-image.current {
  clip: rect(auto, 0px, auto, 0px);
  transform: scale(1.2) translateX(-10px);
  transition-delay: 0, 0;
}
slide-show[data-direction=rtl] slide-image.current.animating {
  clip: rect(auto, 100vw, auto, 0px);
  transform: scale(1) translateX(0px);
}
slide-show[data-direction=ltr] slide-image, slide-show[data-direction=rtl] slide-image {
  transition: clip var(--speed, 1s) calc(var(--speed, 0.5s) * 0.5) cubic-bezier(0.19, 1, 0.22, 1), transform var(--speed, 1s) 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
slide-show:not([data-direction=rtl]):not([data-direction=ltr]) slide-image.current {
  clip: rect(auto, 100vw, auto, 0px);
  transform: scale(1) translateX(0px);
}
slide-show slide-image {
  will-change: transform, opacity, clip;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
slide-show slide-image.current {
  z-index: 1;
}
slide-show slide-image video, slide-show slide-image iframe {
  background-color: #113A79;
  pointer-events: none;
}
slide-show[data-direction=ltr] ~ slideshow-navigation button, slide-show[data-direction=rtl] ~ slideshow-navigation button {
  pointer-events: none;
}
slide-show[data-direction=ltr] ~ slideshow-navigation button:hover, slide-show[data-direction=rtl] ~ slideshow-navigation button:hover {
  opacity: 0.5;
}
slide-show ~ slideshow-navigation {
  z-index: 2;
}
slide-show:empty ~ slideshow-gradient {
  opacity: 0;
}
slide-show video-container, slide-show video-container iframe, slide-show video-containervideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

slideshow-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #EDEDED;
  z-index: 3;
  transition: transform 0.2s 0s ease-in-out;
}
slideshow-navigation button {
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px 20px;
  z-index: 1;
  background-color: inherit;
  transition: background-color 0.2s 0s ease-in-out, opacity 0.2s 0s ease-in-out;
}
slideshow-navigation button:hover {
  background-color: #e0e0e0;
}
slideshow-navigation button svg[class*=arrow-] {
  width: 16px;
  height: 16px;
  stroke: #0258b9;
  stroke-width: 14px;
}
slideshow-navigation:hover button.view {
  opacity: 1;
  transform: translateX(-100%);
}
slideshow-navigation button.view {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #e0e0e0;
  border: none;
  transition: transform 0.2s 0s ease-in-out, opacity 0.2s 0s ease-in-out;
}
slideshow-navigation button.view:hover {
  background-color: #d9d9d9;
}
body.fullscreen slideshow-navigation button.view {
  opacity: 1;
  transform: translateX(-100%);
}

slideshow-navigation slideshow-counter {
  display: flex;
  background-color: inherit;
  padding-left: 15px;
  padding-right: 15px;
  height: 46px;
  align-items: center;
}
slideshow-navigation slideshow-counter span {
  display: block;
  transition: transform 0.2s 0s ease-in-out, opacity 0.2s 0s ease-in-out;
}
slideshow-navigation slideshow-counter span:nth-of-type(2) {
  margin-left: 3px;
}
slideshow-navigation slideshow-counter span:nth-of-type(1) {
  margin-right: 3px;
}
slideshow-navigation slideshow-counter span.out {
  transform: translateY(-10px);
  opacity: 0;
}
slideshow-navigation slideshow-counter span.in {
  transition-delay: 0, 0.2;
  transform: translateY(10px);
  opacity: 1;
}
slideshow-navigation.hide {
  pointer-events: none;
  transform: translateX(100%);
}
@media (max-width: 800px) {
  slideshow-navigation {
    display: none !important;
  }
}

.video {
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  /* overflow: hidden; */
}
.video:after {
  transition: opacity 1s 1.5s ease-in-out;
  background-color: black;
  opacity: 0;
}
.video.hide:after {
  opacity: 1;
}

.video video-container {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-aspect-ratio: 16/9) {
  .video video-container {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video video-container {
    width: 300%;
    left: -100%;
  }
}

social-media {
  display: flex;
}
social-media a {
  display: block;
}
@media (hover: hover) {
  social-media a:hover svg {
    transform: scale(1.2);
  }
}
social-media a + a {
  margin-left: 15px;
}
social-media a span {
  display: none;
}
social-media a svg {
  fill: #ffffff;
  width: 24px;
  height: 24px;
  transition: fill 0.2s 0s ease-in-out, transform 0.2s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

table.stylised {
  --border-size: 0px;
  --cell-padding: 12px 30px;
  --cell-text-colour: #000;
  --heading-text-colour: white;
  --row-shade-colour: white;
  --row-shade-1: rgba(255, 255, 255, 0.2);
  --row-shade-2: rgba(255, 255, 255, 0.9);
  --row-shade-3: rgba(255, 255, 255, 0.8);
  --table-theme: #0258b9;
  position: relative;
  width: calc(100% + (var(--border-size) * 2));
  margin-top: 30px;
  margin-bottom: 30px;
  border: var(--border-size) solid var(--row-shade-colour);
  left: calc(-1 * var(--border-size));
  background-color: var(--table-theme);
}
table.stylised thead tr th, table.stylised tbody tr td, table.stylised tbody tr td:before, table.stylised caption {
  box-sizing: border-box;
  padding: var(--cell-padding);
  border: var(--border-size) solid var(--row-shade-colour);
}
table.stylised thead tr th, table.stylised tbody tr td:before, table.stylised caption {
  color: var(--heading-text-colour);
  font-weight: bold;
}
table.stylised caption {
  border-bottom: 0;
  width: 100%;
  text-align: left;
  background-color: var(--table-theme);
}
table.stylised caption + thead tr th {
  background-color: var(--row-shade-1);
  border-width: 0;
}
table.stylised tbody tr:last-of-type td.empty {
  background-color: var(--row-shade-colour);
}
table.stylised tbody tr {
  background-color: var(--row-shade-3);
}
table.stylised tbody tr:nth-child(odd) {
  background-color: var(--row-shade-2);
}
table.stylised tbody tr td {
  color: var(--cell-text-colour);
}
@media (max-width: 1300px) {
  table.stylised {
    display: block;
  }
  table.stylised caption {
    display: block;
  }
  table.stylised thead {
    display: none;
  }
  table.stylised tbody {
    display: block;
    width: 100%;
  }
  table.stylised tbody tr {
    display: block;
    background-color: initial;
  }
  table.stylised tbody tr:nth-child(odd) {
    background-color: initial;
  }
  table.stylised tbody tr:nth-child(odd) td:before {
    background-color: var(--row-shade-1);
  }
  table.stylised tbody tr:nth-child(odd) td > span {
    background-color: var(--row-shade-3);
  }
  table.stylised tbody tr td {
    display: table-row;
  }
  table.stylised tbody tr td > span {
    width: 100%;
    background-color: var(--row-shade-2);
  }
  table.stylised tbody tr td.empty {
    display: none;
  }
  table.stylised tbody tr td:before, table.stylised tbody tr td > span {
    display: table-cell;
    padding: var(--cell-padding);
  }
  table.stylised tbody tr td:before {
    content: attr(data-label);
  }
}
@media (max-width: 480px) {
  table.stylised {
    --cell-padding: 12px 15px;
  }
}

section#team {
  display: grid;
  background: initial;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-gap: 30px;
  padding: 0;
}
section#team.loading {
  pointer-events: none;
}
section#team .team-article .full-description {
  display: none;
}
section#team .team-article .short-description {
  display: block;
}
section#team .team-article:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.team-article {
  background-color: white;
  border-radius: 6px;
  display: flex;
  position: relative;
  flex-direction: column;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.team-article .header {
  display: flex;
  width: 100%;
  height: 100%;
  text-align: left;
}
.team-article .header .headings {
  padding: 30px;
  width: calc(100% - 200px);
}
.team-article .header .headings h2, .team-article .header .headings form legend, form .team-article .header .headings legend {
  color: #000;
  grid-row: 1;
  grid-column: 1;
  font-size: 20px;
  margin-bottom: 0;
}
.team-article .header .headings h3, .team-article .header .headings text-block h4, text-block .team-article .header .headings h4 {
  color: #42A7DF;
  grid-row: 2;
  font-size: 16px;
  grid-column: 1;
  line-height: 1.3;
}
.team-article .header figure {
  grid-row: 1/span 2;
  grid-column: 2;
  margin: 0;
  width: 200px;
  justify-self: flex-end;
  align-self: flex-end;
  overflow: hidden;
  margin-top: -9px;
  height: 200px;
  align-items: flex-end;
  display: flex;
  margin-left: auto;
}
.team-article .header figure img {
  display: block;
  width: 100%;
  overflow: hidden;
  right: -20px;
  position: relative;
}
.team-article .short-description {
  display: none;
}
.team-article .full-description {
  display: block;
}
.team-article .full-description p, .team-article .full-description h1, .team-article .full-description h2, .team-article .full-description form legend, form .team-article .full-description legend, .team-article .full-description h3, .team-article .full-description h4 {
  margin-bottom: 15px;
  line-height: 1.3;
}
.team-article .full-description a {
  color: white;
  text-decoration: underline;
}
.team-article .short-description, .team-article .full-description {
  flex-grow: 1;
  height: 100%;
  padding: 30px;
  color: white;
  text-align: left;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

modal-wrapper[data-type=team] modal-container {
  max-width: 600px;
  overflow: initial;
  padding: 0;
  background: none;
}
modal-wrapper[data-type=team] modal-container button.close {
  top: -30px;
  right: -30px;
}
modal-wrapper[data-type=team] modal-container button.close svg line {
  stroke: white;
}

ul.usp {
  margin-top: 3vh;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  grid-gap: 30px;
}
ul.usp li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 400px;
  margin: 0;
  padding-left: 0;
}
ul.usp li:before {
  content: initial !important;
}
ul.usp li svg {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  fill: white;
}
ul.usp li svg.icon-tick {
  fill: none;
  stroke: white;
  width: 30px;
  height: 30px;
  margin-bottom: 30px;
}
ul.usp li h4 {
  color: #45ACE7;
  margin-bottom: 15px;
  font-size: 20px;
}
ul.usp li p {
  color: white;
}
@media (max-width: 970px) {
  ul.usp {
    max-width: calc(100vw - 100px);
    display: flex;
    flex-direction: column;
  }
}

.usp-container {
  background-color: initial;
}
.usp-container h2, .usp-container form legend, form .usp-container legend {
  color: white;
  font-size: 38px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 3vh;
}

form select::-ms-expand {
  display: none;
}
form input[type=checkbox] {
  display: none;
}
form input[type=checkbox] + label {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  display: block;
  padding-left: 35px;
  color: white;
  margin-bottom: 30px;
  cursor: pointer;
}
form input[type=checkbox] + label:before {
  content: "";
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: white;
  border: 1px solid #a9a9a9;
  width: 20px;
  height: 20px;
}
form input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: -3px;
  width: 20px;
  height: 20px;
}
form input[type=checkbox]:checked + label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' class='icon-tick' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' stroke='%23613D5A' stroke-width='10px'%3E %3Cpolyline style='fill:none; stroke-width:26; stroke-miterlimit:10;' points='92.5,5.5 36.5,88.5 5.5,69.5'/%3E %3C/svg%3E");
}
form button[type=submit]:hover {
  border-color: #ffffff;
  color: #ffffff;
}
form button[type=submit]:focus {
  box-shadow: 0 0 3pt 2pt #0258b9;
}
form button[type=submit].inverse {
  color: #ffffff;
  border: 0;
  background: #0258b9;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$blue, endColorstr=$blue-light,GradientType=1 );
}
@media (min-width: 481px) {
  form button[type=submit] {
    align-self: start;
  }
}
form input[type=password] {
  letter-spacing: 2px;
  font-size: 20px;
}
form:not(:valid) button[type=submit] {
  pointer-events: none;
  border-color: #a9a9a9;
  background-color: transparent;
  color: #a9a9a9;
}

@keyframes click-wave {
  0% {
    height: 15px;
    width: 15px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 100px;
    width: 100px;
    opacity: 0;
  }
}
.freeform-row .freeform-column .freeform-input[type=checkbox] {
  width: auto;
  display: inline;
  margin-right: 5px;
}

.freeform-row .freeform-column .ff-errors, .freeform-row .freeform-column .freeform-errors {
  list-style: none;
  padding: 0;
  margin: 5px 0 0;
}

.freeform-pages {
  display: flex;
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
}
.freeform-pages li {
  margin: 0 10px 0 0;
}

.freeform-row {
  display: flex;
  justify-content: space-between;
  margin: 0 -15px;
}
.freeform-row .freeform-column {
  flex: 1 0;
  padding: 10px 0;
  margin: 0 15px;
  box-sizing: border-box;
}
.freeform-row .freeform-column label {
  display: block;
}
.freeform-row .freeform-column .input-group-one-line {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.freeform-row .freeform-column .input-group-one-line label {
  margin-right: 4rem;
}
.freeform-row .freeform-column .input-group-one-line label:hover {
  cursor: pointer;
}
.freeform-row .freeform-column .freeform-label {
  display: none;
  color: #0258b9;
  margin-bottom: 15px;
}
.freeform-row .freeform-column .freeform-label.freeform-required:after {
  content: "*";
  margin-left: 5px;
  color: #cb2222;
}
.freeform-row .freeform-column .freeform-label .show {
  display: block;
}
.freeform-row .freeform-column .freeform-input {
  width: 100%;
  display: block;
  padding: 15px;
  box-sizing: border-box;
}
.freeform-row .freeform-column .freeform-input.StripeElement {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  border: 1px solid;
  height: 26px;
}
.freeform-row .freeform-column .freeform-input[type=radio] {
  transition: all 0.15s ease-out 0s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 10px;
  cursor: pointer;
  background: #ffffff;
  border: none;
  color: #ffffff;
  display: inline-block;
  margin-right: 1rem;
  outline: none;
  z-index: 1000;
  border-radius: 50%;
}
.freeform-row .freeform-column .freeform-input[type=radio]::after {
  border-radius: 50%;
}
.freeform-row .freeform-column .freeform-input[type=radio]:checked::before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: "✔";
  top: 0;
  left: 0;
  font-size: 15px;
  text-align: center;
  display: inline-block;
  line-height: 30px;
}
.freeform-row .freeform-column .freeform-input[type=radio]:checked::after {
  animation: click-wave 0.65s;
  background: #0258b9;
  content: "";
  display: block;
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
}
.freeform-row .freeform-column .freeform-input-only-label {
  font-weight: normal;
}
.freeform-row .freeform-column .freeform-input-only-label > .freeform-input {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}
.freeform-row .freeform-column .freeform-errors > li {
  color: #cb2222;
}
.freeform-row .freeform-column .ff-errors > li {
  color: #cb2222;
}
.freeform-row .freeform-column .freeform-instructions {
  margin: 5px 0 5px;
  font-size: 13px;
  color: #aba7a7;
}
.freeform-row .freeform-column.freeform-column-content-align-left {
  display: flex;
  justify-content: flex-start;
}
.freeform-row .freeform-column.freeform-column-content-align-left > button:not(:first-of-type) {
  margin-left: 5px;
}
.freeform-row .freeform-column.freeform-column-content-align-center {
  display: flex;
  justify-content: center;
}
.freeform-row .freeform-column.freeform-column-content-align-center > button:not(:first-of-type) {
  margin-left: 5px;
}
.freeform-row .freeform-column.freeform-column-content-align-right {
  display: flex;
  justify-content: flex-end;
}
.freeform-row .freeform-column.freeform-column-content-align-right > button:not(:first-of-type) {
  margin-left: 5px;
}
.freeform-row .freeform-column.freeform-column-content-align-spread {
  display: flex;
  justify-content: space-between;
}
.freeform-row .freeform-column.freeform-column-content-align-spread > button:not(:first-of-type) {
  margin-left: 5px;
}
.freeform-row .freeform-column > .freeform-row:first-child {
  margin-top: -10px;
}

.ff-form-errors {
  padding: 15px;
  border: 1px solid #f5c6cb;
  background: #f8d7da;
  border-radius: 4px;
  color: #721c24;
}
.ff-form-errors > p {
  margin: 0;
}

.freeform-form-has-errors {
  color: #721c24;
}

form[data-handle=requestAFreeQuote] .ff-form-success {
  border-radius: 6px;
  background-color: #488C13;
  padding: 15px 15px;
}
form[data-handle=requestAFreeQuote] .ff-form-success p {
  font-size: 16px !important;
  margin: 0;
}
form[data-handle=requestAFreeQuote] .ff-form-errors {
  border-radius: 6px;
  background-color: #cb2222;
  padding: 15px 15px;
  border: initial;
}
form[data-handle=requestAFreeQuote] .ff-form-errors p {
  font-size: 16px !important;
  margin: 0;
}
form[data-handle=requestAFreeQuote] .ff-form-errors ul {
  margin-top: 15px;
}
form[data-handle=requestAFreeQuote] .ff-form-errors li {
  color: white;
}

form#contact {
  display: flex;
}
form#contact input-field:last-of-type {
  margin-bottom: 15px;
}
@media (max-width: 800px) {
  form#contact input-field {
    margin-bottom: 30px;
  }
}
@media (min-width: 801px) {
  form#contact {
    flex-direction: row;
  }
  form#contact input-field {
    flex-basis: calc(100% / 2 - 15px) false;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  form#contact input-field:nth-of-type(2n) {
    margin-right: 0;
  }
  form#contact input-field:nth-of-type(2n) {
    margin-right: 0;
  }
  form#contact input-field[data-type=textarea] {
    flex-grow: 1;
    width: 100% !important;
    margin-right: 0;
  }
}

form.contactForm:invalid button[type=submit], form#sanitisation-form:invalid button[type=submit] {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(100%);
}
form.contactForm .input-group-one-line label, form#sanitisation-form .input-group-one-line label {
  margin-bottom: 15px;
}
form.contactForm .ff-form-success, form.contactForm .ff-form-errors, form#sanitisation-form .ff-form-success, form#sanitisation-form .ff-form-errors {
  padding: 30px;
  border-radius: var(--border-radius);
  border: none;
}
form.contactForm .ff-form-success p, form.contactForm .ff-form-errors p, form#sanitisation-form .ff-form-success p, form#sanitisation-form .ff-form-errors p {
  color: white;
  font-size: 18px;
}
@media screen and (min-width: 480px) {
  form.contactForm .ff-form-success p, form.contactForm .ff-form-errors p, form#sanitisation-form .ff-form-success p, form#sanitisation-form .ff-form-errors p {
    font-size: calc(18px + 2 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  form.contactForm .ff-form-success p, form.contactForm .ff-form-errors p, form#sanitisation-form .ff-form-success p, form#sanitisation-form .ff-form-errors p {
    font-size: 20px;
  }
}
form.contactForm .ff-form-errors, form#sanitisation-form .ff-form-errors {
  background-color: #EEACB2;
}
form.contactForm .ff-errors li, form#sanitisation-form .ff-errors li {
  color: #F8D7DA !important;
}
form.contactForm .ff-form-success, form#sanitisation-form .ff-form-success {
  background-color: #42A7DF;
}
form.contactForm .freeform-column p, form#sanitisation-form .freeform-column p {
  color: white;
}
form.contactForm .freeform-column p br, form#sanitisation-form .freeform-column p br {
  display: none;
}
@media (max-width: 800px) {
  form.contactForm .freeform-row, form#sanitisation-form .freeform-row {
    flex-direction: column;
  }
}

form#sanitisation-form {
  padding: 30px;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
}
form#sanitisation-form h3, form#sanitisation-form text-block h4, text-block form#sanitisation-form h4 {
  color: white;
  font-size: 30px;
}
@media screen and (min-width: 480px) {
  form#sanitisation-form h3, form#sanitisation-form text-block h4, text-block form#sanitisation-form h4 {
    font-size: calc(30px + 8 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  form#sanitisation-form h3, form#sanitisation-form text-block h4, text-block form#sanitisation-form h4 {
    font-size: 38px;
  }
}
form#sanitisation-form .ff-form-success, form#sanitisation-form .ff-form-errors {
  padding: 15px;
  margin-bottom: 30px;
}
form#sanitisation-form .ff-form-errors {
  background-color: #cb2222;
}
form#sanitisation-form .ff-form-success {
  background-color: #488C13;
}

form.file-request {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
form.file-request .ff-form-errors {
  margin-bottom: 30px;
  border-radius: 0;
  border: none;
  background-color: #cb2222;
  text-align: left;
}
form.file-request .ff-form-errors p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: left;
}
form.file-request .ff-form-errors p + ul {
  margin-top: 15px;
}
form.file-request .ff-form-errors p + ul li {
  color: white;
  text-align: left;
  font-size: 14px;
}
form.file-request .ff-form-success {
  background-color: #EB9F24;
  padding: 15px;
  margin-bottom: 15px;
  display: none;
}
form.file-request .ff-form-success p {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
form.file-request input[type=email] {
  padding: 15px;
  margin-bottom: 15px;
  z-index: 1;
}
form.file-request input[type=email]:not(:-moz-placeholder-shown) ~ label[for*=privacy] {
  opacity: 1;
  margin-top: 0px;
  pointer-events: all;
}
form.file-request input[type=email]:focus ~ label[for*=privacy], form.file-request input[type=email]:not(:placeholder-shown) ~ label[for*=privacy] {
  opacity: 1;
  margin-top: 0px;
  pointer-events: all;
}
form.file-request label[for*=privacy] {
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  margin-top: -40px;
  position: relative;
  transition: opacity 0.2s 0s ease-in-out, margin 0.2s 0s ease-in-out;
}
@media (max-width: 480px) {
  form.file-request label[for*=privacy] {
    margin-top: -60px;
  }
}
form.file-request label[for*=privacy]:before {
  border: none;
}
form.file-request label[for*=privacy] a {
  color: white;
  text-decoration: underline;
}
form.file-request button[type=submit] {
  padding-top: 5px;
  padding-bottom: 5px;
  align-self: flex-end;
}
form.file-request:valid button[type=submit] {
  background: #0258b9;
  color: white;
}

form#login {
  max-width: 500px;
  display: block;
  position: relative;
  background-color: inherit;
  margin-top: 10px;
}
form#login input:not(:required) ~ field-status-bar, form#login input:not(:required) ~ sup, form#login textarea:not(:required) ~ field-status-bar, form#login textarea:not(:required) ~ sup, form#login select:not(:required) ~ field-status-bar, form#login select:not(:required) ~ sup {
  display: none;
}
form#login input:not([value=""]):not(:focus) ~ field-status-bar:before, form#login textarea:not([value=""]):not(:focus) ~ field-status-bar:before {
  width: 100%;
}
form#login input:not([value=""]):not(:focus):invalid ~ field-status-bar:before, form#login textarea:not([value=""]):not(:focus):invalid ~ field-status-bar:before {
  background-color: var(--error);
}
form#login select::-ms-expand {
  display: none;
}
form#login select:invalid ~ field-status-bar:before {
  width: 0%;
}
form#login select:valid ~ field-status-bar:before {
  width: 100%;
}
form#login label {
  width: 100%;
  position: relative;
  display: block;
  background-color: inherit;
}
form#login label field-placeholder, form#login label field-status-bar, form#login label field-asterisk {
  position: absolute;
}
form#login label > *:first-child {
  display: block;
  font-size: 16px;
  padding: 15px 30px 15px 30px;
  border: 0px solid #a9a9a9;
  width: 100%;
  min-height: 50px;
  background-color: var(#ffffff);
  border-radius: 5px;
  transition: background-color 0.2s 0s ease-in-out, border-color 0.2s 0s ease-in-out, color 0.2s 0s ease-in-out;
  margin-bottom: 28px;
}
form#login label > *:first-child:focus::-webkit-input-placeholder {
  color: transparent;
}
form#login label > *:first-child::-webkit-input-placeholder {
  color: transparent;
  -webkit-transition: color 0.2s 0s ease-in-out;
  transition: color 0.2s 0s ease-in-out;
}
form#login label > *:first-child:focus::-moz-placeholder {
  color: transparent;
}
form#login label > *:first-child::-moz-placeholder {
  color: transparent;
  -moz-transition: color 0.2s 0s ease-in-out;
  transition: color 0.2s 0s ease-in-out;
}
form#login label > *:first-child:focus:-moz-placeholder {
  color: transparent;
}
form#login label > *:first-child:-moz-placeholder {
  color: transparent;
  -moz-transition: color 0.2s 0s ease-in-out;
  transition: color 0.2s 0s ease-in-out;
}
form#login label > *:first-child:focus:-ms-input-placeholder {
  color: transparent;
}
form#login label > *:first-child:-ms-input-placeholder {
  color: transparent;
  -ms-transition: color 0.2s 0s ease-in-out;
  transition: color 0.2s 0s ease-in-out;
}
form#login label > *:first-child:not(:required) ~ field-asterisk {
  display: none;
}
form#login label > *:first-child:valid ~ field-asterisk {
  pointer-events: none;
}
form#login label > *:first-child:valid ~ field-asterisk:empty {
  opacity: 0;
}
form#login label > *:first-child:valid ~ field-asterisk > svg {
  fill: var(#a9a9a9);
}
form#login label > *:first-child:-moz-placeholder-shown:not(:focus) {
  border: 0px solid transparent;
  background-color: var(rgba(255, 255, 255, 0.2));
  color: var(#000);
}
form#login label > *:first-child:placeholder-shown:not(:focus) {
  border: 0px solid transparent;
  background-color: var(rgba(255, 255, 255, 0.2));
  color: var(#000);
}
form#login label > *:first-child:-moz-placeholder-shown:not(:focus) ~ field-placeholder {
  left: 30px;
  top: 25px;
  top: 21.5px;
  color: var(rgba(255, 255, 255, 0.7));
  padding-left: 0;
  padding-right: 0;
  transform: translateY(-50%) scale(1);
}
form#login label > *:first-child:placeholder-shown:not(:focus) ~ field-placeholder {
  left: 30px;
  top: 25px;
  top: 21.5px;
  color: var(rgba(255, 255, 255, 0.7));
  padding-left: 0;
  padding-right: 0;
  transform: translateY(-50%) scale(1);
}
form#login label > *:first-child:-moz-placeholder-shown:not(:focus) ~ field-placeholder:before {
  opacity: 0;
}
form#login label > *:first-child:placeholder-shown:not(:focus) ~ field-placeholder:before {
  opacity: 0;
}
html[data-browser^=chrome] form#login label > *:first-child:-webkit-autofill, html[data-browser^=chrome] form#login label > *:first-child:-webkit-autofill:hover, html[data-browser^=chrome] form#login label > *:first-child:-webkit-autofill:focus {
  -webkit-text-fill-color: var(#000);
  -webkit-box-shadow: 0 0 0px 1000px var(#ffffff) inset;
}
html[data-browser^=chrome] form#login label > *:first-child:-webkit-autofill ~ field-placeholder, html[data-browser^=chrome] form#login label > *:first-child:-webkit-autofill:hover ~ field-placeholder, html[data-browser^=chrome] form#login label > *:first-child:-webkit-autofill:focus ~ field-placeholder {
  opacity: 1;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  form#login label > *:first-child:-webkit-autofill, form#login label > *:first-child:-webkit-autofill:hover, form#login label > *:first-child:-webkit-autofill:focus {
    -webkit-text-fill-color: var(#000);
    -webkit-box-shadow: 0 0 0px 1000px var(#ffffff) inset;
  }
  form#login label > *:first-child:-webkit-autofill ~ field-placeholder, form#login label > *:first-child:-webkit-autofill:hover ~ field-placeholder, form#login label > *:first-child:-webkit-autofill:focus ~ field-placeholder {
    opacity: 1;
  }
}
form#login.error field-note {
  color: #cb2222;
}
form#login field-note {
  display: block;
  position: relative;
  color: #ffffff;
  margin-top: 7.5px;
  padding-left: 30px;
}
form#login field-note:empty {
  display: none;
}
form#login field-status-bar {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  pointer-events: none;
  overflow: hidden;
  border-radius: 5px;
}
form#login field-status-bar:before {
  content: "";
  height: 3px;
  width: 0%;
  position: absolute;
  bottom: 0px;
  left: 0;
  display: block;
  background-color: var(#488C13);
  transition: width 0.2s 0s ease-in-out;
}
form#login field-placeholder, form#login field-asterisk {
  top: 0;
  display: flex;
  transition: transform 0.2s 0s ease-in-out, background-color 0.2s 0s ease-in-out, padding 0.2s 0s ease-in-out, color 0.2s 0s ease-in-out, opacity 0.2s 0s ease-in-out, left 0.2s 0s ease-in-out, top 0.2s 0s ease-in-out;
}
form#login field-placeholder {
  font-size: 16px;
  left: 0px;
  pointer-events: none;
  padding: 10px 5px 3px 0px;
  transform: translateY(-50%);
  color: var(#ffffff);
  transform-origin: var(--0px, 50%) var(--0px, 50%);
  transform: translateY(-100%) scale(0.9);
}
form#login field-asterisk {
  padding: 0 5px 0 0px;
  font-size: 12.8px;
  color: var(#ffffff);
  top: 5px;
  right: 1.5px;
}
form#login field-asterisk:empty {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' style='fill:primary' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0,9.4l1.4-4.6c3.2,1.2,5.5,2.2,7,3.1C8,4.1,7.8,1.5,7.8,0h4.4c-0.1,2.1-0.3,4.8-0.7,7.9c2.1-1.1,4.5-2.1,7.1-3.1L20,9.4 c-2.6,0.9-5.1,1.5-7.5,1.8c1.2,1.1,3,3.2,5.2,6.1L14,20c-1.2-1.7-2.6-4-4.1-6.9c-1.5,3-2.8,5.3-3.9,6.9l-3.6-2.7 c2.3-3.1,4-5.1,5-6.1C4.8,10.7,2.3,10.1,0,9.4z'/%3E%3C/svg%3E"), linear-gradient(transparent 50%, #a9a9a9 calc(50% - 0px), #a9a9a9 calc(50% + 0px), transparent calc(50% + 0px));
  background-position: center center;
  background-repeat: no-repeat;
  background-size: calc(100% - 10px) calc(100% - 10px), 100% 100%;
}
form#login field-asterisk:empty:before {
  display: none;
}
form#login field-asterisk > svg {
  width: 10px;
  height: 10px;
  transition: fill 0.2s 0s ease-in-out;
  fill: var(#ffffff);
}
form#login field-asterisk:after {
  position: absolute;
  opacity: 0;
  font-family: Arial;
  padding: 5px 5px 1.5px 0px;
  right: calc(100% - 0px);
  top: 50%;
  display: flex;
  transition: opacity 0.2s 0s ease-in-out;
  transform: translateY(-50%);
  text-align: right;
  white-space: nowrap;
  content: attr(data-notice);
}
form#login field-asterisk:hover:after {
  opacity: 1;
}
form#login password-toggle {
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
form#login password-toggle:empty {
  background-position: center center;
  background-size: center 100%;
  background-repeat: no-repeat;
}
form#login[data-type=password] label > *:first-child {
  padding-right: 80px;
}
form#login[data-type=password] label > *:first-child[type=text] ~ password-toggle:empty {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg style='fill:primary' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M272.702 359.139c-80.483-9.011-136.212-86.886-116.93-167.042l116.93 167.042zM288 392c-102.556 0-192.092-54.701-240-136 21.755-36.917 52.1-68.342 88.344-91.658l-27.541-39.343C67.001 152.234 31.921 188.741 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.004 376.006 168.14 440 288 440a332.89 332.89 0 0 0 39.648-2.367l-32.021-45.744A284.16 284.16 0 0 1 288 392zm281.354-111.631c-33.232 56.394-83.421 101.742-143.554 129.492l48.116 68.74c3.801 5.429 2.48 12.912-2.949 16.712L450.23 509.83c-5.429 3.801-12.912 2.48-16.712-2.949L102.084 33.399c-3.801-5.429-2.48-12.912 2.949-16.712L125.77 2.17c5.429-3.801 12.912-2.48 16.712 2.949l55.526 79.325C226.612 76.343 256.808 72 288 72c119.86 0 224.996 63.994 281.354 159.631a48.002 48.002 0 0 1 0 48.738zM528 256c-44.157-74.933-123.677-127.27-216.162-135.007C302.042 131.078 296 144.83 296 160c0 30.928 25.072 56 56 56s56-25.072 56-56l-.001-.042c30.632 57.277 16.739 130.26-36.928 171.719l26.695 38.135C452.626 346.551 498.308 306.386 528 256z'/%3E%3C/svg%3E");
}
form#login[data-type=password] label > *:first-child[type=password] ~ password-toggle:empty {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg style='fill:primary' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M569.354 231.631C512.97 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-102.556 0-192.091-54.701-240-136 44.157-74.933 123.677-127.27 216.162-135.007C273.958 131.078 280 144.83 280 160c0 30.928-25.072 56-56 56s-56-25.072-56-56l.001-.042C157.794 179.043 152 200.844 152 224c0 75.111 60.889 136 136 136s136-60.889 136-136c0-31.031-10.4-59.629-27.895-82.515C451.704 164.638 498.009 205.106 528 256c-47.908 81.299-137.444 136-240 136z'/%3E%3C/svg%3E");
}
html[data-browser^=ie] form#login[data-type=password] label > *:first-child {
  padding-right: 30px;
}
html[data-browser^=ie] form#login[data-type=password] label > *:first-child ~ password-toggle {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  form#login[data-type=password] label > *:first-child {
    padding-right: 30px;
  }
  form#login[data-type=password] label > *:first-child ~ password-toggle {
    display: none;
  }
}
form#login input-field label[for=password-input] input {
  font-family: Arial;
}
form#reset-password {
  width: 100%;
  max-width: 800pxpx;
  margin-left: auto;
  margin-right: auto;
}
form#reset-password input-field[data-type=password] field-note span {
  transition: color 0.2s 0s ease-in-out;
}
form#reset-password input-field[data-type=password] field-note span[data-strength="0"] {
  color: #cb2222;
}
form#reset-password input-field[data-type=password] field-note span[data-strength="1"] {
  color: #DA4B0F;
}
form#reset-password input-field[data-type=password] field-note span[data-strength="2"] {
  color: #0258b9;
}
form#reset-password input-field[data-type=password] field-note span[data-strength="3"] {
  color: #488C13;
}
form#reset-password input-field[data-type=password] field-note span[data-strength="4"] {
  color: #613D5A;
}
form#search-field {
  width: 100%;
}

section#careers-list {
  background-color: initial;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 30px;
  padding: 0;
}
section#careers-list article {
  border-radius: 4px;
  background-color: white;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
section#careers-list article p {
  margin-bottom: 30px;
}
section#careers-list article a.button, section#careers-list article a.button-big, section#careers-list article a.button-small {
  margin-top: auto;
}
section#careers-list article .locations ul {
  display: flex;
  margin-top: 8px;
}
section#careers-list article .locations ul li {
  margin-right: 5px;
  position: relative;
}
section#careers-list article .locations ul li svg {
  width: 30px;
  border: 1px solid #EDEDED;
}
@media (hover: hover) {
  section#careers-list article .locations ul li:hover:after {
    pointer-events: none;
    content: attr(data-country);
    position: absolute;
    left: 50%;
    top: 100%;
    white-space: nowrap;
    transform: translateX(-50%);
    font-size: 12px;
    padding: 2px 6px;
    background-color: white;
    border: 1px solid #EDEDED;
    z-index: 1;
  }
}

body#contact slide-show ~ main form.contactForm div.input-group-one-line label {
  color: white;
}
body#contact main + side-bar {
  padding-top: 30px;
}
@media (min-width: 1361px) {
  body#contact main + side-bar {
    padding-top: 92px;
    margin-left: var(--gutters);
  }
}
body#contact main + side-bar section {
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  padding: 30px;
}
body#contact main + side-bar section h5 {
  color: white;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 15px;
}
body#contact main + side-bar section address {
  margin-bottom: 15px;
  color: white;
  line-height: 23px;
}
body#contact main + side-bar section address span {
  color: white;
  display: block;
  line-height: 23px;
}
body#contact main + side-bar section > a.link {
  color: white;
  width: 100%;
  display: block;
  font-weight: bold;
}
body#contact main + side-bar section > a.link + a.link {
  margin-top: 10px;
}
body#contact main + side-bar section > a.button, body#contact main + side-bar section > a.button-big, body#contact main + side-bar section > a.button-small {
  margin-top: 30px;
  text-transform: uppercase;
}
body#contact main + side-bar section > a.button:hover, body#contact main + side-bar section > a.button-big:hover, body#contact main + side-bar section > a.button-small:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid white;
}

body#history main > article, body#history main > section {
  background: transparent;
  padding: 0;
}
body#history main > article p, body#history main > section p {
  color: white;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
body#history header h1 {
  max-width: 800px;
}
body#history timeline-container {
  --image-height: 120px;
  --circle: 60px;
  --dot: 10px;
  --date-spacing: 200px;
  --max-width: 300px;
  --min-width: 262px;
  margin-top: calc(var(--image-height) + 30px);
  margin-bottom: calc(var(--image-height) + 30px);
  display: flex;
  flex-grow: 1;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
body#history timeline-container timeline-years {
  position: relative;
  width: 2px;
  background-color: white;
}
body#history timeline-container timeline-years span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  color: #0258b9;
  padding: 2px;
  background-clip: content-box;
  width: var(--circle);
  height: var(--circle);
  border-radius: var(circle);
  transform: translateX(-50%);
  border: solid 2px white;
}
body#history timeline-container timeline-years span + span {
  margin-top: var(--date-spacing);
}
body#history timeline-container timeline-years span[animatable] {
  transition: opacity 0.5s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.5s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateX(-50%) scale(0.5);
  opacity: 0;
}
body#history timeline-container timeline-years span[animatable][animate], body#history timeline-container timeline-years span[animatable] {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
body#history timeline-container timeline-years:before, body#history timeline-container timeline-years:after {
  content: "";
  width: inherit;
  height: var(--image-height);
  position: absolute;
  left: 0;
}
body#history timeline-container timeline-years:before {
  background: linear-gradient(rgba(255, 255, 255, 0), white);
  bottom: 100%;
}
body#history timeline-container timeline-years:after {
  background: linear-gradient(white, rgba(255, 255, 255, 0));
  top: 100%;
}
body#history timeline-container timeline-blocks {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  display: grid;
  perspective: 2000px;
}
body#history timeline-container timeline-blocks article {
  height: 0;
  width: 0;
  position: absolute;
}
body#history timeline-container timeline-blocks article span {
  display: block;
  padding: 2px;
  background-color: white;
  width: var(--dot);
  height: var(--dot);
  border-radius: var(circle);
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
body#history timeline-container timeline-blocks article span:before {
  content: "";
  height: 2px;
  background-color: white;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body#history timeline-container timeline-blocks article span:before, body#history timeline-container timeline-blocks article span[animatable][animate]:before {
  width: calc((var(--circle) * 2) - var(--dot) - 5px);
}
body#history timeline-container timeline-blocks article span[animatable]:before {
  width: 0;
  transition: width 0.5s 0.3s ease-in-out;
}
body#history timeline-container timeline-blocks article span[data-year^="201"] + div {
  top: auto;
  bottom: 100%;
  margin-bottom: 0;
}
body#history timeline-container timeline-blocks article > div {
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--max-width);
  top: calc(-1 * var(--dot));
  background-color: white;
  transition: width 0.2s 0s ease-in-out, left 0.2s 0s ease-in-out, right 0.2s 0s ease-in-out, opacity 0.5s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.5s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body#history timeline-container timeline-blocks article > div[animatable] {
  opacity: 0;
}
body#history timeline-container timeline-blocks article > div[animatable][animate] {
  opacity: 1;
}
body#history timeline-container timeline-blocks article > div button {
  width: 100%;
  height: calc(100% + var(--image-height));
  position: absolute;
  top: calc(-1 * var(--image-height));
  right: 0;
  margin: 0;
  transition: top 0.2s 0s ease-in-out;
}
body#history timeline-container timeline-blocks article > div button svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  stroke-width: 8px;
  stroke: white;
  background-color: #0258b9;
  opacity: 0;
  pointer-events: none;
  transition: background-color 0.2s 0s ease-in-out, opacity 0.2s 0s ease-in-out;
}
body#history timeline-container timeline-blocks article > div button svg:hover {
  background-color: #42A7DF;
}
body#history timeline-container timeline-blocks article > div.active {
  z-index: 1;
}
body#history timeline-container timeline-blocks article > div.active button {
  width: 20px;
  height: 20px;
}
body#history timeline-container timeline-blocks article > div.active button svg {
  pointer-events: auto;
  opacity: 1;
}
body#history timeline-container timeline-blocks article > div.active > div {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
}
body#history timeline-container timeline-blocks article > div [image] {
  margin: 0;
  top: auto;
  bottom: 100%;
  height: var(--image-height);
  transition: height 0.2s 0s ease-in-out;
}
body#history timeline-container timeline-blocks article > div h2, body#history timeline-container timeline-blocks article > div form legend, form body#history timeline-container timeline-blocks article > div legend {
  background: linear-gradient(to right, rgba(66, 167, 223, 0), #42A7DF);
  background-color: #0258b9;
  color: white;
  display: block;
  margin: 0;
  padding: 15px;
  font-size: 22px;
  line-height: 24px;
}
body#history timeline-container timeline-blocks article > div > div {
  display: block;
  position: absolute;
  height: 0;
  width: 100%;
  top: 100%;
  overflow: hidden;
  transition: height 0.2s 0s ease-in-out;
  background-color: white;
}
body#history timeline-container timeline-blocks article > div > div p {
  font-size: 14px;
  line-height: 18px;
  padding: 15px;
}
body#history timeline-container timeline-blocks article[data-year$="0"] {
  top: calc(var(--circle) / 2);
}
body#history timeline-container timeline-blocks article[data-year$="0"] > span {
  width: var(--circle);
  height: var(--circle);
  background-color: transparent;
}
body#history timeline-container timeline-blocks article[data-year$="0"] > span[animatable]:before {
  width: 0;
}
body#history timeline-container timeline-blocks article[data-year$="0"] > span:before, body#history timeline-container timeline-blocks article[data-year$="0"] > span[animatable][animate]:before {
  width: calc((var(--circle) * 1.5) - var(--dot));
}
body#history timeline-container timeline-blocks article[data-year$="0"] > div {
  top: calc(-1 * var(--circle));
}
@media (max-width: 1280px) {
  body#history timeline-container timeline-blocks article[data-year="2016"] > span:before {
    transform: rotate(41deg) translateY(36px) translateX(5px);
  }
  body#history timeline-container timeline-blocks article[data-year="2016"] > div {
    top: 36px;
  }
}
body#history timeline-container timeline-blocks article.hide-image > div:not(.active) [image] {
  height: 0;
}
body#history timeline-container timeline-blocks article.hide-image > div:not(.active) button {
  height: 100%;
  top: 0;
}
body#history timeline-container timeline-blocks article.no-image > div button {
  top: 0;
}
@media (max-width: 1280px) {
  body#history timeline-container timeline-years span + span {
    --date-spacing: 200px ;
  }
  body#history timeline-container timeline-blocks {
    --max-width: calc(100vw - var(--min-width) - (var(--horizontal-spacing, 5vw) * 2) - var(--gutters, 32px) - var(--circle) );
  }
  body#history timeline-container timeline-blocks article > span:before {
    left: var(--dot);
  }
  body#history timeline-container timeline-blocks article[data-year$="0"] > span:before {
    left: var(--circle);
  }
  body#history timeline-container timeline-blocks article > div {
    left: calc(var(--circle));
    transform-origin: -10px center;
    transform: translateX(0%) translateY(-50%);
    max-width: 500px;
    min-width: var(--min-width);
  }
  body#history timeline-container timeline-blocks article > div[animatable] {
    transform: translateX(0%) translateY(-50%) rotateY(60deg);
  }
  body#history timeline-container timeline-blocks article > div[animatable][animate] {
    transform: translateX(0%) translateY(-50%) rotateY(0deg);
  }
  body#history timeline-container timeline-blocks article > div [image] {
    height: 0;
  }
  body#history timeline-container timeline-blocks article > div button {
    z-index: 1;
    height: 100%;
    top: 0;
  }
  body#history timeline-container timeline-blocks article > div h2, body#history timeline-container timeline-blocks article > div form legend, form body#history timeline-container timeline-blocks article > div legend {
    transition: background-color 0.2s 0s ease-in-out;
  }
  body#history timeline-container timeline-blocks article > div h2:before, body#history timeline-container timeline-blocks article > div form legend:before, form body#history timeline-container timeline-blocks article > div legend:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0;
    pointer-events: none;
    right: 100%;
    top: calc(50% - 20px/2);
    border-width: 10px 10px 10px 0;
    border-right-color: #0258b9;
  }
  body#history timeline-container timeline-blocks article > div h2:before, body#history timeline-container timeline-blocks article > div form legend:before, form body#history timeline-container timeline-blocks article > div legend:before {
    transition: border-right-color 0.2s 0s ease-in-out;
  }
  body#history timeline-container timeline-blocks article > div:hover h2, body#history timeline-container timeline-blocks article > div:hover form legend, form body#history timeline-container timeline-blocks article > div:hover legend, body#history timeline-container timeline-blocks article > div.active h2, body#history timeline-container timeline-blocks article > div.active form legend, form body#history timeline-container timeline-blocks article > div.active legend {
    position: relative;
    background-color: #42A7DF;
  }
  body#history timeline-container timeline-blocks article > div:hover h2:before, body#history timeline-container timeline-blocks article > div:hover form legend:before, form body#history timeline-container timeline-blocks article > div:hover legend:before, body#history timeline-container timeline-blocks article > div.active h2:before, body#history timeline-container timeline-blocks article > div.active form legend:before, form body#history timeline-container timeline-blocks article > div.active legend:before {
    border-right-color: #42A7DF;
  }
  body#history timeline-container timeline-blocks article > div.active [image] {
    height: var(--image-height);
  }
}
@media (min-width: 1281px) {
  body#history timeline-container timeline-years {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  body#history timeline-container timeline-blocks {
    justify-items: center;
  }
  body#history timeline-container timeline-blocks article > div:hover, body#history timeline-container timeline-blocks article > div.active {
    width: calc(var(--max-width) + 40px);
    --image-height: 150px;
  }
  body#history timeline-container timeline-blocks article:nth-of-type(odd) > span:before {
    right: var(--dot);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(odd)[data-year$="0"] > span:before {
    right: var(--circle);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(odd) > div {
    right: calc(var(--circle) * 2);
    transform-origin: calc(100% + 10px) center;
    transform: translateX(-100%) translateY(-50%);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(odd) > div[animatable] {
    transform: translateX(-100%) translateY(-50%) rotateY(-60deg);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(odd) > div[animatable][animate] {
    transform: translateX(-100%) translateY(-50%) rotateY(0deg);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(odd) > div h2:before, body#history timeline-container timeline-blocks article:nth-of-type(odd) > div form legend:before, form body#history timeline-container timeline-blocks article:nth-of-type(odd) > div legend:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0;
    pointer-events: none;
    top: calc(50% - 20px/2);
    left: 100%;
    border-width: 10px 0 10px 10px;
    border-left-color: #42A7DF;
  }
  body#history timeline-container timeline-blocks article:nth-of-type(odd) > div:hover, body#history timeline-container timeline-blocks article:nth-of-type(odd) > div.active {
    right: calc((var(--circle) * 2) - 20px);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(even) > span:before {
    left: var(--dot);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(even)[data-year$="0"] > span:before {
    left: var(--circle);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(even) > div {
    left: calc(var(--circle) * 2);
    transform-origin: -10px center;
    transform: translateX(0%) translateY(-50%);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(even) > div[animatable] {
    transform: translateX(0%) translateY(-50%) rotateY(60deg);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(even) > div[animatable][animate] {
    transform: translateX(0%) translateY(-50%) rotateY(0deg);
  }
  body#history timeline-container timeline-blocks article:nth-of-type(even) > div h2:before, body#history timeline-container timeline-blocks article:nth-of-type(even) > div form legend:before, form body#history timeline-container timeline-blocks article:nth-of-type(even) > div legend:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0;
    pointer-events: none;
    right: 100%;
    top: calc(50% - 20px/2);
    border-width: 10px 10px 10px 0;
    border-right-color: #0258b9;
  }
  body#history timeline-container timeline-blocks article:nth-of-type(even) > div:hover, body#history timeline-container timeline-blocks article:nth-of-type(even) > div.active {
    left: calc((var(--circle) * 2) - 20px);
  }
}

body#home slideshow-navigation {
  display: none;
}
@media (max-width: 480px) {
  body#home header h1 {
    width: 280px;
  }
}

@media (min-width: 971px) {
  html[data-locale-id="1"] body#home header {
    padding-top: 332px;
  }
}

introduction-wrapper {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  transition: opacity 0s 2s ease-in-out;
}
introduction-wrapper div {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px - 6px);
  transform-origin: 25px 25px;
  width: 50px;
  height: 50px;
  display: block;
  background-color: #0258b9;
  z-index: 1;
  transition: background-color 0s 0.5s ease-in-out, transform 0.5s 0.2s ease-in-out, opacity 0.5s 0.5s ease-in-out;
}
introduction-wrapper div svg.icon {
  position: absolute;
  top: 0;
  left: 6px;
  width: inherit;
  height: inherit;
  fill: white;
}
introduction-wrapper:before, introduction-wrapper:after {
  height: 50%;
  background-color: #0258b9;
  transition: transform 1s 1s cubic-bezier(0.23, 1, 0.32, 1);
}
introduction-wrapper:before {
  transform-origin: 100% 0px;
}
introduction-wrapper:after {
  top: auto;
  bottom: 0;
  transform-origin: 0% 100%;
}
introduction-wrapper progress-bar {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100vw;
  z-index: 1;
  background-color: white;
  width: calc(1vw * var(--loaded, 0));
  transition: width 0.2s 0s ease-in-out, opacity 0.2s 0s ease-in-out;
}
html[style*="--loaded:100"] introduction-wrapper, html[style*="--loaded: 100"] introduction-wrapper {
  opacity: 0;
}
html[style*="--loaded:100"] introduction-wrapper progress-bar, html[style*="--loaded: 100"] introduction-wrapper progress-bar {
  opacity: 0;
  transition-delay: 0, 0.3;
}
html[style*="--loaded:100"] introduction-wrapper div, html[style*="--loaded: 100"] introduction-wrapper div {
  background-color: transparent;
  transform: scale(1.2);
  opacity: 0;
}
html[style*="--loaded:100"] introduction-wrapper:before, html[style*="--loaded:100"] introduction-wrapper:after, html[style*="--loaded: 100"] introduction-wrapper:before, html[style*="--loaded: 100"] introduction-wrapper:after {
  transform: scaleY(0);
}

body.introduction slide-show:after {
  background-color: var(--primary);
  z-index: 1;
  opacity: 0.8;
}
body#investors content-blocks {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#investors content-blocks > * {
  margin-bottom: 48px;
}
body#investors content-blocks > form {
  background-color: #fff;
  padding: 32px;
  border-radius: 4px;
  width: 100%;
}
body#investors content-blocks > form h3, body#investors content-blocks > form text-block h4, text-block body#investors content-blocks > form h4, body#investors content-blocks > form label, body#investors content-blocks > form p {
  color: #0258b9;
}
body#investors content-blocks > form h3, body#investors content-blocks > form text-block h4, text-block body#investors content-blocks > form h4 {
  font-size: 28px;
  line-height: 20.8px;
}
body#investors content-blocks > form input {
  border: 1px solid #0258b9;
}
@media (min-width: 800px) {
  body#investors content-blocks > form {
    max-width: calc(50% - var(--gutters, 32px) / 2 + 8px);
  }
  body#investors content-blocks > form + .call-to-action {
    width: 45%;
    padding: 32px 0;
  }
}

body.landing {
  --background-color:#272624;
}
body.landing main, body.landing main > article, body.landing main > section {
  background-color: initial;
}
body.landing main:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  left: calc(-1 * var(--sidebar-width) + 30px);
  pointer-events: none;
}
body.landing main:empty + footer {
  position: absolute;
  bottom: 0;
  padding-top: 0;
  left: var(--nav-width, 270px);
}
body.landing footer {
  z-index: 1;
}
body.landing header {
  position: relative;
  display: flex;
}
body:not(#home).landing header {
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 971px) {
  body:not(#home).landing header {
    padding-top: 204px;
  }
}

@media (max-width: 970px) {
  body.landing header {
    padding-top: 0 !important;
    justify-content: center;
    flex-grow: 1;
  }
}
body.landing header [image] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
}
body.landing header h1 {
  order: 2;
}
body.landing header h1 > div {
  overflow: hidden;
}
body.landing header h2, body.landing header form legend, form body.landing header legend {
  order: 1;
}
body.landing header > * {
  order: 3;
  position: relative;
}
body.landing header button {
  margin-top: var(--gutters);
}
body.landing header button svg {
  display: none;
}
@media (max-width: 970px) {
  body.landing header + main {
    flex-grow: 1;
  }
}
@media (min-width: 971px) {
  body.landing.overview site-wrapper {
    grid-template-rows: min-content 1fr min-content;
  }
  body.landing.overview header {
    height: auto;
    padding-top: calc(100px + var(--gutters, 32px) * 3);
  }
}

@media (min-width: 1461px) {
  body#news main, body#case-studies main {
    padding-right: 0;
  }
}

body.news side-bar, body.case-studies side-bar {
  padding-left: calc(var(--gutters) * 2.4);
  padding-right: calc(var(--gutters) * 2.4);
}

.articles-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: var(--gutters);
}
@media (max-width: 970px) {
  .articles-list {
    --gutters: 15px;
  }
}

.article {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  transition: border-radius 0.2s 0s ease-in-out;
}
.article.current {
  border-radius: 0;
  pointer-events: none;
}
.article.current a country-tag {
  transition: transform 0.2s 0s ease-in-out, opacity 0.2s 0s ease-in-out;
  transform: translateX(100%);
  opacity: 0;
}
.article.current a > div {
  transition: transform 0.3s 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out;
  transform: scaleY(0);
  transform-origin: 0px 0px;
}
.article.current a > div > * {
  opacity: 0;
  transform: translateY(-20px);
  transition: transform 0.2s 0s ease-in-out, opacity 0.2s 0s ease-in-out;
}
.article.current a > div > *:nth-child(1) {
  transition-delay: 0;
}
.article.current a > div > *:nth-child(2) {
  transition-delay: 0.1;
}
.article.current a > div > *:nth-child(3) {
  transition-delay: 0.2;
}
.article.current a > div > *:nth-child(4) {
  transition-delay: 0.3;
}
.article a {
  display: block;
  height: 100%;
  padding-top: 200px;
}
.article a [image] {
  height: 200px;
  width: 100%;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  transition: transform 0.2s 0s ease-in-out;
}
.article a country-tag {
  --theme: #42A7DF;
  display: flex;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 1;
  background-color: var(--theme, #42A7DF);
  justify-content: space-around;
  align-items: center;
  border-radius: var(left);
}
.article a country-tag svg {
  height: 26px;
}
.article a country-tag span {
  padding: 5px 10px;
  font-size: 14px;
  color: white;
  white-space: nowrap;
}
.article a country-tag.global {
  background-color: #42A7DF !important;
}
.article a country-tag.global svg {
  position: relative;
  fill: white;
  width: 39px;
  height: 16px;
}
.article a country-tag.global:before {
  content: "";
  height: 100%;
  width: 39px;
  background-color: #0258b9;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
.article a > div {
  padding: 30px;
  background-color: white;
  height: 100%;
  position: relative;
}
.article a > div time {
  display: block;
  margin-bottom: 15px;
  color: #3F4041;
}
.article a > div h3, .article a > div text-block h4, text-block .article a > div h4 {
  margin-bottom: 15px;
  color: #0258b9;
  transition: color 0.2s 0s ease-in-out;
}
.article a > div p {
  color: #3F4041;
  font-size: 16px;
  line-height: 24px;
}
.article a[style*="--theme:white"] country-tag span, .article a[style*="--theme:white"]:hover > div h3, .article a[style*="--theme:white"]:hover > div text-block h4, text-block .article a[style*="--theme:white"]:hover > div h4, .article a[style*="--theme: white"] country-tag span, .article a[style*="--theme: white"]:hover > div h3, .article a[style*="--theme: white"]:hover > div text-block h4, text-block .article a[style*="--theme: white"]:hover > div h4 {
  color: #3F4041;
}
@media (max-width: 480px) {
  .article a {
    padding-top: 150px;
  }
  .article a country-tag {
    top: 15px;
  }
  .article a > div h3, .article a > div text-block h4, text-block .article a > div h4 {
    margin-bottom: 0;
  }
  .article a > div p {
    display: none;
  }
}
.article:hover a [image] {
  transform: scale(1.1);
}
.article:hover a > div h3, .article:hover a > div text-block h4, text-block .article:hover a > div h4 {
  color: var(--theme, #42A7DF);
}

button.show-more {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
body.loading button.show-more {
  color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  pointer-events: none;
}

button.show-more.loaded {
  color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  pointer-events: none;
}

svg.button-border {
  margin: 0;
  position: absolute;
  top: -1px;
  left: -1px;
  stroke: white !important;
  stroke-dasharray: calc(var(--dasharray, 230) / 2);
  stroke-width: 1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s 0s ease-in-out;
}
svg.button-border rect {
  rx: var(--border-radius) !important;
  ry: var(--border-radius) !important;
}
body.loading svg.button-border {
  opacity: 1;
  animation: usthnws loop ease-in-out 0.6s linear normal forwards;
}
@keyframes usthnws {
  0% {
    stroke-dashoffset: var(--dasharray, 230);
  }
  100% {
    stroke-dashoffset: 0;
  }
}

#quick-links {
  padding: 0;
}
#quick-links > h4 {
  display: block;
  text-align: center;
  margin-bottom: 30px;
  text-transform: lowercase;
  letter-spacing: 4px;
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
}
#quick-links > h4:first-letter {
  text-transform: uppercase;
}
#quick-links .articles-list {
  margin: 0;
}
@media (max-width: 1100px) {
  #quick-links .articles-list .article:nth-child(n+3) {
    display: none;
  }
}

#chartdiv {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  background: radial-gradient(#0258b9, #113A79);
  transition: opacity 0.5s 0s ease-in-out;
}
body#morocco #chartdiv div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(1) > g:nth-child(2) > g:nth-child(1) > g > g:nth-child(1) > g:nth-child(2) > g:nth-child(1) > g > g:nth-child(72) {
  fill: white !important;
}

body#where-we-operate .introduction {
  display: none;
}
@media (max-width: 970px) {
  body#where-we-operate .introduction {
    max-width: 600px;
    pointer-events: none;
    display: block;
  }
}
body#where-we-operate main {
  display: none;
}
@media (max-width: 970px) {
  body#where-we-operate main {
    display: block;
  }
}

body.where-we-operate #chartdiv {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 970px) {
  body.where-we-operate #chartdiv {
    display: none;
  }
}
body.where-we-operate header h2.lead, body.where-we-operate header form legend.lead, form body.where-we-operate header legend.lead {
  position: relative;
}
body.where-we-operate header h2.lead svg[class*=flag], body.where-we-operate header form legend.lead svg[class*=flag], form body.where-we-operate header legend.lead svg[class*=flag] {
  width: 20px;
  margin-right: 5px;
}
body.where-we-operate .addresses {
  padding: 0;
  background-color: transparent;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
body.where-we-operate .addresses h2, body.where-we-operate .addresses form legend, form body.where-we-operate .addresses legend {
  color: white;
  grid-column: 1/-1;
}
body.where-we-operate .addresses > section {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  padding: 30px;
}
body.where-we-operate .addresses > section h5 {
  padding-right: 40px;
  font-size: 25px;
  line-height: 1.2;
}
body.where-we-operate .addresses > section > div {
  display: flex;
  margin-bottom: 15px;
  height: 50px;
  position: relative;
}
body.where-we-operate .addresses > section > div > * {
  height: 100%;
}
body.where-we-operate .addresses > section > div .email, body.where-we-operate .addresses > section > div .telephone {
  background-color: #42A7DF;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s 0s ease-in-out;
}
body.where-we-operate .addresses > section > div .email span, body.where-we-operate .addresses > section > div .telephone span {
  position: absolute;
  height: 50px;
  left: 50px;
  display: flex;
  align-items: center;
  padding: 0 0;
  white-space: nowrap;
  color: #3F4041;
  overflow: hidden;
  background: #99d0ee;
  width: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: width 0.2s 0s ease-in-out, padding 0.2s 0s ease-in-out;
}
body.where-we-operate .addresses > section > div .email svg, body.where-we-operate .addresses > section > div .telephone svg {
  width: 20px;
  height: 20px;
  fill: white;
}
body.where-we-operate .addresses > section > div .email:hover, body.where-we-operate .addresses > section > div .telephone:hover {
  background-color: #0258b9;
  z-index: 1;
}
body.where-we-operate .addresses > section > div .email:hover span, body.where-we-operate .addresses > section > div .telephone:hover span {
  width: calc(100% - 50px);
  padding: 0 15px;
}
body.where-we-operate .addresses > section > div .email:hover ~ a svg.icon-map-pin, body.where-we-operate .addresses > section > div .telephone:hover ~ a svg.icon-map-pin {
  transform: translateY(23px);
}
body.where-we-operate .addresses > section > div a:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid white;
}
body.where-we-operate .addresses > section > div .map-link {
  position: relative;
  flex-grow: 1;
}
body.where-we-operate .addresses > section > div .map-link img {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body.where-we-operate .addresses > section > div .map-link svg.icon-map-pin {
  position: absolute;
  bottom: 50%;
  right: 15px;
  fill: #42A7DF;
  color: #0258b9;
  transform-origin: 15px 23.4375px;
  width: 30px;
  height: 46.875px;
  transition: fill 0.2s 0s ease-in-out, color 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
}
body.where-we-operate .addresses > section > div .map-link:hover svg.icon-map-pin {
  fill: #0258b9;
  animation: usthnx4 1s ease-in-out 0s 1 normal forwards;
}
@keyframes usthnx4 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
body.where-we-operate .addresses > section address {
  font-size: 16px;
  line-height: 24px;
  color: #3F4041;
}
body.where-we-operate .countries-list li {
  padding: 0;
  margin-bottom: 15px;
}
body.where-we-operate .countries-list li:before {
  display: none;
}
body.where-we-operate .countries-list li a {
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  padding: 15px;
  align-items: center;
  color: white;
  justify-content: flex-start;
  font-size: 20px;
}
@media screen and (min-width: 480px) {
  body.where-we-operate .countries-list li a {
    font-size: calc(20px + 6 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  body.where-we-operate .countries-list li a {
    font-size: 26px;
  }
}
body.where-we-operate .countries-list li a svg[class*=flag] {
  width: 40px;
  margin-right: 15px;
}
body.where-we-operate .countries-list li a svg.icon-arrow-right {
  top: -5px;
  position: relative;
  margin-left: 30px;
  transform-origin: 4px 8px;
  width: 8px;
  height: 16px;
}
@media (min-width: 640px) {
  body.where-we-operate .countries-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 15px;
  }
  body.where-we-operate .countries-list li {
    flex-grow: 0;
    width: 45%;
  }
}
@media (min-width: 1301px) and (min-height: 1001px) {
  body.where-we-operate .countries-list {
    display: none;
  }
}

body.where-we-operate.category #chartdiv {
  opacity: 0.2;
  pointer-events: none;
}

.ampopup-content {
  padding: 0 !important;
}
.ampopup-content .ampopup-close {
  filter: invert(100%);
}
.ampopup-content popup-container popup-header {
  display: block;
  width: 300px;
  padding: 20px;
  background: linear-gradient(to right, #113A79, #0258b9);
}
.ampopup-content popup-container popup-header h3, .ampopup-content popup-container popup-header text-block h4, text-block .ampopup-content popup-container popup-header h4 {
  color: #ffffff;
}
.ampopup-content popup-container popup-content {
  display: block;
  width: 300px;
  padding: 20px;
  background: #ffffff;
  color: #113A79;
}
.ampopup-content popup-container popup-content p {
  color: #113A79;
  margin: 0 auto 15px;
}
.ampopup-content popup-container popup-content > a.button, .ampopup-content popup-container popup-content > a.button-big, .ampopup-content popup-container popup-content > a.button-small {
  margin-top: 15px;
}

site-wrapper > footer {
  padding-bottom: var(--gutters);
  display: flex;
}
site-wrapper > footer admin-links {
  margin-left: 15px;
}
site-wrapper > footer admin-links a {
  color: rgba(255, 255, 255, 0.5);
}
site-wrapper > footer small {
  text-align: center;
  font-size: 12px;
}
site-wrapper > footer small, site-wrapper > footer small a {
  color: rgba(255, 255, 255, 0.3);
}
site-wrapper > footer small a {
  margin-left: 5px;
}
site-wrapper > footer small a em {
  font-style: normal;
  transition: color 0.2s 0s ease-in-out;
}
site-wrapper > footer small a:hover em {
  color: var(--primary);
}
@media (max-width: 480px) {
  site-wrapper > footer small a {
    display: block;
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  site-wrapper > footer {
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
  site-wrapper > footer admin-links a {
    margin-top: 15px;
  }
}

site-wrapper > header {
  display: flex;
  position: relative;
  flex-direction: column;
}
site-wrapper > header h1, site-wrapper > header h2, site-wrapper > header form legend, form site-wrapper > header legend, site-wrapper > header .introduction {
  position: relative;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
site-wrapper > header h1, site-wrapper > header h2, site-wrapper > header form legend, form site-wrapper > header legend {
  color: var(--header-text-colour);
}
site-wrapper > header:not(.invert) .introduction {
  color: var(--header-text-colour);
}
@media (max-width: 970px) {
  site-wrapper > header.invert .introduction {
    color: white;
  }
}
site-wrapper > header h1 {
  order: 1;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 1.2 !important;
}
@media screen and (min-width: 480px) {
  site-wrapper > header h1 {
    font-size: calc(40px + 20 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  site-wrapper > header h1 {
    font-size: 60px;
  }
}
site-wrapper > header h1 svg {
  fill: #42A7DF;
  margin-right: 15px;
  top: 0.1em;
  position: relative;
  width: 0.9em;
  height: 0.9em;
}
site-wrapper > header .lead {
  order: 0;
  letter-spacing: 5px;
  line-height: 1.4;
  margin-bottom: 30px;
  font-size: 16px;
}
site-wrapper > header .lead:empty {
  display: none;
}
@media screen and (min-width: 480px) {
  site-wrapper > header .lead {
    font-size: calc(16px + 1 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  site-wrapper > header .lead {
    font-size: 17px;
  }
}
site-wrapper > header .lead a {
  color: var(--header-text-colour);
  transition: color 0.2s 0s ease-in-out;
}
site-wrapper > header .lead a:hover {
  color: rgba(var(--header-text-colour), 0.5);
}
site-wrapper > header .introduction {
  order: 2;
  margin-top: 30px;
  font-size: 20px;
  line-height: 1.5;
}
@media screen and (min-width: 480px) {
  site-wrapper > header .introduction {
    font-size: calc(20px + 1 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  site-wrapper > header .introduction {
    font-size: 21px;
  }
}
site-wrapper > header .introduction p a {
  color: white;
}
site-wrapper > header .introduction p a:hover {
  text-decoration: underline;
}
site-wrapper > header .introduction p + p {
  margin-top: 15px;
}
site-wrapper > header call-to-actions {
  order: 3;
  margin-top: 30px;
  font-size: 20px;
  line-height: 1.4;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
  site-wrapper > header call-to-actions {
    font-size: calc(20px + 6 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  site-wrapper > header call-to-actions {
    font-size: 26px;
  }
}
site-wrapper > header call-to-actions a {
  margin-right: 15px;
  margin-bottom: 15px;
}

main {
  position: relative;
}
main:empty {
  display: block;
  padding: 0;
}
main > * {
  position: relative;
}
main h1, main h2, main form legend, form main legend, main h3, main h4, main h5, main h6 {
  margin-bottom: 15px;
  color: #0258b9;
}
main h1 {
  font-size: 30px;
}
@media screen and (min-width: 480px) {
  main h1 {
    font-size: calc(30px + 8 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  main h1 {
    font-size: 38px;
  }
}
main h2, main form legend, form main legend {
  font-size: 25px;
  line-height: 28px;
}
main h3, main text-block h4, text-block main h4 {
  font-size: 20px;
  line-height: 28px;
}
main h4, main h5, main h6 {
  font-size: 16px;
  line-height: 20.8px;
}
main > section, main > article {
  border-radius: var(--border-radius);
}
body.sidebar-exists main > section:first-child, body.sidebar-exists main > article:first-child, body.sidebar-exists main:first-child {
  border-top-right-radius: 0;
}

main > section > img, main > section .video-container, main > article > img, main > article .video-container, main > img, main .video-container {
  margin-top: 15px;
  margin-bottom: 15px;
}
main > section + section, main > article + article, main > article + section, main > section + article {
  margin-bottom: var(--gutters);
}
main p + * {
  margin-top: 15px;
}
main p + h2, main form p + legend, form main p + legend, main p + h3, main text-block p + h4, text-block main p + h4 {
  margin-top: 30px;
}
main p, main li {
  color: #3F4041;
  font-size: 16px;
  line-height: 24px;
}
main a {
  color: var(--secondary);
}
main a:hover {
  color: var(--primary);
}
main hr {
  border: none;
  background-color: #3F4041;
  margin-top: 60px;
  margin-bottom: 60px;
}
main img {
  max-width: 100%;
}
main figure {
  margin-bottom: 30px;
}
main figure figcaption {
  font-style: italic;
  text-align: center;
  margin-top: 15px;
}
main blockquote {
  margin-bottom: 15px;
  font-style: italic;
  font-size: 22px;
  line-height: 1.4;
  padding: 30px !important;
}
main .accordion {
  margin-bottom: 0;
  width: calc(100% + (var(--gutters) * 2));
  left: calc(-1 * var(--gutters));
}
main .accordion ~ *:not(.accordion) {
  margin-top: 30px;
}

navigation-bar {
  display: block;
  z-index: 1;
}
navigation-bar main-nav {
  width: var(--nav-width);
  display: block;
  position: sticky;
  top: 0;
  margin-bottom: 60px;
}
navigation-bar main-nav a.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  fill: #ffffff;
  z-index: 1;
  padding-top: calc(40px + var(--gutters));
}
navigation-bar main-nav a.logo svg {
  transition: fill 0.2s 0s ease-in-out;
  transform-origin: 93.984962406px 50px;
  width: 187.969924812px;
  height: 100px;
  fill: white;
}
body.faded-background navigation-bar main-nav a.logo svg {
  fill: white;
}

navigation-bar main-nav > div {
  display: block;
  max-width: var(--nav-width);
}
navigation-bar main-nav > div .slogan {
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  min-height: 140px;
  padding: 15px 30px;
  margin: 0;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #ffffff;
  text-transform: none;
}
navigation-bar main-nav > div .slogan > div > div > div.in:after {
  display: block;
}
navigation-bar main-nav > div .slogan > div > div > div:after {
  content: "";
  position: absolute;
  display: none;
  width: 1px;
  height: 100%;
  background-color: white;
  top: 0;
  right: 0;
}
navigation-bar main-nav > div .slogan.done > div:last-of-type > div:last-of-type > div:last-of-type:after {
  display: block !important;
  background-color: transparent;
  animation: usthnxl 0.5s ease-in-out 0s 5 normal forwards;
}
@keyframes usthnxl {
  0% {
    background-color: white;
  }
  100% {
    background-color: transparent;
  }
}
navigation-bar main-nav > div.flag-exists {
  --flag-size: 50px;
}
navigation-bar main-nav > div.flag-exists .flag {
  position: absolute;
  width: var(--flag-size);
  height: var(--flag-size);
  border-radius: 50%;
  overflow: hidden;
  top: 250px;
  left: 30px;
}
navigation-bar main-nav > div.flag-exists .flag svg {
  position: absolute;
  width: calc(var(--flag-size) + 30px);
  height: calc(var(--flag-size) + 30px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
navigation-bar main-nav > div.flag-exists .slogan {
  padding: 15px 30px 15px calc(var(--flag-size) + 30px + 15px);
  font-size: 20px;
}
navigation-bar main-nav > div #search {
  background: #ffffff;
}
navigation-bar main-nav > div #search input {
  border: 1px solid #ffffff;
  color: #0258b9;
  width: 100%;
  padding: 0 30px;
  line-height: 50px;
}
navigation-bar main-nav > div #search input:first-letter {
  text-transform: uppercase;
}
navigation-bar main-nav > div #suggestions {
  position: absolute;
  background: #ffffff;
  z-index: 99;
  width: 100%;
  padding: 20px 0px;
  border-top: 2px solid #0258b9;
  transition: opacity 300ms;
}
navigation-bar main-nav > div #suggestions a {
  display: block;
  color: #0258b9;
  margin-bottom: 10px;
  padding: 5px 10px;
}
navigation-bar main-nav > div #suggestions a:hover {
  background: #0258b9;
  color: #ffffff;
}
navigation-bar main-nav > div #suggestions:empty {
  opacity: 0;
  pointer-events: none;
}
navigation-bar main-nav > div nav, navigation-bar main-nav > div contact-us, navigation-bar main-nav > div social-media {
  background-color: rgba(0, 0, 0, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
navigation-bar main-nav > div nav {
  display: block;
  overflow: hidden;
  border-left: 0;
  border-top: 0;
}
navigation-bar main-nav > div nav menu-block button, navigation-bar main-nav > div nav > a, navigation-bar main-nav > div nav menu-block > a {
  position: relative;
  color: white;
  display: block;
  padding: 15px 30px;
  width: 100%;
  text-align: left;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  background-image: linear-gradient(to right, #0258b9, transparent);
  background-position: calc(-1 * var(--nav-width)) 0;
  background-repeat: no-repeat;
  transition: background-position 0.2s 0s ease-in-out, background-color 0.2s 0s ease-in-out, border-top-color 0.2s 0s ease-in-out;
}
navigation-bar main-nav > div nav menu-block button.open, navigation-bar main-nav > div nav > a.current {
  background-color: #42A7DF;
  background-position: 0 0;
  border-top-color: transparent;
}
body.loading navigation-bar main-nav > div nav menu-block ul li a.current:before, body.loading navigation-bar main-nav > div nav > a.current:before {
  opacity: 1;
  animation-play-state: running;
}

navigation-bar main-nav > div nav menu-block ul li a:before, navigation-bar main-nav > div nav > a:before {
  content: "";
  position: absolute;
  border: 2px solid #42A7DF;
  top: calc(50% - 6px);
  left: 7.5px;
  opacity: 0;
  border-bottom: 2px solid transparent;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: opacity 0.2s 0s ease-in-out;
  animation: usthnyb 1s ease-in-out infinite 0s normal forwards paused;
}
@keyframes usthnyb {
  100% {
    transform: rotate(-360deg);
  }
}
navigation-bar main-nav > div nav > a:before {
  border-color: white;
  border-bottom-color: transparent;
}
navigation-bar main-nav > div nav > a.login {
  display: none;
}
navigation-bar main-nav > div nav menu-block {
  display: block;
  position: relative;
}
navigation-bar main-nav > div nav menu-block button {
  position: relative;
}
navigation-bar main-nav > div nav menu-block button svg {
  position: absolute;
  top: calc(50% - 5px);
  right: 30px;
  stroke-width: 20px;
  transform-origin: 2.5px 5px;
  width: 5px;
  height: 10px;
  transition: transform 0.2s 0s ease-in-out;
}
navigation-bar main-nav > div nav menu-block button.open svg {
  transform: rotate(-90deg);
}
navigation-bar main-nav > div nav menu-block button.open + ul li {
  opacity: 1;
  transform: translateY(0px);
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(1) {
  transition-delay: 0.1, 0.1;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(2) {
  transition-delay: 0.2, 0.2;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(3) {
  transition-delay: 0.3, 0.3;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(4) {
  transition-delay: 0.4, 0.4;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(5) {
  transition-delay: 0.5, 0.5;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(6) {
  transition-delay: 0.6, 0.6;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(7) {
  transition-delay: 0.7, 0.7;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(8) {
  transition-delay: 0.8, 0.8;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(9) {
  transition-delay: 0.9, 0.9;
}
navigation-bar main-nav > div nav menu-block button.open + ul li:nth-of-type(10) {
  transition-delay: 1, 1;
}
navigation-bar main-nav > div nav menu-block ul {
  height: 0;
  overflow: hidden;
  transition: height 0.2s 0s ease-in-out;
  background-color: rgba(0, 0, 0, 0.3);
}
navigation-bar main-nav > div nav menu-block ul li {
  opacity: 0;
  transform: translateY(-30px);
  transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
navigation-bar main-nav > div nav menu-block ul li a {
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  padding: 10px 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  transition: background-color 0.2s 0s ease-in-out, border-top-color 0.2s 0s ease-in-out;
}
navigation-bar main-nav > div nav menu-block ul li a:first-letter {
  text-transform: uppercase;
}
navigation-bar main-nav > div nav menu-block ul li a svg {
  width: 20px;
  height: 13px;
  opacity: 0;
  transition: opacity 0.2s 0s ease-in-out;
}
navigation-bar main-nav > div nav menu-block ul li a.current {
  background-color: rgba(255, 255, 255, 0.1);
  border-top-color: rgba(255, 255, 255, 0);
}
navigation-bar main-nav > div nav menu-block ul li a.current svg {
  opacity: 1;
}
navigation-bar main-nav > div nav menu-block ul li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
navigation-bar main-nav > div nav menu-block ul li a:hover svg {
  opacity: 1;
}
navigation-bar main-nav > div contact-us {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  border-top: 0;
  justify-content: space-between;
}
navigation-bar main-nav > div contact-us h4 {
  display: inline-block;
  margin: 0 19px 0 0;
  color: #ffffff;
}
navigation-bar main-nav > div contact-us h4 > a {
  color: white;
}
@media (hover: hover) {
  navigation-bar main-nav > div contact-us h4 > a:hover {
    color: rgba(255, 255, 255, 0.5);
  }
}
navigation-bar main-nav > div contact-us > a {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 11px;
  align-items: center;
  margin: 0 0 0 10px;
  color: white;
}
navigation-bar main-nav > div contact-us > a svg {
  fill: #ffffff;
  margin-bottom: 5px;
  transition: opacity 0.2s 0s ease-in-out;
}
navigation-bar main-nav > div contact-us > a svg.chat {
  transform-origin: 11.25px 9px;
  width: 22.5px;
  height: 18px;
}
navigation-bar main-nav > div contact-us > a svg.contact {
  transform-origin: 13.0805084746px 9px;
  width: 26.1610169492px;
  height: 18px;
}
@media (hover: hover) {
  navigation-bar main-nav > div contact-us > a:hover svg {
    opacity: 0.5;
  }
}
navigation-bar main-nav > div social-media {
  display: flex;
  border-top: 0;
  padding: 15px 30px;
}
navigation-bar main-nav > div social-media a {
  text-align: center;
  flex-grow: 1;
}
navigation-bar main-nav > div social-media a:last-child {
  border-right: 0;
}
navigation-bar main-nav > div button.menu {
  display: none;
}
@media (min-width: 971px) {
  navigation-bar sub-nav {
    position: absolute;
    transition: height 0.2s 0s ease-in-out;
    display: table;
    right: 0;
    top: 0;
    height: 40px;
  }
}
@media (min-width: 971px) and (min-width: 971px) {
  navigation-bar sub-nav {
    position: fixed;
  }
}
@media (min-width: 971px) {
  navigation-bar sub-nav ul {
    display: flex;
    display: flex;
    height: 100%;
    flex-grow: 1;
    background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
    border-bottom-left-radius: var(--border-radius);
  }
  navigation-bar sub-nav ul li {
    display: flex;
    height: 100%;
    flex-grow: 1;
  }
  navigation-bar sub-nav ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  navigation-bar sub-nav ul li a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding: 0 15px;
    transition: all 0.3s;
    position: relative;
    font-size: 13px;
    flex-grow: 1;
    color: #ffffff;
    padding: 0 15px;
    line-height: 33px;
  }
  navigation-bar sub-nav ul li a:first-letter {
    text-transform: uppercase;
  }
  navigation-bar sub-nav ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  navigation-bar sub-nav ul li.login a {
    background: #0258b9;
  }
}
@media (max-width: 970px) {
  navigation-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color 0.2s 0s ease-in-out;
  }
  navigation-bar navigation-bar {
    min-width: 100%;
  }
  navigation-bar main-nav > div nav menu-block button,
navigation-bar main-nav > div nav menu-block ul li a,
navigation-bar main-nav > div nav > a,
navigation-bar main-nav > div contact-us {
    padding-left: calc(var(--horizontal-spacing) + calc(var(--gutters) * 0.5));
    padding-right: calc(var(--horizontal-spacing) + calc(var(--gutters) * 0.5));
    padding-top: calc(15px + 1vw);
    padding-bottom: calc(15px + 1vw);
  }
  navigation-bar, navigation-bar form#search input[type=search], navigation-bar main-nav > div social-media {
    padding-left: calc(var(--horizontal-spacing) + calc(var(--gutters) * 0.5));
    padding-right: calc(var(--horizontal-spacing) + calc(var(--gutters) * 0.5));
  }
  navigation-bar main-nav {
    display: contents;
    position: relative;
    top: 0;
  }
  navigation-bar main-nav a.logo {
    margin: 15px 0;
    padding: 0;
  }
  navigation-bar main-nav a.logo svg {
    transform-origin: 50px 26.6px;
    width: 100px;
    height: 53.2px;
  }
  navigation-bar main-nav > div {
    position: relative;
    display: none;
  }
  navigation-bar main-nav > div .slogan {
    display: none;
  }
  navigation-bar main-nav > div nav a.login {
    display: block;
  }
  navigation-bar main-nav > div nav menu-block button, navigation-bar main-nav > div nav > a {
    background-image: initial;
  }
  navigation-bar main-nav > div nav menu-block button svg, navigation-bar main-nav > div nav > a svg {
    right: calc(var(--horizontal-spacing) + calc(var(--gutters) * 0.5));
  }
  navigation-bar main-nav > div contact-us br {
    display: none;
  }
  navigation-bar main-nav > div social-media a {
    flex-grow: initial;
  }
  navigation-bar button.menu {
    display: block;
    margin: 0;
    width: 25px;
    height: 25px;
    z-index: 1;
  }
  navigation-bar button.menu svg {
    width: 100%;
    height: 50%;
    transition: transform 0.2s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  navigation-bar button.menu svg line {
    transition: stroke 0.2s 0s ease-in-out, transform 0.2s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-origin: 25% 50%;
    stroke-width: 10px;
    stroke: white;
  }
  navigation-bar button.menu:hover svg line {
    stroke: #99dbff;
  }
  navigation-bar sub-nav {
    display: none;
  }
  navigation-bar.show {
    background-color: #0258b9;
  }
  navigation-bar.show ~ footer {
    opacity: 0;
  }
  navigation-bar.show a.logo {
    z-index: 1;
  }
  navigation-bar.show:before {
    content: "";
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(2, 88, 185, 0.9);
  }
  navigation-bar.show main-nav {
    width: 100vh;
  }
  navigation-bar.show main-nav > div {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    top: 83px;
    z-index: 999;
    height: calc(100vh - var(--naivgation-height, 83px));
    overflow-y: auto;
  }
  navigation-bar.show main-nav > div nav, navigation-bar.show main-nav > div contact-us, navigation-bar.show main-nav > div social-media {
    background-color: rgba(8, 26, 54, 0.8);
  }
  navigation-bar.show button.menu svg {
    transform: translateX(-2.5px);
  }
  navigation-bar.show button.menu svg line:nth-of-type(1) {
    transform: rotate(45deg);
  }
  navigation-bar.show button.menu svg line:nth-of-type(2) {
    transform: rotate(-45deg);
  }
}

site-wrapper side-bar blockquote {
  color: #ffffff;
  display: block;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  padding: var(--gutters);
}
site-wrapper side-bar h4 {
  padding-top: 0;
  padding-bottom: 0;
  color: white;
  font-size: 18px;
  margin-bottom: 15px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
site-wrapper side-bar ul {
  padding-top: 0;
}
site-wrapper side-bar ul li {
  margin-bottom: 15px;
}
site-wrapper side-bar ul li a {
  align-items: center;
  font-size: 18px;
}
site-wrapper side-bar .links-container ul li a {
  min-height: initial;
  font-size: 20px;
  padding: 15px 40px 15px 15px;
}
site-wrapper side-bar .links-container ul li a svg {
  top: 50%;
  position: absolute;
  right: 15px;
  transform: translateY(-50%);
}
@media (max-width: 1360px) {
  site-wrapper side-bar .links-container ul li {
    height: 100%;
  }
  site-wrapper side-bar .links-container ul li a {
    height: 100%;
  }
}
@media (min-width: 1361px) {
  site-wrapper side-bar .links-container ul {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 970px) {
  html[data-locale*=rsa] site-wrapper slide-show, html[data-locale*=uae] site-wrapper slide-show {
    position: absolute !important;
  }
  html[data-locale*=rsa] site-wrapper slide-show slide-image:nth-of-type(2), html[data-locale*=uae] site-wrapper slide-show slide-image:nth-of-type(2) {
    display: none;
  }
}
html[data-locale*=rsa] body.loading slide-show, html[data-locale*=uae] body.loading slide-show {
  opacity: 0 !important;
}
html[data-locale*=rsa] introduction-wrapper div, html[data-locale*=rsa] introduction-wrapper:before, html[data-locale*=rsa] introduction-wrapper:after, html[data-locale*=uae] introduction-wrapper div, html[data-locale*=uae] introduction-wrapper:before, html[data-locale*=uae] introduction-wrapper:after {
  background-color: #08268F;
}
html[data-locale*=rsa] main a.call-to-action, html[data-locale*=uae] main a.call-to-action {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  min-width: initial;
  width: -moz-fit-content;
  width: fit-content;
}
html[data-locale*=rsa] body#uae-home site-wrapper main > section,
html[data-locale*=rsa] body#south-africa-home site-wrapper main > section, html[data-locale*=uae] body#uae-home site-wrapper main > section,
html[data-locale*=uae] body#south-africa-home site-wrapper main > section {
  background-color: initial;
}
html[data-locale*=rsa] body#uae-home navigation-bar main-nav a.logo,
html[data-locale*=rsa] body#south-africa-home navigation-bar main-nav a.logo, html[data-locale*=uae] body#uae-home navigation-bar main-nav a.logo,
html[data-locale*=uae] body#south-africa-home navigation-bar main-nav a.logo {
  pointer-events: none;
}
html[data-locale*=rsa] body#uae-home header,
html[data-locale*=rsa] body#south-africa-home header, html[data-locale*=uae] body#uae-home header,
html[data-locale*=uae] body#south-africa-home header {
  padding-top: 190px;
}
html[data-locale*=rsa] body#uae-home slide-show,
html[data-locale*=rsa] body#south-africa-home slide-show, html[data-locale*=uae] body#uae-home slide-show,
html[data-locale*=uae] body#south-africa-home slide-show {
  position: relative;
  overflow: visible;
  grid-row: 1/-1;
  grid-column: 1/span 3;
  height: calc(100% + 200px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0.3;
}
html[data-locale*=rsa] body#uae-home slide-show slide-image,
html[data-locale*=rsa] body#south-africa-home slide-show slide-image, html[data-locale*=uae] body#uae-home slide-show slide-image,
html[data-locale*=uae] body#south-africa-home slide-show slide-image {
  position: relative;
  height: 100vh;
}
html[data-locale*=rsa] body#uae-home slide-show slide-image:after,
html[data-locale*=rsa] body#south-africa-home slide-show slide-image:after, html[data-locale*=uae] body#uae-home slide-show slide-image:after,
html[data-locale*=uae] body#south-africa-home slide-show slide-image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#001831, transparent, transparent, #001831);
}
html[data-locale*=rsa] body#uae-home slide-overlays,
html[data-locale*=rsa] body#south-africa-home slide-overlays, html[data-locale*=uae] body#uae-home slide-overlays,
html[data-locale*=uae] body#south-africa-home slide-overlays {
  opacity: 0;
}
html[data-locale*=rsa] body#uae-home.landing,
html[data-locale*=rsa] body#south-africa-home.landing, html[data-locale*=uae] body#uae-home.landing,
html[data-locale*=uae] body#south-africa-home.landing {
  --background-color: #001831;
}
html[data-locale*=rsa] body#uae-home main > section,
html[data-locale*=rsa] body#south-africa-home main > section, html[data-locale*=uae] body#uae-home main > section,
html[data-locale*=uae] body#south-africa-home main > section {
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: initial !important;
  margin-bottom: 60px;
}
html[data-locale*=rsa] body#uae-home main > section h2, html[data-locale*=rsa] body#uae-home main > section form legend, form html[data-locale*=rsa] body#uae-home main > section legend,
html[data-locale*=rsa] body#south-africa-home main > section h2,
html[data-locale*=rsa] body#south-africa-home main > section form legend,
form html[data-locale*=rsa] body#south-africa-home main > section legend, html[data-locale*=uae] body#uae-home main > section h2, html[data-locale*=uae] body#uae-home main > section form legend, form html[data-locale*=uae] body#uae-home main > section legend,
html[data-locale*=uae] body#south-africa-home main > section h2,
html[data-locale*=uae] body#south-africa-home main > section form legend,
form html[data-locale*=uae] body#south-africa-home main > section legend {
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font-size: 42px;
  line-height: 1.1;
}
html[data-locale*=rsa] body#uae-home main > section p, html[data-locale*=rsa] body#uae-home main > section h2, html[data-locale*=rsa] body#uae-home main > section form legend, form html[data-locale*=rsa] body#uae-home main > section legend,
html[data-locale*=rsa] body#south-africa-home main > section p,
html[data-locale*=rsa] body#south-africa-home main > section h2,
html[data-locale*=rsa] body#south-africa-home main > section form legend,
form html[data-locale*=rsa] body#south-africa-home main > section legend, html[data-locale*=uae] body#uae-home main > section p, html[data-locale*=uae] body#uae-home main > section h2, html[data-locale*=uae] body#uae-home main > section form legend, form html[data-locale*=uae] body#uae-home main > section legend,
html[data-locale*=uae] body#south-africa-home main > section p,
html[data-locale*=uae] body#south-africa-home main > section h2,
html[data-locale*=uae] body#south-africa-home main > section form legend,
form html[data-locale*=uae] body#south-africa-home main > section legend {
  color: white;
}
html[data-locale*=rsa] body#uae-home main > section .content,
html[data-locale*=rsa] body#south-africa-home main > section .content, html[data-locale*=uae] body#uae-home main > section .content,
html[data-locale*=uae] body#south-africa-home main > section .content {
  -moz-columns: 2 180px;
       columns: 2 180px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
html[data-locale*=rsa] body#uae-home main > section .call-to-action,
html[data-locale*=rsa] body#south-africa-home main > section .call-to-action, html[data-locale*=uae] body#uae-home main > section .call-to-action,
html[data-locale*=uae] body#south-africa-home main > section .call-to-action {
  max-width: 320px;
  width: 100%;
  margin: 0 auto 3vh auto;
}
html[data-locale*=rsa] body#uae-home main > section a.blue.button, html[data-locale*=rsa] body#uae-home main > section a.blue.button-big, html[data-locale*=rsa] body#uae-home main > section a.blue.button-small,
html[data-locale*=rsa] body#south-africa-home main > section a.blue.button,
html[data-locale*=rsa] body#south-africa-home main > section a.blue.button-big,
html[data-locale*=rsa] body#south-africa-home main > section a.blue.button-small, html[data-locale*=uae] body#uae-home main > section a.blue.button, html[data-locale*=uae] body#uae-home main > section a.blue.button-big, html[data-locale*=uae] body#uae-home main > section a.blue.button-small,
html[data-locale*=uae] body#south-africa-home main > section a.blue.button,
html[data-locale*=uae] body#south-africa-home main > section a.blue.button-big,
html[data-locale*=uae] body#south-africa-home main > section a.blue.button-small {
  margin: 60px auto 30px auto;
  color: #ffffff;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  font-size: 21px;
  align-self: center;
  padding: 0.8em;
}
html[data-locale*=rsa] body#uae-home main > section a.blue.button svg, html[data-locale*=rsa] body#uae-home main > section a.blue.button-big svg, html[data-locale*=rsa] body#uae-home main > section a.blue.button-small svg,
html[data-locale*=rsa] body#south-africa-home main > section a.blue.button svg,
html[data-locale*=rsa] body#south-africa-home main > section a.blue.button-big svg,
html[data-locale*=rsa] body#south-africa-home main > section a.blue.button-small svg, html[data-locale*=uae] body#uae-home main > section a.blue.button svg, html[data-locale*=uae] body#uae-home main > section a.blue.button-big svg, html[data-locale*=uae] body#uae-home main > section a.blue.button-small svg,
html[data-locale*=uae] body#south-africa-home main > section a.blue.button svg,
html[data-locale*=uae] body#south-africa-home main > section a.blue.button-big svg,
html[data-locale*=uae] body#south-africa-home main > section a.blue.button-small svg {
  width: 10px;
  stroke: white;
}
html[data-locale*=rsa] body#uae-home main > section .bins-cta,
html[data-locale*=rsa] body#south-africa-home main > section .bins-cta, html[data-locale*=uae] body#uae-home main > section .bins-cta,
html[data-locale*=uae] body#south-africa-home main > section .bins-cta {
  width: 100%;
  height: auto;
  display: block;
  margin: 60px auto;
}
figure.pmr {
  margin-top: 3vh;
}
figure.pmr figcaption {
  text-transform: uppercase;
  letter-spacing: 5px;
  display: block;
  margin-bottom: 30px;
  text-align: center;
  font-size: 18px;
  color: white;
  font-style: initial;
}
figure.pmr a {
  display: flex;
  background-color: #E9BE21;
  padding: 15px;
  position: relative;
}
figure.pmr a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
  background: linear-gradient(90deg, #E9BE21 220px, #fedc60);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
figure.pmr a > * {
  position: relative;
}
figure.pmr a svg {
  stroke: #000;
  height: 20px;
  width: 20px;
  align-self: flex-end;
  margin-left: auto;
  stroke-width: 7px;
}
figure.pmr a img {
  width: 100%;
  max-width: 160px;
  align-self: flex-start;
}
figure.pmr a > div {
  margin-left: 30px;
}
figure.pmr a > div + div {
  padding-left: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
figure.pmr a > div h4 {
  color: white;
  font-size: 18px;
  margin-bottom: 10px;
}
figure.pmr a > div ul li {
  position: relative;
  padding-left: 1em;
}
figure.pmr a > div ul li:before {
  content: "●";
  color: white;
  position: absolute;
  left: 0;
  top: -1px;
  margin-right: 0.5em;
}
figure.pmr a:hover:before {
  opacity: 1;
}
@media (max-width: 1100px) {
  figure.pmr a img {
    max-width: 100px;
  }
}
@media (max-width: 640px) {
  figure.pmr a {
    padding: 30px;
    flex-direction: column;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
  figure.pmr a svg {
    display: none;
  }
  figure.pmr a div {
    margin-top: 15px;
    margin-left: 0;
  }
  figure.pmr a div + div {
    border-left: none;
    padding-left: 0;
  }
}

html[data-locale*=rsa] slide-show.gradient ~ slide-overlays gradient-overlay, html[data-locale*=uae] slide-show.gradient ~ slide-overlays gradient-overlay {
  opacity: 0.8;
  background-color: var(--background-color, var(--theme, #000));
}
@media (min-width: 641px) {
  html[data-locale*=rsa] slide-show.gradient ~ slide-overlays gradient-overlay, html[data-locale*=uae] slide-show.gradient ~ slide-overlays gradient-overlay {
    -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.4) 10%, black 70%);
            mask-image: linear-gradient(rgba(0, 0, 0, 0.4) 10%, black 70%);
  }
}
html[data-locale*=rsa] slide-show[data-count="1"], html[data-locale*=uae] slide-show[data-count="1"] {
  position: fixed;
}
html[data-locale*=rsa] .links-container.with-icons, html[data-locale*=uae] .links-container.with-icons {
  margin-bottom: 60px;
}
html[data-locale*=rsa] .links-container.with-icons ul, html[data-locale*=uae] .links-container.with-icons ul {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
html[data-locale*=rsa] .links-container.with-icons ul svg, html[data-locale*=uae] .links-container.with-icons ul svg {
  width: 50px;
  height: 50px;
}
html[data-locale*=rsa] .links-container.with-icons ul li, html[data-locale*=uae] .links-container.with-icons ul li {
  height: 100%;
}
html[data-locale*=rsa] .links-container.with-icons ul li a.link, html[data-locale*=uae] .links-container.with-icons ul li a.link {
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 22px;
  line-height: 1.3;
}
html[data-locale*=rsa] .links-container.with-icons ul li a.link svg, html[data-locale*=uae] .links-container.with-icons ul li a.link svg {
  margin-left: 0;
  margin-bottom: 15px;
  fill: #3392D5;
}
html[data-locale*=rsa] .links-container.with-icons ul li a.link:hover svg, html[data-locale*=uae] .links-container.with-icons ul li a.link:hover svg {
  fill: white;
}
html[data-locale*=rsa] .links-container.with-icons ul li.current a.link, html[data-locale*=uae] .links-container.with-icons ul li.current a.link {
  pointer-events: none;
  background-color: #0258b9;
  color: white;
}
html[data-locale*=rsa] .links-container.with-icons ul li.current a.link svg, html[data-locale*=uae] .links-container.with-icons ul li.current a.link svg {
  fill: white !important;
}
html[data-locale*=rsa] .links-container-container, html[data-locale*=uae] .links-container-container {
  margin-top: 3vh;
}
html[data-locale*=rsa] .links-container-container h3, html[data-locale*=rsa] .links-container-container text-block h4, text-block html[data-locale*=rsa] .links-container-container h4, html[data-locale*=uae] .links-container-container h3, html[data-locale*=uae] .links-container-container text-block h4, text-block html[data-locale*=uae] .links-container-container h4 {
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font-size: 42px;
  line-height: 1.1;
}
html[data-locale*=rsa] .links-container-container p, html[data-locale*=rsa] .links-container-container h3, html[data-locale*=rsa] .links-container-container text-block h4, text-block html[data-locale*=rsa] .links-container-container h4, html[data-locale*=uae] .links-container-container p, html[data-locale*=uae] .links-container-container h3, html[data-locale*=uae] .links-container-container text-block h4, text-block html[data-locale*=uae] .links-container-container h4 {
  color: white;
  text-align: center;
}
html[data-locale*=rsa] .links-container-container .links-container, html[data-locale*=uae] .links-container-container .links-container {
  margin-top: 3vh;
  display: grid;
  grid-gap: 15px;
}
html[data-locale*=rsa] .links-container-container .link, html[data-locale*=uae] .links-container-container .link {
  font-size: 20px;
  display: flex;
  text-align: left;
  align-items: flex-end;
  min-height: auto !important;
}
@media screen and (min-width: 480px) {
  html[data-locale*=rsa] .links-container-container .link, html[data-locale*=uae] .links-container-container .link {
    font-size: calc(20px + 6 * ((100vw - 480px) / 620));
  }
}
@media screen and (min-width: 1100px) {
  html[data-locale*=rsa] .links-container-container .link, html[data-locale*=uae] .links-container-container .link {
    font-size: 26px;
  }
}
html[data-locale*=rsa] .links-container-container .link svg, html[data-locale*=uae] .links-container-container .link svg {
  top: -5px;
  position: relative;
  margin-left: 30px;
}
html[data-locale*=rsa] .links-container-container .link svg.icon-arrow-right, html[data-locale*=uae] .links-container-container .link svg.icon-arrow-right {
  transform-origin: 4px 8px;
  width: 8px;
  height: 16px;
}
html[data-locale*=rsa] .links-container-container .link svg.icon-arrow-down, html[data-locale*=uae] .links-container-container .link svg.icon-arrow-down {
  transform-origin: 8px 4px;
  width: 16px;
  height: 8px;
}
html[data-locale*=rsa] .links-container-container .link:hover, html[data-locale*=uae] .links-container-container .link:hover {
  color: #fff;
}
html[data-locale*=rsa] .links-container-container.who-we-serve .links-container, html[data-locale*=uae] .links-container-container.who-we-serve .links-container {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}

html[data-locale=rsa] navigation-bar main-nav > div .slogan,
html[data-locale=uae] navigation-bar main-nav > div .slogan {
  font-size: 22px;
  line-height: 1.2;
}
html[data-locale=rsa] navigation-bar main-nav > div.flag-exists .slogan,
html[data-locale=uae] navigation-bar main-nav > div.flag-exists .slogan {
  padding-right: 50px;
}
@media (min-width: 971px) {
  html[data-locale=rsa] navigation-bar sub-nav ul li .green,
html[data-locale=uae] navigation-bar sub-nav ul li .green {
    background: linear-gradient(to right, #027749, #00A150);
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding: 0 15px;
    transition: all 0.3s;
    position: relative;
    font-size: 13px;
    flex-grow: 1;
    color: #ffffff;
    padding: 0 15px;
    line-height: 33px;
  }
}

html[data-locale=rsa] body.services site-wrapper main,
html[data-locale=rsa] body.services site-wrapper header,
html[data-locale=uae] body.services site-wrapper main,
html[data-locale=uae] body.services site-wrapper header {
  max-width: 1200px;
}
html[data-locale=rsa] body.services header,
html[data-locale=uae] body.services header {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 300px;
}
html[data-locale=rsa] body.services header > *:not(form),
html[data-locale=uae] body.services header > *:not(form) {
  grid-column: 1;
}
html[data-locale=rsa] body.services header h1,
html[data-locale=uae] body.services header h1 {
  font-size: 40px;
}
html[data-locale=rsa] body.services header .lead,
html[data-locale=uae] body.services header .lead {
  display: none;
}
html[data-locale=rsa] body.services header form,
html[data-locale=uae] body.services header form {
  padding: 30px;
  border-radius: 4px;
  margin-bottom: 3vh;
  background: linear-gradient(to right, #0258b9 0%, #42A7DF 100%);
  grid-column: 2;
}
html[data-locale=rsa] body.services header form div:first-of-type h3, html[data-locale=rsa] body.services header form div:first-of-type text-block h4, text-block html[data-locale=rsa] body.services header form div:first-of-type h4,
html[data-locale=rsa] body.services header form div:first-of-type p,
html[data-locale=uae] body.services header form div:first-of-type h3,
html[data-locale=uae] body.services header form div:first-of-type text-block h4,
text-block html[data-locale=uae] body.services header form div:first-of-type h4,
html[data-locale=uae] body.services header form div:first-of-type p {
  color: white;
  font-size: 22px;
  margin: 0 !important;
}
@media (max-width: 1180px) {
  html[data-locale=rsa] body.services header,
html[data-locale=uae] body.services header {
    grid-template-columns: 1fr;
    grid-column-start: 2;
  }
  html[data-locale=rsa] body.services header form,
html[data-locale=uae] body.services header form {
    grid-column: 1;
    display: none;
  }
}
html[data-locale=rsa] body.services main,
html[data-locale=uae] body.services main {
  display: grid;
  grid-gap: 3vh;
  grid-column-end: 3;
  height: -moz-min-content;
  height: min-content;
}
html[data-locale=rsa] body.services main > *,
html[data-locale=uae] body.services main > * {
  grid-column: 1/-1;
}
@media (max-width: 970px) {
  html[data-locale=rsa] body.services main,
html[data-locale=uae] body.services main {
    display: flex;
    flex-direction: column;
  }
}
html[data-locale=rsa] body.services .intro-and-form,
html[data-locale=uae] body.services .intro-and-form {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: 1fr 340px;
  position: relative;
}
html[data-locale=rsa] body.services .intro-and-form section h2, html[data-locale=rsa] body.services .intro-and-form section form legend, form html[data-locale=rsa] body.services .intro-and-form section legend,
html[data-locale=uae] body.services .intro-and-form section h2,
html[data-locale=uae] body.services .intro-and-form section form legend,
form html[data-locale=uae] body.services .intro-and-form section legend {
  color: white;
  line-height: 1.3;
}
html[data-locale=rsa] body.services .intro-and-form section h3, html[data-locale=rsa] body.services .intro-and-form section text-block h4, text-block html[data-locale=rsa] body.services .intro-and-form section h4,
html[data-locale=uae] body.services .intro-and-form section h3,
html[data-locale=uae] body.services .intro-and-form section text-block h4,
text-block html[data-locale=uae] body.services .intro-and-form section h4 {
  color: #42A7DF;
}
html[data-locale=rsa] body.services .intro-and-form section p,
html[data-locale=uae] body.services .intro-and-form section p {
  color: white;
  line-height: 1.6;
}
html[data-locale=rsa] body.services content-blocks,
html[data-locale=uae] body.services content-blocks {
  display: flex;
  flex-direction: column;
  margin: 3vh 0;
}
html[data-locale=rsa] body.services side-bar,
html[data-locale=uae] body.services side-bar {
  grid-row-start: 1;
  padding-left: 0;
  padding-right: 60px;
}
@media (min-width: 971px) {
  html[data-locale=rsa] body.services side-bar,
html[data-locale=uae] body.services side-bar {
    padding-top: 274px;
  }
}
html[data-locale=rsa] body.services .supporting-copy,
html[data-locale=uae] body.services .supporting-copy {
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(3vh * 2);
}
html[data-locale=rsa] body.services .supporting-copy h2, html[data-locale=rsa] body.services .supporting-copy form legend, form html[data-locale=rsa] body.services .supporting-copy legend,
html[data-locale=rsa] body.services .supporting-copy h3,
html[data-locale=rsa] body.services .supporting-copy h4,
html[data-locale=uae] body.services .supporting-copy h2,
html[data-locale=uae] body.services .supporting-copy form legend,
form html[data-locale=uae] body.services .supporting-copy legend,
html[data-locale=uae] body.services .supporting-copy h3,
html[data-locale=uae] body.services .supporting-copy h4 {
  color: white;
}
html[data-locale=rsa] body.services .supporting-copy p,
html[data-locale=uae] body.services .supporting-copy p {
  color: white;
}
html[data-locale=rsa] body.services blockquote,
html[data-locale=uae] body.services blockquote {
  background: initial;
  margin-bottom: 0;
  width: 100%;
  max-width: 800px;
  justify-self: center;
  background: initial;
  margin: 0 auto;
  padding: 0;
}
html[data-locale=rsa] body.services blockquote p,
html[data-locale=uae] body.services blockquote p {
  font-size: 22px;
  line-height: 1.6;
  color: white;
  text-align: center;
  quotes: '"' '"' "`" "`";
}
html[data-locale=rsa] body.services blockquote p::before,
html[data-locale=uae] body.services blockquote p::before {
  content: open-quote;
  font-size: 30px;
  margin: 2px;
}
html[data-locale=rsa] body.services blockquote p::after,
html[data-locale=uae] body.services blockquote p::after {
  content: close-quote;
  font-size: 30px;
  margin: 2px;
}
html[data-locale=rsa] body.services blockquote:after,
html[data-locale=uae] body.services blockquote:after {
  content: attr(cite);
  margin: 0;
  text-align: center;
  color: #42A7DF;
  position: relative;
  font-style: normal;
  width: 100%;
  margin-top: 15px;
  display: block;
  font-size: 16px;
}
html[data-locale=rsa] body.services .call-to-action,
html[data-locale=uae] body.services .call-to-action {
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  margin: -30px auto 30px auto;
}
html[data-locale=rsa] body.services .links-container-container .links-container,
html[data-locale=uae] body.services .links-container-container .links-container {
  grid-template-columns: initial;
}
html[data-locale=rsa] body.services:not(.landing) .links-container ul,
html[data-locale=uae] body.services:not(.landing) .links-container ul {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
html[data-locale=rsa] body.services:not(.landing) .links-container ul svg,
html[data-locale=uae] body.services:not(.landing) .links-container ul svg {
  width: 50px;
  height: 50px;
}
html[data-locale=rsa] body.services:not(.landing) .links-container ul li,
html[data-locale=uae] body.services:not(.landing) .links-container ul li {
  height: 100%;
}
html[data-locale=rsa] body.services:not(.landing) .links-container ul li a.link,
html[data-locale=uae] body.services:not(.landing) .links-container ul li a.link {
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 22px;
  line-height: 1.3;
}
html[data-locale=rsa] body.services:not(.landing) .links-container ul li a.link svg,
html[data-locale=uae] body.services:not(.landing) .links-container ul li a.link svg {
  margin-left: 0;
  margin-bottom: 15px;
  fill: #3392D5;
}
html[data-locale=rsa] body.services:not(.landing) .links-container ul li a.link:hover svg,
html[data-locale=uae] body.services:not(.landing) .links-container ul li a.link:hover svg {
  fill: white;
}
/*# sourceMappingURL=maps/global.css.map */