@charset "UTF-8";
/* E.g.
@include breakpoint($medium-2) {
	width: 30%;
}
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1.4; }
  @media (max-width: 639px) {
    body {
      font-size: 2.28rem; } }

h2 {
  font-size: 3.8rem;
  font-weight: normal;
  color: #003b4d;
  position: relative; }

h3 {
  font-weight: normal;
  color: #003b4d;
  line-height: 1.3;
  margin-bottom: 1em; }
  @media (min-width: 640px) {
    h3 {
      font-size: 2.6rem; } }
  @media (min-width: 980px) {
    h3 {
      font-size: 3rem; } }

.heading--main {
  padding-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 1em;
  position: relative; }
  @media (min-width: 640px) {
    .heading--main {
      margin-top: 0;
      margin-bottom: 1.5em; } }
  .heading--main:before {
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    background: #00758f;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0;
    top: -0.2em; }

p {
  font-size: 1.8rem;
  line-height: 1.4; }
  p strong {
    font-size: 2rem; }
  p:last-child {
    margin-bottom: 0; }

.emphasise {
  font-size: 3.2rem; }

.text--large {
  font-size: 2.2rem; }

.text--small {
  font-size: 0.8em; }

.text--blue {
  color: #44c8f5 !important; }

.text--dk-blue {
  color: #003b4d !important; }

.text--red {
  color: #f80000 !important; }

.text--yellow {
  color: #f19111 !important; }

.text--green {
  color: #3a913f !important; }

.text--burgundy {
  color: #942645 !important; }

.obullets {
  margin-bottom: 1em; }

.list--basic {
  margin: 0 0 1.6em 1em;
  font-size: 1.8rem; }
  .list--basic li {
    margin-bottom: 1em; }
    .list--basic li:before {
      content: "\2022";
      display: inline-block;
      width: 1em;
      margin-left: -1em; }
    .list--basic li:last-child {
      margin-bottom: 0; }
  .list--basic:last-child {
    margin-bottom: 0; }
  .list--basic.bullet--red li:before {
    color: #f80000; }
  .list--basic.bullet--icon {
    margin-left: 0;
    font-size: 2rem; }
    .list--basic.bullet--icon.mb-40 {
      margin-bottom: 4rem; }
    .list--basic.bullet--icon li {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAaCAYAAAGlab6UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2MwYWIzNC1mNTA0LTQ5NzMtYjY1MC05MDg2NjY0YjU0YzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU2MDlBN0ZCRDhCMTFFODhENkNFNTUyMkU5RjRGNEUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU2MDlBN0VCRDhCMTFFODhENkNFNTUyMkU5RjRGNEUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2UyM2YwZS0xNTAwLTRlNmYtYjgyOS0yMTUzZWUzNWI1MGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTk3Y2RmNC02NTk1LTM5NDktOGM2NC0xYzdmM2I2ZjQ2OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6v/sQxAAACoklEQVR42mJgIAQ+ThT8j8JBEcAGAAIIXftDJiDxFsksOUZkM/jz3zNi2AQQQIx4zPsFpFjBitCNwWYsIzaPwO2EAoAAIuSFZyyEggfkR00gVsYRdqeYgMQ1IL4DFDRHk9wPdI85SIEqVOAEkuQyoKQT2Aog4w6QlkWyYQZQLBqbo/iBuAFdHCCAiPczjhAHgt8sJGr+C3I6mvBNUFQZARlnkQT1gH65jDPpIcARoDpbEAPkku9okpeAmkC0DUghFs2bgZr9sIYJUKMMkHqMxzfLsIY2toAFGiYKpF4hCXUCNVfgCyuAACI3duyB1AEg9gJasJ2RDANA4bERSciHkUQDgoHUGjTh/0wkGBCNxQAQEGeCKtgPxLvwGJAJpJZgkRIAhslrUGL7COTwQQXfAAVF0QwoBVJdOAz4yABNwnxIEiJQQ2EGVOAwgBtmAKzEAqUJUTRFn4B4OhCXYzGAHWjAL4x0AjToCZCSJiJ8MQyAeQdUDIKS/F0CBrBgM4ABOVsDFahAyzes6oDyf4lO9kCvgYoBHbIKazSDTpJSWwEEGHm2kOcwZ1BZBMScSMK/gTgE6NtNjHRwgB80y7HiUfaEhYYOAOX5RVjqBmzgMiMNHJAMpGYR6YBLQOwCLkugmnWB1D5QMYCk6DUQO6NXYgQKrWlEuvcUELuhFyUo2QQLeAN19UUcDgCVWe1EOmA/qGIAmvUNo3QA4p8ENINC6QLQwk9QX5yEOgBkeQWRDtgGxKHYHIBeLqpA60NiykZQqcRMpAM2Q7PnL5LKEaiD9gCxPIVpdhkQx+ErSokq0KDtHFAIKZPogBlAnAV0wH9SXc5IICeIQnOTDgFzpgBxHjkOIKmIhzpoCxCboUkRbMTRpK4BteeBFKgBtB7ogA5qFoQAIGYL4UOlDa0AAAAASUVORK5CYII=");
      background-repeat: no-repeat;
      background-position: 0 5px;
      list-style: none;
      padding-left: 3.5rem;
      background-size: 15px; }
      @media (min-width: 980px) {
        .list--basic.bullet--icon li {
          background-size: inherit;
          padding-left: 6rem; } }
      .list--basic.bullet--icon li:before {
        display: none; }

.list--steps {
  margin: 0 0 1.6em 0;
  counter-reset: list--steps;
  position: relative; }
  .list--steps:before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 2rem;
    top: 0;
    background: #cad9de; }
  .list--steps li {
    margin-bottom: 1.5em;
    padding-left: 5em;
    position: relative; }
    .list--steps li:last-child {
      margin-bottom: 0; }
    .list--steps li:before {
      counter-increment: list--steps;
      content: counter(list--steps);
      position: absolute;
      left: 0;
      display: block;
      font-size: 2rem;
      width: 1.8em;
      height: 1.8em;
      line-height: 1.8em;
      border-radius: 50%;
      background-color: #00758f;
      color: #ffffff;
      text-align: center;
      font-weight: bold;
      border: 3px solid #ffffff; }
  .list--steps:last-child {
    margin-bottom: 0; }

.bullet {
  position: relative;
  padding-left: 1.2em; }
  .bullet:before {
    content: "\2022";
    font-size: 2em;
    position: absolute;
    left: 0;
    line-height: 1;
    top: -0.15em;
    color: #f80000; }

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

sup {
  top: -0.5em; }
  sup a {
    color: #003b4d !important; }

blockquote {
  margin-bottom: 1.4em;
  margin-left: 0.5em; }
  @media (min-width: 640px) {
    blockquote {
      margin-left: 0; } }
  blockquote:last-child {
    margin-bottom: 0; }
  blockquote p {
    font-size: 2.2rem;
    margin-bottom: 1em;
    color: #003b4d; }
    blockquote p:before {
      content: "\201C";
      display: inline-block;
      width: 0.5em;
      margin-left: -0.5em; }
  blockquote cite {
    display: block;
    position: relative;
    padding: 3rem 0 0;
    font-size: 1.8rem;
    font-weight: bold;
    font-style: italic;
    margin-top: 3rem; }
    blockquote cite:before {
      content: "";
      display: block;
      width: 6rem;
      height: 2px;
      background: #ffffff;
      position: absolute;
      top: 0; }
  blockquote.blockquote--no-quotes p:before {
    content: none; }

.margin--bt-1 {
  margin-bottom: 6rem; }

.margin--top-1 {
  margin-top: 6rem; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.text-hidden {
  display: inline-block;
  text-indent: -9999px; }

.vertical-fix-table {
  display: table;
  width: 100%;
  height: 100%; }
  .vertical-fix-table .vertical-fix-row {
    display: table-row; }
  .vertical-fix-table .vertical-fix-cell {
    display: table-cell;
    vertical-align: middle; }

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

.stuck {
  position: fixed !important;
  top: 0;
  width: 100% !important;
  max-width: inherit !important;
  margin-left: auto !important;
  margin-right: auto !important;
  z-index: 4; }

.nowrap {
  white-space: nowrap;
  word-break: keep-all; }

@media (min-width: 480px) {
  .hidden-s {
    display: none; } }

@media (max-width: 639px) {
  .hidden-m-max {
    display: none !important; } }

@media (min-width: 640px) {
  .hidden-m {
    display: none; } }

@media (max-width: 799px) {
  .hidden-m2-max {
    display: none; } }

@media (min-width: 800px) {
  .hidden-m2 {
    display: none; } }

@media (max-width: 979px) {
  .hidden-m3-max {
    display: none; } }

.close {
  width: 2.6rem;
  height: 2.6rem;
  display: block;
  background: url("../images/cross_dark-grey.svg") no-repeat 0 0; }

.cwidth {
  max-width: none !important;
  margin: 0 !important;
  width: 100% !important; }

.cmps-bttns:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.cmps-bttns > div a {
  font-size: 2rem; }

.cmps-bttns.centred {
  text-align: center; }
  .cmps-bttns.centred > div {
    float: none;
    display: inline-block; }

.cmps-bttns.cmps-bttns--reversed > div {
  background: #ffffff;
  border-color: #ffffff; }
  .cmps-bttns.cmps-bttns--reversed > div a {
    color: #00758f; }
    .cmps-bttns.cmps-bttns--reversed > div a:after {
      color: #00758f; }
  .cmps-bttns.cmps-bttns--reversed > div:hover {
    background: rgba(255, 255, 255, 0);
    border-color: #ffffff; }
    .cmps-bttns.cmps-bttns--reversed > div:hover a {
      color: #ffffff !important; }
      .cmps-bttns.cmps-bttns--reversed > div:hover a:after {
        color: #ffffff !important; }

.cmps-bttns.cmps-bttns--no-float {
  float: none; }

hr {
  color: #f4f4f4;
  background-color: #f4f4f4;
  border: 0;
  height: 1px;
  margin: 1.5em 0px;
  clear: both; }
  hr.type-1 {
    margin-top: 0; }

.before-footnotes .component--wrap {
  padding-bottom: 0; }
  @media (max-width: 639px) {
    .before-footnotes .component--wrap {
      padding-top: 3rem; } }

div.sharewidget {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
  float: right; }
  @media (max-width: 799px) {
    div.sharewidget {
      float: none; } }
  div.sharewidget div.icn-share:before,
  div.sharewidget div.icn-share-alt:before {
    left: 0;
    top: 0; }
  div.sharewidget.absolute {
    position: absolute;
    bottom: 6rem;
    right: 3.34746%; }
    @media (max-width: 799px) {
      div.sharewidget.absolute {
        position: relative;
        left: auto;
        bottom: auto;
        right: auto; } }
  @media (max-width: 799px) {
    div.sharewidget.rightshare .sharewidgetw2 {
      left: -13px;
      right: auto; } }

.f11 .u10w1, .ocom-base .u10w1 {
  margin-bottom: 0; }

.section--main {
  clear: both;
  position: relative; }
  .section--main#overview--intro p.bottom-margin {
    margin: 0 0 1.6em; }
    @media (min-width: 640px) {
      .section--main#overview--intro p.bottom-margin {
        margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .section--main#overview--intro {
      padding-top: 5rem;
      padding-bottom: 2rem; } }
  .section--main#overview--intro .cta-links--wrap {
    padding: 2rem 1.5rem;
    overflow: hidden;
    color: #ffffff;
    margin-bottom: 1.5rem; }
    .section--main#overview--intro .cta-links--wrap:last-child {
      margin-bottom: 0; }
    .section--main#overview--intro .cta-links--wrap.red--gradient {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f40104+18,942644+100 */
      background: #f40104;
      /* Old browsers */
      background: -moz-linear-gradient(left, #f40104 18%, #942644 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #f40104 18%, #942644 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, right top, color-stop(18%, #f40104), to(#942644));
      background: -o-linear-gradient(left, #f40104 18%, #942644 100%);
      background: linear-gradient(to right, #f40104 18%, #942644 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40104', endColorstr='#942644',GradientType=1 );
      /* IE6-9 */ }
    .section--main#overview--intro .cta-links--wrap.blue--gradient {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89acbe+18,023d4f+100 */
      background: #89acbe;
      /* Old browsers */
      background: -moz-linear-gradient(left, #89acbe 18%, #023d4f 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #89acbe 18%, #023d4f 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, right top, color-stop(18%, #89acbe), to(#023d4f));
      background: -o-linear-gradient(left, #89acbe 18%, #023d4f 100%);
      background: linear-gradient(to right, #89acbe 18%, #023d4f 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89acbe', endColorstr='#023d4f',GradientType=1 );
      /* IE6-9 */ }
    @media (min-width: 1200px) {
      .section--main#overview--intro .cta-links--wrap .link--desc {
        float: left; } }
    .section--main#overview--intro .cta-links--wrap .link--desc p {
      color: inherit; }
    .section--main#overview--intro .cta-links--wrap .btn-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      float: left;
      margin-top: 1em; }
      @media (min-width: 1200px) {
        .section--main#overview--intro .cta-links--wrap .btn-container {
          float: right;
          margin-top: 0; } }
      .section--main#overview--intro .cta-links--wrap .btn-container a.cta {
        padding: 5px 20px;
        width: 120px;
        border: 1px #ffffff solid;
        text-decoration: none;
        color: #ffffff;
        margin-bottom: 1.5rem;
        font-size: 1.8rem;
        line-height: 2.5rem; }
        @media (min-width: 1200px) {
          .section--main#overview--intro .cta-links--wrap .btn-container a.cta {
            padding-right: 35px; } }
        .section--main#overview--intro .cta-links--wrap .btn-container a.cta:last-child {
          margin-bottom: 0; }
        .section--main#overview--intro .cta-links--wrap .btn-container a.cta.small-text {
          font-size: 1.2rem; }
  .section--main#overview--intro .bcvideo {
    -webkit-transform: translateY(145px);
    -ms-transform: translateY(145px);
    transform: translateY(145px);
    width: 99.8%; }
    .section--main#overview--intro .bcvideo .video-js {
      height: 100%;
      width: 100%; }
  .section--main#overview--intro #overview--intro-nextsteps .bcvideo {
    -webkit-transform: translateY(55px);
    -ms-transform: translateY(55px);
    transform: translateY(55px); }
  .section--main#overview--banner {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative; }
    @media (min-width: 640px) {
      .section--main#overview--banner {
        display: block;
        padding: 0; } }
    .section--main#overview--banner .overview--banner-img {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      opacity: 0.25; }
    .section--main#overview--banner .row .w--60 {
      display: none; }
      @media (min-width: 640px) {
        .section--main#overview--banner .row .w--60 {
          display: block; } }
      .section--main#overview--banner .row .w--60.rectangles-paralax-img {
        background-image: url(../images/rectangles-paralax.png);
        background-position: 105% 65%;
        background-repeat: no-repeat;
        opacity: 0.25; }
        @media (min-width: 1200px) {
          .section--main#overview--banner .row .w--60.rectangles-paralax-img {
            opacity: 1; } }
    .section--main#overview--banner .row .w--40 .component--wrap .banner--content--wrap h2 {
      font-size: 3rem;
      margin-bottom: 0;
      line-height: 4.2rem; }
      @media (min-width: 980px) {
        .section--main#overview--banner .row .w--40 .component--wrap .banner--content--wrap h2 {
          padding-left: 4rem; } }
      @media (min-width: 1200px) {
        .section--main#overview--banner .row .w--40 .component--wrap .banner--content--wrap h2 {
          padding-left: 2rem; } }
    .section--main#overview--banner .row .w--40 .component--wrap .banner--content--wrap .w--70.text-block {
      width: 100%; }
      @media (min-width: 1200px) {
        .section--main#overview--banner .row .w--40 .component--wrap .banner--content--wrap .w--70.text-block {
          width: 70%; } }
    .section--main#overview--banner .overview--banner-2-img {
      background-image: url(../images/rectangles-paralax2.png);
      background-repeat: no-repeat;
      background-position: 30% 0;
      background-size: cover; }
      @media (min-width: 800px) {
        .section--main#overview--banner .overview--banner-2-img {
          background-position: 30% 75%;
          background-size: cover; } }
      @media (min-width: 980px) {
        .section--main#overview--banner .overview--banner-2-img {
          background-position: 25% 75%;
          background-size: cover; } }
      @media (min-width: 1200px) {
        .section--main#overview--banner .overview--banner-2-img {
          opacity: 1; } }
    .section--main#overview--banner sup a {
      color: #ffffff !important; }
    .section--main#overview--banner .banner--content.blockquote h2 {
      position: relative;
      padding-left: 12px; }
      .section--main#overview--banner .banner--content.blockquote h2:before {
        content: '“';
        position: absolute;
        left: 0; }
    .section--main#overview--banner .banner--content.blockquote h3 {
      padding-left: 12px; }
    .section--main#overview--banner .banner--content h2 {
      font-size: 3rem;
      margin-bottom: 0;
      line-height: 4.2rem; }
    .section--main#overview--banner .banner--content h3 {
      font-size: 2.4rem;
      margin-top: 3rem; }
  .section--main.dark-blue--bg {
    background: #003b4d;
    color: #ffffff; }
    .section--main.dark-blue--bg * {
      color: inherit; }
  .section--main#org-stats.vecrot-bg {
    background-repeat: no-repeat; }
    @media (min-width: 640px) {
      .section--main#org-stats.vecrot-bg {
        background-image: url(../images/org-stat.png);
        background-position: 175% 90%;
        background-size: 60%; } }
    @media (min-width: 1024px) {
      .section--main#org-stats.vecrot-bg {
        background-size: inherit;
        background-position: 125% 90%; } }
    @media (min-width: 1200px) {
      .section--main#org-stats.vecrot-bg {
        background-position: 100% 90%; } }
  .section--main#org-stats .img {
    bottom: 100px;
    right: 20px; }
  .section--main#digital--intro .content--block-wrapper, .section--main#read--report .content--block-wrapper {
    position: relative;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .section--main#digital--intro .content--block-wrapper.read--only, .section--main#read--report .content--block-wrapper.read--only {
      height: auto; }
      @media (min-width: 480px) {
        .section--main#digital--intro .content--block-wrapper.read--only, .section--main#read--report .content--block-wrapper.read--only {
          height: 350px; } }
    .section--main#digital--intro .content--block-wrapper.digital-1, .section--main#read--report .content--block-wrapper.digital-1 {
      background-image: url(../images/digital1.jpg); }
    .section--main#digital--intro .content--block-wrapper.digital-2, .section--main#read--report .content--block-wrapper.digital-2 {
      background-image: url(../images/digital2.jpg); }
    .section--main#digital--intro .content--block-wrapper.read-more-1, .section--main#read--report .content--block-wrapper.read-more-1 {
      background-image: url(../images/read-more1.jpg); }
    .section--main#digital--intro .content--block-wrapper .content--block, .section--main#read--report .content--block-wrapper .content--block {
      text-align: center;
      padding-top: 7rem;
      padding-bottom: 7rem;
      position: relative;
      z-index: 100;
      color: #ffffff;
      padding-left: 3rem;
      padding-right: 3rem; }
      @media (min-width: 640px) {
        .section--main#digital--intro .content--block-wrapper .content--block, .section--main#read--report .content--block-wrapper .content--block {
          padding-left: 0;
          padding-right: 0; } }
      @media (min-width: 1200px) {
        .section--main#digital--intro .content--block-wrapper .content--block, .section--main#read--report .content--block-wrapper .content--block {
          padding-left: 8rem;
          padding-right: 8rem; } }
      .section--main#digital--intro .content--block-wrapper .content--block h2, .section--main#read--report .content--block-wrapper .content--block h2 {
        font-size: 3rem;
        color: inherit; }
      .section--main#digital--intro .content--block-wrapper .content--block p, .section--main#read--report .content--block-wrapper .content--block p {
        font-size: 2rem;
        color: inherit;
        margin-bottom: 1.5rem; }
    .section--main#digital--intro .content--block-wrapper:first-child .content--block, .section--main#read--report .content--block-wrapper:first-child .content--block {
      padding-left: 3rem;
      padding-right: 3rem; }
      @media (min-width: 640px) {
        .section--main#digital--intro .content--block-wrapper:first-child .content--block, .section--main#read--report .content--block-wrapper:first-child .content--block {
          padding-left: 0;
          padding-right: 0; } }
      @media (min-width: 1200px) {
        .section--main#digital--intro .content--block-wrapper:first-child .content--block, .section--main#read--report .content--block-wrapper:first-child .content--block {
          padding-left: 5rem;
          padding-right: 5rem; } }
  @media (max-width: 639px) {
    .section--main#digital--intro .content--block-wrapper {
      width: 100%; } }
  .section--main#customer--service .content--block {
    padding-top: 8rem;
    padding-bottom: 6rem; }
  .section--main#video--report {
    padding: 10rem 0;
    background-image: url(../images/video-bg.png);
    background-size: cover; }
    .section--main#video--report .content--block-wrapper {
      height: 327px; }
      .section--main#video--report .content--block-wrapper .content--block {
        height: 100%; }
  .section--main#tab--area .component--wrap {
    padding-top: 0;
    padding-bottom: 0; }
  .section--main#tab--area .tab-section {
    overflow: hidden; }
    .section--main#tab--area .tab-section ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .section--main#tab--area .tab-section ul li {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.4;
        cursor: pointer;
        padding-bottom: 4rem; }
        .section--main#tab--area .tab-section ul li img {
          width: 35px; }
          @media (min-width: 480px) {
            .section--main#tab--area .tab-section ul li img {
              width: 45px; } }
          @media (min-width: 1024px) {
            .section--main#tab--area .tab-section ul li img {
              width: 90px; } }
        .section--main#tab--area .tab-section ul li.active {
          -webkit-filter: grayscale(0%);
          -moz-filter: grayscale(0%);
          filter: grayscale(0%);
          opacity: 1;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAYAAAE/AI5yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2MwYWIzNC1mNTA0LTQ5NzMtYjY1MC05MDg2NjY0YjU0YzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDMzMTE1NjdDMDFFMTFFODgyQTRCNDlEMzE2RjI4NjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDMzMTE1NjZDMDFFMTFFODgyQTRCNDlEMzE2RjI4NjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2UyM2YwZS0xNTAwLTRlNmYtYjgyOS0yMTUzZWUzNWI1MGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTk3Y2RmNC02NTk1LTM5NDktOGM2NC0xYzdmM2I2ZjQ2OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rLvN+AAACWElEQVR42mKcOXMmAzJggtL/oTQjTIARiNlAEgABxIisBSRbD9MC4jQCMUiaESCAQMqKgIxeqF5kAFbZB5XohdoGwiwgMYAAAun0BjK2MmACN5DOLUDshSbxFiTOAjUSZJQDEB8E4idALAhyKQuSR0AKbgKxNMxxLEhGwRTAXQ0QQCAHPQbSMkDsD8SbGAiDV0AsCnKsLBBXAPFGqKnOODQ8gsrzIwd6J9QZbUC8B6rAAip3C8qXgUYDO3L0wUA11IBJQHwcqkEVGpNMSNHMABBAID+6AeldDMQDcCSBTNkJ9TAxwA8agY9BGn+DQgkae/iAFzQAQaCfCer+X0AsBA05bMAZKQ2BYqAPFjgcUI/LQpMHMrCHhjQINEBjACVTMENpaWgUMECj5ACU3QbNBAzoyeo/1Nm/oVFwA4jVoXJ90KjCyIYw8AeqmQFJEyhOi9E9zYQlIH7DUgcQzALifGyhBRBgoATgAqSXQ52dCsRrGKgLQoB4NtQ3kSCX7gBiESAWAOLV0ETkQwWLfKBmrYaaDbJjBxPUZ0VQFzBAE99mIH4OxJ5kWOQJ1bsZahYsrkB2sMDioh+IWYG4EsliCSDeBk1/jkRY5AhVuw2qF2ZRJdTsfmyR3wGVbETK6aB0uw+I7wGxLRaLbKFy+6BqYUm3EWpWB6HUBss5oOTajmSxIhAfAuLbQGwAxbehYopIFrVD9TZgM5gJTxCBgqMKqrkfSVwFiM9DsQqSeD9UbRVStJBkIQNahHMC8VQs8lOhckX4LCLFQhj4AcQ50PptFRQLQsV+EGsIADELhhhUWoe+AAAAAElFTkSuQmCC");
          background-repeat: no-repeat;
          background-position: 50% 100%; }
  .section--main#tab--area .tab--content {
    background-color: #f7f7f7;
    padding: 6rem;
    margin-top: 1.5rem;
    position: relative; }
    @media (min-width: 800px) {
      .section--main#tab--area .tab--content .tab--area.tab--1 .row .w--60 {
        padding-right: 9rem; } }
    @media (min-width: 640px) {
      .section--main#tab--area .tab--content .tab--area.tab--1 .row .w--40 .pie--caption {
        padding: 0 4rem; } }
    .section--main#tab--area .tab--content .tab--area.tab--1 .row .w--40:before {
      background-color: #fff;
      content: '';
      position: absolute;
      width: 3px;
      height: 80%;
      top: 0;
      right: 40%;
      display: none;
      z-index: 1; }
      @media (min-width: 768px) {
        .section--main#tab--area .tab--content .tab--area.tab--1 .row .w--40:before {
          display: block; } }
    @media (min-width: 800px) {
      .section--main#tab--area .tab--content .tab--area.tab--2 .row .w--60 {
        padding-right: 9rem; } }
    .section--main#tab--area .tab--content .tab--area.tab--2 .row .w--40:before {
      background-color: #fff;
      content: '';
      position: absolute;
      width: 3px;
      height: 80%;
      top: 0;
      right: 40%;
      display: none;
      z-index: 1; }
      @media (min-width: 768px) {
        .section--main#tab--area .tab--content .tab--area.tab--2 .row .w--40:before {
          display: block; } }
    @media (min-width: 800px) {
      .section--main#tab--area .tab--content .tab--area.tab--3 .row .w--60 {
        padding-right: 8rem; } }
    .section--main#tab--area .tab--content .tab--area.tab--3 .row .w--40:before {
      background-color: #fff;
      content: '';
      position: absolute;
      width: 3px;
      height: 80%;
      top: 0;
      right: 40%;
      display: none; }
      @media (min-width: 768px) {
        .section--main#tab--area .tab--content .tab--area.tab--3 .row .w--40:before {
          display: block; } }
    @media (min-width: 800px) {
      .section--main#tab--area .tab--content .tab--area.tab--4 .row .w--60 {
        padding-right: 17rem; } }
    @media (min-width: 800px) {
      .section--main#tab--area .tab--content .tab--area.tab--5 .row .w--60 {
        padding-right: 9rem; } }
    .section--main#tab--area .tab--content .tab--area.tab--5 .row .w--40:before {
      background-color: #fff;
      content: '';
      position: absolute;
      width: 3px;
      height: 80%;
      top: 0;
      right: 40%;
      display: none; }
      @media (min-width: 768px) {
        .section--main#tab--area .tab--content .tab--area.tab--5 .row .w--40:before {
          display: block; } }
    @media (min-width: 800px) {
      .section--main#tab--area .tab--content .tab--area.tab--7 .row .w--60 {
        padding-right: 10rem; } }
    @media (min-width: 800px) {
      .section--main#tab--area .tab--content .row:first-child {
        margin-bottom: 10rem; } }
    @media (min-width: 640px) {
      .section--main#tab--area .tab--content .row .w--60 {
        padding-right: 6rem; } }
    .section--main#tab--area .tab--content .row .w--40:before {
      background-color: #fff;
      content: '';
      position: absolute;
      width: 3px;
      height: 100%;
      top: 0;
      right: 40%;
      display: none; }
      @media (min-width: 768px) {
        .section--main#tab--area .tab--content .row .w--40:before {
          display: block; } }
    .section--main#tab--area .tab--content .tab--area {
      display: none; }
      .section--main#tab--area .tab--content .tab--area.active {
        display: block; }
      .section--main#tab--area .tab--content .tab--area h2 {
        font-size: 3rem;
        margin-bottom: 4rem; }
      .section--main#tab--area .tab--content .tab--area p {
        color: inherit; }
        .section--main#tab--area .tab--content .tab--area p:last-child {
          margin: 0 0 1.6em; }
      .section--main#tab--area .tab--content .tab--area .tab--graphics {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center; }
        .section--main#tab--area .tab--content .tab--area .tab--graphics .pie--wrap h2 {
          margin-bottom: 4rem; }
        .section--main#tab--area .tab--content .tab--area .tab--graphics .pie--wrap .pie--caption {
          font-size: 2.1rem;
          padding: 0 1rem; }
        .section--main#tab--area .tab--content .tab--area .tab--graphics .pie--wrap .img {
          margin-bottom: 3rem; }
        .section--main#tab--area .tab--content .tab--area .tab--graphics .pie--wrap p.large--text {
          font-size: 2.5rem; }
  .section--main#video--report-industry {
    padding: 7rem 0;
    background-image: url(../images/video-bg-type2.png);
    background-size: cover; }
    @media (min-width: 800px) {
      .section--main#video--report-industry {
        padding: 10rem 0; } }

.video-section {
  padding: 7rem 0 0 0;
  position: relative;
  z-index: 5;
  display: block;
  background-color: #f7f7f7; }
  .video-section:before {
    background-color: #ffffff;
    content: '';
    position: absolute;
    height: 3px;
    width: 115%;
    top: 0;
    right: -45px;
    display: none; }
    @media (min-width: 768px) {
      .video-section:before {
        display: block; } }
    @media (min-width: 800px) {
      .video-section:before {
        width: 112%;
        right: -60px; } }

.videobar {
  height: 100%;
  width: auto;
  margin: 0 auto;
  display: block; }
  @media (min-width: 800px) {
    .videobar {
      width: 100%;
      height: 317px; } }

.widow {
  display: inline-block; }

.divider {
  width: 100%;
  height: 5px;
  background: #ffffff; }

.float--content {
  float: right; }

.component--wrap {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 3rem 3.34746%; }
  .component--wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 640px) {
    .component--wrap {
      padding: 6rem 3.34746%; } }

h2.h2-title {
  background-repeat: no-repeat;
  background-position: 0 0.5rem; }
  @media (min-width: 1200px) {
    h2.h2-title {
      background-image: url(../images/rectangle-fill.png);
      padding-left: 5rem;
      margin-left: -5rem;
      margin-bottom: 5rem; } }

.page-title {
  position: absolute;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  color: #000000; }
  .page-title span {
    color: #00758f; }

.w11w2 {
  width: 100%; }

.bg--light-grey {
  background: #efefef; }

.bg--x-light-grey {
  background: #f7f7f7; }

.row {
  margin: 0 -3.34746% 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .row:last-child {
    margin-bottom: 0; }
  .row.row--type-2 {
    margin-top: 2em;
    margin-bottom: 2em; }
  @media (max-width: 799px) {
    .row.row--type-3 .col {
      width: 100% !important;
      margin-bottom: 1em; } }
  @media (min-width: 980px) {
    .row.row--type-4 {
      margin: 0 -2.23164% 1em; } }
  @media (min-width: 980px) {
    .row.row--type-4 .col {
      padding: 0 2.23164%; } }
  .row.row--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }

.col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3.34746%;
  width: 100%; }
  @media (min-width: 640px) {
    .col {
      margin-bottom: 0; } }
  @media (min-width: 640px) {
    .col.centre--vertical {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; } }
  .col.centre--vertical.align--right {
    right: 0; }

.p-0 {
  padding: 0 !important; }

.m-0 {
  margin: 0 !important; }

@media (min-width: 640px) {
  .p-r-0 {
    padding-right: 0 !important; } }

.m--auto {
  margin: auto !important; }

@media (min-width: 800px) {
  .w--90 {
    width: 90%; } }

@media (min-width: 1200px) {
  .w--75 {
    width: 75%; } }

@media (min-width: 640px) {
  .w--70 {
    width: 70%; } }

@media (min-width: 640px) {
  .w--60 {
    width: 60%; } }

@media (min-width: 640px) {
  .w--50 {
    width: 50%; } }

@media (min-width: 640px) {
  .w--43 {
    width: 43%; } }

@media (min-width: 640px) {
  .w--40 {
    width: 40%; } }

@media (min-width: 640px) {
  .w--33 {
    width: 33.3%; } }

@media (min-width: 640px) {
  .w--25 {
    width: 50%; } }

@media (min-width: 980px) {
  .w--25 {
    width: 25%; } }

@media (min-width: 640px) {
  .w--57 {
    width: 50%; } }

@media (min-width: 1200px) {
  .w--57 {
    width: 57%; } }

@media (min-width: 640px) {
  .w--43 {
    width: 50%; } }

@media (min-width: 1200px) {
  .w--43 {
    width: 43%; } }

.float--left {
  float: left; }

.float--right {
  float: right; }

.flex--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.cta {
  display: inline-block; }
  .cta.cta--previous {
    position: relative;
    padding-left: 2em; }
    .cta.cta--previous:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      height: 2rem;
      margin-top: -1rem;
      width: 2.8rem;
      background: url("../images/arrow-blue.svg") no-repeat 0 0;
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      -o-transition: transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .cta.cta--previous:hover:before {
      -webkit-transform: translateX(-10px) rotate(180deg);
      -ms-transform: translateX(-10px) rotate(180deg);
      transform: translateX(-10px) rotate(180deg); }
  .cta.cta--next {
    position: relative;
    padding-right: 2em; }
    .cta.cta--next:before {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -1rem;
      right: 0;
      display: block;
      height: 2rem;
      width: 2.8rem;
      background: url("../images/arrow-blue.svg") no-repeat 0 0;
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      -o-transition: transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
    .cta.cta--next.white--arrow:before {
      height: 3.5rem;
      width: 4.2rem;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAlCAYAAAGsUCAmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2MwYWIzNC1mNTA0LTQ5NzMtYjY1MC05MDg2NjY0YjU0YzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0U5MzhGMkZCQ0I4MTFFOEJEOTdCQzM3NEU4NDgzN0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0U5MzhGMkVCQ0I4MTFFOEJEOTdCQzM3NEU4NDgzN0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2UyM2YwZS0xNTAwLTRlNmYtYjgyOS0yMTUzZWUzNWI1MGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTk3Y2RmNC02NTk1LTM5NDktOGM2NC0xYzdmM2I2ZjQ2OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wFyprAAAEOUlEQVR42mL8//8/AzJgZGQE00xogkyfP3+uA3NAOv6jgXv37ukxohsFUssI0oos8vfv3++MUEsAAogRm+VM6EbAVGIYDlLJCMOrV6/mAmrngjmPAaqBH0QABBCKIBr+/+PHj7WoNuJWDJJmBml68+ZNIFwxEMjjwgkJCaZQx7PjM5UJqoiHgRwAEEDYwh5rtGJELZICHlhoowcyBgDa9oWDg0MFQwO+oDMzM9NHjkascYrDaYwsQCwBZHPgUgQ068Hs2bNjCDoDZOvBgwfriXHz/zt37qwg6EFQrL19+/Y0kd7BDgACiJCb0W1k/Pfv39dfv34dRBKjisGgCFeA5euvX79Op4rByPlHVVVVE2bBhw8f0qhiMJIFLJGRkZYwC549e2aLbjDVwNy5cx0pdvG2bdv4YAZu3LgxByWVk2Ogg4MDC8zACxcuTAYaw0VxqkAKz11APh/ZJRF6zgZSokD8C5QY0EsqZAAQQIyUZS/sBjORYsDr1689QSEHrGp4qJKVQY66fv16GyxsGxoa2HD6ksQI47l58+YimME4fUpG7uJ9+PDhZrwGk5lt+V++fHkYau4/DIMpKA8E3r9/fwFs6r9/v6DtBaoUNELANtEdqMFfYAaDCA6g2HcGKgCgwW+ZmZlFmfBVfWQYCjKPnRFqqDi5Bn379m03JyenKqhNx8LCoggUekVRmALrsxNIESUFjyxyDQS27XYgJSkZimMf6OWlSIlfjuJ0+uXLl4lIBipQnKOANWolzEARERE1XHmfiZRC+vDhw09BbH19fV1g0/cuNDwpLv1ByU8EiF8A9f3BV/pTHQAEGEXplJiCHVjo2P/582fnkSNHeHGoGVjHghx56dIlJWBm+47cqAHmme2rVq3iHHSOhRZXspcvX56B3hID5svF0HbPoEoGTNAunSKwh7wS3dHAvN9FUiOElo5FczQfqOwANvZ2ozv606dPRUQ5mh6ORe5WgJoQWlpa2sDy6RSam/8AxWJQyv6BdCxyVwWIBb28vEw+fvx4DdnFwEz57dWrVx7YHA0uZEHjKj9//qwAKqRXiQkGwCKNCehYDmBVLaeoqBiN7EBQ6njy5ImLnJzcGeSRG5BjQV2cjwyDEAA9cpadnd0C5DcWmOCNGzf6gEUKO70dAwwkRl5eXmE1NbUw5JAFhvrXqVOnxhcUFBxCSbPQnMgGLRvphidPniwFTH4XkNMsqBm4fPnyVKC8BHi4i1pNbXIxsBbjAUbvAbSM9Xfnzp2lQCdJQz3DOKClAajTB6xy16GXsydPnuwE1XbQ3vvAFl2gqvXr16+z0B157dq1udCRTu4BrxRADgD2yFrQHfno0aONwByuDOq8Dnh1C4rKs2fPqoAKeGRHgjq/oIEx6JA182BqdYFysuSCBQvigNXoMdAwLqhTDXMkOU1EWtdYjNCqFRTVoG7FX0oMAwClh0/wGjYpagAAAABJRU5ErkJggg==");
      background-size: contain; }
    .cta.cta--next:hover:before {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      transform: translateX(10px); }
    .cta.cta--next.light-arrow:before {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAATCAYAAAHjfs0eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2MwYWIzNC1mNTA0LTQ5NzMtYjY1MC05MDg2NjY0YjU0YzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzA5OTlGQjNCRkZGMTFFODkzNEY4OEY4QTA3MjVCMTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzA5OTlGQjJCRkZGMTFFODkzNEY4OEY4QTA3MjVCMTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2UyM2YwZS0xNTAwLTRlNmYtYjgyOS0yMTUzZWUzNWI1MGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTk3Y2RmNC02NTk1LTM5NDktOGM2NC0xYzdmM2I2ZjQ2OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wJe8aAAABZElEQVR42mL8//8/AwywAHEgEOsD8Q9GZBmAAIJxQCr+gIgGqIQUA0gGiK+CaIAAgnGQ8WoQzcSACfRABEAAodgCA+iq78OsbkASXAjE/7Fp34rughMgGiCAsDkNhh8B8RZkMXyKYfgJEC8GsUFuiAHaa8aAG3wB4kogXoPVv0jgChC/AmInnIEDBfxA/BFZACCA8CnmBuKv+EIYBuSgbuVBEcUTClr/IYCD2KAzhGpgBfHR4xQdgDy0GYh/gfwAUiwMFcQF2KE0ByFnKEOdwUPIzfJQhYKEPCgNVSiOLI4vUiSA+AWyAECAEUob6EAAmgt4oNn2E+5wJJyc0bEGEN+FemkDEHNhU0eOwTCsC814ILAciNmoZTAMKwHxFagF84CYGRYh24Ah4slAXZBEDRdLAPEFqIvXw8Kc0iC4DjVwJxDzUxrGckB8EWrgYSAWwaaOhcSwEwXi5aD0D8TSQPwMl0IAhorzSaotz+0AAAAASUVORK5CYII=");
      right: 25px; }
      @media (max-width: 1199px) {
        .cta.cta--next.light-arrow:before {
          background-size: 17px; } }
      @media (min-width: 800px) {
        .cta.cta--next.light-arrow:before {
          right: 10px; } }
  .cta.cta--download {
    display: none; }
    @media (min-width: 800px) {
      .cta.cta--download {
        display: block;
        position: fixed;
        top: 25%;
        right: 0;
        -webkit-transform: translateY(120%);
        -ms-transform: translateY(120%);
        transform: translateY(120%);
        z-index: 1000; } }
    .cta.cta--download a {
      display: block;
      background-color: #00758f;
      border: 2px solid #00758f;
      border-right: 0;
      color: #ffffff;
      padding: 1rem;
      text-align: center;
      font-size: 1.6rem;
      font-weight: bold; }
      .cta.cta--download a:after {
        content: "";
        width: 22px;
        height: 22px;
        display: block;
        margin: 0.5rem auto 0;
        background: url("../images/download-blue.svg") no-repeat 0 0;
        background: url("../images/download-white.svg") no-repeat 0 0; }
      .cta.cta--download a:hover {
        background: #ffffff;
        color: #00758f;
        text-decoration: none;
        border: 2px solid #00758f; }
        .cta.cta--download a:hover:after {
          background: url("../images/download-blue.svg") no-repeat 0 0; }

.placeholder .placeholder--loading {
  -webkit-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear; }

.placeholder img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* IE11 automatically adds width/height attributes to image tag when added to the DOM
		 which causes sizing issues if responsive, so add !important to width/height in CSS to overwrite */
  width: 100% !important;
  height: 100% !important;
  -webkit-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear; }

.placeholder .img--small {
  /* Firefox and IE don't blur the small/low res image that nicely so add this to smooth it out */
  -webkit-filter: blur(50px);
  filter: blur(50px);
  /* scale is needed so Safari keeps sharp edges */
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1); }

.placeholder.loaded .placeholder--loading,
.placeholder.loaded .img--small {
  opacity: 0; }

.banner--img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: 65% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/banner-img-mobile.jpg); }
  @media (min-width: 980px) {
    .banner--img {
      background-image: url(../images/banner-img.jpg);
      background-position: 50% 50%; } }

.banner {
  position: relative; }
  .banner .component--wrap {
    height: calc(100% - 12rem); }
    @media (max-width: 600px) {
      .banner .component--wrap {
        height: calc(100% - 6rem); } }
  .banner img.oracle-logo {
    width: 130px;
    margin-top: 1.5rem; }
    @media (min-width: 640px) {
      .banner img.oracle-logo {
        width: 150px; } }
    @media (min-width: 1200px) {
      .banner img.oracle-logo {
        margin-top: 0;
        width: inherit; } }
  .banner .banner--content--wrap {
    position: relative;
    z-index: 2;
    display: table;
    width: 100%;
    height: 100%; }
    .banner .banner--content--wrap .banner--content {
      display: table-cell;
      vertical-align: middle; }
  .banner p,
  .banner blockquote,
  .banner li,
  .banner sup,
  .banner a {
    color: #ffffff; }
  .banner.banner--parallax {
    overflow: hidden; }
    .banner.banner--parallax .banner--img {
      width: 100%;
      height: 150%;
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: 50% 0;
      z-index: 0; }
  .banner.banner--angle:before, .banner.banner--angle:after {
    content: "";
    width: 100%;
    position: absolute;
    top: -1px;
    bottom: -1px;
    margin-bottom: -1px;
    left: 0;
    z-index: 1; }
    @media (min-width: 640px) {
      .banner.banner--angle:before, .banner.banner--angle:after {
        left: -15%;
        width: 107%;
        -ms-transform: skewX(-13deg);
        -webkit-transform: skewX(-13deg);
        transform: skewX(-13deg); } }
    @media (min-width: 800px) {
      .banner.banner--angle:before, .banner.banner--angle:after {
        -ms-transform: skewX(-27deg);
        -webkit-transform: skewX(-27deg);
        transform: skewX(-27deg);
        left: -13%;
        width: 80%; } }
    @media (min-width: 1200px) {
      .banner.banner--angle:before, .banner.banner--angle:after {
        left: -13%;
        width: 70%; } }
  @media (min-width: 640px) {
    .banner.banner--angle:after {
      left: -21%; } }
  @media (min-width: 800px) {
    .banner.banner--angle:after {
      left: -19%; } }
  @media (min-width: 1200px) {
    .banner.banner--angle:after {
      left: -19%; } }
  .banner.banner--angle .banner--content--wrap {
    width: 100%; }
    @media (min-width: 640px) {
      .banner.banner--angle .banner--content--wrap {
        width: 80%; } }
    @media (min-width: 800px) {
      .banner.banner--angle .banner--content--wrap {
        width: 56%; } }
    @media (min-width: 1200px) {
      .banner.banner--angle .banner--content--wrap {
        width: 44%; } }
  .banner.banner--angle.banner--angle--colour-1a:before {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -moz-linear-gradient(54deg, rgba(0, 117, 143, 0.3) 50%, rgba(241, 145, 17, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(54deg, rgba(0, 117, 143, 0.3) 50%, rgba(241, 145, 17, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(36deg, rgba(0, 117, 143, 0.3) 50%, rgba(241, 145, 17, 0.5) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -o-linear-gradient(36deg, rgba(0, 117, 143, 0.3) 50%, rgba(241, 145, 17, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(54deg, rgba(0, 117, 143, 0.3) 50%, rgba(241, 145, 17, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='#f19111',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  .banner.banner--angle.banner--angle--colour-1a:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -moz-linear-gradient(54deg, #00758f 50%, rgba(241, 145, 17, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(54deg, #00758f 50%, rgba(241, 145, 17, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(36deg, #00758f 50%, rgba(241, 145, 17, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -o-linear-gradient(36deg, #00758f 50%, rgba(241, 145, 17, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(54deg, #00758f 50%, rgba(241, 145, 17, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='#f19111',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  .banner.banner--angle.banner--angle--colour-1b:before {
    opacity: 0.5;
    background: -moz-linear-gradient(149deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(149deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(301deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    background: -o-linear-gradient(301deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    background: linear-gradient(149deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mid-blue', endColorstr='$yellow',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  .banner.banner--angle.banner--angle--colour-1b:after {
    background: url("../images/banner-bokeh.png") no-repeat 0 50%, -moz-linear-gradient(149deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    /* FF3.6-15 */
    background: url("../images/banner-bokeh.png") no-repeat 0 50%, -webkit-linear-gradient(149deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../images/banner-bokeh.png") no-repeat 0 50%, -webkit-linear-gradient(301deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    background: url("../images/banner-bokeh.png") no-repeat 0 50%, -o-linear-gradient(301deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    background: url("../images/banner-bokeh.png") no-repeat 0 50%, linear-gradient(149deg, #00758f 25%, rgba(241, 145, 17, 0.7) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mid-blue', endColorstr='$yellow',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  .banner.banner--angle.banner--angle--colour-2 {
    background: -moz-linear-gradient(top, #00758f 0%, #f80000 100%);
    background: -webkit-linear-gradient(top, #00758f 0%, #f80000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#00758f), to(#f80000));
    background: -o-linear-gradient(top, #00758f 0%, #f80000 100%);
    background: linear-gradient(to bottom, #00758f 0%, #f80000 100%); }
    .banner.banner--angle.banner--angle--colour-2:before {
      opacity: 0.5;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -moz-linear-gradient(95deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(95deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(355deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -o-linear-gradient(355deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(95deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$oracle-red', endColorstr='$mid-blue',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
    .banner.banner--angle.banner--angle--colour-2:after {
      background: url("../images/banner-bokeh.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -moz-linear-gradient(95deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      /* FF3.6-15 */
      background: url("../images/banner-bokeh.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(95deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      /* Chrome10-25,Safari5.1-6 */
      background: url("../images/banner-bokeh.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(355deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      background: url("../images/banner-bokeh.png"), -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -o-linear-gradient(355deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      background: url("../images/banner-bokeh.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(95deg, #f80000 10%, rgba(0, 117, 143, 0.8) 80%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$oracle-red', endColorstr='$mid-blue',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
  .banner.banner--angle.banner--angle--colour-3 {
    background: -moz-linear-gradient(top, #00758f 0%, #3a913f 100%);
    background: -webkit-linear-gradient(top, #00758f 0%, #3a913f 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#00758f), to(#3a913f));
    background: -o-linear-gradient(top, #00758f 0%, #3a913f 100%);
    background: linear-gradient(to bottom, #00758f 0%, #3a913f 100%); }
    .banner.banner--angle.banner--angle--colour-3:before {
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -moz-linear-gradient(54deg, #3a913f 10%, rgba(0, 117, 143, 0.5) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(54deg, #3a913f 10%, rgba(0, 117, 143, 0.5) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(36deg, #3a913f 10%, rgba(0, 117, 143, 0.5) 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -o-linear-gradient(36deg, #3a913f 10%, rgba(0, 117, 143, 0.5) 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(54deg, #3a913f 10%, rgba(0, 117, 143, 0.5) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='$mid-blue',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
    .banner.banner--angle.banner--angle--colour-3:after {
      background: url("../images/banner-bokeh.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -moz-linear-gradient(54deg, #3a913f 10%, rgba(0, 117, 143, 0.9) 100%);
      /* FF3.6-15 */
      background: url("../images/banner-bokeh.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(54deg, #3a913f 10%, rgba(0, 117, 143, 0.9) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: url("../images/banner-bokeh.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -webkit-linear-gradient(36deg, #3a913f 10%, rgba(0, 117, 143, 0.9) 100%);
      background: url("../images/banner-bokeh.png"), -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), -o-linear-gradient(36deg, #3a913f 10%, rgba(0, 117, 143, 0.9) 100%);
      background: url("../images/banner-bokeh.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(54deg, #3a913f 10%, rgba(0, 117, 143, 0.9) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='$mid-blue',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
  @media (min-width: 640px) {
    .banner.banner--angle.banner--angle--long:before {
      left: -15%;
      width: 107%; } }
  @media (min-width: 800px) {
    .banner.banner--angle.banner--angle--long:before {
      left: -13%;
      width: 88%; } }
  @media (min-width: 1200px) {
    .banner.banner--angle.banner--angle--long:before {
      width: 80%; } }
  .banner.banner--angle.banner--angle--long .banner--content--wrap {
    width: 100%; }
    @media (min-width: 640px) {
      .banner.banner--angle.banner--angle--long .banner--content--wrap {
        width: 80%; } }
    @media (min-width: 800px) {
      .banner.banner--angle.banner--angle--long .banner--content--wrap {
        width: 65%; } }
    @media (min-width: 1200px) {
      .banner.banner--angle.banner--angle--long .banner--content--wrap {
        max-width: 655px; } }
  .banner.banner--main {
    height: 280px;
    overflow: hidden;
    padding-top: 5rem; }
    @media (min-width: 980px) {
      .banner.banner--main {
        height: 330px;
        padding-top: 5rem; } }
    @media (min-width: 800px) {
      .banner.banner--main {
        padding-top: 6.5rem; } }
    @media (min-width: 1200px) {
      .banner.banner--main {
        padding-top: 7.5rem;
        height: 430px; } }
    @media (min-width: 640px) {
      .banner.banner--main:before {
        left: -15%;
        width: 107%; } }
    @media (min-width: 800px) {
      .banner.banner--main:before {
        left: -13%;
        width: 80%; } }
    @media (min-width: 1200px) {
      .banner.banner--main:before {
        left: -13%;
        width: 73%; } }
    .banner.banner--main:after {
      opacity: 0.85; }
      @media (min-width: 640px) {
        .banner.banner--main:after {
          left: -21%;
          opacity: 1; } }
      @media (min-width: 800px) {
        .banner.banner--main:after {
          left: -19%; } }
      @media (min-width: 1200px) {
        .banner.banner--main:after {
          left: -19%;
          width: 73%; } }
    .banner.banner--main .component--wrap {
      padding-top: 0;
      padding-bottom: 0;
      height: 100%; }
    .banner.banner--main .banner--content--wrap {
      width: 85%; }
      @media (min-width: 345px) {
        .banner.banner--main .banner--content--wrap {
          width: 75%; } }
      @media (min-width: 640px) {
        .banner.banner--main .banner--content--wrap {
          width: 50%; } }
      @media (min-width: 800px) {
        .banner.banner--main .banner--content--wrap {
          max-width: 450px; } }
      @media (min-width: 980px) {
        .banner.banner--main .banner--content--wrap {
          max-width: 450px; } }
      @media (min-width: 1024px) {
        .banner.banner--main .banner--content--wrap {
          max-width: 450px; } }
      @media (min-width: 1200px) {
        .banner.banner--main .banner--content--wrap {
          max-width: 490px; } }
    .banner.banner--main .banner--content {
      padding: 1em 0;
      -webkit-transform: translateY(70px);
      -ms-transform: translateY(70px);
      transform: translateY(70px);
      opacity: 0; }
      @media (min-width: 800px) {
        .banner.banner--main .banner--content {
          padding: 2em 0; } }
    .banner.banner--main .page-title {
      z-index: 2; }
    .banner.banner--main h1 {
      color: #003b4d;
      font-weight: normal;
      font-size: 3.9rem; }
      @media (min-width: 480px) {
        .banner.banner--main h1 {
          font-size: 4.2rem; } }
      @media (min-width: 768px) {
        .banner.banner--main h1 {
          font-size: 4.3rem;
          margin-top: 5rem; } }
      @media (min-width: 800px) {
        .banner.banner--main h1 {
          margin-top: 0; } }
      @media (min-width: 980px) {
        .banner.banner--main h1 {
          margin-top: 12rem; } }
      @media (min-width: 1200px) {
        .banner.banner--main h1 {
          margin-top: 12rem;
          font-size: 5.5rem; } }
    .banner.banner--main p {
      font-size: 2.4rem;
      color: #ffffff; }
  .banner.banner--simple {
    position: relative; }
    .banner.banner--simple .banner--content--wrap {
      width: 90%; }
      @media (min-width: 640px) {
        .banner.banner--simple .banner--content--wrap {
          max-width: 530px;
          width: 70%; } }
      @media (min-width: 800px) {
        .banner.banner--simple .banner--content--wrap {
          width: 100%;
          min-height: 25rem; } }
    .banner.banner--simple p {
      color: #ffffff;
      font-size: 2.4rem; }
    .banner.banner--simple a {
      color: #ffffff; }

.parallax--img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.sticky-ct06tabs {
  margin-bottom: 0;
  z-index: 99;
  position: relative; }

#main-nav {
  background: #efefef;
  border: 0;
  /*Taking the width of the navigation bar*/ }
  #main-nav.fix-search {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; }
  #main-nav .ct06w1 {
    max-width: 1180px; }
  #main-nav .disable {
    pointer-events: none;
    color: #6b6b6b; }
    #main-nav .disable .nav--section {
      color: #6b6b6b; }
  #main-nav .nav--item--download:before {
    content: "";
    width: 1.9rem;
    height: 1.9rem;
    display: inline-block;
    margin-right: 1rem;
    background: url("../images/download-blue.svg") no-repeat 0 0;
    background: url("../images/download-white.svg") no-repeat 0 0; }
  #main-nav .nav--item--download:hover:before {
    background: url("../images/download-blue.svg") no-repeat 0 0; }
  #main-nav ul.ct06r {
    border: 0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
    #main-nav ul.ct06r li {
      border: 0 !important;
      position: relative !important;
      background: #efefef;
      padding: 0 1rem;
      /*MORE TAB*/ }
      @media (min-width: 640px) {
        #main-nav ul.ct06r li {
          padding: 0; } }
      @media (min-width: 1024px) {
        #main-nav ul.ct06r li {
          width: calc(100%/6); } }
      #main-nav ul.ct06r li:first-child a {
        border-left: 0; }
      #main-nav ul.ct06r li a {
        padding: 5rem 2rem;
        font-size: 1.8rem;
        line-height: 1.2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: rgba(0, 59, 77, 0.7);
        text-align: center;
        text-decoration: none;
        font-weight: 600; }
        @media (min-width: 1024px) {
          #main-nav ul.ct06r li a {
            padding-left: 0;
            padding-right: 0; } }
        #main-nav ul.ct06r li a span {
          margin: 0 auto; }
      #main-nav ul.ct06r li.active > a, #main-nav ul.ct06r li:hover > a {
        color: #003b4d;
        background: transparent; }
        #main-nav ul.ct06r li.active > a span, #main-nav ul.ct06r li:hover > a span {
          font-weight: bold !important;
          color: #41afd7; }
      #main-nav ul.ct06r li.active:before, #main-nav ul.ct06r li:hover:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 5px;
        background: #41afd7; }
        @media (max-width: 479px) {
          #main-nav ul.ct06r li.active:before, #main-nav ul.ct06r li:hover:before {
            content: '';
            width: 88%; } }
        @media (min-width: 768px) {
          #main-nav ul.ct06r li.active:before, #main-nav ul.ct06r li:hover:before {
            height: 10px; } }
      #main-nav ul.ct06r li.ct06more a:hover, #main-nav ul.ct06r li.ct06more a.active {
        font-weight: bold !important;
        color: #41afd7; }
        #main-nav ul.ct06r li.ct06more a:hover span, #main-nav ul.ct06r li.ct06more a.active span {
          font-weight: bold; }
      @media (max-width: 479px) {
        #main-nav ul.ct06r li.ct06more a.ct06morelink {
          width: 115%; } }
      #main-nav ul.ct06r li.ct06more a.ct06morelink span:after {
        background: url("../images/arrow-simple-blue.svg") no-repeat 50% 50%/85%; }
      #main-nav ul.ct06r li.ct06more a.ct06morelink:hover {
        color: #003b4d; }
        #main-nav ul.ct06r li.ct06more a.ct06morelink:hover span:after {
          background: url("../images/arrow-simple-blue-light.svg") no-repeat 50% 50%/85%; }
      #main-nav ul.ct06r li.ct06more:hover a.ct06morelink span:after {
        background: url("../images/arrow-simple-blue-light.svg") no-repeat 50% 50%/85%; }
      #main-nav ul.ct06r li .ct06more-menu {
        background: #efefef;
        border: 0;
        margin: 0; }
        #main-nav ul.ct06r li .ct06more-menu div {
          position: relative;
          margin-bottom: 0; }
          #main-nav ul.ct06r li .ct06more-menu div a {
            display: block;
            border-bottom: 1px solid rgba(0, 59, 77, 0.3);
            padding: 0.9em 1.25em; }
            @media (min-width: 640px) {
              #main-nav ul.ct06r li .ct06more-menu div a {
                padding: 1.9em 1.25em; } }
            #main-nav ul.ct06r li .ct06more-menu div a:hover {
              color: #41afd7;
              background: transparent; }
          #main-nav ul.ct06r li .ct06more-menu div:hover {
            background: transparent; }
            #main-nav ul.ct06r li .ct06more-menu div:hover:before {
              content: '';
              position: absolute;
              width: 100%;
              height: 5px;
              background: #41afd7; }
          @media (min-width: 800px) {
            #main-nav ul.ct06r li .ct06more-menu div:last-child {
              display: none; } }
      #main-nav ul.ct06r li .ct06z2 {
        display: none; }

.img {
  text-align: center;
  position: relative; }
  .img img {
    max-width: 80%; }
    @media (min-width: 1024px) {
      .img img {
        max-width: 100%; } }
  .img .img--back {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.img--parallax {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  max-width: 38rem; }
  @media (min-width: 640px) {
    .img--parallax {
      overflow: visible; } }
  @media (min-width: 800px) {
    .img--parallax {
      max-width: none;
      margin: 0; } }
  .img--parallax img {
    max-width: 100%; }
    .img--parallax img:first-child {
      position: absolute;
      top: 0;
      left: 0; }
  @media (min-width: 800px) {
    .img--parallax.align--right {
      text-align: right; }
      .img--parallax.align--right img {
        left: initial;
        right: 0; } }

.video--wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .video--wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.layout--video {
  position: relative;
  color: #ffffff; }
  .layout--video:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #00758f; }
    @media (min-width: 640px) {
      .layout--video:before {
        bottom: 3rem; } }
  @media (min-width: 640px) {
    .layout--video .component--wrap {
      padding-bottom: 0; } }
  .layout--video .hdx:before {
    background: #ffffff; }
  .layout--video h2,
  .layout--video p {
    color: #ffffff; }
  .layout--video .video {
    width: 90%;
    margin: 0 auto; }

.layout--tiles .col {
  margin-top: 3rem; }
  @media (max-width: 639px) {
    .layout--tiles .col {
      width: 80%; } }
  .layout--tiles .col:first-child {
    margin-top: 0; }
  @media (min-width: 640px) {
    .layout--tiles .col.w--50:nth-child(1), .layout--tiles .col.w--50:nth-child(2) {
      margin-top: 0; } }
  @media (min-width: 640px) {
    .layout--tiles .col.w--33:nth-child(1), .layout--tiles .col.w--33:nth-child(2), .layout--tiles .col.w--33:nth-child(3) {
      margin-top: 0; } }
  @media (min-width: 980px) {
    .layout--tiles .col.w--25:nth-child(1), .layout--tiles .col.w--25:nth-child(2), .layout--tiles .col.w--25:nth-child(3), .layout--tiles .col.w--25:nth-child(4) {
      margin-top: 0; } }
  @media (min-width: 980px) {
    .layout--tiles .col.w--25 p {
      font-size: 1.6rem; } }

@media (max-width: 639px) {
  .layout--tiles.row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

.layout--tiles.layout--tiles--type-1 .col {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 3rem; }
  @media (min-width: 640px) {
    .layout--tiles.layout--tiles--type-1 .col {
      border-left: 5px solid #f4f4f4; } }
  .layout--tiles.layout--tiles--type-1 .col img {
    margin-bottom: 3rem; }
  .layout--tiles.layout--tiles--type-1 .col p {
    color: #003b4d;
    font-size: 2rem; }
  .layout--tiles.layout--tiles--type-1 .col:first-child {
    border-left: 0; }

.layout--tiles.layout--tiles--type-2 .col {
  text-align: left; }
  @media (min-width: 640px) {
    .layout--tiles.layout--tiles--type-2 .col {
      border-left: 2px solid #f4f4f4; } }
  .layout--tiles.layout--tiles--type-2 .col:first-child {
    border-left: 0; }

.layout--tiles.layout--tiles--type-3 .col {
  padding: 0 6.69492%; }

.layout--stats .stat .stat--head {
  margin-bottom: 1.5rem;
  text-align: left; }
  @media (min-width: 640px) {
    .layout--stats .stat .stat--head {
      margin-bottom: 3rem; } }

.layout--stats .stat .stat--text {
  text-align: left; }

.layout--stats .stat .stat--value {
  font-size: 10rem;
  display: block;
  color: #f80000;
  font-weight: bold;
  line-height: 1; }

.layout--stats .stat .stat--item-num {
  font-size: 8rem;
  display: block;
  font-weight: bold;
  line-height: 1; }

#engagement--stats .stat--value {
  color: #003b4d; }

.layout--next-prev {
  background: #f4f4f4; }
  .layout--next-prev .component--wrap {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  .layout--next-prev .cta {
    font-size: 2rem;
    color: #003b4d; }
    .layout--next-prev .cta .sub-title {
      font-size: 1.4rem;
      display: block;
      margin-top: 0.7rem; }
    .layout--next-prev .cta:hover {
      text-decoration: none; }
    .layout--next-prev .cta.cta--next {
      width: 35%;
      float: right;
      text-align: right; }
      @media (min-width: 480px) {
        .layout--next-prev .cta.cta--next {
          width: auto; } }
    .layout--next-prev .cta.cta--previous {
      width: 35%;
      float: left;
      text-align: left; }
      @media (min-width: 480px) {
        .layout--next-prev .cta.cta--previous {
          width: auto; } }
  .layout--next-prev.layout--next-prev--last-pg .cta--previous {
    display: inline-block; }

.layout--footnotes {
  font-size: 1.5rem; }
  @media (min-width: 640px) {
    .layout--footnotes {
      font-size: 1.4rem; } }
  @media (min-width: 1500px) {
    .layout--footnotes {
      font-size: 1.2rem; } }
  @media (max-width: 600px) {
    .layout--footnotes ol {
      padding-top: 3rem; } }
  .layout--footnotes li {
    list-style: none;
    margin: 0 0 0.8rem 0;
    padding: 0 0 0 0.8em;
    position: relative; }
    .layout--footnotes li.last-child, .layout--footnotes li.only-link {
      margin-bottom: 0; }
    .layout--footnotes li .num {
      display: inline-block;
      width: 1em;
      font-size: 1rem;
      position: absolute;
      margin-top: 0;
      left: 0; }
  .layout--footnotes a {
    text-decoration: underline;
    word-wrap: break-word;
    word-break: break-all; }
    .layout--footnotes a:hover {
      text-decoration: none; }

.layout--tabs-accordion {
  position: relative;
  margin-top: 2em;
  counter-reset: tab-numbers; }
  .layout--tabs-accordion .nav--item {
    position: relative;
    z-index: 1;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    border-top: 2px solid #cad9de;
    padding: 1.3em 2em 1.3em 3.8em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }
    @media (min-width: 800px) {
      .layout--tabs-accordion .nav--item {
        width: 30%;
        padding-right: 0.5em; } }
    .layout--tabs-accordion .nav--item:hover {
      background: #efefef; }
    .layout--tabs-accordion .nav--item .nav--item--label {
      font-size: 1.2em;
      font-weight: bold; }
      @media (min-width: 800px) {
        .layout--tabs-accordion .nav--item .nav--item--label {
          font-size: 1em; } }
      .layout--tabs-accordion .nav--item .nav--item--label:after {
        content: "";
        width: 16px;
        height: 8px;
        display: block;
        position: absolute;
        right: 0.6em;
        top: 1.5em;
        background: url("../images/arrow-simple-blue.svg") no-repeat 0 0; }
        @media (min-width: 800px) {
          .layout--tabs-accordion .nav--item .nav--item--label:after {
            content: none; } }
    .layout--tabs-accordion .nav--item:before {
      counter-increment: tab-numbers;
      content: counter(tab-numbers);
      position: absolute;
      left: 0;
      top: 0.9em;
      display: block;
      font-size: 1.4em;
      width: 1.6em;
      height: 1.6em;
      line-height: 1.6em;
      border-radius: 50%;
      background-color: #00758f;
      color: #ffffff;
      text-align: center;
      font-weight: bold; }
    @media (min-width: 800px) {
      .layout--tabs-accordion .nav--item:after {
        content: "";
        display: none;
        width: 2em;
        height: 2em;
        background: #efefef;
        position: absolute;
        top: 1.3em;
        right: -24%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-box-shadow: -2px 2px 3px #ddd;
        box-shadow: -2px 2px 3px #ddd; } }
    @media (min-width: 980px) {
      .layout--tabs-accordion .nav--item:after {
        right: -22%; } }
    .layout--tabs-accordion .nav--item:nth-last-child(2) {
      border-bottom: 2px solid #cad9de; }
    .layout--tabs-accordion .nav--item:nth-child(3):before {
      background-color: #f19111; }
    .layout--tabs-accordion .nav--item:nth-child(5):before {
      background-color: #932545; }
    .layout--tabs-accordion .nav--item:nth-child(7):before {
      background-color: #3a913f; }
    .layout--tabs-accordion .nav--item:nth-child(9):before {
      background-color: #f80000; }
    @media (min-width: 800px) {
      .layout--tabs-accordion .nav--item.active:after {
        display: block; } }
    .layout--tabs-accordion .nav--item.active .nav--item--label:after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    @media (max-width: 799px) {
      .layout--tabs-accordion .nav--item.active:nth-last-child(2) {
        border-bottom: 0; } }
  .layout--tabs-accordion .disabled {
    opacity: 0.3;
    pointer-events: none; }
  .layout--tabs-accordion .tab-content--item {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 1em;
    padding-top: 0.5em; }
    @media (min-width: 800px) {
      .layout--tabs-accordion .tab-content--item {
        width: 65%;
        position: absolute;
        left: 35%;
        top: 0;
        padding: 0;
        height: 100%; } }
    .layout--tabs-accordion .tab-content--item.active {
      display: block; }
    .layout--tabs-accordion .tab-content--item .tab-content--item--wrap {
      padding-left: 3.8em; }
      @media (min-width: 800px) {
        .layout--tabs-accordion .tab-content--item .tab-content--item--wrap {
          padding: 2em;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: #efefef;
          border-top: 10px solid #00758f;
          min-height: 100%;
          -webkit-box-shadow: -1px 2px 3px #ccc;
          box-shadow: -1px 2px 3px #ccc; } }
    .layout--tabs-accordion .tab-content--item:nth-child(4) .tab-content--item--wrap {
      border-top-color: #f19111; }
    .layout--tabs-accordion .tab-content--item:nth-child(6) .tab-content--item--wrap {
      border-top-color: #932545; }
    .layout--tabs-accordion .tab-content--item:nth-child(8) .tab-content--item--wrap {
      border-top-color: #3a913f; }
    .layout--tabs-accordion .tab-content--item:nth-child(10) .tab-content--item--wrap {
      border-top-color: #f80000; }

.slick-list {
  padding: 0 5.5rem; }

.slick-prev {
  left: 0;
  z-index: 100;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAkCAYAAAH6AfoLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2MwYWIzNC1mNTA0LTQ5NzMtYjY1MC05MDg2NjY0YjU0YzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDI0RjgwODhCQkZGMTFFOEFFRjVEMDU1QjBFM0IxOUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDI0RjgwODdCQkZGMTFFOEFFRjVEMDU1QjBFM0IxOUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzgwM0I5NkRDQkJFODExQjg1RUNBQzVCODQ5Qzc0RiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYxOTdjZGY0LTY1OTUtMzk0OS04YzY0LTFjN2YzYjZmNDY5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkIfjTsAAAMUSURBVHjaYpw5cyYDFLCzQBlCQBwI4igCsQYQzwVx7gPxPSBmZIIqYwTi/wABxIhkAANM5j+M8x+qDMwBMT4hK+MD4l8AAYRiABBwAfFXIC6CuUYciF8AcTSyWQxQwQ9AvAymlQXJYTBn/AWJAwQQuh1g3SxoAv+RzYYLIHv4P7L5TOgCMMGT6DaBBC2A+CCSDrhFDkC8HpvtQVCf/QcIIGyORwasoFCEsv8x4VDEB7UCpjAPiJnRQ0AEiF8j8eOBeBF64MoA8WMkRcFAvA7dOhZoOJhB+S+BWAKXB0BuNoeG4iFohP+Hxi1WxTBgD9W0A4j5oZq+4VIMA55QTauBmBM5VJjwhHEYVNNcaHjHAAQQoUgBgRlQ/yxjIaAQZGoSEKeDwh+f4qVAHIWUGPfiUgxKUQFQ9k8g5kCOQWSwFYi9oOzv0NzHgE0xKIzdoewfyArRFR+ARgwDNB/zYEsbIHACGu0g8B5a6mCN7tNICl/jUghTbILEj8IX6CDF8kj83UDsj0/xIyCWQhLbAE38OJPoc7REvwZaiOFMz6BcIozEXwLEKfjS8ztowoeB2UCciS/xf0KLkGnQooABV0KCxeAXKH8iqBLAl1NAGtihbFBe3AIQYMTkFHyADerMZCRDQRllCQuZBnID8SwsqQOUoueBih0mMgxcBQ0jdEN/A3E+1BdbiHUxqLBeAKqDsciB6rNcIJ6OK/9hA0LQssMDi9x3aBKYg00jLoNBRfRKpIyODD5DE+FSfC5CN1gSiFcAsR0WtR+hsb+WmLCDGSwHjRRzLGpAFUsCEG8kJZbRqzQGtIwbA8R7yEmPoOQWAcRncITzMmilRZbBoEabKRDLYmmYiALxNmgpEkSqwTDwBNq4kYA2cJCBIDTSvhAqi/EVWS+hjSSQa3diyXlLoWk4jlSDYeANNGMIQ4MDGYDqzYXQQieZVIORS2lvaEm9AU2OE5rzfkCzNUkGI5fqgdDgWIYmByqLJ4FahkBcCDKXiYyU9A1ac7FBi0hkAGoW9QCxMzkGIxeTydDwngmNdJCFzKCKGQC6555kRl8ypQAAAABJRU5ErkJggg==") !important;
  background-position: 0 50% !important; }
  .slick-prev.slick-disabled {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAkCAYAAAH6AfoLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2MwYWIzNC1mNTA0LTQ5NzMtYjY1MC05MDg2NjY0YjU0YzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjAxOUFEMjhCQzAwMTFFODhDMUI4QjcwRDI0RDRFNzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjAxOUFEMjdCQzAwMTFFODhDMUI4QjcwRDI0RDRFNzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMTlFQTJFQ0ZGQkJFODExQjg1RUNBQzVCODQ5Qzc0RiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYxOTdjZGY0LTY1OTUtMzk0OS04YzY0LTFjN2YzYjZmNDY5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpSn+MIAAAJaSURBVHjaYpw5cyYDFDCyQBlMQMwB4jADMYj+BhL5C8TCMGkQeAbEUgABxIhkAFxGCsaRgioDc0AMSWRlz0ECAAGEYgDIFVBVn5BdIwHE75HNYoAK/gPi7zCtLEgOgzsDxAcIIHQ7wLpZ0ASkkM1G0c6ELoDsPWQLwYK/0G0CCb6BSkihBxVI4gc2299BfSYFEEDYHI8twFCCAK8iIPgIxF9ZsDhUAon/ART16CaD0oQ4mjt/oFsHUiwCxGxQPiiaXuDyAAs0GBiQNEnh0oTsZpgmUKpkh2r6D01XOEPjLZQWBGJOZE1MeMIYlva+QYOSEyAA42S0AiAIQ1GRAqkHS+j/Py/6gupByIGLMbfpYLCHc8HtXnumQMXq+T11wK30UnqFpS0Y34z1anCCH1zn/yJ+FJROhzduQA5T2xuQwkP5APgoPY8EyRMQXXMWfLEFgwVnJkiaAO+c2VsTc89xU/hye82FCKPgZEFaNVgyJKJAC78kCNZPoQKYn0+AVsugBWEYhsJQx8CL247+/x+nIIIdO0zEViovEErSpmW3UdhLSN77WktSanib2CAiwFRNVUlwFlZB53E4SJC6XRNrS3CWBJeCHT0J1qjPrbCwAOcdeg56i7CDnUdF8MWvZYvwCR1KggGCu2V2w9GC2pWWCybYvHv86PDzp3Fxpo4Tgx7KOByo1zwOvrwv7mHJEXRmcoRGoYACd2G+FJRrDkqrj6nAE8XnLHUU7UkLiSXSAa8kKda8wMpj3QKhyArkICJ8UoHNdTgpwqI3hROXZNFeHnNmeIid8f13zA93F5ewX9kRdQAAAABJRU5ErkJggg==") !important; }
  @media (max-width: 1199px) {
    .slick-prev {
      background-position: 50% !important; } }

.slick-arrow {
  height: 100%  !important; }

.slick-next {
  right: 0;
  z-index: 100;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAkCAYAAAH6AfoLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2MwYWIzNC1mNTA0LTQ5NzMtYjY1MC05MDg2NjY0YjU0YzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEQwQUEzMDRCQkZGMTFFODgwOURGN0YxMjU3REM3QzgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEQwQUEzMDNCQkZGMTFFODgwOURGN0YxMjU3REM3QzgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzgwM0I5NkRDQkJFODExQjg1RUNBQzVCODQ5Qzc0RiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYxOTdjZGY0LTY1OTUtMzk0OS04YzY0LTFjN2YzYjZmNDY5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjmjKwYAAAMiSURBVHjaYpw5cyYDDDBB6f/IHEaQAIwTDcQSLEDCB4g3APFXgABiBBowA8jIgOkBMbYiG+ANxKdZkIxmZIIxQCIAAQQyACTwF4iXQa0AA5CWfzBVUB0HgdiBiQEVBACxPRDLwSQyoar3Q3U/AgggkB1RUPNRfLsE5ltkQRD+jiwBM5cL5GH08AEBHiB+jRxOMCCKrhJmJiMTugBMJYoACAAEEMjxrkB6F5Q/D4iTGXAAkAm7obp/AnES1MT1uBTDAAdU0w9ogII07cClGAY4oZreA7E7VNMJXIphQAiIXaFsc2yBBgPBUBN3Q/lSyOEGAylQRWugfGGok54jOyMPqmg2UnyBFL1DNgmWRNuhNDsQ/8LlCYAAYoTmmxdALA8Na5yABZq8maDhywbEv/HFYAkS/xc04eFU3A/1IAyAUigfvuieDA02GPgIjRScaWMuEMcj8d8CsQi+tLEIOR9D84Y4voS0DBrdMAAKVhl8CWkdEHsh8R8DsSK+VLcdiF8i8Vew4FEMSs8CUPZJILbAZfIHJIWHQAqRExIy+ATEvFA2uBDDFRrfkBTuQFaIrvgPNP8xQHO3J64YBCUgZih7NRAH4UobIIWsSBEShi/VJSGljWh8iR8gwGA5JQaIZyKlZZDGLHxZjBBgglZD89AySDI0Oy4FYm5yDd4Czab5WLIqqCb5AsSrSLUAOfomQS3IgpYNyCAUasE6XDkZn8EwMB2aElOhtRkyCITm+u3Ycj4hg2FgDjTcQRH7GU3OA1pKHEDO+MQaDANLod4PgboWGdhDCwlQXpIk1WAYWAvNvQHQnIwM7ID4GbQ6kyPVYBjYCMSC0OruJZocqOp7CCpfmMhM/57QbIotfM8AcQSpBgdBa8RtsIYLEgCVgrJAbArE94k1GJZR1kKDARmAIk4CWmI+ITby4qBpGVvW3gl1tQOWsMZpcDK0xF0IbQEhg23Q1gQoLb8hNoPkQqv4OUilMwyA2sv80AbxO2KyNAgXQlvBk6AtEvRakxuanT+RUgg5A3EPchsTqWnJBi3Qv5FTbO6G1jXR0EiYCQ3XZHwtHkIAAMm7qQPLI4vzAAAAAElFTkSuQmCC") !important;
  background-position: 100% 50% !important; }
  .slick-next.slick-disabled {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAkCAYAAAH6AfoLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1Y2MwYWIzNC1mNTA0LTQ5NzMtYjY1MC05MDg2NjY0YjU0YzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM4MTAwQUNCQkZGMTFFODg5NUVDQTNDMjFFQ0NEN0YiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM4MTAwQUJCQkZGMTFFODg5NUVDQTNDMjFFQ0NEN0YiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzgwM0I5NkRDQkJFODExQjg1RUNBQzVCODQ5Qzc0RiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYxOTdjZGY0LTY1OTUtMzk0OS04YzY0LTFjN2YzYjZmNDY5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj8Urd4AAAJzSURBVHjaYpw5cyYDDDBBaSlkzjOQAIzDCcQvWIAEBxD/AOL/AAHECDSAH8j4CNMDYgghG/AOiEWRjX7NBGWAjGYACCBGqAtAAt+B+D3MNSxIDoAp+AXEb5gYUAHIAjYgZoZJcENV/4Tq/gsQQCA7OKHmo/hWEOZbZEGQlv/IEjBznyNLILsCJPEPOZxQdCILwsx8xoQuAFMpheZtBoAAAjmeHUgLQ/nfgPgDAw7AhORtkFO5oCYK4VKM7AWYJg6oJmFcitE1gfzODtUkgksxDLwA4rdQNijapFhwKORAc/dLUFSiKwZ5UADN9H/oSQiUIPjR3P0f3TqYYj58imAAIAAhZZcCIAzDYMFDuHn/86mIf3tSCuuIsa19EccX3JZETW2q+7qDAzdb5ZlF/Aev8B4KBN60fX8CNWWnAGXLMFzgxCUWsPrAHrPAysZZa4yCPgrSBSGSGbD/1hTMhTQ/gnG/5i/HBTFInWNKAy0YwUKHfMEj3cbk5TnTPc9eNvDTLqjw4lj9mUeATqtlBYEYiHWXstJVRMGD+/8fpyeLB60oihQyMtSZvgo9bjKbJmkpKQ5BHdiH11JycouuoV3i9xk7YMpmghGKnpQJHbTal6KsnQiF8CZUExE4DOFr/kByHBHMIBiSZl1gMJ8EowjMQ34XDtbgMjjC6heJwFbIFbDpkHkIJ0YQ/+CdaxeTKZGzMuGEUjlQE9kOixLBCm4ZBYLn2Ol/CZTWK8rSOrGks2Gd9dO5FlhyBgf8070ELHmZF7zqZdsB+EB/fFqSt8YDQgP0tYVEwBv2IpEC0txwFtbZKpHu7mTLnp4OugY8ZrpLPq4v2/6hmdkL+FwAAAAASUVORK5CYII=") !important; }
  @media (max-width: 1199px) {
    .slick-next {
      background-position: 50% !important; } }

.slick-prev, .slick-next {
  position: absolute;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 5em;
  top: 0;
  height: 100%;
  background-color: #efefef;
  background-repeat: no-repeat !important; }
  .slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-next:hover, .slick-next:focus, .slick-next:active {
    background-color: #efefef; }
  .slick-prev:before, .slick-next:before {
    display: none; }

.layout--action-plan:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 8px;
  width: 90%;
  background: #3a913f; }

@media (min-width: 1024px) {
  .layout--action-plan:after {
    content: attr(data-selected-slide);
    font-size: 28em;
    color: rgba(58, 145, 63, 0.1);
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    height: 1em;
    font-weight: bold; } }

@media (min-width: 1200px) {
  .layout--action-plan:after {
    font-size: 34em; } }

figure figcaption {
  color: #003b4d;
  font-weight: bold;
  margin-bottom: 1.5em; }
  figure figcaption a {
    color: #003b4d !important; }

figure .figure--element {
  position: relative; }

figure .figure--notes {
  margin-top: 5rem; }
  figure .figure--notes p {
    font-size: 1.4rem;
    color: #6b6b6b; }
    @media (min-width: 640px) {
      figure .figure--notes p {
        font-size: 1.2rem; } }

svg text,
svg tspan {
  font-family: Arial, Helvetica, sans-serif; }

.box--style-1 {
  padding: 3rem 0;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4; }

.bar-graph--vertical .bar--item {
  border: 0 !important; }
  .bar-graph--vertical .bar--item .bar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.bar-graph--vertical .bar--value {
  width: 7rem;
  color: #f4f4f4;
  font-size: 3rem;
  border-right: 1px solid #939699;
  padding: 0.5rem 0; }

.bar-graph--vertical .bar--wrapper {
  height: 5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.5rem 0; }
  .bar-graph--vertical .bar--wrapper .bar--percent {
    background: #f4f4f4;
    height: 100%; }

.bar-graph--vertical .slick-current .bar--value {
  color: #00758f; }

.bar-graph--vertical .slick-current .bar--percent {
  background: #00758f; }

.pie {
  position: relative;
  max-width: 230px;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .pie {
      max-width: 160px; } }
  @media (max-width: 1199px) {
    .pie {
      max-width: 180px; } }
  .pie svg {
    max-height: 230px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .pie svg {
        width: 230px;
        height: 230px; } }
    @media (max-width: 767px) {
      .pie svg {
        max-width: 160px; } }
    @media (max-width: 1199px) {
      .pie svg {
        max-width: 180px; } }
  .pie .pie-bg {
    fill: transparent;
    stroke: #dedfdf;
    stroke-width: 15px;
    opacity: 0; }
  .pie .pie-fg {
    stroke-width: 15px; }
  .pie .label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 3.8em;
    opacity: 0;
    color: #003b4d;
    line-height: 4rem;
    margin-top: 1rem; }
    .pie .label i {
      font-style: normal;
      font-size: 6.5rem; }
      @media (max-width: 767px) {
        .pie .label i {
          line-height: 5rem; } }
    .pie .label span {
      display: block;
      font-size: 1.8rem; }

.pie--caption {
  margin-top: 1rem;
  text-align: center; }
  @media (max-width: 799px) {
    .pie--caption {
      margin-bottom: 5rem; } }
  .pie--caption.w-65 {
    width: 65%;
    margin: auto; }
  .pie--caption .caption--emphasise {
    color: #003b4d;
    font-weight: bold; }

.u03w1 li:last-child:after {
  display: none; }

.hide {
  display: none; }
