.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .breadcrumbs ol: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, .breadcrumbs ol:after {
  content: "";
  display: block;
  clear: both; }

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

.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .breadcrumbs ol: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, .breadcrumbs ol:after {
  content: "";
  display: block;
  clear: both; }

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

.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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-third,
    .column-one-third {
      float: left;
      width: 33.33333%; } }

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

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

main {
  font-family: Cabin, 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: Cabin, 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: Cabin, 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: Cabin, 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 {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2; }
  @media (min-width: 641px) {
    .font-medium {
      font-size: 24px;
      line-height: 1.25; } }

.font-small {
  font-family: Cabin, 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: Cabin, 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: Cabin, 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: Cabin, 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: Cabin, 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: Cabin, 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: Cabin, 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: Cabin, 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 {
  font-weight: 700; }

.heading-xlarge {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375;
  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: Cabin, 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: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167;
  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: Cabin, 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: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  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: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  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: Cabin, 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: #005ea5;
  text-decoration: underline; }

.link:visited {
  color: #4c2c92; }

.link:hover {
  color: #2b8cc4; }

.link:active {
  color: #005ea5; }

.link-back {
  display: -moz-inline-stack;
  display: inline-block;
  position: relative;
  font-family: Cabin, 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;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-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: #00823b;
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  padding: .526315em .789473em .263157em;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 2px 0 #003618;
  -moz-box-shadow: 0 2px 0 #003618;
  box-shadow: 0 2px 0 #003618;
  font-size: 1em;
  line-height: 1.25;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top; }
  .button:visited {
    background-color: #00823b; }
  .button:hover, .button:focus {
    background-color: #00692f; }
  .button:active {
    top: 2px;
    -webkit-box-shadow: 0 0 0 #00823b;
    -moz-box-shadow: 0 0 0 #00823b;
    box-shadow: 0 0 0 #00823b; }
  .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: #00823b; }
    .button.disabled:active, .button[disabled="disabled"]:active, .button[disabled]:active {
      top: 0;
      -webkit-box-shadow: 0 2px 0 #003618;
      -moz-box-shadow: 0 2px 0 #003618;
      box-shadow: 0 2px 0 #003618; }
  .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 #ffbf47; }

.button[disabled="disabled"] {
  background: #00823b; }

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

.button-start,
.button-get-started {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("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: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-calendar {
      background-image: image-url("icon-calendar-2x.png");
      background-size: 100%; } }

.icon-file-download {
  width: 30px;
  height: 39px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-file-download-2x.png");
      background-size: 100%; } }

.icon-important {
  width: 35px;
  height: 35px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-important {
      background-image: image-url("icon-important-2x.png");
      background-size: 100%; } }

.icon-information {
  width: 27px;
  height: 27px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-information {
      background-image: image-url("icon-information-2x.png");
      background-size: 100%; } }

.icon-locator {
  width: 26px;
  height: 36px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-locator {
      background-image: image-url("icon-locator-2x.png");
      background-size: 100%; } }

.icon-pointer {
  width: 30px;
  height: 19px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-pointer {
      background-image: image-url("icon-pointer-2x.png");
      background-size: 100%; } }

.icon-pointer-black {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-pointer-black-2x.png");
      background-size: 100%; } }

.icon-search {
  width: 30px;
  height: 22px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-search {
      background-image: image-url("icon-search-2x.png");
      background-size: 100%; } }

.icon-step-1 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-1-2x.png");
      background-size: 100%; } }

.icon-step-2 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-2-2x.png");
      background-size: 100%; } }

.icon-step-3 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-3-2x.png");
      background-size: 100%; } }

.icon-step-4 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-4-2x.png");
      background-size: 100%; } }

.icon-step-5 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-5-2x.png");
      background-size: 100%; } }

.icon-step-6 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-6-2x.png");
      background-size: 100%; } }

.icon-step-7 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-7-2x.png");
      background-size: 100%; } }

.icon-step-8 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-8-2x.png");
      background-size: 100%; } }

.icon-step-9 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-9-2x.png");
      background-size: 100%; } }

.icon-step-10 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-10-2x.png");
      background-size: 100%; } }

.icon-step-11 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-11-2x.png");
      background-size: 100%; } }

.icon-step-12 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-12-2x.png");
      background-size: 100%; } }

.icon-step-13 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-13-2x.png");
      background-size: 100%; } }

.icon-step-14 {
  width: 23px;
  height: 23px;
  background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), 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: image-url("icon-steps/icon-step-14-2x.png");
      background-size: 100%; } }

.circle {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #0b0c0c;
  color: #fff;
  font-family: "Cabin", 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: Cabin, 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: "Cabin", Arial, sans-serif; }
  table caption {
    text-align: left; }

.table-font-xsmall th {
  font-family: Cabin, 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: Cabin, 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: #005ea5;
    cursor: pointer;
    position: relative;
    margin-bottom: 0.26316em; }
    details summary:hover {
      color: #2b8cc4; }
    details summary:focus {
      outline: 3px solid #ffbf47; }
  details .summary {
    text-decoration: underline; }
  details .arrow {
    margin-right: .35em;
    font-style: normal; }

.panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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%; }

legend {
  overflow: hidden; }

textarea {
  display: block; }

.form-section,
.form-group {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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: Cabin, 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: Cabin, 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: Cabin, 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 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Cabin, 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: #005ea5; }

.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;
    -ms-touch-action: manipulation;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .multiple-choice [type=radio] + label::after {
    content: "";
    border: 10px solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 9px;
    left: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  .multiple-choice [type=radio]:focus + label::before {
    -webkit-box-shadow: 0 0 0 4px #ffbf47;
    -moz-box-shadow: 0 0 0 4px #ffbf47;
    box-shadow: 0 0 0 4px #ffbf47; }
  .multiple-choice [type=checkbox]:focus + label::before {
    -webkit-box-shadow: 0 0 0 3px #ffbf47;
    -moz-box-shadow: 0 0 0 3px #ffbf47;
    box-shadow: 0 0 0 3px #ffbf47; }
  .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 #b10e1e;
  padding-left: 10px; }
  @media (min-width: 641px) {
    .form-group-error {
      border-left: 5px solid #b10e1e;
      padding-left: 15px; } }

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

.error-message {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  color: #b10e1e;
  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 #b10e1e;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px 10px; }
  @media (min-width: 641px) {
    .error-summary {
      border: 5px solid #b10e1e;
      margin-top: 30px;
      margin-bottom: 30px;
      padding: 20px 15px 15px; } }
  .error-summary:focus {
    outline: 3px solid #ffbf47; }
  .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: #b10e1e;
      font-weight: bold;
      text-decoration: underline; }

.breadcrumbs {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }
  .breadcrumbs li {
    font-family: Cabin, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286;
    float: left;
    background-image: image-url("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 (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .breadcrumbs li {
        background-image: image-url("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: #000;
    font-family: Cabin, 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: Cabin, 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: #005ea5; }
    @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: #000;
    font-family: Cabin, 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: Cabin, 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: #005ea5; }
    @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: Cabin, 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: #005ea5; }
  @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: #28a197;
  text-align: center; }

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

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-bold-webfont.woff2") format("woff2"), url("fonts/cabin-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-bolditalic-webfont.woff2") format("woff2"), url("fonts/cabin-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-italic-webfont.woff2") format("woff2"), url("fonts/cabin-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-medium-webfont.woff2") format("woff2"), url("fonts/cabin-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-mediumitalic-webfont.woff2") format("woff2"), url("fonts/cabin-mediumitalic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-regular-webfont.woff2") format("woff2"), url("fonts/cabin-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-semibold-webfont.woff2") format("woff2"), url("fonts/cabin-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-semibolditalic-webfont.woff2") format("woff2"), url("fonts/cabin-semibolditalic-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic; }

.cc-window {
  opacity: 1;
  transition: opacity 1s ease; }

.cc-window.cc-invisible {
  opacity: 0; }

.cc-animate.cc-revoke {
  transition: transform 1s ease; }

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
  transform: translateY(0); }

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s; }

.cc-link, .cc-revoke:hover {
  text-decoration: underline; }

.cc-revoke, .cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica,Calibri,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999; }

.cc-window.cc-static {
  position: static; }

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column; }

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row; }

.cc-revoke {
  padding: .5em; }

.cc-header {
  font-size: 18px;
  font-weight: 700; }

.cc-btn, .cc-close, .cc-link, .cc-revoke {
  cursor: pointer; }

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em; }

.cc-link:hover {
  opacity: 1; }

.cc-link:active, .cc-link:visited {
  color: initial; }

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap; }

.cc-banner .cc-btn:last-child {
  min-width: 140px; }

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent; }

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline; }

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75; }

.cc-close:focus, .cc-close:hover {
  opacity: 1; }

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em; }

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em; }

.cc-revoke.cc-left {
  left: 3em;
  right: unset; }

.cc-revoke.cc-right {
  right: 3em;
  left: unset; }

.cc-top {
  top: 1em; }

.cc-left {
  left: 1em; }

.cc-right {
  right: 1em; }

.cc-bottom {
  bottom: 1em; }

.cc-floating > .cc-link {
  margin-bottom: 1em; }

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em; }

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1; }

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center; }

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0; }

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0; }

.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1; }

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.cc-compliance > .cc-btn {
  -ms-flex: 1;
  flex: 1; }

.cc-btn + .cc-btn {
  margin-left: .5em; }

@media print {
  .cc-revoke, .cc-window {
    display: none; } }

@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal; } }

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0; }
  .cc-window.cc-bottom {
    bottom: 0; }
  .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
    left: 0;
    right: 0; }
  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column; }
  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1; }
  .cc-window.cc-floating {
    max-width: none; }
  .cc-window .cc-message {
    margin-bottom: 1em; }
  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset; } }

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none; }

.cc-theme-classic .cc-btn {
  border-radius: 5px; }

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block; }

.cc-theme-edgeless.cc-window {
  padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0; }

html, body {
  font-family: Cabin, Arial, sans-serif;
  margin: 0;
  padding: 0; }

input[type=text]:read-only {
  background-color: #e9e9e7;
  cursor: default;
  outline-style: none; }

.button {
  -moz-box-shadow: 0 2px 0 #0d4a32;
  -webkit-box-shadow: 0 2px 0 #0d4a32;
  background-color: #075573;
  box-shadow: 0 2px 0 #0d4a32;
  color: #fff; }
  .button:visited {
    background-color: #cca32d; }
  .button:hover, .button:focus {
    background-color: #1290a5;
    color: #fff; }
  .button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover {
    background-color: #cca32d; }
  .button:link, .button:link:focus, .button:hover, .button:focus, .button:visited {
    color: #fff; }
  .button:focus {
    outline: 3px solid #ffbf47; }

.pca.pcalist {
  font-family: Cabin, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px; }

.pca .pcatext.pcanotification.pcavisible {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
  width: 0 !important; }

.reciteme {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999; }

.hidden {
  display: none !important; }

.applications.listing .table-container a {
  color: #000; }

.tips .section ol, #tips .section ol {
  list-style-type: lower-alpha;
  padding-left: 30px; }
  .tips .section ol li, #tips .section ol li {
    font-size: 17px;
    line-height: 23px; }

.form-control-1-1 {
  width: 100%; }

.form-group .multiple-choice:last-of-type {
  margin-right: 0; }

table th, table td {
  border-bottom: 1px solid #C2BFC3; }

header .screen-logo, header .print-logo {
  width: 225px; }

#email .container .content #application, #print .container .content #application {
  float: none;
  width: 100%; }
  #email .container .content #application .main-section input, #email .container .content #application .main-section label, #email .container .content #application .main-section select, #email .container .content #application .main-section textarea, #email .container .content #application .main-section .summary, #print .container .content #application .main-section input, #print .container .content #application .main-section label, #print .container .content #application .main-section select, #print .container .content #application .main-section textarea, #print .container .content #application .main-section .summary {
    cursor: default; }
    #email .container .content #application .main-section input:focus, #email .container .content #application .main-section label:focus, #email .container .content #application .main-section select:focus, #email .container .content #application .main-section textarea:focus, #email .container .content #application .main-section .summary:focus, #print .container .content #application .main-section input:focus, #print .container .content #application .main-section label:focus, #print .container .content #application .main-section select:focus, #print .container .content #application .main-section textarea:focus, #print .container .content #application .main-section .summary:focus {
      outline-style: none; }
  #email .container .content #application .main-section .form-section .tip, #print .container .content #application .main-section .form-section .tip {
    display: none; }
  #email .container .content #application .main-section .form-section .form-group label .optional, #email .container .content #application .main-section .form-section .form-group h1 .optional, #print .container .content #application .main-section .form-section .form-group label .optional, #print .container .content #application .main-section .form-section .form-group h1 .optional {
    display: none; }
  #email .container .content #application .main-section .form-section .form-group .textarea-print, #print .container .content #application .main-section .form-section .form-group .textarea-print {
    border: 2px solid #0b0c0c;
    font-family: Cabin, Arial, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 25px;
    min-height: 125px;
    padding: 5px 4px 4px; }
  #email .container .content #application #eligibility_details > .summary, #print .container .content #application #eligibility_details > .summary {
    background-color: #cca32d;
    background-image: url("../img/eligibility-info.png"); }
  #email .container .content #application #voucher_details > .summary, #print .container .content #application #voucher_details > .summary {
    background-color: #075573;
    background-image: url("../img/additional-info.png"); }
  #email .container .content #application #customer_details > .summary, #print .container .content #application #customer_details > .summary {
    background-color: #1290a5;
    background-image: url("../img/applicant.png"); }
  #email .container .content #application #declaration > .summary, #print .container .content #application #declaration > .summary {
    background-color: #13a6bf;
    background-image: url("../img/declaration.png"); }
  #email .container .content #application button, #print .container .content #application button {
    display: none; }

#delete-application .container .content .button.delete {
  -moz-box-shadow: 0 2px 0 #000;
  -webkit-box-shadow: 0 2px 0 #000;
  background-color: #FFD300;
  box-shadow: 0 2px 0 #000; }
  #delete-application .container .content .button.delete:visited {
    background-color: #FFD300; }
  #delete-application .container .content .button.delete:hover, #delete-application .container .content .button.delete:focus {
    background-color: #e5bf00; }

#part-completed-forms .container .content .button.delete, #submitted-forms .container .content .button.delete, #manage-users .container .content .button.delete {
  background-color: #FFD300;
  -webkit-box-shadow: 0 2px 0 #000;
  -moz-box-shadow: 0 2px 0 #000;
  box-shadow: 0 2px 0 #000;
  margin-bottom: 5px; }
  #part-completed-forms .container .content .button.delete:hover, #part-completed-forms .container .content .button.delete:focus, #submitted-forms .container .content .button.delete:hover, #submitted-forms .container .content .button.delete:focus, #manage-users .container .content .button.delete:hover, #manage-users .container .content .button.delete:focus {
    background-color: #e5bf00; }

#part-completed-forms .container .content .form-section, #submitted-forms .container .content .form-section, #manage-users .container .content .form-section {
  margin-bottom: 40px; }

#part-completed-forms .container .content h1, #submitted-forms .container .content h1, #manage-users .container .content h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px; }

#part-completed-forms .container .content #message a, #submitted-forms .container .content #message a, #manage-users .container .content #message a {
  color: #000;
  font-weight: 400; }
  #part-completed-forms .container .content #message a:hover, #part-completed-forms .container .content #message a:active, #part-completed-forms .container .content #message a:focus, #submitted-forms .container .content #message a:hover, #submitted-forms .container .content #message a:active, #submitted-forms .container .content #message a:focus, #manage-users .container .content #message a:hover, #manage-users .container .content #message a:active, #manage-users .container .content #message a:focus {
    color: #000; }

#part-completed-forms .container .content #search, #submitted-forms .container .content #search, #manage-users .container .content #search {
  margin-top: 20px; }
  #part-completed-forms .container .content #search .button, #submitted-forms .container .content #search .button, #manage-users .container .content #search .button {
    font-size: 18px;
    font-weight: 500; }

#part-completed-forms .container .content .no-applications, #submitted-forms .container .content .no-applications, #manage-users .container .content .no-applications {
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 40px;
  padding: 15px 25px; }

#part-completed-forms .container .content .table-container, #submitted-forms .container .content .table-container, #manage-users .container .content .table-container {
  margin-bottom: 40px; }

#part-completed-forms .container .content table thead tr th.actions, #part-completed-forms .container .content table thead tr th.status, #part-completed-forms .container .content table thead tr td.actions, #part-completed-forms .container .content table thead tr td.status, #part-completed-forms .container .content table tbody tr th.actions, #part-completed-forms .container .content table tbody tr th.status, #part-completed-forms .container .content table tbody tr td.actions, #part-completed-forms .container .content table tbody tr td.status, #submitted-forms .container .content table thead tr th.actions, #submitted-forms .container .content table thead tr th.status, #submitted-forms .container .content table thead tr td.actions, #submitted-forms .container .content table thead tr td.status, #submitted-forms .container .content table tbody tr th.actions, #submitted-forms .container .content table tbody tr th.status, #submitted-forms .container .content table tbody tr td.actions, #submitted-forms .container .content table tbody tr td.status, #manage-users .container .content table thead tr th.actions, #manage-users .container .content table thead tr th.status, #manage-users .container .content table thead tr td.actions, #manage-users .container .content table thead tr td.status, #manage-users .container .content table tbody tr th.actions, #manage-users .container .content table tbody tr th.status, #manage-users .container .content table tbody tr td.actions, #manage-users .container .content table tbody tr td.status {
  padding-right: 20px; }

#part-completed-forms .container .content table thead tr th, #submitted-forms .container .content table thead tr th, #manage-users .container .content table thead tr th {
  background-color: #d6d6d2; }

#part-completed-forms .container .content table tbody tr:nth-child(2n) td, #submitted-forms .container .content table tbody tr:nth-child(2n) td, #manage-users .container .content table tbody tr:nth-child(2n) td {
  background-color: #f7f7f5; }

#part-completed-forms .container .content table tbody tr td, #submitted-forms .container .content table tbody tr td, #manage-users .container .content table tbody tr td {
  background-color: #fff;
  font-size: 18px;
  word-break: break-word; }
  #part-completed-forms .container .content table tbody tr td.actions, #submitted-forms .container .content table tbody tr td.actions, #manage-users .container .content table tbody tr td.actions {
    text-align: center; }
  #part-completed-forms .container .content table tbody tr td .phone strong, #part-completed-forms .container .content table tbody tr td .mobile strong, #submitted-forms .container .content table tbody tr td .phone strong, #submitted-forms .container .content table tbody tr td .mobile strong, #manage-users .container .content table tbody tr td .phone strong, #manage-users .container .content table tbody tr td .mobile strong {
    color: #424235;
    font-weight: 600; }
  #part-completed-forms .container .content table tbody tr td .email a, #submitted-forms .container .content table tbody tr td .email a, #manage-users .container .content table tbody tr td .email a {
    color: #000; }
    #part-completed-forms .container .content table tbody tr td .email a:hover, #part-completed-forms .container .content table tbody tr td .email a:active, #submitted-forms .container .content table tbody tr td .email a:hover, #submitted-forms .container .content table tbody tr td .email a:active, #manage-users .container .content table tbody tr td .email a:hover, #manage-users .container .content table tbody tr td .email a:active {
      color: #9c9c28; }
  #part-completed-forms .container .content table tbody tr td .button, #submitted-forms .container .content table tbody tr td .button, #manage-users .container .content table tbody tr td .button {
    margin-bottom: 13px; }
    #part-completed-forms .container .content table tbody tr td .button.view-edit, #submitted-forms .container .content table tbody tr td .button.view-edit, #manage-users .container .content table tbody tr td .button.view-edit {
      margin-bottom: 13px; }

#part-completed-forms .container .content .pagination, #submitted-forms .container .content .pagination, #manage-users .container .content .pagination {
  background-color: #fff;
  display: inline-block;
  font-size: 19px;
  margin-bottom: 40px;
  padding: 15px 20px; }
  #part-completed-forms .container .content .pagination:before, #submitted-forms .container .content .pagination:before, #manage-users .container .content .pagination:before {
    content: 'Pages:';
    font-weight: 700; }
  #part-completed-forms .container .content .pagination .selected, #part-completed-forms .container .content .pagination a, #submitted-forms .container .content .pagination .selected, #submitted-forms .container .content .pagination a, #manage-users .container .content .pagination .selected, #manage-users .container .content .pagination a {
    margin-left: 10px; }
  #part-completed-forms .container .content .pagination a, #submitted-forms .container .content .pagination a, #manage-users .container .content .pagination a {
    color: #000; }
    #part-completed-forms .container .content .pagination a:hover, #part-completed-forms .container .content .pagination a:active, #part-completed-forms .container .content .pagination a:focus, #submitted-forms .container .content .pagination a:hover, #submitted-forms .container .content .pagination a:active, #submitted-forms .container .content .pagination a:focus, #manage-users .container .content .pagination a:hover, #manage-users .container .content .pagination a:active, #manage-users .container .content .pagination a:focus {
      color: #000; }

#submit-application #submitMessage {
  background-color: #fff;
  margin-bottom: 30px;
  max-width: 700px;
  min-height: 150px;
  padding: 20px 25px 20px; }
  #submit-application #submitMessage p {
    font-size: 19px;
    line-height: 27px;
    margin: 0 0 27px; }
    #submit-application #submitMessage p strong {
      font-weight: 700; }
  #submit-application #submitMessage .help-logo {
    float: none; }
  #submit-application #submitMessage .print, #submit-application #submitMessage .email, #submit-application #submitMessage .return {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 27px;
    padding: 8px 16px 10px; }
  #submit-application #submitMessage .print {
    margin-right: 20px; }
  #submit-application #submitMessage span {
    white-space: nowrap; }

#submitted-forms .container .content table thead th.id, #submitted-forms .container .content table thead td.id, #submitted-forms .container .content table tbody th.id, #submitted-forms .container .content table tbody td.id {
  padding-left: 20px; }

#your-privacy .container .content, #legitimate-interests .container .content, #cookie-statement .container .content {
  padding-bottom: 40px; }
  #your-privacy .container .content .inner, #legitimate-interests .container .content .inner, #cookie-statement .container .content .inner {
    background-color: #fff;
    padding: 20px 25px 10px; }
    #your-privacy .container .content .inner h1, #your-privacy .container .content .inner h2, #legitimate-interests .container .content .inner h1, #legitimate-interests .container .content .inner h2, #cookie-statement .container .content .inner h1, #cookie-statement .container .content .inner h2 {
      font-weight: 700;
      margin-bottom: 25px; }
    #your-privacy .container .content .inner h1, #legitimate-interests .container .content .inner h1, #cookie-statement .container .content .inner h1 {
      font-size: 25px; }
      #your-privacy .container .content .inner h1:first-of-type, #legitimate-interests .container .content .inner h1:first-of-type, #cookie-statement .container .content .inner h1:first-of-type {
        margin-top: 0; }
    #your-privacy .container .content .inner h2, #legitimate-interests .container .content .inner h2, #cookie-statement .container .content .inner h2 {
      font-size: 20px; }
    #your-privacy .container .content .inner table, #your-privacy .container .content .inner thead, #your-privacy .container .content .inner tbody, #your-privacy .container .content .inner tr, #your-privacy .container .content .inner th, #your-privacy .container .content .inner td, #your-privacy .container .content .inner ul, #your-privacy .container .content .inner p, #legitimate-interests .container .content .inner table, #legitimate-interests .container .content .inner thead, #legitimate-interests .container .content .inner tbody, #legitimate-interests .container .content .inner tr, #legitimate-interests .container .content .inner th, #legitimate-interests .container .content .inner td, #legitimate-interests .container .content .inner ul, #legitimate-interests .container .content .inner p, #cookie-statement .container .content .inner table, #cookie-statement .container .content .inner thead, #cookie-statement .container .content .inner tbody, #cookie-statement .container .content .inner tr, #cookie-statement .container .content .inner th, #cookie-statement .container .content .inner td, #cookie-statement .container .content .inner ul, #cookie-statement .container .content .inner p {
      font-size: 17px;
      line-height: 25px; }
    #your-privacy .container .content .inner table, #your-privacy .container .content .inner ul, #your-privacy .container .content .inner p, #legitimate-interests .container .content .inner table, #legitimate-interests .container .content .inner ul, #legitimate-interests .container .content .inner p, #cookie-statement .container .content .inner table, #cookie-statement .container .content .inner ul, #cookie-statement .container .content .inner p {
      margin-bottom: 25px; }
    #your-privacy .container .content .inner table p, #legitimate-interests .container .content .inner table p, #cookie-statement .container .content .inner table p {
      margin: 0; }
    #your-privacy .container .content .inner ul, #legitimate-interests .container .content .inner ul, #cookie-statement .container .content .inner ul {
      padding-left: 20px; }
      #your-privacy .container .content .inner ul li, #legitimate-interests .container .content .inner ul li, #cookie-statement .container .content .inner ul li {
        list-style-type: disc; }
        #your-privacy .container .content .inner ul li li, #legitimate-interests .container .content .inner ul li li, #cookie-statement .container .content .inner ul li li {
          list-style-type: circle; }
    #your-privacy .container .content .inner a, #legitimate-interests .container .content .inner a, #cookie-statement .container .content .inner a {
      color: #000;
      font-weight: 600; }
      #your-privacy .container .content .inner a:hover, #your-privacy .container .content .inner a:active, #your-privacy .container .content .inner a:focus, #legitimate-interests .container .content .inner a:hover, #legitimate-interests .container .content .inner a:active, #legitimate-interests .container .content .inner a:focus, #cookie-statement .container .content .inner a:hover, #cookie-statement .container .content .inner a:active, #cookie-statement .container .content .inner a:focus {
        text-decoration: none; }

.test-user {
  background-color: #b52f2f;
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px 30px; }

.container header {
  background-color: #075573;
  color: #fff;
  padding: 22px 15px 15px; }
  .container header img {
    max-width: 100%; }
    .container header img.print-logo {
      display: none; }
  .container header .need-help {
    font-size: 16px;
    margin-top: 20px; }
    .container header .need-help a {
      color: #fff;
      font-weight: bold;
      text-decoration: none; }

.container #loginNavigation {
  background-color: #00496b; }
  .container #loginNavigation #topNavigation {
    background-color: #00496b;
    padding: 10px 15px; }
    .container #loginNavigation #topNavigation li {
      font-size: 16px;
      line-height: 30px;
      list-style-type: none; }
      .container #loginNavigation #topNavigation li.current a {
        color: #cca32d;
        cursor: default; }
      .container #loginNavigation #topNavigation li.admin {
        border-top: 4px #00344d solid;
        display: block; 
        margin-top: 7px;
        padding-top: 10px;
      }
        .container #loginNavigation #topNavigation li.admin strong {
          font-weight: bold;
          margin-right: 10px;
		  color: #fff;
        }
        .container #loginNavigation #topNavigation li.admin ul {
          display: inline-block;
        }
      .container #loginNavigation #topNavigation li a {
        color: #fff;
        text-decoration: none; }
        .container #loginNavigation #topNavigation li a:hover, .container #loginNavigation #topNavigation li a:active, .container #loginNavigation #topNavigation li a:focus {
          color: #cca32d; }
  .container #loginNavigation #userLogin {
    background-color: #00344d;
    color: #e4e8eb;
    font-size: 16px;
    padding: 10px 15px; }
    @media (min-width: 1080px) {
      .container #loginNavigation #userLogin {
        border-bottom-style: none;
    } }
    .container #loginNavigation #userLogin a {
      color: #cca32d;
      font-weight: 600;
      text-decoration: none; }
      .container #loginNavigation #userLogin a:hover, .container #loginNavigation #userLogin a:active, .container #loginNavigation #userLogin a:focus {
        color: #fff; }

.container .content {
  clear: both;
  padding: 30px 15px 10px; }
  .container .content #message {
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
    padding: 15px 25px; }
  .container .content #message b {
	font-weight: bold;
  }
  .container .content .help-logo {
    float: left;
    margin: 0 20px 12px 0; }
  .container .content .tip, .container .content .optional {
    font-weight: 400; }
  .container .content h1.heading-small, .container .content h2.heading-small, .container .content h3.heading-small, .container .content h4.heading-small, .container .content h5.heading-small, .container .content h6.heading-small {
    margin-top: 0; color:#222;}
  .container .content h1.username, .container .content h1.welcome, .container .content h2.username, .container .content h2.welcome, .container .content h3.username, .container .content h3.welcome, .container .content h4.username, .container .content h4.welcome, .container .content h5.username, .container .content h5.welcome, .container .content h6.username, .container .content h6.welcome {
    margin: 0 0 30px; color:#222;}
  .container .content label strong, .container .content legend strong {
    font-weight: 700; }
  .container .content label .more-info, .container .content legend .more-info {
    background-image: url(../img/info.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
    color: #0b0c0c;
    font-weight: 500;
    margin-left: 5px;
    padding-left: 30px;
    white-space: nowrap; }
    .container .content label .more-info:hover, .container .content legend .more-info:hover {
      opacity: 0.8;
      text-decoration: none; }
  .container .content .heading-non-bold {
    font-weight: 400; }
  .container .content input:focus, .container .content select:focus, .container .content textarea:focus {
    outline: 3px solid #ffbf47;
    outline-offset: 0; }
  .container .content #tips {
    margin-bottom: 40px; }
    .container .content #tips p {
      font-size: 17px;
      line-height: 23px; }
      .container .content #tips p b {
        font-weight: 700; }
  .container .content #application {
    margin-bottom: 40px; }
    .container .content #application .main-section.open .form-section {
      display: block; }
    .container .content #application .main-section .tips, .container .content #application .main-section .form-section {
      display: none; }
    .container .content #application .main-section .sub-section.open .form-section {
      display: block; }
    .container .content #application .main-section .sub-section .form-section {
      display: none; }
    .container .content #application .main-section {
      background-color: #fff; }
      .container .content #application .main-section > .summary {
        background-position: left 14px center, right 16px center;
        background-repeat: no-repeat;
        background-size: 40px, 40px;
        color: #fff;
        display: block;
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 7px;
        padding: 16px 72px;
        text-shadow: 0 0 30px rgba(0, 0, 0, 0.25); }
      .container .content #application .main-section .summary {
        text-decoration: none; }
        .container .content #application .main-section .summary:active, .container .content #application .main-section .summary:focus {
          outline: 3px solid #ffbf47;
          outline-offset: 0; }
      .container .content #application .main-section .form-section {
        margin: 0 0 7px;
        padding: 20px 20px 40px; }
        .container .content #application .main-section .form-section .form-group.form-group-error .error-message {
          display: block; }
        .container .content #application .main-section .form-section .form-group .error-message {
          display: none;
          padding-bottom: 6px; }
        .container .content #application .main-section .form-section .form-group input.pound-value {
          background-image: url(../img/pound-value.png);
          background-position: left center;
          background-repeat: no-repeat;
          background-size: 34px;
          padding-left: 40px; }
          .container .content #application .main-section .form-section .form-group input.pound-value.form-control-error {
            background-image: url(../img/pound-value-error.png); }
        .container .content #application .main-section .form-section .form-group textarea {
          max-width: 100%;
          min-width: 50%; }
        .container .content #application .main-section .form-section .form-group p:last-of-type {
          margin-bottom: 8px; }
    .container .content #application #eligibility_details > .summary {
      background-color: #cca32d;
      background-image: url("../img/eligibility-details.png"), url("../img/cross.png"); }
      .container .content #application #eligibility_details > .summary.tick {
        background-image: url("../img/eligibility-details.png"), url("../img/tick.png"); }
    .container .content #application #voucher_details > .summary {
      background-color: #075573;
      background-image: url("../img/additional-info.png"), url("../img/cross.png"); }
      .container .content #application #voucher_details > .summary.tick {
        background-image: url("../img/additional-info.png"), url("../img/tick.png"); }
    .container .content #application #voucher_details #validatePIN {
      font-size: 18px;
      margin-top: 15px; }
      @media (min-width: 641px) {
        .container .content #application #voucher_details #validatePIN {
          margin: 0 0 0 15px; } }
    .container .content #application #customer_details > .summary {
      background-color: #1290a5;
      background-image: url("../img/applicant.png"), url("../img/cross.png"); }
      .container .content #application #customer_details > .summary.tick {
        background-image: url("../img/applicant.png"), url("../img/tick.png"); }
    .container .content #application #customer_details .form-hint {
      margin: 6px 0; }
    .container .content #application #customer_details #findAddress, .container .content #application #customer_details #manuallyEnterAddress {
      font-size: 18px;
      margin-top: 15px; }
    @media (min-width: 641px) {
      .container .content #application #customer_details #findAddress {
        margin: 0 0 0 15px; } }
    .container .content #application #customer_details #addressOptions {
      margin-top: 15px; }
    .container .content #application #declaration > .summary {
      background-color: #13a6bf;
      background-image: url("../img/declaration.png"), url("../img/cross.png"); }
      .container .content #application #declaration > .summary.tick {
        background-image: url("../img/declaration.png"), url("../img/tick.png"); }
    .container .content #application #declaration .form-group h1.heading-small {
      margin-bottom: 16px; }
    .container .content #application #declaration .form-group label.form-label-bold {
      padding-top: 0; }
      .container .content #application #declaration .form-group label.form-label-bold span {
        font-weight: 400; }
    .container .content #application button.submit {
      font-size: 22px;
      font-weight: 600;
      margin-top: 40px;
      padding: 10px 18px 8px; }
    .container .content #application button.save {
      font-size: 20px;
      font-weight: 500;
      padding: 8px 16px 10px; }
      .container .content #application button.save.next-to-submit {
        font-size: 22px;
        margin: 40px 25px 0 0;
        padding: 10px 18px 8px; }
        @media (max-width: 640px) {
          .container .content #application button.save.next-to-submit {
            margin-right: 0; } }
  .container .content #submitApplication {
    margin-bottom: 40px;
    margin-top: 20px; }
    .container .content #submitApplication button.submit {
      font-size: 22px;
      font-weight: 600;
      padding: 10px 18px 8px; }
  .container .content .form-group strong {
    font-weight: bold; }
  .container .content #login, .container .content #register, .container .content #forgotPassword, .container .content #createAccount, .container .content #resetPassword, .container .content #deleteApplication {
    background-color: #fff;
    margin: 10px 0 40px; }
    .container .content #login h1, .container .content #register h1, .container .content #forgotPassword h1, .container .content #createAccount h1, .container .content #resetPassword h1, .container .content #deleteApplication h1 {
      font-size: 24px;
      font-weight: 700; }
    .container .content #login p, .container .content #login div.errors, .container .content #login div.errors ul li, .container .content #register p, .container .content #register div.errors, .container .content #register div.errors ul li, .container .content #forgotPassword p, .container .content #forgotPassword div.errors, .container .content #forgotPassword div.errors ul li, .container .content #createAccount p, .container .content #createAccount div.errors, .container .content #createAccount div.errors ul li, .container .content #resetPassword p, .container .content #resetPassword div.errors, .container .content #resetPassword div.errors ul li, .container .content #deleteApplication p, .container .content #deleteApplication div.errors, .container .content #deleteApplication div.errors ul li {
      font-size: 17px;
      line-height: 23px; }
    .container .content #login p a, .container .content #register p a, .container .content #forgotPassword p a, .container .content #createAccount p a, .container .content #resetPassword p a, .container .content #deleteApplication p a {
      color: #000;
      font-size: 18px; }
      .container .content #login p a:hover, .container .content #login p a:active, .container .content #login p a:focus, .container .content #register p a:hover, .container .content #register p a:active, .container .content #register p a:focus, .container .content #forgotPassword p a:hover, .container .content #forgotPassword p a:active, .container .content #forgotPassword p a:focus, .container .content #createAccount p a:hover, .container .content #createAccount p a:active, .container .content #createAccount p a:focus, .container .content #resetPassword p a:hover, .container .content #resetPassword p a:active, .container .content #resetPassword p a:focus, .container .content #deleteApplication p a:hover, .container .content #deleteApplication p a:active, .container .content #deleteApplication p a:focus {
        color: #404142; }
    .container .content #login div.errors, .container .content #register div.errors, .container .content #forgotPassword div.errors, .container .content #createAccount div.errors, .container .content #resetPassword div.errors, .container .content #deleteApplication div.errors {
      margin-bottom: 20px;
      color: red; }
      .container .content #login div.errors ul, .container .content #register div.errors ul, .container .content #forgotPassword div.errors ul, .container .content #createAccount div.errors ul, .container .content #resetPassword div.errors ul, .container .content #deleteApplication div.errors ul {
        padding-left: 30px; }
        .container .content #login div.errors ul li, .container .content #register div.errors ul li, .container .content #forgotPassword div.errors ul li, .container .content #createAccount div.errors ul li, .container .content #resetPassword div.errors ul li, .container .content #deleteApplication div.errors ul li {
          list-style-type: disc; }
  .container .content #login p, .container .content #register p {
    margin: 0; }
  .container .content #login {
    padding: 20px 25px 25px; }
    .container .content #login .form-section .button {
      margin: 10px 0 30px; }
  .container .content #login h1, .container .content #forgotPassword h1, .container .content #createAccount h1, .container .content #resetPassword h1, .container .content #deleteApplication h1 {
    margin: 0 0 20px; }
  .container .content #login .form-section, .container .content #forgotPassword .form-section, .container .content #createAccount .form-section, .container .content #resetPassword .form-section, .container .content #deleteApplication .form-section {
    margin: 0; }
    .container .content #login .form-section .form-group, .container .content #forgotPassword .form-section .form-group, .container .content #createAccount .form-section .form-group, .container .content #resetPassword .form-section .form-group, .container .content #deleteApplication .form-section .form-group {
      margin-bottom: 20px; }
    .container .content #login .form-section .button, .container .content #forgotPassword .form-section .button, .container .content #createAccount .form-section .button, .container .content #resetPassword .form-section .button, .container .content #deleteApplication .form-section .button {
      font-size: 22px;
      font-weight: 600;
      padding: 10px 18px 8px; }
  .container .content #register, .container .content #forgotPassword, .container .content #resetPassword, .container .content #deleteApplication {
    padding: 20px 25px 30px; }
  .container .content #register h1 {
    margin: 0 0 25px; }
  .container .content #register .individual, .container .content #register .agent {
    overflow: hidden; }
    .container .content #register .individual h2, .container .content #register .agent h2 {
      font-size: 18px;
      padding-top: 7px; }
    .container .content #register .individual img, .container .content #register .agent img {
      float: left;
      margin-right: 25px;
      height: 64px;
      width: 64px; }
  .container .content #register .individual {
    border-bottom: 1px #adaeb3 solid;
    margin-bottom: 30px;
    padding-bottom: 30px; }
  .container .content #forgotPassword p, .container .content #forgotPassword div.errors, .container .content #resetPassword p, .container .content #resetPassword div.errors, .container .content #deleteApplication p, .container .content #deleteApplication div.errors {
    margin-bottom: 15px; }
  .container .content #forgotPassword .form-section .button, .container .content #resetPassword .form-section .button, .container .content #deleteApplication .form-section .button {
    margin-top: 10px; }
  .container .content #createAccount {
    padding: 20px 25px 35px; }
    .container .content #createAccount .form-section .button {
      margin-top: 10px; }
    .container .content #createAccount #passwordRequirements ul {
      padding-left: 30px; }
      .container .content #createAccount #passwordRequirements ul li {
        font-size: 17px;
        line-height: 23px;
        list-style-type: disc; }
  .container .content #deleteApplication .item {
    font-weight: 600; }
  .container .content #deleteApplication .back-link {
    color: #000;
    display: inline-block;
    font-size: 18px;
    margin-top: 35px; }
    .container .content #deleteApplication .back-link:hover, .container .content #deleteApplication .back-link:active {
      color: #000; }

.container footer {
  background-color: #003f5c;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  padding: 19px 25px 13px; }
  .container footer span {
    white-space: nowrap; }
  .container footer .version {
    font-weight: 400; }
  .container footer ul {
    border-top: 2px rgba(255,255,255,0.25) solid;
    font-size: 16px;
    margin: 8px 0 0;
    padding: 13px 0 0; }
    .container footer ul li {
      list-style-type: none; }
      .container footer ul li a {
        color: #fff;
        font-weight: 400;
        text-decoration: none; }
        .container footer ul li a:hover, .container footer ul li a:active, .container footer ul li a:focus {
          text-decoration: underline; }

@media (max-width: 479px) {
  .hide-xs {
    display: none; } }

@media (min-width: 480px) {
  .container #loginNavigation #topNavigation li {
    display: inline-block;
    line-height: 24px;
    margin-right: 15px; }
  .container footer ul {
    font-size: 0; }
    .container footer ul li {
      display: inline-block;
      font-size: 16px;
      margin-right: 15px; }
  #submit-application #submitMessage .help-logo {
    float: left;
    margin: 0 40px 300px 0; } }

@media (min-width: 480px) and (max-width: 767px) {
  .hide-qs {
    display: none; } }

@media (min-width: 480px) and (max-width: 989px) {
  .container header .need-help .need-some-help, .container header .need-help .call-the-team {
    display: inline-block; } }

@media (min-width: 641px) {
  .container header .need-help {
    font-size: 18px;
    line-height: 25px; }
  .container .content #application #applicant #dob_month {
    margin: 0 25px; }
  .container .content #application #finances .sub-section .form-section .form-group {
    border-bottom: 1px #b6b7bc solid;
    margin-bottom: 0;
    padding: 25px 16px; }
    .container .content #application #finances .sub-section .form-section .form-group label.row-field {
      display: inline-block;
      line-height: 38px;
      margin-right: 25px;
      width: 240px; }
    .container .content #application #finances .sub-section .form-section .form-group button.clear-values {
      margin: 0 50px 25px 0; }
    .container .content #application #finances .sub-section .form-section .form-group .other {
      margin: 0 0 25px 0; }
    .container .content #application #finances .sub-section .form-section .form-group .frequency {
      margin: 0 25px 0 0; }
    .container .content #application #finances .sub-section .form-section .form-group .amount-owed {
      margin: 0 0 25px 0; }
    .container .content #application #finances .sub-section .form-section .form-group .regular-payment, .container .content #application #finances .sub-section .form-section .form-group .payments-from-benefit {
      margin: 0 25px 25px 0; }
  .container .content #application #your_circumstances #illness_household_impact, .container .content #application #your_circumstances #learning_difficulty_effects, .container .content #application #your_circumstances #bereavement_impact, .container .content #application #your_circumstances #reduced_income_impact, .container .content #application #your_circumstances #exceptional_circumstances_explanation, .container .content #application #your_circumstances #your_circumstances_details, .container .content #application #your_circumstances #how_keep_up_with_future_payments {
    min-height: 300px;
    width: 100%; }
  .container .content #gateway_criteria #personal_circumstances_changed_details {
    min-height: 300px; } }

@media (max-width: 767px) {
  #part-completed-forms .container .content table thead th.last-name, #part-completed-forms .container .content table thead td.last-name, #part-completed-forms .container .content table tbody th.last-name, #part-completed-forms .container .content table tbody td.last-name, #manage-users .container .content table thead th.last-name, #manage-users .container .content table thead td.last-name, #manage-users .container .content table tbody th.last-name, #manage-users .container .content table tbody td.last-name {
    padding-left: 20px; } }

@media (min-width: 768px) {
  #part-completed-forms .container .content table thead th.first-name, #part-completed-forms .container .content table thead td.first-name, #part-completed-forms .container .content table tbody th.first-name, #part-completed-forms .container .content table tbody td.first-name, #manage-users .container .content table thead th.first-name, #manage-users .container .content table thead td.first-name, #manage-users .container .content table tbody th.first-name, #manage-users .container .content table tbody td.first-name {
    padding-left: 20px; }
  #part-completed-forms .container .content table thead th:last-of-type, #part-completed-forms .container .content table thead td:last-of-type, #part-completed-forms .container .content table tbody th:last-of-type, #part-completed-forms .container .content table tbody td:last-of-type, #manage-users .container .content table thead th:last-of-type, #manage-users .container .content table thead td:last-of-type, #manage-users .container .content table tbody th:last-of-type, #manage-users .container .content table tbody td:last-of-type {
    padding-right: 20px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .hide-sm {
    display: none; } }

@media (max-width: 989px) {
  #tips {
    display: none; }
  .tips p b {
    font-weight: 700; }
  #eligbility_details .tips .help-logo {
    border-color: #2bb77d; }
  #voucher_details .tips .help-logo {
    border-color: #00a586; }
  #customer_details .tips .help-logo {
    border-color: #008f8c; }
  #declaration .tips .help-logo {
    border-color: #00667b; }
  .main-section .tips {
    padding: 20px 20px 0; }
    .main-section .tips .help-logo {
      border-radius: 100%;
      border-style: dashed;
      border-width: 2px; } }

@media (min-width: 1080px) {
  .container header {
    padding: 28px 25px 20px; }
    .container header .need-help {
      float: right;
      margin-top: 3px;
      text-align: right; }
      .container header .need-help a {
        color: #fff;
        font-weight: bold;
        text-decoration: none; }
  .container #loginNavigation #topNavigation, .container #loginNavigation #userLogin {
    display: inline-block; }
  .container #loginNavigation #topNavigation {
    font-size: 0; }
    .container #loginNavigation #topNavigation li {
      font-size: 17px;
      margin-right: 15px; }
      .container #loginNavigation #topNavigation li:last-of-type {
        margin-right: 0; }
  .container #loginNavigation #userLogin {
    float: right;
    font-size: 17px;
    line-height: 24px; }
    .container #loginNavigation #userLogin strong {
      font-weight: 600; }
  .container .content {
    padding: 40px 30px 10px;
    overflow: hidden; }
    .container .content #tips {
      float: left;
      width: 30%; }
      .container .content #tips .hidden {
        display: none; }
      .container .content #tips .section {
        background-color: #fff;
        padding: 45px 20px 20px;
        overflow: hidden;
        position: relative; }
        .container .content #tips .section:before {
          color: #fff;
          content: 'HELP FROM OZZIE';
          font-size: 15px;
          left: 0;
          line-height: 23px;
          padding: 3px 11px;
          position: absolute;
          top: 0; }
        .container .content #tips .section p:last-of-type {
          margin-bottom: 0; }
      .container .content #tips .intro:before, .container .content #tips .referral-intro:before {
        background-color: #63297c; }
      .container .content #tips .applicant, .container .content #tips .referring-person {
        margin-top: 98px; }
        .container .content #tips .applicant:before, .container .content #tips .referring-person:before {
          background-color: #532267; }
      .container .content #tips .your-building, .container .content #tips .referred-customer-details {
        margin-top: 167px; }
        .container .content #tips .your-building:before, .container .content #tips .referred-customer-details:before {
          background-color: #63297c; }
      .container .content #tips .construction, .container .content #tips .nature-of-referral {
        margin-top: 236px; }
        .container .content #tips .construction:before, .container .content #tips .nature-of-referral:before {
          background-color: #712F8E; }
      .container .content #tips .keeping-warm-hot-water {
        margin-top: 305px; }
        .container .content #tips .keeping-warm-hot-water:before {
          background-color: #8035A1; }
      .container .content #tips .appliances {
        margin-top: 374px; }
        .container .content #tips .appliances:before {
          background-color: #712F8E; }
    .container .content #application {
      width: 63%; }
      .container .content #application details.main-section .tips, .container .content #application .main-section .tips {
        display: none; }
      .container .content #application details.main-section .form-section .sub-section .form-section, .container .content #application .main-section .form-section .sub-section .form-section {
        padding: 0 0 40px; }
      .container .content #application #home_and_family #homeSharedWith .person fieldset legend {
        float: left; }
    .container .content #gateway_criteria #personal_circumstances_changed_details {
      min-height: 400px; }
    .container .content #submitApplication {
      float: right;
      width: 55%; }
    .container .content #forgotPassword, .container .content #createAccount, .container .content #resetPassword, .container .content #deleteApplication {
      width: 55%; } }

@media (min-width: 1025px) {
  body {
    padding: 15px 15px 30px; }
  .container header {
    padding: 28px 30px 20px; }
  .container #loginNavigation #topNavigation {
    padding: 15px 10px 12px 30px; }
  .container #loginNavigation #userLogin {
    padding: 15px 30px 12px 25px; }
  .container .content {
    /*#application {
				width: 55%;
			}*/ }
    .container .content #tips {
      width: 38%; }
  .container footer {
    padding: 17px 30px 10px; } }

@media (min-width: 1200px) {
  .container header .need-help {
    font-size: 20px;
    line-height: 28px;
    margin-top: 0; }
  .container .content #application #finances .sub-section .form-section .form-group label.row-field {
    width: 360px; }
  .container .content #application #finances .sub-section .form-section .form-group button.clear-values {
    margin: 0 0 25px 0; }
  .container .content #forgotPassword, .container .content #resetPassword, .container .content #deleteApplication {
    width: 46%; }
  .container footer {
    overflow: hidden; }
    .container footer div {
      float: left;
      width: 600px; }
    .container footer ul {
      border-style: none;
      float: right;
      margin: 0;
      padding: 0;
      text-align: right;
      width: 450px; }
      .container footer ul li {
        margin: 0 0 0 15px; } }

#application > .error-summary {
  background-color: #fff;
  display: none;
  margin-bottom: 5px;
  margin-top: 40px; }
  #application > .error-summary.shown {
    display: block; }

.voucher-block {
  border-top: 1px #b6b7bc solid;
  border-bottom: 1px #b6b7bc solid;
  padding: 25px 20px 0;
  background-color:#f5f5f5;
  margin-bottom: 20px; }