.swatch-bathnes-primary {
  background-color: #00aeef; }
  .swatch-bathnes-primary .swatch-color {
    display: block; }
    .swatch-bathnes-primary .swatch-color:after {
      content: "#00aeef";
      display: block; }

.swatch-bathnes-secondary {
  background-color: #00b259; }
  .swatch-bathnes-secondary .swatch-color {
    display: block; }
    .swatch-bathnes-secondary .swatch-color:after {
      content: "#00b259";
      display: block; }

.swatch-bathnes-purple {
  background-color: #5261AC; }
  .swatch-bathnes-purple .swatch-color {
    display: block; }
    .swatch-bathnes-purple .swatch-color:after {
      content: "#5261AC";
      display: block; }

.swatch-bathnes-yellow {
  background-color: #ffdd00; }
  .swatch-bathnes-yellow .swatch-color {
    display: block; }
    .swatch-bathnes-yellow .swatch-color:after {
      content: "#ffdd00";
      display: block; }

.swatch-bathnes-red {
  background-color: #AF122A; }
  .swatch-bathnes-red .swatch-color {
    display: block; }
    .swatch-bathnes-red .swatch-color:after {
      content: "#AF122A";
      display: block; }

.swatch-bathnes-grey-1 {
  background-color: #6f777b; }
  .swatch-bathnes-grey-1 .swatch-color {
    display: block; }
    .swatch-bathnes-grey-1 .swatch-color:after {
      content: "#6f777b";
      display: block; }

.swatch-bathnes-grey-2 {
  background-color: #bfc1c3; }
  .swatch-bathnes-grey-2 .swatch-color {
    display: block; }
    .swatch-bathnes-grey-2 .swatch-color:after {
      content: "#bfc1c3";
      display: block; }

.swatch-bathnes-grey-3 {
  background-color: #dee0e2; }
  .swatch-bathnes-grey-3 .swatch-color {
    display: block; }
    .swatch-bathnes-grey-3 .swatch-color:after {
      content: "#dee0e2";
      display: block; }

.swatch-bathnes-grey-4 {
  background-color: #f8f8f8; }
  .swatch-bathnes-grey-4 .swatch-color {
    display: block; }
    .swatch-bathnes-grey-4 .swatch-color:after {
      content: "#f8f8f8";
      display: block; }

.swatch-text-colour {
  background-color: #0b0c0c; }
  .swatch-text-colour .swatch-color {
    display: block; }
    .swatch-text-colour .swatch-color:after {
      content: "#0b0c0c";
      display: block; }

.swatch-secondary-text-colour {
  background-color: #6f777b; }
  .swatch-secondary-text-colour .swatch-color {
    display: block; }
    .swatch-secondary-text-colour .swatch-color:after {
      content: "#6f777b";
      display: block; }

.swatch-page-colour {
  background-color: #fff; }
  .swatch-page-colour .swatch-color {
    display: block; }
    .swatch-page-colour .swatch-color:after {
      content: "#fff";
      display: block; }

.swatch-link-colour {
  background-color: #00728F; }
  .swatch-link-colour .swatch-color {
    display: block; }
    .swatch-link-colour .swatch-color:after {
      content: "#00728F";
      display: block; }

.swatch-link-hover-colour {
  background-color: #009bc2; }
  .swatch-link-hover-colour .swatch-color {
    display: block; }
    .swatch-link-hover-colour .swatch-color:after {
      content: "#009bc2";
      display: block; }

.swatch-link-visited-colour {
  background-color: #5261AC; }
  .swatch-link-visited-colour .swatch-color {
    display: block; }
    .swatch-link-visited-colour .swatch-color:after {
      content: "#5261AC";
      display: block; }

.swatch-border-colour {
  background-color: #bfc1c3; }
  .swatch-border-colour .swatch-color {
    display: block; }
    .swatch-border-colour .swatch-color:after {
      content: "#bfc1c3";
      display: block; }

.swatch-panel-colour {
  background-color: #dee0e2; }
  .swatch-panel-colour .swatch-color {
    display: block; }
    .swatch-panel-colour .swatch-color:after {
      content: "#dee0e2";
      display: block; }

.swatch-highlight-colour {
  background-color: #f8f8f8; }
  .swatch-highlight-colour .swatch-color {
    display: block; }
    .swatch-highlight-colour .swatch-color:after {
      content: "#f8f8f8";
      display: block; }

.swatch-button-colour {
  background-color: #00663D; }
  .swatch-button-colour .swatch-color {
    display: block; }
    .swatch-button-colour .swatch-color:after {
      content: "#00663D";
      display: block; }

.swatch-button-hover-colour {
  background-color: #004d2e; }
  .swatch-button-hover-colour .swatch-color {
    display: block; }
    .swatch-button-hover-colour .swatch-color:after {
      content: "#004d2e";
      display: block; }

.swatch-focus-colour {
  background-color: #ffdd00; }
  .swatch-focus-colour .swatch-color {
    display: block; }
    .swatch-focus-colour .swatch-color:after {
      content: "#ffdd00";
      display: block; }

.swatch-error-colour {
  background-color: #AF122A; }
  .swatch-error-colour .swatch-color {
    display: block; }
    .swatch-error-colour .swatch-color:after {
      content: "#AF122A";
      display: block; }

.swatch-mainstream-brand {
  background-color: #00aeef; }
  .swatch-mainstream-brand .swatch-color {
    display: block; }
    .swatch-mainstream-brand .swatch-color:after {
      content: "#00aeef";
      display: block; }

/* For image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }
  .ir br {
    display: none; }

/* Hide for both screenreaders and browsers */
.hidden,
.js-enabled .js-hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders */
.visually-hidden,
.visuallyhidden {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  /*
   * Extends the .visuallyhidden class to allow the element to be
   * focusable when navigated to via the keyboard
   */ }
  .visually-hidden.focusable:active, .visually-hidden.focusable:focus,
  .visuallyhidden.focusable:active,
  .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Give a strong clear visual idea as to what is currently in focus */
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

a:focus {
  background-color: #ffdd00;
  outline: 3px solid #ffdd00; }

/* Make links slightly darker when focused to improve contrast. */
a:link:focus {
  color: #006882; }

/* Make skiplinks visible when they are tabbed to */
.skiplink {
  position: absolute;
  left: -9999em;
  /* Default link colour doesn't have enough contrast against $focus-colour */ }
  .skiplink:focus, .skiplink:visited {
    color: #0b0c0c; }

.skiplink:focus {
  left: 0;
  z-index: 1; }

#skiplink-container {
  text-align: center;
  background: #0b0c0c; }
  #skiplink-container div {
    text-align: left;
    margin: 0 auto;
    max-width: 1020px; }
  #skiplink-container .skiplink {
    display: inline-block;
    margin: 0.75em 0 0 30px; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 3px solid #ffdd00;
  outline-offset: 0; }

#global-header input[type=search]:focus {
  outline: 3px solid #ffdd00;
  /* Focus appears inside the input */
  outline-offset: -2px; }

#global-header h1 a:focus {
  background-color: transparent;
  outline: none; }

#global-header a:focus {
  color: #0b0c0c; }

.form-title {
  margin-top: 15px;
  margin-bottom: 35px; }

.form-group input + input, .form-group-related input + input {
  margin-top: 10px; }

.form-group fieldset input, .form-group-related fieldset input {
  margin-bottom: 10px; }
  .form-group fieldset input:last-of-type, .form-group-related fieldset input:last-of-type {
    margin-bottom: 0; }

.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .form-group-error:after, .breadcrumbs ol:after, .task-list-item:after {
  content: "";
  display: block;
  clear: both; }

#content {
  max-width: 960px;
  margin: 0 15px; }
  @media (min-width: 641px) {
    #content {
      margin: 0 30px; } }
  @media (min-width: 1020px) {
    #content {
      margin: 0 auto; } }

.grid-row {
  margin: 0 -15px; }

.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .form-group-error:after, .breadcrumbs ol:after, .task-list-item:after {
  content: "";
  display: block;
  clear: both; }

html,
body,
button,
input,
table,
td,
th {
  font-family: "nta", Arial, sans-serif; }

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
article,
aside,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

main {
  display: block; }

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  background-color: #fff; }

body {
  font-size: 160%;
  margin: 0;
  background: #fff;
  color: #0b0c0c;
  line-height: 1.5;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ol,
ul,
nav ol,
nav ul {
  list-style: inherit; }

fieldset {
  border: none;
  padding: 0; }

b,
strong {
  font-weight: 600; }

img {
  border: 0; }

abbr[title] {
  cursor: help; }




a:hover {
  color: #009bc2; }

a:active {
  color: #5261AC; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

a:focus {
  background-color: #ffdd00;
  outline: 3px solid #ffdd00; }

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 3px solid #ffdd00;
  outline-offset: 0; }

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

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
input,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: normal; }

abbr[title],
acronym[title] {
  text-decoration: none; }

legend {
  box-sizing: border-box;
  max-width: 100%;
  display: table; }

#content {
  padding-bottom: 30px;
  outline: none; }
  @media (min-width: 769px) {
    #content {
      padding-bottom: 90px; } }

.column-quarter,
.column-one-quarter {
  padding: 0 15px;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-quarter,
    .column-one-quarter {
      float: left;
      width: 25%; } }

.column-half,
.column-one-half {
  padding: 0 15px;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-half,
    .column-one-half {
      float: left;
      width: 50%; } }

.column-third,
.column-one-third {
  padding: 0 15px;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-third,
    .column-one-third {
      float: left;
      width: 33.33333%; } }

.column-two-thirds {
  padding: 0 15px;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-two-thirds {
      float: left;
      width: 66.66667%; } }

.column-full {
  padding: 0 15px;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-full {
      float: left;
      width: 100%; } }

main {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased; }
  @media (min-width: 641px) {
    main {
      font-size: 19px;
      line-height: 1.31579; } }

.font-xxlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 53px;
  line-height: 1.03774; }
  @media (min-width: 641px) {
    .font-xxlarge {
      font-size: 80px;
      line-height: 1; } }

.font-xlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375; }
  @media (min-width: 641px) {
    .font-xlarge {
      font-size: 48px;
      line-height: 1.04167; } }

.font-large {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167; }
  @media (min-width: 641px) {
    .font-large {
      font-size: 36px;
      line-height: 1.11111; } }

.font-medium, .section__heading {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2; }
  @media (min-width: 641px) {
    .font-medium, .section__heading {
      font-size: 24px;
      line-height: 1.25; } }

.font-small {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 641px) {
    .font-small {
      font-size: 19px;
      line-height: 1.31579; } }

.font-xsmall {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286; }
  @media (min-width: 641px) {
    .font-xsmall {
      font-size: 16px;
      line-height: 1.25; } }

.bold-xxlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 53px;
  line-height: 1.03774; }
  @media (min-width: 641px) {
    .bold-xxlarge {
      font-size: 80px;
      line-height: 1; } }

.bold-xlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375; }
  @media (min-width: 641px) {
    .bold-xlarge {
      font-size: 48px;
      line-height: 1.04167; } }

.bold-large {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167; }
  @media (min-width: 641px) {
    .bold-large {
      font-size: 36px;
      line-height: 1.11111; } }

.bold-medium {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2; }
  @media (min-width: 641px) {
    .bold-medium {
      font-size: 24px;
      line-height: 1.25; } }

.bold-small {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 641px) {
    .bold-small {
      font-size: 19px;
      line-height: 1.31579; } }

.bold-xsmall {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286; }
  @media (min-width: 641px) {
    .bold-xsmall {
      font-size: 16px;
      line-height: 1.25; } }

.bold, .section__heading {
  font-weight: 700; }

.heading-xlarge {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375;
  display: block;
  margin-top: 0.46875em;
  margin-bottom: 0.9375em; }
  @media (min-width: 641px) {
    .heading-xlarge {
      font-size: 48px;
      line-height: 1.04167; } }
  @media (min-width: 641px) {
    .heading-xlarge {
      margin-top: 0.625em;
      margin-bottom: 1.25em; } }
  .heading-xlarge .heading-secondary {
    font-family: "nta", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 20px;
    line-height: 1.11111;
    display: block;
    padding-top: 8px;
    padding-bottom: 7px;
    display: block;
    color: #6f777b; }
    @media (min-width: 641px) {
      .heading-xlarge .heading-secondary {
        font-size: 27px;
        line-height: 1.11111; } }
    @media (min-width: 641px) {
      .heading-xlarge .heading-secondary {
        padding-top: 4px;
        padding-bottom: 6px; } }

.heading-large {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167;
  display: block;
  margin-top: 1.04167em;
  margin-bottom: 0.41667em; }
  @media (min-width: 641px) {
    .heading-large {
      font-size: 36px;
      line-height: 1.11111; } }
  @media (min-width: 641px) {
    .heading-large {
      margin-top: 1.25em;
      margin-bottom: 0.55556em; } }
  .heading-large .heading-secondary {
    font-family: "nta", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 18px;
    line-height: 1.2;
    display: block;
    padding-top: 9px;
    padding-bottom: 6px;
    display: block;
    color: #6f777b; }
    @media (min-width: 641px) {
      .heading-large .heading-secondary {
        font-size: 24px;
        line-height: 1.25; } }
    @media (min-width: 641px) {
      .heading-large .heading-secondary {
        padding-top: 6px;
        padding-bottom: 4px; } }

.heading-medium {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  display: block;
  margin-top: 1.25em;
  margin-bottom: 0.5em; }
  @media (min-width: 641px) {
    .heading-medium {
      font-size: 24px;
      line-height: 1.25; } }
  @media (min-width: 641px) {
    .heading-medium {
      margin-top: 1.875em;
      margin-bottom: 0.83333em; } }

.heading-small {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  display: block;
  margin-top: 0.625em;
  margin-bottom: 0.3125em; }
  @media (min-width: 641px) {
    .heading-small {
      font-size: 19px;
      line-height: 1.31579; } }
  @media (min-width: 641px) {
    .heading-small {
      margin-top: 1.05263em; } }

p,
.body-text {
  margin-top: 0.3125em;
  margin-bottom: 1.25em; }
  @media (min-width: 641px) {
    p,
    .body-text {
      margin-top: 0.26316em;
      margin-bottom: 1.05263em; } }

.body-text {
  display: block; }

.lede {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2; }
  @media (min-width: 641px) {
    .lede {
      font-size: 24px;
      line-height: 1.25; } }

.text {
  max-width: 30em; }

.text-secondary {
  color: #6f777b; }

.link {
  color: #00728F;
  text-decoration: underline; }

.link:visited {
  color: #5261AC; }

.link:hover {
  color: #009bc2; }

.link:active {
  color: #00728F; }

.link-back {
  display: -moz-inline-stack;
  display: inline-block;
  position: relative;
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 14px;
  color: #0b0c0c;
  text-decoration: none;
  border-bottom: 1px solid #0b0c0c; }
  @media (min-width: 641px) {
    .link-back {
      font-size: 16px;
      line-height: 1.25; } }
  .link-back:link, .link-back:visited, .link-back:hover,
  .link-back a.link-back:focus, .link-back:active {
    color: #0b0c0c; }
  .link-back::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 6px solid #0b0c0c;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px; }

.code {
  color: #0b0c0c;
  background-color: #f8f8f8;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 14px;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  border: 1px solid #bfc1c3;
  padding: 4px 4px 2px; }

hr {
  display: block;
  background: #bfc1c3;
  border: 0;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0; }

.notice {
  position: relative; }
  .notice .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px; }
  .notice strong {
    display: block;
    padding-left: 65px;
    margin-left: -15px; }

.data {
  margin-top: 0.3125em;
  margin-bottom: 1.25em; }
  @media (min-width: 641px) {
    .data {
      margin-top: 0.26316em;
      margin-bottom: 1.05263em; } }

.data-item {
  display: block;
  line-height: 1; }

.button {
  background-color: #00663D;
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  padding: .526315em .789473em .263157em;
  border: none;
  border-radius: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
  -webkit-appearance: none;
  box-shadow: 0 2px 0 #001a0f;
  font-size: 1em;
  line-height: 1.25;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top; }
  .button:visited {
    background-color: #00663D; }
  .button:hover, .button:focus {
    background-color: #004d2e; }
  .button:active {
    top: 2px;
    box-shadow: 0 0 0 #00663D; }
  .button.disabled, .button[disabled="disabled"], .button[disabled] {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5; }
    .button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover {
      cursor: default;
      background-color: #00663D; }
    .button.disabled:active, .button[disabled="disabled"]:active, .button[disabled]:active {
      top: 0;
      box-shadow: 0 2px 0 #001a0f; }
  .button:link, .button:link:focus, .button:hover, .button:focus, .button:visited {
    color: #fff; }
  .button:before {
    content: "";
    height: 110%;
    width: 100%;
    display: block;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0; }
  .button:active:before {
    top: -10%;
    height: 120%; }
  @media (max-width: 640px) {
    .button {
      width: 100%;
      text-align: center; } }

.button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button:focus {
  outline: 3px solid #ffdd00; }

.button[disabled="disabled"] {
  background: #00663D; }

.button[disabled="disabled"]:focus {
  outline: none; }

.button-start,
.button-get-started {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  background-image: url("../images/icon-pointer.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding: 0.36842em 2.15789em 0.21053em 0.84211em; }
  @media (min-width: 641px) {
    .button-start,
    .button-get-started {
      font-size: 24px;
      line-height: 1.25; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .button-start,
    .button-get-started {
      background-image: url("../images/icon-pointer-2x.png");
      background-size: 30px 19px; } }

.icon {
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat; }

.icon-calendar {
  width: 27px;
  height: 27px;
  background-image: url("../images/icon-calendar.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-calendar {
      background-image: url("../images/icon-calendar-2x.png");
      background-size: 100%; } }

.icon-file-download {
  width: 30px;
  height: 39px;
  background-image: url("../images/icon-file-download.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-file-download {
      background-image: url("../images/icon-file-download-2x.png");
      background-size: 100%; } }

.icon-important {
  width: 35px;
  height: 35px;
  background-image: url("../images/icon-important.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-important {
      background-image: url("../images/icon-important-2x.png");
      background-size: 100%; } }

.icon-information {
  width: 27px;
  height: 27px;
  background-image: url("../images/icon-information.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-information {
      background-image: url("../images/icon-information-2x.png");
      background-size: 100%; } }

.icon-locator {
  width: 26px;
  height: 36px;
  background-image: url("../images/icon-locator.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-locator {
      background-image: url("../images/icon-locator-2x.png");
      background-size: 100%; } }

.icon-pointer {
  width: 30px;
  height: 19px;
  background-image: url("../images/icon-pointer.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-pointer {
      background-image: url("../images/icon-pointer-2x.png");
      background-size: 100%; } }

.icon-pointer-black {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-pointer-black.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-pointer-black {
      background-image: url("../images/icon-pointer-black-2x.png");
      background-size: 100%; } }

.icon-search {
  width: 30px;
  height: 22px;
  background-image: url("../images/icon-search.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-search {
      background-image: url("images/icon-search-2x.png");
      background-size: 100%; } }

.icon-step-1 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-1.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-1 {
      background-image: url("../images/icon-steps/icon-step-1-2x.png");
      background-size: 100%; } }

.icon-step-2 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-2.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-2 {
      background-image: url("../images/icon-steps/icon-step-2-2x.png");
      background-size: 100%; } }

.icon-step-3 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-3.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-3 {
      background-image: url("../images/icon-steps/icon-step-3-2x.png");
      background-size: 100%; } }

.icon-step-4 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-4.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-4 {
      background-image: url("../images/icon-steps/icon-step-4-2x.png");
      background-size: 100%; } }

.icon-step-5 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-5.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-5 {
      background-image: url("../images/icon-steps/icon-step-5-2x.png");
      background-size: 100%; } }

.icon-step-6 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-6.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-6 {
      background-image: url("../images/icon-steps/icon-step-6-2x.png");
      background-size: 100%; } }

.icon-step-7 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-7.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-7 {
      background-image: url("../images/icon-steps/icon-step-7-2x.png");
      background-size: 100%; } }

.icon-step-8 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-8.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-8 {
      background-image: url("../images/icon-steps/icon-step-8-2x.png");
      background-size: 100%; } }

.icon-step-9 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-9.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-9 {
      background-image: url("../images/icon-steps/icon-step-9-2x.png");
      background-size: 100%; } }

.icon-step-10 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-10.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-10 {
      background-image: url("../images/icon-steps/icon-step-10-2x.png");
      background-size: 100%; } }

.icon-step-11 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-11.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-11 {
      background-image: url("../images/icon-steps/icon-step-11-2x.png");
      background-size: 100%; } }

.icon-step-12 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-12.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-12 {
      background-image: url("../images/icon-steps/icon-step-12-2x.png");
      background-size: 100%; } }

.icon-step-13 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-13.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-13 {
      background-image: url("../images/icon-steps/icon-step-13-2x.png");
      background-size: 100%; } }

.icon-step-14 {
  width: 23px;
  height: 23px;
  background-image: url("../images/icon-steps/icon-step-14.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-14 {
      background-image: url("../images/icon-steps/icon-step-14-2x.png");
      background-size: 100%; } }

.circle {
  display: inline-block;
  border-radius: 50%;
  background: #0b0c0c;
  color: #fff;
  font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center; }

.circle-step {
  min-width: 24px;
  min-height: 24px;
  line-height: 24px; }

.circle-step-large {
  font-size: 19px;
  min-width: 38px;
  min-height: 38px;
  line-height: 38px; }

ul,
ol {
  list-style-type: none; }

.list {
  padding: 0;
  margin-top: 5px;
  margin-bottom: 20px; }

.list li {
  margin-bottom: 5px; }

.list-bullet {
  list-style-type: disc;
  padding-left: 20px; }

.list-number {
  list-style-type: decimal;
  padding-left: 20px; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }
  table th,
  table td {
    font-family: "nta", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    line-height: 1.25;
    padding: 0.63158em 1.05263em 0.47368em 0;
    text-align: left;
    border-bottom: 1px solid #bfc1c3; }
    @media (min-width: 641px) {
      table th,
      table td {
        font-size: 19px;
        line-height: 1.31579; } }
  table thead th {
    font-weight: 700; }
  table td:last-child,
  table th:last-child {
    padding-right: 0; }
  table .numeric {
    text-align: right; }
  table td.numeric {
    font-family: "ntatabularnumbers", "nta", Arial, sans-serif; }
  table caption {
    text-align: left; }

.table-font-xsmall th {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286; }
  @media (min-width: 641px) {
    .table-font-xsmall th {
      font-size: 16px;
      line-height: 1.25; } }

.table-font-xsmall td {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286; }
  @media (min-width: 641px) {
    .table-font-xsmall td {
      font-size: 16px;
      line-height: 1.25; } }

.table-font-xsmall th,
.table-font-xsmall td {
  padding: 0.75em 1.25em 0.5625em 0; }

details {
  display: block;
  clear: both; }
  details summary {
    display: inline-block;
    color: #00663D;
    cursor: pointer;
    position: relative;
    margin-bottom: 0.26316em; }
    details summary:hover {
      color: #009bc2; }
    details summary:focus {
      outline: 3px solid #ffdd00; }
  details .summary {
    text-decoration: underline; }
  details .arrow {
    margin-right: .35em;
    font-style: normal; }

.panel {
  box-sizing: border-box;
  clear: both;
  border-left-style: solid;
  border-color: #bfc1c3;
  padding: 0.78947em;
  margin-bottom: 0.78947em; }
  .panel :first-child {
    margin-top: 0; }
  .panel :only-child,
  .panel :last-child {
    margin-bottom: 0; }

.panel-border-wide {
  border-left-width: 10px; }

.panel-border-narrow {
  border-left-width: 5px; }

.form-group .panel-border-narrow {
  float: left;
  width: 100%;
  padding-bottom: 0; }

.form-group .panel-border-narrow:first-child {
  margin-top: 10px; }

.form-group .panel-border-narrow:last-child {
  margin-top: 0;
  margin-bottom: 0; }

.inline .panel-border-narrow,
.inline .panel-border-narrow:last-child {
  margin-top: 10px;
  margin-bottom: 0; }

fieldset {
  width: 100%; }
  fieldset.after-error-summary {
    margin-top: -15px; }
    @media (min-width: 641px) {
      fieldset.after-error-summary {
        margin-top: -30px; } }

legend {
  overflow: hidden; }

textarea {
  display: block; }

.form-section,
.form-group {
  box-sizing: border-box; }

.form-section {
  margin-bottom: 30px; }
  @media (min-width: 641px) {
    .form-section {
      margin-bottom: 60px; } }

.form-group {
  margin-bottom: 15px; }
  @media (min-width: 641px) {
    .form-group {
      margin-bottom: 30px; } }

.form-group-related {
  margin-bottom: 10px; }
  @media (min-width: 641px) {
    .form-group-related {
      margin-bottom: 20px; } }

.form-group-compound {
  margin-bottom: 10px; }

.form-label,
.form-label-bold {
  display: block;
  color: #0b0c0c;
  padding-bottom: 2px; }

.form-label {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 641px) {
    .form-label {
      font-size: 19px;
      line-height: 1.31579; } }

.form-label-bold {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 641px) {
    .form-label-bold {
      font-size: 19px;
      line-height: 1.31579; } }

.form-block {
  float: left;
  clear: left;
  margin-top: -5px;
  margin-bottom: 5px; }
  @media (min-width: 641px) {
    .form-block {
      margin-top: 0;
      margin-bottom: 10px; } }

.form-hint {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  display: block;
  color: #6f777b;
  font-weight: normal;
  margin-top: -2px;
  padding-bottom: 2px; }
  @media (min-width: 641px) {
    .form-hint {
      font-size: 19px;
      line-height: 1.31579; } }

.form-label .form-hint,
.form-label-bold .form-hint {
  margin-top: 0;
  padding-bottom: 0; }

.form-control {
  box-sizing: border-box;
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  width: 100%;
  padding: 5px 4px 4px;
  border: 2px solid #0b0c0c; }
  @media (min-width: 641px) {
    .form-control {
      font-size: 19px;
      line-height: 1.31579; } }
  @media (min-width: 641px) {
    .form-control {
      width: 50%; } }

input.form-control,
textarea.form-control {
  -webkit-appearance: none;
  border-radius: 0; }

textarea.form-control {
  opacity: 1;
  background-image: none; }

.form-control-3-4 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-3-4 {
      width: 75%; } }

.form-control-2-3 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-2-3 {
      width: 66.66%; } }

.form-control-1-2 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-1-2 {
      width: 50%; } }

.form-control-1-3 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-1-3 {
      width: 33.33%; } }

.form-control-1-4 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-1-4 {
      width: 25%; } }

.form-control-1-8 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-1-8 {
      width: 12.5%; } }

option:active,
option:checked,
select:focus::-ms-value {
  color: #fff;
  background-color: #00663D; }

.multiple-choice {
  display: block;
  float: none;
  clear: left;
  position: relative;
  padding: 0 0 0 38px;
  margin-bottom: 10px; }
  @media (min-width: 641px) {
    .multiple-choice {
      float: left; } }
  .multiple-choice input {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    z-index: 1;
    margin: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  .multiple-choice label {
    cursor: pointer;
    padding: 8px 10px 9px 12px;
    display: block;
    touch-action: manipulation; }
    @media (min-width: 641px) {
      .multiple-choice label {
        float: left;
        padding-top: 7px;
        padding-bottom: 7px; } }
  .multiple-choice [type=radio] + label::before {
    content: "";
    border: 2px solid;
    background: transparent;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%; }
  .multiple-choice [type=radio] + label::after {
    content: "";
    border: 10px solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 9px;
    left: 9px;
    border-radius: 50%;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  .multiple-choice [type=checkbox] + label::before {
    content: "";
    border: 2px solid;
    background: transparent;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0; }
  .multiple-choice [type=checkbox] + label::after {
    content: "";
    border: solid;
    border-width: 0 0 5px 5px;
    background: transparent;
    border-top-color: transparent;
    width: 17px;
    height: 7px;
    position: absolute;
    top: 10px;
    left: 8px;
    transform: rotate(-45deg);
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  .multiple-choice [type=radio]:focus + label::before {
    box-shadow: 0 0 0 4px #ffdd00; }
  .multiple-choice [type=checkbox]:focus + label::before {
    box-shadow: 0 0 0 3px #ffdd00; }
  .multiple-choice input:checked + label::after {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1; }
  .multiple-choice input:disabled {
    cursor: default; }
  .multiple-choice input:disabled + label {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default; }
  .multiple-choice:last-child, .multiple-choice:last-of-type {
    margin-bottom: 0; }

.inline .multiple-choice {
  clear: none; }
  @media (min-width: 641px) {
    .inline .multiple-choice {
      margin-bottom: 0;
      margin-right: 30px; } }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.form-date .form-group {
  float: left;
  width: 50px;
  margin-right: 20px;
  margin-bottom: 0;
  clear: none; }
  .form-date .form-group label {
    display: block;
    padding-bottom: 2px; }
  .form-date .form-group input {
    width: 100%; }

.form-date .form-group-year {
  width: 70px; }

.form-group-error {
  margin-right: 15px;
  border-left: 4px solid #AF122A;
  padding-left: 10px; }
  @media (min-width: 641px) {
    .form-group-error {
      border-left: 5px solid #AF122A;
      padding-left: 15px; } }

.form-control-error {
  border: 4px solid #AF122A; }

.error-message {
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  color: #AF122A;
  display: block;
  clear: both;
  margin: 0;
  padding: 2px 0; }
  @media (min-width: 641px) {
    .error-message {
      font-size: 19px;
      line-height: 1.31579; } }

.form-label .error-message,
.form-label-bold .error-message {
  padding-top: 4px;
  padding-bottom: 0; }

.error-summary {
  border: 4px solid #AF122A;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px 10px; }
  @media (min-width: 641px) {
    .error-summary {
      border: 5px solid #AF122A;
      margin-top: 30px;
      margin-bottom: 30px;
      padding: 20px 15px 15px; } }
  .error-summary:focus {
    outline: 3px solid #ffdd00; }
  .error-summary .error-summary-heading {
    margin-top: 0; }
  .error-summary p {
    margin-bottom: 10px; }
  .error-summary .error-summary-list {
    padding-left: 0; }
    @media (min-width: 641px) {
      .error-summary .error-summary-list li {
        margin-bottom: 5px; } }
    .error-summary .error-summary-list a {
      color: #AF122A;
      font-weight: bold;
      text-decoration: underline; }

.breadcrumbs {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }
  .breadcrumbs li {
    font-family: "nta", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286;
    float: left;
    background-image: url("../images/separator.png");
    background-position: 0% 50%;
    background-repeat: no-repeat;
    list-style: none;
    margin-left: 0.6em;
    margin-bottom: 0.4em;
    padding-left: 0.9em; }
    @media (min-width: 641px) {
      .breadcrumbs li {
        font-size: 16px;
        line-height: 1.25; } }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .breadcrumbs li {
        background-image: url("../images/separator-2x.png");
        background-size: 6px 11px; } }
    .breadcrumbs li:first-child {
      background-image: none;
      margin-left: 0;
      padding-left: 0; }
  .breadcrumbs a {
    color: #0b0c0c; }

.phase-banner {
  padding: 10px 0 8px;
  border-bottom: 1px solid #bfc1c3; }
  @media (min-width: 641px) {
    .phase-banner {
      padding-bottom: 10px; } }
  .phase-banner p {
    display: table;
    margin: 0;
    color: #0b0c0c;
    font-family: "nta", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286; }
    @media (min-width: 641px) {
      .phase-banner p {
        font-size: 16px;
        line-height: 1.25; } }
  .phase-banner .phase-tag {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 2px 5px 0;
    font-family: "nta", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    background-color: #00663D; }
    @media (min-width: 641px) {
      .phase-banner .phase-tag {
        font-size: 16px;
        line-height: 1.25; } }
  .phase-banner span {
    display: table-cell;
    vertical-align: baseline; }

.phase-banner-alpha,
.phase-banner-beta {
  padding: 10px 0 8px;
  border-bottom: 1px solid #bfc1c3; }
  @media (min-width: 641px) {
    .phase-banner-alpha,
    .phase-banner-beta {
      padding-bottom: 10px; } }
  .phase-banner-alpha p,
  .phase-banner-beta p {
    display: table;
    margin: 0;
    color: #0b0c0c;
    font-family: "nta", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286; }
    @media (min-width: 641px) {
      .phase-banner-alpha p,
      .phase-banner-beta p {
        font-size: 16px;
        line-height: 1.25; } }
  .phase-banner-alpha .phase-tag,
  .phase-banner-beta .phase-tag {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 2px 5px 0;
    font-family: "nta", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    background-color: #00663D; }
    @media (min-width: 641px) {
      .phase-banner-alpha .phase-tag,
      .phase-banner-beta .phase-tag {
        font-size: 16px;
        line-height: 1.25; } }
  .phase-banner-alpha span,
  .phase-banner-beta span {
    display: table-cell;
    vertical-align: baseline; }

.phase-tag {
  display: -moz-inline-stack;
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 2px 5px 0;
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  background-color: #00663D; }
  @media (min-width: 641px) {
    .phase-tag {
      font-size: 16px;
      line-height: 1.25; } }

.govuk-box-highlight {
  margin: 1em 0;
  padding: 2em 1em;
  color: #fff;
  background: #00728F;
  text-align: center; }

@-moz-document regexp('.*') {
  details summary:not([tabindex]) {
    display: list-item;
    display: revert; } }

.navigation-primary {
  position: relative;
  overflow: hidden;
  border-top: 5px solid #fff; }
  .navigation-primary {
    transition: max-height ease-out 0.35s;
    max-height: 0; }
  .navigation-primary--active {
    border-top: 5px solid #00aeef; }
   .navigation-primary--active {
      transition: max-height ease-out 0.5s;
      max-height: 1000px; }
  @media (min-width: 769px) {
    .navigation-primary {
      display: block;
      border-top: 1px solid #bfc1c3; }
      .navigation-primary {
        max-height: 100%; } }

.navigation-primary-list {
  overflow: hidden;
  list-style: none;
  max-width: 960px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 960px) {
    .navigation-primary-list {
      padding-left: 0;
      padding-right: 0; } }

.navigation-primary-list__item {
  display: block; }
  .navigation-primary-list__item a {
    display: block;
    padding: 0.5em 0;
    text-decoration: none;
    color: #0b0c0c;
    font-size: 16px; }
    .navigation-primary-list__item a:hover, .navigation-primary-list__item a:active {
      text-decoration: underline; }
  @media (min-width: 769px) {
    .navigation-primary-list__item {
      display: inline-block; }
      .navigation-primary-list__item a {
        padding: 0.75em 1em; }
      .navigation-primary-list__item:first-child a {
        padding-left: 0; } }

.navigation-trigger {
  position: absolute;
  top: 1.65em;
  right: 15px;
  text-decoration: none;
  color: #0b0c0c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  font-size: 14px;
  padding: 5px 10px;
  background-color: #f4f4f4; }
  .navigation-trigger:hover, .navigation-trigger:active {
    background-color: #eee; }
  .navigation-trigger:after {
    display: inline-block;
    font-size: 8px;
    height: 8px;
    padding-left: 5px;
    vertical-align: middle;
    content: " \25BC"; }
  @media (min-width: 769px) {
    .navigation-trigger {
      display: none; } }

.section {
  position: relative;
  margin: 3em 0; }

.section--border-top {
  border-top: 2px solid #bfc1c3;
  padding-top: 3em; }

.section--border-bottom {
  border-bottom: 2px solid #bfc1c3;
  padding-bottom: 3em; }

.section__heading {
  margin-bottom: 1em; }

.section-progress {
  font-size: 2rem;
  font-weight: 300;
  display: block;
  color: #6f777b; }

.global-footer {
  background-color: #f8f8f8;
  border-top: 5px solid #00aeef; }

.footer-wrapper {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 960px) {
    .footer-wrapper {
      padding-left: 0;
      padding-right: 0; } }

.footer-marque {
  position: absolute;
  top: -35px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 0 0 35px;
  border-color: transparent transparent transparent #00aeef; }

.footer-logo {
  width: 128.4px;
  height: auto; }
  .footer-logo img {
    max-width: 100%; }

.footer-list {
  margin-top: 1.5em;
  font-size: 16px; }
  .footer-list li {
    display: inline-block;
    border-left: 1px solid #bfc1c3;
    padding: 0 10px; }
    .footer-list li:first-child {
      border-left: none;
      padding-left: 0; }

.aside-container {
  margin-top: 40px; }

.aside {
  border-top: 3px solid #00b259;
  background-color: #f8f8f8;
  padding: 1em; }
  .aside h2 {
    font-weight: 700;
    margin-top: 0.3em;
    margin-bottom: 0.5em; }

.aside__nav ul {
  padding: 0;
  margin: 0;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  list-style: none;
  margin-bottom: 1.25em; }
  .aside__nav ul li {
    margin-bottom: 0.75em; }

@media (min-width: 641px) {
  .column-minimum {
    min-width: 600px; } }

.task-list {
  margin-top: 30px; }
  @media (min-width: 641px) {
    .task-list {
      margin-top: 60px; } }

.task-list-section {
  display: table;
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  padding-bottom: 5px; }
  @media (min-width: 641px) {
    .task-list-section {
      font-size: 24px;
      line-height: 1.25; } }

.task-list-section-number {
  display: table-cell;
  padding-right: 5px; }
  @media (min-width: 641px) {
    .task-list-section-number {
      min-width: 35px;
      padding-right: 0; } }

.task-list-items {
  margin-bottom: 30px; }
  @media (min-width: 641px) {
    .task-list-items {
      margin-bottom: 60px; } }
  @media (min-width: 641px) {
    .task-list-items {
      padding-left: 35px; } }

.task-list-item {
  border-bottom: 1px solid #bfc1c3;
  padding-top: 10px;
  padding-bottom: 10px; }

.task-list-item:first-child {
  border-top: 1px solid #bfc1c3; }

.task-name {
  width: 66.66667%;
  float: left; }

.task-completed {
  display: -moz-inline-stack;
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 2px 5px 0;
  font-family: "nta", Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  background-color: #00663D;
  float: right;
  margin-right: 0;
  padding-top: 3px; }
  @media (min-width: 641px) {
    .task-completed {
      font-size: 16px;
      line-height: 1.25; } }

.breadcrumb {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }
  .breadcrumb ol {
    overflow: hidden;
    padding: 0;
    margin: 0; }
    .breadcrumb ol li {
      float: left;
      display: inline-block;
      font-size: 16px;
      margin-left: 0.6em;
      margin-bottom: 0.4em;
      padding-left: 0.9em;
      background-image: url("../images/separator-2x.png");
      background-size: 6px 11px;
      background-repeat: no-repeat;
      background-position: 0 5px; }
      .breadcrumb ol li:first-child {
        margin-left: 0;
        padding-left: 0;
        background-image: none; }

.hero {
  position: relative;
  background-color: #00728F;
  padding: 10% 0; }
  .hero--alt {
    background-color: #00663D; }
  .hero--image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .hero--image:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #00728F;
      opacity: 0.75; }
    .hero--image.hero--alt:after {
      background-color: #00663D; }

.hero__caption {
  max-width: 35em;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center; }
  .hero--image .hero__caption {
    position: relative;
    z-index: 2; }
  @media (min-width: 960px) {
    .hero__caption {
      padding-left: 0;
      padding-right: 0; } }

.hero__heading {
  font-family: "nta", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167;
  margin-bottom: 0.75em;
  font-weight: 700;
  color: #fff; }
  @media (min-width: 641px) {
    .hero__heading {
      font-size: 36px;
      line-height: 1.11111; } }
  @media (min-width: 960px) {
    .hero__heading {
      font-family: "nta", Arial, sans-serif;
      font-weight: 400;
      text-transform: none;
      font-size: 32px;
      line-height: 1.09375;
      font-weight: 700; } }
  @media (min-width: 960px) and (min-width: 641px) {
    .hero__heading {
      font-size: 48px;
      line-height: 1.04167; } }

.hero__description {
  color: #fff; }

.breakout-box {
  background: #dee0e2;
  padding: 15px;
  border: solid 2px #bfc1c3;
  margin: 20xp 0; }
  @media (min-width: 960px) {
    .breakout-box {
      padding: 30px;
      margin: 40px 0; } }

.breakout-box-alt-primary {
  background: #00728F;
  border: solid 2px #009bc2;
  color: #fff; }

.breakout-box-alt-secondary {
  background: #00663D;
  border: solid 2px #004d2e;
  color: #fff; }

 
	#global-header {
		background-color: #fff;
		position: relative;
	}

	.header-wrapper {
		position: relative;
		max-width: 960px;
		margin: 0 auto;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 15px;
		padding-right: 15px;
	}

	@media (min-width: 960px) {
		.header-wrapper {
			padding-left: 0;
			padding-right: 0;
		}
	}

	.header-global {
		overflow: hidden;
	}

	.header-logo {
		width: 128.4px;
		height: auto;
	}

	.header-logo img {
		max-width: 100%;
	}

	@media (min-width: 769px) {
		.header-logo {
			width: 160.5px;
			float: left;
		}
	}

	.header-search {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	@media (min-width: 769px) {
		.header-search {
			margin-top: 1em;
			float: right;
			width: 50%;
			text-align: right;
			margin-top: 12px;
			margin-bottom: 0;
		}
	}

	.header-search .site-search {
		position: relative;
	}

	.header-search .site-search .form-control {
		width: calc(100% - 80px);
		border-width: 1px;
		border-color: #bfc1c3;
		font-size: 16px;
		height: 36px;
	}

	@media (min-width: 769px) {
		.header-search .site-search .form-control {
			width: calc(100% - 100px);
		}
	}

	.header-search .site-search .button {
		position: absolute;
		top: 0;
		right: 45px;
		text-indent: -9999px;
		background-image: url(images/icon-search-2x.png);
		background-repeat: no-repeat;
		background-position: 55% 50%;
		background-size: 52.5% 40%;
		box-shadow: none;
		width: 36px;
		height: 36px;
	}

	@media (min-width: 769px) {
		.header-search .site-search .button {
			right: 0;
		}
	}

	.header-search--desktop {
		display: none;
	}

	@media (min-width: 769px) {
		.header-search--desktop {
			display: block;
		}
	}

	@media (min-width: 769px) {
		.header-search--mobile {
			display: none;
		}
	}

	#global-header-bar {
		position: relative;
		background-color: #00aeef;
		height: 5px;
	}

	.header-marque {
		position: absolute;
		bottom: 0;
		right: 15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 25px 0 0 25px;
		border-color: transparent transparent transparent #00aeef;
	}

	.header-commercial {
		position: relative;
		overflow: hidden;
		background-color: #0b0c0c;
	}

	.header-commercial .header-wrapper {
		padding-top: 0.75em;
		padding-bottom: 0.5em;
	}

	.header-commercial__logo {
		width: 91.42857px;
		height: auto;
		display: block;
	}

	.header-commercial__logo img {
		max-width: 100%;
	}

	@media (min-width: 769px) {
		.header-commercial__logo {
			width: 106.66667px;
		}
	}

	.header-commercial__marque {
		position: absolute;
		bottom: 0;
		right: 15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 0 0 30px;
		border-color: transparent transparent transparent #fff;
	}

	@media (min-width: 960px) {
		.header-commercial__marque {
			right: 0;
		}
	}