@charset "UTF-8";
/* helpers */
/* fonts */
/* site */
/*
 * Reset & Basics (Inspired by E. Meyers)
 **/
html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big,
cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt,
var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form,
label, legend, table, caption,
tbody, tfoot, thead, tr, th,
td, article, aside, canvas,
details, embed, figure,
figcaption, footer, header,
hgroup, menu, nav, output,
ruby, section, summary, time,
mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after, q:before,
q:after {
  content: '';
  content: none;
}

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

strong {
  font-weight: bold;
}

/**
 * Basic Styles
 **/
html, body {
  margin: 0;
  padding: 0;
}

:focus {
  outline: none;
}

/*
 * Typography
 **/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

h1 a, h2 a, h3 a, h4 a,
h5 a, h6 a {
  font-weight: inherit;
}

p {
  margin: 0;
}

/*
 * Code
 **/
pre, code {
  font: 12px "Monaco", Courier, sans-serif;
  text-indent: 0;
  overflow-x: scroll;
}

pre {
  display: block;
  background: #ff0;
  padding: 10px;
  position: relative;
  z-index: 9999;
  color: #000;
  clear: both;
}

pre:before, pre:after {
  display: block;
  font: 16px "Monaco", Courier, sans-serif;
  color: #c00;
}

pre:before {
  content: "$> debug";
  margin-bottom: 10px;
}

pre:after {
  content: "$> exit";
  margin-top: 10px;
}

code {
  background: #666;
  border-radius: 3px;
}

/*
 * Links
 **/
a {
  transition: all ease-in-out 0.3s;
}

/*
 * Forms
 **/
input[type="text"],
input[type="password"],
select, textarea {
  -webkit-appearance: none;
}

/*
 * Lists
 **/
ul, ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style: disc outside;
}

ol {
  list-style: decimal inside;
}

/*
 * Clearfix
 **/
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clear-right {
  clear: right;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

html {
  height: 100%;
}

html, body {
  width: 100vw;
  overflow-x: hidden;
  min-height: 100%;
}

body {
  font-size: 18px;
  color: #1E1E1E;
  font-family: "jaf-domus", sans-serif;
  font-weight: 300;
  background-color: #f5f5f5;
  -webkit-font-smoothing: antialised;
}

b, strong {
  font-weight: 500;
}

i, em {
  font-style: italic;
}

a[href*="tel:"] {
  cursor: default;
  color: inherit;
  text-decoration: inherit;
}

/* classes */
.ib-wrap {
  font-size: 0;
}

.ib {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}

.container {
  width: 90%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

.container.hold {
  position: relative;
}

/* wordpress */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600 !important;
}

h2 {
  font-size: 35px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 26px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

#skip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 100;
}

.content-area.two-columns {
  column-count: 2;
  column-gap: 40px;
}

@media screen and (max-width: 767px) {
  .content-area.two-columns {
    column-count: 1;
    column-gap: 0;
  }
}

.content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6 {
  margin-bottom: 15px;
  color: #003864;
}

.content-area p {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
  word-wrap: break-word;
}

.content-area > :last-child {
  margin-bottom: 0;
}

.content-area a:not(.button) {
  border-bottom: 1px solid #b4b4b4;
  color: #1E1E1E;
  line-height: 16px;
  text-decoration: none;
  word-break: break-word;
}

@media screen and (max-width: 767px) {
  .content-area a:not(.button) {
    border-bottom: none;
    line-height: 24px;
    text-decoration: underline;
  }
}

.content-area a:not(.button):hover {
  border-color: #003864;
}

.content-area .button, .content-area #site-content.apply .apply__portal-button-element, #site-content.apply .content-area .apply__portal-button-element {
  margin: 10px 10px 0 0;
}

.content-area img {
  display: block;
  max-width: 100%;
  height: auto;
}

.content-area ul, .content-area ol {
  margin-bottom: 15px;
  list-style-position: outside;
  padding-left: 30px;
}

.content-area ul li, .content-area ol li {
  font-size: 18px;
  line-height: 24px;
  word-wrap: break-word;
}

.content-area .icon-list {
  margin-bottom: 15px;
  padding-left: 0;
  list-style-type: none;
}

.content-area .icon-list br {
  display: none;
}

.content-area .icon-list .item {
  margin-bottom: 5px;
  min-height: 26px;
  padding-top: 1px;
  padding-left: 35px;
  position: relative;
  font-size: 18px;
  line-height: 24px;
}

.content-area .icon-list .item::before {
  border-radius: 50%;
  content: "";
  display: block;
  background-color: #efdf00;
  background-position: center;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
}

.content-area .icon-list .item br {
  display: block;
}

.content-area .icon-list .item a {
  border: none;
  line-height: 24px;
  text-decoration: underline;
}

.content-area .icon-list .item a:hover {
  text-decoration: none;
}

.content-area .step-list {
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
  counter-reset: stepListIndex;
}

.content-area .step-list li {
  margin-bottom: 8px;
  padding-top: 4px;
  padding-left: 45px;
  position: relative;
}

.content-area .step-list li::before {
  border-radius: 50%;
  font-size: 24px;
  color: #003864;
  font-weight: 500;
  content: counter(stepListIndex);
  counter-increment: stepListIndex;
  display: block;
  background-color: #efdf00;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 60;
  line-height: 30px;
  text-align: center;
}

.content-area .step-list li:not(:last-child)::after {
  content: "";
  display: block;
  background-color: #efdf00;
  width: 4px;
  position: absolute;
  top: 32px;
  bottom: -8px;
  left: 14px;
  z-index: 50;
}

.content-area .step-list li h2, .content-area .step-list li h3, .content-area .step-list li h4, .content-area .step-list li h5, .content-area .step-list li h6, .content-area .step-list li p {
  margin-bottom: 0;
}

.content-area .step-list li h5 {
  color: #003864 !important;
  font-weight: 500 !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea,
select {
  border-radius: 4px;
  font-size: 18px;
  color: #1E1E1E;
  font-family: "jaf-domus", sans-serif;
  font-weight: 300;
  display: block;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  border: 2px solid #E1E1E1;
  box-sizing: border-box;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
select {
  height: 34px;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"] {
  line-height: 34px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="number"],
  input[type="password"] {
    line-height: 0.8;
  }
}

select {
  background-image: url("../images/icons/select-arrow.png");
  background-repeat: no-repeat;
  background-position: right center;
  color: #b4b4b4;
  letter-spacing: 1px;
  line-height: 30px;
  -webkit-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

select option {
  font-weight: 300;
}

textarea {
  max-height: 120px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 24px;
}

*[type="submit"] {
  border-radius: 4px;
  font-size: 14px;
  color: #003864;
  font-family: "jaf-domus", sans-serif;
  font-weight: 500;
  display: inline-block;
  *display: inline;
  zoom: 1;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  height: 34px;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  border: 2px solid #003864;
  box-sizing: border-box;
  letter-spacing: 1px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
}

*[type="submit"]:hover {
  background-color: #003864;
  cursor: pointer;
  color: #fff;
}

/* custom file upload */
.file-upload-wrapper {
  position: relative;
}

.file-upload-wrapper .button, .file-upload-wrapper #site-content.apply .apply__portal-button-element, #site-content.apply .file-upload-wrapper .apply__portal-button-element {
  margin-right: 10px;
  border-color: #57C9E8;
  vertical-align: top;
  color: #57C9E8;
}

.file-upload-wrapper .button:hover, .file-upload-wrapper #site-content.apply .apply__portal-button-element:hover, #site-content.apply .file-upload-wrapper .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

.file-upload-wrapper input[disabled] {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #fff;
  background-image: url("../images/icons/chain-grey.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  height: 38px;
  max-width: 200px;
  padding-left: 30px;
  overflow: hidden;
  vertical-align: top;
  white-space: no-wrap;
  font-size: 16px;
  text-overflow: ellipsis;
}

@media screen and (max-width: 420px) {
  .file-upload-wrapper input[disabled] {
    display: none;
  }
}

.fa-question-circle {
  background: #003864;
  border-radius: 50%;
  color: #efdf00;
}

/* parts */
#site-header {
  background-color: #fff;
  padding-bottom: 8px;
  position: relative;
  z-index: 1000;
}

@media screen and (max-width: 767px) {
  #site-header {
    padding-bottom: 40px;
    position: relative;
    overflow: visible;
    z-index: 200;
  }
}

#site-header .logo-wrap {
  padding-top: 35px;
}

@media screen and (max-width: 850px) {
  #site-header .logo-wrap {
    max-width: 130px;
  }
}

@media screen and (max-width: 767px) {
  #site-header .logo-wrap {
    padding-top: 20px;
    max-width: 100px;
  }
}

#site-header .logo-wrap img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  #site-header .logo-wrap img {
    max-width: 114px;
  }
}

#site-header #site-navigation {
  margin-bottom: 30px;
  position: relative;
  /* tabs */
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation {
    margin-bottom: 0;
    position: static;
  }
}

#site-header #site-navigation .navigation-tabs {
  text-align: right;
}

#site-header #site-navigation .navigation-tabs .tab {
  min-width: 160px;
  overflow: hidden;
  vertical-align: top;
}

@media screen and (max-width: 900px) {
  #site-header #site-navigation .navigation-tabs .tab {
    min-width: 140px;
  }
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .navigation-tabs .tab {
    min-width: 34px;
    margin-left: 3px;
  }
}

#site-header #site-navigation .navigation-tabs .tab.tab-pink {
  background-color: #ec2275;
}

#site-header #site-navigation .navigation-tabs .tab.tab-purple {
  background-color: #003864;
}

#site-header #site-navigation .navigation-tabs .tab.tab-blue {
  background-color: #57C9E8;
}

#site-header #site-navigation .navigation-tabs .tab.tab-orange {
  background-color: #ff8200;
}

#site-header #site-navigation .navigation-tabs .tab a {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 18px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .navigation-tabs .tab a {
    padding-top: 6px;
    padding-bottom: 10px;
  }
}

#site-header #site-navigation .navigation-tabs .tab a::before, #site-header #site-navigation .navigation-tabs .tab a::after {
  content: "";
  display: block;
  background-color: #fff;
  width: 60%;
  height: 12px;
  position: absolute;
  top: 100%;
}

#site-header #site-navigation .navigation-tabs .tab a::before {
  transform: rotate(8deg);
  margin-top: -6px;
  margin-left: -5%;
  left: 0;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .navigation-tabs .tab a::before {
    transform: rotate(20deg);
    margin-left: -8%;
  }
}

#site-header #site-navigation .navigation-tabs .tab a::after {
  transform: rotate(-8deg);
  margin-top: -6px;
  margin-right: -5%;
  right: 0;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .navigation-tabs .tab a::after {
    transform: rotate(-20deg);
    margin-right: -8%;
  }
}

#site-header #site-navigation .navigation-tabs .tab .icon {
  border-radius: 50%;
  display: block;
  width: 26px;
  margin-right: auto;
  margin-bottom: 3px;
  margin-left: auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .navigation-tabs .tab .icon {
    width: 20px;
  }
}

#site-header #site-navigation .navigation-tabs .tab .icon img {
  max-width: 100%;
  height: auto;
}

#site-header #site-navigation .navigation-tabs .tab .text {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 15px;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .navigation-tabs .tab .text {
    display: none;
  }
}

#site-header #site-navigation .site-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 28px;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu {
    margin-top: 20px;
    clear: both;
  }
}

#site-header #site-navigation .site-menu .menu-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  /* browsealoud */
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .menu-wrap {
    display: none;
    background-color: #f5f5f5;
    width: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 100;
  }
}

#site-header #site-navigation .site-menu .menu-wrap > ul {
  list-style-type: none;
  font-size: 0;
  text-align: right;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul {
    padding-top: 40px;
    text-align: left;
  }
}

#site-header #site-navigation .site-menu .menu-wrap > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 12px;
  position: relative;
  /* sub menu */
}

@media screen and (max-width: 900px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li {
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li {
    display: block;
    background-color: #fff;
    margin-bottom: 8px;
    margin-left: 0;
  }
}

#site-header #site-navigation .site-menu .menu-wrap > ul > li:first-child {
  margin-left: 0;
}

#site-header #site-navigation .site-menu .menu-wrap > ul > li.homepage {
  display: inline-block;
  *display: inline;
  zoom: 1;
  transition: all 0.3s ease-in-out;
  background-image: url("../images/icons/home-grey-dark-small.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 26px;
  position: relative;
  vertical-align: bottom;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.homepage {
    background-image: none !important;
    width: 100%;
    height: auto;
  }
}

#site-header #site-navigation .site-menu .menu-wrap > ul > li.homepage:hover {
  background-image: url("../images/icons/home-purple-small.png");
}

#site-header #site-navigation .site-menu .menu-wrap > ul > li.homepage a {
  display: block;
  width: 100%;
  height: 100%;
  border: none !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: transparent;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.homepage a {
    position: static;
    box-sizing: border-box;
    color: #1E1E1E;
    font-size: 18px;
    text-indent: 0;
  }
}

#site-header #site-navigation .site-menu .menu-wrap > ul > li a {
  font-size: 18px;
  color: #1E1E1E;
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid transparent;
  line-height: 22px;
  text-decoration: none;
}

@media screen and (max-width: 900px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li a {
    display: block;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border: none !important;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li a::after {
    border-radius: 50%;
    content: "";
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 20px;
  }
}

#site-header #site-navigation .site-menu .menu-wrap > ul > li a:hover {
  border-bottom: 2px solid #E1E1E1;
}

#site-header #site-navigation .site-menu .menu-wrap > ul > li.current-menu-item, #site-header #site-navigation .site-menu .menu-wrap > ul > li.current-page-ancestor {
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li {
    /* colours */
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu {
    display: none;
    padding: 0 20px 20px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li {
    border-bottom: 1px solid #f5f5f5;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li:last-child {
    border-bottom: none;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li.active > a::after {
    background-image: url("../images/icons/grey-arrow-down-small.png");
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu .sub-menu {
    display: none;
    padding-right: 0;
    padding-bottom: 0;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu .sub-menu li::last-child {
    border-bottom: 1px solid #f5f5f5;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu a {
    width: 100% !important;
    font-size: 18px;
    color: #1E1E1E;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    color: #555555;
    position: relative;
    padding: 10px 0;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu a::after {
    border-radius: 50%;
    content: "";
    display: block;
    background-color: transparent;
    background-image: url("../images/icons/grey-arrow-right-small.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    border: 2px solid #b4b4b4;
    position: absolute;
    top: 6px;
    right: 7px;
    transition: 0.2s;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-purple > a {
    color: #003864;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-purple > a::after {
    background-color: #003864;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-purple .sub-menu li.menu-item-has-children > a::after {
    background-color: #003864;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-blue > a {
    color: #57C9E8;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-blue > a::after {
    background-color: #57C9E8;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-pink > a {
    color: #f1488d;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-pink > a::after {
    background-color: #f1488d;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-pink .sub-menu li.menu-item-has-children > a::after {
    background-color: #f1488d;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-orange > a {
    color: #ff8200;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-orange > a::after {
    background-color: #ff8200;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-orange .sub-menu li.menu-item-has-children > a::after {
    background-color: #ff8200;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-green > a {
    color: #a2d40a;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-green > a::after {
    background-color: #a2d40a;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li.hover-green .sub-menu li.menu-item-has-children > a::after {
    background-color: #a2d40a;
  }
}

@media screen and (min-width: 768px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li:hover > .sub-menu {
    display: block;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu {
    min-width: 180px;
    position: absolute;
    display: none;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li {
    border: 1px solid #fff;
    border-bottom: none;
    position: relative;
    padding: 0 0;
    text-align: left !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: 0.2s;
    background-color: #003864;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li:hover ul {
    display: block;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li:hover {
    background-color: #fff;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li:hover > a {
    color: #003864;
    max-width: 100%;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li.link-login:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url(../images/icons/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transform: translate(-20px, -50%);
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li.link-login:hover:after {
    background-image: url(../images/icons/icon-arrow-right-blue.svg);
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li.menu-item-has-children {
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../images/icons/menu_desktop-more.png);
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li.menu-item-has-children:hover {
    background-image: url(../images/icons/menu_desktop-more-hover.png);
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li:last-child {
    border-bottom: 1px solid #fff;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li .sub-menu li a {
    white-space: nowrap;
    font-size: 18px;
    line-height: 25px;
    display: block;
    min-width: 100%;
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.2s;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li > .sub-menu {
    top: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%);
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li > .sub-menu::before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 30px;
    width: 100%;
    background-color: transparent;
  }
  #site-header #site-navigation .site-menu .menu-wrap > ul > li > .sub-menu .sub-menu {
    top: -10px;
    left: calc(100% - 10px);
  }
}

@media screen and (max-width: 1300px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li:nth-last-child(2) > .sub-menu .sub-menu {
    left: auto;
    right: 100%;
  }
}

@media screen and (max-width: 1500px) {
  #site-header #site-navigation .site-menu .menu-wrap > ul > li:last-child > .sub-menu .sub-menu {
    left: auto;
    right: 100%;
  }
}

#site-header #site-navigation .site-menu .menu-wrap .mobile-menu-close {
  display: none;
  max-width: 85px;
  margin-top: 35px;
  margin-bottom: 60px;
  margin-left: 20px;
  border-color: #b4b4b4;
  color: #555;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .menu-wrap .mobile-menu-close {
    display: block;
  }
}

#site-header #site-navigation .site-menu .menu-wrap .mobile-menu-close:hover {
  background-color: #fff;
}

#site-header #site-navigation .site-menu .menu-wrap #__ba_panel {
  transform: translateX(0);
  width: 207px !important;
  height: 38px !important;
  margin-top: 40px;
  margin-left: 20px;
  position: static !important;
  top: 0 !important;
  left: 0px !important;
}

#site-header #site-navigation .site-menu .menu-wrap #__ba_panel #_ba_corner {
  border-radius: 0 !important;
  -ms-box-shadow: 0 !important;
  -o-box-shadow: 0 !important;
  box-shadow: 0 !important;
  background-color: transparent !important;
  background-image: url("../images/browsealoud-mobile.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 207px !important;
  height: 38px !important;
}

#site-header #site-navigation .site-menu .menu-wrap #__ba_panel #_ba_corner img {
  display: none !important;
}

#site-header #site-navigation .site-menu .mobile-menu-toggle {
  display: none;
  float: right;
  width: 32px;
  height: 18px;
  position: relative;
}

@media screen and (max-width: 767px) {
  #site-header #site-navigation .site-menu .mobile-menu-toggle {
    display: block;
  }
}

#site-header #site-navigation .site-menu .mobile-menu-toggle span,
#site-header #site-navigation .site-menu .mobile-menu-toggle span::before,
#site-header #site-navigation .site-menu .mobile-menu-toggle span::after {
  border-radius: 25%;
  display: block;
  background-color: #1E1E1E;
  width: 100%;
  height: 3px;
  position: absolute;
  right: 0;
  left: 0;
}

#site-header #site-navigation .site-menu .mobile-menu-toggle span {
  top: 8px;
  transition: background 0s 0.3s;
  color: transparent;
  font-size: 0;
  text-indent: -9999px;
}

#site-header #site-navigation .site-menu .mobile-menu-toggle span::before,
#site-header #site-navigation .site-menu .mobile-menu-toggle span::after {
  content: "";
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

#site-header #site-navigation .site-menu .mobile-menu-toggle span::before {
  top: -8px;
  transition-property: top, transform;
}

#site-header #site-navigation .site-menu .mobile-menu-toggle span::after {
  bottom: -8px;
  transition-property: bottom, transform;
}

.mobile-menu-open #site-header #site-navigation .site-menu .mobile-menu-toggle span {
  background: transparent;
}

.mobile-menu-open #site-header #site-navigation .site-menu .mobile-menu-toggle span::before,
.mobile-menu-open #site-header #site-navigation .site-menu .mobile-menu-toggle span::after {
  transition-delay: 0s, 0.3s;
}

.mobile-menu-open #site-header #site-navigation .site-menu .mobile-menu-toggle span::before {
  transform: rotate(45deg);
  top: 0;
}

.mobile-menu-open #site-header #site-navigation .site-menu .mobile-menu-toggle span::after {
  transform: rotate(-45deg);
  bottom: 0;
}

#site-header .sub-navigation-menus {
  display: block;
  background-color: #003864;
  clear: both;
}

@media screen and (max-width: 767px) {
  #site-header .sub-navigation-menus {
    display: none !important;
  }
}

#site-header .sub-navigation-menus .container > ul {
  list-style-type: none;
}

#site-header .sub-navigation-menus .container > ul > li {
  display: block;
}

#site-header .sub-navigation-menus .container > ul > li > a {
  display: none;
}

#site-header .sub-navigation-menus .container > ul > li > .sub-menu {
  display: none;
  background-color: #003864;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 0;
}

#site-header .sub-navigation-menus .container > ul > li > .sub-menu > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-right: 1px solid #fff;
}

#site-header .sub-navigation-menus .container > ul > li > .sub-menu > li:first-child {
  border-left: 1px solid #fff;
}

#site-header .sub-navigation-menus .container > ul > li > .sub-menu > li a {
  font-size: 18px;
  color: #fff;
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  line-height: 58px;
  text-decoration: none;
}

#site-header .sub-navigation-menus .container > ul > li > .sub-menu > li a:hover {
  background-color: #fff;
  color: #003864;
}

#block-site-message {
  padding: 10px;
  border-bottom: solid 2px #ca115d;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  background-color: #ec2275;
}

#block-site-message,
#block-site-message a {
  color: white;
}

#block-site-message > div {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  #block-site-message > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

#block-site-message > div:before {
  content: '';
  min-width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url("../images/icons/alert-icon.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 767px) {
  #block-site-message > div:before {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  #block-site-message > div:before {
    margin-right: 20px;
  }
}

#block-site-message > div p {
  max-width: 100%;
}

#block-site-message > div p:not(:last-child) {
  margin-bottom: 10px;
}

.header-tab-content {
  width: 100%;
}

.header-tab-content .content-block {
  display: none;
}

.header-tab-content .content-block.block-pink {
  background-color: #ec2275;
}

.header-tab-content .content-block.block-purple {
  background-color: #003864;
}

.header-tab-content .content-block.block-blue {
  background-color: #57C9E8;
}

.header-tab-content .content-block#block-gas-emergency p {
  padding-left: 45px;
  color: #fff;
  font-weight: 300;
  line-height: 24px;
}

.header-tab-content .content-block#block-gas-emergency p:first-child {
  background-image: url("../images/icons/white-circle-phone-pink.png");
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 35px;
  padding-top: 6px;
}

.header-tab-content .content-block#block-gas-emergency p a {
  color: #fff;
  text-decoration: underline;
}

.header-tab-content .content-block#block-gas-emergency p a:hover {
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .header-tab-content .content-block#block-contact .container {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.header-tab-content .content-block#block-contact .contact {
  width: 23.6%;
  margin-right: 1.8%;
  padding-bottom: 40px;
  border-right: 1px solid #5236b2;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
}

@media screen and (max-width: 600px) {
  .header-tab-content .content-block#block-contact .contact {
    width: 48%;
    margin-top: 16px;
    margin-right: 4%;
    margin-bottom: 16px;
  }
  .header-tab-content .content-block#block-contact .contact:nth-of-type(2n) {
    margin-right: 0;
    border-right: none;
  }
}

@media screen and (max-width: 480px) {
  .header-tab-content .content-block#block-contact .contact {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    border-right: none;
    border-bottom: 1px solid #5236b2;
  }
  .header-tab-content .content-block#block-contact .contact:last-child {
    border-bottom: none;
  }
}

.header-tab-content .content-block#block-contact .contact:last-child {
  margin-right: 0;
  border-right: none;
}

.header-tab-content .content-block#block-contact .contact .contact-icon {
  margin-bottom: 10px;
}

.header-tab-content .content-block#block-contact .contact .contact-icon img {
  display: block;
  max-width: 100%;
  height: auto;
}

.header-tab-content .content-block#block-contact .contact .contact-name,
.header-tab-content .content-block#block-contact .contact .contact-number {
  margin-bottom: 0;
  color: #fff;
  line-height: 24px;
}

.header-tab-content .content-block#block-contact .contact .contact-number {
  font-weight: 300;
}

.header-tab-content .content-block#block-contact .contact .additional-text {
  font-size: 15px;
  color: #fff;
  margin-bottom: 0;
  padding-right: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  word-break: break-all;
}

@media screen and (max-width: 480px) {
  .header-tab-content .content-block#block-contact .contact .additional-text {
    position: static;
  }
}

.header-tab-content .content-block#block-contact .contact .additional-text a {
  border-bottom: 1px solid #5236b2;
  color: #fff;
  text-decoration: none;
}

.header-tab-content .content-block#block-contact .contact .additional-text a[href*="tel:"] {
  border-bottom: none;
}

.header-tab-content .content-block#block-search .search-form {
  padding-right: 160px;
  position: relative;
}

@media screen and (max-width: 600px) {
  .header-tab-content .content-block#block-search .search-form {
    padding-right: 90px;
  }
}

.header-tab-content .content-block#block-search .search-form .search-field {
  border-color: #fff;
}

.header-tab-content .content-block#block-search .search-form .search-submit {
  min-width: 150px;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 600px) {
  .header-tab-content .content-block#block-search .search-form .search-submit {
    min-width: 80px;
    padding-right: 0;
    padding-left: 0;
  }
}

.header-tab-content .content-block .container {
  padding-top: 32px;
  padding-bottom: 32px;
}

.reciteme-holder .reciteme {
  background-image: url("../images/icons/reciteme.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 125px;
  height: 22px;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .reciteme-holder .reciteme {
    margin-left: 20px;
  }
}

#site-footer .company-achievements {
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 32px;
}

@media screen and (min-width: 960px) {
  #site-footer .company-achievements__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

#site-footer .company-achievements .achievement-label {
  width: 20%;
}

@media screen and (max-width: 960px) {
  #site-footer .company-achievements .achievement-label {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}

#site-footer .company-achievements .achievement-label::before {
  display: inline-block;
  *display: inline;
  zoom: 1;
  content: "";
  height: 100%;
  vertical-align: middle;
}

#site-footer .company-achievements .achievement-label h5 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #003864;
  text-align: left;
  vertical-align: middle;
}

@media screen and (min-width: 960px) {
  #site-footer .company-achievements .achievement-slider {
    width: 80%;
    margin-left: auto;
  }
}

@media screen and (max-width: 960px) {
  #site-footer .company-achievements .achievement-slider {
    float: none;
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  #site-footer .company-achievements .achievement-slider .achievement img {
    max-height: 67px;
  }
}

#site-footer .company-achievements .achievement {
  width: 25%;
  vertical-align: middle;
  text-align: center;
}

#site-footer .company-achievements .achievement h5 {
  color: #003864;
  text-align: left;
}

#site-footer .company-achievements .achievement img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 600px) {
  #site-footer .company-achievements .achievement img {
    width: 100%;
    max-width: none;
  }
}

#site-footer .company-achievements .slick-dots {
  margin: 0;
  padding: 15px 0 0 0;
  list-style-type: none;
  font-size: 0;
  text-align: center;
}

#site-footer .company-achievements .slick-dots li {
  border-radius: 50%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 8px;
}

#site-footer .company-achievements .slick-dots li button {
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  display: block;
  background-color: transparent;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 2px solid #E1E1E1;
  color: transparent;
  font-size: 0;
  text-indent: -9999px;
}

#site-footer .company-achievements .slick-dots li button:hover {
  background-color: #E1E1E1;
}

#site-footer .company-achievements .slick-dots li.slick-active button {
  background-color: #E1E1E1;
}

#site-footer .small-print .footer-links {
  background-color: #f5f5f5;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (max-width: 767px) {
  #site-footer .small-print .footer-links {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #site-footer .small-print .footer-links .container {
    width: 100%;
  }
}

#site-footer .small-print .footer-links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}

#site-footer .small-print .footer-links ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 20px;
  margin-bottom: 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  #site-footer .small-print .footer-links ul li {
    display: block;
    margin-right: 0;
    border-bottom: 1px solid #E1E1E1;
  }
  #site-footer .small-print .footer-links ul li:last-child {
    border-bottom: none;
  }
}

#site-footer .small-print .footer-links ul li::after {
  border-radius: 50px;
  content: "";
  display: block;
  background-color: #1E1E1E;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  right: -11px;
}

@media screen and (max-width: 767px) {
  #site-footer .small-print .footer-links ul li::after {
    border-radius: 0;
    font-size: 22px;
    color: #1E1E1E;
    content: "›";
    display: block !important;
    background-color: transparent;
    width: 10px;
    height: 30px;
    top: 0;
    right: 5%;
    line-height: 30px;
  }
}

#site-footer .small-print .footer-links ul li:last-child {
  margin-right: 0;
}

#site-footer .small-print .footer-links ul li:last-child::after {
  display: none;
}

#site-footer .small-print .footer-links ul li a {
  font-size: 12px;
  color: #1E1E1E;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #site-footer .small-print .footer-links ul li a {
    padding-right: 5%;
    padding-left: 5%;
    line-height: 30px;
  }
}

#site-footer .small-print .footer-links ul li a:hover {
  text-decoration: underline;
}

#site-footer .small-print .copyright {
  background-color: #003864;
}

@media screen and (max-width: 600px) {
  #site-footer .small-print .copyright {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

#site-footer .small-print .copyright p {
  font-size: 12px;
  color: #fff;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 18px;
}

@media screen and (max-width: 600px) {
  #site-footer .small-print .copyright p {
    float: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.layout-block {
  border-radius: 18px;
  background-color: #fff;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  /* widths */
  /* colours */
  /* icons */
  /* solid */
}

@media screen and (max-width: 600px) {
  .layout-block {
    border-radius: 8px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
}

.layout-block.ib {
  vertical-align: top;
}

.layout-block.block-border {
  border-width: 2px;
  border-style: solid;
}

.layout-block .block-title {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 28px;
}

.layout-block .block-title.title-small {
  margin-bottom: 15px;
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .layout-block .block-title {
    margin-bottom: 20px;
    font-size: 26px;
  }
}

.layout-block .block-title a {
  display: inline-block;
  position: relative;
  z-index: 50;
  color: inherit;
  text-decoration: none;
}

.layout-block .block-title a:hover::after {
  background-color: currentColor;
}

.layout-block .block-title a::after {
  transition: all 0.2s ease-in-out;
  content: "";
  display: block;
  background-color: #E1E1E1;
  width: 100%;
  height: 2px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.layout-block.block-full {
  width: 100%;
}

.layout-block.block-half {
  width: 48%;
}

@media screen and (max-width: 767px) {
  .layout-block.block-half {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .layout-block.block-half:last-child {
    margin-bottom: 0;
  }
}

.layout-block.block-third {
  width: 32%;
  margin-right: 1%;
  margin-bottom: 2%;
  margin-left: 1%;
}

@media screen and (max-width: 980px) {
  .layout-block.block-third {
    width: 49%;
    margin-right: 2% !important;
    margin-left: 0;
  }
  .layout-block.block-third:nth-of-type(2n) {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .layout-block.block-third {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .layout-block.block-third:last-child {
    margin-bottom: 0;
  }
}

.layout-block.block-third:first-child, .layout-block.block-third:nth-of-type(3n+1) {
  margin-left: 0;
}

.layout-block.block-third:nth-of-type(3n) {
  margin-right: 0;
}

.layout-block.block-green::before {
  background-color: #a2d40a;
}

.layout-block.block-green.block-border {
  border-color: #a2d40a;
}

.layout-block.block-green .block-title {
  color: #a2d40a;
}

.layout-block.block-green .content-area a {
  border-color: #a2d40a;
}

.layout-block.block-green-darker::before {
  background-color: #00b18a;
}

.layout-block.block-green-darker.block-border {
  border-color: #00b18a;
}

.layout-block.block-green-darker .block-title {
  color: #00b18a;
}

.layout-block.block-green-darker .content-area a {
  border-color: #00b18a;
}

.layout-block.block-pink::before {
  background-color: #ec2275;
}

.layout-block.block-pink.block-border {
  border-color: #ec2275;
}

.layout-block.block-pink .block-title {
  color: #ec2275;
}

.layout-block.block-pink .content-area a {
  border-color: #ec2275;
}

.layout-block.block-pink-light::before {
  background-color: #f1488d;
}

.layout-block.block-pink-light.block-border {
  border-color: #f1488d;
}

.layout-block.block-pink-light .block-title {
  color: #f1488d;
}

.layout-block.block-pink-light .content-area a {
  border-color: #f1488d;
}

.layout-block.block-blue::before {
  background-color: #57C9E8;
}

.layout-block.block-blue.block-border {
  border-color: #57C9E8;
}

.layout-block.block-blue .block-title {
  color: #57C9E8;
}

.layout-block.block-blue .content-area a {
  border-color: #57C9E8;
}

.layout-block.block-blue-light::before {
  background-color: #41c9e8;
}

.layout-block.block-blue-light.block-border {
  border-color: #41c9e8;
}

.layout-block.block-blue-light .block-title {
  color: #41c9e8;
}

.layout-block.block-blue-light .content-area a {
  border-color: #41c9e8;
}

.layout-block.block-purple::before {
  background-color: #003864;
}

.layout-block.block-purple.block-border {
  border-color: #003864;
}

.layout-block.block-purple .block-title {
  color: #003864;
}

.layout-block.block-purple .content-area a {
  border-color: #003864;
}

.layout-block.block-orange::before {
  background-color: #ff8200;
}

.layout-block.block-orange.block-border {
  border-color: #ff8200;
}

.layout-block.block-orange .block-title {
  color: #ff8200;
}

.layout-block.block-orange .content-area a {
  border-color: #ff8200;
}

.layout-block.block-yellow::before {
  background-color: #efdf00;
}

.layout-block.block-yellow.block-border {
  border-color: #efdf00;
}

.layout-block.block-yellow .block-title {
  color: #555;
}

.layout-block.block-yellow .content-area a {
  border-color: #555;
}

.layout-block[class*="block-icon-"]::before {
  transition: all 0.3s ease-in-out;
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 30px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

@media screen and (max-width: 600px) {
  .layout-block[class*="block-icon-"]::before {
    width: 55px;
    height: 55px;
    right: 20px;
  }
}

.layout-block[class*="block-icon-"] .block-title {
  padding-right: 70px;
}

.layout-block[class*="block-icon-"].block-icon-speech::before {
  background-image: url("../images/icons/blocks/speech.png");
}

.layout-block[class*="block-icon-"].block-icon-envelope::before {
  background-image: url("../images/icons/blocks/envelope.png");
}

.layout-block[class*="block-icon-"].block-icon-home::before {
  background-image: url("../images/icons/blocks/home.png");
}

.layout-block[class*="block-icon-"].block-icon-alert::before {
  background-image: url("../images/icons/blocks/alert.png");
}

.layout-block[class*="block-icon-"].block-icon-pipe::before {
  background-image: url("../images/icons/blocks/pipe.png");
}

.layout-block[class*="block-icon-"].block-icon-pound::before {
  background-image: url("../images/icons/blocks/pound.png");
}

.layout-block[class*="block-icon-"].block-icon-question::before {
  background-image: url("../images/icons/blocks/question.png");
}

.layout-block[class*="block-icon-"].block-icon-shovel::before {
  background-image: url("../images/icons/blocks/shovel.png");
}

.layout-block[class*="block-icon-"].block-icon-wrench::before {
  background-image: url("../images/icons/blocks/wrench.png");
}

.layout-block[class*="block-icon-"].block-icon-phone::before {
  background-image: url("../images/icons/blocks/phone.png");
}

.layout-block[class*="block-icon-"].block-icon-at::before {
  background-image: url("../images/icons/blocks/at.png");
}

.layout-block.block-solid {
  padding-top: 90px;
  padding-bottom: 10px;
  /* icon */
  /* colours */
}

.layout-block.block-solid .block-title {
  margin-bottom: 15px;
  color: #fff;
  font-size: 28px;
  text-align: center;
}

.layout-block.block-solid .block-content {
  text-align: center;
}

.layout-block.block-solid .block-content a {
  border-color: #555;
}

.layout-block.block-solid[class*="block-icon"]::before {
  border-radius: 0;
  background-color: transparent;
  width: 52px;
  height: 52px;
  margin-left: -26px;
  position: absolute;
  top: 28px;
  left: 50%;
}

.layout-block.block-solid[class*="block-icon"] .block-title {
  padding-right: 0;
}

.layout-block.block-solid.block-purple {
  background-color: #003864;
}

.layout-block.block-solid.block-blue {
  background-color: #57C9E8;
}

.layout-block.block-solid.block-blue-light {
  background-color: #41c9e8;
}

.layout-block.block-solid.block-pink {
  background-color: #ec2275;
}

.layout-block.block-solid.block-pink-light {
  background-color: #f1488d;
}

.layout-block.block-solid.block-orange {
  background-color: #ff8200;
}

.layout-block.block-solid.block-green {
  background-color: #a2d40a;
}

.layout-block-wrapper.full {
  width: 100%;
}

.layout-block-wrapper.half {
  width: 48%;
}

@media screen and (max-width: 767px) {
  .layout-block-wrapper.half {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .layout-block-wrapper.half:last-child {
    margin-bottom: 0;
  }
}

.layout-block-wrapper.above .block-joint-image {
  margin-bottom: 20px;
}

.layout-block-wrapper.below .layout-block {
  margin-bottom: 0;
}

.layout-block-wrapper.below .block-joint-image {
  margin-top: 20px;
}

.layout-block-wrapper .layout-block {
  float: none;
  width: 100%;
}

.layout-block-wrapper .block-joint-image {
  border-radius: 18px;
  display: block;
  overflow: hidden;
}

.layout-block-wrapper .block-joint-image img {
  display: block;
  width: 100%;
  height: auto;
}

.button, #site-content.apply .apply__portal-button-element {
  border-radius: 4px;
  font-size: 14px;
  color: #003864;
  font-family: "jaf-domus", sans-serif;
  font-weight: 500;
  display: inline-block;
  *display: inline;
  zoom: 1;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  padding-top: 8px;
  padding-right: 18px;
  padding-bottom: 8px;
  padding-left: 18px;
  border: 2px solid #003864;
  box-sizing: border-box;
  letter-spacing: 1px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  /* loading */
}

.button:hover, #site-content.apply .apply__portal-button-element:hover {
  background-color: #003864;
  cursor: pointer;
  color: #fff;
}

.button.inverse, #site-content.apply .inverse.apply__portal-button-element {
  border-color: #fff !important;
  color: #fff;
}

.button.inverse:hover, #site-content.apply .inverse.apply__portal-button-element:hover {
  background-color: #fff;
  color: #003864;
}

.button::after, #site-content.apply .apply__portal-button-element::after {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.button.loading, #site-content.apply .loading.apply__portal-button-element {
  padding-right: 40px;
  position: relative;
}

.button.loading::after, #site-content.apply .loading.apply__portal-button-element::after {
  content: "";
  display: block;
  background-image: url("../images/icons/loading-purple.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  right: 5px;
  opacity: 1;
  visibility: visible;
}

.button.pdf-download, #site-content.apply .pdf-download.apply__portal-button-element {
  padding-left: 38px;
  background-image: url("../../assets/images/icons/download-arrow-blue.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
}

.button.pdf-download:hover, #site-content.apply .pdf-download.apply__portal-button-element:hover {
  background-image: url("../../assets/images/icons/download-arrow-white.svg");
  background-position: 9px 50%;
}

.postcode-search .button, .postcode-search #site-content.apply .apply__portal-button-element, #site-content.apply .postcode-search .apply__portal-button-element,
.issue-search .button,
.issue-search #site-content.apply .apply__portal-button-element,
#site-content.apply .issue-search .apply__portal-button-element {
  max-width: 200px;
  margin: 0 auto;
  display: block;
}

.button:hover::after, #site-content.apply .apply__portal-button-element:hover::after, .button.inverse::after, #site-content.apply .inverse.apply__portal-button-element::after {
  background-image: url("../images/icons/loading-white.svg");
}

.button--secondary {
  background-color: #003864;
  color: #fff;
  text-transform: capitalize;
}

.button--secondary:hover {
  background-color: transparent;
  color: #003864;
}

.button--tertiary {
  background-color: #FC5F08;
  color: #fff;
  border-color: #FC5F08;
  text-transform: capitalize;
}

.button--tertiary:hover {
  background-color: transparent;
  border-color: #003864;
  color: #003864;
}

#page-tabs {
  background-color: #f5f5f5;
  border-bottom: 6px solid #fff;
}

#page-tabs .tabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media screen and (max-width: 767px) {
  #page-tabs .tabs {
    display: none;
  }
}

#page-tabs .tabs .tab {
  border-right: 1px solid #fff;
}

#page-tabs .tabs .tab:first-child {
  border-left: 1px solid #fff;
}

#page-tabs .tabs .tab a {
  font-size: 18px;
  color: #1E1E1E;
  font-weight: 300;
  display: block;
  padding-top: 16px;
  padding-right: 18px;
  padding-bottom: 16px;
  padding-left: 18px;
  line-height: 24px;
  text-decoration: none;
}

#page-tabs .tabs .tab a:hover {
  color: #003864;
}

#page-tabs .tabs .tab.active {
  border-color: #003864;
}

#page-tabs .tabs .tab.active a {
  background-color: #003864;
  color: #fff;
  font-weight: 500;
}

#page-tabs .tabs .tab.active a:hover {
  color: #fff;
}

#page-tabs .mobile-breadcrumb {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
  #page-tabs .mobile-breadcrumb {
    display: block;
  }
}

#page-tabs .mobile-breadcrumb .crumb {
  margin-right: 15px;
  padding-right: 20px;
  position: relative;
}

#page-tabs .mobile-breadcrumb .crumb::after {
  font-size: 22px;
  color: #003864;
  font-weight: 300;
  content: "›";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 24px;
}

#page-tabs .mobile-breadcrumb .crumb:last-child {
  margin-right: 0;
  padding-right: 0;
}

#page-tabs .mobile-breadcrumb .crumb:last-child::after {
  display: none;
}

#page-tabs .mobile-breadcrumb .crumb, #page-tabs .mobile-breadcrumb .crumb a {
  font-size: 18px;
  color: #1E1E1E;
  font-weight: 300;
  line-height: 24px;
}

#page-tabs .mobile-breadcrumb .crumb a {
  text-decoration: underline;
}

#page-alternate-links {
  background-color: #f5f5f5;
  padding-top: 35px;
  padding-bottom: 40px;
}

#page-alternate-links .links-title {
  font-size: 18px;
  color: #555;
  font-weight: 500;
  margin-bottom: 10px;
}

#page-alternate-links .links {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}

#page-alternate-links .links .link {
  margin-right: 5px;
  margin-left: 5px;
}

#page-alternate-links .links .link:first-child {
  margin-left: 0;
}

#page-alternate-links .links .link .button, #page-alternate-links .links .link #site-content.apply .apply__portal-button-element, #site-content.apply #page-alternate-links .links .link .apply__portal-button-element {
  padding-right: 15px;
  padding-left: 15px;
  border-color: #b4b4b4;
  color: #555;
}

#page-alternate-links .links .link .button:hover, #page-alternate-links .links .link #site-content.apply .apply__portal-button-element:hover, #site-content.apply #page-alternate-links .links .link .apply__portal-button-element:hover {
  background-color: transparent;
  border-color: #003864;
  color: #003864;
}

.page-block.block-icon-banner {
  padding-top: 50px;
  padding-bottom: 50px;
  /* colours */
}

.page-block.block-icon-banner .container {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 110px;
  box-sizing: border-box;
}

.page-block.block-icon-banner .container .block-title {
  font-size: 35px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 0;
}

.page-block.block-icon-banner .container .block-title .highlight {
  display: block;
  font-weight: 500;
  line-height: 36px;
}

.page-block.block-icon-banner.banner-purple {
  background-color: #003864;
}

.page-block.block-icon-banner.banner-pink {
  background-color: #ec2275;
}

.page-block.block-icon-banner.banner-blue {
  background-color: #57C9E8;
}

.page-block.block-icon-banner.banner-orange {
  background-color: #ff8200;
}

.page-block.block-icon-banner.banner-green {
  background-color: #a2d40a;
}

.page-block.block-downloads {
  margin-top: 0;
  margin-bottom: 30px;
}

@media screen and (max-width: 520px) {
  .page-block.block-downloads .block-header .block-title {
    margin-bottom: 0;
    font-size: 24px;
  }
}

.page-block.block-downloads .block-header .block-content {
  margin-top: 10px;
}

.page-block.block-downloads .column-wrapper .column {
  width: 33.3%;
  margin-top: 20px;
  margin-bottom: -10px;
  padding-top: 15px;
  box-sizing: border-box;
  vertical-align: top;
}

@media screen and (max-width: 860px) {
  .page-block.block-downloads .column-wrapper .column {
    width: 50%;
  }
  .page-block.block-downloads .column-wrapper .column:nth-of-type(2n+1) {
    position: relative;
  }
  .page-block.block-downloads .column-wrapper .column:nth-of-type(2n+1)::before {
    content: "";
    display: block;
    background-color: #E1E1E1;
    width: 200%;
    height: 2px;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 50;
  }
}

@media screen and (max-width: 860px) and (max-width: 520px) {
  .page-block.block-downloads .column-wrapper .column:nth-of-type(2n+1)::before {
    display: none;
  }
}

@media screen and (max-width: 520px) {
  .page-block.block-downloads .column-wrapper .column {
    width: 100%;
    border-top: 2px solid #E1E1E1;
  }
}

.page-block.block-downloads .column-wrapper .column:nth-of-type(3n+1) {
  position: relative;
}

.page-block.block-downloads .column-wrapper .column:nth-of-type(3n+1)::before {
  content: "";
  display: block;
  background-color: #E1E1E1;
  width: 300%;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 50;
}

@media screen and (max-width: 860px) {
  .page-block.block-downloads .column-wrapper .column:nth-of-type(3n+1)::before {
    display: none;
  }
}

.page-block.block-downloads .column-wrapper .column .column-title {
  margin-bottom: 15px;
}

.page-block.block-downloads .column-wrapper .column .downloads .button, .page-block.block-downloads .column-wrapper .column .downloads #site-content.apply .apply__portal-button-element, #site-content.apply .page-block.block-downloads .column-wrapper .column .downloads .apply__portal-button-element {
  margin-right: 12px;
  margin-bottom: 12px;
  padding-right: 15px;
  padding-left: 15px;
}

.page-block.block-downloads .column-wrapper .column .downloads .button.archive, .page-block.block-downloads .column-wrapper .column .downloads #site-content.apply .archive.apply__portal-button-element, #site-content.apply .page-block.block-downloads .column-wrapper .column .downloads .archive.apply__portal-button-element {
  border-color: #b4b4b4;
  color: #b4b4b4;
}

.page-block.block-downloads .column-wrapper .column .downloads .button.archive:hover, .page-block.block-downloads .column-wrapper .column .downloads #site-content.apply .archive.apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads .column-wrapper .column .downloads .archive.apply__portal-button-element:hover {
  background-color: #b4b4b4;
  color: #fff;
}

.page-block.block-downloads .column-wrapper .column .downloads .hidden-downloads .icon-list {
  margin-bottom: 0;
}

.page-block.block-downloads .column-wrapper .column .downloads .hidden-downloads .icon-list .item {
  display: none;
}

.page-block.block-downloads .column-wrapper .column .downloads .hidden-downloads .icon-list .item::before {
  background-image: url("../images/icons/small/purple-download.png");
}

.page-block.block-downloads.block-purple .block-header .block-title,
.page-block.block-downloads.block-purple .button,
.page-block.block-downloads.block-purple #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-purple .apply__portal-button-element {
  color: #003864;
}


.page-block.block-downloads.block-purple .button,
.page-block.block-downloads.block-purple #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-purple .apply__portal-button-element {
  border-color: #003864;
}

.page-block.block-downloads.block-purple .button:hover, .page-block.block-downloads.block-purple #site-content.apply .apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads.block-purple .apply__portal-button-element:hover {
  background-color: #003864;
  color: #fff;
}

.page-block.block-downloads.block-blue .block-header .block-title,
.page-block.block-downloads.block-blue .button,
.page-block.block-downloads.block-blue #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-blue .apply__portal-button-element {
  color: #57C9E8;
}


.page-block.block-downloads.block-blue .button,
.page-block.block-downloads.block-blue #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-blue .apply__portal-button-element {
  border-color: #57C9E8;
}

.page-block.block-downloads.block-blue .button:hover, .page-block.block-downloads.block-blue #site-content.apply .apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads.block-blue .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

.page-block.block-downloads.block-blue-light .block-header .block-title,
.page-block.block-downloads.block-blue-light .button,
.page-block.block-downloads.block-blue-light #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-blue-light .apply__portal-button-element {
  color: #41c9e8;
}


.page-block.block-downloads.block-blue-light .button,
.page-block.block-downloads.block-blue-light #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-blue-light .apply__portal-button-element {
  border-color: #41c9e8;
}

.page-block.block-downloads.block-blue-light .button:hover, .page-block.block-downloads.block-blue-light #site-content.apply .apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads.block-blue-light .apply__portal-button-element:hover {
  background-color: #41c9e8;
  color: #fff;
}

.page-block.block-downloads.block-pink .block-header .block-title,
.page-block.block-downloads.block-pink .button,
.page-block.block-downloads.block-pink #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-pink .apply__portal-button-element {
  color: #ec2275;
}


.page-block.block-downloads.block-pink .button,
.page-block.block-downloads.block-pink #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-pink .apply__portal-button-element {
  border-color: #ec2275;
}

.page-block.block-downloads.block-pink .button:hover, .page-block.block-downloads.block-pink #site-content.apply .apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads.block-pink .apply__portal-button-element:hover {
  background-color: #ec2275;
  color: #fff;
}

.page-block.block-downloads.block-pink-light .block-header .block-title,
.page-block.block-downloads.block-pink-light .button,
.page-block.block-downloads.block-pink-light #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-pink-light .apply__portal-button-element {
  color: #f1488d;
}


.page-block.block-downloads.block-pink-light .button,
.page-block.block-downloads.block-pink-light #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-pink-light .apply__portal-button-element {
  border-color: #f1488d;
}

.page-block.block-downloads.block-pink-light .button:hover, .page-block.block-downloads.block-pink-light #site-content.apply .apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads.block-pink-light .apply__portal-button-element:hover {
  background-color: #f1488d;
  color: #fff;
}

.page-block.block-downloads.block-orange .block-header .block-title,
.page-block.block-downloads.block-orange .button,
.page-block.block-downloads.block-orange #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-orange .apply__portal-button-element {
  color: #ff8200;
}


.page-block.block-downloads.block-orange .button,
.page-block.block-downloads.block-orange #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-orange .apply__portal-button-element {
  border-color: #ff8200;
}

.page-block.block-downloads.block-orange .button:hover, .page-block.block-downloads.block-orange #site-content.apply .apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads.block-orange .apply__portal-button-element:hover {
  background-color: #ff8200;
  color: #fff;
}

.page-block.block-downloads.block-green .block-header .block-title,
.page-block.block-downloads.block-green .button,
.page-block.block-downloads.block-green #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-green .apply__portal-button-element {
  color: #a2d40a;
}


.page-block.block-downloads.block-green .button,
.page-block.block-downloads.block-green #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-green .apply__portal-button-element {
  border-color: #a2d40a;
}

.page-block.block-downloads.block-green .button:hover, .page-block.block-downloads.block-green #site-content.apply .apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads.block-green .apply__portal-button-element:hover {
  background-color: #a2d40a;
  color: #fff;
}

.page-block.block-downloads.block-green-darker .block-header .block-title,
.page-block.block-downloads.block-green-darker .button,
.page-block.block-downloads.block-green-darker #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-green-darker .apply__portal-button-element {
  color: #00b18a;
}


.page-block.block-downloads.block-green-darker .button,
.page-block.block-downloads.block-green-darker #site-content.apply .apply__portal-button-element,
#site-content.apply .page-block.block-downloads.block-green-darker .apply__portal-button-element {
  border-color: #00b18a;
}

.page-block.block-downloads.block-green-darker .button:hover, .page-block.block-downloads.block-green-darker #site-content.apply .apply__portal-button-element:hover, #site-content.apply .page-block.block-downloads.block-green-darker .apply__portal-button-element:hover {
  background-color: #00b18a;
  color: #fff;
}

.page-section.page-translations {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-section.page-translations .container {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #E1E1E1;
}

.page-section.page-translations .translations-title {
  margin: 0;
  color: #555;
  font-size: 26px;
  font-weight: 300;
  line-height: 35px;
}

.page-section.page-translations .translations-dropdown {
  width: 100%;
  max-width: 180px;
}

.page-section.page-translations .translations-dropdown select {
  border-color: #003864;
  color: #003864;
}

#cookie-law-info-bar, .wt-cli-cookie-bar {
  width: auto !important;
  margin-right: 450px !important;
  height: 100% !important;
  max-height: 100px !important;
}

#cookie-law-info-bar .cli-bar-container, .wt-cli-cookie-bar .cli-bar-container {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container, .wt-cli-cookie-bar .cli-bar-container .cli-bar-btn_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -ms-flex-pack: center;
      justify-content: center;
}

#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container #wt-cli-settings-btn, .wt-cli-cookie-bar .cli-bar-container .cli-bar-btn_container #wt-cli-settings-btn {
  width: 100%;
  border-bottom: none !important;
  text-align: center;
  margin-top: 10px;
}

#cookie-law-info-bar .cli-bar-container .cli-bar-btn_container #wt-cli-accept-btn, .wt-cli-cookie-bar .cli-bar-container .cli-bar-btn_container #wt-cli-accept-btn {
  margin: 0px !important;
}

@media (max-width: 767px) {
  #cookie-law-info-bar, .wt-cli-cookie-bar {
    margin-right: 0px !important;
    padding-bottom: 45% !important;
  }
  #cookie-law-info-bar .cli-bar-container, .wt-cli-cookie-bar .cli-bar-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #cookie-law-info-bar .cli-bar-container .cli-bar-btn_container, .wt-cli-cookie-bar .cli-bar-container .cli-bar-btn_container {
    width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  #cookie-law-info-bar .cli-bar-container .cli-bar-btn_container #wt-cli-settings-btn, .wt-cli-cookie-bar .cli-bar-container .cli-bar-btn_container #wt-cli-settings-btn {
    width: auto;
    border-bottom: none !important;
    text-align: center;
    margin-right: auto;
  }
}

.sticky-numbers {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
  transition: all 200ms ease;
  z-index: 99999;
  height: 100%;
  max-height: 100px;
  max-width: 450px;
  width: 450px;
}

@media (max-width: 767px) {
  .sticky-numbers {
    position: relative;
    box-shadow: none;
    width: 375px;
  }
}

#emergancy-numbers .open {
  display: -ms-flexbox;
  display: flex;
}

#emergancy-numbers .closed {
  bottom: -100px;
}

@media (max-width: 767px) {
  #emergancy-numbers .closed {
    display: none;
  }
}

#emergancy-numbers .closed .sticky-numbers-button {
  background-image: url("../images/icons/arrows/small-white-up.png");
}

@media (max-width: 767px) {
  #emergancy-numbers {
    width: 100%;
  }
}

.numbers-left {
  background-color: #003864;
  color: white;
  font-size: 20px;
  padding: 15px;
  width: 40%;
}

@media (max-width: 767px) {
  .numbers-left {
    font-size: 14px;
  }
}

.numbers-right {
  background-color: white;
  padding: 15px;
  color: #003864;
  width: 60%;
}

@media (max-width: 767px) {
  .numbers-right {
    font-size: 14px;
  }
}

.sticky-numbers-button {
  background-color: #003864;
  background-image: url("../images/icons/arrows/small-white-down.png");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  display: block;
  height: 24px;
  padding: 0;
  position: absolute;
  top: -24px;
  right: -1px;
  width: 24px;
}

/* pages */
#site-content.page .page-header {
  background-color: #003864;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

#site-content.page .page-header .container {
  position: relative;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header .container {
    position: static;
  }
}

#site-content.page .page-header .content-area {
  color: #fff;
}

#site-content.page .page-header .content-area .page-title {
  margin-bottom: 0;
  color: #fff;
  font-weight: 500;
}

#site-content.page .page-header .content-area .page-title + * {
  margin-top: 15px;
}

#site-content.page .page-header .content-area h1, #site-content.page .page-header .content-area h2, #site-content.page .page-header .content-area h3, #site-content.page .page-header .content-area h4, #site-content.page .page-header .content-area h5, #site-content.page .page-header .content-area h6 {
  color: #fff;
  font-weight: 300;
}

#site-content.page .page-header .content-area h4, #site-content.page .page-header .content-area p {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}

#site-content.page .page-header .content-area a {
  border-color: #fff;
  color: #fff;
}

#site-content.page .page-header .content-area a:hover {
  border-color: #fff;
}

#site-content.page .page-header .orange--link {
  color: #FF8200;
  position: relative;
  text-decoration: none;
  margin-top: 38px;
  margin-bottom: 60px;
  display: block;
}

#site-content.page .page-header .orange--link span {
  position: relative;
  padding-bottom: 10px;
  transition: .3s;
}

#site-content.page .page-header .orange--link span::after {
  content: '';
  height: 3px;
  border-radius: 99px;
  background-color: #FF8200;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#site-content.page .page-header .orange--link:hover span {
  opacity: .82;
}

#site-content.page .page-header .header-image {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 50;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header .header-image {
    display: none;
  }
}

#site-content.page .page-header .header-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

#site-content.page .page-header.has-tabs {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs {
    margin-bottom: 60px;
    position: relative;
  }
}

#site-content.page .page-header.has-tabs .header-tabs {
  margin-top: 45px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #site-content.page .page-header.has-tabs .header-tabs {
    margin-bottom: -1px;
  }
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs {
    margin-top: 40px;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs.small {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs.small .tab {
  width: auto !important;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding-right: 10px;
  padding-left: 10px;
  min-width: 100px;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs.small .tab {
    width: auto !important;
    min-width: 0;
    margin-right: 2px;
    margin-left: 2px;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs.small .tab .text {
  font-size: 18px;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs.small .tab .icon img {
  width: 100%;
  height: auto;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab {
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.08);
  min-width: 240px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 20px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab {
    min-width: 0;
    margin-right: 8px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    position: static;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab:hover {
  cursor: pointer;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab:first-child {
  margin-left: 0;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab .tab-inner {
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 18px;
    padding-left: 9px;
    position: relative;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab .link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-decoration: none;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab .icon {
  display: block;
  margin-bottom: 5px;
  text-align: center;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab .icon img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 35px;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0 0;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab .text {
  font-size: 26px;
  color: #fff;
  font-weight: 300;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab .text {
    display: none;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active::after {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    content: attr(data-title);
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 5%;
    padding-left: 5%;
    position: absolute;
    box-sizing: border-box;
    top: 100%;
    right: 0;
    left: 0;
    line-height: 28px;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active .icon img {
    background-size: 35px auto;
    width: 0;
    height: 0;
    padding: 17.5px;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active .text {
  font-weight: 500;
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-purple .text {
  color: #003864;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-purple, #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-purple::after {
    background-color: #003864;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-blue .text {
  color: #57C9E8;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-blue, #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-blue::after {
    background-color: #57C9E8;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-blue-light .text {
  color: #41c9e8;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-blue-light, #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-blue-light::after {
    background-color: #41c9e8;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-pink .text {
  color: #ec2275;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-pink, #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-pink::after {
    background-color: #ec2275;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-pink-light .text {
  color: #f1488d;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-pink-light, #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-pink-light::after {
    background-color: #f1488d;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-orange .text {
  color: #ff8200;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-orange, #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-orange::after {
    background-color: #ff8200;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-green .text {
  color: #a2d40a;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-green, #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-green::after {
    background-color: #a2d40a;
  }
}

#site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-green-darker .text {
  color: #00b18a;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-green-darker, #site-content.page .page-header.has-tabs .header-tabs .tabs .tab.active.tab-green-darker::after {
    background-color: #00b18a;
  }
}

#site-content.page .page-section {
  padding-top: 50px;
  /* colours */
  /* padding */
  /* flexible */
}

@media screen and (max-width: 767px) {
  #site-content.page .page-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

#site-content.page .page-section:last-of-type.section-white {
  border-bottom: 2px solid #f5f5f5;
}

#site-content.page .page-section.section-white {
  background-color: #fff;
}

#site-content.page .page-section.section-grey {
  background-color: #f5f5f5;
}

#site-content.page .page-section.section-purple {
  background-color: #003864;
}

#site-content.page .page-section.section-no-pad {
  padding-top: 0;
  padding-bottom: 0;
}

#site-content.page .page-section.flexible {
  /* post list */
}

#site-content.page .page-section.flexible .flexible-section-title {
  margin-bottom: 30px;
  color: #003864;
}

#site-content.page .page-section.flexible .upper-content {
  margin-bottom: 30px;
}

#site-content.page .page-section.flexible .page-block.full {
  margin-bottom: 4%;
}

#site-content.page .page-section.flexible .page-block.block-half {
  margin-bottom: 4%;
}

#site-content.page .page-section.flexible .page-block.block-half:nth-of-type(2n) {
  clear: right;
}

#site-content.page .page-section.flexible .page-block.block-half:nth-of-type(2n+1) {
  clear: left;
}

#site-content.page .page-section.flexible .page-block.layout-block.block-full {
  margin-bottom: 0;
}

#site-content.page .page-section.flexible .page-block.layout-block.block-full + style + .block-full {
  margin-top: 20px;
}

#site-content.page .page-section.flexible .page-block.layout-block-column {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-section.flexible .page-block.layout-block-column {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
}

#site-content.page .page-section.flexible .page-block.layout-block-column .layout-block {
  margin-bottom: 20px;
}

#site-content.page .page-section.flexible .page-block.layout-block-column .layout-block:last-child {
  margin-bottom: 0;
}

#site-content.page .page-section.flexible .page-block.block-content {
  /* colours */
}

#site-content.page .page-section.flexible .page-block.block-content.half {
  width: 48%;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-section.flexible .page-block.block-content.half {
    float: none;
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

#site-content.page .page-section.flexible .page-block.block-content.half.left {
  padding-right: 50px;
}

#site-content.page .page-section.flexible .page-block.block-content.half.right {
  padding-left: 50px;
}

#site-content.page .page-section.flexible .page-block.block-content .block-title {
  color: #003864;
  font-weight: 500;
  line-height: 38px;
}

#site-content.page .page-section.flexible .page-block.block-content h1, #site-content.page .page-section.flexible .page-block.block-content h2, #site-content.page .page-section.flexible .page-block.block-content h3, #site-content.page .page-section.flexible .page-block.block-content h4, #site-content.page .page-section.flexible .page-block.block-content h5, #site-content.page .page-section.flexible .page-block.block-content h6 {
  font-weight: 300;
}

#site-content.page .page-section.flexible .page-block.block-content h1, #site-content.page .page-section.flexible .page-block.block-content h2, #site-content.page .page-section.flexible .page-block.block-content h3, #site-content.page .page-section.flexible .page-block.block-content h4, #site-content.page .page-section.flexible .page-block.block-content h5, #site-content.page .page-section.flexible .page-block.block-content h6, #site-content.page .page-section.flexible .page-block.block-content p, #site-content.page .page-section.flexible .page-block.block-content li, #site-content.page .page-section.flexible .page-block.block-content a:not(.button) {
  color: #555;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-section.flexible .page-block.block-content h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

#site-content.page .page-section.flexible .page-block.block-content.block-purple .gform_confirmation_message {
  background-color: #003864;
}

#site-content.page .page-section.flexible .page-block.block-content.block-purple .gform_confirmation_message::before {
  color: #003864;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue .block-title {
  color: #57C9E8;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue .button, #site-content.page .page-section.flexible .page-block.block-content.block-blue #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-blue .apply__portal-button-element {
  border-color: #57C9E8;
  color: #57C9E8;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue .button:hover, #site-content.page .page-section.flexible .page-block.block-content.block-blue #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-blue .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue .gform_confirmation_message {
  background-color: #57C9E8;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue .gform_confirmation_message::before {
  color: #57C9E8;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue-light .block-title {
  color: #41c9e8;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue-light .button, #site-content.page .page-section.flexible .page-block.block-content.block-blue-light #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-blue-light .apply__portal-button-element {
  border-color: #41c9e8;
  color: #41c9e8;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue-light .button:hover, #site-content.page .page-section.flexible .page-block.block-content.block-blue-light #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-blue-light .apply__portal-button-element:hover {
  background-color: #41c9e8;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue-light .gform_confirmation_message {
  background-color: #41c9e8;
}

#site-content.page .page-section.flexible .page-block.block-content.block-blue-light .gform_confirmation_message::before {
  color: #41c9e8;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink .block-title {
  color: #ec2275;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink .button, #site-content.page .page-section.flexible .page-block.block-content.block-pink #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-pink .apply__portal-button-element {
  border-color: #ec2275;
  color: #ec2275;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink .button:hover, #site-content.page .page-section.flexible .page-block.block-content.block-pink #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-pink .apply__portal-button-element:hover {
  background-color: #ec2275;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink .gform_confirmation_message {
  background-color: #ec2275;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink .gform_confirmation_message::before {
  color: #ec2275;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink-light .block-title {
  color: #f1488d;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink-light .button, #site-content.page .page-section.flexible .page-block.block-content.block-pink-light #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-pink-light .apply__portal-button-element {
  border-color: #f1488d;
  color: #f1488d;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink-light .button:hover, #site-content.page .page-section.flexible .page-block.block-content.block-pink-light #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-pink-light .apply__portal-button-element:hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink-light .gform_confirmation_message {
  background-color: #f1488d;
}

#site-content.page .page-section.flexible .page-block.block-content.block-pink-light .gform_confirmation_message::before {
  color: #f1488d;
}

#site-content.page .page-section.flexible .page-block.block-content.block-orange .block-title {
  color: #ff8200;
}

#site-content.page .page-section.flexible .page-block.block-content.block-orange .button, #site-content.page .page-section.flexible .page-block.block-content.block-orange #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-orange .apply__portal-button-element {
  border-color: #ff8200;
  color: #ff8200;
}

#site-content.page .page-section.flexible .page-block.block-content.block-orange .button:hover, #site-content.page .page-section.flexible .page-block.block-content.block-orange #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-orange .apply__portal-button-element:hover {
  background-color: #ff8200;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.block-content.block-orange .gform_confirmation_message {
  background-color: #ff8200;
}

#site-content.page .page-section.flexible .page-block.block-content.block-orange .gform_confirmation_message::before {
  color: #ff8200;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green .block-title {
  color: #a2d40a;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green .button, #site-content.page .page-section.flexible .page-block.block-content.block-green #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-green .apply__portal-button-element {
  border-color: #a2d40a;
  color: #a2d40a;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green .button:hover, #site-content.page .page-section.flexible .page-block.block-content.block-green #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-green .apply__portal-button-element:hover {
  background-color: #a2d40a;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green .gform_confirmation_message {
  background-color: #a2d40a;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green .gform_confirmation_message::before {
  color: #a2d40a;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green-darker .block-title {
  color: #00b18a;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green-darker .button, #site-content.page .page-section.flexible .page-block.block-content.block-green-darker #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-green-darker .apply__portal-button-element {
  border-color: #00b18a;
  color: #00b18a;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green-darker .button:hover, #site-content.page .page-section.flexible .page-block.block-content.block-green-darker #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.block-content.block-green-darker .apply__portal-button-element:hover {
  background-color: #00b18a;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green-darker .gform_confirmation_message {
  background-color: #00b18a;
}

#site-content.page .page-section.flexible .page-block.block-content.block-green-darker .gform_confirmation_message::before {
  color: #00b18a;
}

#site-content.page .page-section.flexible .page-block.block-content .block-title + table {
  margin-top: 30px;
}

#site-content.page .page-section.flexible .page-block.block-content table {
  border: 1px solid #003864;
  border-radius: 10px;
}

#site-content.page .page-section.flexible .page-block.block-content table thead th {
  background: #003864;
  color: #fff;
  font-weight: 400;
  padding: 20px;
}

#site-content.page .page-section.flexible .page-block.block-content table td, #site-content.page .page-section.flexible .page-block.block-content table th {
  padding: 20px 10px;
}

#site-content.page .page-section.flexible .page-block.block-content table tr td {
  border: none;
}

#site-content.page .page-section.flexible .page-block.block-content table tr td i {
  background: #003864;
  border-radius: 18px;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  margin-left: 5px;
  position: relative;
  text-align: center;
  width: 18px;
}

#site-content.page .page-section.flexible .page-block.block-content table tr td i:before {
  content: "?";
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  line-height: 18px;
  position: absolute;
  line-height: 18px;
  top: 0;
  left: 0;
  right: 0;
}

#site-content.page .page-section.flexible .page-block.block-content table tr.odd td {
  background: #f5f5f5;
  border: none;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header {
  margin-bottom: 35px;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .header-title {
  margin-bottom: 25px;
  color: #003864;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter {
  margin-bottom: 10px;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category {
  margin-right: 18px;
  margin-bottom: 10px;
  position: relative;
  /* colours */
}

@media screen and (max-width: 600px) {
  #site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category:last-child {
  margin-right: 0;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category.category-label {
  font-size: 18px;
  color: #555;
  font-weight: 500;
  line-height: 20px;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category label {
  font-size: 18px;
  color: #555;
  font-weight: 300;
  display: block;
  padding-left: 30px;
  position: relative;
  z-index: 100;
  line-height: 20px;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category label:hover {
  cursor: pointer;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category label::before {
  border-radius: 3px;
  content: "";
  display: block;
  background-color: #fff;
  width: 18px;
  height: 18px;
  border: 1px solid #E1E1E1;
  position: absolute;
  top: 0;
  left: 0;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category label::after {
  font-size: 24px;
  color: #003864;
  font-weight: 300;
  content: "×";
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 14px;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category input {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
  visibility: hidden;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category input:checked + label::after {
  display: block;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category.colour-blue label::after {
  color: #57C9E8;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category.colour-pink label::after {
  color: #ec2275;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category.colour-orange label::after {
  color: #ff8200;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .category-filter .categories .category.colour-green label::after {
  color: #a2d40a;
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .year-filter .filter-title {
  font-size: 18px;
  color: #555;
  font-weight: 500;
  width: 75px;
  margin-right: 18px;
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-section.flexible .page-block.post-list .block-header .year-filter .filter-title {
    display: block;
  }
}

#site-content.page .page-section.flexible .page-block.post-list .block-header .year-filter .dropdown-wrap {
  width: 100%;
  max-width: 390px;
}

@media screen and (max-width: 767px) {
  #site-content.page .page-section.flexible .page-block.post-list .block-header .year-filter .dropdown-wrap {
    display: block;
  }
}

#site-content.page .page-section.flexible .page-block.post-list .post-list {
  position: relative;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list.loading-category {
  background-image: url("../images/icons/loading-purple-large.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75px 75px;
  min-height: 150px;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post {
  margin-bottom: 20px;
  /* colours */
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post::before {
  transition: all 0.2s ease-in-out;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .block-title {
  font-size: 26px;
  color: #555;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
  padding-right: 100px;
  line-height: 34px;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  #site-content.page .page-section.flexible .page-block.post-list .post-list .post .block-title {
    padding-right: 75px;
    font-size: 24px;
    line-height: 28px;
  }
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .block-title .highlight {
  transition: all 0.2s ease-in-out;
  color: #003864;
  font-weight: 500;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .event-meta {
  font-size: 14px;
  color: #555;
  font-weight: 300;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  #site-content.page .page-section.flexible .page-block.post-list .post-list .post .event-meta {
    margin-bottom: 0;
  }
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .event-meta span {
  margin-right: 10px;
}

@media screen and (max-width: 600px) {
  #site-content.page .page-section.flexible .page-block.post-list .post-list .post .event-meta span {
    display: block;
  }
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .event-meta time {
  font-weight: 500;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .post-toggle {
  min-width: 60px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 20px;
  right: 30px;
}

@media screen and (max-width: 600px) {
  #site-content.page .page-section.flexible .page-block.post-list .post-list .post .post-toggle {
    width: 55px;
    min-width: 0;
    right: 20px;
  }
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post[class*='block-icon-category'] .post-toggle {
  top: 70px;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .post-content {
  display: none;
  position: relative;
}

@media screen and (max-width: 600px) {
  #site-content.page .page-section.flexible .page-block.post-list .post-list .post .post-content {
    margin-top: 20px;
  }
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .post-content::before {
  content: "";
  display: block;
  background-color: #f5f5f5;
  height: 2px;
  position: absolute;
  top: 0;
  right: -30px;
  left: -30px;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post .post-content .content-area {
  padding-top: 20px;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue .post-content .button, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue .post-content .apply__portal-button-element {
  border-color: #57C9E8;
  color: #57C9E8;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue .post-content .button:hover, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue .post-content .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue-light .post-content .button, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue-light .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue-light .post-content .apply__portal-button-element {
  border-color: #41c9e8;
  color: #41c9e8;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue-light .post-content .button:hover, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue-light .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-blue-light .post-content .apply__portal-button-element:hover {
  background-color: #41c9e8;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink .post-content .button, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink .post-content .apply__portal-button-element {
  border-color: #ec2275;
  color: #ec2275;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink .post-content .button:hover, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink .post-content .apply__portal-button-element:hover {
  background-color: #ec2275;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink-light .post-content .button, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink-light .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink-light .post-content .apply__portal-button-element {
  border-color: #f1488d;
  color: #f1488d;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink-light .post-content .button:hover, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink-light .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-pink-light .post-content .apply__portal-button-element:hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-orange .post-content .button, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-orange .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-orange .post-content .apply__portal-button-element {
  border-color: #ff8200;
  color: #ff8200;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-orange .post-content .button:hover, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-orange .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-orange .post-content .apply__portal-button-element:hover {
  background-color: #ff8200;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green .post-content .button, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green .post-content .apply__portal-button-element {
  border-color: #a2d40a;
  color: #a2d40a;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green .post-content .button:hover, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green .post-content .apply__portal-button-element:hover {
  background-color: #a2d40a;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green-darker .post-content .button, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green-darker .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green-darker .post-content .apply__portal-button-element {
  border-color: #00b18a;
  color: #00b18a;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green-darker .post-content .button:hover, #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green-darker .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page .page-section.flexible .page-block.post-list .post-list .post.block-green-darker .post-content .apply__portal-button-element:hover {
  background-color: #00b18a;
  color: #fff;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list.post-open .post:not(.open)::before {
  background-color: #E1E1E1;
}

#site-content.page .page-section.flexible .page-block.post-list .post-list.post-open .post:not(.open) .block-title .highlight {
  color: #555;
}

#site-content.page .page-section.flexible .page-block.post-list .section-footer {
  padding-top: 20px;
}

.post-rating {
  text-align: center;
  background-color: white !important;
  padding: 35px 0;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  font-weight: 500;
}

.post-rating * {
  font-size: 25px;
  line-height: 1.3;
}

.post-rating .ib {
  display: inline-block;
  vertical-align: middle;
  margin: 15px;
}

.post-rating .complete {
  display: none;
}

.post-rating .post-ratings img {
  width: 81px;
  height: 34px;
  display: inline-block;
  margin: 0 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: 0.2s;
}

.post-rating .post-ratings img:hover {
  opacity: 0.8;
}

.post-rating .post-ratings img:first-child {
  background-image: url(../images/icons/page-voting/yes.png);
}

.post-rating .post-ratings img:last-child {
  background-image: url(../images/icons/page-voting/yes.png);
}

.tippy-popper .tippy-tooltip {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  text-shadow: none;
  white-space: normal;
}

.tippy-popper .tippy-backdrop {
  background: #003864;
}

.inline-video {
  padding: 80px 0;
}

.inline-video-container {
  font-size: 0;
}

.inline-video__block {
  display: inline-block;
  width: 50%;
  font-size: medium;
  vertical-align: middle;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .inline-video__block {
    display: block;
    width: 100%;
    padding: 0;
  }
}

.inline-video__video-container {
  padding-right: 3%;
}

@media (max-width: 768px) {
  .inline-video__video-container {
    text-align: center;
    margin-bottom: 40px;
  }
}

.inline-video__video {
  min-height: 315px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  max-width: 483px;
  text-align: center;
  position: relative;
  border-radius: 20px;
}

@media (max-width: 768px) {
  .inline-video__video {
    margin: 0 auto;
  }
}

.inline-video__video .video-center-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 78%;
  margin: 0 auto;
}

.inline-video__video .video-center-content p {
  color: white;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 20px;
}

.inline-video__video .video-center-content .inline-play-icon {
  transition: .3s;
  display: block;
}

.inline-video__video .video-center-content .inline-play-icon:hover {
  transform: scale(1.1);
}

.inline-video__video .video-center-content a {
  color: white;
  text-decoration: none;
}

.inline-video__video .video-center-content .play-btn {
  border: white solid 2px;
  border-radius: 8px;
  width: 205px;
  height: 38px;
  line-height: 38px;
  text-transform: uppercase;
  transition: .3s;
  display: block;
  margin: 0 auto;
}

.inline-video__video .video-center-content .play-btn:hover {
  background-color: #fff;
  color: black;
}

.inline-video__content {
  padding-left: 4%;
}

.inline-video__content p {
  line-height: 1.6;
  font-size: 18px;
}

.documents {
  background-color: #003864;
  margin: 50px 0;
  border-radius: 15px;
  padding: 80px 0;
  color: white;
}

.documents .container {
  margin-bottom: 80px;
}

@media (max-width: 500px) {
  .documents .container {
    margin-bottom: 0;
  }
}

.documents__text {
  text-align: center;
  color: white;
  font-weight: 700;
  font-size: 24px;
  max-width: 812px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 80px;
  line-height: 1.4;
}

.documents__list {
  text-align: center;
}

.documents__list li {
  text-align: left;
  width: calc(50% - 70px);
  margin-bottom: 140px;
  margin-right: 70px;
}

.documents__list li:last-child {
  margin-right: 0;
}

@media (max-width: 900px) {
  .documents__list li {
    max-width: unset;
    width: 100%;
    margin: 0;
    margin: 0 auto !important;
    margin-bottom: 230px !important;
    height: auto;
    display: block !important;
  }
  .documents__list li:nth-child(4n+4) {
    margin-right: 0;
  }
  .documents__list li:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (max-width: 500px) {
  .documents__list li {
    margin-bottom: 140px !important;
  }
}

.documents__list li .documents__icon {
  position: absolute;
  top: 0;
  left: 30px;
  transform: translateY(-50%);
  border: 8px solid #194870;
  border-radius: 50%;
}

.documents__list li .documents__content {
  padding-bottom: 65px;
}

@media (max-width: 767px) {
  .documents__list li .documents__content {
    padding-bottom: 30px;
  }
}

.documents__list li .documents__content h3 {
  margin-bottom: 16px;
  font-size: 35px;
}

@media (max-width: 767px) {
  .documents__list li .documents__content h3 {
    font-size: 24px;
    line-height: 1.2;
  }
}

.documents__list li .documents__content p {
  line-height: 1.4;
  font-size: 18px;
  font-weight: 300;
}

.documents__list li .documents__content .btn--read {
  padding: 5px 60px 5px 18px;
  border-radius: 6px;
  display: block;
  position: static;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: #194870;
  background-color: #fff;
  background-image: url("../images/arrow-btn.svg");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  transition: .3s;
}

.documents__list li .documents__content .btn--read:hover {
  background-color: #FF8200;
}

.documents__list li .documents__content .btn--read:not(:last-child) {
  margin-bottom: 10px;
}

.documents__list li .documents__files {
  margin-top: 20px;
}

.btn {
  color: #194870;
  background-color: #fff;
  padding: 5px 18px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  bottom: 35px;
  left: 33px;
  border-radius: 6px;
  background-image: url("../images/arrow-btn.svg");
  background-repeat: no-repeat;
  background-position: 80% 50%;
  transition: .3s;
}

.btn:hover {
  background-color: #FF8200;
}

.card--list {
  font-size: 0;
}

.card--list li {
  font-size: medium;
  display: inline-block;
  vertical-align: top;
  background-color: #194870;
  border-radius: 14px;
  padding: 65px 33px;
  box-sizing: border-box;
  padding-bottom: 75px;
  position: relative;
  z-index: 2;
}

.card--list li .card-overflow {
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-20px);
  z-index: 1;
  width: 100%;
}

.color-blocks {
  padding: 90px 0;
}

@media (max-width: 767px) {
  .color-blocks {
    padding: 50px 0;
  }
}

.color-blocks * {
  box-sizing: border-box;
}

.color-blocks h2 {
  text-align: center;
  color: #003969;
  font-weight: 700;
  font-size: 45px;
  max-width: 812px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 50px;
  line-height: 1;
}

.color-blocks .color-blocks__list {
  font-size: 0;
}

.color-blocks .color-blocks__list .color-block {
  box-sizing: border-box;
  font-size: medium;
  display: inline-block;
  width: calc(25% - 7.5px);
  vertical-align: top;
  padding: 14px 20px;
  border-radius: 12px;
  height: 480px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px;
}

.color-blocks .color-blocks__list .color-block:nth-child(4n+4) {
  margin-right: 0;
}

@media (max-width: 1100px) {
  .color-blocks .color-blocks__list .color-block {
    width: calc(50% - 5px);
  }
  .color-blocks .color-blocks__list .color-block:nth-child(4n+4) {
    margin-right: 10px;
  }
  .color-blocks .color-blocks__list .color-block:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .color-blocks .color-blocks__list .color-block {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
    height: auto;
  }
  .color-blocks .color-blocks__list .color-block:nth-child(4n+4) {
    margin-right: 0;
  }
  .color-blocks .color-blocks__list .color-block:nth-child(2n+2) {
    margin-right: 0;
  }
}

.color-blocks .color-blocks__list .color-block__container {
  position: relative;
  height: 96%;
  padding-bottom: 50px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .color-blocks .color-blocks__list .color-block__container {
    padding-bottom: 100px;
  }
}

.color-blocks .color-blocks__list .color-block__container--number {
  border-radius: 50%;
  background-color: #fff;
  height: 49px;
  width: 49px;
  font-size: 40px;
  font-weight: 700;
  color: #003969;
  text-align: center;
  position: relative;
  line-height: 1;
}

.color-blocks .color-blocks__list .color-block__container--number span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -57%);
  line-height: 1;
}

.color-blocks .color-blocks__list .color-block__container--quote {
  color: white;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  padding-top: 60px;
  background-image: url("../images/quote.svg");
  background-repeat: no-repeat;
  background-position: 0 25px;
}

.color-blocks .color-blocks__list .color-block__container .btn {
  bottom: 0;
  top: auto;
  left: auto;
  right: 0;
}

.color-blocks .color-blocks__list .color-block__container .btn--more {
  background-image: url("../images/Plus.svg");
}

.color-blocks .color-blocks__list .color-block__container .btn--more:hover {
  background-color: white;
  opacity: .65;
}

.color-blocks .color-blocks__list .color-block__content {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
  height: 100%;
  z-index: 99999;
  width: 720px;
  height: 100vh;
  transform: translateX(100%);
  transition: .5s;
}

@media (max-width: 768px) {
  .color-blocks .color-blocks__list .color-block__content {
    width: 80%;
  }
}

.color-blocks .color-blocks__list .color-block__content.show-content {
  transform: translateX(0);
}

.color-blocks .color-blocks__list .color-block__content.show-block-content {
  overflow: scroll;
}

.color-blocks .color-blocks__list .color-block__content .color-block__content--container {
  height: 100%;
  width: 100%;
  position: relative;
}

.color-blocks .color-blocks__list .color-block__content .block--cross {
  background-image: url("../images/x.svg");
  height: 8px;
  width: 8px;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  position: absolute;
  right: 35px;
  top: 35px;
  cursor: pointer;
}

.color-blocks .color-blocks__list .color-block__content .content--load-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 100px;
  z-index: 99999;
}

.color-blocks .color-blocks__list .color-block__content .content--load-more .btn {
  border: #003865 1px solid;
  color: #003865;
  left: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url("../images/dwn.svg");
}

@media (max-width: 768px) {
  .color-blocks .color-blocks__list .color-block__content .content--load-more .btn {
    left: 20px;
  }
}

@media (max-width: 767px) {
  .color-blocks .color-blocks__list .color-block__content .content--load-more {
    height: 150px;
  }
  .color-blocks .color-blocks__list .color-block__content .content--load-more .btn {
    top: 20px;
    bottom: auto;
  }
}

.color-blocks .color-blocks__list .color-block__content__header {
  background-color: #194870;
  color: white;
  padding: 85px 70px 50px 70px;
}

@media (max-width: 768px) {
  .color-blocks .color-blocks__list .color-block__content__header {
    padding: 85px 20px 50px 20px;
  }
}

.color-blocks .color-blocks__list .color-block__content__header__number {
  border-radius: 50%;
  background-color: #fff;
  height: 49px;
  width: 49px;
  line-height: 1;
  font-size: 40px;
  font-weight: 700;
  color: #003969;
  text-align: center;
  position: relative;
}

.color-blocks .color-blocks__list .color-block__content__header__number span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -57%);
  line-height: 1;
}

.color-blocks .color-blocks__list .color-block__content__header p {
  font-size: 27px;
  font-weight: 600;
  margin-top: 10px;
}

.color-blocks .color-blocks__list .color-block__content__body {
  position: relative;
  padding-bottom: 60px;
  box-sizing: border-box;
}

.color-blocks .color-blocks__list .color-block__content__body .content-wrapper {
  background-color: #F6F6F5;
  padding: 50px 70px;
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .color-blocks .color-blocks__list .color-block__content__body .content-wrapper {
    padding: 50px 20px;
  }
}

.color-blocks .color-blocks__list .color-block__content__body .content-wrapper h3 {
  color: #003865;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.color-blocks .color-blocks__list .color-block__content__body .content-wrapper h4 {
  color: #003865;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}

.color-blocks .color-blocks__list .color-block__content__body .content-wrapper p {
  color: #1E1E1E;
  font-size: 18px;
  padding-bottom: 50px;
}

.color-blocks .color-blocks__list .color-block__content__body .content-wrapper:nth-child(even) {
  background-color: #fff;
}

.color-blocks .color-blocks__list .color-block__content__body .content-wrapper ul li {
  font-size: 18px;
  color: #1E1E1E;
  padding-left: 40px;
  list-style: none;
  background-image: url("../images/orng-tick.svg");
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-bottom: 40px;
}

.color-blocks .color-blocks__list .color-block__content__body .content-box {
  background-color: hotpink;
  background: linear-gradient(to right, #DF2873, #64448D);
  margin: 20px 70px;
  margin-bottom: 60px;
  color: white;
  border-radius: 10px;
  padding: 20px 45px;
  padding-bottom: 26px;
  text-align: center;
}

@media (max-width: 768px) {
  .color-blocks .color-blocks__list .color-block__content__body .content-box {
    margin: 50px 20px;
  }
}

.color-blocks .color-blocks__list .color-block__content__body .content-box .percent {
  display: inline-block;
  font-size: 67px;
  font-weight: bold;
  vertical-align: middle;
  margin-bottom: 10px;
  line-height: 1;
}

.color-blocks .color-blocks__list .color-block__content__body .content-box .box-title {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  max-width: 255px;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 10px;
}

.color-blocks .color-blocks__list .color-block-img {
  width: calc(50% - 5px);
}

.color-blocks .color-blocks__list .color-block-img:nth-child(4n+4) {
  margin-right: 10px;
}

.color-blocks .color-blocks__list .color-block-img:nth-child(2n+2) {
  margin-right: 0;
}

@media (max-width: 920px) {
  .color-blocks .color-blocks__list .color-block-img {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }
  .color-blocks .color-blocks__list .color-block-img:nth-child(4n+4) {
    margin-right: 0;
  }
  .color-blocks .color-blocks__list .color-block-img:nth-child(2n+2) {
    margin-right: 0;
  }
}

.color-blocks .color-blocks__list .color-block-img .color-block-title {
  color: #003865;
  font-size: 26px;
  font-weight: 600;
  padding-left: 40px;
  box-sizing: border-box;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.color-blocks .color-blocks__list .color-block-img .color-block__container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  padding: 0 30px;
  padding-top: 100px;
  padding-bottom: 70px;
  box-sizing: border-box;
  height: auto;
}

.color-blocks .color-blocks__list .color-block-img .color-block__container--quote {
  color: white;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  padding-top: 0;
  background-image: none;
}

.color-blocks .color-blocks__list .color-block-img .color-block__container--quote .quote--title {
  font-size: 24px;
  margin-bottom: 16px;
  font-weight: 700;
}

.color-blocks .color-blocks__list .color-block-img .color-block__container--quote .quote--text {
  font-size: 18px;
  font-weight: 600;
}

.color-blocks .color-blocks__list .color-block-img .color-block__container .btn {
  bottom: 20px;
  top: auto;
  left: auto;
  right: 30px;
}

.show-less {
  position: absolute;
  top: 54px;
  right: 35px;
  font-size: 16px;
  font-weight: 700;
  color: #7C7C7C;
  padding-right: 25px;
  background-image: url("../images/x-blue.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  cursor: pointer;
  display: none;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0;
  width: 0;
  background-color: #404040;
  opacity: .2;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.show-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
}

.numbers {
  background-color: #003864;
  padding: 80px 0;
  color: white;
}

.numbers .container {
  margin-bottom: 80px;
}

@media (max-width: 500px) {
  .numbers .container {
    margin-bottom: 0;
  }
}

.numbers__text {
  text-align: left;
  color: white;
  font-weight: 600;
  font-size: 45px;
  max-width: 1180px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 80px;
  line-height: 1.4;
}

.numbers__list .number-cards {
  padding: 0 11px;
  padding-top: 90px;
  text-align: center;
  padding-bottom: 30px;
}

.numbers__list li {
  width: calc(25% - 18.75px);
  margin-right: 25px;
  margin-bottom: 90px;
}

.numbers__list li:nth-child(4n+4) {
  margin-right: 0;
}

@media (max-width: 1000px) {
  .numbers__list li {
    width: calc(50% - 12.5px);
    margin-bottom: 150px;
  }
  .numbers__list li:nth-child(4n+4) {
    margin-right: 25px;
  }
  .numbers__list li:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .numbers__list li {
    width: 100%;
    margin: 0;
    margin-bottom: 230px;
    height: auto;
  }
  .numbers__list li:nth-child(4n+4) {
    margin-right: 0;
  }
  .numbers__list li:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (max-width: 500px) {
  .numbers__list li {
    margin-bottom: 140px;
  }
}

.numbers__list li .numbers__icon {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  transition: .3s;
}

.numbers__list li .numbers__content {
  padding-bottom: 10px;
}

.numbers__list li .numbers__content h3 {
  margin-bottom: 16px;
  font-size: 35px;
  font-size: 49px;
}

.numbers__list li .numbers__content p {
  line-height: 1.4;
  font-size: 15px;
  font-weight: 300;
}

.numbers__list li .numbers__content .btn--read {
  color: #194870;
  background-color: #fff;
  padding: 5px 18px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  bottom: 35px;
  left: 33px;
  border-radius: 6px;
  background-image: url("../images/arrow-btn.svg");
  background-repeat: no-repeat;
  background-position: 80% 50%;
  transition: .3s;
}

.numbers__list li .numbers__content .btn--read:hover {
  background-color: #FF8200;
}

.numbers__list li:hover .numbers__icon {
  transform: translate(-50%, -10px) scale(1.1) rotate(-4deg);
}

.plan {
  padding: 90px 0;
  background: linear-gradient(to right, #DF2873, #64448D);
  position: relative;
  text-align: center;
}

.plan p {
  color: white;
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 35px;
}

.file--btn {
  position: relative;
  transform: translate(0);
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  background-color: #FF8200;
  padding-top: 10px;
  padding-bottom: 10px;
  background-position: 94% 50%;
  padding-left: 60px;
  transition: .3s;
}

.file--btn:hover {
  background-color: rgba(255, 132, 0, 0.65);
}

.file--btn span {
  position: absolute;
  left: 2%;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../images/file.svg");
  height: 28px;
  width: 32px;
  background-size: 32px 28px;
  background-repeat: no-repeat;
}

@media (max-width: 500px) {
  .file--btn {
    padding-left: 30px;
  }
  .file--btn span {
    display: none;
  }
}

@media (max-width: 400px) {
  .file--btn {
    padding: 8px 20px;
    background-image: none;
    font-size: 14px;
  }
}

#site-content.page .page-section:last-of-type.section-white {
  border-bottom: none;
}

.text-slider {
  padding: 90px 0;
}

.text-slider .container {
  font-size: 0;
}

@media (max-width: 768px) {
  .text-slider .container {
    text-align: center;
  }
}

.text-slider__block {
  display: inline-block !important;
  width: calc(50% - 12px);
  box-sizing: border-box;
  font-size: medium;
  vertical-align: middle;
  border-radius: 12px;
}

.text-slider__block:first-child {
  margin-right: 24px;
}

.text-slider__text {
  background-color: #F6F6F5;
  padding: 96px 64px;
}

@media (max-width: 768px) {
  .text-slider__text {
    padding: 40px 20px;
  }
}

.text-slider__text.switch {
  float: left;
  margin: 0;
}

.text-slider__text p {
  font-size: 21px;
  font-weight: 300;
  color: #1E1E1E;
}

.text-slider__slider {
  position: relative;
}

.text-slider__slider.switch {
  margin-left: 24px;
  margin-right: 0;
}

.text-slider__slider .slick-arrow {
  position: absolute;
  top: 50%;
  right: 0;
}

.text-slider__slider .slick-prev {
  display: none !important;
}

.text-slider__slider .slick-next {
  font-size: 0;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-color: #FF0075;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background-image: url("../images/white-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transform: translate(50%, -50%);
  cursor: pointer;
}

@media (max-width: 768px) {
  .text-slider__slider .slick-next {
    top: 100%;
    right: 50%;
  }
}

.text-slider__slider .slick-next:hover {
  opacity: .85;
}

.text-slider__slider .slick-list, .text-slider__slider .slick-track {
  height: 100%;
}

.text-slider__slider .slick-track {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.text-slider__image {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 12px;
}

@media (max-width: 768px) {
  .text-slider__block {
    display: block;
    max-width: 80%;
    width: 100%;
    float: none !important;
    margin: 0 !important;
    margin-bottom: 40px !important;
    text-align: left;
  }
}

@media (max-width: 468px) {
  .text-slider__block {
    display: block;
    max-width: 100%;
    width: 100%;
    float: none !important;
    margin: 0 !important;
    margin-bottom: 40px !important;
    text-align: left;
  }
}

#page-tabs {
  border-bottom: none !important;
}

#page-tabs .tabs .tab a {
  font-size: 16px;
  font-weight: 400;
}

@media screen and (max-width: 930px) {
  #page-tabs .tabs {
    display: none;
  }
  #page-tabs .mobile-breadcrumb {
    display: block;
  }
}

.block-video.block-orange .block-title, .block-image-half.block-orange .block-title, .block-full-width.block-orange .block-title {
  font-weight: 700 !important;
}

.block-image-half-text .file--btn {
  padding-left: 42px;
  padding-right: 42px;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 400px) {
  .block-image-half-text .file--btn {
    padding: 8px 20px;
    background-image: none;
    font-size: 14px;
  }
}

#site-content.page.home .page-slider {
  width: 100%;
  position: relative;
}

#site-content.page.home .page-slider .item {
  background-size: cover;
  background-position: bottom center;
  min-height: 390px;
  position: relative;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item {
    background-position: top center;
    background-size: auto 300px;
  }
  #site-content.page.home .page-slider .item .container {
    width: 100%;
  }
}

#site-content.page.home .page-slider .item .slide-content {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  max-width: 370px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .slide-content {
    max-width: none;
    margin-top: 300px;
    border-radius: 0;
    /* colours */
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-purple {
    background-color: #003864;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-purple .content-area {
    color: white;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-purple .content-area .button:hover, #site-content.page.home .page-slider .item .slide-content.mobile-purple .content-area #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .page-slider .item .slide-content.mobile-purple .content-area .apply__portal-button-element:hover {
    color: #003864;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-blue {
    background-color: #57C9E8;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-blue .content-area .button:hover, #site-content.page.home .page-slider .item .slide-content.mobile-blue .content-area #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .page-slider .item .slide-content.mobile-blue .content-area .apply__portal-button-element:hover {
    color: #57C9E8;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-pink {
    background-color: #f1488d;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-pink .content-area .button:hover, #site-content.page.home .page-slider .item .slide-content.mobile-pink .content-area #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .page-slider .item .slide-content.mobile-pink .content-area .apply__portal-button-element:hover {
    color: #f1488d;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-orange {
    background-color: #ff8200;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-orange .content-area .button:hover, #site-content.page.home .page-slider .item .slide-content.mobile-orange .content-area #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .page-slider .item .slide-content.mobile-orange .content-area .apply__portal-button-element:hover {
    color: #ff8200;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-green {
    background-color: #a2d40a;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-green .content-area .button:hover, #site-content.page.home .page-slider .item .slide-content.mobile-green .content-area #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .page-slider .item .slide-content.mobile-green .content-area .apply__portal-button-element:hover {
    color: #a2d40a;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-red {
    background-color: #F94646;
  }
  #site-content.page.home .page-slider .item .slide-content.mobile-red .content-area .button:hover, #site-content.page.home .page-slider .item .slide-content.mobile-red .content-area #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .page-slider .item .slide-content.mobile-red .content-area .apply__portal-button-element:hover {
    color: #F94646;
  }
}

#site-content.page.home .page-slider .item .slide-content .content-area {
  padding-top: 30px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .slide-content .content-area {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 55px;
    padding-left: 20px;
    color: #1E1E1E;
  }
  #site-content.page.home .page-slider .item .slide-content .content-area .button, #site-content.page.home .page-slider .item .slide-content .content-area #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page.home .page-slider .item .slide-content .content-area .apply__portal-button-element {
    border-color: #fff;
    color: #fff;
  }
  #site-content.page.home .page-slider .item .slide-content .content-area .button:hover, #site-content.page.home .page-slider .item .slide-content .content-area #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .page-slider .item .slide-content .content-area .apply__portal-button-element:hover {
    background-color: #fff;
  }
}

#site-content.page.home .page-slider .item .slide-content .content-area .slide-title {
  font-size: 44px;
  color: #003864;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 46px;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .slide-content .content-area .slide-title {
    color: #fff;
  }
}

#site-content.page.home .page-slider .item .slide-content .content-area .slide-title .highlight {
  display: block;
  font-weight: bold;
}

#site-content.page.home .page-slider .item .slide-content .content-area a:not(.button) {
  border: none;
  color: #003864;
  font-weight: bold;
  text-decoration: underline;
}

#site-content.page.home .page-slider .item .slide-content .content-area a:not(.button):hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .slide-content .content-area a:not(.button) {
    color: #fff;
  }
}

#site-content.page.home .page-slider .item .slide-content.has-footnote .content-area {
  padding-bottom: 10px;
}

#site-content.page.home .page-slider .item .slide-content .footnote {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .slide-content .footnote {
    border-radius: 8px;
    margin-right: 20px;
    margin-bottom: 60px;
    margin-left: 20px;
  }
}

#site-content.page.home .page-slider .item .slide-content .footnote.has-icon {
  position: relative;
}

#site-content.page.home .page-slider .item .slide-content .footnote.has-icon .icon {
  border-radius: 50%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 25px;
  left: 40px;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .slide-content .footnote.has-icon .icon {
    left: 25px;
  }
}

#site-content.page.home .page-slider .item .slide-content .footnote.has-icon .content-area {
  padding-left: 110px;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .slide-content .footnote.has-icon .content-area {
    padding-left: 80px;
  }
}

#site-content.page.home .page-slider .item .slide-content .footnote .content-area {
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .slide-content .footnote .content-area {
    padding-right: 25px;
    padding-left: 25px;
    font-size: 80%;
  }
}

#site-content.page.home .page-slider .item .slide-content .footnote .content-area h1, #site-content.page.home .page-slider .item .slide-content .footnote .content-area h2, #site-content.page.home .page-slider .item .slide-content .footnote .content-area h3, #site-content.page.home .page-slider .item .slide-content .footnote .content-area h4, #site-content.page.home .page-slider .item .slide-content .footnote .content-area h5, #site-content.page.home .page-slider .item .slide-content .footnote .content-area h6, #site-content.page.home .page-slider .item .slide-content .footnote .content-area p, #site-content.page.home .page-slider .item .slide-content .footnote .content-area li {
  margin-bottom: 0;
  color: inherit;
}

#site-content.page.home .page-slider .item .alternative-image {
  transform: translateY(-50%);
  display: block;
  width: auto;
  max-height: 96%;
  margin-right: -500px;
  position: absolute;
  top: 50%;
  right: 50%;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .item .alternative-image {
    transform: translateX(-50%);
    max-height: 280px;
    margin-right: 0;
    top: 10px;
    right: auto;
    left: 50%;
  }
}

#site-content.page.home .page-slider .slick-arrow {
  transition: all 0.2s ease-in-out;
  display: block;
  background-color: transparent;
  width: 25px;
  height: 44px;
  margin: -22px 0 0;
  padding: 0;
  border: none;
  position: absolute;
  top: 50%;
  z-index: 100;
  color: transparent;
  font-size: 0;
  text-indent: -9999px;
}

@media screen and (max-width: 1180px) {
  #site-content.page.home .page-slider .slick-arrow {
    background-size: 12px 21px;
    width: 12px;
    height: 21px;
    margin-top: -10px;
  }
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .slick-arrow {
    display: none !important;
  }
}

#site-content.page.home .page-slider .slick-arrow:hover {
  cursor: pointer;
}

#site-content.page.home .page-slider .slick-arrow.slick-prev {
  background-image: url("../images/icons/slick/arrow-left-white.png");
  left: 25px;
}

@media screen and (max-width: 1180px) {
  #site-content.page.home .page-slider .slick-arrow.slick-prev {
    left: 12px;
  }
}

#site-content.page.home .page-slider .slick-arrow.slick-prev:hover {
  left: 20px;
}

@media screen and (max-width: 1180px) {
  #site-content.page.home .page-slider .slick-arrow.slick-prev:hover {
    left: 12px;
  }
}

#site-content.page.home .page-slider .slick-arrow.slick-next {
  background-image: url("../images/icons/slick/arrow-right-white.png");
  right: 25px;
}

@media screen and (max-width: 1180px) {
  #site-content.page.home .page-slider .slick-arrow.slick-next {
    right: 12px;
  }
}

#site-content.page.home .page-slider .slick-arrow.slick-next:hover {
  right: 20px;
}

@media screen and (max-width: 1180px) {
  #site-content.page.home .page-slider .slick-arrow.slick-next:hover {
    right: 12px;
  }
}

#site-content.page.home .page-slider .slick-dots {
  display: block;
  width: 100%;
  max-width: 500px;
  position: absolute;
  left: 50%;
  bottom: 45px;
  font-size: 0;
  text-align: right;
}

@media screen and (max-width: 1120px) {
  #site-content.page.home .page-slider .slick-dots {
    right: auto;
    left: 5%;
  }
}

@media screen and (max-width: 767px) {
  #site-content.page.home .page-slider .slick-dots {
    width: auto;
    top: 260px;
    bottom: auto;
    left: 20px;
  }
}

#site-content.page.home .page-slider .slick-dots li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 50%;
  margin-right: 8px;
}

#site-content.page.home .page-slider .slick-dots li button {
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  display: block;
  background-color: transparent;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
  color: transparent;
  font-size: 0;
  text-indent: -9999px;
}

#site-content.page.home .page-slider .slick-dots li button:hover {
  background-color: #a2d40a;
  cursor: pointer;
}

#site-content.page.home .page-slider .slick-dots li.slick-active button {
  background-color: #a2d40a;
}

#site-content.page.home .section-blocks {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}

#site-content.page.home .section-blocks .layout-block {
  background-color: rgba(255, 255, 255, 0.08);
  margin-bottom: 0;
  padding-bottom: 30px;
}

@media screen and (max-width: 980px) {
  #site-content.page.home .section-blocks .layout-block {
    margin-bottom: 2%;
  }
  #site-content.page.home .section-blocks .layout-block:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  #site-content.page.home .section-blocks .layout-block {
    margin-bottom: 20px;
  }
  #site-content.page.home .section-blocks .layout-block:last-child {
    margin-bottom: 0;
  }
}

#site-content.page.home .section-blocks .layout-block .block-content {
  color: #fff;
}

#site-content.page.home .promo-blocks {
  position: relative;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .promo-blocks {
    overflow: hidden;
  }
}

#site-content.page.home .promo-blocks .backing-bar {
  background-color: #003864;
  width: 100%;
  height: 8px;
  position: absolute;
  top: 122px;
  right: 0;
  left: 0;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .promo-blocks .backing-bar {
    display: none;
  }
}

#site-content.page.home .promo-blocks .block {
  width: 48%;
  position: relative;
  z-index: 110;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .promo-blocks .block {
    float: none;
    width: 100%;
  }
}

#site-content.page.home .promo-blocks .video-promo {
  border-radius: 16px;
  background-color: #f1488d;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .promo-blocks .video-promo {
    margin-bottom: 20px;
    overflow: visible;
  }
}

#site-content.page.home .promo-blocks .video-promo .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -32px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

#site-content.page.home .promo-blocks .video-promo .play-icon:hover {
  cursor: pointer;
}

#site-content.page.home .promo-blocks .video-promo .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.page.home .promo-blocks .video-promo .play-icon .bar:hover {
  cursor: default;
}

#site-content.page.home .promo-blocks .video-promo .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.page.home .promo-blocks .video-promo .play-icon .bar.left {
  right: 100%;
}

#site-content.page.home .promo-blocks .video-promo .play-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.page.home .promo-blocks .video-promo .play-icon .bar.left::before {
    right: 55px;
  }
}

#site-content.page.home .promo-blocks .video-promo .play-icon .bar.right {
  left: 100%;
}

#site-content.page.home .promo-blocks .video-promo .play-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.page.home .promo-blocks .video-promo .play-icon .bar.right::before {
    left: 55px;
  }
}

#site-content.page.home .promo-blocks .video-promo .promo-content {
  padding-top: 125px;
  padding-right: 75px;
  padding-bottom: 40px;
  padding-left: 75px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  #site-content.page.home .promo-blocks .video-promo .promo-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

#site-content.page.home .promo-blocks .video-promo .promo-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.page.home .promo-blocks .postcode-search {
  border-radius: 16px;
  background-color: #a2d40a;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .promo-blocks .postcode-search {
    overflow: visible;
  }
}

#site-content.page.home .promo-blocks .postcode-search .search-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/alert-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -32px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

#site-content.page.home .promo-blocks .postcode-search .search-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.page.home .promo-blocks .postcode-search .search-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.page.home .promo-blocks .postcode-search .search-icon .bar.left {
  right: 100%;
}

#site-content.page.home .promo-blocks .postcode-search .search-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.page.home .promo-blocks .postcode-search .search-icon .bar.left::before {
    right: 55px;
  }
}

#site-content.page.home .promo-blocks .postcode-search .search-icon .bar.right {
  left: 100%;
}

#site-content.page.home .promo-blocks .postcode-search .search-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.page.home .promo-blocks .postcode-search .search-icon .bar.right::before {
    left: 55px;
  }
}

#site-content.page.home .promo-blocks .postcode-search .search-content {
  padding-top: 125px;
  padding-right: 75px;
  padding-left: 75px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  #site-content.page.home .promo-blocks .postcode-search .search-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

#site-content.page.home .promo-blocks .postcode-search .search-content .search-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.page.home .promo-blocks .postcode-search .post-code-search {
  width: 84%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 70px;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .promo-blocks .postcode-search .post-code-search {
    max-width: none;
    padding-right: 0;
    text-align: center;
  }
}

#site-content.page.home .promo-blocks .postcode-search .post-code-search .search-input {
  width: 100%;
  border-color: #fff;
  text-align: center;
}

#site-content.page.home .promo-blocks .postcode-search .post-code-search .search-submit {
  width: 60px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 12px;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .promo-blocks .postcode-search .post-code-search .search-submit {
    position: static;
    margin-top: 10px;
  }
}

#site-content.page.home .latest-news {
  padding-bottom: 90px;
}

#site-content.page.home .latest-news .section-header {
  padding-bottom: 30px;
}

#site-content.page.home .latest-news .section-header .section-title {
  margin-bottom: 0;
  color: #003864;
  text-align: center;
}

#site-content.page.home .latest-news .news-blocks .block {
  border-radius: 12px;
  background-color: #fff;
  width: 48%;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #site-content.page.home .latest-news .news-blocks .block {
    float: none;
    width: 100%;
    margin-bottom: 50px;
  }
  #site-content.page.home .latest-news .news-blocks .block:last-child {
    margin-bottom: 0;
  }
}

#site-content.page.home .latest-news .news-blocks .block::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -30px;
  left: 40px;
}

#site-content.page.home .latest-news .news-blocks .block .block-content {
  padding-top: 95px;
  padding-right: 40px;
  padding-bottom: 65px;
  padding-left: 40px;
  position: relative;
  text-align: center;
  /* types */
  /* colours */
}

@media screen and (max-width: 767px) {
  #site-content.page.home .latest-news .news-blocks .block .block-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

#site-content.page.home .latest-news .news-blocks .block .block-content::before {
  border-radius: 50%;
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  width: 52px;
  height: 52px;
  margin-left: -26px;
  position: absolute;
  top: 30px;
  left: 50%;
}

#site-content.page.home .latest-news .news-blocks .block .block-content .block-title {
  margin-bottom: 10px;
  font-weight: 500;
}

#site-content.page.home .latest-news .news-blocks .block .block-content p {
  font-size: 18px;
  color: #555;
  margin-bottom: 10px;
  line-height: 24px;
}

#site-content.page.home .latest-news .news-blocks .block .block-content p a {
  color: #555;
}

#site-content.page.home .latest-news .news-blocks .block .block-content p a:hover {
  text-decoration: none;
}

#site-content.page.home .latest-news .news-blocks .block .block-content .block-time {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-type-facebook::before {
  background-color: #3B5998;
  background-image: url("../images/icons/facebook-white.png");
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-type-facebook .block-title,
#site-content.page.home .latest-news .news-blocks .block .block-content.block-type-facebook .block-time {
  color: #3B5998;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-type-twitter::before {
  background-color: #55ACEE;
  background-image: url("../images/icons/twitter-white.png");
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-type-twitter .block-title,
#site-content.page.home .latest-news .news-blocks .block .block-content.block-type-twitter .block-time {
  color: #55ACEE;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-purple::before {
  background-color: #003864;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-purple .block-title,
#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-purple .block-time {
  color: #003864;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-blue::before {
  background-color: #57C9E8;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-blue .block-title,
#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-blue .block-time {
  color: #57C9E8;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-pink::before {
  background-color: #ec2275;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-pink .block-title,
#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-pink .block-time {
  color: #ec2275;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-orange::before {
  background-color: #ff8200;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-orange .block-title,
#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-orange .block-time {
  color: #ff8200;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-green::before {
  background-color: #a2d40a;
}

#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-green .block-title,
#site-content.page.home .latest-news .news-blocks .block .block-content.block-colour-green .block-time {
  color: #a2d40a;
}

#site-content.page.home .latest-news .news-blocks .block .block-content .excerpt-link:link, #site-content.page.home .latest-news .news-blocks .block .block-content .excerpt-link:visited {
  text-decoration: none;
}

#site-content.page.home .latest-news .news-blocks .slick-dots {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
  font-size: 0;
  text-align: center;
}

#site-content.page.home .latest-news .news-blocks .slick-dots li {
  border-radius: 50%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 2.5px;
  margin-left: 2.5px;
}

#site-content.page.home .latest-news .news-blocks .slick-dots li button {
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  display: block;
  background-color: transparent;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: 2px solid #E1E1E1;
  color: transparent;
  font-size: 0;
  text-decoration: none;
}

#site-content.page.home .latest-news .news-blocks .slick-dots li button:hover {
  background-color: #E1E1E1;
  cursor: pointer;
}

#site-content.page.home .latest-news .news-blocks .slick-dots li.slick-active button {
  background-color: #E1E1E1;
}

#site-content.page.home .company-blocks {
  padding-bottom: 0;
}

@media screen and (max-width: 650px) {
  #site-content.page.home .company-blocks {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #site-content.page.home .company-blocks .container {
    width: 100%;
  }
}

#site-content.page.home .company-blocks .company-block {
  width: 50%;
  margin-bottom: 60px;
  box-sizing: border-box;
  border-color: rgba(255, 255, 255, 0.08);
  border-style: solid;
  /* colours */
}

@media screen and (max-width: 650px) {
  #site-content.page.home .company-blocks .company-block {
    float: none;
    width: 100%;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

#site-content.page.home .company-blocks .company-block.left {
  border-right-width: 1px;
}

@media screen and (max-width: 650px) {
  #site-content.page.home .company-blocks .company-block.left {
    border-right-width: 0;
    border-bottom-width: 1px;
  }
}

#site-content.page.home .company-blocks .company-block.right {
  border-left-width: 1px;
}

@media screen and (max-width: 650px) {
  #site-content.page.home .company-blocks .company-block.right {
    border-top-width: 1px;
    border-left-width: 0;
  }
}

#site-content.page.home .company-blocks .company-block .block-icon {
  border-radius: 50%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
}

#site-content.page.home .company-blocks .company-block .block-content {
  max-width: 260px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

@media screen and (max-width: 650px) {
  #site-content.page.home .company-blocks .company-block .block-content {
    max-width: 90%;
  }
}

#site-content.page.home .company-blocks .company-block .block-content .block-title {
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 500;
}

#site-content.page.home .company-blocks .company-block .block-content p {
  color: #fff;
}

#site-content.page.home .company-blocks .company-block .block-content .button, #site-content.page.home .company-blocks .company-block .block-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page.home .company-blocks .company-block .block-content .apply__portal-button-element {
  margin-top: 20px;
}

#site-content.page.home .company-blocks .company-block.block-blue .block-icon {
  background-color: #57C9E8;
}

#site-content.page.home .company-blocks .company-block.block-blue .block-content .block-title {
  color: #57C9E8;
}

#site-content.page.home .company-blocks .company-block.block-blue .block-content .button, #site-content.page.home .company-blocks .company-block.block-blue .block-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page.home .company-blocks .company-block.block-blue .block-content .apply__portal-button-element {
  border-color: #57C9E8 !important;
  color: #57C9E8;
}

#site-content.page.home .company-blocks .company-block.block-blue .block-content .button:hover, #site-content.page.home .company-blocks .company-block.block-blue .block-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .company-blocks .company-block.block-blue .block-content .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

#site-content.page.home .company-blocks .company-block.block-pink .block-icon {
  background-color: #ec2275;
}

#site-content.page.home .company-blocks .company-block.block-pink .block-content .block-title {
  color: #ec2275;
}

#site-content.page.home .company-blocks .company-block.block-pink .block-content .button, #site-content.page.home .company-blocks .company-block.block-pink .block-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page.home .company-blocks .company-block.block-pink .block-content .apply__portal-button-element {
  border-color: #ec2275 !important;
  color: #ec2275;
}

#site-content.page.home .company-blocks .company-block.block-pink .block-content .button:hover, #site-content.page.home .company-blocks .company-block.block-pink .block-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .company-blocks .company-block.block-pink .block-content .apply__portal-button-element:hover {
  background-color: #ec2275;
  color: #fff;
}

#site-content.page.home .company-blocks .company-block.block-orange .block-icon {
  background-color: #ff8200;
}

#site-content.page.home .company-blocks .company-block.block-orange .block-content .block-title {
  color: #ff8200;
}

#site-content.page.home .company-blocks .company-block.block-orange .block-content .button, #site-content.page.home .company-blocks .company-block.block-orange .block-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page.home .company-blocks .company-block.block-orange .block-content .apply__portal-button-element {
  border-color: #ff8200 !important;
  color: #ff8200;
}

#site-content.page.home .company-blocks .company-block.block-orange .block-content .button:hover, #site-content.page.home .company-blocks .company-block.block-orange .block-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .company-blocks .company-block.block-orange .block-content .apply__portal-button-element:hover {
  background-color: #ff8200;
  color: #fff;
}

#site-content.page.home .company-blocks .company-block.block-green .block-icon {
  background-color: #a2d40a;
}

#site-content.page.home .company-blocks .company-block.block-green .block-content .block-title {
  color: #a2d40a;
}

#site-content.page.home .company-blocks .company-block.block-green .block-content .button, #site-content.page.home .company-blocks .company-block.block-green .block-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.page.home .company-blocks .company-block.block-green .block-content .apply__portal-button-element {
  border-color: #a2d40a !important;
  color: #a2d40a;
}

#site-content.page.home .company-blocks .company-block.block-green .block-content .button:hover, #site-content.page.home .company-blocks .company-block.block-green .block-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.page.home .company-blocks .company-block.block-green .block-content .apply__portal-button-element:hover {
  background-color: #a2d40a;
  color: #fff;
}

#site-content.landing .landing-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 60px;
}

@media screen and (max-width: 600px) {
  #site-content.landing .landing-area {
    background-position: top center;
    background-size: 160% auto;
    padding-bottom: 0;
  }
  #site-content.landing .landing-area .container {
    width: 100%;
  }
}

#site-content.landing .landing-area .landing-header {
  padding-bottom: 25px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  #site-content.landing .landing-area .landing-header {
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 60px;
  }
}

#site-content.landing .landing-area .landing-header .landing-title {
  font-size: 42px;
  color: #fff;
}

@media screen and (max-width: 600px) {
  #site-content.landing .landing-area .landing-header .landing-title {
    line-height: 42px;
  }
}

#site-content.landing .landing-area .landing-blocks {
  text-align: center;
}

@media screen and (max-width: 600px) {
  #site-content.landing .landing-area .landing-blocks {
    background-color: #f5f5f5;
    width: 90%;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 55px;
    padding-bottom: 40px;
  }
}

#site-content.landing .landing-area .landing-blocks .page {
  text-align: center;
}

#site-content.landing .landing-area .landing-blocks .page .block-icon {
  border-radius: 50%;
  display: block;
  background-color: #003864;
  width: 50px;
  height: 50px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  position: relative;
}

#site-content.landing .landing-area .landing-blocks .page .block-icon img {
  transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
}

#site-content.landing .landing-area .landing-blocks .page .block-content {
  padding-right: 0;
  padding-left: 0;
}

#site-content.landing .landing-area .landing-blocks .page .block-content .block-title {
  font-size: 28px;
  color: #003864;
  margin-top: 0;
  margin-bottom: 10px;
}

#site-content.landing .landing-area .landing-blocks .page .block-content p {
  font-size: 18px;
  color: #555;
  margin-bottom: 20px;
  line-height: 24px;
}

#site-content.landing .landing-area .landing-footer {
  padding-top: 20px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  #site-content.landing .landing-area .landing-footer {
    background-color: #f5f5f5;
    padding-top: 0;
    padding-bottom: 60px;
  }
}

#site-content.landing .landing-area .landing-footer .footer-title {
  font-size: 28px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 28px;
}

@media screen and (max-width: 600px) {
  #site-content.landing .landing-area .landing-footer .footer-title {
    padding-right: 50px;
    padding-left: 50px;
    color: #555;
  }
}

#site-content.landing .landing-area .landing-footer .alternate-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#site-content.landing .landing-area .landing-footer .alternate-links .link {
  margin-right: 5px;
  margin-left: 5px;
}

#site-content.landing .landing-area .landing-footer .alternate-links .link .button, #site-content.landing .landing-area .landing-footer .alternate-links .link #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.landing .landing-area .landing-footer .alternate-links .link .apply__portal-button-element {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (max-width: 600px) {
  #site-content.landing .landing-area .landing-footer .alternate-links .link .button, #site-content.landing .landing-area .landing-footer .alternate-links .link #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.landing .landing-area .landing-footer .alternate-links .link .apply__portal-button-element {
    color: #555;
    border-color: #b4b4b4 !important;
  }
}

#site-content.about-issues .page-header h4 {
  font-weight: 300;
}

#site-content.about-issues .complaints .content {
  width: 44%;
}

@media screen and (max-width: 767px) {
  #site-content.about-issues .complaints .content {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
}

#site-content.about-issues .complaints .contact-methods {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.about-issues .complaints .contact-methods {
    float: none;
    width: 100%;
  }
}

#site-content.about-issues .complaints .contact-methods .method {
  border-radius: 12px;
  margin-bottom: 20px;
  padding-top: 25px;
  padding-right: 110px;
  padding-left: 30px;
}

@media screen and (max-width: 960px) {
  #site-content.about-issues .complaints .contact-methods .method {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
  }
}

#site-content.about-issues .complaints .contact-methods .method:last-child {
  margin-bottom: 0;
}

#site-content.about-issues .complaints .contact-methods .method .block-title {
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 32px;
}

@media screen and (max-width: 960px) {
  #site-content.about-issues .complaints .contact-methods .method .block-title {
    margin-bottom: 20px;
  }
}

#site-content.about-issues .complaints .contact-methods .method .block-content p {
  color: #555;
}

@media screen and (max-width: 767px) {
  #site-content.about-issues .complaints .contact-methods .method .block-content p {
    line-height: 22px;
  }
}

#site-content.about-issues .complaints .contact-methods .method .block-content p a {
  color: #555;
}

#site-content.about-issues .compensation .compensation-title {
  margin-bottom: 15px;
  color: #003864;
}

#site-content.about-issues .compensation .content-area p {
  color: #555;
}

#site-content.about-where .page-header h4 {
  font-weight: 300;
}

#site-content.about-where .facts .content {
  width: 42%;
}

@media screen and (max-width: 767px) {
  #site-content.about-where .facts .content {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
}

#site-content.about-where .facts .content h1, #site-content.about-where .facts .content h2, #site-content.about-where .facts .content h3, #site-content.about-where .facts .content h4, #site-content.about-where .facts .content h5, #site-content.about-where .facts .content h6 {
  margin-bottom: 20px;
  color: #ff8200;
}

#site-content.about-where .facts .content .fact-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#site-content.about-where .facts .content .fact-list .fact {
  font-size: 18px;
  color: #555;
  font-weight: 300;
  margin-bottom: 10px;
  padding-left: 45px;
  position: relative;
  line-height: 24px;
}

#site-content.about-where .facts .content .fact-list .fact::before {
  border-radius: 50%;
  font-size: 24px;
  color: #003864;
  font-weight: 500;
  content: attr(data-i);
  display: block;
  background-color: #efdf00;
  width: 32px;
  height: 32px;
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 100;
  line-height: 30px;
  text-align: center;
}

#site-content.about-where .facts .content .fact-list .fact::after {
  content: "";
  display: block;
  background-color: #efdf00;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 10px;
  left: 14px;
}

#site-content.about-where .facts .content .fact-list .fact:last-child::after {
  display: none;
}

#site-content.about-where .facts .image {
  width: 48%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #site-content.about-where .facts .image {
    float: none;
    width: 100%;
  }
}

#site-content.about-where .facts .image img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  #site-content.about-where .guide {
    overflow: hidden;
  }
}

#site-content.about-where .guide .content {
  width: 42%;
}

@media screen and (max-width: 767px) {
  #site-content.about-where .guide .content {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
}

#site-content.about-where .guide .content h1, #site-content.about-where .guide .content h2, #site-content.about-where .guide .content h3, #site-content.about-where .guide .content h4, #site-content.about-where .guide .content h5, #site-content.about-where .guide .content h6 {
  color: #ff8200;
}

#site-content.about-where .guide .video-promo {
  border-radius: 16px;
  background-color: #a2d40a;
  width: 48%;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-content.about-where .guide .video-promo {
    float: none;
    width: 100%;
    overflow: visible;
  }
}

#site-content.about-where .guide .video-promo .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -41px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

#site-content.about-where .guide .video-promo .play-icon:hover {
  cursor: pointer;
}

#site-content.about-where .guide .video-promo .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.about-where .guide .video-promo .play-icon .bar:hover {
  cursor: default;
}

#site-content.about-where .guide .video-promo .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.about-where .guide .video-promo .play-icon .bar.left {
  right: 100%;
}

#site-content.about-where .guide .video-promo .play-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.about-where .guide .video-promo .play-icon .bar.left::before {
    right: 50px;
  }
}

#site-content.about-where .guide .video-promo .play-icon .bar.right {
  left: 100%;
}

#site-content.about-where .guide .video-promo .play-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.about-where .guide .video-promo .play-icon .bar.right::before {
    left: 50px;
  }
}

#site-content.about-where .guide .video-promo .promo-content {
  padding-top: 125px;
  padding-right: 75px;
  padding-bottom: 40px;
  padding-left: 75px;
  text-align: center;
}

@media screen and (max-width: 980px) {
  #site-content.about-where .guide .video-promo .promo-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

#site-content.about-where .guide .video-promo .promo-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.news .page-header h4 {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
}

#site-content.news .news-posts .section-header {
  margin-bottom: 35px;
}

#site-content.news .news-posts .section-header .header-title {
  margin-bottom: 25px;
  color: #003864;
}

#site-content.news .news-posts .section-header .category-filter .categories {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#site-content.news .news-posts .section-header .category-filter .categories .category {
  margin-right: 18px;
  margin-bottom: 10px;
  position: relative;
  /* colours */
}

@media screen and (max-width: 600px) {
  #site-content.news .news-posts .section-header .category-filter .categories .category {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

#site-content.news .news-posts .section-header .category-filter .categories .category:last-child {
  margin-right: 0;
}

#site-content.news .news-posts .section-header .category-filter .categories .category.category-label {
  font-size: 18px;
  color: #555;
  font-weight: 500;
  line-height: 20px;
}

#site-content.news .news-posts .section-header .category-filter .categories .category label {
  font-size: 18px;
  color: #555;
  font-weight: 300;
  display: block;
  padding-left: 30px;
  position: relative;
  z-index: 100;
  line-height: 20px;
}

#site-content.news .news-posts .section-header .category-filter .categories .category label:hover {
  cursor: pointer;
}

#site-content.news .news-posts .section-header .category-filter .categories .category label::before {
  border-radius: 3px;
  content: "";
  display: block;
  background-color: #fff;
  width: 18px;
  height: 18px;
  border: 1px solid #E1E1E1;
  position: absolute;
  top: 0;
  left: 0;
}

#site-content.news .news-posts .section-header .category-filter .categories .category label::after {
  font-size: 24px;
  color: #003864;
  font-weight: 300;
  content: "×";
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 14px;
}

#site-content.news .news-posts .section-header .category-filter .categories .category input {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
  visibility: hidden;
}

#site-content.news .news-posts .section-header .category-filter .categories .category input:checked + label::after {
  display: block;
}

#site-content.news .news-posts .section-header .category-filter .categories .category.colour-blue label::after {
  color: #57C9E8;
}

#site-content.news .news-posts .section-header .category-filter .categories .category.colour-pink label::after {
  color: #ec2275;
}

#site-content.news .news-posts .section-header .category-filter .categories .category.colour-orange label::after {
  color: #ff8200;
}

#site-content.news .news-posts .section-header .category-filter .categories .category.colour-green label::after {
  color: #a2d40a;
}

#site-content.news .news-posts .post-list {
  position: relative;
}

#site-content.news .news-posts .post-list.loading-category {
  background-image: url("../images/icons/loading-purple-large.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75px 75px;
  min-height: 150px;
}

#site-content.news .news-posts .post-list .post {
  margin-bottom: 20px;
  /* colours */
}

#site-content.news .news-posts .post-list .post::before {
  transition: all 0.2s ease-in-out;
}

#site-content.news .news-posts .post-list .post .block-title {
  font-size: 26px;
  color: #555;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
  padding-right: 100px;
  line-height: 34px;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  #site-content.news .news-posts .post-list .post .block-title {
    padding-right: 75px;
    font-size: 24px;
    line-height: 28px;
  }
}

#site-content.news .news-posts .post-list .post .block-title .highlight {
  transition: all 0.2s ease-in-out;
  color: #003864;
  font-weight: 500;
}

#site-content.news .news-posts .post-list .post .post-date {
  font-size: 14px;
  color: #555;
  font-weight: 300;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  #site-content.news .news-posts .post-list .post .post-date {
    margin-bottom: 0;
  }
}

#site-content.news .news-posts .post-list .post .post-date time {
  font-weight: 500;
}

@media screen and (max-width: 600px) {
  #site-content.news .news-posts .post-list .post .post-date time {
    display: block;
  }
}

#site-content.news .news-posts .post-list .post .post-toggle {
  min-width: 60px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 20px;
  right: 30px;
}

@media screen and (max-width: 600px) {
  #site-content.news .news-posts .post-list .post .post-toggle {
    width: 55px;
    min-width: 0;
    right: 20px;
  }
}

#site-content.news .news-posts .post-list .post[class*='block-icon-category'] .post-toggle {
  top: 70px;
}

#site-content.news .news-posts .post-list .post .post-content {
  display: none;
  position: relative;
}

@media screen and (max-width: 600px) {
  #site-content.news .news-posts .post-list .post .post-content {
    margin-top: 20px;
  }
}

#site-content.news .news-posts .post-list .post .post-content::before {
  content: "";
  display: block;
  background-color: #f5f5f5;
  height: 2px;
  position: absolute;
  top: 0;
  right: -30px;
  left: -30px;
}

#site-content.news .news-posts .post-list .post .post-content .content-area {
  padding-top: 20px;
}

#site-content.news .news-posts .post-list .post.block-blue .post-content .button, #site-content.news .news-posts .post-list .post.block-blue .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.news .news-posts .post-list .post.block-blue .post-content .apply__portal-button-element {
  border-color: #57C9E8;
  color: #57C9E8;
}

#site-content.news .news-posts .post-list .post.block-blue .post-content .button:hover, #site-content.news .news-posts .post-list .post.block-blue .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.news .news-posts .post-list .post.block-blue .post-content .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

#site-content.news .news-posts .post-list .post.block-pink .post-content .button, #site-content.news .news-posts .post-list .post.block-pink .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.news .news-posts .post-list .post.block-pink .post-content .apply__portal-button-element {
  border-color: #ec2275;
  color: #ec2275;
}

#site-content.news .news-posts .post-list .post.block-pink .post-content .button:hover, #site-content.news .news-posts .post-list .post.block-pink .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.news .news-posts .post-list .post.block-pink .post-content .apply__portal-button-element:hover {
  background-color: #ec2275;
  color: #fff;
}

#site-content.news .news-posts .post-list .post.block-orange .post-content .button, #site-content.news .news-posts .post-list .post.block-orange .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.news .news-posts .post-list .post.block-orange .post-content .apply__portal-button-element {
  border-color: #ff8200;
  color: #ff8200;
}

#site-content.news .news-posts .post-list .post.block-orange .post-content .button:hover, #site-content.news .news-posts .post-list .post.block-orange .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.news .news-posts .post-list .post.block-orange .post-content .apply__portal-button-element:hover {
  background-color: #ff8200;
  color: #fff;
}

#site-content.news .news-posts .post-list .post.block-green .post-content .button, #site-content.news .news-posts .post-list .post.block-green .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.news .news-posts .post-list .post.block-green .post-content .apply__portal-button-element {
  border-color: #a2d40a;
  color: #a2d40a;
}

#site-content.news .news-posts .post-list .post.block-green .post-content .button:hover, #site-content.news .news-posts .post-list .post.block-green .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.news .news-posts .post-list .post.block-green .post-content .apply__portal-button-element:hover {
  background-color: #a2d40a;
  color: #fff;
}

#site-content.news .news-posts .post-list.post-open .post:not(.open)::before {
  background-color: #E1E1E1;
}

#site-content.news .news-posts .post-list.post-open .post:not(.open) .block-title .highlight {
  color: #555;
}

#site-content.news .news-posts .section-footer {
  padding-top: 20px;
}

#site-content.team .team-section {
  display: none;
}

@media screen and (min-width: 768px) {
  #site-content.team .team-section.desktop {
    display: block;
  }
}

@media screen and (max-width: 767px) and (min-width: 501px) {
  #site-content.team .team-section.tablet {
    display: block;
  }
}

@media screen and (max-width: 500px) and (min-width: 361px) {
  #site-content.team .team-section.mobile {
    display: block;
  }
}

@media screen and (max-width: 360px) {
  #site-content.team .team-section.mobile-small {
    display: block;
  }
}

#site-content.team .team-section .team-header {
  margin-bottom: 30px;
}

#site-content.team .team-section .team-header .team-name {
  margin-bottom: 0;
  color: #f1488d;
}

@media screen and (max-width: 767px) {
  #site-content.team .team-section .team-header .team-name {
    font-size: 24px;
    line-height: 26px;
  }
}

#site-content.team .team-section .person-rows .row {
  text-align: left;
}

#site-content.team .team-section .person-rows .hidden-rows {
  display: none;
}

#site-content.team .team-section .person-rows .person {
  width: 18.4%;
  margin-right: 2%;
  margin-bottom: 2%;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  #site-content.team .team-section .person-rows .person:nth-of-type(5n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) and (min-width: 501px) {
  #site-content.team .team-section .person-rows .person {
    width: 30.6%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  #site-content.team .team-section .person-rows .person:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 500px) and (min-width: 361px) {
  #site-content.team .team-section .person-rows .person {
    width: 46%;
    margin-right: 8%;
    margin-bottom: 8%;
  }
  #site-content.team .team-section .person-rows .person:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 360px) {
  #site-content.team .team-section .person-rows .person {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    margin-left: 0;
  }
}

#site-content.team .team-section .person-rows .person:hover, #site-content.team .team-section .person-rows .person.active {
  cursor: pointer;
}

#site-content.team .team-section .person-rows .person:hover .person-details .person-name, #site-content.team .team-section .person-rows .person.active .person-details .person-name {
  color: #f1488d;
}

#site-content.team .team-section .person-rows .person .person-photo {
  border-radius: 12px;
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-content.team .team-section .person-rows .person .person-photo {
    margin-bottom: 10px;
  }
}

#site-content.team .team-section .person-rows .person .person-photo img {
  display: block;
  width: 100%;
  height: auto;
}

#site-content.team .team-section .person-rows .person .person-details h5 {
  transition: all 0.2s ease-in-out;
  margin-bottom: 0;
}

#site-content.team .team-section .person-rows .person .person-details .person-name {
  color: #003864;
}

#site-content.team .team-section .person-rows .person .person-details .person-title {
  color: #555;
  font-weight: 300;
}

#site-content.team .team-section .person-rows .row-descriptions .description {
  border-radius: 12px;
  display: none;
  background-color: #f5f5f5;
  margin-bottom: 20px;
  padding: 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  #site-content.team .team-section .person-rows .row-descriptions .description {
    padding: 15px 20px 20px;
  }
}

#site-content.team .team-section .person-rows .row-descriptions .description.grey {
  background-color: #f5f5f5;
}

#site-content.team .team-section .person-rows .row-descriptions .description.grey .description-arrow {
  border-color: transparent transparent #f5f5f5 transparent;
}

#site-content.team .team-section .person-rows .row-descriptions .description.white {
  background-color: #fff;
}

#site-content.team .team-section .person-rows .row-descriptions .description.white .description-arrow {
  border-color: transparent transparent #fff transparent;
}

#site-content.team .team-section .person-rows .row-descriptions .description .button, #site-content.team .team-section .person-rows .row-descriptions .description #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.team .team-section .person-rows .row-descriptions .description .apply__portal-button-element {
  border-color: #f1488d;
  color: #f1488d;
}

#site-content.team .team-section .person-rows .row-descriptions .description .button:hover, #site-content.team .team-section .person-rows .row-descriptions .description #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.team .team-section .person-rows .row-descriptions .description .apply__portal-button-element:hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.team .team-section .person-rows .row-descriptions .description .description-arrow {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 15px 14px;
  position: absolute;
  bottom: 100%;
  z-index: 50;
}

#site-content.team .team-section .team-footer {
  padding-top: 15px;
}

#site-content.owners .company-owners .owner-column {
  width: 33.3%;
  padding-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #E1E1E1;
  border-left: 1px solid #E1E1E1;
  box-sizing: border-box;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  #site-content.owners .company-owners .owner-column {
    display: block;
    width: 100%;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #E1E1E1;
  }
  #site-content.owners .company-owners .owner-column:first-child {
    padding-top: 0;
  }
  #site-content.owners .company-owners .owner-column:last-child {
    padding-bottom: 15px;
    border-bottom: none;
  }
}

#site-content.owners .company-owners .owner-column:nth-of-type(3n) {
  padding-right: 0;
  border-right: none;
}

#site-content.owners .company-owners .owner-column:nth-of-type(3n+1) {
  padding-left: 0;
  border-left: none;
}

#site-content.owners .company-owners .owner-column p strong,
#site-content.owners .company-owners .owner-column p b {
  color: #003864;
}

#site-content.owners .company-owners .owner-column img {
  margin-bottom: 0;
}

#site-content.owners .company-history .history-title {
  margin-bottom: 15px;
  color: #57C9E8;
}

#site-content.owners .company-history .events {
  list-style-type: none;
}

#site-content.owners .company-history .events .event {
  margin-bottom: 20px;
  min-height: 45px;
  padding-left: 65px;
  position: relative;
}

#site-content.owners .company-history .events .event:last-child {
  margin-bottom: 0;
}

#site-content.owners .company-history .events .event:last-child::after {
  display: none;
}

#site-content.owners .company-history .events .event::before {
  border-radius: 50%;
  font-size: 24px;
  color: #003864;
  font-weight: 500;
  content: attr(data-year);
  display: block;
  background-color: #efdf00;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  line-height: 45px;
  text-align: center;
}

#site-content.owners .company-history .events .event::after {
  content: "";
  display: block;
  background-color: #efdf00;
  width: 4px;
  position: absolute;
  top: 45px;
  bottom: -20px;
  left: 21px;
  z-index: 40;
}

#site-content.owners .company-history .events .event .date {
  margin-bottom: 0;
}

#site-content.work-in-your-area {
  /* lower elements */
}

#site-content.work-in-your-area .page-tab-content {
  display: none;
}

#site-content.work-in-your-area .page-tab-content.active-tab-content {
  display: block;
}

#site-content.work-in-your-area .replacements .content,
#site-content.work-in-your-area .incidents .content {
  width: 44%;
}

@media screen and (max-width: 767px) {
  #site-content.work-in-your-area .replacements .content,
  #site-content.work-in-your-area .incidents .content {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
}

#site-content.work-in-your-area .replacements .content h2, #site-content.work-in-your-area .replacements .content h3, #site-content.work-in-your-area .replacements .content h4, #site-content.work-in-your-area .replacements .content h5, #site-content.work-in-your-area .replacements .content h6,
#site-content.work-in-your-area .incidents .content h2,
#site-content.work-in-your-area .incidents .content h3,
#site-content.work-in-your-area .incidents .content h4,
#site-content.work-in-your-area .incidents .content h5,
#site-content.work-in-your-area .incidents .content h6 {
  color: #555;
  font-weight: 300;
}

#site-content.work-in-your-area .replacements .content p,
#site-content.work-in-your-area .incidents .content p {
  color: #555;
}

#site-content.work-in-your-area .replacements .blocks,
#site-content.work-in-your-area .incidents .blocks {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.work-in-your-area .replacements .blocks,
  #site-content.work-in-your-area .incidents .blocks {
    float: none;
    width: 100%;
  }
}

#site-content.work-in-your-area .replacements .blocks .issue-search,
#site-content.work-in-your-area .incidents .blocks .issue-search {
  border-radius: 16px;
  background-color: #57C9E8;
  width: 100%;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-icon,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-icon {
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -41px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-icon .bar,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-icon .bar::before,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-icon .bar.left,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-icon .bar.left {
  right: 100%;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-icon .bar.left::before,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.work-in-your-area .replacements .blocks .issue-search .search-icon .bar.left::before,
  #site-content.work-in-your-area .incidents .blocks .issue-search .search-icon .bar.left::before {
    right: 50px;
  }
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-icon .bar.right,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-icon .bar.right {
  left: 100%;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-icon .bar.right::before,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.work-in-your-area .replacements .blocks .issue-search .search-icon .bar.right::before,
  #site-content.work-in-your-area .incidents .blocks .issue-search .search-icon .bar.right::before {
    left: 50px;
  }
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-content,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-content {
  padding-top: 125px;
  padding-right: 40px;
  padding-left: 40px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  #site-content.work-in-your-area .replacements .blocks .issue-search .search-content,
  #site-content.work-in-your-area .incidents .blocks .issue-search .search-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-content .video-title,
#site-content.work-in-your-area .incidents .blocks .issue-search .search-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .post-code-search,
#site-content.work-in-your-area .incidents .blocks .issue-search .post-code-search {
  width: 100%;
  max-width: 270px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 70px;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #site-content.work-in-your-area .replacements .blocks .issue-search .post-code-search,
  #site-content.work-in-your-area .incidents .blocks .issue-search .post-code-search {
    max-width: none;
    padding-right: 20px;
    padding-left: 20px;
  }
}

#site-content.work-in-your-area .replacements .blocks .issue-search .post-code-search .search-input,
#site-content.work-in-your-area .incidents .blocks .issue-search .post-code-search .search-input {
  width: 100%;
  border-color: #fff;
  text-align: center;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .post-code-search .search-submit,
#site-content.work-in-your-area .incidents .blocks .issue-search .post-code-search .search-submit {
  width: 60px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 12px;
}

@media screen and (max-width: 767px) {
  #site-content.work-in-your-area .replacements .blocks .issue-search .post-code-search .search-submit,
  #site-content.work-in-your-area .incidents .blocks .issue-search .post-code-search .search-submit {
    display: block;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    border-color: #fff;
    position: static;
    color: #fff;
  }
}

#site-content.work-in-your-area .replacements .blocks .video-block {
  border-radius: 16px;
  background-color: #ec2275;
  margin-bottom: 20px;
}

#site-content.work-in-your-area .replacements .blocks .video-block article {
  padding-top: 24px;
  padding-right: 30px;
  padding-bottom: 24px;
  padding-left: 30px;
}

@media screen and (max-width: 1024px) {
  #site-content.work-in-your-area .replacements .blocks .video-block article {
    text-align: center;
  }
}

#site-content.work-in-your-area .replacements .blocks .video-block article .video-title {
  margin-bottom: 0;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  #site-content.work-in-your-area .replacements .blocks .video-block article .video-title {
    float: none;
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  #site-content.work-in-your-area .replacements .blocks .video-block article .video-open {
    float: none;
    margin-top: 10px;
  }
}

#site-content.work-in-your-area .replacements .blocks .video-block article .video-open:hover {
  color: #ec2275;
}

#site-content.work-in-your-area .replacements .blocks .issue-search {
  background-color: #57C9E8;
}

#site-content.work-in-your-area .replacements .blocks .issue-search .search-icon {
  background-image: url("../images/icons/wrench-purple.png");
}

#site-content.work-in-your-area .incidents .content {
  width: 100%;
}

#site-content.work-in-your-area .incidents .blocks .issue-search {
  background-color: #a2d40a;
}

#site-content.work-in-your-area .incidents .blocks .issue-search .search-icon {
  background-image: url("../images/icons/alert-purple.png");
}

#site-content.work-in-your-area .search-sections {
  display: none;
}

#site-content.work-in-your-area .search-map .roadworks-map {
  display: block;
  width: 100%;
  height: 420px;
}

#site-content.work-in-your-area .search-incidents .section-header {
  margin-bottom: 35px;
}

#site-content.work-in-your-area .search-incidents .section-header .section-title {
  margin-bottom: 25px;
  color: #003864;
  line-height: 36px;
}

#site-content.work-in-your-area .search-incidents .post-list {
  position: relative;
}

#site-content.work-in-your-area .search-incidents .post-list .post {
  margin-bottom: 20px;
  border-style: solid;
  border-width: 2px;
  /* colours */
}

#site-content.work-in-your-area .search-incidents .post-list .post::before {
  transition: all 0.2s ease-in-out;
}

#site-content.work-in-your-area .search-incidents .post-list .post .block-title {
  font-size: 26px;
  color: #555;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
  padding-right: 100px;
  line-height: 34px;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  #site-content.work-in-your-area .search-incidents .post-list .post .block-title {
    padding-right: 65px;
    font-size: 24px;
    line-height: 28px;
  }
}

#site-content.work-in-your-area .search-incidents .post-list .post .block-title .highlight {
  transition: all 0.2s ease-in-out;
  color: #003864;
  font-weight: 500;
}

#site-content.work-in-your-area .search-incidents .post-list .post .post-date {
  font-size: 14px;
  color: #555;
  font-weight: 300;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  #site-content.work-in-your-area .search-incidents .post-list .post .post-date {
    margin-bottom: 0;
  }
}

#site-content.work-in-your-area .search-incidents .post-list .post .post-date time {
  font-weight: 500;
}

@media screen and (max-width: 600px) {
  #site-content.work-in-your-area .search-incidents .post-list .post .post-date time {
    display: block;
  }
}

#site-content.work-in-your-area .search-incidents .post-list .post .post-toggle {
  min-width: 60px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 20px;
  right: 30px;
}

@media screen and (max-width: 600px) {
  #site-content.work-in-your-area .search-incidents .post-list .post .post-toggle {
    width: 55px;
    min-width: 0;
    right: 20px;
  }
}

#site-content.work-in-your-area .search-incidents .post-list .post[class*='block-icon-category'] .post-toggle {
  top: 70px;
}

#site-content.work-in-your-area .search-incidents .post-list .post .post-content {
  display: none;
  position: relative;
}

@media screen and (max-width: 600px) {
  #site-content.work-in-your-area .search-incidents .post-list .post .post-content {
    margin-top: 20px;
  }
}

#site-content.work-in-your-area .search-incidents .post-list .post .post-content::before {
  content: "";
  display: block;
  background-color: #f5f5f5;
  height: 2px;
  position: absolute;
  top: 0;
  right: -30px;
  left: -30px;
}

#site-content.work-in-your-area .search-incidents .post-list .post .post-content .content-area {
  padding-top: 20px;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-purple {
  border-color: #003864;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-purple .post-content .button, #site-content.work-in-your-area .search-incidents .post-list .post.block-purple .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-purple .post-content .apply__portal-button-element {
  border-color: #003864;
  color: #003864;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-purple .post-content .button:hover, #site-content.work-in-your-area .search-incidents .post-list .post.block-purple .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-purple .post-content .apply__portal-button-element:hover {
  background-color: #003864;
  color: #fff;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-blue {
  border-color: #57C9E8;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-blue .post-content .button, #site-content.work-in-your-area .search-incidents .post-list .post.block-blue .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-blue .post-content .apply__portal-button-element {
  border-color: #57C9E8;
  color: #57C9E8;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-blue .post-content .button:hover, #site-content.work-in-your-area .search-incidents .post-list .post.block-blue .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-blue .post-content .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-pink {
  border-color: #ec2275;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-pink .post-content .button, #site-content.work-in-your-area .search-incidents .post-list .post.block-pink .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-pink .post-content .apply__portal-button-element {
  border-color: #ec2275;
  color: #ec2275;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-pink .post-content .button:hover, #site-content.work-in-your-area .search-incidents .post-list .post.block-pink .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-pink .post-content .apply__portal-button-element:hover {
  background-color: #ec2275;
  color: #fff;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-orange {
  border-color: #ff8200;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-orange .post-content .button, #site-content.work-in-your-area .search-incidents .post-list .post.block-orange .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-orange .post-content .apply__portal-button-element {
  border-color: #ff8200;
  color: #ff8200;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-orange .post-content .button:hover, #site-content.work-in-your-area .search-incidents .post-list .post.block-orange .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-orange .post-content .apply__portal-button-element:hover {
  background-color: #ff8200;
  color: #fff;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-green {
  border-color: #a2d40a;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-green .post-content .button, #site-content.work-in-your-area .search-incidents .post-list .post.block-green .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-green .post-content .apply__portal-button-element {
  border-color: #a2d40a;
  color: #a2d40a;
}

#site-content.work-in-your-area .search-incidents .post-list .post.block-green .post-content .button:hover, #site-content.work-in-your-area .search-incidents .post-list .post.block-green .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.work-in-your-area .search-incidents .post-list .post.block-green .post-content .apply__portal-button-element:hover {
  background-color: #a2d40a;
  color: #fff;
}

#site-content.work-in-your-area .search-incidents .post-list.post-open .post:not(.open) {
  border-color: #E1E1E1;
}

#site-content.work-in-your-area .search-incidents .post-list.post-open .post:not(.open)::before {
  background-color: #E1E1E1;
}

#site-content.work-in-your-area .search-incidents .post-list.post-open .post:not(.open) .block-title .highlight {
  color: #555;
}

#site-content.work-in-your-area .search-incidents .section-footer {
  padding-top: 20px;
}

#site-content.pipes .contact .contact-details {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.pipes .contact .contact-details {
    float: none;
    width: 100%;
  }
}

#site-content.pipes .contact .contact-details .form-details {
  margin-bottom: 25px;
  padding-bottom: 30px;
  border-bottom: 2px solid #f5f5f5;
}

#site-content.pipes .contact .contact-details .form-details h3 {
  font-size: 26px;
  color: #555;
  font-weight: 300;
  margin-bottom: 20px;
}

#site-content.pipes .contact .contact-details .form-details .button, #site-content.pipes .contact .contact-details .form-details #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.pipes .contact .contact-details .form-details .apply__portal-button-element {
  border-color: #f1488d;
  color: #f1488d;
}

#site-content.pipes .contact .contact-details .form-details .button:hover, #site-content.pipes .contact .contact-details .form-details #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.pipes .contact .contact-details .form-details .apply__portal-button-element:hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.pipes .contact .contact-details .contact-methods h4 {
  font-size: 18px;
  color: #555;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 24px;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method {
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  margin-bottom: 10px;
  border: 2px solid #b4b4b4;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method .method-header {
  display: block;
  padding-top: 8px;
  padding-right: 18px;
  padding-bottom: 8px;
  padding-left: 18px;
  position: relative;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method .method-header:hover {
  cursor: pointer;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method .method-header::after {
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.3s ease-in-out;
  content: "";
  display: block;
  background-image: url("../images/icons/arrows/small-grey-down.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 18px;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method .method-header .method-title {
  font-size: 14px;
  color: #555;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method .method-content {
  display: none;
  border-top: 1px solid #fff;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method .method-content .content-area {
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
  overflow: hidden;
  color: #fff;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method .method-content .content-area a {
  border: none;
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width: 420px) {
  #site-content.pipes .contact .contact-details .contact-methods .methods .method .method-content .content-area a {
    display: block;
  }
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method .method-content .content-area a:hover {
  text-decoration: none;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method:hover, #site-content.pipes .contact .contact-details .contact-methods .methods .method.open {
  background-color: #b4b4b4;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method:hover .method-header::after, #site-content.pipes .contact .contact-details .contact-methods .methods .method.open .method-header::after {
  background-image: url("../images/icons/arrows/small-white-down.png");
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method:hover .method-header .method-title, #site-content.pipes .contact .contact-details .contact-methods .methods .method.open .method-header .method-title {
  color: #fff;
}

#site-content.pipes .contact .contact-details .contact-methods .methods .method.open .method-header::after {
  transform: translateY(-50%) rotate(180deg);
}

#site-content.pipes .contact .required-details {
  width: 48%;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #site-content.pipes .contact .required-details {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

@media screen and (max-width: 600px) {
  #site-content.pipes .contact .required-details {
    padding-bottom: 10px;
  }
}

#site-content.pipes .contact .required-details .block-title {
  margin-bottom: 20px;
  font-size: 26px;
}

#site-content.pipes .contact .required-details .block-content .icon-list {
  margin-bottom: 0;
}

#site-content.pipes .contact .required-details .block-content .icon-list .item {
  margin-top: 8px;
  padding-bottom: 10px;
}

#site-content.pipes .contact .required-details .block-content .icon-list .item::after {
  content: "";
  background-color: #f5f5f5;
  height: 2px;
  position: absolute;
  right: -30px;
  bottom: 0;
  left: -30px;
}

#site-content.pipes .contact .required-details .block-content .icon-list .item:last-child::after {
  display: none;
}

#site-content.pipes .form-wrapper {
  display: none;
  border-top: 2px solid #f5f5f5;
}

#site-content.pipes .form-wrapper .gform_heading .gform_title {
  font-size: 35px;
  color: #f1488d;
  font-weight: 500;
  margin-bottom: 20px;
}

#site-content.pipes .form-wrapper .gform_footer input[type="submit"] {
  border-color: #f1488d;
  color: #f1488d;
}

#site-content.pipes .form-wrapper .gform_footer input[type="submit"]:hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.pipes .secondary-content .safety-content {
  width: 43%;
}

@media screen and (max-width: 767px) {
  #site-content.pipes .secondary-content .safety-content {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
}

#site-content.pipes .secondary-content .safety-content h3 {
  font-size: 26px;
  color: #555;
  font-weight: 300;
}

#site-content.pipes .secondary-content .ownership {
  padding-bottom: 15px;
}

#site-content.pipes .secondary-content .ownership .block-title {
  margin-bottom: 15px;
  font-size: 26px;
}

.supply-details {
  position: relative;
}

.supply-details::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 100%;
  height: 8px;
  position: absolute;
  top: 122px;
  right: 0;
  left: 0;
  z-index: 40;
}

@media screen and (max-width: 768px) {
  .supply-details::before {
    display: none;
  }
}

.supply-details .container {
  position: relative;
  z-index: 50;
}

@media screen and (min-width: 768px) {
  .supply-details .container.is-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.supply-details__extra-info {
  padding: 40px 0;
  display: block;
}

.supply-details__extra-info h3 {
  margin-bottom: 10px;
}

.supply-details__extra-info p {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .supply-details__extra-info {
    padding: 10px 0 40px 0;
  }
}

.detail-block {
  border-radius: 16px;
  width: calc(50% - 20px);
  position: relative;
  overflow: hidden;
  z-index: 110;
}

.detail-block.green {
  background-color: #a2d40a;
}

.detail-block.blue {
  background-color: #57C9E8;
}

.detail-block.pink {
  background-color: #ec2275;
}

.detail-block.pink .detail-content {
  color: white;
}

@media screen and (max-width: 767px) {
  .detail-block {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .detail-block {
    margin-bottom: 20px;
    overflow: visible;
  }
}

.detail-block .detail-icon {
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -32px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

.detail-block .detail-icon:hover {
  cursor: pointer;
}

.detail-block .detail-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

.detail-block .detail-icon .bar:hover {
  cursor: default;
}

.detail-block .detail-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

.detail-block .detail-icon .bar.left {
  right: 100%;
}

.detail-block .detail-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 500px) {
  .detail-block .detail-icon .bar.left::before {
    right: 55px;
  }
}

.detail-block .detail-icon .bar.right {
  left: 100%;
}

.detail-block .detail-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 500px) {
  .detail-block .detail-icon .bar.right::before {
    left: 55px;
  }
}

.detail-block .detail-content {
  padding-top: 125px;
  padding-right: 45px;
  padding-bottom: 25px;
  padding-left: 45px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  .detail-block .detail-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.detail-block .detail-content .title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.gas-emergencies {
  overflow: hidden;
}

#site-content.gas-emergencies .steps {
  background-color: #F9ECEC;
}

#site-content.gas-emergencies .steps .section-header {
  margin-bottom: 25px;
}

#site-content.gas-emergencies .steps .section-header .section-title {
  margin: 0;
  color: #ec2275;
  font-size: 35px;
  font-weight: 500;
}

#site-content.gas-emergencies .steps .safety-list, #site-content.gas-emergencies .steps .videos {
  width: 49%;
}

@media screen and (max-width: 767px) {
  #site-content.gas-emergencies .steps .safety-list, #site-content.gas-emergencies .steps .videos {
    float: none;
    width: 100%;
  }
}

#site-content.gas-emergencies .steps .safety-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media screen and (max-width: 767px) {
  #site-content.gas-emergencies .steps .safety-list {
    margin-bottom: 20px;
  }
}

#site-content.gas-emergencies .steps .safety-list .item {
  background-color: #fff;
  margin-bottom: 15px;
  border-radius: 12px;
  position: relative;
}

#site-content.gas-emergencies .steps .safety-list .item:last-of-type {
  margin-bottom: 0;
}

#site-content.gas-emergencies .steps .safety-list .item .index {
  font-size: 52px;
  color: #ec2275;
  font-weight: 500;
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
}

#site-content.gas-emergencies .steps .safety-list .item .content-area {
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 60px;
}

#site-content.gas-emergencies .steps .videos .video-promo {
  border-radius: 16px;
  background-color: #57C9E8;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-content.gas-emergencies .steps .videos .video-promo {
    margin-bottom: 20px;
    overflow: visible;
  }
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -32px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon:hover {
  cursor: pointer;
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar:hover {
  cursor: default;
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar.left {
  right: 100%;
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar.left::before {
    right: 55px;
  }
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar.right {
  left: 100%;
}

#site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.gas-emergencies .steps .videos .video-promo .play-icon .bar.right::before {
    left: 55px;
  }
}

#site-content.gas-emergencies .steps .videos .video-promo .promo-content {
  padding-top: 125px;
  padding-right: 75px;
  padding-bottom: 40px;
  padding-left: 75px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  #site-content.gas-emergencies .steps .videos .video-promo .promo-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

#site-content.gas-emergencies .steps .videos .video-promo .promo-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.gas-emergencies .steps .videos .video-small {
  background-color: #003864;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-lefT: 30px;
  border-radius: 12px;
  box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  #site-content.gas-emergencies .steps .videos .video-small {
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
  }
}

#site-content.gas-emergencies .steps .videos .video-small:last-of-type {
  margin-bottom: 0;
}

#site-content.gas-emergencies .steps .videos .video-small .video-title {
  color: #fff;
}

@media screen and (max-width: 960px) {
  #site-content.gas-emergencies .steps .videos .video-small .video-title {
    float: none;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 960px) {
  #site-content.gas-emergencies .steps .videos .video-small .button, #site-content.gas-emergencies .steps .videos .video-small #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.gas-emergencies .steps .videos .video-small .apply__portal-button-element {
    float: none;
  }
}

@media screen and (max-width: 767px) {
  #site-content.priority .page-content, #site-content.priority .additional {
    float: none;
    width: 100% !important;
  }
}

#site-content.priority .page-content {
  width: 45%;
}

@media screen and (max-width: 767px) {
  #site-content.priority .page-content {
    margin-bottom: 30px;
  }
}

#site-content.priority .page-content h2, #site-content.priority .page-content h3 {
  color: #a2d40a;
}

#site-content.priority .page-content h4, #site-content.priority .page-content h5, #site-content.priority .page-content h6 {
  color: #555;
  font-weight: 300;
}

#site-content.priority .additional {
  width: 49%;
}

#site-content.priority .additional .video-promo {
  border-radius: 16px;
  background-color: #a2d40a;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-content.priority .additional .video-promo {
    margin-bottom: 20px;
    overflow: visible;
  }
}

#site-content.priority .additional .video-promo .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -32px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

#site-content.priority .additional .video-promo .play-icon:hover {
  cursor: pointer;
}

#site-content.priority .additional .video-promo .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.priority .additional .video-promo .play-icon .bar:hover {
  cursor: default;
}

#site-content.priority .additional .video-promo .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.priority .additional .video-promo .play-icon .bar.left {
  right: 100%;
}

#site-content.priority .additional .video-promo .play-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.priority .additional .video-promo .play-icon .bar.left::before {
    right: 55px;
  }
}

#site-content.priority .additional .video-promo .play-icon .bar.right {
  left: 100%;
}

#site-content.priority .additional .video-promo .play-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.priority .additional .video-promo .play-icon .bar.right::before {
    left: 55px;
  }
}

#site-content.priority .additional .video-promo .promo-content {
  padding-top: 125px;
  padding-right: 75px;
  padding-bottom: 40px;
  padding-left: 75px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  #site-content.priority .additional .video-promo .promo-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

#site-content.priority .additional .video-promo .promo-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.carbon-monoxide .section-header {
  margin-bottom: 25px;
}

#site-content.carbon-monoxide .section-header .section-title {
  margin: 0;
  color: #003864;
  font-size: 35px;
}

@media screen and (max-width: 767px) {
  #site-content.carbon-monoxide .section-header .section-title {
    font-size: 28px;
  }
}

#site-content.carbon-monoxide .blocks .layout-block {
  width: 49%;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #site-content.carbon-monoxide .blocks .layout-block {
    float: none;
    width: 100%;
  }
}

#site-content.carbon-monoxide .more-details {
  background-color: #57C9E8;
  border-color: #57C9E8;
}

#site-content.carbon-monoxide .more-details::before {
  background-image: url("../images/icons/blocks/search.png");
}

#site-content.carbon-monoxide .more-details .block-content * {
  color: #fff;
}

#site-content.carbon-monoxide .more-details .block-content a {
  border-color: #fff;
}

.o-investment-improvement-hero {
  position: relative;
}

.o-investment-improvement-hero__headline {
  width: 100%;
  color: #fff;
  background-color: #003864;
}

.o-investment-improvement-hero__headline h1 {
  margin-bottom: 0.25em;
  font-size: 45px;
  line-height: 1;
  font-weight: 900;
}

@media (max-width: 768px) {
  .o-investment-improvement-hero__headline h1 {
    font-size: 30px;
  }
}

.o-investment-improvement-hero__headline h2, .o-investment-improvement-hero__headline h3, .o-investment-improvement-hero__headline h4 {
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .o-investment-improvement-hero__headline h2, .o-investment-improvement-hero__headline h3, .o-investment-improvement-hero__headline h4 {
    font-size: 35px;
  }
}

.o-investment-improvement-hero__headline p {
  margin-bottom: 30px;
  font-size: 22px;
}

@media (min-width: 768px) {
  .o-investment-improvement-hero__headline {
    padding-right: 10%;
  }
}

.o-investment-improvement-hero__further-info p {
  line-height: 1.2;
  margin-bottom: 1em;
}

.o-investment-improvement-hero__further-info b {
  font-weight: bold;
}

.o-investment-container {
  padding: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

.c-video-info {
  padding: 1em;
  background-color: #41c9e8;
  border-radius: 0.5em;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.c-video-info__thumbnail {
  margin-bottom: 1em;
  height: 90px;
  width: 100%;
  border-radius: 0.5em;
  background-color: red;
}

.c-download-links__headline {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.c-download-links__links {
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-download-links__link {
  margin-right: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 1em;
  padding: 0.5em 1em;
  min-width: 300px;
  background-color: transparent;
  border: 1px solid #ec2275;
  border-radius: 0.5em;
  text-decoration: none;
}

.c-download-links__link > span {
  display: block;
  max-width: 80%;
  white-space: nowrap;
  color: #555;
  font-weight: 400;
}

.c-download-links__link:after {
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../images/download.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.c-download-links__link:hover {
  border-color: #003864;
}

.o-current-work__header {
  margin-bottom: 2.5em;
  padding-bottom: 50px;
  background-color: #57C9E8;
}

.o-current-work__header h2 {
  font-size: 45px;
  font-weight: bold;
  color: #003864;
}

@media (max-width: 768px) {
  .o-current-work__header h2 {
    font-size: 30px;
  }
}

.o-current-work__header p {
  padding: 15px 0;
}

.c-current-work-app {
  position: relative;
  padding-bottom: 50px;
  margin: 0 auto;
}

.c-current-work-app__error {
  display: block;
  opacity: 0;
  visibility: hidden;
  min-height: 35px;
  font-size: 20px;
  font-weight: bold;
  color: #ec2275;
}

.c-current-work-app__error.is-visible {
  opacity: 1;
  visibility: visible;
}

.c-current-work-app__input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  width: 100%;
}

.c-current-work-app__input input {
  font-size: 1.5rem;
  padding: 0 1.5rem;
  min-height: 50px;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  color: #003864;
}

@media (max-width: 450px) {
  .c-current-work-app__input input {
    border-color: #003864;
    color: #003864;
  }
}

.c-current-work-app__search-trigger {
  margin-left: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 50px;
  width: 150px;
  font-size: 1.2em;
  background-color: #003864;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.c-current-work-app__search-trigger:hover {
  background-color: #ec2275;
}

.c-current-work-app__results {
  padding: 30px;
  background-color: #fff;
  position: relative;
  top: -100px;
  border-radius: 40px;
  display: none;
  list-style-type: none;
}

.c-current-work-app__results > div:not(:last-of-type) {
  margin-bottom: 1em;
}

.c-current-work-app__notice {
  padding: 30px;
  text-align: center;
  border: 4px solid #ec2275;
  border-radius: 30px;
  line-height: 1.3;
}

.c-current-work-app__notice h3 {
  margin-bottom: 10px;
  color: #ec2275;
}

.c-current-work-app__notice b {
  font-weight: bold;
}

.c-current-work-app__notice a {
  color: #ec2275;
  text-decoration: none;
}

.c-current-work-app.has-results {
  background-color: transparent;
}

.c-current-work-app.has-results .c-current-work-app__results {
  display: block;
}

@media (min-width: 768px) {
  .c-current-work-app.has-results .c-current-work-app__input input {
    border-color: #003864;
    color: #003864;
  }
}

.c-current-work-app.has-results .c-current-work-app__loader div {
  border-color: #003864;
}

.c-current-work-app__loader {
  display: none !important;
}

.c-current-work-app.is-loading .c-current-work-app__loader {
  display: inline-block !important;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.c-current-work-app.is-loading:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

@media (max-width: 450px) {
  .c-current-work-app {
    padding: 0px;
    border: none;
    background-color: transparent;
  }
  .c-current-work-app__input input {
    font-size: 1.5rem;
  }
  .c-current-work-app__loader div {
    border-color: #003864 !important;
  }
}

.c-incident {
  position: relative;
  display: block;
  padding: 1em 2em;
  border: 5px solid #003864;
  border-radius: 1em;
  text-align: left;
}

.c-incident__summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (min-width: 768px) {
  .c-incident__summary {
    max-width: 60%;
  }
}

.c-incident__title {
  font-size: 26px;
  font-weight: bold;
}

.c-incident__posted-on {
  margin: 1.5em 0;
  font-size: 18px;
  text-transform: uppercase;
}

.c-incident__body {
  margin-top: 1.5em;
  display: none;
  font-size: 18px;
}

.c-incident__body p {
  margin-bottom: 1em;
}

.c-incident__body b {
  font-weight: bold;
}

.c-incident__body a {
  color: #ec2275;
}

.c-incident__read-more {
  padding: 0.7em 1em;
  border: 1px solid #555;
  border-radius: 0.5em;
  text-transform: uppercase;
  min-width: 71px;
  text-align: center;
  text-decoration: none;
  outline: none;
  font-size: 13px;
  color: #555;
}

.c-incident__read-more:hover {
  background-color: #003864;
  color: #fff;
}

.c-incident:after {
  display: block;
  content: '';
  height: 60px;
  width: 60px;
  position: absolute;
  top: 0;
  right: 50px;
  background-image: url(../images/spanner.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media (max-width: 450px) {
  .c-incident {
    padding: 5em 1em 1em 1em;
  }
}

.c-video-link {
  margin-bottom: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.2em;
}

.c-video-link__link {
  padding: 0.15em 0.75em;
  margin-left: 0.5em;
  white-space: nowrap;
  border-radius: 8px;
  border: 1px solid #003864;
  color: #003864;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.c-video-link__link span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.c-video-link__link span:after {
  margin-left: 0.5em;
  content: '';
  display: inline-block;
  height: 0.75em;
  min-width: 0.75em;
  background-image: url(../images/icons/arrows/arrow-right-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.c-video-link__link:hover {
  border-color: #ec2275;
}

.c-loader {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 1;
}

.c-loader div {
  position: absolute;
  border: 4px solid #003864;
  opacity: 1;
  border-radius: 50%;
  animation: loader 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.c-loader div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes loader {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

#site-content.apply .application-check .postcode-check__intro {
  font-size: 18px;
  color: #003864;
  font-weight: 400;
  margin-bottom: 15px;
}

#site-content.apply .application-check .postcode-check__intro p:not(:last-child) {
  margin-bottom: 10px;
}

#site-content.apply .application-check .postcode-check {
  width: 60%;
}

@media screen and (max-width: 767px) {
  #site-content.apply .application-check .postcode-check {
    float: none;
    width: 100%;
  }
}

#site-content.apply .application-check .postcode-check .postcode-check__wrapper {
  padding: 40px 20px;
  border-radius: 15px;
  background-color: #00caff;
}

#site-content.apply .application-check .postcode-check h3 {
  font-size: 40px;
  color: #003864;
  font-weight: 700;
  margin-bottom: 15px;
}

#site-content.apply .application-check .postcode-check .postcode-check-form {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

#site-content.apply .application-check .postcode-check .postcode-check-form::before {
  transition: all 0.2s ease-in-out;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("../images/icons/loading-purple.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

#site-content.apply .application-check .postcode-check .postcode-check-form.loading::before {
  opacity: 1;
  visibility: visible;
}

#site-content.apply .application-check .postcode-check .postcode-check-form .postcode-check-form__wrapper {
  width: 100%;
  margin-top: 40px;
  box-sizing: border-box;
}

#site-content.apply .application-check .postcode-check .postcode-check-form .message {
  border-radius: 6px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  display: block;
  margin-top: 10px;
  padding: 10px 20px;
  clear: both;
}

#site-content.apply .application-check .postcode-check .postcode-check-form .message.message-error {
  background-color: #ec2275;
}

#site-content.apply .application-check .postcode-check .postcode-check-form .message.message-success {
  background-color: #a2d40a;
}

#site-content.apply .application-check .postcode-check .postcode-check-form .postcode-check-form__inputs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#site-content.apply .application-check .postcode-check .postcode-check-form label {
  font-size: 18px;
  color: #57C9E8;
  font-weight: 500;
  display: none;
  margin-bottom: 5px;
  clear: both;
}

#site-content.apply .application-check .postcode-check .postcode-check-form input[type="text"] {
  width: 77.27273%;
  height: auto;
  padding: 5px 10px;
  border: none;
  border-radius: 6px;
  font-size: 18px;
  color: #003864;
  font-weight: 400;
  background-color: #f5f5f5;
}

@media screen and (max-width: 420px) {
  #site-content.apply .application-check .postcode-check .postcode-check-form input[type="text"] {
    width: 72%;
  }
}

#site-content.apply .application-check .postcode-check .postcode-check-form input[type="text"]:-ms-input-placeholder {
  font-size: 18px;
  color: #003864;
  font-weight: 400;
}

#site-content.apply .application-check .postcode-check .postcode-check-form input[type="text"]::placeholder {
  font-size: 18px;
  color: #003864;
  font-weight: 400;
}

#site-content.apply .application-check .postcode-check .postcode-check-form .button, #site-content.apply .application-check .postcode-check .postcode-check-form .apply__portal-button-element {
  height: auto;
  border-color: #003864;
  font-size: 14px;
  color: #003864;
  font-weight: 600;
}

@media screen and (max-width: 420px) {
  #site-content.apply .application-check .postcode-check .postcode-check-form .button, #site-content.apply .application-check .postcode-check .postcode-check-form .apply__portal-button-element {
    width: 25%;
    padding-right: 0;
    padding-left: 0;
  }
}

#site-content.apply .application-check .postcode-check .postcode-check-form .button:hover, #site-content.apply .application-check .postcode-check .postcode-check-form .apply__portal-button-element:hover {
  color: white;
  background-color: #003864;
}

#site-content.apply .application-check .other-checks {
  width: 38%;
}

@media screen and (max-width: 767px) {
  #site-content.apply .application-check .other-checks {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

#site-content.apply .application-check .other-checks .postcode-check__intro {
  margin-bottom: 40px;
}

#site-content.apply .application-check .other-checks h3 {
  font-size: 34px;
  color: #003864;
  font-weight: 700;
  margin-bottom: 15px;
}

#site-content.apply .application-check .other-checks .buttons h5 {
  font-size: 18px;
  color: #555;
  margin-bottom: 10px;
}

#site-content.apply .application-check .other-checks .buttons .button, #site-content.apply .application-check .other-checks .buttons .apply__portal-button-element {
  width: 245px;
  max-width: 100%;
  padding: 18px;
  border: none;
  display: block;
  font-size: 14px;
  color: #003864;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  background-color: #f8f8f8;
}

#site-content.apply .application-check .other-checks .buttons .button:not(:last-child), #site-content.apply .application-check .other-checks .buttons .apply__portal-button-element:not(:last-child) {
  margin-bottom: 20px;
}

#site-content.apply .application-check .other-checks .buttons .button:nth-of-type(3), #site-content.apply .application-check .other-checks .buttons .apply__portal-button-element:nth-of-type(3) {
  display: none;
}

@media screen and (max-width: 767px) {
  #site-content.apply .application-check .other-checks .buttons .button:nth-of-type(3), #site-content.apply .application-check .other-checks .buttons .apply__portal-button-element:nth-of-type(3) {
    display: inline-block;
  }
}

@media screen and (max-width: 600px) {
  #site-content.apply .application-check .other-checks .buttons .button, #site-content.apply .application-check .other-checks .buttons .apply__portal-button-element {
    margin-right: 10px;
    margin-left: 0;
  }
}

#site-content.apply .application-check .other-checks .buttons .button:hover, #site-content.apply .application-check .other-checks .buttons .apply__portal-button-element:hover {
  background-color: #E1E1E1;
}

#site-content.apply .application-check .other-checks .buttons h5 {
  padding: 2rem 0;
}

#site-content.apply .application-check .other-checks .buttons h5 a {
  border-bottom: none;
  color: #04aced;
  cursor: pointer;
}

#site-content.apply .application-check .post-title p {
  padding: 2rem 0;
  color: #003864;
  font-weight: 600;
}

#site-content.apply #application-form {
  display: none;
  background-color: white;
  padding-top: 2rem;
}

#site-content.apply #application-form.show {
  display: block;
}

#site-content.apply #application-form .apply-button {
  padding: 0.5rem 2rem;
  background-color: #04aced;
  border-radius: 5px;
  color: white;
  font-weight: 600;
  text-decoration: none;
}

#site-content.apply .postcode-check-form-container {
  padding: 1rem;
  border: 2px solid #E1E1E1;
  border-radius: 5px;
}

#site-content.apply .postcode-check-form-container .right {
  text-transform: unset;
  font-family: 600;
}

#site-content.apply .postcode-check-bottom {
  padding: 2rem 0;
}

#site-content.apply .postcode-check-bottom p {
  color: #003864;
  font-weight: 600;
}

#site-content.apply .postcode-check-container-bottom {
  background-color: white;
}

#site-content.apply .check-bottom {
  padding-top: 0px;
  border-bottom: none !important;
}

#site-content.apply .existing-customer-container {
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#site-content.apply .existing-customer-container h3 {
  margin-bottom: 0px !important;
}

#site-content.apply .login-button {
  margin-left: 75px;
}

#site-content.apply .login-button a {
  padding: 0.5rem 2rem;
  background-color: #04aced;
  border-radius: 5px;
  color: white;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: none;
  width: 155px;
}

#site-content.apply .features {
  background-color: white;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

#site-content.apply .features .features-title {
  padding: 0 2rem 3rem;
  -ms-flex-pack: center;
      justify-content: center;
}

#site-content.apply .features .container-features {
  max-width: 1075px;
}

#site-content.apply .features .features-list {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
}

#site-content.apply .features .features-list li {
  width: 9%;
  padding: 0 1rem;
  text-align: center;
}

#site-content.apply .features .features-list p {
  padding-top: 5px;
  font-size: 14px;
  font-weight: 600;
}

#site-content.apply .apply__portal-button {
  margin-top: 20px;
}

#site-content.apply .apply__portal-button-element {
  max-width: 100%;
  padding: 18px;
  border-color: #003864;
  border-radius: 7px;
  font-size: 20px;
  color: white;
  font-weight: 700;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #003864;
}

#site-content.apply .apply__portal-button-element:hover {
  border-color: #003864;
  border-radius: 7px;
}

@media screen and (max-width: 767px) {
  #site-content.apply .apply__portal-button-element {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  #site-content.apply .apply__portal-button-element {
    width: 200px;
  }
}

#site-content.apply .existing-customer {
  width: 100%;
  margin-bottom: 20px;
  text-align: right;
  color: #003864;
}

#site-content.apply .existing-customer a {
  text-decoration: none;
  color: inherit;
}

#site-content.apply .existing-customer a span {
  text-decoration: underline;
}

#site-content.apply .portal-features {
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  #site-content.apply .portal-features {
    display: none;
  }
}

#site-content.apply .portal-features__wrapper {
  padding: 40px 20px;
  border-radius: 15px;
  color: #003864;
  background-color: #f8f8f8;
}

#site-content.apply .portal-features__wrapper h2,
#site-content.apply .portal-features__content {
  color: inherit;
}

#site-content.apply .portal-features__content {
  margin-top: 10px;
  font-size: 20px;
}

#site-content.apply .portal-features__image {
  width: 100%;
  margin-top: 40px;
}

#site-content.apply .portal-features__image img {
  height: auto;
  max-width: 100%;
}

#site-content.apply .postcode-verification-wrapper .message {
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  border-radius: 15px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 30px;
  color: #003864;
  font-weight: 400;
}

#site-content.apply .postcode-verification-wrapper .message:before {
  content: '';
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  #site-content.apply .postcode-verification-wrapper .message:before {
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) {
  #site-content.apply .postcode-verification-wrapper .message:before {
    margin-right: 40px;
  }
}

#site-content.apply .postcode-verification-wrapper .message a {
  width: 100%;
  margin-top: 10px;
  display: block;
  font-size: 20px;
  color: inherit;
}

#site-content.apply .postcode-verification-wrapper .message.message-success {
  background-color: #a2d40a;
}

#site-content.apply .postcode-verification-wrapper .message.message-success:before {
  width: 35px;
  height: 28px;
  background-image: url("../images/icons/tick-white.png");
}

#site-content.apply .postcode-verification-wrapper .message.message-error {
  color: white;
  background-color: #ec2275;
}

#site-content.apply .postcode-verification-wrapper .message.message-error:before {
  width: 7px;
  height: 40px;
  background-image: url("../images/icons/exclamation-white.svg");
}

#site-content.what-to-expect .expectations {
  overflow: hidden;
}

#site-content.what-to-expect .expectations .section-header {
  margin-bottom: 25px;
}

#site-content.what-to-expect .expectations .section-header .section-title {
  font-size: 26px;
  color: #555;
  font-weight: 300;
  margin-bottom: 0;
}

#site-content.what-to-expect .expectations .video-block {
  border-radius: 16px;
  background-color: #a2d40a;
  width: 48%;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-content.what-to-expect .expectations .video-block {
    float: none;
    width: 100%;
    overflow: visible;
  }
}

#site-content.what-to-expect .expectations .video-block .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -41px;
  border: 8px solid #003864;
  position: absolute;
  top: 50px;
  left: 50%;
}

#site-content.what-to-expect .expectations .video-block .play-icon:hover {
  cursor: pointer;
}

#site-content.what-to-expect .expectations .video-block .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.what-to-expect .expectations .video-block .play-icon .bar:hover {
  cursor: default;
}

#site-content.what-to-expect .expectations .video-block .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.what-to-expect .expectations .video-block .play-icon .bar.left {
  right: 100%;
}

#site-content.what-to-expect .expectations .video-block .play-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.what-to-expect .expectations .video-block .play-icon .bar.left::before {
    right: 50px;
  }
}

#site-content.what-to-expect .expectations .video-block .play-icon .bar.right {
  left: 100%;
}

#site-content.what-to-expect .expectations .video-block .play-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.what-to-expect .expectations .video-block .play-icon .bar.right::before {
    left: 50px;
  }
}

#site-content.what-to-expect .expectations .video-block .block-content {
  padding-top: 140px;
  padding-right: 75px;
  padding-bottom: 40px;
  padding-left: 75px;
  text-align: center;
}

@media screen and (max-width: 980px) {
  #site-content.what-to-expect .expectations .video-block .block-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

#site-content.what-to-expect .expectations .video-block .block-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.what-to-expect .expectations .video-block .block-content .button, #site-content.what-to-expect .expectations .video-block .block-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.what-to-expect .expectations .video-block .block-content .apply__portal-button-element {
  border-color: #fff;
  color: #fff;
}

#site-content.what-to-expect .expectations .video-block .block-content .button:hover, #site-content.what-to-expect .expectations .video-block .block-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.what-to-expect .expectations .video-block .block-content .apply__portal-button-element:hover {
  background-color: #fff;
  color: #a2d40a;
}

#site-content.what-to-expect .expectations .connection-details {
  width: 48%;
  padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
  #site-content.what-to-expect .expectations .connection-details {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}

#site-content.what-to-expect .expectations .connection-details .block-title {
  margin-bottom: 15px;
  font-size: 26px;
}

#site-content.what-to-expect .expectations .introduction-blocks {
  padding-top: 15px;
}

#site-content.what-to-expect .expectations .introduction-blocks .layout-block {
  margin-bottom: 20px;
  padding: 0;
}

#site-content.what-to-expect .expectations .introduction-blocks .layout-block:last-of-type {
  margin-bottom: 0;
}

#site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header {
  padding: 25px 30px;
}

@media screen and (max-width: 767px) {
  #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header {
    padding: 20px;
  }
}

#site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .block-title {
  margin-bottom: 10px;
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .block-title {
    font-size: 22px;
    line-height: 24px;
  }
}

#site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text {
  padding-top: 5px;
  padding-right: 330px;
  position: relative;
}

@media screen and (max-width: 767px) {
  #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text {
    padding-top: 15px;
    padding-right: 0;
    clear: both;
    overflow: hidden;
  }
}

#site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text .button, #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text .apply__portal-button-element {
  border-color: #003864;
  position: absolute;
  top: 10px;
  right: 0;
}

@media screen and (max-width: 767px) {
  #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text .button, #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text .apply__portal-button-element {
    float: right;
    position: static;
    clear: both;
  }
}

@media screen and (max-width: 600px) {
  #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text .button, #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-header .header-text .apply__portal-button-element {
    width: 100%;
  }
}

#site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-content {
  padding: 30px;
  border-top: 2px solid #f5f5f5;
}

@media screen and (max-width: 767px) {
  #site-content.what-to-expect .expectations .introduction-blocks .layout-block .block-content {
    padding: 15px 20px;
  }
}

#site-content.what-to-expect .useful-information .section-header {
  margin-bottom: 25px;
}

#site-content.what-to-expect .useful-information .section-header .section-title {
  margin-bottom: 10px;
}

#site-content.what-to-expect .useful-information .block-column {
  width: 49%;
}

@media screen and (max-width: 767px) {
  #site-content.what-to-expect .useful-information .block-column {
    float: none;
    width: 100%;
  }
}

#site-content.what-to-expect .useful-information .block-column .layout-block {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#site-content.what-to-expect .useful-information .block-column .layout-block:last-child {
  margin-bottom: 0;
}

#site-content.what-to-expect .useful-information .block-column .layout-block .block-title {
  margin-bottom: 20px;
  font-size: 26px;
}

#site-content.what-to-expect .useful-information .block-column .layout-block .block-content .icon-list .item::before {
  background-image: url("../images/icons/small/purple-download.png");
}

#site-content.preheating .primary-content {
  overflow: hidden;
}

#site-content.preheating .primary-content .video-promo {
  border-radius: 16px;
  background-color: #f1488d;
  width: 48%;
  position: relative;
  overflow: hidden;
  z-index: 110;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .primary-content .video-promo {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #site-content.preheating .primary-content .video-promo {
    margin-bottom: 20px;
    overflow: visible;
  }
}

#site-content.preheating .primary-content .video-promo .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -32px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

#site-content.preheating .primary-content .video-promo .play-icon:hover {
  cursor: pointer;
}

#site-content.preheating .primary-content .video-promo .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.preheating .primary-content .video-promo .play-icon .bar:hover {
  cursor: default;
}

#site-content.preheating .primary-content .video-promo .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.preheating .primary-content .video-promo .play-icon .bar.left {
  right: 100%;
}

#site-content.preheating .primary-content .video-promo .play-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.preheating .primary-content .video-promo .play-icon .bar.left::before {
    right: 55px;
  }
}

#site-content.preheating .primary-content .video-promo .play-icon .bar.right {
  left: 100%;
}

#site-content.preheating .primary-content .video-promo .play-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 500px) {
  #site-content.preheating .primary-content .video-promo .play-icon .bar.right::before {
    left: 55px;
  }
}

#site-content.preheating .primary-content .video-promo .promo-content {
  padding-top: 125px;
  padding-right: 75px;
  padding-bottom: 40px;
  padding-left: 75px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  #site-content.preheating .primary-content .video-promo .promo-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

#site-content.preheating .primary-content .video-promo .promo-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.preheating .performance-data-tables .section-header {
  margin-bottom: 20px;
}

#site-content.preheating .performance-data-tables .section-header .section-title {
  color: #41c9e8;
}

#site-content.preheating .performance-data-tables .performance-table {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-tables .performance-table {
    width: 110%;
    margin-left: -5%;
  }
  #site-content.preheating .performance-data-tables .performance-table, #site-content.preheating .performance-data-tables .performance-table thead, #site-content.preheating .performance-data-tables .performance-table tbody, #site-content.preheating .performance-data-tables .performance-table tr, #site-content.preheating .performance-data-tables .performance-table th, #site-content.preheating .performance-data-tables .performance-table td {
    display: block;
  }
}

#site-content.preheating .performance-data-tables .performance-table thead th {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  vertical-align: bottom;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-tables .performance-table thead th {
    display: none;
  }
}

#site-content.preheating .performance-data-tables .performance-table thead th.lead {
  padding-right: 0;
  padding-left: 0;
  color: #41c9e8;
  font-size: 26px;
  font-weight: 300;
}

#site-content.preheating .performance-data-tables .performance-table tbody tr.pink .category {
  color: #f1488d;
}

#site-content.preheating .performance-data-tables .performance-table tbody tr.pink .button, #site-content.preheating .performance-data-tables .performance-table tbody tr.pink #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .performance-data-tables .performance-table tbody tr.pink .apply__portal-button-element {
  border-color: #f1488d;
  color: #f1488d;
}

#site-content.preheating .performance-data-tables .performance-table tbody tr.pink .button:hover, #site-content.preheating .performance-data-tables .performance-table tbody tr.pink #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.preheating .performance-data-tables .performance-table tbody tr.pink .apply__portal-button-element:hover {
  background-color: #f1488d;
  color: #fff;
}

@media screen and (max-width: 700px) {
  #site-content.preheating .performance-data-tables .performance-table tbody tr.pink td[data-label="Sites"] {
    background-color: #f1488d;
  }
}

#site-content.preheating .performance-data-tables .performance-table tbody tr.purple .category {
  color: #003864;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-tables .performance-table tbody tr.purple td[data-label="Sites"] {
    background-color: #003864;
  }
}

#site-content.preheating .performance-data-tables .performance-table tbody tr td {
  border-top: 2px solid #fff;
  padding: 5px 10px;
  vertical-align: middle;
  color: #555;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-tables .performance-table tbody tr td {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    border-top: none;
    border-right: none !important;
    border-left: none !important;
    box-sizing: border-box;
    font-weight: 500;
  }
  #site-content.preheating .performance-data-tables .performance-table tbody tr td[data-label="Sites"] {
    color: #fff;
  }
  #site-content.preheating .performance-data-tables .performance-table tbody tr td.category {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 24px;
  }
  #site-content.preheating .performance-data-tables .performance-table tbody tr td.category.no-border {
    padding-top: 0;
    padding-bottom: 0;
  }
}

#site-content.preheating .performance-data-tables .performance-table tbody tr td.inverse {
  background-color: #fff;
  border-color: #f5f5f5;
  border-right: 8px solid #f5f5f5;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-tables .performance-table tbody tr td.inverse {
    position: relative;
    clear: both;
    overflow: hidden;
    font-weight: 300;
    text-align: right;
  }
  #site-content.preheating .performance-data-tables .performance-table tbody tr td.inverse:not(:last-child) {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f5f5f5;
  }
  #site-content.preheating .performance-data-tables .performance-table tbody tr td.inverse:not(:last-child)::before {
    content: attr(data-label);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 38px;
  }
}

#site-content.preheating .performance-data-tables .performance-table tbody tr td.inverse:last-child {
  border-right: none;
}

#site-content.preheating .performance-data-tables .performance-table tbody tr td.category {
  font-weight: 500;
}

#site-content.preheating .performance-data-tables .performance-table tbody tr td.no-border {
  border-top: none;
}

#site-content.preheating .performance-data-tables .performance-table tbody tr td .button, #site-content.preheating .performance-data-tables .performance-table tbody tr td #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .performance-data-tables .performance-table tbody tr td .apply__portal-button-element {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-tables .performance-table tbody tr td .button, #site-content.preheating .performance-data-tables .performance-table tbody tr td #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .performance-data-tables .performance-table tbody tr td .apply__portal-button-element {
    float: right;
    width: auto;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
}

#site-content.preheating .performance-data-graphs {
  display: none;
  padding-bottom: 0;
}

#site-content.preheating .performance-data-graphs .section-header {
  margin-bottom: 20px;
}

#site-content.preheating .performance-data-graphs .section-header .section-title {
  margin-bottom: 10px;
  color: #41c9e8;
}

#site-content.preheating .performance-data-graphs .section-header .graph-update-time {
  font-size: 14px;
  color: #555;
  font-weight: 300;
  margin-bottom: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#site-content.preheating .performance-data-graphs .section-header .graph-update-time span {
  font-weight: 500;
}

#site-content.preheating .performance-data-graphs .date-ranges {
  margin-bottom: 30px;
}

#site-content.preheating .performance-data-graphs .date-ranges .range {
  width: 50%;
}

@media screen and (max-width: 820px) {
  #site-content.preheating .performance-data-graphs .date-ranges .range {
    width: 100%;
    margin-bottom: 10px;
  }
  #site-content.preheating .performance-data-graphs .date-ranges .range:last-child {
    margin-bottom: 0;
  }
}

#site-content.preheating .performance-data-graphs .date-ranges .range .range-title {
  margin-bottom: 0;
  padding-bottom: 6px;
  clear: both;
  overflow: hidden;
  color: #003864;
}

#site-content.preheating .performance-data-graphs .date-ranges .range input {
  background-color: #f5f5f5;
  width: 49%;
  max-width: 240px;
  margin-right: 10px;
  height: 38px;
  color: #555;
  font-size: 18px;
  line-height: 32px;
}

@media screen and (max-width: 500px) {
  #site-content.preheating .performance-data-graphs .date-ranges .range input {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-bottom: 5px;
  }
}

#site-content.preheating .performance-data-graphs .date-ranges .range button {
  width: 49%;
  max-width: 170px;
  border-color: #41c9e8;
  color: #41c9e8;
}

@media screen and (max-width: 500px) {
  #site-content.preheating .performance-data-graphs .date-ranges .range button {
    width: 100%;
    max-width: none;
  }
}

#site-content.preheating .performance-data-graphs .date-ranges .range button:hover {
  background-color: #41c9e8;
  color: #fff;
}

#site-content.preheating .performance-data-graphs .site-categories {
  padding-bottom: 40px;
}

#site-content.preheating .performance-data-graphs .site-categories .category {
  width: 25%;
  vertical-align: top;
}

@media screen and (max-width: 820px) {
  #site-content.preheating .performance-data-graphs .site-categories .category {
    width: 50%;
  }
}

@media screen and (max-width: 500px) {
  #site-content.preheating .performance-data-graphs .site-categories .category {
    width: 100%;
  }
}

#site-content.preheating .performance-data-graphs .site-categories .category .category-name {
  margin-bottom: 10px;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites {
  list-style-type: none;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
  z-index: 100;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site.disabled {
  opacity: 0.5;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site.disabled label:hover {
  cursor: default;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site input {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
  visibility: hidden;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site input:checked + label::after {
  display: block;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site label {
  font-size: 18px;
  color: #555;
  font-weight: 300;
  display: inline-block;
  line-height: 20px;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site label:hover {
  cursor: pointer;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site label::before {
  border-radius: 3px;
  content: "";
  display: block;
  background-color: #f5f5f5;
  width: 18px;
  height: 18px;
  border: 1px solid #E1E1E1;
  position: absolute;
  top: 0;
  left: 0;
}

#site-content.preheating .performance-data-graphs .site-categories .category .sites .site label::after {
  font-size: 24px;
  color: #41c9e8;
  font-weight: 300;
  content: "×";
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 14px;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab {
  width: 240px;
  padding-top: 20px;
  padding-bottom: 15px;
  border: 2px solid #f5f5f5;
  border-bottom: none;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab {
    width: auto;
    margin-right: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab:hover {
  cursor: pointer;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab.active {
  background-color: #f5f5f5;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab.active[data-tab="graph"] .icon {
  background-image: url("../images/icons/bar-chart-circle-blue-light.png");
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab.active[data-tab="data"] .icon {
  background-image: url("../images/icons/search-circle-blue-light.png");
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab.active .title {
  color: #41c9e8;
  font-weight: bold;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab .icon {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab .icon {
    margin-bottom: 0;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab .title {
  color: #b4b4b4;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab .title {
    display: none;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab[data-tab="graph"] .icon {
  background-image: url("../images/icons/bar-chart-circle-grey-light.png");
}

#site-content.preheating .performance-data-graphs .graph-tabs .tabs .tab[data-tab="data"] .icon {
  background-image: url("../images/icons/search-circle-grey-light.png");
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper {
  background-color: #f5f5f5;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content {
  display: none;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content:first-child {
  display: block;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content::before {
  transition: all 0.2s ease-in-out;
  content: "";
  background-color: rgba(245, 245, 245, 0.9);
  background-image: url("../images/icons/loading-blue-light-large.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  opacity: 0;
  visibility: hidden;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content.loading::before {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 600px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="graph"] #hourly-performance-graph {
    margin-right: -10px;
    margin-left: -10px;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="graph"] #hourly-performance-graph svg {
  font-family: inherit !important;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="graph"] #hourly-performance-graph .highcharts-xaxis-title,
#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="graph"] #hourly-performance-graph .highcharts-yaxis-title {
  font-size: 26px;
  color: #41c9e8;
  font-weight: 500;
  fill: #41c9e8 !important;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="graph"] #hourly-performance-graph .highcharts-axis-labels text {
  color: #555 !important;
  fill: #555 !important;
  font-size: 14px !important;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="graph"] #hourly-performance-graph .highcharts-legend-item text {
  color: #555 !important;
  fill: #555 !important;
  font-size: 18px !important;
  font-weight: 300 !important;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export {
  margin-bottom: 30px;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .form-title {
  margin-bottom: 15px;
  color: #41c9e8;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field {
  width: 50%;
  max-width: 365px;
  margin-right: 20px;
  vertical-align: top;
}

@media screen and (max-width: 830px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field {
    width: 100%;
    max-width: none;
    margin-bottom: 10px;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field .field-title {
  margin-bottom: 0;
  padding-bottom: 6px;
  clear: both;
  overflow: hidden;
  color: #003864;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field input {
  display: inline-block;
  background-color: #fff;
  width: 65.75342%;
  margin-right: 10px;
  height: 38px;
  vertical-align: top;
  color: #555;
  font-size: 18px;
  line-height: 32px;
}

@media screen and (max-width: 430px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field .button, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field .apply__portal-button-element {
  width: 31.50685%;
  border-color: #41c9e8;
  vertical-align: top;
  color: #41c9e8;
}

@media screen and (max-width: 430px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field .button, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field .apply__portal-button-element {
    width: 100%;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field .button:hover, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export .field .apply__portal-button-element:hover {
  background-color: #41c9e8;
  color: #fff;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export button[type="submit"] {
  height: 38px;
  border-color: #f1488d;
  vertical-align: bottom;
  color: #f1488d;
}

@media screen and (max-width: 830px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export button[type="submit"] {
    width: 100%;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] #hourly-performance-export button[type="submit"]:hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table thead, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tr, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table th, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table td {
    display: block;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table thead th {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  vertical-align: bottom;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table thead th {
    display: none;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table thead th.lead {
  padding-right: 0;
  padding-bottom: 7px;
  padding-left: 0;
  color: #41c9e8;
  font-size: 26px;
  font-weight: 500;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr.pink .category {
  color: #f1488d;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr.pink .button, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr.pink #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr.pink .apply__portal-button-element {
  border-color: #f1488d;
  color: #f1488d;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr.pink .button:hover, #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr.pink #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr.pink .apply__portal-button-element:hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr.purple .category {
  color: #003864;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr td {
  width: auto;
  border-top: 2px solid #fff;
  padding: 10px;
  padding-left: 0;
  vertical-align: middle;
  color: #1E1E1E;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr td {
    width: 100% !important;
    border-right: none !important;
    border-left: none !important;
    position: relative;
    box-sizing: border-box;
    text-align: right;
  }
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr td::before {
    content: attr(data-label);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 44px;
  }
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr td:not(.inverse) {
    padding-right: 0;
  }
  #site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr td:not(.inverse)::before {
    left: 0;
  }
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr td span {
  color: #b4b4b4;
  font-size: 14px;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr td.inverse {
  background-color: #fff;
  width: 12.4%;
  padding-left: 10px;
  border-color: #f5f5f5;
  border-right: 8px solid #f5f5f5;
  color: #555;
}

#site-content.preheating .performance-data-graphs .graph-tabs .tab-content-wrapper .tab-content[data-tab="data"] table tbody tr td.inverse:last-child {
  border-right: none;
}

#site-content.preheating .secondary-content .layout-blocks-wrap {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .secondary-content .layout-blocks-wrap {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

#site-content.preheating .secondary-content .layout-blocks-wrap .layout-block {
  margin-bottom: 20px !important;
}

#site-content.preheating .secondary-content .layout-blocks-wrap .layout-block:last-child {
  margin-bottom: 0 !important;
}

#site-content.preheating .secondary-content .layout-blocks-wrap .layout-block.block-purple::before {
  background-image: url("../images/icons/blocks/search.png");
}

#site-content.preheating .secondary-content .layout-blocks-wrap .layout-block.block-purple .icon-list .item::before {
  background-image: url("../images/icons/small/purple-download.png");
}

#site-content.preheating .secondary-content .layout-blocks-wrap .layout-block.block-pink-light::before {
  background-image: url("../images/icons/blocks/folder.png");
}

#site-content.preheating .site-technologies .section-content {
  margin-bottom: 30px;
}

#site-content.preheating .site-technologies .technology-list.technology-open .technology:not(.open)::before {
  background-color: #E1E1E1;
}

#site-content.preheating .site-technologies .technology-list.technology-open .technology:not(.open) .technology-header .block-title {
  color: #555;
}

#site-content.preheating .site-technologies .technology-list.technology-open .technology:not(.open) .technology-header .button, #site-content.preheating .site-technologies .technology-list.technology-open .technology:not(.open) .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list.technology-open .technology:not(.open) .technology-header .apply__portal-button-element {
  color: #b4b4b4;
}

#site-content.preheating .site-technologies .technology-list .technology {
  margin-bottom: 20px;
  padding: 0;
}

#site-content.preheating .site-technologies .technology-list .technology:last-child {
  margin-bottom: 0;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-header {
  padding-top: 25px;
  padding-right: 100px;
  padding-bottom: 25px;
  padding-left: 30px;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-header .block-title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
}

@media screen and (max-width: 860px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-header .block-title {
    font-size: 24px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-header .block-title {
    float: none;
    padding-right: 0;
  }
}

#site-content.preheating .site-technologies .technology-list .technology .technology-header .block-title span {
  color: #555;
  font-weight: 300;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology .technology-header .apply__portal-button-element {
  margin-top: -2px;
  padding-top: 0;
  border: none;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology .technology-header .apply__portal-button-element {
    float: none;
    margin-top: 0;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}

#site-content.preheating .site-technologies .technology-list .technology .technology-header .button:hover, #site-content.preheating .site-technologies .technology-list .technology .technology-header #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology .technology-header .apply__portal-button-element:hover {
  background-color: transparent;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail {
  display: none;
  border-top: 2px solid #f5f5f5;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content {
  padding: 25px 30px 10px;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .content-downloads {
  width: 335px;
  margin-bottom: 20px;
  margin-left: 25px;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .content-downloads {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .content-downloads .layout-block {
  padding-bottom: 20px;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .content-downloads .layout-block::before {
  background-image: url("../images/icons/blocks/folder.png");
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .content-downloads .block-title {
  margin-bottom: 20px;
  color: #41c9e8;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .content-downloads .icon-list {
  margin-bottom: 0;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .content-downloads .icon-list .item::before {
  background-image: url("../images/icons/small/purple-download.png");
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .content-downloads .icon-list .item a {
  color: #555;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo {
  border-radius: 16px;
  background-color: #41c9e8;
  width: 335px;
  margin-bottom: 20px;
  margin-left: 25px;
  position: relative;
  overflow: hidden;
  z-index: 110;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo {
    margin-bottom: 20px;
    overflow: visible;
  }
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  border: 8px solid #003864;
  position: absolute;
  top: 30px;
  left: 50%;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon:hover {
  cursor: pointer;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar:hover {
  cursor: default;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar.left {
  right: 100%;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar.left::before {
  right: 75px;
}

@media screen and (max-width: 500px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar.left::before {
    right: 55px;
  }
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar.right {
  left: 100%;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar.right::before {
  left: 75px;
}

@media screen and (max-width: 500px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .play-icon .bar.right::before {
    left: 55px;
  }
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .promo-content {
  padding-top: 105px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .promo-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .promo-content .video-title {
  margin-bottom: 15px;
  color: #fff;
  line-height: 38px;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .promo-content .button, #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .promo-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-content .video-promo .promo-content .apply__portal-button-element {
  border-color: #003864;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites {
  padding: 25px 30px;
  border-top: 2px solid #f5f5f5;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites .site {
  width: 33.3%;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites .site {
    width: 100%;
    margin-bottom: 20px;
  }
  #site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites .site:last-of-type {
    margin-bottom: 0;
  }
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites .site .site-title {
  margin-bottom: 10px;
  color: #000;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites .site .site-title span {
  font-weight: 300;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites .site .icon-list {
  margin-bottom: 0;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites .site .icon-list .item::before {
  background-image: url("../images/icons/small/purple-download.png");
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-sites .site .icon-list .item a {
  color: #555;
}

#site-content.preheating .site-technologies .technology-list .technology .technology-detail .technology-footer {
  padding: 30px;
  border-top: 2px solid #f5f5f5;
}

#site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-header .apply__portal-button-element,
#site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-footer .button,
#site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-footer #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-footer .apply__portal-button-element {
  border-color: #003864;
  color: #003864;
}

#site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-header .button:not(.no-hover):hover, #site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-header #site-content.apply .apply__portal-button-element:not(.no-hover):hover, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-header .apply__portal-button-element:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-footer .button:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-footer #site-content.apply .apply__portal-button-element:not(.no-hover):hover,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-purple .technology-footer .apply__portal-button-element:not(.no-hover):hover {
  background-color: #003864;
  color: #fff;
}

#site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-header .apply__portal-button-element,
#site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-footer .button,
#site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-footer #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-footer .apply__portal-button-element {
  border-color: #ec2275;
  color: #ec2275;
}

#site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-header .button:not(.no-hover):hover, #site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-header #site-content.apply .apply__portal-button-element:not(.no-hover):hover, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-header .apply__portal-button-element:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-footer .button:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-footer #site-content.apply .apply__portal-button-element:not(.no-hover):hover,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-pink .technology-footer .apply__portal-button-element:not(.no-hover):hover {
  background-color: #ec2275;
  color: #fff;
}

#site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-header .apply__portal-button-element,
#site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-footer .button,
#site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-footer #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-footer .apply__portal-button-element {
  border-color: #f1488d;
  color: #f1488d;
}

#site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-header .button:not(.no-hover):hover, #site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-header #site-content.apply .apply__portal-button-element:not(.no-hover):hover, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-header .apply__portal-button-element:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-footer .button:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-footer #site-content.apply .apply__portal-button-element:not(.no-hover):hover,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-pink-light .technology-footer .apply__portal-button-element:not(.no-hover):hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-header .apply__portal-button-element,
#site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-footer .button,
#site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-footer #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-footer .apply__portal-button-element {
  border-color: #57C9E8;
  color: #57C9E8;
}

#site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-header .button:not(.no-hover):hover, #site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-header #site-content.apply .apply__portal-button-element:not(.no-hover):hover, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-header .apply__portal-button-element:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-footer .button:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-footer #site-content.apply .apply__portal-button-element:not(.no-hover):hover,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-blue .technology-footer .apply__portal-button-element:not(.no-hover):hover {
  background-color: #57C9E8;
  color: #fff;
}

#site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-header .apply__portal-button-element,
#site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-footer .button,
#site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-footer #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-footer .apply__portal-button-element {
  border-color: #41c9e8;
  color: #41c9e8;
}

#site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-header .button:not(.no-hover):hover, #site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-header #site-content.apply .apply__portal-button-element:not(.no-hover):hover, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-header .apply__portal-button-element:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-footer .button:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-footer #site-content.apply .apply__portal-button-element:not(.no-hover):hover,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-blue-light .technology-footer .apply__portal-button-element:not(.no-hover):hover {
  background-color: #41c9e8;
  color: #fff;
}

#site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-header .apply__portal-button-element,
#site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-footer .button,
#site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-footer #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-footer .apply__portal-button-element {
  border-color: #ff8200;
  color: #ff8200;
}

#site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-header .button:not(.no-hover):hover, #site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-header #site-content.apply .apply__portal-button-element:not(.no-hover):hover, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-header .apply__portal-button-element:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-footer .button:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-footer #site-content.apply .apply__portal-button-element:not(.no-hover):hover,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-orange .technology-footer .apply__portal-button-element:not(.no-hover):hover {
  background-color: #ff8200;
  color: #fff;
}

#site-content.preheating .site-technologies .technology-list .technology.block-green .technology-header .button, #site-content.preheating .site-technologies .technology-list .technology.block-green .technology-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-green .technology-header .apply__portal-button-element,
#site-content.preheating .site-technologies .technology-list .technology.block-green .technology-footer .button,
#site-content.preheating .site-technologies .technology-list .technology.block-green .technology-footer #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-green .technology-footer .apply__portal-button-element {
  border-color: #a2d40a;
  color: #a2d40a;
}

#site-content.preheating .site-technologies .technology-list .technology.block-green .technology-header .button:not(.no-hover):hover, #site-content.preheating .site-technologies .technology-list .technology.block-green .technology-header #site-content.apply .apply__portal-button-element:not(.no-hover):hover, #site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-green .technology-header .apply__portal-button-element:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-green .technology-footer .button:not(.no-hover):hover,
#site-content.preheating .site-technologies .technology-list .technology.block-green .technology-footer #site-content.apply .apply__portal-button-element:not(.no-hover):hover,
#site-content.apply #site-content.preheating .site-technologies .technology-list .technology.block-green .technology-footer .apply__portal-button-element:not(.no-hover):hover {
  background-color: #a2d40a;
  color: #fff;
}

body.page-template-preheating .ui-datepicker {
  display: none;
  background-color: rgba(30, 30, 30, 0.95);
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 500 !important;
}

body.page-template-preheating .ui-datepicker[style] {
  display: block;
}

body.page-template-preheating .ui-datepicker .ui-datepicker-header,
body.page-template-preheating .ui-datepicker .ui-datepicker-calendar {
  display: none;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap {
  border-radius: 6px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 90%;
  max-width: 480px;
  padding: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header {
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-left: 20px;
  clear: both;
  overflow: hidden;
}

@media screen and (max-width: 600px) {
  body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header {
    padding-right: 10px;
    padding-left: 10px;
  }
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header .datepicker-title {
  font-size: 20px;
  color: #41c9e8;
  font-weight: 500;
  float: left;
  line-height: 25px;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header .datepicker-close {
  border-radius: 50%;
  display: block;
  float: right;
  background-color: #003864;
  width: 25px;
  height: 25px;
  position: relative;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header .datepicker-close:hover {
  cursor: pointer;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header .datepicker-close::before, body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header .datepicker-close::after {
  border-radius: 5px;
  content: "";
  display: block;
  background-color: #fff;
  width: 18px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header .datepicker-close::before {
  transform: translate(-50%, -52%) rotate(45deg);
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-header .datepicker-close::after {
  transform: translate(-50%, -52%) rotate(-45deg);
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap {
  background-color: #f5f5f5;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-title {
  font-size: 26px;
  color: #003864;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 600px) {
  body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-title {
    font-size: 20px;
  }
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-prev,
body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-next {
  font-size: 18px;
  color: #41c9e8;
  font-weight: 500;
  position: absolute;
  bottom: 16px;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-prev:hover,
body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-next:hover {
  cursor: pointer;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
  display: none;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-prev {
  left: 15px;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-header .ui-datepicker-next {
  right: 15px;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar {
  display: table;
  width: 100%;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar th, body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar td {
  padding-top: 4px;
  padding-bottom: 4px;
  border-right: 2px solid #fff;
  text-align: center;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar th {
  font-size: 18px;
  color: #555;
  font-weight: 500;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar td a {
  border-radius: 50%;
  display: inline-block;
  width: 35px;
  height: 35px;
  color: #000;
  font-size: 18px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar td a:hover, body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar td a.ui-state-active {
  background-color: #003864;
  color: #fff;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar td.ui-state-disabled span {
  display: inline-block;
  color: #b4b4b4;
  line-height: 35px;
}

body.page-template-preheating .ui-datepicker .datepicker-outer-wrap .datepicker-wrap .ui-datepicker-calendar tr:last-child td {
  padding-bottom: 15px;
}

#site-content.replacements .page-header.has-tabs {
  padding-bottom: 50px;
}

#site-content.replacements .page-header.has-tabs .header-tabs {
  display: none;
}

#site-content.replacements .replacements .content,
#site-content.replacements .incidents .content {
  width: 44%;
}

@media screen and (max-width: 767px) {
  #site-content.replacements .replacements .content,
  #site-content.replacements .incidents .content {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
}

#site-content.replacements .replacements .content h2, #site-content.replacements .replacements .content h3, #site-content.replacements .replacements .content h4, #site-content.replacements .replacements .content h5, #site-content.replacements .replacements .content h6,
#site-content.replacements .incidents .content h2,
#site-content.replacements .incidents .content h3,
#site-content.replacements .incidents .content h4,
#site-content.replacements .incidents .content h5,
#site-content.replacements .incidents .content h6 {
  color: #555;
  font-weight: 300;
}

#site-content.replacements .replacements .content p,
#site-content.replacements .incidents .content p {
  color: #555;
}

#site-content.replacements .replacements .blocks,
#site-content.replacements .incidents .blocks {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.replacements .replacements .blocks,
  #site-content.replacements .incidents .blocks {
    float: none;
    width: 100%;
  }
}

#site-content.replacements .replacements .blocks .video-block,
#site-content.replacements .incidents .blocks .video-block {
  border-radius: 16px;
  background-color: #ec2275;
  margin-bottom: 20px;
}

#site-content.replacements .replacements .blocks .video-block article,
#site-content.replacements .incidents .blocks .video-block article {
  padding-top: 24px;
  padding-right: 30px;
  padding-bottom: 24px;
  padding-left: 30px;
}

@media screen and (max-width: 1024px) {
  #site-content.replacements .replacements .blocks .video-block article,
  #site-content.replacements .incidents .blocks .video-block article {
    text-align: center;
  }
}

#site-content.replacements .replacements .blocks .video-block article .video-title,
#site-content.replacements .incidents .blocks .video-block article .video-title {
  margin-bottom: 0;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  #site-content.replacements .replacements .blocks .video-block article .video-title,
  #site-content.replacements .incidents .blocks .video-block article .video-title {
    float: none;
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  #site-content.replacements .replacements .blocks .video-block article .video-open,
  #site-content.replacements .incidents .blocks .video-block article .video-open {
    float: none;
    margin-top: 10px;
  }
}

#site-content.replacements .replacements .blocks .video-block article .video-open:hover,
#site-content.replacements .incidents .blocks .video-block article .video-open:hover {
  color: #ec2275;
}

#site-content.replacements .replacements .blocks .issue-search,
#site-content.replacements .incidents .blocks .issue-search {
  border-radius: 16px;
  background-color: #57C9E8;
  width: 100%;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

#site-content.replacements .replacements .blocks .issue-search .search-icon,
#site-content.replacements .incidents .blocks .issue-search .search-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/wrench-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -41px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

#site-content.replacements .replacements .blocks .issue-search .search-icon .bar,
#site-content.replacements .incidents .blocks .issue-search .search-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.replacements .replacements .blocks .issue-search .search-icon .bar::before,
#site-content.replacements .incidents .blocks .issue-search .search-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.replacements .replacements .blocks .issue-search .search-icon .bar.left,
#site-content.replacements .incidents .blocks .issue-search .search-icon .bar.left {
  right: 100%;
}

#site-content.replacements .replacements .blocks .issue-search .search-icon .bar.left::before,
#site-content.replacements .incidents .blocks .issue-search .search-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.replacements .replacements .blocks .issue-search .search-icon .bar.left::before,
  #site-content.replacements .incidents .blocks .issue-search .search-icon .bar.left::before {
    right: 50px;
  }
}

#site-content.replacements .replacements .blocks .issue-search .search-icon .bar.right,
#site-content.replacements .incidents .blocks .issue-search .search-icon .bar.right {
  left: 100%;
}

#site-content.replacements .replacements .blocks .issue-search .search-icon .bar.right::before,
#site-content.replacements .incidents .blocks .issue-search .search-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.replacements .replacements .blocks .issue-search .search-icon .bar.right::before,
  #site-content.replacements .incidents .blocks .issue-search .search-icon .bar.right::before {
    left: 50px;
  }
}

#site-content.replacements .replacements .blocks .issue-search .search-content,
#site-content.replacements .incidents .blocks .issue-search .search-content {
  padding-top: 125px;
  padding-right: 40px;
  padding-left: 40px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  #site-content.replacements .replacements .blocks .issue-search .search-content,
  #site-content.replacements .incidents .blocks .issue-search .search-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

#site-content.replacements .replacements .blocks .issue-search .search-content .video-title,
#site-content.replacements .incidents .blocks .issue-search .search-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

#site-content.replacements .replacements .blocks .issue-search .post-code-search,
#site-content.replacements .incidents .blocks .issue-search .post-code-search {
  width: 100%;
  max-width: 270px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 70px;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #site-content.replacements .replacements .blocks .issue-search .post-code-search,
  #site-content.replacements .incidents .blocks .issue-search .post-code-search {
    max-width: none;
    padding-right: 20px;
    padding-left: 20px;
  }
}

#site-content.replacements .replacements .blocks .issue-search .post-code-search .search-input,
#site-content.replacements .incidents .blocks .issue-search .post-code-search .search-input {
  width: 100%;
  border-color: #fff;
  text-align: center;
}

#site-content.replacements .replacements .blocks .issue-search .post-code-search .search-submit,
#site-content.replacements .incidents .blocks .issue-search .post-code-search .search-submit {
  width: 60px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 12px;
}

@media screen and (max-width: 767px) {
  #site-content.replacements .replacements .blocks .issue-search .post-code-search .search-submit,
  #site-content.replacements .incidents .blocks .issue-search .post-code-search .search-submit {
    display: block;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    border-color: #fff;
    position: static;
    color: #fff;
  }
}

#site-content.replacements .search-sections {
  display: none;
}

#site-content.replacements .search-sections .section-header {
  margin-bottom: 25px;
}

#site-content.replacements .search-sections .section-header .section-title {
  margin: 0;
  color: #003864;
  font-size: 35px;
  font-weight: 500;
}

#site-content.replacements .search-sections .blocks {
  margin-bottom: 20px;
}

#site-content.replacements .search-sections .blocks .map-details::before {
  background-image: url("../images/icons/blocks/pin.png");
}

#site-content.replacements .search-sections .blocks .map-key::before {
  background-image: url("../images/icons/blocks/search.png");
}

#site-content.replacements .search-sections .blocks .map-key .key {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#site-content.replacements .search-sections .blocks .map-key .key .item {
  background-position: center left;
  background-repeat: no-repeat;
  height: 30px;
  margin-bottom: 6px;
  padding-left: 32px;
  line-height: 30px;
}

#site-content.replacements .search-sections .blocks .map-key .key .item:last-child {
  margin-bottom: 0;
}

#site-content.replacements .search-sections .blocks .map-key .key .item.green {
  background-image: url("../images/icons/replacements-map/key-green-circle.svg");
  background-size: 20px;
}

#site-content.replacements .search-sections .blocks .map-key .key .item.orange {
  background-image: url("../images/icons/replacements-map/key-orange-circle.svg");
  background-size: 20px;
}

#site-content.replacements .search-sections .blocks .map-key .key .item.red {
  background-size: 20px;
  background-image: url("../images/icons/replacements-map/key-red-circle.svg");
}

#site-content.replacements .search-sections .nearby-results {
  display: none;
}

#site-content.replacements .search-sections .nearby-results .results-list {
  margin: 0;
  padding: 0 0 30px;
  list-style-type: none;
}

#site-content.replacements .search-sections .nearby-results .results-list.populated .no-results {
  display: none;
}

#site-content.replacements .search-sections .nearby-results .results-list .project {
  margin-bottom: 20px;
  position: relative;
}

@media screen and (max-width: 600px) {
  #site-content.replacements .search-sections .nearby-results .results-list .project {
    padding-top: 60px;
  }
}

#site-content.replacements .search-sections .nearby-results .results-list .project:last-of-type {
  margin-bottom: 0;
}

#site-content.replacements .search-sections .nearby-results .results-list .project .button, #site-content.replacements .search-sections .nearby-results .results-list .project #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.replacements .search-sections .nearby-results .results-list .project .apply__portal-button-element {
  position: absolute;
  top: 25px;
  right: 25px;
}

@media screen and (max-width: 600px) {
  #site-content.replacements .search-sections .nearby-results .results-list .project .button, #site-content.replacements .search-sections .nearby-results .results-list .project #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.replacements .search-sections .nearby-results .results-list .project .apply__portal-button-element {
    top: 15px;
    right: 15px;
  }
}

#site-content.replacements .search-sections .nearby-results .results-list .project .block-title {
  margin-bottom: 10px;
  padding-right: 100px;
}

@media screen and (max-width: 600px) {
  #site-content.replacements .search-sections .nearby-results .results-list .project .block-title {
    padding-right: 0;
  }
}

#site-content.replacements .search-sections .nearby-results .results-list .project .block-sub-title {
  margin-bottom: 15px;
  color: #555;
  font-size: 20px;
  font-weight: 300;
}

#site-content.replacements .search-map .roadworks-map {
  display: block;
  width: 100%;
  height: 420px;
}

#site-content.incidents .page-header.has-tabs {
  padding-bottom: 50px;
}

#site-content.incidents .page-header.has-tabs .header-tabs {
  display: none;
}

#site-content.incidents .page-content {
  width: 100%;
}

#site-content.incidents .search-incidents .section-header {
  margin-bottom: 35px;
}

#site-content.incidents .search-incidents .section-header .section-title {
  margin-bottom: 25px;
  color: #003864;
  line-height: 36px;
}

#site-content.incidents .search-incidents .post-list {
  position: relative;
}

#site-content.incidents .search-incidents .post-list .post {
  margin-bottom: 20px;
  border-style: solid;
  border-width: 2px;
  /* colours */
}

#site-content.incidents .search-incidents .post-list .post::before {
  transition: all 0.2s ease-in-out;
}

#site-content.incidents .search-incidents .post-list .post .block-title {
  font-size: 26px;
  color: #555;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
  padding-right: 100px;
  line-height: 34px;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  #site-content.incidents .search-incidents .post-list .post .block-title {
    padding-right: 65px;
    font-size: 24px;
    line-height: 28px;
  }
}

#site-content.incidents .search-incidents .post-list .post .block-title .highlight {
  transition: all 0.2s ease-in-out;
  color: #003864;
  font-weight: 500;
}

#site-content.incidents .search-incidents .post-list .post .post-date {
  font-size: 14px;
  color: #555;
  font-weight: 300;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  #site-content.incidents .search-incidents .post-list .post .post-date {
    margin-bottom: 0;
  }
}

#site-content.incidents .search-incidents .post-list .post .post-date time {
  font-weight: 500;
}

@media screen and (max-width: 600px) {
  #site-content.incidents .search-incidents .post-list .post .post-date time {
    display: block;
  }
}

#site-content.incidents .search-incidents .post-list .post .post-read {
  min-width: 60px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 20px;
  right: 30px;
}

@media screen and (max-width: 600px) {
  #site-content.incidents .search-incidents .post-list .post .post-read {
    width: 55px;
    min-width: 0;
    right: 20px;
  }
}

#site-content.incidents .search-incidents .post-list .post[class*='block-icon-category'] .post-read {
  top: 70px;
}

#site-content.incidents .search-incidents .post-list .post .post-content {
  display: none;
  position: relative;
}

@media screen and (max-width: 600px) {
  #site-content.incidents .search-incidents .post-list .post .post-content {
    margin-top: 20px;
  }
}

#site-content.incidents .search-incidents .post-list .post .post-content::before {
  content: "";
  display: block;
  background-color: #f5f5f5;
  height: 2px;
  position: absolute;
  top: 0;
  right: -30px;
  left: -30px;
}

#site-content.incidents .search-incidents .post-list .post .post-content .content-area {
  padding-top: 20px;
}

#site-content.incidents .search-incidents .post-list .post.block-purple {
  border-color: #003864;
}

#site-content.incidents .search-incidents .post-list .post.block-purple .post-content .button, #site-content.incidents .search-incidents .post-list .post.block-purple .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-purple .post-content .apply__portal-button-element {
  border-color: #003864;
  color: #003864;
}

#site-content.incidents .search-incidents .post-list .post.block-purple .post-content .button:hover, #site-content.incidents .search-incidents .post-list .post.block-purple .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-purple .post-content .apply__portal-button-element:hover {
  background-color: #003864;
  color: #fff;
}

#site-content.incidents .search-incidents .post-list .post.block-blue {
  border-color: #57C9E8;
}

#site-content.incidents .search-incidents .post-list .post.block-blue .post-content .button, #site-content.incidents .search-incidents .post-list .post.block-blue .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-blue .post-content .apply__portal-button-element {
  border-color: #57C9E8;
  color: #57C9E8;
}

#site-content.incidents .search-incidents .post-list .post.block-blue .post-content .button:hover, #site-content.incidents .search-incidents .post-list .post.block-blue .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-blue .post-content .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

#site-content.incidents .search-incidents .post-list .post.block-pink {
  border-color: #ec2275;
}

#site-content.incidents .search-incidents .post-list .post.block-pink .post-content .button, #site-content.incidents .search-incidents .post-list .post.block-pink .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-pink .post-content .apply__portal-button-element {
  border-color: #ec2275;
  color: #ec2275;
}

#site-content.incidents .search-incidents .post-list .post.block-pink .post-content .button:hover, #site-content.incidents .search-incidents .post-list .post.block-pink .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-pink .post-content .apply__portal-button-element:hover {
  background-color: #ec2275;
  color: #fff;
}

#site-content.incidents .search-incidents .post-list .post.block-orange {
  border-color: #ff8200;
}

#site-content.incidents .search-incidents .post-list .post.block-orange .post-content .button, #site-content.incidents .search-incidents .post-list .post.block-orange .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-orange .post-content .apply__portal-button-element {
  border-color: #ff8200;
  color: #ff8200;
}

#site-content.incidents .search-incidents .post-list .post.block-orange .post-content .button:hover, #site-content.incidents .search-incidents .post-list .post.block-orange .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-orange .post-content .apply__portal-button-element:hover {
  background-color: #ff8200;
  color: #fff;
}

#site-content.incidents .search-incidents .post-list .post.block-green {
  border-color: #a2d40a;
}

#site-content.incidents .search-incidents .post-list .post.block-green .post-content .button, #site-content.incidents .search-incidents .post-list .post.block-green .post-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-green .post-content .apply__portal-button-element {
  border-color: #a2d40a;
  color: #a2d40a;
}

#site-content.incidents .search-incidents .post-list .post.block-green .post-content .button:hover, #site-content.incidents .search-incidents .post-list .post.block-green .post-content #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.incidents .search-incidents .post-list .post.block-green .post-content .apply__portal-button-element:hover {
  background-color: #a2d40a;
  color: #fff;
}

#site-content.incidents .search-incidents .post-list.post-open .post:not(.open) {
  border-color: #E1E1E1;
}

#site-content.incidents .search-incidents .post-list.post-open .post:not(.open)::before {
  background-color: #E1E1E1;
}

#site-content.incidents .search-incidents .post-list.post-open .post:not(.open) .block-title .highlight {
  color: #555;
}

#site-content.incidents .search-incidents .section-footer {
  padding-top: 20px;
}

#site-content.incident .incident-detail {
  position: relative;
}

#site-content.incident .incident-detail .incident-content {
  padding-right: 10px;
}

#site-content.incident .incident-detail .incident-content p {
  width: 100%;
}

@media only screen and (min-width: 767px) {
  #site-content.incident .incident-detail .incident-content {
    padding-right: 350px;
  }
}

#site-content.incident .incident-detail .incident-details {
  position: relative;
  margin-top: 15px;
}

@media screen and (min-width: 767px) {
  #site-content.incident .incident-detail .incident-details {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 305px;
  }
}

#site-content.incident .incident-detail .incident-details .layout-block::before {
  background-image: url("../images/icons/blocks/alert.png");
}

#site-content.incident .incident-detail .incident-details .layout-block .detail span {
  display: block;
}

#site-content.incident .incident-detail .incident-details .layout-block .detail span.title {
  font-weight: 500;
}

#site-content.contact .page-section {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 8px solid #fff;
}

#site-content.contact .page-section:last-child {
  padding-bottom: 60px;
  border: none;
}

#site-content.contact .contact-blocks .gas-emergency::before {
  background-image: url("../images/icons/blocks/fire.png");
}

#site-content.contact .contact-blocks .blocks .layout-block {
  width: 49%;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #site-content.contact .contact-blocks .blocks .layout-block {
    width: 100%;
  }
}

#site-content.contact .contact-blocks .blocks .layout-block.block-full {
  width: 100%;
}

#site-content.contact .contact-blocks .blocks .layout-block .block-contacts .contact {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
}

#site-content.contact .contact-blocks .blocks .layout-block .block-contacts .contact:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#site-content.contact .contact-blocks .blocks .layout-block .block-contacts .contact .name {
  margin: 0;
  color: #1E1E1E;
  font-size: 18px;
  font-weight: 500;
}

#site-content.contact .contact-blocks .blocks .layout-block .block-contacts .contact .detail {
  margin: 0;
}

#site-content.contact .contact-blocks .blocks .layout-block .block-contacts .contact .opening-hours {
  margin: 15px 0 0;
  font-size: 12px;
  line-height: 18px;
}

#site-content.contact .contact-blocks .blocks .layout-block .block-footer {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #f5f5f5;
}

#site-content.contact .contact-blocks .blocks .layout-block .block-footer p {
  color: #555;
  font-size: 16px;
  line-height: 20px;
}

#site-content.contact .contact-blocks .blocks .layout-block .block-footer p:last-of-type {
  margin-bottom: 0;
}

#site-content.contact .contact-form .gform_wrapper {
  margin-top: 15px;
}

#site-content.contact .contact-form textarea {
  max-height: 70px;
}

#site-content.contact .contact-locations .office-list .office {
  width: 50%;
  padding-right: 20px;
  box-sizing: border-box;
  vertical-align: top;
}

@media screen and (max-width: 650px) {
  #site-content.contact .contact-locations .office-list .office {
    width: 100%;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #E1E1E1;
  }
  #site-content.contact .contact-locations .office-list .office:first-child {
    padding-top: 0;
  }
  #site-content.contact .contact-locations .office-list .office:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
}

#site-content.contact .contact-locations .office-list .office .office-name {
  margin-bottom: 15px;
  color: #003864;
  font-size: 26px;
}

#site-content.contact .contact-locations .office-list .office .office-detail {
  min-height: 25px;
  margin-bottom: 10px;
  padding-left: 35px;
  position: relative;
}

#site-content.contact .contact-locations .office-list .office .office-detail::before {
  border-radius: 50%;
  content: "";
  display: block;
  background-color: #ff8200;
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}

#site-content.contact .contact-locations .office-list .office .office-detail.detail-phone::before {
  background-image: url("../images/icons/small/white-phone.png");
}

#site-content.contact .contact-locations .office-list .office .office-detail.detail-address::before {
  background-image: url("../images/icons/small/white-map-pin.png");
}

#site-content.contact .contact-locations .office-list .office .office-detail p {
  font-size: 18px;
  color: #1E1E1E;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 1px;
  line-height: 24px;
}

#site-content.contact .contact-locations .office-list .office .button, #site-content.contact .contact-locations .office-list .office #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.contact .contact-locations .office-list .office .apply__portal-button-element {
  margin-top: 10px;
}

#site-content.contact .contact-locations .locations-map-wrapper {
  display: none;
}

@media screen and (max-width: 600px) {
  #site-content.contact .contact-locations .locations-map-wrapper {
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: -10px;
  }
}

#site-content.contact .contact-locations .locations-map-wrapper .locations-map {
  display: block;
  width: 100%;
  height: 380px;
  margin-top: 40px;
}

/* content */
.infoBox {
  position: relative;
}

#site-content.contact .infoBox {
  transform: translate(-50%, -100%) !important;
}

.infoBox .info-box-wrapper {
  border-radius: 4px;
  background-color: #57C9E8;
  min-width: 200px;
}

.infoBox .info-box-wrapper::after {
  content: "";
  width: 0;
  height: 0;
  margin-left: -9px;
  border-style: solid;
  border-width: 8px 9px 0 9px;
  border-color: #57C9E8 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
}

.infoBox .info-box-wrapper .info-box-content {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.infoBox .info-box-wrapper .info-box-content p {
  font-size: 18px;
  color: #fff;
  font-family: "jaf-domus", sans-serif;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 24px;
}

#site-content.faqs .faq-section {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 60px;
}

#site-content.faqs .faq-section:nth-of-type(odd) {
  background-color: #fff;
}

#site-content.faqs .faq-section:nth-of-type(odd) .question-list .question {
  border-width: 2px;
  border-style: solid;
}

#site-content.faqs .faq-section:nth-of-type(odd) .question-list .question.block-purple {
  border-color: #003864;
}

#site-content.faqs .faq-section:nth-of-type(odd) .question-list .question.block-pink {
  border-color: #ec2275;
}

#site-content.faqs .faq-section:nth-of-type(odd) .question-list .question.block-blue {
  border-color: #57C9E8;
}

#site-content.faqs .faq-section:nth-of-type(odd) .question-list .question.block-orange {
  border-color: #ff8200;
}

#site-content.faqs .faq-section:nth-of-type(odd) .question-list .question.block-green {
  border-color: #a2d40a;
}

#site-content.faqs .faq-section .section-title {
  margin-bottom: 30px;
  color: #003864;
  line-height: 32px;
}

#site-content.faqs .faq-section .question-list .question {
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 18px;
  padding-left: 18px;
  margin-bottom: 20px;
}

#site-content.faqs .faq-section .question-list .question::before {
  z-index: 100;
}

#site-content.faqs .faq-section .question-list .question:last-child {
  margin-bottom: 0;
}

#site-content.faqs .faq-section .question-list .question.open {
  margin-top: 15px;
  margin-bottom: 15px;
}

#site-content.faqs .faq-section .question-list .question .block-title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  z-index: 110;
  color: #003864;
  line-height: 24px;
}

#site-content.faqs .faq-section .question-list .question .block-title:hover {
  cursor: pointer;
}

#site-content.faqs .faq-section .question-list .question .answer-wrapper {
  display: none;
}

#site-content.faqs .faq-section .question-list .question .answer-wrapper .answer {
  padding-right: 120px;
  padding-bottom: 15px;
}

@media screen and (max-width: 600px) {
  #site-content.faqs .faq-section .question-list .question .answer-wrapper .answer {
    padding-right: 15px;
  }
}

#site-content.faqs .faq-section.question-open .question-list .question:not(.open) {
  margin-bottom: 5px;
  border-color: #E1E1E1 !important;
}

#site-content.faqs .faq-section.question-open .question-list .question:not(.open)::before {
  background-color: #E1E1E1 !important;
}

#site-content.faqs .faq-section.question-open .question-list .question:not(.open) .block-title {
  color: #555;
}

#site-content.outputs .content-area h3, #site-content.outputs .content-area h4, #site-content.outputs .content-area h5 {
  color: #555;
  font-weight: 300;
}

#site-content.outputs .primary-content .content-area.left {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .primary-content .content-area.left {
    float: none;
    width: 100%;
  }
}

#site-content.outputs .primary-content .content-image {
  border-radius: 12px;
  width: 48%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .primary-content .content-image {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

#site-content.outputs .primary-content .content-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .primary-content .content-image img {
    border-radius: 12px;
    margin-right: auto;
    margin-left: auto;
  }
}

#site-content.outputs .primary-content .layout-block-column {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .primary-content .layout-block-column {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

#site-content.outputs .primary-content .layout-block-column .layout-block {
  margin-bottom: 20px;
}

#site-content.outputs .primary-content .layout-block-column .layout-block:last-child {
  margin-bottom: 0;
}

#site-content.outputs .primary-content .layout-block-column .layout-block .block-title {
  margin-bottom: 10px;
  font-size: 26px;
}

#site-content.outputs .output-tables .output {
  width: 100%;
  margin-top: 30px;
  table-layout: fixed;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output {
    width: 110%;
    margin-left: -5%;
  }
  #site-content.outputs .output-tables .output, #site-content.outputs .output-tables .output thead, #site-content.outputs .output-tables .output tbody, #site-content.outputs .output-tables .output tr {
    display: block;
  }
}

#site-content.outputs .output-tables .output thead th {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  vertical-align: bottom;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}

#site-content.outputs .output-tables .output thead th.lead {
  padding-right: 0;
  padding-bottom: 7px;
  padding-left: 0;
  font-size: 26px;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output thead th.lead {
    display: block;
    border-bottom: 1px solid #fff;
    padding-right: 5%;
    padding-left: 5%;
    font-size: 24px;
  }
}

#site-content.outputs .output-tables .output thead th.target, #site-content.outputs .output-tables .output thead th.status {
  width: 11.2%;
}

@media screen and (max-width: 960px) {
  #site-content.outputs .output-tables .output thead th.target, #site-content.outputs .output-tables .output thead th.status {
    width: 17.5%;
  }
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output thead th.target, #site-content.outputs .output-tables .output thead th.status {
    display: none;
  }
}

#site-content.outputs .output-tables .output thead th.target {
  padding-left: 26px;
}

#site-content.outputs .output-tables .output thead th.years {
  width: 23.2%;
  padding-right: 12px;
  padding-left: 12px;
}

@media screen and (max-width: 960px) {
  #site-content.outputs .output-tables .output thead th.years {
    width: 25%;
  }
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output thead th.years {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output tbody tr {
    display: block;
    margin-bottom: 10px;
  }
  #site-content.outputs .output-tables .output tbody tr:last-child {
    margin-bottom: 0;
  }
}

#site-content.outputs .output-tables .output tbody tr td {
  border-top: 2px solid #fff;
  padding: 10px;
  padding-left: 0;
  vertical-align: top;
  color: #1E1E1E;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output tbody tr td {
    display: block;
    width: 100% !important;
    padding-right: 5%;
    padding-left: 5%;
    box-sizing: border-box;
    border-top: none !important;
    border-right: none !important;
    border-bottom: 2px solid #f5f5f5;
    border-left: none !important;
    text-align: right;
  }
}

#site-content.outputs .output-tables .output tbody tr td span {
  color: #b4b4b4;
  font-size: 14px;
}

#site-content.outputs .output-tables .output tbody tr td.lead {
  width: 52%;
  position: relative;
}

@media screen and (max-width: 960px) {
  #site-content.outputs .output-tables .output tbody tr td.lead {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output tbody tr td.lead {
    text-align: left;
  }
}

#site-content.outputs .output-tables .output tbody tr td.lead .title {
  padding-right: 30px;
  position: relative;
  font-weight: 300;
}

#site-content.outputs .output-tables .output tbody tr td.lead .tooltip-icon {
  border-radius: 50%;
  font-size: 14px;
  color: #003864;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  display: block;
  background-color: #efdf00;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 9px;
  right: 0;
  line-height: 26px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output tbody tr td.lead .tooltip-icon {
    right: 5%;
  }
}

#site-content.outputs .output-tables .output tbody tr td.lead .tooltip-icon:hover {
  background-color: #003864;
  cursor: pointer;
  color: #fff;
}

#site-content.outputs .output-tables .output tbody tr td.lead .tooltip-content {
  border-radius: 4px;
  display: none;
  background-color: #003864;
  margin-top: 10px;
  padding: 10px 15px;
}

#site-content.outputs .output-tables .output tbody tr td.lead .tooltip-content p {
  color: #fff;
}

#site-content.outputs .output-tables .output tbody tr td.target {
  border-left: 38px solid #f5f5f5;
}

#site-content.outputs .output-tables .output tbody tr td.status {
  border-left: 6px solid #f5f5f5;
}

#site-content.outputs .output-tables .output tbody tr td.status.status-ahead {
  color: #fff;
}

#site-content.outputs .output-tables .output tbody tr td.status.status-behind {
  background-color: #555;
  color: #fff;
}

#site-content.outputs .output-tables .output tbody tr td.status.status-on-target, #site-content.outputs .output-tables .output tbody tr td.status.status-na {
  background-color: #E1E1E1;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output tbody tr td.target, #site-content.outputs .output-tables .output tbody tr td.status {
    position: relative;
  }
  #site-content.outputs .output-tables .output tbody tr td.target::before, #site-content.outputs .output-tables .output tbody tr td.status::before {
    content: attr(data-label);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    font-size: 18px;
    font-weight: 500;
    line-height: 44px;
  }
}

#site-content.outputs .output-tables .output tbody tr td.inverse {
  background-color: #fff;
  width: 12%;
  padding-left: 10px;
  border-color: #f5f5f5;
  color: #555;
}

#site-content.outputs .output-tables .output tbody tr td.inverse:last-child {
  border-right: none;
}

#site-content.outputs .output-tables .output tbody tr td.years {
  width: 23.2%;
  padding: 0;
  border-left: 4px solid #f5f5f5;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output tbody tr td.years {
    border-left: none;
  }
}

#site-content.outputs .output-tables .output tbody tr td.years .year {
  background-color: #fff;
  max-width: 120px;
  border-right: 5px solid #f5f5f5;
  border-left: 5px solid #f5f5f5;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output tbody tr td.years .year {
    width: 100%;
    max-width: none;
    padding-right: 5%;
    padding-left: 5%;
    border-right: none;
    border-bottom: 2px solid #f5f5f5;
    border-left: none;
    position: relative;
    box-sizing: border-box;
    text-align: right;
  }
  #site-content.outputs .output-tables .output tbody tr td.years .year:last-child {
    border-bottom: none;
  }
  #site-content.outputs .output-tables .output tbody tr td.years .year::before {
    content: attr(data-label);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    font-size: 18px;
    font-weight: 500;
    line-height: 44px;
  }
}

#site-content.outputs .output-tables .output.has-sliders .lead {
  width: 30%;
}

#site-content.outputs .output-tables .output.has-sliders .years {
  background-color: transparent;
  padding-right: 22px;
  padding-left: 22px;
  position: relative;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .output-tables .output.has-sliders .years {
    padding-right: 0;
    padding-left: 0;
  }
}

#site-content.outputs .output-tables .output.has-sliders .years .slick-arrow {
  transition: all 0.1s ease-in-out;
  display: block;
  background-position: center 16px;
  background-repeat: no-repeat;
  width: 20px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
  color: transparent;
  font-size: 0;
  text-indent: -999px;
}

#site-content.outputs .output-tables .output.has-sliders .years .slick-arrow:hover {
  cursor: pointer;
}

#site-content.outputs .output-tables .output.has-sliders .years .slick-arrow.slick-prev {
  background-image: url("../images/icons/arrows/small-white-left.png");
  left: -20px;
}

#site-content.outputs .output-tables .output.has-sliders .years .slick-arrow.slick-next {
  background-image: url("../images/icons/arrows/small-white-right.png");
  right: -22px;
}

#site-content.outputs .output-tables .output.has-sliders .years .slick-arrow.slick-disabled {
  background-color: #E1E1E1;
}

#site-content.outputs .case-studies .case-studies-content {
  margin-bottom: 30px;
}

#site-content.outputs .case-studies .case-study-list.case-study-open .case-study:not(.open)::before {
  background-color: #E1E1E1;
}

#site-content.outputs .case-studies .case-study-list.case-study-open .case-study:not(.open) .toggle-case-study {
  color: #b4b4b4;
}

#site-content.outputs .case-studies .case-study-list .case-study {
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 0;
}

#site-content.outputs .case-studies .case-study-list .case-study:last-child {
  margin-bottom: 0;
}

#site-content.outputs .case-studies .case-study-list .case-study.open .case-study-header .block-title {
  line-height: 58px;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study.open .case-study-header .block-title {
    line-height: 28px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-header {
  padding-top: 12px;
  padding-right: 100px;
  padding-bottom: 12px;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-header {
    padding-right: 90px;
    padding-left: 20px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-header::before {
  content: "";
  background-color: transparent;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 30px;
  z-index: 100;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-header::before {
    right: 20px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-header .block-title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  color: #555;
  font-size: 26px;
  font-weight: 300;
  line-height: 34px;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-header .block-title {
    float: none;
    padding-right: 0;
    line-height: 28px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-header .block-title span {
  color: #555;
  font-weight: 300;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-header .button, #site-content.outputs .case-studies .case-study-list .case-study .case-study-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.outputs .case-studies .case-study-list .case-study .case-study-header .apply__portal-button-element {
  border: none;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-header .button, #site-content.outputs .case-studies .case-study-list .case-study .case-study-header #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.outputs .case-studies .case-study-list .case-study .case-study-header .apply__portal-button-element {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-header .button:hover, #site-content.outputs .case-studies .case-study-list .case-study .case-study-header #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.outputs .case-studies .case-study-list .case-study .case-study-header .apply__portal-button-element:hover {
  background-color: transparent;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content {
  display: none;
  border-top: 2px solid #f5f5f5;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .content-area {
  padding: 25px 30px;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .content-area {
    padding: 15px 20px 20px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo {
  border-radius: 16px;
  width: 335px;
  margin-bottom: 20px;
  margin-left: 25px;
  position: relative;
  overflow: hidden;
  z-index: 110;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo {
    margin-bottom: 20px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  border: 8px solid #003864;
  position: absolute;
  top: 30px;
  left: 50%;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon:hover {
  cursor: pointer;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar:hover {
  cursor: default;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar.left {
  right: 100%;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar.left::before {
  right: 75px;
}

@media screen and (max-width: 500px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar.left::before {
    right: 55px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar.right {
  left: 100%;
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar.right::before {
  left: 75px;
}

@media screen and (max-width: 500px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .play-icon .bar.right::before {
    left: 55px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .promo-content {
  padding-top: 105px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .promo-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .promo-content .video-title {
  margin-bottom: 15px;
  color: #fff;
  font-weight: 500;
  font-size: 26px;
  line-height: 38px;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .promo-content .video-title {
    margin-bottom: 15px;
    line-height: 28px;
  }
}

#site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .promo-content .button, #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .promo-content #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.outputs .case-studies .case-study-list .case-study .case-study-content .video-promo .promo-content .apply__portal-button-element {
  border-color: #003864;
}

#site-content.outputs .investments-partners .section-block {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .investments-partners .section-block {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  #site-content.outputs .investments-partners .section-block:last-child {
    margin-bottom: 0;
  }
}

#site-content.outputs .investments-partners .section-block .block-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#site-content.outputs .investments-partners .section-block .block-list .item {
  margin-bottom: 5px;
}

#site-content.outputs .investments-partners .section-block .block-list .item.hidden {
  display: none;
}

#site-content.outputs .investments-partners .section-block .block-list-expand {
  margin-top: 15px;
}

#site-content.outputs .feedback-bar {
  background-color: #003864;
  padding-top: 50px;
  padding-bottom: 50px;
}

#site-content.outputs .feedback-bar .feedback-text {
  margin: 0;
  color: #fff;
}

@media screen and (max-width: 767px) {
  #site-content.outputs .feedback-bar .feedback-text {
    float: none;
    font-size: 35px;
    line-height: 36px;
  }
}

@media screen and (max-width: 767px) {
  #site-content.outputs .feedback-bar .button, #site-content.outputs .feedback-bar #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.outputs .feedback-bar .apply__portal-button-element {
    float: none;
    margin-top: 20px;
  }
}

#site-content.outputs.purple .primary-content .content-title,
#site-content.outputs.purple .output-tables .content-title,
#site-content.outputs.purple .output-tables .output th.lead,
#site-content.outputs.purple .secondary-content .content-title,
#site-content.outputs.purple .case-studies .content-title,
#site-content.outputs.purple .case-studies .case-study .case-study-header .button,
#site-content.outputs.purple .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.purple .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.purple .case-studies .case-study-content .case-study-close,
#site-content.outputs.purple .investments-partners .section-block h2 {
  color: #003864;
}

#site-content.outputs.purple .output-tables .output td.status-ahead,
#site-content.outputs.purple .output-tables .output td.years .slick-arrow,
#site-content.outputs.purple .case-studies .case-study-content .video-promo {
  background-color: #003864;
}

#site-content.outputs.purple .case-studies .case-study-content .case-study-close {
  border-color: #003864;
}

#site-content.outputs.purple .case-studies .case-study-content .case-study-close:hover {
  background-color: #003864;
  color: #fff;
}

#site-content.outputs.blue .primary-content .content-title,
#site-content.outputs.blue .output-tables .content-title,
#site-content.outputs.blue .output-tables .output th.lead,
#site-content.outputs.blue .secondary-content .content-title,
#site-content.outputs.blue .case-studies .content-title,
#site-content.outputs.blue .case-studies .case-study .case-study-header .button,
#site-content.outputs.blue .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.blue .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.blue .case-studies .case-study-content .case-study-close,
#site-content.outputs.blue .investments-partners .section-block h2 {
  color: #57C9E8;
}

#site-content.outputs.blue .output-tables .output td.status-ahead,
#site-content.outputs.blue .output-tables .output td.years .slick-arrow,
#site-content.outputs.blue .case-studies .case-study-content .video-promo {
  background-color: #57C9E8;
}

#site-content.outputs.blue .case-studies .case-study-content .case-study-close {
  border-color: #57C9E8;
}

#site-content.outputs.blue .case-studies .case-study-content .case-study-close:hover {
  background-color: #57C9E8;
  color: #fff;
}

#site-content.outputs.blue-light .primary-content .content-title,
#site-content.outputs.blue-light .output-tables .content-title,
#site-content.outputs.blue-light .output-tables .output th.lead,
#site-content.outputs.blue-light .secondary-content .content-title,
#site-content.outputs.blue-light .case-studies .content-title,
#site-content.outputs.blue-light .case-studies .case-study .case-study-header .button,
#site-content.outputs.blue-light .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.blue-light .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.blue-light .case-studies .case-study-content .case-study-close {
  color: #41c9e8;
}

#site-content.outputs.blue-light .output-tables .output td.status-ahead,
#site-content.outputs.blue-light .output-tables .output td.years .slick-arrow,
#site-content.outputs.blue-light .case-studies .case-study-content .video-promo {
  background-color: #41c9e8;
}

#site-content.outputs.blue-light .case-studies .case-study-content .case-study-close {
  border-color: #41c9e8;
}

#site-content.outputs.blue-light .case-studies .case-study-content .case-study-close:hover {
  background-color: #41c9e8;
  color: #fff;
}

#site-content.outputs.pink .primary-content .content-title,
#site-content.outputs.pink .output-tables .content-title,
#site-content.outputs.pink .output-tables .output th.lead,
#site-content.outputs.pink .secondary-content .content-title,
#site-content.outputs.pink .case-studies .content-title,
#site-content.outputs.pink .case-studies .case-study .case-study-header .button,
#site-content.outputs.pink .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.pink .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.pink .case-studies .case-study-content .case-study-close,
#site-content.outputs.pink .investments-partners .section-block h2 {
  color: #ec2275;
}

#site-content.outputs.pink .output-tables .output td.status-ahead,
#site-content.outputs.pink .output-tables .output td.years .slick-arrow,
#site-content.outputs.pink .case-studies .case-study-content .video-promo {
  background-color: #ec2275;
}

#site-content.outputs.pink .case-studies .case-study-content .case-study-close {
  border-color: #ec2275;
}

#site-content.outputs.pink .case-studies .case-study-content .case-study-close:hover {
  background-color: #ec2275;
  color: #fff;
}

#site-content.outputs.pink-light .primary-content .content-title,
#site-content.outputs.pink-light .output-tables .content-title,
#site-content.outputs.pink-light .output-tables .output th.lead,
#site-content.outputs.pink-light .secondary-content .content-title,
#site-content.outputs.pink-light .case-studies .content-title,
#site-content.outputs.pink-light .case-studies .case-study .case-study-header .button,
#site-content.outputs.pink-light .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.pink-light .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.pink-light .case-studies .case-study-content .case-study-close,
#site-content.outputs.pink-light .investments-partners .section-block h2 {
  color: #f1488d;
}

#site-content.outputs.pink-light .output-tables .output td.status-ahead,
#site-content.outputs.pink-light .output-tables .output td.years .slick-arrow,
#site-content.outputs.pink-light .case-studies .case-study-content .video-promo {
  background-color: #f1488d;
}

#site-content.outputs.pink-light .case-studies .case-study-content .case-study-close {
  border-color: #f1488d;
}

#site-content.outputs.pink-light .case-studies .case-study-content .case-study-close:hover {
  background-color: #f1488d;
  color: #fff;
}

#site-content.outputs.orange .primary-content .content-title,
#site-content.outputs.orange .output-tables .content-title,
#site-content.outputs.orange .output-tables .output th.lead,
#site-content.outputs.orange .secondary-content .content-title,
#site-content.outputs.orange .case-studies .content-title,
#site-content.outputs.orange .case-studies .case-study .case-study-header .button,
#site-content.outputs.orange .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.orange .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.orange .case-studies .case-study-content .case-study-close,
#site-content.outputs.orange .investments-partners .section-block h2 {
  color: #ff8200;
}

#site-content.outputs.orange .output-tables .output td.status-ahead,
#site-content.outputs.orange .output-tables .output td.years .slick-arrow,
#site-content.outputs.orange .case-studies .case-study-content .video-promo {
  background-color: #ff8200;
}

#site-content.outputs.orange .case-studies .case-study-content .case-study-close {
  border-color: #ff8200;
}

#site-content.outputs.orange .case-studies .case-study-content .case-study-close:hover {
  background-color: #ff8200;
  color: #fff;
}

#site-content.outputs.green .primary-content .content-title,
#site-content.outputs.green .output-tables .content-title,
#site-content.outputs.green .output-tables .output th.lead,
#site-content.outputs.green .secondary-content .content-title,
#site-content.outputs.green .case-studies .content-title,
#site-content.outputs.green .case-studies .case-study .case-study-header .button,
#site-content.outputs.green .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.green .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.green .case-studies .case-study-content .case-study-close,
#site-content.outputs.green .investments-partners .section-block h2 {
  color: #a2d40a;
}

#site-content.outputs.green .output-tables .output td.status-ahead,
#site-content.outputs.green .output-tables .output td.years .slick-arrow,
#site-content.outputs.green .case-studies .case-study-content .video-promo {
  background-color: #a2d40a;
}

#site-content.outputs.green .case-studies .case-study-content .case-study-close {
  border-color: #a2d40a;
}

#site-content.outputs.green .case-studies .case-study-content .case-study-close:hover {
  background-color: #a2d40a;
  color: #fff;
}

#site-content.outputs.green-darker .primary-content .content-title,
#site-content.outputs.green-darker .output-tables .content-title,
#site-content.outputs.green-darker .output-tables .output th.lead,
#site-content.outputs.green-darker .secondary-content .content-title,
#site-content.outputs.green-darker .case-studies .content-title,
#site-content.outputs.green-darker .case-studies .case-study .case-study-header .button,
#site-content.outputs.green-darker .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.green-darker .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.green-darker .case-studies .case-study-content .case-study-close {
  color: #00b18a;
}

#site-content.outputs.green-darker .output-tables .output td.status-ahead,
#site-content.outputs.green-darker .output-tables .output td.years .slick-arrow,
#site-content.outputs.green-darker .case-studies .case-study-content .video-promo {
  background-color: #00b18a;
}

#site-content.outputs.green-darker .case-studies .case-study-content .case-study-close {
  border-color: #00b18a;
}

#site-content.outputs.green-darker .case-studies .case-study-content .case-study-close:hover {
  background-color: #00b18a;
  color: #fff;
}

#site-content.outputs.yellow .primary-content .content-title,
#site-content.outputs.yellow .output-tables .content-title,
#site-content.outputs.yellow .output-tables .output th.lead,
#site-content.outputs.yellow .secondary-content .content-title,
#site-content.outputs.yellow .case-studies .content-title,
#site-content.outputs.yellow .case-studies .case-study .case-study-header .button,
#site-content.outputs.yellow .case-studies .case-study .case-study-header #site-content.apply .apply__portal-button-element,
#site-content.apply #site-content.outputs.yellow .case-studies .case-study .case-study-header .apply__portal-button-element,
#site-content.outputs.yellow .case-studies .case-study-content .case-study-close {
  color: #efdf00;
}

#site-content.outputs.yellow .output-tables .output td.status-ahead,
#site-content.outputs.yellow .output-tables .output td.years .slick-arrow,
#site-content.outputs.yellow .case-studies .case-study-content .video-promo {
  background-color: #efdf00;
  color: #003864;
}

#site-content.outputs.yellow .case-studies .case-study-content .case-study-close {
  border-color: #efdf00;
  color: #003864;
}

#site-content.outputs.yellow .case-studies .case-study-content .case-study-close:hover {
  background-color: #efdf00;
  color: #003864;
}

#site-content.statistics .statistic-block {
  width: 100%;
  margin-bottom: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
  /* colours */
  /* content */
}

#site-content.statistics .statistic-block:last-child {
  margin-bottom: 0;
}

#site-content.statistics .statistic-block.block-purple {
  background-color: #003864;
}

#site-content.statistics .statistic-block.block-blue {
  background-color: #57C9E8;
}

#site-content.statistics .statistic-block.block-blue-light {
  background-color: #41c9e8;
}

#site-content.statistics .statistic-block.block-pink {
  background-color: #ec2275;
}

#site-content.statistics .statistic-block.block-pink-light {
  background-color: #f1488d;
}

#site-content.statistics .statistic-block.block-orange {
  background-color: #ff8200;
}

#site-content.statistics .statistic-block.block-green {
  background-color: #a2d40a;
}

#site-content.statistics .statistic-block.block-green-darker {
  background-color: #00b18a;
}

#site-content.statistics .statistic-block.block-yellow {
  background-color: #efdf00;
}

#site-content.statistics .statistic-block.block-yellow .block-content .block-title {
  color: #003864;
}

#site-content.statistics .statistic-block .block-icon {
  position: relative;
}

#site-content.statistics .statistic-block .block-icon::before, #site-content.statistics .statistic-block .block-icon::after {
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: 50%;
}

#site-content.statistics .statistic-block .block-icon::before {
  left: 50%;
  margin-left: -250px;
}

@media screen and (max-width: 767px) {
  #site-content.statistics .statistic-block .block-icon::before {
    margin-left: -120px;
  }
}

#site-content.statistics .statistic-block .block-icon::after {
  right: 50%;
  margin-right: -250px;
}

@media screen and (max-width: 767px) {
  #site-content.statistics .statistic-block .block-icon::after {
    margin-right: -120px;
  }
}

#site-content.statistics .statistic-block .block-icon .icon {
  border-radius: 50%;
  display: block;
  background-color: #fff;
  width: 85px;
  height: 85px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  border: 8px solid #003864;
  position: relative;
}

#site-content.statistics .statistic-block .block-icon .icon img {
  transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
}

#site-content.statistics .statistic-block .block-icon .icon-bar {
  transform: translateY(-50%);
  display: block;
  background-color: #003864;
  width: 100%;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

#site-content.statistics .statistic-block .block-icon .icon-bar::before, #site-content.statistics .statistic-block .block-icon .icon-bar::after {
  transform: translateX(-50%);
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

#site-content.statistics .statistic-block .block-icon .icon-bar::before {
  left: 50%;
  margin-left: -500px;
}

#site-content.statistics .statistic-block .block-icon .icon-bar::after {
  right: 50%;
  margin-right: -500px;
}

#site-content.statistics .statistic-block .block-content {
  text-align: center;
}

@media screen and (max-width: 600px) {
  #site-content.statistics .statistic-block .block-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

#site-content.statistics .statistic-block .block-content .block-title {
  font-size: 42px;
  color: #fff;
  font-weight: 500;
  line-height: 42px;
}

#site-content.search-results .results .post-list {
  position: relative;
}

#site-content.search-results .results .post-list.loading-category {
  background-image: url("../images/icons/loading-purple-large.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75px 75px;
  min-height: 150px;
}

#site-content.search-results .results .post-list .post {
  margin-bottom: 20px;
}

#site-content.search-results .results .post-list .post::before {
  transition: all 0.2s ease-in-out;
}

#site-content.search-results .results .post-list .post .block-title {
  font-size: 26px;
  color: #003864;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
  padding-right: 100px;
  line-height: 34px;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  #site-content.search-results .results .post-list .post .block-title {
    padding-right: 75px;
    font-size: 24px;
    line-height: 28px;
  }
}

#site-content.search-results .results .post-list .post .block-title .highlight {
  transition: all 0.2s ease-in-out;
  color: #003864;
  font-weight: 500;
}

#site-content.search-results .results .post-list .post .button, #site-content.search-results .results .post-list .post #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.search-results .results .post-list .post .apply__portal-button-element {
  min-width: 60px;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 20px;
  right: 30px;
}

@media screen and (max-width: 600px) {
  #site-content.search-results .results .post-list .post .button, #site-content.search-results .results .post-list .post #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.search-results .results .post-list .post .apply__portal-button-element {
    width: 55px;
    min-width: 0;
    right: 20px;
  }
}

#site-content.search-results .results .results-footer {
  padding-top: 20px;
}

#site-content.search-results .results .search-footer {
  padding-top: 20px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  #site-content.search-results .results .search-footer {
    background-color: #f5f5f5;
    padding-top: 0;
    padding-bottom: 60px;
  }
}

#site-content.search-results .results .search-footer h3 {
  font-size: 28px;
  color: #555;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 28px;
}

@media screen and (max-width: 600px) {
  #site-content.search-results .results .search-footer h3 {
    padding-right: 50px;
    padding-left: 50px;
    color: #555;
  }
}

#site-content.search-results .results .search-footer .button, #site-content.search-results .results .search-footer #site-content.apply .apply__portal-button-element, #site-content.apply #site-content.search-results .results .search-footer .apply__portal-button-element {
  border-color: #555;
  color: #555;
}

#site-content.search-results .results .search-footer .button:hover, #site-content.search-results .results .search-footer #site-content.apply .apply__portal-button-element:hover, #site-content.apply #site-content.search-results .results .search-footer .apply__portal-button-element:hover {
  background-color: #555;
  color: #fff;
}

#site-content.sitemap .sitemap-section {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #fff;
}

#site-content.sitemap .sitemap-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#site-content.sitemap .sitemap-section .layout-block {
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 16px 20px;
}

#site-content.sitemap .sitemap-section .layout-block:last-of-type {
  margin-bottom: 0;
}

#site-content.sitemap .sitemap-section .layout-block.no-children::before {
  border-radius: 0;
}

#site-content.sitemap .sitemap-section .layout-block .block-title {
  margin-bottom: 0;
  font-size: 26px;
  line-height: 28px;
}

@media screen and (max-width: 500px) {
  #site-content.sitemap .sitemap-section .layout-block .block-title {
    font-size: 20px;
    line-height: 22px;
  }
  #site-content.sitemap .sitemap-section .layout-block .block-title a {
    display: inline;
  }
}

#site-content.sitemap .sitemap-section .layout-block .block-content {
  padding-top: 15px;
  padding-bottom: 10px;
}

#site-content.sitemap .sitemap-section .layout-block .block-content > .children::before, #site-content.sitemap .sitemap-section .layout-block .block-content > .children::after {
  content: "";
  display: block;
  background-color: #E1E1E1;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 50;
}

#site-content.sitemap .sitemap-section .layout-block .block-content > .children::before {
  transform: translateX(-1px);
  left: 33.3%;
}

@media screen and (max-width: 767px) {
  #site-content.sitemap .sitemap-section .layout-block .block-content > .children::before {
    left: 50%;
  }
}

@media screen and (max-width: 500px) {
  #site-content.sitemap .sitemap-section .layout-block .block-content > .children::before {
    display: none;
  }
}

#site-content.sitemap .sitemap-section .layout-block .block-content > .children::after {
  transform: translateX(1px);
  right: 33.3%;
}

@media screen and (max-width: 767px) {
  #site-content.sitemap .sitemap-section .layout-block .block-content > .children::after {
    display: none;
  }
}

#site-content.sitemap .sitemap-section .layout-block .block-content .children {
  position: relative;
  list-style-type: none;
}

#site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li {
  width: 33.3%;
  margin-bottom: 5px;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box;
  vertical-align: top;
}

@media screen and (min-width: 767px) {
  #site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li:nth-of-type(3n) {
    padding-right: 0;
    border-right: none;
  }
  #site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li:nth-of-type(3n+1) {
    padding-left: 0;
    border-left: none;
  }
}

@media screen and (max-width: 767px) and (min-width: 501px) {
  #site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li {
    width: 50%;
  }
  #site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li:nth-of-type(2n) {
    padding-right: 0;
    border-right: none;
  }
  #site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li:nth-of-type(2n+1) {
    padding-left: 0;
    border-left: none;
  }
}

@media screen and (max-width: 500px) {
  #site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}

#site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li a {
  font-size: 18px;
  color: #555;
  font-weight: 500;
  display: inline-block;
  margin-left: 15px;
  position: relative;
  z-index: 50;
  line-height: 28px;
  text-decoration: none;
}

#site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li a::before {
  border-radius: 50%;
  content: "";
  display: block;
  background-color: #b4b4b4;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 10px;
  left: -15px;
}

#site-content.sitemap .sitemap-section .layout-block .block-content .children.secondary > li a::after {
  transition: all 0.2s ease-in-out;
  content: "";
  display: block;
  background-color: #E1E1E1;
  width: 100%;
  height: 2px;
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  z-index: -1;
}

#site-content.sitemap .sitemap-section .layout-block .block-content .children.tertiary li a {
  margin-left: 30px;
  font-weight: 300;
}

#site-content.sitemap .sitemap-section .layout-block.block-purple .children.secondary > li > a::before {
  background-color: #003864;
}

#site-content.sitemap .sitemap-section .layout-block.block-purple .children.secondary > li > a:hover::after {
  background-color: #003864;
}

#site-content.sitemap .sitemap-section .layout-block.block-blue .children.secondary > li > a::before {
  background-color: #57C9E8;
}

#site-content.sitemap .sitemap-section .layout-block.block-blue .children.secondary > li > a:hover::after {
  background-color: #57C9E8;
}

#site-content.sitemap .sitemap-section .layout-block.block-blue-light .children.secondary > li > a::before {
  background-color: #41c9e8;
}

#site-content.sitemap .sitemap-section .layout-block.block-blue-light .children.secondary > li > a:hover::after {
  background-color: #41c9e8;
}

#site-content.sitemap .sitemap-section .layout-block.block-pink .children.secondary > li > a::before {
  background-color: #ec2275;
}

#site-content.sitemap .sitemap-section .layout-block.block-pink .children.secondary > li > a:hover::after {
  background-color: #ec2275;
}

#site-content.sitemap .sitemap-section .layout-block.block-pink-light .children.secondary > li > a::before {
  background-color: #f1488d;
}

#site-content.sitemap .sitemap-section .layout-block.block-pink-light .children.secondary > li > a:hover::after {
  background-color: #f1488d;
}

#site-content.sitemap .sitemap-section .layout-block.block-orange .children.secondary > li > a::before {
  background-color: #ff8200;
}

#site-content.sitemap .sitemap-section .layout-block.block-orange .children.secondary > li > a:hover::after {
  background-color: #ff8200;
}

#site-content.sitemap .sitemap-section .layout-block.block-green .children.secondary > li > a::before {
  background-color: #a2d40a;
}

#site-content.sitemap .sitemap-section .layout-block.block-green .children.secondary > li > a:hover::after {
  background-color: #a2d40a;
}

#site-content.sitemap .sitemap-section .layout-block.block-yellow .children.secondary > li > a::before {
  background-color: #efdf00;
}

#site-content.sitemap .sitemap-section .layout-block.block-yellow .children.secondary > li > a:hover::after {
  background-color: #efdf00;
}

.c-co-hero-hero {
  padding: 10vh 20px;
  background: #fc5f1f;
  background: linear-gradient(0deg, #fc5f1f 32%, #f7ae00 75%, #efdf00 100%);
  text-align: center;
  color: #fff;
}

.c-co-hero-hero__image {
  width: 100%;
  display: block;
}

.c-co-hero-hero__image img {
  max-width: 90%;
  display: block;
  margin: 0 auto;
}

.c-co-hero-hero__heading {
  font-size: 100px;
}

@media (max-width: 450px) {
  .c-co-hero-hero__heading {
    font-size: 45px;
  }
}

.c-co-hero-hero__copy {
  max-width: 460px;
  margin: 0 auto;
  font-size: 25px;
}

.c-co-hero-hero__copy strong {
  font-weight: bold;
}

.c-co-hero-hero__copy .button, .c-co-hero-hero__copy #site-content.apply .apply__portal-button-element, #site-content.apply .c-co-hero-hero__copy .apply__portal-button-element {
  margin-top: 2em;
}

.c-co-hero-hero__copy p {
  padding-bottom: 15px;
}

.c-co-hero-hero__copy p a {
  color: #003864;
  text-decoration: none;
}

.c-co-hero-hero__copy p a:hover {
  text-decoration: underline;
}

.c-co-hero-hero--reverse-gradient {
  background: #fc5f1f;
  background: linear-gradient(180deg, #fc5f1f 32%, #f7ae00 75%, #efdf00 100%);
}

.c-popup {
  padding: 20px 10px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.7);
}

.c-popup__heading {
  padding: 4rem 0;
  background-color: rgba(59, 45, 122, 0.04);
  color: #3B2D7A;
}

.c-popup__heading h2 {
  font-weight: 300 !important;
}

.c-popup__heading h2 > strong {
  font-weight: bold;
}

.c-popup__heading h3 {
  margin: 10px 0;
  font-weight: 300 !important;
  color: #3B2D7A;
}

.c-popup__heading p {
  margin: 20px 0;
}

.c-popup__heading--badge {
  padding-bottom: 0;
}

.c-popup__heading .button, .c-popup__heading #site-content.apply .apply__portal-button-element, #site-content.apply .c-popup__heading .apply__portal-button-element {
  display: block;
  width: 100%;
}

.c-popup__heading h2, .c-popup__body h2 {
  color: #3B2D7A;
  font-size: 60px;
  line-height: 0.9;
}

@media (max-width: 450px) {
  .c-popup__heading h2, .c-popup__body h2 {
    font-size: 35px;
  }
}

.c-popup__container {
  padding: 0 10px;
  max-width: 550px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.c-popup__inner {
  width: 100%;
  max-width: 900px;
  max-height: 80vh;
  overflow-y: auto;
  background-color: #fff;
}

.c-popup__full-image {
  width: 100%;
}

.c-popup__body {
  padding: 30px 0 100px 0;
}

.c-popup__body h2 {
  margin-bottom: 40px;
  font-weight: 800 !important;
}

.c-popup__badge-container {
  position: relative;
  min-height: 620px;
}

@media (max-width: 450px) {
  .c-popup__badge-container {
    min-height: 250px;
    background-size: contain;
  }
}

.c-popup__download {
  position: absolute;
  top: 40%;
  left: 30%;
  width: 15%;
  animation: float 3s ease-in-out infinite;
  cursor: pointer;
}

.c-popup__badge {
  position: absolute;
  top: 10%;
  left: 32%;
  width: 40%;
  transform: scale(0);
  animation: spin-expand .3s linear .5s forwards;
}

.c-popup__share-links {
  position: absolute;
  top: 20%;
  right: 20px;
}

.c-popup__share-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 1em;
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.c-popup.is-active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.s-popup input[type="submit"] {
  width: 100%;
  background-color: #FC5F08;
  border-color: #FC5F08;
  color: #fff;
}

.s-popup input[type="submit"]:hover {
  background-color: transparent;
  color: #FC5F08;
}

.s-popup .gfield {
  margin-bottom: 40px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid rgba(59, 45, 122, 0.15) !important;
}

.s-popup .gfield .ginput_container_address input, .s-popup .gfield .ginput_container_address span {
  width: 100%;
  max-width: 100% !important;
}

.s-popup .gfield.opt-in .gfield_label {
  display: none !important;
}

.s-popup .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
  color: #3B2D7A;
  font-size: 18px;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
  line-height: 25px;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes spin-expand {
  from {
    transform: rotate(0deg) scale(0);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}

/* new */
/* external */
.gform_wrapper {
  /* progress bar */
  /* bordered */
}

.gform_wrapper .gform_heading .gform_description {
  font-size: 18px;
  color: #1E1E1E;
  font-weight: 300;
  display: block;
  margin-bottom: 30px;
}

.gform_wrapper .gform_body {
  counter-reset: form-section;
}

.gform_wrapper .gform_page {
  counter-increment: form-section;
}

.gform_wrapper .gform_page[style] {
  display: block !important;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title {
  font-size: 14px;
  color: #003864;
  font-weight: 300;
}

.gform_wrapper .gf_progressbar_wrapper .gf_progressbar {
  border-radius: 6px;
  display: block;
  width: 100%;
  height: 23px;
  border: 2px solid #E1E1E1;
  overflow: hidden;
}

.gform_wrapper .gf_progressbar_wrapper .gf_progressbar span {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  display: block;
  background-color: #003864;
  padding-right: 5px;
  box-sizing: border-box;
  line-height: 23px;
  text-align: right;
}

.gform_wrapper .gform_body {
  overflow: hidden;
  /* page footer */
}

.gform_wrapper .gform_body .gform_fields {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 18px;
}

.gform_wrapper .gform_body .gform_fields .gfield {
  margin-bottom: 15px;
  /* complex */
  /* date */
  /* html */
  /* file upload */
  /* radios/checkboxes */
  /* widths */
  /* error */
  /* section */
}

.gform_wrapper .gform_body .gform_fields .gfield.content-area {
  font-size: 18px;
}

.gform_wrapper .gform_body .gform_fields .gfield.content-area-red {
  color: #F94646;
}

.gform_wrapper .gform_body .gform_fields .gfield .gf-icon {
  background-color: #003864;
  width: 15px;
  height: 16px;
  margin-left: 5px;
  padding: 0;
  border-radius: 50%;
  color: #efdf00;
  font-size: 18px;
  line-height: 14px;
}

.gform_wrapper .gform_body .gform_fields .gfield .gf-icon:hover {
  cursor: pointer;
}

.gform_wrapper .gform_body .gform_fields .gfield .gf-icon::before {
  display: none !important;
}

.gform_wrapper .gform_body .gform_fields .gfield .gf-icon::after {
  display: block;
  background-color: #003864;
  width: 400px;
  margin: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  text-shadow: none;
  white-space: normal;
}

.gform_wrapper .gform_body .gform_fields .gfield .gf-icon .gftip {
  display: block;
  margin-top: -1px;
}

.gform_wrapper .gform_body .gform_fields .gfield > label,
.gform_wrapper .gform_body .gform_fields .gfield > legend.gfield_label {
  font-size: 18px;
  color: #003864;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
  line-height: 25px;
}

.gform_wrapper .gform_body .gform_fields .gfield > label:hover,
.gform_wrapper .gform_body .gform_fields .gfield > legend.gfield_label:hover {
  z-index: 1000;
}

.gform_wrapper .gform_body .gform_fields .gfield .gfield_required {
  margin-left: 3px;
  color: #F94646;
}

.gform_wrapper .gform_body .gform_fields .gfield .gchoice:not(:last-child) {
  margin-bottom: 5px;
}

.gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
  font-size: 14px;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex > span {
  display: block;
  max-width: 48%;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex > span {
    max-width: 100%;
  }
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex > span:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container_date {
  font-size: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container_date .ginput_container_date {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 31%;
  margin-right: 2%;
}

@media screen and (max-width: 600px) {
  .gform_wrapper .gform_body .gform_fields .gfield > .ginput_container_date .ginput_container_date {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container_date .ginput_container_date:last-child {
  margin-right: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield_html {
  padding: 20px 0 5px;
  border: none;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_address span {
  display: block;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_address span:not(:last-child) {
  margin-bottom: 20px;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_address span label {
  margin-bottom: 3px;
  display: block;
}

.gform_wrapper .gform_body .gform_fields .gfield .copy_values_option_container {
  display: block;
  margin-bottom: 10px;
}

.gform_wrapper .gform_body .gform_fields .gfield .copy_values_option_container label {
  font-size: 16px;
  color: #555;
  font-weight: 300;
  display: block;
  padding-left: 30px;
  position: relative;
  z-index: 100;
  line-height: 20px;
}

.gform_wrapper .gform_body .gform_fields .gfield .copy_values_option_container label:hover {
  cursor: pointer;
}

.gform_wrapper .gform_body .gform_fields .gfield .copy_values_option_container label::before {
  border-radius: 3px;
  content: "";
  display: block;
  background-color: #fff;
  width: 18px;
  height: 18px;
  border: 1px solid #E1E1E1;
  position: absolute;
  top: 0;
  left: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield .copy_values_option_container label::after {
  font-size: 24px;
  color: #003864;
  font-weight: 300;
  content: "×";
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 14px;
}

.gform_wrapper .gform_body .gform_fields .gfield .copy_values_option_container input {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
  visibility: hidden;
}

.gform_wrapper .gform_body .gform_fields .gfield .copy_values_option_container input:checked + label::after {
  display: block;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .validation_message {
  display: none;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .button, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload #site-content.apply .apply__portal-button-element, #site-content.apply .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .apply__portal-button-element {
  border-color: #57C9E8;
  color: #57C9E8;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .button:hover, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload #site-content.apply .apply__portal-button-element:hover, #site-content.apply .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .apply__portal-button-element:hover {
  background-color: #57C9E8;
  color: #fff;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_preview {
  font-size: 16px;
  color: #555;
  font-weight: 300;
  display: block;
  margin-top: 5px;
  line-height: 24px;
  clear: both;
  overflow: hidden;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_preview:first-child {
  margin-top: 10px;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_preview strong {
  font-weight: 300;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_preview img {
  float: left;
  display: block;
  margin-top: 6px;
  margin-right: 5px;
}

.gform_wrapper .gform_body .gform_fields .gfield table.gfield_list td, .gform_wrapper .gform_body .gform_fields .gfield table.gfield_list th {
  padding: 5px !important;
}

.gform_wrapper .gform_body .gform_fields .gfield table.gfield_list td:first-child, .gform_wrapper .gform_body .gform_fields .gfield table.gfield_list th:first-child {
  padding-left: 0 !important;
}

.gform_wrapper .gform_body .gform_fields .gfield table.gfield_list td:last-child, .gform_wrapper .gform_body .gform_fields .gfield table.gfield_list th:last-child {
  padding-right: 0 !important;
}

.gform_wrapper .gform_body .gform_fields .gfield table.gfield_list td input, .gform_wrapper .gform_body .gform_fields .gfield table.gfield_list th input {
  display: inline-block;
}

.gform_wrapper .gform_body .gform_fields .gfield table.gfield_list thead tr th {
  font-size: 18px;
  color: #003864;
  font-weight: 500;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul {
  margin: 0;
  padding: 0;
  list-style-type: 0;
  font-size: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 18px;
  margin-bottom: 5px;
  position: relative;
  /* colours */
}

@media screen and (max-width: 600px) {
  .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li,
  .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li:last-child,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li:last-child {
  margin-right: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li label,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li label {
  font-size: 18px;
  color: #555;
  font-weight: 300;
  display: block;
  padding-left: 30px;
  position: relative;
  z-index: 100;
  line-height: 20px;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li label:hover,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li label:hover {
  cursor: pointer;
  z-index: 20000;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li label::before,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li label::before {
  border-radius: 3px;
  content: "";
  display: block;
  background-color: #fff;
  width: 18px;
  height: 18px;
  border: 1px solid #E1E1E1;
  position: absolute;
  top: 0;
  left: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li label::after,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li label::after {
  font-size: 24px;
  color: #003864;
  font-weight: 300;
  content: "×";
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 14px;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li input,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li input {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
  visibility: hidden;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li input:checked + label::after,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li input:checked + label::after {
  display: block;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li.colour-blue label::after,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li.colour-blue label::after {
  color: #57C9E8;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li.colour-pink label::after,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li.colour-pink label::after {
  color: #ec2275;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li.colour-orange label::after,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li.colour-orange label::after {
  color: #ff8200;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul li.colour-green label::after,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul li.colour-green label::after {
  color: #a2d40a;
}

.gform_wrapper .gform_body .gform_fields .gfield:not(.half-width) {
  clear: both;
}

.gform_wrapper .gform_body .gform_fields .gfield.half-width {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 50%;
  box-sizing: border-box;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .gform_wrapper .gform_body .gform_fields .gfield.half-width {
    display: block;
    width: 100%;
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.half-width.left {
  padding-right: 2%;
  padding-left: 0;
  clear: left;
}

@media screen and (max-width: 767px) {
  .gform_wrapper .gform_body .gform_fields .gfield.half-width.left {
    padding-right: 0;
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.half-width.right {
  padding-right: 0;
  padding-left: 2%;
  clear: right;
}

@media screen and (max-width: 767px) {
  .gform_wrapper .gform_body .gform_fields .gfield.half-width.right {
    padding-left: 0;
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type="text"],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type="tel"],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type="email"],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type="url"],
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error select,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error .gfield_radio li label::before,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error .gfield_checkbox li label::before {
  border-color: #ec2275;
}

.gform_wrapper .gform_body .gform_fields .gfield .validation_message {
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  display: none;
  background-color: #CC4848;
  margin-top: 5px;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  box-sizing: border-box;
  position: relative;
  line-height: 14px;
}

.gform_wrapper .gform_body .gform_fields .gfield .validation_message::after {
  border-radius: 50%;
  font-size: 14px;
  color: #CC4848;
  font-weight: 500;
  content: "!";
  background-color: #fff;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 5px;
  line-height: 16px;
  text-align: center;
}

.gform_wrapper .gform_body .gform_fields .gfield.gsection {
  border-radius: 8px;
  background-color: #57C9E8;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-right: 18px;
  padding-bottom: 15px;
  padding-left: 18px;
  border: none;
  position: relative;
}

.gform_wrapper .gform_body .gform_fields .gfield.gsection:first-child {
  margin-top: 45px;
}

.gform_wrapper .gform_body .gform_fields .gfield.gsection:not(:first-child)::after {
  content: "";
  display: block;
  background-color: #f5f5f5;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -11px;
  right: 0;
  left: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield.gsection .gsection_title {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 30px;
}

.gform_wrapper .gform_body .gform_fields .gfield.gsection .gsection_description p {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.gform_wrapper .gform_body .gform_fields .gfield.gsection .gsection_description p:first-child {
  margin-top: 15px;
}

.gform_wrapper .gform_body .gform_fields .gfield.gsection .gsection_description p:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield.gform_validation_container {
  display: none;
}

.gform_wrapper .gform_body .gform_page_footer {
  padding-top: 20px;
  clear: both;
  overflow: hidden;
}

.gform_wrapper .gform_body .gform_page_footer .gform_button,
.gform_wrapper .gform_body .gform_page_footer .gform_previous_button,
.gform_wrapper .gform_body .gform_page_footer .gform_next_button,
.gform_wrapper .gform_body .gform_page_footer .gform_save_link {
  height: 38px;
  border-color: #57C9E8;
  color: #57C9E8;
}

.gform_wrapper .gform_body .gform_page_footer .gform_button:hover,
.gform_wrapper .gform_body .gform_page_footer .gform_previous_button:hover,
.gform_wrapper .gform_body .gform_page_footer .gform_next_button:hover,
.gform_wrapper .gform_body .gform_page_footer .gform_save_link:hover {
  background-color: #57C9E8;
  color: #fff;
}

.gform_wrapper .gform_body .gform_page_footer .gform_previous_button {
  float: left;
}

.gform_wrapper .gform_body .gform_page_footer .gform_save_link {
  display: inline-block;
  background-color: transparent;
  margin-right: 10px;
  padding-top: 8px;
  padding-right: 18px;
  padding-bottom: 8px;
  padding-left: 18px;
  border: 2px solid #57C9E8;
  border-radius: 4px;
  box-sizing: border-box;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.gform_wrapper .gform_body .gform_page_footer .gform_button,
.gform_wrapper .gform_body .gform_page_footer .gform_next_button,
.gform_wrapper .gform_body .gform_page_footer .gform_save_link {
  float: right;
}

.gform_wrapper .gform_footer {
  padding-top: 20px;
}

.gform_wrapper .gform_footer input[type="submit"] {
  height: 38px;
  line-height: 14px;
}

.gform_wrapper.bordered-form_wrapper .gform_fields .gfield {
  padding-top: 10px;
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
}

.gform_wrapper.bordered-form_wrapper .gform_fields .gfield:not(:first-child)::after {
  border-color: #f5f5f5;
}

.gform_wrapper.bordered-form_wrapper.inverse-border_wrapper ul .gfield {
  border-color: #f5f5f5;
}

.validation_error,
.gform_confirmation_message {
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  display: block;
  min-height: 32px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-right: 8px;
  padding-bottom: 20px;
  padding-left: 40px;
  box-sizing: border-box;
  position: relative;
  line-height: 16px;
}

.validation_error::before,
.gform_confirmation_message::before {
  border-radius: 50%;
  content: "!";
  background-color: #fff;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  position: absolute;
  top: 50%;
  left: 8px;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
}

.validation_error {
  background-color: #fff;
  padding-left: 70px;
  border: 1px solid #ec2275;
  color: #ec2275;
  font-weight: 500;
}

.validation_error::before {
  content: "!";
  background-color: #ec2275;
  left: 20px;
  color: #fff;
}

.gform_confirmation_message {
  background-color: #a2d40a;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 62px;
  font-size: 18px;
}

.gform_confirmation_message::before {
  content: "✔";
  width: 32px;
  height: 32px;
  margin-top: 0;
  top: 12px;
  left: 20px;
  color: #a2d40a;
  font-size: 22px;
  line-height: 32px;
}

.gform_confirmation_message h1, .gform_confirmation_message h2, .gform_confirmation_message h3, .gform_confirmation_message h4, .gform_confirmation_message h5, .gform_confirmation_message h6 {
  margin-bottom: 0;
  color: #fff !important;
  font-weight: 500 !important;
}

.gf_progressbar_wrapper + .validation_error,
.gf_progressbar_wrapper + .gform_confirmation_message {
  margin-top: 20px;
}

.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  -ms-touch-action: none;
  touch-action: none;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr;
}

.fancybox-show-controls .fancybox-controls {
  opacity: 1;
}

.fancybox-infobar {
  display: none;
}

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all;
}

.fancybox-show-buttons .fancybox-buttons {
  display: block;
}

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr;
}

.fancybox-slider-wrap,
.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

.fancybox-slide--image {
  overflow: hidden;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-content {
  border-radius: 6px;
  display: inline-block;
  background-color: #fff;
  position: relative;
  margin: 44px auto;
  padding: 10px 10px 10px 10px;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fancybox-frame-wrap {
  height: 0;
  padding-top: 54.26%;
  position: relative;
}

.fancybox-frame-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fancybox-content button[data-fancybox-close] {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 10px;
  right: 15px;
}

.fancybox-content button[data-fancybox-close]::before, .fancybox-content button[data-fancybox-close]::after {
  transition: all 0.2s ease-in-out;
}

.fancybox-content button[data-fancybox-close]:hover {
  background-color: #fff;
}

.fancybox-content button[data-fancybox-close]:hover::before, .fancybox-content button[data-fancybox-close]:hover::after {
  background-color: #003864;
}

.fancybox-content .fancybox-caption {
  font-size: 20px;
  color: #f1488d;
  font-family: "jaf-domus", sans-serif;
  font-weight: 500;
  padding-top: 15px;
  padding-right: 40px;
  padding-bottom: 25px;
  padding-left: 10px;
}

.fancybox-content .fancybox-caption h4 {
  font-size: 20px;
  color: #f1488d;
  font-family: "jaf-domus", sans-serif;
  font-weight: 500;
}

.fancybox-slide--video .fancybox-content {
  height: auto;
}

/*.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
    background: transparent; }*/
/*.fancybox-slide--video .fancybox-content {
    padding-top: 44.99%;
    height: 0 !important;
}

.fancybox-slide--video .fancybox-content iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}*/
.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%;
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: zoom-out;
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: zoom-in;
}

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: grabbing;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-close-small {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  font: 21px/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  cursor: pointer;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2;
}

.fancybox-close-small:focus {
  outline: 1px dotted #888;
}

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent;
}

.fancybox-close-small:hover {
  color: #555;
  background: #eee;
}

/* Caption */
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none;
}

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none;
}

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none;
}

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5;
}

.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: rotate(-135deg);
}

.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close {
  border-radius: 50%;
  float: right;
  background-color: #003864;
  width: 26px;
  height: 26px;
}

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button--close::before {
  transform: rotate(45deg);
}

.fancybox-button--close::after {
  transform: rotate(-45deg);
}

/* Loading spinner */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left;
  }
  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none;
}

/* Slideshow button */
.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent;
}

.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent;
}

/* Thumbs */
.fancybox-button--thumbs span {
  font-size: 23px;
}

.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
}

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px;
}

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
}

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important;
  }
  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.page-builder .image-columns .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page-builder .image-columns .image-column {
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: calc(100% - 10px);
  padding: 0 5px;
}

@media screen and (min-width: 768px) {
  .page-builder .image-columns .image-column {
    max-width: calc(33% - 10px);
  }
}

@media only screen and (min-width: 1025px) {
  .page-builder .image-columns .image-column {
    max-width: calc(25% - 10px);
  }
}

.page-builder .image-columns .image-column img {
  max-width: 100%;
  height: auto;
}

.page-builder .full-page-image img {
  border-radius: 18px;
  max-width: 100%;
  height: auto;
}

.page-builder .video-promo {
  border-radius: 16px;
  background-color: #f1488d;
  width: 48%;
  position: relative;
  overflow: hidden;
  z-index: 110;
}

@media screen and (max-width: 767px) {
  .page-builder .video-promo {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-builder .video-promo {
    margin-bottom: 20px;
    overflow: visible;
  }
}

.page-builder .video-promo .play-icon {
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../images/icons/play-purple.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 65px;
  height: 65px;
  margin-left: -32px;
  border: 8px solid #003864;
  position: absolute;
  top: 35px;
  left: 50%;
}

.page-builder .video-promo .play-icon:hover {
  cursor: pointer;
}

.page-builder .video-promo .play-icon .bar {
  width: 500px;
  background-color: #003864;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}

.page-builder .video-promo .play-icon .bar:hover {
  cursor: default;
}

.page-builder .video-promo .play-icon .bar::before {
  content: "";
  display: block;
  background-color: #003864;
  width: 8px;
  height: 24px;
  position: absolute;
  top: -8px;
}

.page-builder .video-promo .play-icon .bar.left {
  right: 100%;
}

.page-builder .video-promo .play-icon .bar.left::before {
  right: 100px;
}

@media screen and (max-width: 500px) {
  .page-builder .video-promo .play-icon .bar.left::before {
    right: 55px;
  }
}

.page-builder .video-promo .play-icon .bar.right {
  left: 100%;
}

.page-builder .video-promo .play-icon .bar.right::before {
  left: 100px;
}

@media screen and (max-width: 500px) {
  .page-builder .video-promo .play-icon .bar.right::before {
    left: 55px;
  }
}

.page-builder .video-promo .promo-content {
  padding-top: 125px;
  padding-right: 75px;
  padding-bottom: 40px;
  padding-left: 75px;
  text-align: center;
}

@media screen and (max-width: 850px) {
  .page-builder .video-promo .promo-content {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.page-builder .video-promo .promo-content .video-title {
  margin-bottom: 25px;
  color: #fff;
  line-height: 38px;
}

.page-builder .faq-section {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 60px;
}

.page-builder .faq-section:nth-of-type(odd) {
  background-color: #fff;
}

.page-builder .faq-section:nth-of-type(odd) .question-list .question {
  border-width: 2px;
  border-style: solid;
}

.page-builder .faq-section:nth-of-type(odd) .question-list .question.block-purple {
  border-color: #003864;
}

.page-builder .faq-section:nth-of-type(odd) .question-list .question.block-pink {
  border-color: #ec2275;
}

.page-builder .faq-section:nth-of-type(odd) .question-list .question.block-blue {
  border-color: #57C9E8;
}

.page-builder .faq-section:nth-of-type(odd) .question-list .question.block-orange {
  border-color: #ff8200;
}

.page-builder .faq-section:nth-of-type(odd) .question-list .question.block-green {
  border-color: #a2d40a;
}

.page-builder .faq-section .section-title {
  margin-bottom: 30px;
  color: #003864;
  line-height: 32px;
}

.page-builder .faq-section .question-list .question {
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 18px;
  padding-left: 18px;
  margin-bottom: 20px;
}

.page-builder .faq-section .question-list .question::before {
  z-index: 100;
}

.page-builder .faq-section .question-list .question:last-child {
  margin-bottom: 0;
}

.page-builder .faq-section .question-list .question.open {
  margin-top: 15px;
  margin-bottom: 15px;
}

.page-builder .faq-section .question-list .question .block-title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  z-index: 110;
  color: #003864;
  line-height: 24px;
}

.page-builder .faq-section .question-list .question .block-title:hover {
  cursor: pointer;
}

.page-builder .faq-section .question-list .question .answer-wrapper {
  display: none;
}

.page-builder .faq-section .question-list .question .answer-wrapper .answer {
  padding-right: 120px;
  padding-bottom: 15px;
}

@media screen and (max-width: 600px) {
  .page-builder .faq-section .question-list .question .answer-wrapper .answer {
    padding-right: 15px;
  }
}

.page-builder .faq-section.question-open .question-list .question:not(.open) {
  margin-bottom: 5px;
  border-color: #E1E1E1 !important;
}

.page-builder .faq-section.question-open .question-list .question:not(.open)::before {
  background-color: #E1E1E1 !important;
}

.page-builder .faq-section.question-open .question-list .question:not(.open) .block-title {
  color: #555;
}

#site-content.page .page-section.flexible .page-block.block-content table td, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td, .tablepress tbody td {
  vertical-align: middle;
  text-align: center;
}

#site-content.page .page-section.flexible .page-block.block-content table td.column-1, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td.column-1, .tablepress tbody td.column-1 {
  width: 160px;
  padding: 25px 15px;
}

#site-content.page .page-section.flexible .page-block.block-content table td.column-1 strong, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td.column-1 strong, .tablepress tbody td.column-1 strong {
  font-weight: 600;
  color: #003864;
}

#site-content.page .page-section.flexible .page-block.block-content table td.column-1 img, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td.column-1 img, .tablepress tbody td.column-1 img {
  max-width: 45px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

#site-content.page .page-section.flexible .page-block.block-content table td.column-2, #site-content.page .page-section.flexible .page-block.block-content table td.column-3, #site-content.page .page-section.flexible .page-block.block-content table td.column-4, #site-content.page .page-section.flexible .page-block.block-content table td.column-5, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td.column-2, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td.column-3, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td.column-4, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td.column-5, .tablepress tbody td.column-2, .tablepress tbody td.column-3, .tablepress tbody td.column-4, .tablepress tbody td.column-5 {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}

#site-content.page .page-section.flexible .page-block.block-content table td:last-of-type, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td:last-of-type, .tablepress tbody td:last-of-type {
  border: none !important;
}

#site-content.page .page-section.flexible .page-block.block-content table td a, #site-content.page .page-section.flexible .page-block.block-content table tr.odd td a, .tablepress tbody td a {
  font-weight: bold;
  color: #003864 !important;
}

#site-content.page .page-section.flexible .page-block.block-content table {
  table-layout: fixed;
}

.block-form {
  padding: 50px 0;
}

.block-full-width-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 25px 0;
}

.block-video {
  text-align: center;
  padding: 50px 0;
}

.block-video.no-video {
  padding-bottom: 8px;
}

.block-video .block-responsive-video {
  border-radius: 18px;
  overflow: hidden;
  display: inline-block;
  max-width: 670px;
}

.block-video-title {
  margin-bottom: 20px;
}

.block-video-content {
  padding-bottom: 50px;
  max-width: 475px;
  margin: 0 auto;
  display: block;
}

.block-image-half {
  padding: 50px 0;
  position: relative;
}

.block-image-half.bg-dark {
  background-color: #ededed;
}

.block-image-half-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 90%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .block-image-half-inner {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

@media only screen and (min-width: 768px) {
  .block-image-half-img {
    max-width: 50%;
  }
}

.block-image-half-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media only screen and (min-width: 768px) {
  .block-image-half-img img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .block-image-half-img img {
    max-width: unset;
  }
}

.block-image-half-text {
  padding-top: 20px;
}

@media only screen and (min-width: 768px) {
  .block-image-half-text {
    padding-left: 50px;
    padding-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .block-image-half-text {
    padding-left: 130px;
  }
}

.block-image-half-text ul, .block-image-half-text ol, .block-image-half-text p {
  margin-bottom: 10px;
}

.block-image-half-text ul:last-child, .block-image-half-text ol:last-child, .block-image-half-text p:last-child {
  margin-bottom: 0;
}

.block-image-half.image-right .block-image-half-inner {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

@media only screen and (min-width: 768px) {
  .block-image-half.image-right .block-image-half-inner {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}

.block-image-half.image-right .block-image-half-img {
  padding-top: 20px;
}

@media only screen and (min-width: 768px) {
  .block-image-half.image-right .block-image-half-img {
    margin-right: 50px;
    margin-left: 60px;
    padding-top: 0;
  }
}

.block-image-half.image-right .block-image-half-text {
  padding-left: 0;
}

.block-image-half .block-title {
  margin-bottom: 20px;
}

.block-video.block-blue .block-title, .block-image-half.block-blue .block-title, .block-full-width.block-blue .block-title {
  color: #57C9E8;
}

.block-video.block-purple .block-title, .block-image-half.block-purple .block-title, .block-full-width.block-purple .block-title {
  color: #003864;
}

.block-video.block-light-blue .block-title, .block-image-half.block-light-blue .block-title, .block-full-width.block-light-blue .block-title {
  color: #41c9e8;
}

.block-video.block-pink .block-title, .block-image-half.block-pink .block-title, .block-full-width.block-pink .block-title {
  color: #ec2275;
}

.block-video.block-light-pink .block-title, .block-image-half.block-light-pink .block-title, .block-full-width.block-light-pink .block-title {
  color: #f1488d;
}

.block-video.block-orange .block-title, .block-image-half.block-orange .block-title, .block-full-width.block-orange .block-title {
  color: #ff8200;
}

.block-video.block-green .block-title, .block-image-half.block-green .block-title, .block-full-width.block-green .block-title {
  color: #a2d40a;
}

.block-video.block-darker-green .block-title, .block-image-half.block-darker-green .block-title, .block-full-width.block-darker-green .block-title {
  color: #00b18a;
}

.block-video.bg-blue, .block-image-half.bg-blue, .block-full-width.bg-blue {
  background-color: #003864;
}

.block-video.bg-blue .block-title, .block-video.bg-blue p, .block-video.bg-blue li, .block-image-half.bg-blue .block-title, .block-image-half.bg-blue p, .block-image-half.bg-blue li, .block-full-width.bg-blue .block-title, .block-full-width.bg-blue p, .block-full-width.bg-blue li {
  color: white;
}

.block-video.bg-purple, .block-image-half.bg-purple, .block-full-width.bg-purple {
  background-color: #5236b2;
}

.block-video.bg-purple .block-title, .block-video.bg-purple p, .block-video.bg-purple li, .block-image-half.bg-purple .block-title, .block-image-half.bg-purple p, .block-image-half.bg-purple li, .block-full-width.bg-purple .block-title, .block-full-width.bg-purple p, .block-full-width.bg-purple li {
  color: white;
}

.block-video.bg-light-blue, .block-image-half.bg-light-blue, .block-full-width.bg-light-blue {
  background-color: #57C9E8;
}

.block-video.bg-light-blue .block-title, .block-image-half.bg-light-blue .block-title, .block-full-width.bg-light-blue .block-title {
  color: white;
}

.block-video.bg-pink, .block-image-half.bg-pink, .block-full-width.bg-pink {
  background-color: #ec2275;
}

.block-video.bg-pink .block-title, .block-video.bg-pink p, .block-video.bg-pink li, .block-image-half.bg-pink .block-title, .block-image-half.bg-pink p, .block-image-half.bg-pink li, .block-full-width.bg-pink .block-title, .block-full-width.bg-pink p, .block-full-width.bg-pink li {
  color: white;
}

.block-video.bg-light-pink, .block-image-half.bg-light-pink, .block-full-width.bg-light-pink {
  background-color: #f1488d;
}

.block-video.bg-light-pink .block-title, .block-video.bg-light-pink p, .block-video.bg-light-pink li, .block-image-half.bg-light-pink .block-title, .block-image-half.bg-light-pink p, .block-image-half.bg-light-pink li, .block-full-width.bg-light-pink .block-title, .block-full-width.bg-light-pink p, .block-full-width.bg-light-pink li {
  color: white;
}

.block-video.bg-orange, .block-image-half.bg-orange, .block-full-width.bg-orange {
  background-color: #ff8200;
}

.block-video.bg-orange .block-title, .block-video.bg-orange p, .block-video.bg-orange li, .block-image-half.bg-orange .block-title, .block-image-half.bg-orange p, .block-image-half.bg-orange li, .block-full-width.bg-orange .block-title, .block-full-width.bg-orange p, .block-full-width.bg-orange li {
  color: white;
}

.block-video.bg-green, .block-image-half.bg-green, .block-full-width.bg-green {
  background-color: #a2d40a;
}

.block-video.bg-green .block-title, .block-image-half.bg-green .block-title, .block-full-width.bg-green .block-title {
  color: white;
}

.block-video.bg-darker-green, .block-image-half.bg-darker-green, .block-full-width.bg-darker-green {
  background-color: #00b18a;
}

.block-video.bg-darker-green .block-title, .block-video.bg-darker-green p, .block-video.bg-darker-green li, .block-image-half.bg-darker-green .block-title, .block-image-half.bg-darker-green p, .block-image-half.bg-darker-green li, .block-full-width.bg-darker-green .block-title, .block-full-width.bg-darker-green p, .block-full-width.bg-darker-green li {
  color: white;
}

#site-content.page .page-section.no-padding {
  padding: 0;
}

.popout-dock {
  position: relative;
}

.floating {
  background: #00a685;
  border-radius: 13px;
  float: right;
  clear: both;
  padding: 0;
  position: relative;
  color: #ffffff;
  max-width: 320px;
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 99;
}

.floating--docked {
  position: absolute;
  bottom: unset !important;
}

@media screen and (max-width: 620px) {
  .floating {
    max-width: calc(100% - 1em);
    padding: 10px;
    bottom: 0.5em;
    width: 100%;
    left: 0.5em;
    right: unset;
    box-sizing: border-box;
  }
}

.floating__small {
  cursor: pointer;
  display: none;
  padding: 10px;
}

@media screen and (max-width: 450px) {
  .floating__small {
    padding-right: 10px;
  }
}

.floating__small.active {
  display: block;
}

.floating__small p.title {
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
}

.floating__small p.title span {
  color: #ffe400;
}

@media screen and (max-width: 450px) {
  .floating__small p.title {
    font-size: 22px;
  }
}

.floating__small p.number {
  font-weight: bold;
  font-size: 39px;
  line-height: 32px;
  color: #ffe400;
}

@media screen and (max-width: 450px) {
  .floating__small p.number {
    font-size: 22px;
    float: left;
  }
}

.floating__small p.number__supporting {
  color: #ffe400;
  font-size: 19px;
}

@media screen and (max-width: 450px) {
  .floating__small p.number__supporting {
    float: left;
    line-height: 32px;
    margin-left: 8px;
    font-size: 13px;
  }
}

.floating__large {
  display: none;
  padding: 15px 40px 15px 15px;
}

.floating__large.active {
  display: block;
}

.floating__large .close {
  cursor: pointer;
  font-size: 25px;
  font-weight: normal;
  position: absolute;
  right: 1em;
  top: 0.7em;
  line-height: 1em;
}

.floating__large p.title {
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
}

.floating__large p.title span {
  color: #ffe400;
}

.floating__large p.number {
  font-weight: bold;
  font-size: 36px;
  line-height: 36px;
  color: #ffe400;
}

.floating__large p.number__supporting {
  color: #ffe400;
  font-size: 20px;
}

.floating__large p.supporting {
  font-size: 18px;
  line-height: 24px;
}

.floating__large .bottom {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}

.floating__large img {
  height: 60px;
  position: absolute;
  top: -30px;
  width: 60px;
}

.wte__module {
  padding-bottom: 40px;
}

.wte-flexible-accordion .wte__module {
  padding-bottom: 0;
}

.wte-flexible-accordion .wte__module:not(:last-child) {
  padding-bottom: 40px;
}

.wte-bordered-box {
  padding: 20px;
  border: solid 10px #a2d40a;
  border-radius: 15px;
  color: #003864;
}

@media screen and (min-width: 768px) {
  .wte-bordered-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .wte-bordered-box__content {
    width: 58%;
    margin-right: 2%;
  }
}

.wte-bordered-box__title {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .wte-bordered-box__link {
    width: 100%;
    margin-top: 20px;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .wte-bordered-box__link {
    width: 30%;
  }
}

.wte-bordered-box__link .button, .wte-bordered-box__link #site-content.apply .apply__portal-button-element, #site-content.apply .wte-bordered-box__link .apply__portal-button-element {
  width: 100%;
  display: block;
  font-size: 18px;
  color: #003864;
  font-weight: 700;
  text-transform: none;
}

.wte-bordered-box__link .button:hover, .wte-bordered-box__link #site-content.apply .apply__portal-button-element:hover, #site-content.apply .wte-bordered-box__link .apply__portal-button-element:hover {
  color: white;
}

.wte-flexible-accordion {
  padding: 20px;
  border-radius: 15px;
  background-color: #f5f5f5;
}

.wte-flexible-accordion__title {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-family: inherit;
  text-align: left;
  background-color: transparent;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .wte-flexible-accordion__title {
    font-size: 30px;
    color: #003864;
    font-weight: 700;
  }
}

@media screen and (min-width: 768px) {
  .wte-flexible-accordion__title {
    font-size: 50px;
    color: #003864;
    font-weight: 700;
  }
}

.wte-flexible-accordion__title:after {
  content: '';
  margin-left: 20px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  background-image: url("../images/icons/accordion-open.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .wte-flexible-accordion__title:after {
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 768px) {
  .wte-flexible-accordion__title:after {
    width: 50px;
    height: 50px;
  }
}

.wte-flexible-accordion.is-open .wte-flexible-accordion__title {
  display: -ms-flexbox;
  display: flex;
}

.wte-flexible-accordion.is-open .wte-flexible-accordion__title:after {
  background-image: url("../images/icons/accordion-close.svg");
}

.wte-flexible-accordion__content-wrapper {
  margin-top: 40px;
  display: none;
}

.wte-flexible-accordion.is-open .wte-flexible-accordion__content-wrapper {
  display: block;
}

.wte-accordion-accordions__single {
  padding: 20px;
  border-radius: 15px;
  background-color: #a2d40a;
}

.wte-accordion-accordions__single:not(:last-child) {
  margin-bottom: 20px;
}

.wte-accordion-accordions__single-title {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-family: inherit;
  font-size: 30px;
  color: #003864;
  font-weight: 700;
  text-align: left;
  background-color: transparent;
  cursor: pointer;
}

.wte-accordion-accordions__single-title:after {
  content: '';
  width: 30px;
  height: 30px;
  margin-left: 40px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  background-image: url("../images/icons/accordion-open.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.wte-accordion-accordions__single.is-open .wte-accordion-accordions__single-title {
  display: -ms-flexbox;
  display: flex;
}

.wte-accordion-accordions__single.is-open .wte-accordion-accordions__single-title:after {
  background-image: url("../images/icons/accordion-close.svg");
}

.wte-accordion-accordions__single-content {
  margin-top: 20px;
  display: none;
  color: #003864;
}

.wte-accordion-hboxes__mobile-hint {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  font-size: 16px;
  color: #003864;
  font-weight: 700;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .wte-accordion-hboxes__mobile-hint {
    display: none;
  }
}

.wte-accordion-hboxes__mobile-hint:after {
  content: '';
  width: 15px;
  height: 15px;
  margin-left: 10px;
  background-image: url("../images/icons/icon-arrow-right-nocircle.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .wte-accordion-hboxes__wrapper {
    max-width: 100%;
    overflow-x: scroll;
  }
}

@media screen and (min-width: 768px) {
  .wte-accordion-hboxes__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.wte-accordion-hboxes__row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.wte-accordion-hboxes__row:not(:last-child) {
  margin-bottom: 10px;
}

.wte-accordion-hboxes__single {
  margin: 0 1%;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  background-color: #b7cfe1;
}

@media screen and (max-width: 767px) {
  .wte-accordion-hboxes__single {
    width: 300px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .wte-accordion-hboxes__single {
    width: 31%;
    -ms-flex: 0 1 29%;
        flex: 0 1 29%;
  }
}

.wte-accordion-hboxes__single.is-header {
  background-color: #003864;
}

.wte-accordion-hboxes__row:nth-child(2n + 3) .wte-accordion-hboxes__single {
  background-color: white;
}

.wte-accordion-hboxes__single-title {
  font-size: 24px;
  color: #003864;
  font-weight: 600;
}

.wte-accordion-hboxes__single.is-header .wte-accordion-hboxes__single-title {
  font-size: 30px;
  color: white;
  font-weight: 600;
}

.wte-accordion-hboxes__single-content {
  font-size: 16px;
  color: #003864;
  font-weight: 400;
}

.wte-accordion-hboxes__single.is-header .wte-accordion-hboxes__single-content {
  font-size: 18px;
  color: white;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .wte-accordion-sbs-cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.wte-accordion-sbs-cols__col {
  color: #003864;
}

@media screen and (min-width: 768px) {
  .wte-accordion-sbs-cols__col {
    width: 48%;
  }
}

@media screen and (max-width: 767px) {
  .wte-accordion-sbs-cols__col:not(:last-child) {
    margin-bottom: 20px;
  }
}

.wte-accordion-sbs-cols__col-title {
  margin-bottom: 20px;
}

.wte-accordion-steps__title {
  margin-bottom: 20px;
  color: #003864;
}

.wte-accordion-steps__wrapper {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .wte-accordion-steps__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.wte-accordion-steps__step {
  position: relative;
  text-align: center;
  color: #003864;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .wte-accordion-steps__step {
    width: 30%;
  }
}

@media screen and (min-width: 1024px) {
  .wte-accordion-steps__step {
    width: 23%;
  }
}

@media screen and (max-width: 767px) {
  .wte-accordion-steps__step:not(:last-child) {
    margin-bottom: 40px;
  }
}

.wte-accordion-steps__step:not(:last-child):after {
  content: '';
  width: 129%;
  border-top: solid 4px #003864;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(76%, 40px);
}

@media screen and (max-width: 1109px) {
  .wte-accordion-steps__step:not(:last-child):after {
    display: none;
  }
}

.wte-accordion-steps__step-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
  border: solid 4px #003864;
  border-radius: 50%;
  overflow: hidden;
}

.wte-accordion-steps__step-icon img {
  width: 98%;
  height: 98%;
  object-fit: contain;
  object-position: center center;
}

.wte-accordion-steps__step-title {
  font-size: 20px;
}

.wte-accordion-steps__step-content {
  margin-top: 20px;
}

.wte-accordion-text-content {
  color: #003864;
}

.wte-accordion-text-content.is-checks ul {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  list-style: none;
}

@media screen and (max-width: 767px) {
  .wte-accordion-text-content.is-checks ul {
    padding: 0 0 0 15px;
  }
}

.wte-accordion-text-content.is-checks ul li {
  padding-left: 30px;
  background-image: url("../images/icons/purple-tick.png");
  background-repeat: no-repeat;
  background-size: 18px 14px;
  background-position: left top 5px;
}

.wte-accordion-text-content.is-checks ul li:not(:last-child) {
  margin-bottom: 20px;
}

.wte-hero-content {
  padding: 20px;
  border-radius: 15px;
  color: #003864;
  background-color: #a2d40a;
}

.wte-hero-content.t-pink {
  color: white;
  background-color: #ec2275;
}

.wte-hero-content.t-pink .content-area a:not(.button) {
  color: white;
}

.wte-hero-content__title {
  margin-bottom: 20px;
  color: inherit;
}

.wte-hero-content__flows {
  margin-top: 40px;
}

.wte-hero-content__flow:not(:last-child) {
  margin-bottom: 20px;
}

.wte-hero-content__flow-title {
  margin-bottom: 20px;
}

.wte-hero-content__flow-image {
  width: 100%;
  text-align: center;
}

.wte-hero-content__flow-image img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.wte-hero-content__end-content {
  margin-top: 40px;
}