@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

html {
  font-size: 62.5%; }

body {
  font-family: "myriad-pro", "Myriad Pro", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 1.6rem;
  line-height: 1.6;
  color: black;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

::-moz-selection {
  color: white;
  background-color: #333;
  text-shadow: none; }

::selection {
  color: white;
  background-color: #333;
  text-shadow: none; }

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, svg {
  box-sizing: border-box; }

main {
  display: block; }

address {
  font-style: inherit; }

p, h1, h2, h3, h4, h5, h6,
ul, ol, dl, table, pre, blockquote,
fieldset, legend, figure, details {
  margin: 0 0 2rem; }

img, iframe,
video, audio, canvas, svg,
embed, object {
  max-width: 100%; }

img {
  height: auto; }

h1, .h1-size {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Gotham Bold";
  font-size: 3.2rem;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0.03em;
  color: #004062; }

h2, .h2-size {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2.4rem;
  line-height: 1.3;
  color: #00A1E0; }

h3, .h3-size {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2.2rem;
  line-height: 1.3;
  color: #00A1E0; }

h4, .h4-size {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-family: "Gotham Bold";
  text-transform: none;
  color: #00A1E0; }
  h4.flex, .h4-size.flex {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: start;
            justify-content: flex-start; }
    h4.flex img, .h4-size.flex img {
      max-width: 30px;
      margin-right: 12.5px; }
      @media (min-width: 992px) {
        h4.flex img, .h4-size.flex img {
          max-width: 60px;
          margin-right: 25px; } }

h5, .h5-size {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #004062; }

h6, .h6-size {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #004062; }

h1 {
  font-size: 2.5rem; }
  @media (min-width: 992px) {
    h1 {
      font-size: 3.2rem; } }

hr {
  display: block;
  clear: both;
  border: none;
  border-top: 1px solid #BBB;
  padding: 0;
  height: 1px;
  margin: 2rem 0; }

a {
  color: #00A1E0;
  background-color: transparent;
  text-decoration: none;
  -webkit-transition: color 0.7s cubic-bezier(0.25, 1, 0.2, 1), background-color 0.7s cubic-bezier(0.25, 1, 0.2, 1), border 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: color 0.7s cubic-bezier(0.25, 1, 0.2, 1), background-color 0.7s cubic-bezier(0.25, 1, 0.2, 1), border 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  a:hover, a:focus {
    color: white;
    background-color: #00A1E0;
    text-decoration: none; }

ul, ol {
  padding: 0 0 2rem 2rem; }
  ul ul, ul ol, ul dl, ol ul, ol ol, ol dl {
    margin-bottom: 0; }
  nav ul, nav ol {
    list-style: none;
    padding: 0; }

ul {
  margin: 0; }

ul.dashed {
  list-style-type: none; }

ul.dashed > li {
  text-indent: -5px; }

ul.dashed > li:before {
  content: "-";
  text-indent: -5px; }

dt {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 2rem 0 0; }

dd {
  margin: 0; }

blockquote {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 2rem;
  line-height: 1.4;
  color: #004062;
  padding: 4rem;
  margin: 4rem 0;
  border-radius: 0 3rem 0 3rem;
  background: rgba(190, 224, 235, 0.25); }
  blockquote cite {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 700;
    font-style: normal; }
  blockquote > :last-child {
    margin-bottom: 0; }

q {
  color: #888; }

pre, code {
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
  background-color: #EEE; }

pre {
  padding: .5em 1em;
  overflow: auto; }

var, kbd {
  font-family: inherit; }

samp {
  font-family: inherit;
  font-weight: bolder; }

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none; }

fieldset {
  padding: 0;
  border: none; }

legend {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.6; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select::-ms-expand {
    display: none; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
.ie11 input[type="color"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
textarea,
select {
  width: 100%;
  padding: .5em 1em;
  border: 1px solid #888;
  border-radius: 3px;
  color: inherit;
  line-height: inherit; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  .ie11 input[type="color"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    color: #717171; }
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  .ie11 input[type="color"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  select:-ms-input-placeholder {
    color: #717171; }
  input[type="text"]::-ms-input-placeholder,
  input[type="password"]::-ms-input-placeholder,
  input[type="email"]::-ms-input-placeholder,
  input[type="url"]::-ms-input-placeholder,
  input[type="tel"]::-ms-input-placeholder,
  input[type="search"]::-ms-input-placeholder,
  .ie11 input[type="color"]::-ms-input-placeholder,
  input[type="number"]::-ms-input-placeholder,
  input[type="date"]::-ms-input-placeholder,
  input[type="time"]::-ms-input-placeholder,
  input[type="datetime-local"]::-ms-input-placeholder,
  input[type="month"]::-ms-input-placeholder,
  input[type="week"]::-ms-input-placeholder,
  textarea::-ms-input-placeholder,
  select::-ms-input-placeholder {
    color: #717171; }
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  .ie11 input[type="color"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  textarea::-moz-placeholder,
  select::-moz-placeholder {
    color: #717171; }
  input[type="text"]::placeholder,
  input[type="password"]::placeholder,
  input[type="email"]::placeholder,
  input[type="url"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="search"]::placeholder,
  .ie11 input[type="color"]::placeholder,
  input[type="number"]::placeholder,
  input[type="date"]::placeholder,
  input[type="time"]::placeholder,
  input[type="datetime-local"]::placeholder,
  input[type="month"]::placeholder,
  input[type="week"]::placeholder,
  textarea::placeholder,
  select::placeholder {
    color: #717171; }
  input[type="text"][readonly], input[type="text"][disabled],
  input[type="password"][readonly],
  input[type="password"][disabled],
  input[type="email"][readonly],
  input[type="email"][disabled],
  input[type="url"][readonly],
  input[type="url"][disabled],
  input[type="tel"][readonly],
  input[type="tel"][disabled],
  input[type="search"][readonly],
  input[type="search"][disabled],
  .ie11 input[type="color"][readonly],
  .ie11 input[type="color"][disabled],
  input[type="number"][readonly],
  input[type="number"][disabled],
  input[type="date"][readonly],
  input[type="date"][disabled],
  input[type="time"][readonly],
  input[type="time"][disabled],
  input[type="datetime-local"][readonly],
  input[type="datetime-local"][disabled],
  input[type="month"][readonly],
  input[type="month"][disabled],
  input[type="week"][readonly],
  input[type="week"][disabled],
  textarea[readonly],
  textarea[disabled],
  select[readonly],
  select[disabled] {
    border-color: #BBB;
    background: #EEE; }

textarea {
  resize: vertical; }

table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #EEE; }

caption {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 1rem; }

td, th {
  padding: .5em 1em;
  border-bottom: 1px solid #EEE;
  text-align: left;
  vertical-align: top; }
  thead td,
  tfoot td, thead th,
  tfoot th {
    background-color: #EEE; }

@media (max-width: 767px) {
  .responsive-table {
    border: none; }
    .responsive-table, .responsive-table thead, .responsive-table tfoot, .responsive-table tbody, .responsive-table tr, .responsive-table th, .responsive-table td, .responsive-table caption {
      display: block; }
    .responsive-table thead tr,
    .responsive-table tfoot tr {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      word-wrap: normal !important; }
      .responsive-table thead tr.focusable:active, .responsive-table thead tr.focusable:focus,
      .responsive-table tfoot tr.focusable:active,
      .responsive-table tfoot tr.focusable:focus {
        height: auto;
        width: auto;
        overflow: visible;
        clip: rect(auto, auto, auto, auto); }
    .responsive-table th {
      background: #EEE; }
    .responsive-table td[data-column-name],
    .responsive-table th[data-column-name] {
      display: -webkit-box;
      display: flex; }
      .responsive-table td[data-column-name]:before,
      .responsive-table th[data-column-name]:before {
        content: attr(data-column-name);
        min-width: 10rem;
        max-width: 50%;
        margin-right: 1rem;
        -webkit-box-flex: 0;
                flex: none;
        font-weight: bolder; } }

.simple-table {
  border: none; }
  .simple-table td, .simple-table th {
    background: white;
    border: none; }
  .simple-table th {
    font-weight: 500; }
  .simple-table thead td, .simple-table thead th {
    font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #004062; }
  @media (max-width: 767px) {
    .simple-table, .simple-table thead, .simple-table tfoot, .simple-table tbody, .simple-table tr, .simple-table th, .simple-table td, .simple-table caption {
      display: block; }
    .simple-table thead tr,
    .simple-table tfoot tr {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      word-wrap: normal !important; }
      .simple-table thead tr.focusable:active, .simple-table thead tr.focusable:focus,
      .simple-table tfoot tr.focusable:active,
      .simple-table tfoot tr.focusable:focus {
        height: auto;
        width: auto;
        overflow: visible;
        clip: rect(auto, auto, auto, auto); }
    .simple-table tbody tr {
      margin-bottom: 2rem; }
    .simple-table td[data-column-name]:before,
    .simple-table th[data-column-name]:before {
      content: attr(data-column-name);
      display: block;
      font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      font-weight: 600;
      color: #004062; } }
  @media (min-width: 768px) {
    .simple-table td, .simple-table th {
      border-top: 2px solid #EEE; }
    .simple-table > :first-child tr:first-child td, .simple-table > :first-child tr:first-child th,
    .simple-table > tr:first-child td,
    .simple-table > tr:first-child th {
      border: none; } }

.simple-table-2 {
  border: none; }
  .simple-table-2 td, .simple-table-2 th {
    background: white;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE; }
  .simple-table-2 th {
    font-weight: 500; }
  .simple-table-2 thead td, .simple-table-2 thead th {
    font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 2px;
    color: #004062; }
  @media (max-width: 767px) {
    .simple-table-2, .simple-table-2 thead, .simple-table-2 tfoot, .simple-table-2 tbody, .simple-table-2 tr, .simple-table-2 th, .simple-table-2 td, .simple-table-2 caption {
      display: block; }
    .simple-table-2 thead tr,
    .simple-table-2 tfoot tr {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      word-wrap: normal !important; }
      .simple-table-2 thead tr.focusable:active, .simple-table-2 thead tr.focusable:focus,
      .simple-table-2 tfoot tr.focusable:active,
      .simple-table-2 tfoot tr.focusable:focus {
        height: auto;
        width: auto;
        overflow: visible;
        clip: rect(auto, auto, auto, auto); }
    .simple-table-2 tbody tr {
      margin-bottom: 4rem;
      border-top: 1px solid #EEE;
      border-bottom: 1px solid #EEE; }
    .simple-table-2 tbody td, .simple-table-2 tbody th {
      padding-left: 0;
      padding-right: 0;
      border: none; }
    .simple-table-2 td[data-column-name]:before,
    .simple-table-2 th[data-column-name]:before {
      content: attr(data-column-name);
      display: block;
      font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      font-weight: 600;
      color: #004062; } }

.data-table {
  border-top: none;
  text-align: center; }
  .data-table th {
    background: none; }
  .data-table thead tr th:first-child, .data-table thead tr td:first-child,
  .data-table tbody tr th:first-child,
  .data-table tbody tr td:first-child {
    text-align: left; }
  .data-table tbody th {
    text-align: left;
    white-space: nowrap; }
  .data-table thead tr th, .data-table thead tr td,
  .data-table tbody tr th,
  .data-table tbody tr td {
    text-align: center;
    border-bottom: solid 1px #c9d8e4; }
  .data-table thead tr th, .data-table thead tr td {
    border-bottom-width: 2px;
    vertical-align: bottom; }
  .data-table .zebra-col th:nth-child(2n), .data-table .zebra-col td:nth-child(2n) {
    background: rgba(190, 224, 235, 0.25); }

.data-table-switch {
  background: #00A1E0 url("../images/icons/chevron-down-white.svg") no-repeat calc(100% - 2rem) center;
  color: white;
  border-radius: 0;
  border: none;
  cursor: pointer;
  display: none; }

.data-table-switch-break-show {
  display: none; }

.trends-table {
  border: none;
  border-collapse: separate;
  border-spacing: 15px; }
  .trends-table td, .trends-table th {
    border: none; }
    .trends-table td :last-child, .trends-table th :last-child {
      margin-bottom: 0; }
  .trends-table th {
    font-weight: 500; }
  .trends-table thead td, .trends-table thead th {
    font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    white-space: nowrap;
    color: #004062;
    background: none; }
  .trends-table tbody td, .trends-table tbody th {
    background: #d1e7f6; }
  @media (max-width: 479px) {
    .trends-table td, .trends-table th {
      padding: 0.5em; } }
  @media (max-width: 767px) {
    .trends-table, .trends-table thead, .trends-table tfoot, .trends-table tbody, .trends-table tr, .trends-table th, .trends-table td, .trends-table caption {
      display: block; }
    .trends-table thead tr,
    .trends-table tfoot tr {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      word-wrap: normal !important; }
      .trends-table thead tr.focusable:active, .trends-table thead tr.focusable:focus,
      .trends-table tfoot tr.focusable:active,
      .trends-table tfoot tr.focusable:focus {
        height: auto;
        width: auto;
        overflow: visible;
        clip: rect(auto, auto, auto, auto); }
    .trends-table tbody tr {
      margin-bottom: 2rem; }
    .trends-table tbody th {
      font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      color: #004062;
      background: #b6dbf1; }
    .trends-table td[data-column-name],
    .trends-table th[data-column-name] {
      display: -webkit-box;
      display: flex; }
      .trends-table td[data-column-name]:before,
      .trends-table th[data-column-name]:before {
        content: attr(data-column-name);
        min-width: 10rem;
        max-width: 50%;
        margin-right: 1rem;
        -webkit-box-flex: 0;
                flex: none;
        font-weight: bolder; } }
  @media (min-width: 768px) {
    .trends-table tbody td:nth-child(2), .trends-table tbody th:nth-child(2) {
      position: relative; }
      .trends-table tbody td:nth-child(2):before, .trends-table tbody td:nth-child(2):after, .trends-table tbody th:nth-child(2):before, .trends-table tbody th:nth-child(2):after {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        width: 1rem;
        height: 1px;
        border-radius: 10rem;
        background: #004062;
        -webkit-transform-origin: right center;
                transform-origin: right center; }
      .trends-table tbody td:nth-child(2):before, .trends-table tbody th:nth-child(2):before {
        -webkit-transform: rotate(60deg);
                transform: rotate(60deg); }
      .trends-table tbody td:nth-child(2):after, .trends-table tbody th:nth-child(2):after {
        -webkit-transform: rotate(-60deg);
                transform: rotate(-60deg); }
    .trends-table tbody td:last-child, .trends-table tbody th:last-child {
      background: #b6dbf1; } }

body.body-bg-light-blue {
  background: rgba(190, 224, 235, 0.25); }

.button {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #00A1E0;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer; }
  .button span {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  .button svg {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.5em;
    -webkit-box-flex: 0;
            flex: none;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
    .button svg:first-child {
      margin-left: 0; }
    .button svg:last-child {
      margin-right: 0; }
  .button:hover, .button:focus {
    color: #004062;
    background: none; }
    .button:hover span, .button:hover svg, .button:focus span, .button:focus svg {
      -webkit-transform: translateX(5px);
              transform: translateX(5px); }

.button--light-blue, .button--light-blue2, .button--light-green, .button--light-yellow, .button--light-brown, .button--cyan {
  display: -webkit-box;
  display: flex;
  font-weight: 900;
  margin: .5rem 0;
  padding: 1.5rem 2rem;
  color: white;
  background: #c9d8e4; }
  .button--light-blue:hover, .button--light-blue2:hover, .button--light-green:hover, .button--light-yellow:hover, .button--light-brown:hover, .button--cyan:hover, .button--light-blue:focus, .button--light-blue2:focus, .button--light-green:focus, .button--light-yellow:focus, .button--light-brown:focus, .button--cyan:focus {
    color: white;
    background-color: #96b3cb; }

.button--light-blue2 {
  background-color: #849db1; }
  .button--light-blue2:hover, .button--light-blue2:focus {
    background-color: #5a778e; }

.button--light-green {
  background-color: #c1cfbc; }
  .button--light-green:hover, .button--light-green:focus {
    background-color: #98af8f; }

.button--light-yellow {
  background-color: #e6dda8; }
  .button--light-yellow:hover, .button--light-yellow:focus {
    background-color: #d5c66d; }

.button--light-brown {
  background-color: #b4a89b; }
  .button--light-brown:hover, .button--light-brown:focus {
    background-color: #93826f; }

.button--cyan {
  background-color: #00A1E0;
  border-color: #00A1E0; }
  .button--cyan:hover, .button--cyan:focus {
    background-color: #006a94; }

.button--small {
  font-size: 1.2rem;
  line-height: 1.8;
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 1rem 1.5rem; }

.button--big {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 2rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 2rem 0 2rem; }
  @media (min-width: 992px) {
    .button--big {
      font-size: 2rem;
      line-height: 1.4;
      padding: 2.5rem; } }
  .button--big svg {
    width: 2.5rem;
    height: 2.5rem; }

.button--full-width {
  width: 100%; }

@font-face {
  font-family: "Gotham Book";
  src: url("../fonts/GothamBook-Italic.woff2") format("woff2"), url("../fonts/GothamBook-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Gotham Book";
  src: url("../fonts/GothamBook.woff2") format("woff2"), url("../fonts/GothamBook.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Gotham Light";
  src: url("../fonts/GothamLight.woff2") format("woff2"), url("../fonts/GothamLight.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Gotham Bold";
  src: url("../fonts/GothamBold.woff2") format("woff2"), url("../fonts/GothamBold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Gotham Medium";
  src: url("../fonts/GothamMedium.woff2") format("woff2"), url("../fonts/GothamMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Gotham Bold";
  src: url("../fonts/GothamBlack.woff2") format("woff2"), url("../fonts/GothamBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: "Gotham Rounded";
  src: url("../fonts/GothamRounded-Medium.woff2") format("woff2"), url("../fonts/GothamRounded-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Gotham Book";
  src: url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.bg-blue {
  background: #004062;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #fff; }

.grey-text {
  color: #BBB; }

.intro-text {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 2rem;
  line-height: 1.4;
  color: #004062; }

.caption-text {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.6; }
  .caption-text span {
    font-weight: 300; }

.small-text {
  font-size: 1.2rem;
  line-height: 1.8; }

.light-text {
  font-size: 2rem;
  line-height: 1.4;
  color: #00A1E0; }

.bold-text {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6; }

.testimonial-text {
  position: relative;
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 1.4;
  max-width: 78rem;
  padding: 3rem 0 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #00A1E0; }
  .testimonial-text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 6rem;
    height: 1px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: currentColor; }

.centered-heading {
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 1rem;
  border-bottom: 1px solid;
  text-align: center; }

.message {
  display: block;
  padding: 0.5em 1em;
  border: none;
  margin: 0 0 2rem;
  color: #06A;
  background: #EEE;
  border-left: 5px solid currentColor; }
  .message > * {
    margin-bottom: 0; }
  .message ul {
    padding-left: 1em; }
  .message a {
    color: inherit;
    text-decoration: underline; }
  .message a:hover,
  .message a:focus {
    color: white;
    background-color: #06A;
    text-decoration: none; }

.message--error {
  color: #C00; }
  .message--error a:hover,
  .message--error a:focus {
    background-color: #C00; }

.message--success {
  color: #090; }
  .message--success a:hover,
  .message--success a:focus {
    background-color: #090; }

.message--alert {
  color: black;
  background-color: #FD0; }
  .message--alert a:hover,
  .message--alert a:focus {
    background-color: black; }

.number-list {
  counter-reset: item;
  padding: 0;
  margin: 0;
  font-size: 2rem; }
  .number-list li {
    padding: 1rem 0;
    display: block; }
    .number-list li + li {
      border-top: dotted 1px #BBB; }
    .number-list li:before {
      content: counter(item);
      counter-increment: item;
      color: #00A1E0;
      margin-right: 1rem; }

.docs-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 0 -2rem -2rem;
  list-style: none; }
  .docs-list li {
    -webkit-box-flex: 0;
            flex: 0 0 calc(50% - 2rem);
    margin: 0 0 2rem 2rem; }
  .docs-list a {
    display: block;
    font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.8;
    line-height: 1.4; }
  .docs-list figure {
    overflow: hidden;
    margin-bottom: 1rem; }
  .docs-list img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  .docs-list a:hover,
  .docs-list a:focus {
    color: #004062;
    background: none; }
    .docs-list a:hover img,
    .docs-list a:focus img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }

.value-cards {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: -3rem;
  margin-left: -3rem; }

.value-card {
  font-size: 1.4rem;
  line-height: 1.6;
  position: relative;
  margin: 3rem 0 0 3rem;
  padding: 0 3rem 3rem;
  -webkit-box-flex: 0;
          flex: none;
  width: calc(100% - 3rem);
  background: rgba(201, 216, 228, 0.25);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  @media (min-width: 768px) {
    .value-card {
      width: calc(50% - 3rem); } }
  @media (min-width: 1200px) {
    .value-card {
      width: calc(33.33% - 3rem); } }
  .value-card h4 {
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 0 0 1rem;
    color: #004062; }
  .value-card .light-text {
    font-size: 1.8rem;
    line-height: 1.5; }

.value-card__header {
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 -3rem 3rem;
  padding: 2rem 3rem;
  color: white;
  background: #c9d8e4; }
  .value-card__header span {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 8rem;
    height: 8rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border-radius: 100%;
    color: #c9d8e4;
    background: white; }
  .value-card__header svg {
    width: 5rem;
    height: 5rem; }

.value-card__footer {
  margin-top: auto; }

.value-card--employees {
  background: rgba(193, 207, 188, 0.25); }
  .value-card--employees .value-card__header {
    background: #c1cfbc; }
    .value-card--employees .value-card__header span {
      color: #c1cfbc; }

.value-card--community {
  background: rgba(230, 221, 168, 0.25); }
  .value-card--community .value-card__header {
    background: #e6dda8; }
    .value-card--community .value-card__header span {
      color: #e6dda8; }

.value-card--shareholders {
  background: rgba(132, 157, 177, 0.25); }
  .value-card--shareholders .value-card__header {
    background: #849db1; }
    .value-card--shareholders .value-card__header span {
      color: #849db1; }

.value-card--suppliers {
  background: rgba(180, 168, 155, 0.25); }
  .value-card--suppliers .value-card__header {
    background: #b4a89b; }
    .value-card--suppliers .value-card__header span {
      color: #b4a89b; }

.issues-list {
  font-weight: 600;
  color: #004062;
  padding: 0;
  margin: 0;
  min-height: 7.6rem;
  list-style: none; }

.issues-item {
  display: -webkit-box;
  display: flex; }
  .issues-item svg {
    -webkit-box-flex: 0;
            flex: none;
    margin: 0.2rem 1.6rem 0 0; }
  .issues-item:nth-child(n + 2) {
    margin-top: 0.5rem; }

.issues-item--1 svg {
  color: #4ac7eb; }

.issues-item--2 svg {
  color: #00a2e2; }

.issues-item--3 svg {
  color: #ac9c8f; }

.issues-item--4 svg {
  color: #525e6b; }

ul.blue-dot {
  list-style-type: none; }
  ul.blue-dot li {
    position: relative;
    padding-left: 20px; }
    ul.blue-dot li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #0096cb; }

ol.blue-number {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  counter-reset: ol-list-counter; }
  ol.blue-number li {
    position: relative;
    padding-left: 20px;
    counter-increment: ol-list-counter; }
    ol.blue-number li:before {
      content: counter(ol-list-counter);
      position: absolute;
      left: 0;
      color: #0096cb;
      font-weight: bold; }

ul.grid-lines {
  border-top: 1px solid #00A1E0; }
  ul.grid-lines li {
    padding: 10px 0;
    border-bottom: 1px solid #00A1E0; }
    ul.grid-lines li.flex {
      -webkit-box-align: start;
              align-items: flex-start; }
      ul.grid-lines li.flex img {
        max-width: 60px;
        margin-right: 30px; }
      ul.grid-lines li.flex strong {
        color: #00A1E0; }

.round-corner {
  overflow: hidden;
  border-radius: 0 0 0 3rem; }
  .round-corner img {
    display: block;
    width: 100%; }

.round-corner--tl {
  border-radius: 3rem 0 0 0; }

.round-corner--tr {
  border-radius: 0 3rem 0 0; }

.round-corner--br {
  border-radius: 0 0 3rem 0; }

.no-margin {
  margin-bottom: 0; }

.margin-1 {
  margin-bottom: 2rem; }

.margin-2 {
  margin-bottom: 4rem; }

.margin-3 {
  margin-bottom: 6rem; }

.margin-4 {
  margin-bottom: 8rem; }

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

.ratio-16-9, .ratio-4-3, .ratio-1-1 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }
  .ratio-16-9 > *, .ratio-4-3 > *, .ratio-1-1 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ratio-4-3 {
  padding-bottom: 75%; }

.ratio-1-1 {
  padding-bottom: 100%; }

.bleed-left {
  position: relative; }
  .bleed-left:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    z-index: -1;
    background: inherit; }

.bleed-right {
  position: relative; }
  .bleed-right:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: -1;
    background: inherit; }

.visually-hidden, .screen-reader-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal !important; }
  .visually-hidden.focusable:active, .focusable.screen-reader-text:active, .visually-hidden.focusable:focus, .focusable.screen-reader-text:focus {
    height: auto;
    width: auto;
    overflow: visible;
    clip: rect(auto, auto, auto, auto); }

.invisible {
  visibility: hidden; }

.print-only {
  display: none; }

.visibile-sm {
  display: none; }

.hidden-sm {
  display: block; }

.visibile-md {
  display: none; }

.hidden-md {
  display: block; }

@media (max-width: 767px) {
  .visibile-sm {
    display: block; }
  .hidden-sm {
    display: none !important; } }

@media (max-width: 991px) {
  .visibile-md {
    display: block; }
  .hidden-md {
    display: none !important; } }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.hyphens {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

.float-left, .alignleft {
  float: left; }

.float-right, .alignright {
  float: right; }

.clear {
  clear: both; }

img.float-left, img.alignleft, figure.float-left, figure.alignleft {
  margin: 0 2rem 2rem 0; }

img.float-right, img.alignright, figure.float-right, figure.alignright {
  margin: 0 0 2rem 2rem; }

@media (min-width: 768px) {
  blockquote.float-left, blockquote.alignleft {
    max-width: calc( 50% - 1rem);
    margin: 0 2rem 2rem 0; }
  blockquote.float-right, blockquote.alignright {
    max-width: calc( 50% - 1rem);
    margin: 0 0 2rem 2rem; } }

@media (max-width: 767px) {
  .float-none-sm {
    float: none;
    margin: 0 0 2rem 0;
    width: 100%; } }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.no-overflow {
  overflow: hidden; }

.content-box {
  position: relative;
  padding: 4rem 4rem 2rem;
  background: #fff;
  margin-bottom: 4rem; }
  .content-box.bg-cyan {
    background: rgba(190, 224, 235, 0.25); }
  .content-box.bg-cyan-lighter {
    background: #d1e9f7; }
  .content-box.bg-blue {
    background: #004062;
    color: #fff; }
    .content-box.bg-blue h2,
    .content-box.bg-blue h3 {
      color: #fff; }
  .content-box.bg-green {
    background: #dce7dd;
    padding-top: 2rem; }
    @media (max-width: 767px) {
      .content-box.bg-green {
        padding-bottom: 14rem; } }
    @media (min-width: 768px) {
      .content-box.bg-green {
        padding-left: 20rem; } }
    .content-box.bg-green img {
      position: absolute;
      bottom: 0;
      left: -2rem;
      width: 20rem; }
  .content-box.equal-height {
    height: calc(100% - 4rem); }
  .content-box.has-border-top {
    border-top: solid 3px #00A1E0; }
  .content-box.has-border-bottom {
    border-bottom: solid 3px #00A1E0; }
  .content-box.no-padding {
    padding: 0; }

.content-box__heading {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: -4rem -4rem 4rem;
  padding: 2rem 4rem;
  color: white;
  background: #00A1E0; }

.coloured-content-box {
  padding: 0;
  background: none; }
  .coloured-content-box .coloured-content-box__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 20px; }
    .coloured-content-box .coloured-content-box__header > * {
      margin-bottom: 0; }
    .coloured-content-box .coloured-content-box__header h3,
    .coloured-content-box .coloured-content-box__header h4 {
      line-height: 1.2; }
    .coloured-content-box .coloured-content-box__header img {
      max-width: 60px;
      margin-left: 60px; }
  .coloured-content-box .coloured-content-box__body {
    padding: 20px; }
  .coloured-content-box .coloured-content-box__footer {
    padding: 20px;
    background-color: #e8e2bd; }
  .coloured-content-box.coloured-content-box--border {
    border-top: 5px solid #fff; }
  .coloured-content-box h3,
  .coloured-content-box h4 {
    line-height: 1.2; }
  .coloured-content-box.coloured-content-box--blue .coloured-content-box__header {
    border-top-right-radius: 40px;
    background-color: #00a2e2;
    color: #fff; }
    .coloured-content-box.coloured-content-box--blue .coloured-content-box__header h3 {
      color: inherit; }
  .coloured-content-box.coloured-content-box--blue .coloured-content-box__body {
    background-color: #eff7fa; }
    .coloured-content-box.coloured-content-box--blue .coloured-content-box__body h3,
    .coloured-content-box.coloured-content-box--blue .coloured-content-box__body h4 {
      color: #003755; }
  .coloured-content-box.coloured-content-box--blue.coloured-content-box--border {
    border-color: #00a2e2; }
  .coloured-content-box.coloured-content-box--yellow {
    /* Quick hack :( */
    background: -webkit-linear-gradient(white 150px, #f1edd9 25%);
    background: linear-gradient(white 150px, #f1edd9 25%); }
    .coloured-content-box.coloured-content-box--yellow .coloured-content-box__body {
      padding-top: 0; }
      .coloured-content-box.coloured-content-box--yellow .coloured-content-box__body h3,
      .coloured-content-box.coloured-content-box--yellow .coloured-content-box__body h4 {
        color: #003755; }
    .coloured-content-box.coloured-content-box--yellow img {
      max-width: none;
      width: calc(100% + 40px);
      margin: 0 -20px 40px; }
    .coloured-content-box.coloured-content-box--yellow.coloured-content-box--border {
      padding-top: 20px;
      border-color: #e8e2bd;
      background: #f1edd9; }
    .coloured-content-box.coloured-content-box--yellow:not(.coloured-content-box--border) {
      background: -webkit-linear-gradient(white 150px, #f1edd9 25%);
      background: linear-gradient(white 150px, #f1edd9 25%); }

.grid-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap; }
  .grid-container .grid-box {
    -webkit-box-flex: 0;
            flex: 0 0 33.3333%; }
  .grid-container.bordered .grid-box {
    border-top: solid 1px rgba(190, 224, 235, 0.25);
    border-right: solid 1px rgba(190, 224, 235, 0.25); }
  @media (min-width: 1200px) {
    .grid-container.bordered .grid-box:nth-child(3n) {
      border-right: none; } }
  @media (max-width: 1199px) {
    .grid-container .grid-box {
      -webkit-box-flex: 0;
              flex: 0 0 50%; }
    .grid-container.bordered .grid-box:nth-child(2n) {
      border-right: none; } }
  @media (max-width: 767px) {
    .grid-container .grid-box {
      -webkit-box-flex: 0;
              flex: 0 0 100%; }
    .grid-container.bordered .grid-box {
      border-right: none; } }

.grid-box {
  padding: 4rem; }
  .grid-box.has-icon {
    padding-left: 10rem;
    background-repeat: no-repeat;
    background-position: 2rem 4rem;
    background-size: 6rem; }
  .grid-box strong {
    color: #00A1E0; }
  .grid-box--customer {
    background-image: url(../images/what-matters-most/customer.svg); }
  .grid-box--fairness {
    background-image: url(../images/what-matters-most/fairness.svg); }
  .grid-box--fraud {
    background-image: url(../images/what-matters-most/fraud.svg); }
  .grid-box--governance {
    background-image: url(../images/what-matters-most/governance.svg); }
  .grid-box--innovation {
    background-image: url(../images/what-matters-most/innovation.svg); }

.responsive-table.no-padding {
  padding: 0; }

.responsive-table.colorize-table div.responsive-table-head {
  border-bottom: solid 1px #DBE3E6; }

.responsive-table.colorize-table .responsive-table-row:not(:last-child) {
  border-bottom: solid 1px #DBE3E6; }

.responsive-table.colorize-table .responsive-table-col {
  background: rgba(190, 224, 235, 0.25); }

body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row {
  border: none; }
  @media (max-width: 991px) {
    body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row {
      margin-bottom: 2rem; } }
  @media (min-width: 992px) {
    body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row .responsive-table-col {
      border: 2px solid white; } }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(1) .responsive-table-col {
    background: none; }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(2) .responsive-table-col {
    background: rgba(198, 217, 229, 0.4); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(2) .responsive-table-col:nth-child(2) {
    background: rgba(198, 217, 229, 0.3); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(2) .responsive-table-col:nth-child(n+3) {
    background: rgba(198, 217, 229, 0.2); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(3) .responsive-table-col {
    background: rgba(93, 197, 236, 0.25); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(3) .responsive-table-col:nth-child(2) {
    background: rgba(93, 197, 236, 0.18); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(3) .responsive-table-col:nth-child(n+3) {
    background: rgba(93, 197, 236, 0.15); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(4) .responsive-table-col {
    background: rgba(126, 158, 179, 0.2); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(4) .responsive-table-col:nth-child(2) {
    background: rgba(126, 158, 179, 0.15); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(4) .responsive-table-col:nth-child(n+3) {
    background: rgba(126, 158, 179, 0.11); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(5) .responsive-table-col {
    background: rgba(190, 208, 186, 0.4); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(5) .responsive-table-col:nth-child(2) {
    background: rgba(190, 208, 186, 0.3); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(5) .responsive-table-col:nth-child(n+3) {
    background: rgba(190, 208, 186, 0.2); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(6) .responsive-table-col {
    background: rgba(231, 221, 161, 0.4); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(6) .responsive-table-col:nth-child(2) {
    background: rgba(231, 221, 161, 0.3); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(6) .responsive-table-col:nth-child(n+3) {
    background: rgba(231, 221, 161, 0.2); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(7) .responsive-table-col {
    background: rgba(93, 197, 236, 0.25); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(7) .responsive-table-col:nth-child(2) {
    background: rgba(93, 197, 236, 0.2); }
  body.post-name_stakeholder-engagement .responsive-table.colorize-table .responsive-table-row:nth-child(7) .responsive-table-col:nth-child(n+3) {
    background: rgba(93, 197, 236, 0.1); }

@media (min-width: 992px) {
  .responsive-table.colorize-table .responsive-table-row .responsive-table-col:nth-child(3n + 1) {
    background: #E8F0F4; }
  .responsive-table.colorize-table .responsive-table-row .responsive-table-col:nth-child(3n + 2) {
    background: #EEF5F7; }
  .responsive-table.colorize-table .responsive-table-row .responsive-table-col:nth-child(3n) {
    background: #F6FAFB; }
  body.post-name_contacts .responsive-table.colorize-table .responsive-table-row .responsive-table-col:nth-child(3n + 2) {
    background: #F6FAFB; } }

.responsive-table-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap; }
  .responsive-table-row .responsive-table-col {
    -webkit-box-flex: 0;
            flex: 0 0 33.3333%;
    padding: 2rem 1rem; }
  @media (max-width: 991px) {
    .responsive-table-row .responsive-table-col {
      -webkit-box-flex: 0;
              flex: 0 0 100%; } }

.responsive-table-head {
  color: #004062; }
  .responsive-table-head h4 {
    color: #004062;
    margin: 0; }

div.responsive-table-head {
  border-bottom: solid 1px rgba(190, 224, 235, 0.25); }

.responsive-table-row:not(:last-child) {
  border-bottom: solid 1px rgba(190, 224, 235, 0.25); }

.icon-box {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  background: rgba(190, 224, 235, 0.25);
  font-size: 2.2rem;
  padding: 2rem;
  padding-left: 12rem;
  line-height: 4rem;
  margin-bottom: 2rem;
  background-repeat: no-repeat;
  background-position: 2rem center;
  background-size: 6rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .icon-box--accountability {
    background-image: url(../images/icons/value-accountability.svg); }
  .icon-box--collaboration {
    background-image: url(../images/icons/value-collaboration.svg); }
  .icon-box--excellence {
    background-image: url(../images/icons/value-excellence.svg); }
  .icon-box--integrity {
    background-image: url(../images/icons/value-integrity.svg); }
  .icon-box--respect {
    background-image: url(../images/icons/value-respect.svg); }
  .icon-box strong {
    color: #00A1E0; }
  @media (max-width: 767px) {
    .icon-box {
      font-size: 1.6rem;
      padding: 2rem;
      padding-left: 7rem;
      background-size: 4rem;
      background-position: 1.6666666667rem center; } }

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

.wp-caption {
  max-width: 100%; }

#importantdates-wrap {
  position: relative;
  padding: 8rem 0 4rem; }
  #importantdates-wrap svg {
    height: auto;
    width: 100%; }
  #importantdates-wrap .importantdates-country {
    position: absolute;
    z-index: 1;
    font-size: 2rem;
    font-weight: 500; }
    #importantdates-wrap .importantdates-country h3 {
      margin-bottom: 0;
      font-family: "Gotham Bold";
      text-transform: none; }
    #importantdates-wrap .importantdates-country:after {
      content: "";
      position: absolute;
      height: 100px;
      width: 100px;
      border-radius: 50%; }
  #importantdates-wrap #importantdates-australia {
    color: #00A1E0;
    right: 23%;
    bottom: 18%;
    text-align: right; }
    #importantdates-wrap #importantdates-australia:after {
      height: 200px;
      width: 200px;
      -webkit-transform: translate(-50%, -60%);
              transform: translate(-50%, -60%);
      background-image: -webkit-radial-gradient(100% 100%, 90% 90%, rgba(0, 161, 224, 0.3), transparent);
      background-image: radial-gradient(90% 90% at 100% 100%, rgba(0, 161, 224, 0.3), transparent); }
    #importantdates-wrap #importantdates-australia h3 {
      color: #00A1E0; }
  #importantdates-wrap #importantdates-nz {
    color: #004062;
    right: 0%;
    bottom: 3%; }
    #importantdates-wrap #importantdates-nz:after {
      height: 70px;
      width: 70px;
      -webkit-transform: rotate(250deg) translate(115%, -45%);
              transform: rotate(250deg) translate(115%, -45%);
      background-image: -webkit-radial-gradient(100% 100%, 90% 90%, rgba(0, 64, 98, 0.3), transparent);
      background-image: radial-gradient(90% 90% at 100% 100%, rgba(0, 64, 98, 0.3), transparent); }
    #importantdates-wrap #importantdates-nz h3 {
      color: #004062; }
  #importantdates-wrap #importantdates-international {
    color: #5DC4EA;
    right: 2%;
    bottom: 40%; }
    #importantdates-wrap #importantdates-international:after {
      height: 40px;
      width: 40px;
      -webkit-transform: rotate(180deg) translate(240%, 100%);
              transform: rotate(180deg) translate(240%, 100%);
      background-image: -webkit-radial-gradient(100% 100%, 90% 90%, rgba(93, 196, 234, 0.3), transparent);
      background-image: radial-gradient(90% 90% at 100% 100%, rgba(93, 196, 234, 0.3), transparent); }
    #importantdates-wrap #importantdates-international h3 {
      color: #5DC4EA; }
  @media (max-width: 1280px) {
    #importantdates-wrap .importantdates-country {
      font-size: 1.6rem; }
      #importantdates-wrap .importantdates-country h3 {
        font-size: 1.8rem; }
    #importantdates-wrap #importantdates-australia:after {
      height: 130px;
      width: 130px;
      -webkit-transform: translate(-50%, -55%);
              transform: translate(-50%, -55%); }
    #importantdates-wrap #importantdates-nz {
      right: -3%;
      bottom: 4%; }
      #importantdates-wrap #importantdates-nz:after {
        height: 30px;
        width: 30px;
        -webkit-transform: rotate(250deg) translate(200%, -130%);
                transform: rotate(250deg) translate(200%, -130%); }
    #importantdates-wrap #importantdates-international {
      right: -3%; }
      #importantdates-wrap #importantdates-international:after {
        height: 30px;
        width: 30px;
        -webkit-transform: rotate(180deg) translate(305%, 100%);
                transform: rotate(180deg) translate(305%, 100%); } }

#importantdates-stack {
  padding: 4rem 0; }

#importantdates-stack-main {
  padding: 2rem 0; }
  #importantdates-stack-main h3 span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: sub; }

#importantdates-australia-head {
  color: #00A1E0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  #importantdates-australia-head span {
    background: #00A1E0; }

#importantdates-nz-head {
  color: #004062; }
  #importantdates-nz-head span {
    background: #004062; }

#importantdates-international-head {
  color: #5DC4EA;
  position: relative; }
  #importantdates-international-head span {
    background: #5DC4EA; }
  #importantdates-international-head:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 1px;
    background: #5DC4EA;
    width: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

#importantdates-stack {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }
  #importantdates-stack > div:nth-child(1) {
    -webkit-box-flex: 0;
            flex: 0 0 25%; }
  #importantdates-stack > div:nth-child(2) {
    -webkit-box-flex: 0;
            flex: 0 0 75%; }

#importantdates-stack-international {
  border-left: solid 1px #5DC4EA;
  padding: 2rem 0 2rem 4rem;
  display: -webkit-box;
  display: flex;
  position: relative; }
  #importantdates-stack-international:before, #importantdates-stack-international:after {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    background: #5DC4EA;
    width: 6rem; }
  #importantdates-stack-international:before {
    top: 0; }
  #importantdates-stack-international:after {
    bottom: 0; }
  #importantdates-stack-international h3 {
    font-size: 1.6rem;
    margin: 0;
    margin-top: 1rem;
    color: #5DC4EA; }
  #importantdates-stack-international > div {
    -webkit-box-flex: 0;
            flex: 0 0 40%; }
    #importantdates-stack-international > div > ul {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2;
      -webkit-column-width: 50%;
         -moz-column-width: 50%;
              column-width: 50%;
      -webkit-column-gap: 0;
         -moz-column-gap: 0;
              column-gap: 0;
      padding: 0; }
      #importantdates-stack-international > div > ul li {
        list-style: none;
        padding: 0;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
    #importantdates-stack-international > div:nth-child(3) {
      -webkit-box-flex: 0;
              flex: 0 0 20%; }
      #importantdates-stack-international > div:nth-child(3) ul {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1; }

@media (max-width: 991px) {
  #importantdates-stack > div {
    -webkit-box-flex: 0 !important;
            flex: 0 0 100% !important;
    flex-wrap: wrap; }
    #importantdates-stack > div h3:after {
      display: none; }
  #importantdates-stack-main {
    padding-bottom: 0; }
  #importantdates-international-head {
    margin-bottom: 0; }
  #importantdates-stack-international {
    padding-top: 0;
    margin-top: 1rem;
    padding-left: 3.5rem; }
    #importantdates-stack-international:before {
      display: none; }
    #importantdates-stack-international > div {
      -webkit-box-flex: 0 !important;
              flex: 0 0 100% !important; } }

.dates {
  margin-bottom: 2rem;
  font-size: 1.6rem; }
  .dates-head {
    font-weight: bold;
    border-bottom: solid 1px rgba(190, 224, 235, 0.25);
    color: #004062;
    padding-bottom: 0.5rem; }
  .dates-date {
    padding: 0.5rem 0;
    border-bottom: solid 1px rgba(190, 224, 235, 0.25); }
    .dates-date span {
      display: inline-block;
      width: 160px; }

html.is-unsupported-browser #browser-alert {
  display: block !important;
  position: relative;
  z-index: 100;
  text-align: center; }

.site-header {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  overflow: hidden;
  background: url(../images/header-bg.png) no-repeat right top;
  background-size: contain;
  width: 24rem;
  height: 7rem;
  pointer-events: none; }
  @media (min-width: 480px) {
    .site-header {
      width: 40rem;
      height: 11.6rem; } }
  @media (min-width: 992px) {
    .site-header {
      width: 55rem;
      height: 16rem; } }
  body.admin-bar .site-header {
    top: 32px; }
    @media (max-width: 782px) {
      body.admin-bar .site-header {
        top: 46px; } }

.site-logo {
  display: block;
  width: 29.4545454545%;
  height: 37.5%;
  margin-top: 4.9090909091%;
  margin-right: 7.2727272727%;
  margin-left: auto;
  background: url(../images/logo-anz.png) no-repeat center;
  background-size: contain;
  pointer-events: auto; }
  .site-logo:hover, .site-logo:focus {
    background-color: transparent; }

.breadcrumbs {
  display: none; }
  @media (min-width: 480px) {
    .breadcrumbs {
      display: block;
      font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 1.2rem;
      line-height: 1.8;
      color: rgba(0, 0, 0, 0.2); } }
  @media (min-width: 480px) and (max-width: 479px) {
    .breadcrumbs {
      display: none; } }
  @media (min-width: 480px) and (min-width: 768px) {
    .breadcrumbs {
      margin-right: 20rem; } }
  @media (min-width: 480px) and (min-width: 992px) {
    .breadcrumbs {
      margin-right: 34rem; } }
  @media (min-width: 480px) {
      .breadcrumbs div {
        margin-left: -0.5rem;
        overflow: hidden; }
      .breadcrumbs a,
      .breadcrumbs .breadcrumb_separator,
      .breadcrumbs .breadcrumb_last {
        float: left;
        margin: 0 0.5rem; }
      .breadcrumbs a {
        color: inherit; }
        .breadcrumbs a:hover, .breadcrumbs a:focus {
          color: #00A1E0;
          background: none; }
      .breadcrumbs .breadcrumb_last {
        color: #004062; } }

.page-header {
  padding-top: 9rem;
  display: -webkit-box;
  display: flex; }
  @media (min-width: 480px) {
    .page-header {
      padding-top: 11rem; } }
  @media (min-width: 768px) {
    .page-header {
      padding-top: 6rem; } }
  .page-header .container {
    position: relative;
    -webkit-box-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start; }
  .post-has-featured-image .page-header {
    min-height: 55rem;
    color: white;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat; }
    .post-has-featured-image .page-header h1,
    .post-has-featured-image .page-header h2,
    .post-has-featured-image .page-header h3,
    .post-has-featured-image .page-header .intro-text {
      color: inherit; }
    .post-has-featured-image .page-header .breadcrumbs {
      color: rgba(255, 255, 255, 0.5); }
      .post-has-featured-image .page-header .breadcrumbs .breadcrumb_last {
        color: white; }
  @media (min-width: 768px) {
    .page-header.page-header--no-image {
      padding-bottom: 2rem; } }
  @media (min-width: 992px) {
    .page-header.page-header--no-image {
      padding-bottom: 3rem; } }
  .page-header.page-header--no-image .breadcrumbs {
    margin-bottom: 4rem; }
  .page-header.page-header--tall, .page-header.page-header--full {
    padding-bottom: 1rem;
    min-height: 60vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media (min-width: 768px) {
      .page-header.page-header--tall, .page-header.page-header--full {
        padding-bottom: 6rem; } }
    @media (min-width: 992px) {
      .page-header.page-header--tall, .page-header.page-header--full {
        padding-bottom: 8rem; } }
    .page-header.page-header--tall .breadcrumbs, .page-header.page-header--full .breadcrumbs {
      margin-bottom: 4rem; }
  .page-header.page-header--full {
    background-position: center top;
    min-height: 100vh; }
    body.admin-bar .page-header.page-header--full {
      min-height: calc(100vh - 32px); }
      @media (max-width: 782px) {
        body.admin-bar .page-header.page-header--full {
          min-height: calc(100vh - 46px); } }
  @media (min-width: 768px) {
    .page-header.page-header--new-style {
      padding-bottom: 2rem; } }
  @media (min-width: 992px) {
    .page-header.page-header--new-style {
      padding-bottom: 3rem; } }
  .page-header.page-header--new-style .breadcrumbs {
    margin-bottom: 4rem; }
    .page-header.page-header--new-style .breadcrumbs .breadcrumb_separator,
    .page-header.page-header--new-style .breadcrumbs a {
      color: #000; }
    .page-header.page-header--new-style .breadcrumbs .breadcrumb_last {
      color: #003755; }
  @media (min-width: 992px) {
    .page-header.page-header--new-style h1 {
      margin-bottom: 5rem; } }
  .page-header.page-header--new-style .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start; }
    .page-header.page-header--new-style .flex h1 {
      color: #003755; }
      .page-header.page-header--new-style .flex h1 br {
        display: none; }
    @media (min-width: 992px) {
      .page-header.page-header--new-style .flex {
        -webkit-box-align: start;
                align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row; }
        .page-header.page-header--new-style .flex h1 br {
          display: inline; }
        .page-header.page-header--new-style .flex .message-header-image {
          max-width: 50%; } }
  .page-header.page-header--new-style .intro-text {
    color: #00a2e2;
    font-family: "Gotham Medium";
    font-size: 20px;
    font-weight: 300;
    line-height: 30px; }
    @media (min-width: 992px) {
      .page-header.page-header--new-style .intro-text {
        max-width: 67%; } }

@media (max-width: 767px) {
  .page-header h1 {
    font-size: 2.6rem; } }

body.body-page-header-optimize-mobile .page-header.page-header--tall, body.body-page-header-optimize-mobile .page-header.page-header--full, body.body-page-header-optimize-mobile .page-header.page-header--full {
  background-position: bottom center; }

@media (max-width: 767px) {
  body.body-page-header-optimize-mobile .page-header.page-header--tall, body.body-page-header-optimize-mobile .page-header.page-header--full, body.body-page-header-optimize-mobile .page-header.page-header--full {
    background-size: 150%; } }

.main-nav {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 32rem;
  max-width: 100%;
  bottom: 0;
  color: white;
  background-image: -webkit-radial-gradient(8rem -8rem, 20rem, #00A1E0, #004062);
  background-image: radial-gradient(20rem at 8rem -8rem, #00A1E0, #004062);
  background-color: #004062;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  @media (min-width: 768px) {
    .main-nav {
      position: fixed;
      width: 40rem;
      max-width: 50%;
      -webkit-transform: translateX(calc(-100% + 8rem));
              transform: translateX(calc(-100% + 8rem));
      background: #004062; }
      .main-nav.main-nav--transparent {
        background: rgba(0, 64, 98, 0.8); } }
  body.admin-bar .main-nav {
    top: 32px; }
    @media (max-width: 782px) {
      body.admin-bar .main-nav {
        top: 46px; } }

.main-nav__inner {
  height: 100%;
  padding: 2rem 3.5rem;
  overflow: visible; }
  @media (min-width: 768px) {
    .main-nav__inner {
      padding: 4rem 5rem; } }

.main-nav__underlay {
  position: fixed;
  z-index: 19;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }

.main-nav__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 0 3.5rem 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin: 0 -3.5rem 2rem; }
  @media (min-width: 768px) {
    .main-nav__header {
      padding: 0 0 3rem;
      border-color: transparent;
      margin: 0 0 3rem; } }

.main-nav__toggle {
  -webkit-box-ordinal-group: 3;
          order: 2;
  position: relative;
  right: -10.5rem;
  width: 4rem;
  height: 3rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  @media (min-width: 480px) {
    .main-nav__toggle {
      right: -11.5rem; } }
  @media (min-width: 768px) {
    .main-nav__toggle {
      right: -3rem; } }
  .main-nav__toggle i {
    position: absolute;
    left: 0;
    height: 3px;
    background: #004062;
    border-radius: 4px;
    -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    background: #003755; }
    .post-has-featured-image .main-nav__toggle i,
    .page-template-home-page .main-nav__toggle i,
    .page-template-2019-highlights .main-nav__toggle i {
      background: white; }
    @media (min-width: 768px) {
      .main-nav__toggle i {
        background: white; } }
  .main-nav__toggle i:nth-of-type(1) {
    top: 0;
    width: 100%; }
  .main-nav__toggle i:nth-of-type(2) {
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .main-nav__toggle i:nth-of-type(3) {
    bottom: 0;
    width: 60%; }

.main-nav__logo {
  -webkit-box-ordinal-group: 2;
          order: 1;
  display: block;
  width: 9.5rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  @media (min-width: 768px) {
    .main-nav__logo {
      width: 13.5rem; } }
  .main-nav__logo img {
    display: block; }
  .main-nav__logo:hover, .main-nav__logo:focus {
    background-color: transparent; }

.main-nav__content {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }

.main-nav__heading {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .main-nav__heading {
      font-size: 2.2rem;
      line-height: 1.3; } }

.main-nav__menu {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 -3.5rem; }
  .main-nav__menu li.menu-level-1 > a {
    display: block;
    padding: 0.65rem 3.5rem;
    color: white; }
  .main-nav__menu li.menu-level-1:hover > a,
  .main-nav__menu li.menu-level-1 > a:hover,
  .main-nav__menu li.menu-level-1 > a:focus {
    background-color: #003755; }
  @media (min-width: 768px) {
    .main-nav__menu {
      margin: 0 -5rem; }
      .main-nav__menu li.menu-level-1 > a {
        padding-left: 5rem;
        padding-right: 5rem; } }

.main-nav__menu li:hover .main-nav__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

.main-nav__panel {
  display: none;
  padding: 3.5rem;
  font-weight: 200;
  color: #004062;
  background: white;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 767px) {
    .main-nav__panel {
      margin-bottom: 3.5rem; } }
  @media (min-width: 768px) {
    .main-nav__panel {
      display: block !important;
      position: fixed;
      top: 0;
      left: 100%;
      width: 100%;
      bottom: 0;
      padding: 5rem 4rem 5rem;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
      transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); } }
  @media (min-width: 768px) and (min-height: 1094px) {
    .main-nav__panel {
      padding-top: 15rem; } }
  @media (min-width: 768px) {
      li:hover > .main-nav__panel,
      li:focus-within > .main-nav__panel,
      a:focus + .main-nav__panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto; } }
  .main-nav__panel .main-nav__heading {
    color: #00A1E0; }
  .main-nav__panel ul {
    margin-bottom: 2rem; }
  .main-nav__panel > :last-child {
    margin-bottom: 0; }
  .main-nav__panel ul.sub-menu {
    font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.6; }
    .main-nav__panel ul.sub-menu a {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
              justify-content: space-between;
      padding: 1rem 0;
      border-top: 2px dotted #00A1E0; }
      .main-nav__panel ul.sub-menu a span {
        -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
        transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
      .main-nav__panel ul.sub-menu a svg {
        -webkit-box-flex: 0;
                flex: none;
        -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
        transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
    .main-nav__panel ul.sub-menu a:hover,
    .main-nav__panel ul.sub-menu a:focus {
      color: #004062;
      background: none; }
      .main-nav__panel ul.sub-menu a:hover span,
      .main-nav__panel ul.sub-menu a:hover svg,
      .main-nav__panel ul.sub-menu a:focus span,
      .main-nav__panel ul.sub-menu a:focus svg {
        -webkit-transform: translateX(5px);
                transform: translateX(5px); }

body.main-nav-open {
  overflow: hidden; }
  body.main-nav-open .main-nav {
    -webkit-transform: translateX(0rem);
            transform: translateX(0rem); }
    @media (min-width: 768px) {
      body.main-nav-open .main-nav {
        background: #004062; } }
  body.main-nav-open .main-nav__inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  body.main-nav-open .main-nav__underlay,
  body.main-nav-open .main-nav__logo,
  body.main-nav-open .main-nav__content {
    opacity: 1;
    visibility: visible; }
  body.main-nav-open .main-nav__toggle {
    right: 0; }
    body.main-nav-open .main-nav__toggle i {
      background: white; }
    body.main-nav-open .main-nav__toggle i:nth-of-type(1) {
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg); }
    body.main-nav-open .main-nav__toggle i:nth-of-type(2) {
      -webkit-transform: translateY(-50%) rotate(-45deg);
              transform: translateY(-50%) rotate(-45deg); }
    body.main-nav-open .main-nav__toggle i:nth-of-type(3) {
      left: 100%;
      width: 0;
      opacity: 0; }
    @media (max-width: 767px) {
      body.main-nav-open .main-nav__toggle {
        width: 3rem; } }

.main-nav__stories {
  overflow: hidden;
  border-top: solid 5px #00A1E0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: opacity 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  .main-nav__stories a {
    display: block;
    float: left;
    width: 25%;
    position: relative; }
    .main-nav__stories a > div {
      background: rgba(0, 161, 224, 0.6);
      color: #fff;
      display: -webkit-box;
      display: flex;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0;
      z-index: 1;
      text-align: center;
      -webkit-transition: opacity 0.7s cubic-bezier(0.25, 1, 0.2, 1);
      transition: opacity 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
      .main-nav__stories a > div span {
        align-self: center;
        font-weight: 700; }
    .main-nav__stories a:hover > div {
      opacity: 1; }
    .main-nav__stories a img {
      display: block; }

@media (max-width: 767px) {
  .main-nav__stories {
    display: none; } }

.main-nav-open .main-nav__stories {
  opacity: 1; }

/* Custom breakpionts to squeeze in content */
@media (min-width: 768px) {
  .main-nav__stories {
    display: none; }
  .main-nav__heading {
    font-size: 1.7rem;
    line-height: 1.1; }
  .main-nav__inner {
    padding: 2rem 5rem; }
  .main-nav__header {
    padding: 0 0 1.2rem;
    margin: 0 0 1.2rem; }
  .main-nav__menu li.menu-level-1 > a {
    padding: 0.35rem 5rem;
    font-size: 16px; } }

@media (min-width: 768px) and (max-height: 767px) {
  .main-nav__logo {
    width: 11rem; }
  .main-nav__toggle {
    width: 3rem;
    height: 3rem; }
  .main-nav__heading {
    font-size: 1.5rem;
    line-height: 1.1; }
  .main-nav__menu li.menu-level-1 > a {
    font-size: 15px; } }

@media (min-width: 768px) and (min-height: 768px) {
  .main-nav__inner {
    padding: 2.8rem 5rem; }
  .main-nav__header {
    padding: 0 0 2rem;
    margin: 0 0 2rem; }
  .main-nav__menu li.menu-level-1 > a {
    padding: 0.35rem 5rem;
    font-size: 18px; } }

@media (min-width: 768px) and (min-height: 918px) {
  .main-nav__heading {
    font-size: 2.2rem;
    line-height: 1.3; }
  .main-nav__inner {
    padding: 3.5rem 5rem; }
  .main-nav__menu li.menu-level-1 > a {
    padding: 0.65rem 5rem; } }

@media (min-width: 768px) and (min-height: 1094px) {
  .main-nav__inner {
    padding-bottom: 205px; }
  .main-nav__stories {
    display: block; } }

main {
  overflow: hidden; }

.container {
  max-width: 148rem;
  padding: 0 3rem;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .container {
      padding-left: 4rem;
      padding-right: 4rem; } }
  @media (min-width: 768px) {
    .container {
      padding-left: 12rem; } }
  @media (min-width: 992px) {
    .container {
      padding-left: 14rem;
      padding-right: 6rem; } }
  @media (min-width: 1200px) {
    .container {
      padding-left: 16rem;
      padding-right: 8rem; } }

@media (min-width: 768px) {
  .two-cols {
    display: -webkit-box;
    display: flex;
    margin-left: -4rem; }
    .two-cols > * {
      -webkit-box-flex: 0;
              flex: none;
      width: calc( 50% - 4rem);
      margin-left: 4rem; } }

@media (min-width: 992px) {
  .two-cols {
    margin-left: -6rem; }
    .two-cols > * {
      width: calc( 50% - 6rem);
      margin-left: 6rem; } }

@media (min-width: 1200px) {
  .two-cols {
    margin-left: -10rem; }
    .two-cols > * {
      width: calc( 50% - 10rem);
      margin-left: 10rem; } }

@media (min-width: 768px) {
  .three-cols {
    display: -webkit-box;
    display: flex;
    margin-left: -4rem; }
    .three-cols > * {
      -webkit-box-flex: 0;
              flex: none;
      width: calc( 33.3333% - 3rem);
      margin-left: 3rem; } }

@media (min-width: 992px) {
  .three-cols {
    margin-left: -6rem; }
    .three-cols > * {
      width: calc( 33.3333% - 4rem);
      margin-left: 4rem; } }

@media (min-width: 1200px) {
  .three-cols {
    margin-left: -4rem; }
    .three-cols > * {
      width: calc( 33.3333% - 4rem);
      margin-left: 4rem; } }

.light-bg {
  margin: 0 0 3rem;
  padding: 3rem;
  overflow: hidden;
  border-radius: 0 3rem 0 0;
  background: rgba(190, 224, 235, 0.25); }
  .light-bg > :last-child {
    margin-bottom: 0; }
  .light-bg ol {
    font-size: 1.4rem;
    line-height: 1.6;
    list-style: none;
    counter-reset: li; }
    .light-bg ol li {
      counter-increment: li;
      position: relative; }
    .light-bg ol li:before {
      content: counter(li) ". ";
      position: absolute;
      right: calc( 100% + 5px);
      font-weight: bold; }
    .light-bg ol a {
      display: -webkit-box;
      display: flex;
      color: inherit; }
    .light-bg ol svg {
      -webkit-box-flex: 0;
              flex: none;
      width: 1rem;
      height: 1rem;
      margin-top: 0.5rem;
      margin-left: 1rem;
      color: #00A1E0;
      -webkit-transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1);
      transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
    .light-bg ol a:hover,
    .light-bg ol a:focus {
      color: #00A1E0;
      background: none; }
      .light-bg ol a:hover svg,
      .light-bg ol a:focus svg {
        -webkit-transform: translateX(5px);
                transform: translateX(5px); }
  @media (max-width: 479px) {
    .light-bg.expand-on-xs {
      margin-left: -3rem;
      margin-right: -3rem; } }

.light-bg__image {
  margin: -3rem -3rem 3rem; }
  .light-bg__image img {
    display: block;
    width: 100%; }

.multi-column-grid {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -3rem; }
  .multi-column-grid > * {
    -webkit-box-flex: 1;
            flex: 1 1 0;
    margin-bottom: 3rem;
    margin-left: 3rem;
    min-width: 20rem; }

.home-page {
  position: relative; }
  @media (min-width: 768px) {
    .home-page video,
    .home-page .img-hero-container {
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
    .home-page .img-hero-container {
      height: calc(100vh - 120px);
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center; }
      .home-page .img-hero-container .img-hero {
        height: 70%;
        width: auto;
        margin: -60px auto 0; } }
  @media (max-width: 767px) {
    .home-page .img-hero-container {
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      bottom: 80px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center; }
      .home-page .img-hero-container .img-hero {
        margin-left: -60px; } }

.home-banner {
  position: relative;
  z-index: 1;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  text-align: center; }
  .home-banner h1 {
    font-size: 8rem;
    line-height: 1;
    color: white; }
    .home-banner h1 span {
      color: #004062; }
  .home-banner h2 {
    position: relative;
    padding-top: 2rem;
    color: white; }
    .home-banner h2:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 5.5rem;
      height: 1px;
      background: white; }
    .home-banner h2 span {
      font-weight: 400; }
  body.admin-bar .home-banner {
    height: calc(100vh - 32px); }
    @media (max-width: 782px) {
      body.admin-bar .home-banner {
        height: calc(100vh - 46px); } }

body.body-is-mobile .home-banner {
  background-image: url(../images/anz-home.png), -webkit-gradient(linear, left top, left bottom, from(#004062), color-stop(#00A1E0), to(#004062));
  background-image: url(../images/anz-home.png), -webkit-linear-gradient(top, #004062, #00A1E0, #004062);
  background-image: url(../images/anz-home.png), linear-gradient(to bottom, #004062, #00A1E0, #004062);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 82vmin, 100%; }

.home-menu {
  position: fixed;
  z-index: 2;
  right: 0;
  width: 100%;
  bottom: 0;
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .home-menu {
      position: fixed; } }
  @media (min-width: 768px) {
    .home-menu {
      width: calc(100% - 8rem); } }
  .home-menu a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    color: white;
    -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  .home-menu .menu {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    margin: 0; }
  .home-menu .menu-level-1 {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
            flex: none;
    min-width: 0;
    width: 50%; }
    @media (min-width: 768px) {
      .home-menu .menu-level-1 {
        width: auto; } }
    .home-menu .menu-level-1 > a {
      font-size: 1.6rem;
      line-height: 1.6;
      line-height: 1.2;
      padding: 0 2rem;
      width: 100%;
      height: 8rem;
      -webkit-box-flex: 0;
              flex: none;
      -webkit-box-pack: justify;
              justify-content: space-between;
      background-image: -webkit-radial-gradient(50% 0%, 12rem, rgba(0, 161, 224, 0.4), rgba(0, 64, 98, 0.4));
      background-image: radial-gradient(12rem at 50% 0%, rgba(0, 161, 224, 0.4), rgba(0, 64, 98, 0.4));
      background-color: rgba(0, 55, 85, 0.8); }
      @media (min-width: 768px) {
        .home-menu .menu-level-1 > a {
          width: auto;
          max-width: 28rem; } }
      @media (min-width: 992px) {
        .home-menu .menu-level-1 > a {
          font-size: 1.8rem;
          line-height: 1.5;
          padding: 0 3rem;
          height: 10rem; } }
      @media (min-width: 1200px) {
        .home-menu .menu-level-1 > a {
          font-size: 2rem;
          line-height: 1.4;
          padding: 0 4rem;
          height: 12rem; } }
      .home-menu .menu-level-1 > a svg {
        -webkit-box-flex: 0;
                flex: none;
        width: 1.8rem;
        height: 1.8rem;
        margin-left: 1rem;
        -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
        transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
        @media (min-width: 1200px) {
          .home-menu .menu-level-1 > a svg {
            width: 2.4rem;
            height: 2.4rem;
            margin-left: 2rem; } }
      .home-menu .menu-level-1 > a:hover svg, .home-menu .menu-level-1 > a:focus svg {
        -webkit-transform: translateX(5px);
                transform: translateX(5px); }
    .home-menu .menu-level-1:nth-child(odd) > a {
      background-color: #00A1E0; }
    @media (min-width: 992px) {
      .home-menu .menu-level-1:last-child > a {
        min-width: 290px; } }
    @media (min-width: 1200px) {
      .home-menu .menu-level-1:last-child > a {
        min-width: 340px; } }
  .home-menu .sub-menu {
    display: -webkit-box;
    display: flex;
    min-width: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
    @media (max-width: 767px) {
      .home-menu .sub-menu {
        display: none; } }
  .home-menu .menu-level-2 {
    width: 0rem;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
    .home-menu .menu-level-2 > a {
      position: relative;
      font-size: 2rem;
      line-height: 1.4;
      height: calc(100% + 1.5rem);
      -webkit-box-pack: center;
              justify-content: center;
      background-size: cover;
      background-position: center; }
      @media (min-width: 992px) {
        .home-menu .menu-level-2 > a {
          font-size: 2.2rem;
          line-height: 1.3; } }
      @media (min-width: 1200px) {
        .home-menu .menu-level-2 > a {
          font-size: 2.4rem;
          line-height: 1.3; } }
      .home-menu .menu-level-2 > a:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 64, 98, 0.8);
        opacity: 0;
        -webkit-transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1);
        transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
      .home-menu .menu-level-2 > a span {
        position: relative;
        z-index: 1;
        opacity: 0;
        -webkit-transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1);
        transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
      .home-menu .menu-level-2 > a:hover, .home-menu .menu-level-2 > a:focus {
        -webkit-transform: translateY(-1.5rem);
                transform: translateY(-1.5rem); }
        .home-menu .menu-level-2 > a:hover:before,
        .home-menu .menu-level-2 > a:hover span, .home-menu .menu-level-2 > a:focus:before,
        .home-menu .menu-level-2 > a:focus span {
          opacity: 1; }
  .home-menu li.open {
    -webkit-box-flex: 0;
            flex: 0 1 auto; }
    @media (min-width: 768px) {
      .home-menu li.open .sub-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: auto; }
      .home-menu li.open .menu-level-2 {
        width: 10rem; } }

body.page:after {
  content: "";
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 162, 226, 0)), to(#00a2e2));
  background: -webkit-linear-gradient(left, rgba(0, 162, 226, 0) 0%, #00a2e2 100%);
  background: linear-gradient(90deg, rgba(0, 162, 226, 0) 0%, #00a2e2 100%); }

.page-content {
  margin: 4rem 0;
  margin-top: 6rem; }
  @media (max-width: 767px) {
    .page-content {
      margin-top: 9rem;
      margin-bottom: 10rem; } }

.page-header + .page-content {
  margin-top: 4rem; }

@media (min-width: 768px) {
  .page-grid {
    display: -webkit-box;
    display: flex; } }

@media (min-width: 768px) {
  .page-grid__main {
    -webkit-box-flex: 1;
            flex: 1; } }

@media (min-width: 768px) {
  .page-grid__sidebar {
    -webkit-box-flex: 0;
            flex: none;
    width: calc(50% - 2rem);
    margin-top: 10rem;
    margin-left: 4rem; }
    .page-grid__sidebar .button--big {
      width: 100%; } }

@media (min-width: 992px) {
  .page-grid__sidebar {
    width: 36rem;
    margin-top: 18rem;
    margin-left: 10rem; } }

body.page-template-message-page .page-header h1 {
  margin-top: auto;
  padding: 5px 0; }

body.page-template-message-page .page-header h2 {
  background: rgba(0, 162, 225, 0.35);
  padding: 5px 10px; }

.message-intro {
  display: none; }
  @media (min-width: 768px) {
    .message-intro {
      display: block; } }

.message-quote {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 2rem;
  line-height: 1.4;
  margin: 3rem 0 5rem;
  padding: 3rem 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  color: #5DC4EA;
  text-align: center; }
  .message-quote p {
    max-width: 80rem;
    margin: 0 auto; }
  @media (min-width: 992px) {
    .message-quote {
      padding-left: 3rem;
      padding-right: 3rem; } }

.message-footer-image {
  margin-top: 2rem; }
  @media (min-width: 992px) {
    .message-footer-image {
      margin-top: 3rem; } }

body.page-template-message-page-3-col .message-header-image {
  flex-basis: 40%; }

body.page-template-message-page-3-col .message-intro {
  flex-basis: 60%; }
  body.page-template-message-page-3-col .message-intro h2 {
    color: #003658;
    font-family: "Gotham Bold";
    font-size: 20px;
    line-height: 30px;
    text-transform: none; }
  body.page-template-message-page-3-col .message-intro .intro-text {
    color: #7698ad;
    font-family: "Gotham Bold";
    font-size: 16px;
    line-height: 26px; }

body.page-template-message-page-3-col .page-content h4 {
  margin-bottom: 1rem;
  color: #00a2e2;
  font-size: 16px;
  line-height: 37px; }

.blog-item {
  padding: 4rem 0;
  border-top: 1px solid #EEE; }

.blog-item__thumb {
  display: block;
  margin: 0 auto 2rem; }

.blog-item__content > :last-child {
  margin-bottom: 0; }

@media (min-width: 480px) {
  .blog-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start; }
  .blog-item__thumb {
    margin: 0 2rem 0 0;
    width: 7.5rem;
    -webkit-box-flex: 0;
            flex: none; }
  .blog-item__content {
    -webkit-box-flex: 1;
            flex: 1; } }

@media (min-width: 768px) {
  .blog-item__thumb {
    width: 10rem; } }

.numbered-pagination ul {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center; }

.numbered-pagination li {
  margin: 0; }

.numbered-pagination a, .numbered-pagination span {
  display: block;
  min-width: 2em;
  line-height: 2;
  overflow: hidden;
  border-radius: 10rem;
  text-align: center;
  text-decoration: none; }

.numbered-pagination a:hover,
.numbered-pagination a:focus {
  color: white;
  background-color: #00A1E0; }

.pagination ul {
  display: -webkit-box;
  display: flex; }

.pagination .pagination-previous {
  margin-right: 2rem; }

.pagination .pagination-next {
  margin-left: auto; }

body.single-story .page-header {
  position: relative;
  padding-bottom: 0;
  background-color: #fce9da;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fce9da), to(#fff));
  background-image: -webkit-linear-gradient(#fce9da, #fff);
  background-image: linear-gradient(#fce9da, #fff); }
  body.single-story .page-header + .page-content {
    margin-top: 0; }
  body.single-story .page-header .container {
    position: static; }

body.single-story .page-header .breadcrumbs .breadcrumb_last,
body.single-story .breadcrumb_separator,
body.single-story .breadcrumbs a {
  color: #003658; }

body.single-story .message-quote {
  padding: 0 0 30px;
  border-top: 0;
  border-bottom: 2px dotted #003658; }
  body.single-story .message-quote p {
    max-width: none;
    text-transform: none;
    text-align: left;
    padding: 0;
    color: #004062;
    font-family: "Gotham Medium";
    font-size: 20px;
    font-weight: 300;
    line-height: 30px; }

.flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%; }

.story-category-logo {
  max-width: 100px;
  margin-bottom: 30px;
  display: block; }

.story-header-image {
  max-width: 495px; }

.story-header {
  padding-bottom: 70px; }
  .story-header h1 {
    margin-bottom: 0;
    padding: 0 100px 0 0;
    color: #eb8b2e !important;
    font-family: "Gotham Bold";
    font-size: 28px;
    line-height: 32px;
    text-transform: none; }
  .story-header h4 {
    display: block;
    color: #003658;
    font-size: 15px;
    line-height: 32px; }

.story {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.story__category {
  align-self: flex-start;
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-family: "Gotham Bold";
  text-transform: none;
  color: #00A1E0;
  margin-bottom: 4rem;
  padding: 1rem 2rem;
  color: white;
  background: rgba(0, 161, 224, 0.8); }
  .story__category.flex {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: start;
            justify-content: flex-start; }
    .story__category.flex img {
      max-width: 30px;
      margin-right: 12.5px; }
      @media (min-width: 992px) {
        .story__category.flex img {
          max-width: 60px;
          margin-right: 25px; } }
  @media (min-width: 1200px) {
    .story__category {
      margin-bottom: 6rem; } }

.story__title {
  font-size: 2.8rem;
  line-height: 1.2;
  margin-top: auto;
  margin-bottom: 4rem; }
  @media (min-width: 1200px) {
    .story__title {
      margin-bottom: 6rem; } }

.story__content {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 300;
  overflow: hidden; }
  .story__content strong,
  .story__content b {
    font-weight: 700; }
  .story__content :last-child {
    margin-bottom: 0; }

.story__footnote {
  font-size: 1.2rem;
  line-height: 1.8;
  margin-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 1rem; }

.story-link {
  position: fixed;
  top: 14rem;
  padding: 2rem 3rem;
  max-width: 14em;
  line-height: 1.2;
  text-align: center;
  color: white;
  background: rgba(0, 89, 130, 0.5);
  -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
  opacity: 0;
  z-index: 17; }
  @media (max-width: 767px) {
    .story-link {
      display: none; } }
  @media (min-width: 992px) {
    .story-link {
      top: 20rem; } }
  .story-link img {
    position: absolute;
    top: 0;
    width: auto;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: opacity 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  .story-link:hover, .story-link:focus {
    color: white;
    background-image: -webkit-radial-gradient(4rem 0, 8rem, rgba(0, 161, 224, 0.5), #004062);
    background-image: radial-gradient(8rem at 4rem 0, rgba(0, 161, 224, 0.5), #004062);
    background-color: #004062; }
    .story-link:hover img, .story-link:focus img {
      opacity: 1; }
  .story-link__next {
    right: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
    .story-link__next img {
      right: 100%; }
  .story-link__prev {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    left: 8rem; }
    .story-link__prev img {
      left: 100%; }
    .story-link__prev:hover, .story-link__prevfocus {
      background-image: -webkit-radial-gradient(calc(100% - 4rem) 0, 8rem, rgba(0, 161, 224, 0.5), #004062);
      background-image: radial-gradient(8rem at calc(100% - 4rem) 0, rgba(0, 161, 224, 0.5), #004062); }
      .story-link__prev:hover span,
      .story-link__prev:hover svg, .story-link__prevfocus span,
      .story-link__prevfocus svg {
        -webkit-transform: translateX(-5px);
                transform: translateX(-5px); }
  .story-link-visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  @media (max-width: 479px) {
    .story-link__next, .story-link__prev {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      top: auto;
      display: block;
      display: -webkit-box;
      display: flex;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
      max-width: inherit;
      height: 78px; }
      .story-link__next span, .story-link__prev span {
        align-self: center; }
      .story-link__next:focus span, .story-link__next:hover span, .story-link__prev:focus span, .story-link__prev:hover span {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      .story-link__next:focus svg, .story-link__next:hover svg, .story-link__prev:focus svg, .story-link__prev:hover svg {
        -webkit-transform: translate(100%, -50%);
                transform: translate(100%, -50%); }
      .story-link__next > svg, .story-link__prev > svg {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(100%, -50%);
                transform: translate(100%, -50%); }
      .story-link__next img, .story-link__prev img {
        display: none; }
    .story-link__next {
      background: #00A1E0;
      right: 0;
      left: 78px;
      padding-right: 6rem; }
      .story-link__next > svg {
        right: 4rem; }
    .story-link__prev {
      height: 78px;
      background: #004062;
      left: 0;
      right: auto;
      width: 78px; }
      .story-link__prev span {
        display: none; } }

body.post-type-archive-story article.blog-item.story {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center; }
  body.post-type-archive-story article.blog-item.story h3 {
    color: #003755;
    text-transform: none; }
  body.post-type-archive-story article.blog-item.story a {
    display: block; }

@media (min-width: 992px) {
  body.page-template-about-our-business .two-cols {
    -webkit-box-align: stretch;
            align-items: stretch;
    margin-left: -4rem; }
    body.page-template-about-our-business .two-cols > * {
      width: calc(50% - 4rem);
      margin-left: 4rem; }
    body.page-template-about-our-business .two-cols .content-box {
      height: calc(100% - 4rem); } }

@media (min-width: 1200px) {
  body.page-template-about-our-business .two-cols {
    margin-left: -4rem; }
    body.page-template-about-our-business .two-cols > * {
      width: calc(50% - 4rem);
      margin-left: 4rem; } }

body.page-template-about-our-business .one-col .content-box:after {
  content: "";
  display: block;
  clear: both; }

body.page-template-about-our-business .one-col .img-sustainable-goals {
  max-width: 40%;
  margin-right: 2rem; }

.feature-image-climate {
  min-height: 40vh !important;
  background-size: contain !important; }

body.page-template-2019-highlights {
  background: #e8f5fa; }
  body.page-template-2019-highlights .page-content h1 {
    margin-bottom: 4rem; }
    @media (min-width: 480px) {
      body.page-template-2019-highlights .page-content h1 {
        margin-bottom: 6rem; } }
    @media (min-width: 768px) {
      body.page-template-2019-highlights .page-content h1 {
        margin-bottom: 8rem; } }

.highlights-stats {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: -2rem auto 8rem;
  width: 26rem; }
  @media (min-width: 480px) {
    .highlights-stats {
      width: 40rem;
      margin-top: -4rem;
      margin-bottom: 12rem; } }
  @media (min-width: 768px) {
    .highlights-stats {
      width: 52rem; } }
  @media (min-width: 992px) {
    .highlights-stats {
      width: auto;
      margin-left: -4rem; } }
  @media (min-width: 1200px) {
    .highlights-stats {
      margin-bottom: 16rem; } }
  @media (min-width: 1500px) {
    .highlights-stats {
      margin-bottom: 20rem; } }

.highlights-stat {
  position: relative;
  -webkit-box-flex: 0;
          flex: none;
  width: 12rem;
  margin: 2rem 0 0; }
  .highlights-stat:nth-child(2n) {
    margin-left: 2rem; }
  .highlights-stat:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    padding-bottom: 100%;
    border-radius: 100%;
    border-width: 1px;
    border-style: dotted;
    border-color: #a0becd #a0becd transparent transparent;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .highlights-stat:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    margin-top: 50%;
    border-right: 1px dotted #a0becd; }
  @media (min-width: 480px) {
    .highlights-stat {
      width: 18rem;
      margin-top: 4rem; }
      .highlights-stat:nth-child(2n) {
        margin-left: 4rem; }
      .highlights-stat:before, .highlights-stat:after {
        border-width: 2px; } }
  @media (min-width: 768px) {
    .highlights-stat {
      width: 24rem; } }
  @media (min-width: 992px) {
    .highlights-stat {
      width: calc( 25% - 4rem);
      margin-left: 4rem; } }

.highlights-stat__number {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 100%;
  margin-bottom: 1rem;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#73c5ee), to(#73c5ee));
  background-image: -webkit-linear-gradient(top, #73c5ee, #73c5ee);
  background-image: linear-gradient(to bottom, #73c5ee, #73c5ee); }
  .highlights-stat__number div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0.5rem;
    border-radius: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5098c2), to(#70c1ea));
    background-image: -webkit-linear-gradient(top, #5098c2, #70c1ea);
    background-image: linear-gradient(to bottom, #5098c2, #70c1ea);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
  .highlights-stat__number strong {
    font-weight: 900;
    font-size: 3.2rem;
    line-height: 1; }
  .highlights-stat__number > span {
    font-size: 1.2rem;
    line-height: 1; }
  @media (min-width: 480px) {
    .highlights-stat__number {
      margin-bottom: 2rem; }
      .highlights-stat__number div {
        margin: 1rem; }
      .highlights-stat__number strong {
        font-size: 5.2rem; }
      .highlights-stat__number > span {
        font-size: 2.2rem; } }
  @media (min-width: 1200px) {
    .highlights-stat__number div {
      margin: 1.5rem; }
    .highlights-stat__number strong {
      font-size: 6.2rem; }
    .highlights-stat__number > span {
      font-size: 2.6rem; } }
  @media (min-width: 1500px) {
    .highlights-stat__number strong {
      font-size: 7.4rem; }
    .highlights-stat__number > span {
      font-size: 3.2rem; } }

.highlights-stat__description {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.3;
  margin-right: 1em;
  text-align: right; }
  @media (min-width: 480px) {
    .highlights-stat__description {
      font-size: 2rem; } }
  @media (min-width: 1500px) {
    .highlights-stat__description {
      font-size: 2.4rem; } }

.highlights-icons {
  margin-bottom: 8rem;
  padding: 2rem 0;
  border-top: 2px dotted #a0becd;
  border-bottom: 2px dotted #a0becd;
  overflow: hidden; }
  @media (min-width: 480px) {
    .highlights-icons {
      margin-bottom: 12rem; } }
  @media (min-width: 768px) {
    .highlights-icons {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      border-bottom: none; } }

.highlights-icon {
  position: relative;
  padding: 1rem 0;
  color: #004062;
  overflow: hidden; }
  .highlights-icon svg {
    float: left;
    width: 6rem;
    height: auto; }
  @media (min-width: 480px) {
    .highlights-icon {
      padding: 1.5rem 0; } }
  @media (min-width: 768px) {
    .highlights-icon {
      -webkit-box-flex: 0;
              flex: none;
      min-width: 0;
      width: 50%;
      padding: 4rem;
      overflow: visible;
      border-bottom: 2px dotted #a0becd; }
      .highlights-icon:before {
        content: '';
        position: absolute;
        top: 3rem;
        left: -2px;
        bottom: 3rem;
        border-left: 2px dotted #a0becd; } }
  @media (min-width: 992px) {
    .highlights-icon {
      width: 33.33%;
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap; }
      .highlights-icon svg {
        width: auto; } }
  @media (min-width: 1200px) {
    .highlights-icon {
      width: 25%; } }

.highlights-icon__amount {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 1.5;
  line-height: 1.1;
  width: calc( 100% - 8rem);
  float: right;
  color: #00A1E0; }
  .highlights-icon__amount strong {
    display: block;
    font-size: 4rem; }
  .highlights-icon__amount span {
    display: block; }
  @media (min-width: 992px) {
    .highlights-icon__amount {
      text-align: center;
      -webkit-box-flex: 1;
              flex: 1;
      min-width: 0;
      width: auto; }
      .highlights-icon__amount strong:first-child {
        margin-top: 1.9rem; } }

.highlights-icon__description {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
  line-height: 1.2;
  width: calc( 100% - 8rem);
  float: right; }
  @media (max-width: 991px) {
    .highlights-icon__description br {
      display: none; } }
  @media (min-width: 992px) {
    .highlights-icon__description {
      -webkit-box-flex: 0;
              flex: none;
      width: 100%;
      margin-top: 2rem;
      text-align: center; } }

.highlights-summary {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8rem; }
  .highlights-summary ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .highlights-summary li {
    padding: 2rem 0;
    border-bottom: 1px dotted #a0becd;
    -webkit-box-align: center;
            align-items: center; }
  .highlights-summary strong {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 3rem;
    line-height: 1;
    color: #004062; }
  .highlights-summary span {
    font-weight: 400;
    text-align: right; }
  @media (min-width: 480px) {
    .highlights-summary {
      margin-bottom: 12rem; } }
  @media (min-width: 768px) {
    .highlights-summary li {
      display: -webkit-box;
      display: flex; }
    .highlights-summary strong {
      -webkit-box-flex: 0;
              flex: none;
      font-size: 4rem;
      color: #00A1E0;
      margin: 0 2rem 0 0; }
    .highlights-summary span {
      -webkit-box-flex: 1;
              flex: 1;
      font-size: 1.8rem;
      line-height: 1.5; } }
  @media (min-width: 992px) {
    .highlights-summary strong {
      font-size: 5rem; }
    .highlights-summary span {
      font-size: 2.2rem;
      line-height: 1.3; } }

.highlights-footnotes {
  font-size: 1.4rem;
  line-height: 1.6; }

.highlights-slide {
  min-height: 100vh;
  display: -webkit-box;
  display: flex; }
  .highlights-slide .highlights-slide-inner {
    align-self: center;
    width: 100%; }
  .highlights-slide .highlights-stats,
  .highlights-slide .highlights-icons,
  .highlights-slide .highlights-summary {
    margin-bottom: 0; }
  .highlights-slide .highlights-stats {
    margin-bottom: 3rem; }

#highlights-slide-1 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding-top: 6rem;
  display: block; }
  #highlights-slide-1 .highlights-slide-flex {
    display: -webkit-box;
    display: flex;
    min-height: calc(100vh - 240px); }
  #highlights-slide-1 > * {
    width: 100%; }
  #highlights-slide-1 .breadcrumbs {
    margin-bottom: 4rem; }

body.page-template-2019-highlights .page-content {
  margin-top: 0; }

#highlights-navi {
  background: rgba(0, 0, 0, 0.5);
  padding: 16px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -44px; }
  #highlights-navi a {
    display: block;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1);
    transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
    #highlights-navi a:after {
      background: #fff;
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0;
      -webkit-transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1);
      transition: 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
    #highlights-navi a.active:after, #highlights-navi a:hover:after {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; }
    #highlights-navi a + a {
      margin-top: 10px; }

@media (max-width: 767px) {
  #highlights-slide-1 {
    padding-top: 11rem; }
  .highlights-slide {
    min-height: inherit; }
    .highlights-slide .highlights-stats,
    .highlights-slide .highlights-icons,
    .highlights-slide .highlights-summary {
      margin-bottom: 8rem; }
  #highlights-navi {
    display: none; } }

body.page-template-governance .page-header {
  position: relative; }
  body.page-template-governance .page-header .container {
    position: relative;
    z-index: 2; }

body.page-template-governance h2 {
  color: #003755;
  font-family: "Gotham Bold";
  font-size: 20px;
  font-weight: 900;
  line-height: 30px;
  text-transform: none; }

body.page-template-governance .framework {
  position: relative; }
  body.page-template-governance .framework:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 100px;
    background: #003755; }

body.page-template-governance .content-box {
  background: none;
  padding-left: 0;
  padding-right: 0; }

body.page-template-governance .framework-layer {
  margin-bottom: 30px; }
  body.page-template-governance .framework-layer .btn {
    display: block;
    text-align: left; }
  body.page-template-governance .framework-layer img {
    height: 50px; }

body.page-template-governance .dotted {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin-left: 100px; }
  body.page-template-governance .dotted:before {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #003755; }
  body.page-template-governance .dotted h4 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 80%;
    padding: 0 100px;
    margin-bottom: 0;
    line-height: 40px;
    text-align: center;
    color: #003755;
    background: #f3fbfd;
    border: 1px dotted #003755;
    border-radius: 20px;
    white-space: pre;
    -webkit-box-flex: 1;
            flex-grow: 1; }

body.page-template-governance .board-of-directors {
  background: #c4cfdc;
  border-radius: 20px; }
  body.page-template-governance .board-of-directors ul {
    list-style-type: none;
    display: -webkit-box;
    display: flex; }
  body.page-template-governance .board-of-directors li {
    padding: 0 2rem;
    text-align: center; }

body.page-template-governance .lineup strong {
  color: #00A1E0; }

body.page-template-governance .executive-committee .lineup span,
body.page-template-governance .executive-committee .lineup strong {
  display: block; }

body.page-template-governance .executive-committee span {
  font-weight: 500; }

body.page-template-governance .executive-committee strong {
  margin-top: 10px; }

#governance-table .data-table tbody th {
  width: 22rem; }

#governance-table thead tr th:first-child,
#governance-table thead tr td:first-child,
#governance-table tbody tr th:first-child,
#governance-table tbody tr td:first-child {
  display: table-cell !important; }

@media (min-width: 991px) {
  #governance-table .data-table th:not(.col-board),
  #governance-table .data-table td:not(.col-board) {
    display: table-cell !important; } }

@media (max-width: 990px) {
  #governance-table .data-table-switch {
    display: block; }
  #governance-table .data-table-switch-break-hide {
    display: none; }
  #governance-table .data-table th:not(.col-board),
  #governance-table .data-table td:not(.col-board) {
    display: none; } }

body.page-template-remuneration-overview .text-center svg {
  width: 4rem;
  height: auto; }

body.page-template-remuneration-overview .border-left-wrap,
body.page-template-remuneration-overview .border-top-wrap {
  position: relative; }

body.page-template-remuneration-overview .border-left {
  width: 10px;
  background: #fff;
  position: absolute;
  left: -2rem;
  top: -2rem;
  bottom: -2rem; }

body.page-template-remuneration-overview .border-top-wrap {
  margin-top: 2rem;
  padding-top: 2rem; }

body.page-template-remuneration-overview .border-top {
  height: 10px;
  background: #fff;
  position: absolute;
  left: -2rem;
  right: -2rem;
  top: -5px; }

.at-risk-bar {
  background: #A4B8C9;
  text-align: center;
  padding: 6px 5px 5px;
  color: #fff;
  position: relative;
  font-weight: bold;
  margin-top: 2rem; }
  .at-risk-bar:before, .at-risk-bar:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block; }
  .at-risk-bar:after {
    left: 100%;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #A4B8C9; }
  .at-risk-bar:before {
    right: 100%;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 20px solid #A4B8C9; }

.flex-container {
  padding: 2rem 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
          align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 2rem; }
  .flex-container .flex-container {
    margin-bottom: 0; }
  .flex-container.col-3 > .flex-item {
    -webkit-box-flex: 1;
            flex: 1 0 33.3333%; }
  .flex-container.col-4 > .flex-item {
    -webkit-box-flex: 1;
            flex: 1 0 25%; }
  .flex-container.col-5 > .flex-item {
    -webkit-box-flex: 1;
            flex: 1 0 20%; }
  .flex-container.col-6 > .flex-item {
    -webkit-box-flex: 1;
            flex: 1 0 16%; }
  .flex-container.bg-cyan-light {
    background: rgba(190, 224, 235, 0.25); }
  .flex-container.bg-grey {
    background: #EEE; }
  .flex-container.bg-seaspray {
    background: #e3ecf2; }
  .flex-container.bg-brown {
    background: #E5DFDA; }
  .flex-container.bg-yellow {
    background: #F7F3DF; }
  .flex-container.bg-green {
    background: #E4ECE3; }
  .flex-container.bg-section-blue {
    background: #c9d8e4; }
  .flex-container-special {
    padding: 0; }
    .flex-container-special .flex-container {
      padding: 0; }
    .flex-container-special > .flex-item {
      padding-top: 2rem;
      padding-bottom: 2rem; }
      .flex-container-special > .flex-item:nth-child(1) {
        -webkit-box-flex: 0;
                flex: 0 0 20%;
        background: #D2D2D5; }
      .flex-container-special > .flex-item:nth-child(2) {
        -webkit-box-flex: 0;
                flex: 0 0 20%;
        background: #E1E0E3; }
      .flex-container-special > .flex-item:nth-child(3) {
        -webkit-box-flex: 0;
                flex: 0 0 60%;
        background: #F0F0F1; }

.flex-item {
  padding: 0 2rem; }
  .flex-item-head {
    font-weight: bold;
    -webkit-box-flex: 0 !important;
            flex: 0 0 20% !important; }
  .flex-item table {
    border-top: none;
    white-space: nowrap; }
    .flex-item table th, .flex-item table td {
      background: none;
      border-bottom: solid 1px #fff; }
  .flex-item.col-25 {
    width: 25%; }
  .flex-item.col-50 {
    width: 50%; }
  .flex-item.col-80 {
    width: 80%; }
  .flex-item.col-100 {
    width: 100%; }

@media (max-width: 991px) {
  .at-risk-bar {
    margin-left: 2rem;
    margin-right: 2rem; }
  .flex-container .flex-item {
    -webkit-box-flex: 1 !important;
            flex: 1 100% !important; }
  .flex-container > .flex-item + .flex-item {
    margin-top: 1rem; }
  .flex-container .flex-container.col-3 > .flex-item {
    -webkit-box-flex: 1 !important;
            flex: 1 0 33.3333% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0; }
  .flex-container-special .border-top {
    display: none; }
  .flex-container-special > .flex-item + .flex-item {
    margin-top: 0; }
  .flex-container-special .flex-item {
    text-align: left !important; }
    .flex-container-special .flex-item .flex-item {
      padding: 0 0 1rem; }
  .flex-container-special .flex-container.col-3 .flex-item {
    -webkit-box-flex: 1 !important;
            flex: 1 100% !important;
    white-space: normal; } }

#remuneration-overview-table .data-table thead th {
  padding-left: 0;
  padding-right: 0;
  text-align: right; }
  #remuneration-overview-table .data-table thead th:nth-child(1) {
    text-align: left; }

#remuneration-overview-table .data-table tbody th {
  width: 34rem; }

#remuneration-overview-table .data-table tbody td {
  text-align: right; }

#remuneration-overview-table .data-table tbody tr:nth-child(odd) td {
  background: rgba(190, 224, 235, 0.25); }

@media (max-width: 990px) {
  #remuneration-overview-table .data-table-switch {
    display: block; }
  #remuneration-overview-table .data-table-switch-break-show {
    display: block !important; }
  #remuneration-overview-table .data-table-switch-break-hide {
    display: none !important; }
  #remuneration-overview-table .data-table-switch-keep {
    display: block !important; }
    #remuneration-overview-table .data-table-switch-keep > tr:first-child {
      border-top: none; }
      #remuneration-overview-table .data-table-switch-keep > tr:first-child > th {
        display: block !important;
        text-align: left;
        padding-left: 0;
        font-weight: normal;
        border-bottom: none; }
  #remuneration-overview-table .data-table tbody:not(.row-d-gonski) {
    display: none; }
  #remuneration-overview-table .data-table tr, #remuneration-overview-table .data-table th, #remuneration-overview-table .data-table td {
    display: block;
    text-align: right; }
  #remuneration-overview-table .data-table td:before {
    content: attr(data-label);
    float: left;
    text-align: left; }
  #remuneration-overview-table .data-table .data-table-switch-break-show {
    font-weight: bold;
    text-align: left; }
  #remuneration-overview-table .data-table thead th {
    text-align: left;
    border-bottom: none;
    padding-top: 4rem; }
  #remuneration-overview-table .data-table tbody th {
    display: none;
    width: 100%; }
  #remuneration-overview-table .data-table tbody tr {
    border-top: solid 1px #c9d8e4;
    margin-top: 2rem; }
  #remuneration-overview-table .data-table tbody tr:nth-child(odd) td {
    background: none; }
  #remuneration-overview-table .data-table tbody tr td:nth-child(2) {
    background: rgba(190, 224, 235, 0.25) !important; } }

#remuneration-overview-remuneration-received-table .data-table thead th {
  padding-left: 0;
  padding-right: 0;
  text-align: right; }
  #remuneration-overview-remuneration-received-table .data-table thead th:nth-child(1) {
    text-align: left; }

#remuneration-overview-remuneration-received-table .data-table tbody th, #remuneration-overview-remuneration-received-table .data-table tbody td {
  width: 12.5%; }

#remuneration-overview-remuneration-received-table .data-table tbody td {
  text-align: right; }

#remuneration-overview-remuneration-received-table .data-table thead tr th:first-child, #remuneration-overview-remuneration-received-table .data-table thead tr td:first-child,
#remuneration-overview-remuneration-received-table .data-table tbody tr th:first-child,
#remuneration-overview-remuneration-received-table .data-table tbody tr td:first-child {
  display: table-cell !important; }

@media (min-width: 991px) {
  #remuneration-overview-remuneration-received-table .data-table th:not(.col-fixed-remuneration),
  #remuneration-overview-remuneration-received-table .data-table td:not(.col-fixed-remuneration) {
    display: table-cell !important; } }

@media (max-width: 990px) {
  #remuneration-overview-remuneration-received-table .data-table-switch {
    display: block; }
  #remuneration-overview-remuneration-received-table .data-table-switch-break-hide {
    display: none; }
  #remuneration-overview-remuneration-received-table .data-table th:not(.col-fixed-remuneration),
  #remuneration-overview-remuneration-received-table .data-table td:not(.col-fixed-remuneration) {
    display: none; } }

#variable-remuneration-data-table {
  position: relative;
  padding-top: 2rem;
  margin-bottom: 2rem; }
  #variable-remuneration-data-table .opportunity {
    position: absolute;
    padding-right: 2rem;
    margin-top: 2rem;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: dashed 1px #004062; }
    #variable-remuneration-data-table .opportunity span {
      display: block;
      position: relative;
      top: -4rem; }
    #variable-remuneration-data-table .opportunity:after {
      content: "";
      position: absolute;
      right: -6px;
      top: -6px;
      display: block;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      border-top: 6px solid #004062; }
  #variable-remuneration-data-table #target-opportunity {
    right: 20%;
    border-right-color: #00A1E0; }
    #variable-remuneration-data-table #target-opportunity:after {
      border-top-color: #00A1E0; }
  #variable-remuneration-data-table .row {
    overflow: hidden;
    padding: 1rem 0;
    border-bottom: solid 1px rgba(190, 224, 235, 0.25);
    border-top: solid 1px rgba(190, 224, 235, 0.25);
    font-weight: bold; }
    #variable-remuneration-data-table .row .mute {
      font-weight: normal;
      color: #888; }
    #variable-remuneration-data-table .row + .row {
      border-top: none; }
    #variable-remuneration-data-table .row > div {
      float: left;
      padding-right: 4rem; }
      #variable-remuneration-data-table .row > div.variable-remuneration-values-wrap {
        padding-right: 0; }
      #variable-remuneration-data-table .row > div:nth-child(1) {
        width: 12%; }
      #variable-remuneration-data-table .row > div:nth-child(2) {
        width: 22%; }
      #variable-remuneration-data-table .row > div:nth-child(3) {
        width: 46%; }
  #variable-remuneration-data-table .variable-remuneration-values-wrap .variable-remuneration-values > div {
    width: 33.3333%; }
  #variable-remuneration-data-table .variable-remuneration-values > div {
    float: left;
    text-align: center;
    position: relative;
    padding: 12px; }
    #variable-remuneration-data-table .variable-remuneration-values > div:before {
      content: "+";
      position: absolute;
      left: -5px; }
    #variable-remuneration-data-table .variable-remuneration-values > div:nth-child(1) {
      background: #D7DFE8; }
      #variable-remuneration-data-table .variable-remuneration-values > div:nth-child(1):before {
        content: "="; }
    #variable-remuneration-data-table .variable-remuneration-values > div:nth-child(2) {
      background: #DEE7DD; }
    #variable-remuneration-data-table .variable-remuneration-values > div:nth-child(3) {
      background: #D9D9DC;
      border: dashed 1px #004062;
      padding: 11px; }

#variable-remuneration-legend {
  margin-bottom: 2rem; }
  #variable-remuneration-legend .legend-item {
    display: inline-block;
    padding-right: 2rem;
    vertical-align: middle;
    margin-bottom: 1rem; }
    #variable-remuneration-legend .legend-item span {
      margin-right: 5px;
      display: inline-block;
      padding: 12px 20px;
      background: red;
      vertical-align: middle; }
    #variable-remuneration-legend .legend-item:nth-child(1) span {
      background: #D7DFE8; }
    #variable-remuneration-legend .legend-item:nth-child(2) span {
      background: #DEE7DD; }
    #variable-remuneration-legend .legend-item:nth-child(3) span {
      background: #D9D9DC;
      border: dashed 1px #004062; }

@media (max-width: 990px) {
  #variable-remuneration-data-table .row > div {
    float: none;
    width: 100%;
    margin-bottom: 0.5rem; }
    #variable-remuneration-data-table .row > div:nth-child(1), #variable-remuneration-data-table .row > div:nth-child(2) {
      width: 100%; }
    #variable-remuneration-data-table .row > div:nth-child(3) {
      width: 95%; }
  #variable-remuneration-data-table .variable-remuneration-values {
    font-size: 1.3rem; }
    #variable-remuneration-data-table .variable-remuneration-values > div:nth-child(1):before {
      display: none; }
  #variable-remuneration-data-table .opportunity span {
    display: none; }
  #variable-remuneration-data-table .opportunity#target-opportunity {
    right: 5%; } }

body.page-template-sustainability-targets svg, .page-template-fair-responsible-banking svg {
  vertical-align: middle;
  width: 4rem; }

body.page-template-sustainability-targets .sdg-icons, .page-template-fair-responsible-banking .sdg-icons {
  overflow: hidden;
  margin-right: -1%;
  margin-left: -1%; }
  body.page-template-sustainability-targets .sdg-icons img, .page-template-fair-responsible-banking .sdg-icons img {
    margin: 1%;
    display: block;
    float: left;
    vertical-align: top;
    width: 23%; }

#targets-performance-table {
  font-size: 3rem;
  line-height: 1.2; }
  #targets-performance-table td {
    vertical-align: middle; }
    #targets-performance-table td:nth-child(1), #targets-performance-table td:nth-child(2) {
      padding-left: 0;
      padding-right: 0;
      width: 80px;
      text-align: center; }

#sustainability-targets-table .data-table {
  background: rgba(190, 224, 235, 0.25);
  text-align: left; }
  #sustainability-targets-table .data-table td, #sustainability-targets-table .data-table th {
    vertical-align: top; }
  #sustainability-targets-table .data-table .data-table-head {
    background: #c9d8e4;
    color: #00A1E0; }
  #sustainability-targets-table .data-table thead th:nth-child(3), #sustainability-targets-table .data-table thead th:nth-child(4) {
    text-align: left; }
  #sustainability-targets-table .data-table tbody th {
    width: 22rem; }
  #sustainability-targets-table .data-table tbody td:nth-child(1) {
    width: 40%; }
  #sustainability-targets-table .data-table tbody td:nth-child(2) {
    width: 10%; }
  #sustainability-targets-table .data-table tbody td:nth-child(3) {
    width: 30%; }
  #sustainability-targets-table .data-table tbody td:nth-child(4) {
    width: 20%; }
  #sustainability-targets-table .data-table tbody td:nth-child(3), #sustainability-targets-table .data-table tbody td:nth-child(4) {
    text-align: left; }
  #sustainability-targets-table .data-table tbody td img {
    width: 20%; }

@media (max-width: 990px) {
  #sustainability-targets-table .data-table-switch-break-hide {
    display: none !important; }
  #sustainability-targets-table .data-table tr, #sustainability-targets-table .data-table th, #sustainability-targets-table .data-table td {
    display: block;
    width: 100% !important;
    border-bottom: none;
    text-align: left; }
  #sustainability-targets-table .data-table tr {
    border-bottom: solid 1px #c9d8e4; }
  #sustainability-targets-table .data-table tbody td img {
    width: 15%; }
  #sustainability-targets-table .data-table tbody td:before {
    font-weight: bold;
    color: #004062;
    content: attr(data-label);
    display: block;
    text-align: left; }
  #sustainability-targets-table .data-table tbody td:nth-child(2):before {
    padding-top: 9px;
    padding-right: 2rem;
    float: left; } }

.build-report-form {
  padding: 0 2rem;
  border-radius: 0 0 0 3rem;
  background: rgba(190, 224, 235, 0.25);
  margin-bottom: 3rem; }
  .build-report-form ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden; }
  .build-report-form li {
    margin-top: -1px;
    padding: 2rem 0;
    border-top: 1px solid rgba(0, 55, 85, 0.1); }
  .build-report-form input {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important; }
    .build-report-form input.focusable:active, .build-report-form input.focusable:focus {
      height: auto;
      width: auto;
      overflow: visible;
      clip: rect(auto, auto, auto, auto); }
  .build-report-form label {
    font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #004062;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer; }
    .build-report-form label:before {
      -webkit-box-flex: 0;
              flex: none;
      content: '✔';
      width: 2.4rem;
      height: 2.4rem;
      border-radius: 4px;
      border: 1px solid rgba(0, 55, 85, 0.3);
      margin-right: 2rem;
      background: white;
      box-sizing: border-box;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      font-size: 0em;
      -webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1);
      transition: all 0.7s cubic-bezier(0.25, 1, 0.2, 1); }
  .build-report-form input:focus + label:before {
    border-color: #00A1E0;
    box-shadow: 0 0 5px rgba(0, 161, 224, 0.5); }
  .build-report-form input:checked + label:before {
    font-size: 1.2em;
    color: white;
    background: #004062; }
  @media (min-width: 1200px) {
    .build-report-form ul {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap; }
    .build-report-form li {
      -webkit-box-flex: 0;
              flex: none;
      width: 50%; } }
  @media (min-width: 1500px) {
    .build-report-form {
      padding: 0 3rem; }
      .build-report-form li {
        padding: 3rem 0; }
      .build-report-form label:before {
        width: 3rem;
        height: 3rem; } }

@media (max-width: 479px) {
  body.page-template-five-year-summary .content-box {
    margin-left: -3rem;
    margin-right: -3rem;
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 480px) and (max-width: 767px) {
  body.page-template-five-year-summary .content-box {
    margin-left: -4rem;
    margin-right: -4rem; } }

@media (max-width: 991px) {
  body.page-template-five-year-summary .data-table-switch {
    display: block; } }

.year-summary-table {
  border: none; }
  .year-summary-table td, .year-summary-table th {
    border-color: #DEE7EE;
    background-color: white; }
    .year-summary-table td:nth-child(n+2), .year-summary-table th:nth-child(n+2) {
      text-align: right; }
  .year-summary-table th {
    font-weight: 600; }
  .year-summary-table .heading-row {
    font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #004062; }
    .year-summary-table .heading-row td, .year-summary-table .heading-row th {
      border-top: 2px solid #DEE7EE;
      border-bottom: 2px solid #DEE7EE; }
  .year-summary-table .heading-row--blue td, .year-summary-table .heading-row--blue th {
    background-color: #E3EBF1 !important; }
  .year-summary-table .heading-row--cyan td, .year-summary-table .heading-row--cyan th {
    background-color: #DDEDF8 !important; }
  .year-summary-table .heading-row--green td, .year-summary-table .heading-row--green th {
    background-color: #E5EBE3 !important; }
  @media (max-width: 991px) {
    .year-summary-table td:first-child, .year-summary-table th:first-child {
      display: table-cell !important; }
    .year-summary-table td:nth-child(n+3), .year-summary-table th:nth-child(n+3) {
      display: none; } }
  @media (min-width: 992px) {
    .year-summary-table td, .year-summary-table th {
      display: table-cell !important; }
      .year-summary-table td:nth-child(2), .year-summary-table th:nth-child(2) {
        background: #F3F6F9; } }

body.page-template-areas-of-focus:after {
  display: none; }

body.page-template-areas-of-focus .intro-text {
  max-width: 32em;
  margin-bottom: 6rem; }
  @media (min-width: 768px) {
    body.page-template-areas-of-focus .intro-text {
      margin-bottom: 10rem; } }

body.page-template-areas-of-focus .content-box {
  color: black; }
  @media (max-width: 767px) {
    body.page-template-areas-of-focus .content-box {
      padding: 2rem; }
      body.page-template-areas-of-focus .content-box .content-box__heading {
        margin-top: -2rem;
        margin-left: -2rem;
        margin-right: -2rem; } }

.area-of-focus {
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e2ecf2; }

.area-of-focus-1 .content-box__heading {
  background: #b8d1e0; }

.area-of-focus-2 .content-box__heading {
  background: #21bfd5; }

.area-of-focus-3 .content-box__heading {
  background: #44c7ed; }

.area-of-focus-4 .content-box__heading {
  background: #003f62; }

.area-of-focus-5 .content-box__heading {
  background: #02a2e1; }

body.post-name_key-material-risks {
  background: #e8f5fa; }
  body.post-name_key-material-risks .responsive-table-row .responsive-table-col:nth-child(1),
  body.post-name_key-material-risks .responsive-table-row .responsive-table-col:nth-child(2) {
    -webkit-box-flex: 0;
            flex: 0 0 40%; }
  body.post-name_key-material-risks .responsive-table-row .responsive-table-col:nth-child(3) {
    -webkit-box-flex: 0;
            flex: 0 0 20%; }
    body.post-name_key-material-risks .responsive-table-row .responsive-table-col:nth-child(3) img {
      display: block;
      margin: 0 auto 10px; }

body.page-template-our-operating-environment .flex,
body.page-template-how-to-create-value .flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  body.page-template-our-operating-environment .flex > *,
  body.page-template-how-to-create-value .flex > * {
    width: calc(50% - 25px); }

body.page-template-our-operating-environment h4.txt-blue,
body.page-template-how-to-create-value h4.txt-blue {
  color: #003658;
  font-family: "Gotham Bold";
  font-size: 16px;
  line-height: 37px;
  text-align: center;
  text-transform: none; }

body.page-template-our-operating-environment .txt-center,
body.page-template-how-to-create-value .txt-center {
  text-align: center; }

body.page-template-our-operating-environment .intro-text {
  color: #00a2e2; }

body.page-template-our-operating-environment .global-trends-table .flex > * {
  width: calc(50% - 15px); }

body.page-template-our-operating-environment .global-trends-table .table-header h4 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 0;
  padding: 15px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #e4f3fc;
  color: #003658; }

body.page-template-our-operating-environment .global-trends-table .row-content {
  -webkit-box-align: stretch;
          align-items: stretch; }
  body.page-template-our-operating-environment .global-trends-table .row-content ul {
    padding: 20px 40px 20px 25px;
    background: #e4f3fc; }
  body.page-template-our-operating-environment .global-trends-table .row-content:last-child ul {
    padding-bottom: 40px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; }

body.page-template-our-operating-environment .global-trends-table .row-header {
  background: #e4f3fc; }
  body.page-template-our-operating-environment .global-trends-table .row-header h4 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-bottom: 0;
    padding: 10px;
    border-radius: 20px;
    font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #fff; }
  body.page-template-our-operating-environment .global-trends-table .row-header.black h4 {
    background-color: #000; }
  body.page-template-our-operating-environment .global-trends-table .row-header.blue h4 {
    background-color: #0096cb; }
  body.page-template-our-operating-environment .global-trends-table .row-header.green h4 {
    background-color: #30b7c4; }
  body.page-template-our-operating-environment .global-trends-table .row-header.light-blue h4 {
    background-color: #51c0dc; }
  body.page-template-our-operating-environment .global-trends-table .row-header.light-brown h4 {
    background-color: #adc4ab; }
  body.page-template-our-operating-environment .global-trends-table .row-header.orange h4 {
    background-color: #eb8b2d; }

body.page-template-our-operating-environment .global-trends-table__footer {
  max-width: 50%;
  margin: 30px auto 0;
  line-height: 1.5 !important; }

body.page-template-how-to-create-value .text-center {
  text-align: center; }

body.page-template-how-to-create-value .dotted-border {
  padding: 50px;
  margin-bottom: 30px;
  border: 1px dotted #003658;
  border-radius: 20px;
  font-family: "Gotham Light";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 100%); }

body.page-template-how-to-create-value ul.arrow {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #003658; }
  body.page-template-how-to-create-value ul.arrow li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 12px;
    color: #003658;
    font-family: "Gotham Medium";
    font-size: 14px;
    line-height: 21px; }
    body.page-template-how-to-create-value ul.arrow li:before {
      position: absolute;
      top: 2px;
      left: 0;
      content: ">"; }

body.page-template-how-to-create-value #our-business-activities .flex {
  -webkit-box-align: stretch;
          align-items: stretch; }
  body.page-template-how-to-create-value #our-business-activities .flex p {
    margin-bottom: 0;
    padding: 20px;
    color: #003658;
    border-bottom: 1px solid #0097cc; }
  body.page-template-how-to-create-value #our-business-activities .flex:last-child p {
    padding-bottom: 0;
    border: 0; }

body.page-template-how-to-create-value #values ul {
  margin-bottom: 20px; }

body.page-template-performance-snapshot {
  background-image: url("../images/bg-diagonal-tile.jpg");
  background-repeat: repeat; }
  body.page-template-performance-snapshot main {
    position: relative;
    max-width: 100vw;
    overflow-x: hidden; }
    body.page-template-performance-snapshot main:after, body.page-template-performance-snapshot main:before {
      content: "";
      position: absolute;
      left: -10vw;
      top: 5%;
      height: 40vw;
      width: 40vw;
      background-image: url("../images/bg-glow.png");
      background-repeat: repeat;
      background-size: cover; }
    body.page-template-performance-snapshot main:after {
      left: auto;
      top: auto;
      right: -10vw;
      bottom: 5%; }
  body.page-template-performance-snapshot .two-cols {
    margin-top: 4rem; }
    body.page-template-performance-snapshot .two-cols p {
      margin-bottom: 1rem; }

body.post-name_contacts .content-box {
  background: none; }

body.post-name_contacts .responsive-table-head h4 {
  color: #00A1E0; }

body.post-name_contacts .responsive-table-row .p2,
body.post-name_contacts .responsive-table-row .p1 {
  font-family: "proxima-nova", "Gotham", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #00A1E0; }

body.post-name_contacts .responsive-table-row .p2 {
  font-size: 1.4rem;
  line-height: 1.6; }

h3.btn,
h4.btn {
  display: inline-block;
  margin-bottom: 30px;
  padding: 0 20px;
  line-height: 40px;
  border-radius: 20px;
  background-color: #0283a6;
  text-align: center;
  color: #fff;
  white-space: pre; }
  h3.btn.btn--blue,
  h4.btn.btn--blue {
    background-color: #003658; }
  h3.btn.btn--dark-blue,
  h4.btn.btn--dark-blue {
    background-color: #003755; }
  h3.btn.btn--cyan,
  h4.btn.btn--cyan {
    background-color: #00A1E0; }
  h3.btn.btn--cyan2,
  h4.btn.btn--cyan2 {
    background-color: #5DC4EA; }
  h3.btn.btn--cyan-light,
  h4.btn.btn--cyan-light {
    background-color: rgba(190, 224, 235, 0.25); }
  h3.btn.btn--green,
  h4.btn.btn--green {
    background-color: #AFC9B3; }
  h3.btn.btn--teal,
  h4.btn.btn--teal {
    background-color: #1abed5; }
  h3.btn.btn--orange,
  h4.btn.btn--orange {
    background-color: #f6931e; }
  h3.btn.btn--dark-green,
  h4.btn.btn--dark-green {
    background-color: #438e9b; }

h3.btn {
  font-size: 15px;
  font-family: "Gotham Bold"; }

body.page-template-director-qualifications:after {
  display: none; }

body.page-template-director-qualifications h1 {
  max-width: 710px; }

body.page-template-director-qualifications #key {
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 370px;
  padding: 25px;
  background-color: #eff7fa; }
  body.page-template-director-qualifications #key ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    body.page-template-director-qualifications #key ul li {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      padding: 15px 0;
      border-bottom: 1px solid #00a2e2;
      color: #003755;
      font-family: "Gotham Medium";
      font-size: 14px;
      font-weight: 500;
      line-height: 20px; }
      body.page-template-director-qualifications #key ul li:last-child {
        padding-bottom: 0;
        border: 0; }
      body.page-template-director-qualifications #key ul li img {
        width: 33px;
        margin-right: 20px; }

body.page-template-director-qualifications #profiles {
  margin-right: 50px; }

body.page-template-director-qualifications .profile {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e2ecf2; }
  body.page-template-director-qualifications .profile h2 {
    font-family: "Gotham Bold";
    font-size: 16px;
    line-height: 37px;
    text-transform: none; }
    body.page-template-director-qualifications .profile h2:after {
      display: block;
      content: "";
      width: 40px;
      height: 1px;
      margin-top: 10px;
      background: #003755; }
  body.page-template-director-qualifications .profile h3 {
    margin: 0;
    color: #00A1E0;
    font-family: "Gotham Medium";
    font-size: 12px;
    font-weight: 500;
    line-height: 21px; }
  body.page-template-director-qualifications .profile .profile__image {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 180px; }
  body.page-template-director-qualifications .profile .profile__header {
    position: relative;
    padding: 30px;
    height: 180px;
    padding-left: 200px;
    background-image: url("../images/bg-diagonal-tile.jpg");
    background-repeat: repeat;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px; }
    body.page-template-director-qualifications .profile .profile__header .flex {
      -webkit-box-pack: left;
              justify-content: left;
      margin-bottom: 5px; }
    body.page-template-director-qualifications .profile .profile__header p.label {
      width: 100px;
      margin-bottom: 0;
      font-family: "Gotham Bold";
      font-size: 15px;
      font-weight: 500;
      color: #003755; }
    body.page-template-director-qualifications .profile .profile__header .profile__header__icon {
      height: 26px;
      width: auto;
      margin-right: 5px; }
  body.page-template-director-qualifications .profile .profile__body {
    margin-left: 200px;
    color: #003755; }
    body.page-template-director-qualifications .profile .profile__body h3 {
      margin-top: 20px; }
    body.page-template-director-qualifications .profile .profile__body p.age {
      font-family: "myriad-pro";
      font-size: 16px;
      line-height: 21px;
      font-weight: 500; }

body.page-template-director-qualifications .two-col-profile h2 {
  color: #003658;
  font-family: "Gotham Bold";
  text-transform: none;
  font-size: 20px;
  font-weight: 900;
  line-height: 30px; }

body.page-template-director-qualifications .two-col-profile h3 {
  color: #00a2e2;
  font-family: "Gotham Bold";
  font-size: 20px;
  text-transform: none;
  line-height: 37px; }

body.page-template-director-qualifications .two-col-profile h4 {
  color: #00a2e2;
  font-family: "Gotham Medium";
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  margin: 20px 0 0; }

body.page-template-our-customers:after {
  display: none; }

body.page-template-our-customers h3 {
  color: #00a2e2;
  font-family: "Gotham Bold";
  font-size: 16px;
  line-height: 37px;
  text-transform: none;
  margin-bottom: 1rem; }
  body.page-template-our-customers h3.color--dark-blue {
    color: #003755; }

body.page-template-our-customers blockquote {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  body.page-template-our-customers blockquote img {
    max-width: 60px;
    margin-right: 30px; }

body.page-template-our-customers .two-cols,
body.page-template-our-customers .coloured-content-box--blue {
  margin-bottom: 50px; }

body.page-template-our-customers .one-col {
  margin: 50px auto; }
  body.page-template-our-customers .one-col img {
    width: 100%; }

body.page-template-our-customers .small-text p {
  margin-bottom: 0; }

@media (min-width: 480px) {
  body.body-active-parallax .page-header.page-header--tall, body.body-active-parallax .page-header.page-header--full,
  body.body-active-parallax .page-header.page-header--full {
    min-height: 100vh; } }

@media (min-width: 768px) {
  body.body-active-parallax .site-header {
    position: fixed; } }

.parallax--wrap {
  background: #000;
  padding-bottom: 1px;
  color: #fff; }
  .parallax--wrap .intro-text {
    color: #fff; }
  .parallax--wrap .page-content {
    position: relative; }

.parallax--header {
  height: 100vh;
  position: relative; }

.show-more-btn {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #fff;
  display: block;
  position: fixed;
  text-align: center;
  left: 50%;
  bottom: 0;
  width: 50px;
  height: 65px;
  line-height: 50px;
  margin-left: -25px;
  z-index: 15;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: all .25s;
  transition: all .25s; }
  .show-more-btn svg {
    position: relative;
    z-index: 16; }
  .show-more-btn.hidden {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  .show-more-btn:after {
    background: #004062;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    z-index: 15;
    -webkit-transition: all .4s;
    transition: all .4s; }
  .show-more-btn:hover {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .show-more-btn:hover.hidden {
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
    .show-more-btn:hover:after {
      height: 100%; }

.parallax--header-inner {
  z-index: 10;
  position: relative; }

.parallax--layer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateY(0) scale(1.2);
          transform: translateY(0) scale(1.2);
  opacity: 1;
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  -webkit-filter: blur(0px); }
  .parallax--layer.blur-1 {
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    -webkit-filter: blur(2px); }
  .parallax--layer.blur-2 {
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    -webkit-filter: blur(4px); }
  .parallax--layer.blur-3 {
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
    -webkit-filter: blur(6px); }
  .parallax--layer.blur-4 {
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
    -webkit-filter: blur(8px); }
  .parallax--layer + .parallax--layer {
    top: calc(100% + 100px);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }

#parallax--layer-overlay {
  position: fixed;
  top: 100%;
  left: 0;
  height: 100vh;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(45%, black));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), black 45%);
  background-image: linear-gradient(rgba(0, 0, 0, 0), black 45%); }

/*************************************
// SCROLL ANIMATION
**************************************/
.animate-me {
  opacity: 0;
  position: relative; }

.animate-me.shown,
.no-js .animate-me,
.no-cssanimations .animate-me {
  opacity: 1; }

/* Effect 1: Move Up */
.animate-me-move-up.animate {
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  -webkit-animation: moveUp 0.65s ease forwards;
          animation: moveUp 0.65s ease forwards; }

@-webkit-keyframes moveUp {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes moveUp {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* Effect 2: Move Form Right */
.animate-me-move-from-right.animate {
  -webkit-transform: translateX(150px);
          transform: translateX(150px);
  -webkit-animation: moveFormRight 0.65s ease forwards;
          animation: moveFormRight 0.65s ease forwards; }

@-webkit-keyframes moveFormRight {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes moveFormRight {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

html.is-ie11 .main-nav {
  left: 8rem; }

html.is-ie11 body.main-nav-open .main-nav {
  -webkit-transform: translateX(-8rem);
          transform: translateX(-8rem); }

html.is-ie11 .content-box.no-padding .responsive-table-row .responsive-table-col {
  -webkit-box-flex: 0;
          flex: 0 0 31.72%; }

html.is-ie11 .content-box .responsive-table-row .responsive-table-col {
  -webkit-box-flex: 0;
          flex: 0 0 31.61%; }

html.is-ie11 body.post-name_stakeholder-engagement .content-box.no-padding .responsive-table-row .responsive-table-col {
  -webkit-box-flex: 0;
          flex: 0 0 31.39%; }

html.is-ie11 .grid-box.has-icon {
  background-size: 60px 60px; }

html.is-ie11 .icon-box {
  background-size: 50px 50px; }

html.is-ie11 .highlights-icon svg {
  width: 80px;
  height: 80px; }

html.is-ie11 body.page-template-remuneration-overview .text-center svg {
  width: 40px;
  height: 40px; }

html.is-ie11 body.page-template-remuneration-overview .flex-item.col-80 {
  -webkit-box-flex: 0;
          flex: 0 0 70%; }

html.is-ie11 body.page-template-remuneration-overview .flex-container.col-6 > .flex-item {
  -webkit-box-flex: 1;
          flex: 1 0 11%; }

html.is-ie11 body.page-template-remuneration-overview .flex-container.col-5 > .flex-item {
  -webkit-box-flex: 1;
          flex: 1 0 15%; }

html.is-ie11 body.page-template-remuneration-overview .flex-container.col-4 > .flex-item {
  -webkit-box-flex: 0;
          flex: 0 0 22%; }

html.is-ie11 body.page-template-remuneration-overview .flex-container.col-3 > .flex-item {
  -webkit-box-flex: 0;
          flex: 0 0 25%; }
  html.is-ie11 body.page-template-remuneration-overview .flex-container.col-3 > .flex-item.col-100 {
    -webkit-box-flex: 0;
            flex: 0 0 94%; }

html.is-ie11 body.page-template-remuneration-overview .flex-container-special > :nth-child(2).flex-item {
  -webkit-box-flex: 0;
          flex: 0 0 17%; }

html.is-ie11 body.page-template-remuneration-overview .flex-container-special > :nth-child(3).flex-item {
  -webkit-box-flex: 0;
          flex: 0 0 52%; }

html.is-ie11 body.single-story .page-header .container,
html.is-ie11 body.page-template-page-templates .page-header .container {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  min-height: 47vh;
  width: 100%; }

html.is-ie11 body.single-story.body-active-parallax .page-header .container {
  min-height: 80vh; }

html.is-ie11 #importantdates-wrap-map {
  position: relative;
  padding-top: 49.7872340426%; }
  html.is-ie11 #importantdates-wrap-map svg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

html.is-ie11 #importantdates-stack > div:nth-child(1) {
  -webkit-box-flex: 0;
          flex: 0 0 23%; }

html.is-ie11 #importantdates-stack > div:nth-child(2) {
  -webkit-box-flex: 0;
          flex: 0 0 73%; }

html.is-ie11 .home-page .img-hero-container .img-hero {
  margin: 0; }

html.is-ie11 .main-nav__panel {
  -webkit-transition: none;
  transition: none; }

html.is-ie11 li.menu-item-has-children:hover .main-nav__panel,
html.is-ie11 li:focus-within .main-nav__panel,
html.is-ie11 a:focus + .main-nav__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

html.is-ie11 li.menu-item-has-children:hover a + .main-nav__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  width: 395px;
  left: 395px; }

html.is-ie11 .docs-list li {
  width: calc(50% - 2rem); }

html.is-ie11 body.post-name_performance-overview .page-header .container {
  min-height: 0; }

body.post-name_contacts hr {
  border-color: #00a2e2; }

body.post-name_performance-overview article img {
  margin-top: 15vh;
  max-width: 50%; }
  
  .story-link__next {
   display: none;
}
.story-link__prev {
   display: none;
}
