@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

pre code {
    background-color: #EEE;
    border: 1px solid #DDD;
    display: block;
    font-size: 1.4rem;
    padding: 0 1.5rem
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    box-sizing: border-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

legend {
    border: 0
}

blockquote,
caption,
dd,
dl,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
    margin: 0;
    padding: 0
}

button:invalid,
input:invalid,
select:invalid,
textarea:invalid {
    box-shadow: none
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    z-index: 1
}

input[type=month],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
input[type=number],
input[type=search],
input[type=date],
input[type=email],
select,
textarea {
    margin: 0;
    display: inline-block;
    width: 100%;
    background-clip: border-box;
    border-radius: 0;
    outline: 0;
    text-align: left;
    font: 400 16px/1.5 sans-serif;
    vertical-align: top;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}

.lte-ie9 select,
select[multiple],
select[size] {
    background-image: none;
    padding-right: 12px
}

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

input[type=search]::-webkit-search-decoration {
    display: none
}

optgroup {
    font-style: normal;
    font-weight: 400;
    font-family: sans-serif
}

optgroup::-moz-focus-inner {
    border: 0;
    padding: 0
}

.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    display: inline-block;
    width: auto;
    margin: 0;
    border: 0;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    font: 400 16px/100% sans-serif;
    -webkit-appearance: none
}

.button:focus,
.button:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    text-decoration: none
}

.button::-moz-focus-inner,
button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0
}

.button[disabled],
button[disabled],
input[disabled],
select[disabled],
select[disabled] optgroup,
select[disabled] option,
textarea[disabled] {
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button[disabled]:hover,
button[disabled]:hover,
input[disabled]:hover,
select[disabled] optgroup:hover,
select[disabled] option:hover,
select[disabled]:hover,
textarea[disabled]:hover {
    cursor: not-allowed
}

.label,
label {
    display: block
}

textarea:active,
textarea:focus {
    cursor: text;
    outline: 0
}

@font-face {
    font-family: leeds-building-society-myleeds;
    src: url(../../assets/static/fonts/leeds-building-society-myleeds.eot);
    src: url(.././assets/static/fonts/leeds-building-society-myleeds.eot?#iefix) format("embedded-opentype"), url(../../assets/static/fonts/leeds-building-society-myleeds.woff) format("woff"), url(../../assets/static/fonts/leeds-building-society-myleeds.ttf) format("truetype"), url(../../assets/static/fonts/leeds-building-society-myleeds.svg#leeds-building-society-myleeds) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: leeds-building-society-myleeds!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: attr(data-icon)
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: leeds-building-society-myleeds!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-check:before {
    content: "\61"
}

.icon-cross:before {
    content: "\62"
}

.icon-house:before {
    content: "\63"
}

.icon-money:before {
    content: "\64"
}

.icon-question-circle:before {
    content: "\65"
}

.icon-sale:before {
    content: "\66"
}

.icon-user-circle:before {
    content: "\67"
}

.icon-clock:before {
    content: "\69"
}

.icon-list:before {
    content: "\6a"
}

.icon-question:before {
    content: "\6b"
}

.icon-arrow-up:before {
    content: "\6c"
}

.icon-arrow-down:before {
    content: "\6d"
}

.icon-arrow-left:before {
    content: "\6e"
}

.icon-arrow-right:before {
    content: "\6f"
}

.icon-pound:before {
    content: "\70"
}

.icon-power:before {
    content: "\72"
}

.icon-calculator:before {
    content: "\71"
}

.icon-calendar:before {
    content: "\73"
}

.icon-exclamation:before {
    content: "\75"
}

.icon-document:before {
    content: "\76"
}

.icon-percent:before {
    content: "\77"
}

.icon-plus:before {
    content: "\78"
}

.icon-envelope-2:before {
    content: "\68"
}

.icon-search:before {
    content: "\74"
}

.icon-trash:before {
    content: "\79"
}

.icon-envelope:before {
    content: "\7a"
}

.icon-phone:before {
    content: "\41"
}

.icon-phone-arrow:before {
    content: "\42"
}

.icon-double-envelope:before {
    content: "\43"
}

.icon-chat:before {
    content: "\4a"
}

.icon-pig:before {
    content: "\4b"
}

.icon-save:before {
    content: "\44"
}

.icon-user01:before {
    content: "\45"
}

.icon-user02:before {
    content: "\46"
}

.icon-lock:before {
    content: "\47"
}

.icon-reload:before {
    content: "\48"
}

.hidden {
    display: none;
    visibility: hidden
}

.ir {
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

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

.invisible {
    visibility: hidden
}

.cf:after {
    content: "";
    display: table;
    clear: both
}

[class*='-block-grid-'] {
    margin: 0;
    padding: 0;
    list-style: none
}

[class*='-block-grid-']:after {
    content: "";
    display: table;
    clear: both
}

[class*='-block-grid-']>* {
    display: block;
    float: left
}

[class*='-padded-block-grid-'] {
    margin-left: -1rem;
    margin-right: -1rem
}

[class*='-padded-block-grid-']>* {
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem
}

[class*='-padded-block-grid-']>:first-child {
    margin-top: 0
}

.base-block-grid-1>* {
    width: 4.16667%
}

.base-block-grid-2>* {
    width: 8.33333%
}

.base-block-grid-3>* {
    width: 12.5%
}

.base-block-grid-4>* {
    width: 16.66667%
}

.base-block-grid-5>* {
    width: 20.83333%
}

.base-block-grid-6>* {
    width: 25%
}

.base-block-grid-7>* {
    width: 29.16667%
}

.base-block-grid-8>* {
    width: 33.33333%
}

.base-block-grid-9>* {
    width: 37.5%
}

.base-block-grid-10>* {
    width: 41.66667%
}

.base-block-grid-11>* {
    width: 45.83333%
}

.base-block-grid-12>* {
    width: 50%
}

.base-block-grid-13>* {
    width: 54.16667%
}

.base-block-grid-14>* {
    width: 58.33333%
}

.base-block-grid-15>* {
    width: 62.5%
}

.base-block-grid-16>* {
    width: 66.66667%
}

.base-block-grid-17>* {
    width: 70.83333%
}

.base-block-grid-18>* {
    width: 75%
}

.base-block-grid-19>* {
    width: 79.16667%
}

.base-block-grid-20>* {
    width: 83.33333%
}

.base-block-grid-21>* {
    width: 87.5%
}

.base-block-grid-22>* {
    width: 91.66667%
}

.base-block-grid-23>* {
    width: 95.83333%
}

.base-block-grid-24>* {
    width: 100%
}

.base-padded-block-grid-1>* {
    width: 4.16667%
}

.base-padded-block-grid-2>* {
    width: 8.33333%
}

.base-padded-block-grid-3>* {
    width: 12.5%
}

.base-padded-block-grid-4>* {
    width: 16.66667%
}

.base-padded-block-grid-5>* {
    width: 20.83333%
}

.base-padded-block-grid-6>* {
    width: 25%
}

.base-padded-block-grid-7>* {
    width: 29.16667%
}

.base-padded-block-grid-8>* {
    width: 33.33333%
}

.base-padded-block-grid-9>* {
    width: 37.5%
}

.base-padded-block-grid-10>* {
    width: 41.66667%
}

.base-padded-block-grid-11>* {
    width: 45.83333%
}

.base-padded-block-grid-12>* {
    width: 50%
}

.base-padded-block-grid-13>* {
    width: 54.16667%
}

.base-padded-block-grid-14>* {
    width: 58.33333%
}

.base-padded-block-grid-15>* {
    width: 62.5%
}

.base-padded-block-grid-16>* {
    width: 66.66667%
}

.base-padded-block-grid-17>* {
    width: 70.83333%
}

.base-padded-block-grid-18>* {
    width: 75%
}

.base-padded-block-grid-19>* {
    width: 79.16667%
}

.base-padded-block-grid-20>* {
    width: 83.33333%
}

.base-padded-block-grid-21>* {
    width: 87.5%
}

.base-padded-block-grid-22>* {
    width: 91.66667%
}

.base-padded-block-grid-23>* {
    width: 95.83333%
}

.base-padded-block-grid-24>* {
    width: 100%
}

@media only screen and (min-width:400px) {
    .phone-block-grid-1>* {
        width: 4.16667%
    }
    .phone-block-grid-2>* {
        width: 8.33333%
    }
    .phone-block-grid-3>* {
        width: 12.5%
    }
    .phone-block-grid-4>* {
        width: 16.66667%
    }
    .phone-block-grid-5>* {
        width: 20.83333%
    }
    .phone-block-grid-6>* {
        width: 25%
    }
    .phone-block-grid-7>* {
        width: 29.16667%
    }
    .phone-block-grid-8>* {
        width: 33.33333%
    }
    .phone-block-grid-9>* {
        width: 37.5%
    }
    .phone-block-grid-10>* {
        width: 41.66667%
    }
    .phone-block-grid-11>* {
        width: 45.83333%
    }
    .phone-block-grid-12>* {
        width: 50%
    }
    .phone-block-grid-13>* {
        width: 54.16667%
    }
    .phone-block-grid-14>* {
        width: 58.33333%
    }
    .phone-block-grid-15>* {
        width: 62.5%
    }
    .phone-block-grid-16>* {
        width: 66.66667%
    }
    .phone-block-grid-17>* {
        width: 70.83333%
    }
    .phone-block-grid-18>* {
        width: 75%
    }
    .phone-block-grid-19>* {
        width: 79.16667%
    }
    .phone-block-grid-20>* {
        width: 83.33333%
    }
    .phone-block-grid-21>* {
        width: 87.5%
    }
    .phone-block-grid-22>* {
        width: 91.66667%
    }
    .phone-block-grid-23>* {
        width: 95.83333%
    }
    .phone-block-grid-24>* {
        width: 100%
    }
    .phone-padded-block-grid-1>* {
        width: 4.16667%
    }
    .phone-padded-block-grid-2>* {
        width: 8.33333%
    }
    .phone-padded-block-grid-3>* {
        width: 12.5%
    }
    .phone-padded-block-grid-4>* {
        width: 16.66667%
    }
    .phone-padded-block-grid-5>* {
        width: 20.83333%
    }
    .phone-padded-block-grid-6>* {
        width: 25%
    }
    .phone-padded-block-grid-7>* {
        width: 29.16667%
    }
    .phone-padded-block-grid-8>* {
        width: 33.33333%
    }
    .phone-padded-block-grid-9>* {
        width: 37.5%
    }
    .phone-padded-block-grid-10>* {
        width: 41.66667%
    }
    .phone-padded-block-grid-11>* {
        width: 45.83333%
    }
    .phone-padded-block-grid-12>* {
        width: 50%
    }
    .phone-padded-block-grid-13>* {
        width: 54.16667%
    }
    .phone-padded-block-grid-14>* {
        width: 58.33333%
    }
    .phone-padded-block-grid-15>* {
        width: 62.5%
    }
    .phone-padded-block-grid-16>* {
        width: 66.66667%
    }
    .phone-padded-block-grid-17>* {
        width: 70.83333%
    }
    .phone-padded-block-grid-18>* {
        width: 75%
    }
    .phone-padded-block-grid-19>* {
        width: 79.16667%
    }
    .phone-padded-block-grid-20>* {
        width: 83.33333%
    }
    .phone-padded-block-grid-21>* {
        width: 87.5%
    }
    .phone-padded-block-grid-22>* {
        width: 91.66667%
    }
    .phone-padded-block-grid-23>* {
        width: 95.83333%
    }
    .phone-padded-block-grid-24>* {
        width: 100%
    }
}

@media only screen and (min-width:480px) {
    .phone-wide-block-grid-1>* {
        width: 4.16667%
    }
    .phone-wide-block-grid-2>* {
        width: 8.33333%
    }
    .phone-wide-block-grid-3>* {
        width: 12.5%
    }
    .phone-wide-block-grid-4>* {
        width: 16.66667%
    }
    .phone-wide-block-grid-5>* {
        width: 20.83333%
    }
    .phone-wide-block-grid-6>* {
        width: 25%
    }
    .phone-wide-block-grid-7>* {
        width: 29.16667%
    }
    .phone-wide-block-grid-8>* {
        width: 33.33333%
    }
    .phone-wide-block-grid-9>* {
        width: 37.5%
    }
    .phone-wide-block-grid-10>* {
        width: 41.66667%
    }
    .phone-wide-block-grid-11>* {
        width: 45.83333%
    }
    .phone-wide-block-grid-12>* {
        width: 50%
    }
    .phone-wide-block-grid-13>* {
        width: 54.16667%
    }
    .phone-wide-block-grid-14>* {
        width: 58.33333%
    }
    .phone-wide-block-grid-15>* {
        width: 62.5%
    }
    .phone-wide-block-grid-16>* {
        width: 66.66667%
    }
    .phone-wide-block-grid-17>* {
        width: 70.83333%
    }
    .phone-wide-block-grid-18>* {
        width: 75%
    }
    .phone-wide-block-grid-19>* {
        width: 79.16667%
    }
    .phone-wide-block-grid-20>* {
        width: 83.33333%
    }
    .phone-wide-block-grid-21>* {
        width: 87.5%
    }
    .phone-wide-block-grid-22>* {
        width: 91.66667%
    }
    .phone-wide-block-grid-23>* {
        width: 95.83333%
    }
    .phone-wide-block-grid-24>* {
        width: 100%
    }
    .phone-wide-padded-block-grid-1>* {
        width: 4.16667%
    }
    .phone-wide-padded-block-grid-2>* {
        width: 8.33333%
    }
    .phone-wide-padded-block-grid-3>* {
        width: 12.5%
    }
    .phone-wide-padded-block-grid-4>* {
        width: 16.66667%
    }
    .phone-wide-padded-block-grid-5>* {
        width: 20.83333%
    }
    .phone-wide-padded-block-grid-6>* {
        width: 25%
    }
    .phone-wide-padded-block-grid-7>* {
        width: 29.16667%
    }
    .phone-wide-padded-block-grid-8>* {
        width: 33.33333%
    }
    .phone-wide-padded-block-grid-9>* {
        width: 37.5%
    }
    .phone-wide-padded-block-grid-10>* {
        width: 41.66667%
    }
    .phone-wide-padded-block-grid-11>* {
        width: 45.83333%
    }
    .phone-wide-padded-block-grid-12>* {
        width: 50%
    }
    .phone-wide-padded-block-grid-13>* {
        width: 54.16667%
    }
    .phone-wide-padded-block-grid-14>* {
        width: 58.33333%
    }
    .phone-wide-padded-block-grid-15>* {
        width: 62.5%
    }
    .phone-wide-padded-block-grid-16>* {
        width: 66.66667%
    }
    .phone-wide-padded-block-grid-17>* {
        width: 70.83333%
    }
    .phone-wide-padded-block-grid-18>* {
        width: 75%
    }
    .phone-wide-padded-block-grid-19>* {
        width: 79.16667%
    }
    .phone-wide-padded-block-grid-20>* {
        width: 83.33333%
    }
    .phone-wide-padded-block-grid-21>* {
        width: 87.5%
    }
    .phone-wide-padded-block-grid-22>* {
        width: 91.66667%
    }
    .phone-wide-padded-block-grid-23>* {
        width: 95.83333%
    }
    .phone-wide-padded-block-grid-24>* {
        width: 100%
    }
}

@media only screen and (min-width:640px) {
    .tablet-small-block-grid-1>* {
        width: 4.16667%
    }
    .tablet-small-block-grid-2>* {
        width: 8.33333%
    }
    .tablet-small-block-grid-3>* {
        width: 12.5%
    }
    .tablet-small-block-grid-4>* {
        width: 16.66667%
    }
    .tablet-small-block-grid-5>* {
        width: 20.83333%
    }
    .tablet-small-block-grid-6>* {
        width: 25%
    }
    .tablet-small-block-grid-7>* {
        width: 29.16667%
    }
    .tablet-small-block-grid-8>* {
        width: 33.33333%
    }
    .tablet-small-block-grid-9>* {
        width: 37.5%
    }
    .tablet-small-block-grid-10>* {
        width: 41.66667%
    }
    .tablet-small-block-grid-11>* {
        width: 45.83333%
    }
    .tablet-small-block-grid-12>* {
        width: 50%
    }
    .tablet-small-block-grid-13>* {
        width: 54.16667%
    }
    .tablet-small-block-grid-14>* {
        width: 58.33333%
    }
    .tablet-small-block-grid-15>* {
        width: 62.5%
    }
    .tablet-small-block-grid-16>* {
        width: 66.66667%
    }
    .tablet-small-block-grid-17>* {
        width: 70.83333%
    }
    .tablet-small-block-grid-18>* {
        width: 75%
    }
    .tablet-small-block-grid-19>* {
        width: 79.16667%
    }
    .tablet-small-block-grid-20>* {
        width: 83.33333%
    }
    .tablet-small-block-grid-21>* {
        width: 87.5%
    }
    .tablet-small-block-grid-22>* {
        width: 91.66667%
    }
    .tablet-small-block-grid-23>* {
        width: 95.83333%
    }
    .tablet-small-block-grid-24>* {
        width: 100%
    }
    .tablet-small-padded-block-grid-1>* {
        width: 4.16667%
    }
    .tablet-small-padded-block-grid-2>* {
        width: 8.33333%
    }
    .tablet-small-padded-block-grid-3>* {
        width: 12.5%
    }
    .tablet-small-padded-block-grid-4>* {
        width: 16.66667%
    }
    .tablet-small-padded-block-grid-5>* {
        width: 20.83333%
    }
    .tablet-small-padded-block-grid-6>* {
        width: 25%
    }
    .tablet-small-padded-block-grid-7>* {
        width: 29.16667%
    }
    .tablet-small-padded-block-grid-8>* {
        width: 33.33333%
    }
    .tablet-small-padded-block-grid-9>* {
        width: 37.5%
    }
    .tablet-small-padded-block-grid-10>* {
        width: 41.66667%
    }
    .tablet-small-padded-block-grid-11>* {
        width: 45.83333%
    }
    .tablet-small-padded-block-grid-12>* {
        width: 50%
    }
    .tablet-small-padded-block-grid-13>* {
        width: 54.16667%
    }
    .tablet-small-padded-block-grid-14>* {
        width: 58.33333%
    }
    .tablet-small-padded-block-grid-15>* {
        width: 62.5%
    }
    .tablet-small-padded-block-grid-16>* {
        width: 66.66667%
    }
    .tablet-small-padded-block-grid-17>* {
        width: 70.83333%
    }
    .tablet-small-padded-block-grid-18>* {
        width: 75%
    }
    .tablet-small-padded-block-grid-19>* {
        width: 79.16667%
    }
    .tablet-small-padded-block-grid-20>* {
        width: 83.33333%
    }
    .tablet-small-padded-block-grid-21>* {
        width: 87.5%
    }
    .tablet-small-padded-block-grid-22>* {
        width: 91.66667%
    }
    .tablet-small-padded-block-grid-23>* {
        width: 95.83333%
    }
    .tablet-small-padded-block-grid-24>* {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    [class*='-padded-block-grid-'] {
        margin-left: -1.2rem;
        margin-right: -1.2rem
    }
    [class*='-padded-block-grid-']>* {
        margin-top: 2.4rem;
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
    .tablet-block-grid-1>* {
        width: 4.16667%
    }
    .tablet-block-grid-2>* {
        width: 8.33333%
    }
    .tablet-block-grid-3>* {
        width: 12.5%
    }
    .tablet-block-grid-4>* {
        width: 16.66667%
    }
    .tablet-block-grid-5>* {
        width: 20.83333%
    }
    .tablet-block-grid-6>* {
        width: 25%
    }
    .tablet-block-grid-7>* {
        width: 29.16667%
    }
    .tablet-block-grid-8>* {
        width: 33.33333%
    }
    .tablet-block-grid-9>* {
        width: 37.5%
    }
    .tablet-block-grid-10>* {
        width: 41.66667%
    }
    .tablet-block-grid-11>* {
        width: 45.83333%
    }
    .tablet-block-grid-12>* {
        width: 50%
    }
    .tablet-block-grid-13>* {
        width: 54.16667%
    }
    .tablet-block-grid-14>* {
        width: 58.33333%
    }
    .tablet-block-grid-15>* {
        width: 62.5%
    }
    .tablet-block-grid-16>* {
        width: 66.66667%
    }
    .tablet-block-grid-17>* {
        width: 70.83333%
    }
    .tablet-block-grid-18>* {
        width: 75%
    }
    .tablet-block-grid-19>* {
        width: 79.16667%
    }
    .tablet-block-grid-20>* {
        width: 83.33333%
    }
    .tablet-block-grid-21>* {
        width: 87.5%
    }
    .tablet-block-grid-22>* {
        width: 91.66667%
    }
    .tablet-block-grid-23>* {
        width: 95.83333%
    }
    .tablet-block-grid-24>* {
        width: 100%
    }
    .tablet-padded-block-grid-1>* {
        width: 4.16667%
    }
    .tablet-padded-block-grid-2>* {
        width: 8.33333%
    }
    .tablet-padded-block-grid-3>* {
        width: 12.5%
    }
    .tablet-padded-block-grid-4>* {
        width: 16.66667%
    }
    .tablet-padded-block-grid-5>* {
        width: 20.83333%
    }
    .tablet-padded-block-grid-6>* {
        width: 25%
    }
    .tablet-padded-block-grid-7>* {
        width: 29.16667%
    }
    .tablet-padded-block-grid-8>* {
        width: 33.33333%
    }
    .tablet-padded-block-grid-9>* {
        width: 37.5%
    }
    .tablet-padded-block-grid-10>* {
        width: 41.66667%
    }
    .tablet-padded-block-grid-11>* {
        width: 45.83333%
    }
    .tablet-padded-block-grid-12>* {
        width: 50%
    }
    .tablet-padded-block-grid-13>* {
        width: 54.16667%
    }
    .tablet-padded-block-grid-14>* {
        width: 58.33333%
    }
    .tablet-padded-block-grid-15>* {
        width: 62.5%
    }
    .tablet-padded-block-grid-16>* {
        width: 66.66667%
    }
    .tablet-padded-block-grid-17>* {
        width: 70.83333%
    }
    .tablet-padded-block-grid-18>* {
        width: 75%
    }
    .tablet-padded-block-grid-19>* {
        width: 79.16667%
    }
    .tablet-padded-block-grid-20>* {
        width: 83.33333%
    }
    .tablet-padded-block-grid-21>* {
        width: 87.5%
    }
    .tablet-padded-block-grid-22>* {
        width: 91.66667%
    }
    .tablet-padded-block-grid-23>* {
        width: 95.83333%
    }
    .tablet-padded-block-grid-24>* {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .tablet-wide-block-grid-1>* {
        width: 4.16667%
    }
    .tablet-wide-block-grid-2>* {
        width: 8.33333%
    }
    .tablet-wide-block-grid-3>* {
        width: 12.5%
    }
    .tablet-wide-block-grid-4>* {
        width: 16.66667%
    }
    .tablet-wide-block-grid-5>* {
        width: 20.83333%
    }
    .tablet-wide-block-grid-6>* {
        width: 25%
    }
    .tablet-wide-block-grid-7>* {
        width: 29.16667%
    }
    .tablet-wide-block-grid-8>* {
        width: 33.33333%
    }
    .tablet-wide-block-grid-9>* {
        width: 37.5%
    }
    .tablet-wide-block-grid-10>* {
        width: 41.66667%
    }
    .tablet-wide-block-grid-11>* {
        width: 45.83333%
    }
    .tablet-wide-block-grid-12>* {
        width: 50%
    }
    .tablet-wide-block-grid-13>* {
        width: 54.16667%
    }
    .tablet-wide-block-grid-14>* {
        width: 58.33333%
    }
    .tablet-wide-block-grid-15>* {
        width: 62.5%
    }
    .tablet-wide-block-grid-16>* {
        width: 66.66667%
    }
    .tablet-wide-block-grid-17>* {
        width: 70.83333%
    }
    .tablet-wide-block-grid-18>* {
        width: 75%
    }
    .tablet-wide-block-grid-19>* {
        width: 79.16667%
    }
    .tablet-wide-block-grid-20>* {
        width: 83.33333%
    }
    .tablet-wide-block-grid-21>* {
        width: 87.5%
    }
    .tablet-wide-block-grid-22>* {
        width: 91.66667%
    }
    .tablet-wide-block-grid-23>* {
        width: 95.83333%
    }
    .tablet-wide-block-grid-24>* {
        width: 100%
    }
    .tablet-wide-padded-block-grid-1>* {
        width: 4.16667%
    }
    .tablet-wide-padded-block-grid-2>* {
        width: 8.33333%
    }
    .tablet-wide-padded-block-grid-3>* {
        width: 12.5%
    }
    .tablet-wide-padded-block-grid-4>* {
        width: 16.66667%
    }
    .tablet-wide-padded-block-grid-5>* {
        width: 20.83333%
    }
    .tablet-wide-padded-block-grid-6>* {
        width: 25%
    }
    .tablet-wide-padded-block-grid-7>* {
        width: 29.16667%
    }
    .tablet-wide-padded-block-grid-8>* {
        width: 33.33333%
    }
    .tablet-wide-padded-block-grid-9>* {
        width: 37.5%
    }
    .tablet-wide-padded-block-grid-10>* {
        width: 41.66667%
    }
    .tablet-wide-padded-block-grid-11>* {
        width: 45.83333%
    }
    .tablet-wide-padded-block-grid-12>* {
        width: 50%
    }
    .tablet-wide-padded-block-grid-13>* {
        width: 54.16667%
    }
    .tablet-wide-padded-block-grid-14>* {
        width: 58.33333%
    }
    .tablet-wide-padded-block-grid-15>* {
        width: 62.5%
    }
    .tablet-wide-padded-block-grid-16>* {
        width: 66.66667%
    }
    .tablet-wide-padded-block-grid-17>* {
        width: 70.83333%
    }
    .tablet-wide-padded-block-grid-18>* {
        width: 75%
    }
    .tablet-wide-padded-block-grid-19>* {
        width: 79.16667%
    }
    .tablet-wide-padded-block-grid-20>* {
        width: 83.33333%
    }
    .tablet-wide-padded-block-grid-21>* {
        width: 87.5%
    }
    .tablet-wide-padded-block-grid-22>* {
        width: 91.66667%
    }
    .tablet-wide-padded-block-grid-23>* {
        width: 95.83333%
    }
    .tablet-wide-padded-block-grid-24>* {
        width: 100%
    }
}

.row {
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.row+.row {
    margin-top: 2.4rem
}

@media only screen and (min-width:640px) {
    .row+.row {
        margin-top: 3rem
    }
}

@media only screen and (min-width:768px) {
    .row+.row {
        margin-top: 3.6rem
    }
    .row {
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }
}

@media only screen and (min-width:1248px) {
    .desktop-block-grid-1>* {
        width: 4.16667%
    }
    .desktop-block-grid-2>* {
        width: 8.33333%
    }
    .desktop-block-grid-3>* {
        width: 12.5%
    }
    .desktop-block-grid-4>* {
        width: 16.66667%
    }
    .desktop-block-grid-5>* {
        width: 20.83333%
    }
    .desktop-block-grid-6>* {
        width: 25%
    }
    .desktop-block-grid-7>* {
        width: 29.16667%
    }
    .desktop-block-grid-8>* {
        width: 33.33333%
    }
    .desktop-block-grid-9>* {
        width: 37.5%
    }
    .desktop-block-grid-10>* {
        width: 41.66667%
    }
    .desktop-block-grid-11>* {
        width: 45.83333%
    }
    .desktop-block-grid-12>* {
        width: 50%
    }
    .desktop-block-grid-13>* {
        width: 54.16667%
    }
    .desktop-block-grid-14>* {
        width: 58.33333%
    }
    .desktop-block-grid-15>* {
        width: 62.5%
    }
    .desktop-block-grid-16>* {
        width: 66.66667%
    }
    .desktop-block-grid-17>* {
        width: 70.83333%
    }
    .desktop-block-grid-18>* {
        width: 75%
    }
    .desktop-block-grid-19>* {
        width: 79.16667%
    }
    .desktop-block-grid-20>* {
        width: 83.33333%
    }
    .desktop-block-grid-21>* {
        width: 87.5%
    }
    .desktop-block-grid-22>* {
        width: 91.66667%
    }
    .desktop-block-grid-23>* {
        width: 95.83333%
    }
    .desktop-block-grid-24>* {
        width: 100%
    }
    .desktop-padded-block-grid-1>* {
        width: 4.16667%
    }
    .desktop-padded-block-grid-2>* {
        width: 8.33333%
    }
    .desktop-padded-block-grid-3>* {
        width: 12.5%
    }
    .desktop-padded-block-grid-4>* {
        width: 16.66667%
    }
    .desktop-padded-block-grid-5>* {
        width: 20.83333%
    }
    .desktop-padded-block-grid-6>* {
        width: 25%
    }
    .desktop-padded-block-grid-7>* {
        width: 29.16667%
    }
    .desktop-padded-block-grid-8>* {
        width: 33.33333%
    }
    .desktop-padded-block-grid-9>* {
        width: 37.5%
    }
    .desktop-padded-block-grid-10>* {
        width: 41.66667%
    }
    .desktop-padded-block-grid-11>* {
        width: 45.83333%
    }
    .desktop-padded-block-grid-12>* {
        width: 50%
    }
    .desktop-padded-block-grid-13>* {
        width: 54.16667%
    }
    .desktop-padded-block-grid-14>* {
        width: 58.33333%
    }
    .desktop-padded-block-grid-15>* {
        width: 62.5%
    }
    .desktop-padded-block-grid-16>* {
        width: 66.66667%
    }
    .desktop-padded-block-grid-17>* {
        width: 70.83333%
    }
    .desktop-padded-block-grid-18>* {
        width: 75%
    }
    .desktop-padded-block-grid-19>* {
        width: 79.16667%
    }
    .desktop-padded-block-grid-20>* {
        width: 83.33333%
    }
    .desktop-padded-block-grid-21>* {
        width: 87.5%
    }
    .desktop-padded-block-grid-22>* {
        width: 91.66667%
    }
    .desktop-padded-block-grid-23>* {
        width: 95.83333%
    }
    .desktop-padded-block-grid-24>* {
        width: 100%
    }
    .row+.row {
        margin-top: 4.8rem
    }
    .row {
        margin-left: -2.4rem;
        margin-right: -2.4rem
    }
}

@media only screen and (min-width:1440px) {
    .desktop-wide-block-grid-1>* {
        width: 4.16667%
    }
    .desktop-wide-block-grid-2>* {
        width: 8.33333%
    }
    .desktop-wide-block-grid-3>* {
        width: 12.5%
    }
    .desktop-wide-block-grid-4>* {
        width: 16.66667%
    }
    .desktop-wide-block-grid-5>* {
        width: 20.83333%
    }
    .desktop-wide-block-grid-6>* {
        width: 25%
    }
    .desktop-wide-block-grid-7>* {
        width: 29.16667%
    }
    .desktop-wide-block-grid-8>* {
        width: 33.33333%
    }
    .desktop-wide-block-grid-9>* {
        width: 37.5%
    }
    .desktop-wide-block-grid-10>* {
        width: 41.66667%
    }
    .desktop-wide-block-grid-11>* {
        width: 45.83333%
    }
    .desktop-wide-block-grid-12>* {
        width: 50%
    }
    .desktop-wide-block-grid-13>* {
        width: 54.16667%
    }
    .desktop-wide-block-grid-14>* {
        width: 58.33333%
    }
    .desktop-wide-block-grid-15>* {
        width: 62.5%
    }
    .desktop-wide-block-grid-16>* {
        width: 66.66667%
    }
    .desktop-wide-block-grid-17>* {
        width: 70.83333%
    }
    .desktop-wide-block-grid-18>* {
        width: 75%
    }
    .desktop-wide-block-grid-19>* {
        width: 79.16667%
    }
    .desktop-wide-block-grid-20>* {
        width: 83.33333%
    }
    .desktop-wide-block-grid-21>* {
        width: 87.5%
    }
    .desktop-wide-block-grid-22>* {
        width: 91.66667%
    }
    .desktop-wide-block-grid-23>* {
        width: 95.83333%
    }
    .desktop-wide-block-grid-24>* {
        width: 100%
    }
    .desktop-wide-padded-block-grid-1>* {
        width: 4.16667%
    }
    .desktop-wide-padded-block-grid-2>* {
        width: 8.33333%
    }
    .desktop-wide-padded-block-grid-3>* {
        width: 12.5%
    }
    .desktop-wide-padded-block-grid-4>* {
        width: 16.66667%
    }
    .desktop-wide-padded-block-grid-5>* {
        width: 20.83333%
    }
    .desktop-wide-padded-block-grid-6>* {
        width: 25%
    }
    .desktop-wide-padded-block-grid-7>* {
        width: 29.16667%
    }
    .desktop-wide-padded-block-grid-8>* {
        width: 33.33333%
    }
    .desktop-wide-padded-block-grid-9>* {
        width: 37.5%
    }
    .desktop-wide-padded-block-grid-10>* {
        width: 41.66667%
    }
    .desktop-wide-padded-block-grid-11>* {
        width: 45.83333%
    }
    .desktop-wide-padded-block-grid-12>* {
        width: 50%
    }
    .desktop-wide-padded-block-grid-13>* {
        width: 54.16667%
    }
    .desktop-wide-padded-block-grid-14>* {
        width: 58.33333%
    }
    .desktop-wide-padded-block-grid-15>* {
        width: 62.5%
    }
    .desktop-wide-padded-block-grid-16>* {
        width: 66.66667%
    }
    .desktop-wide-padded-block-grid-17>* {
        width: 70.83333%
    }
    .desktop-wide-padded-block-grid-18>* {
        width: 75%
    }
    .desktop-wide-padded-block-grid-19>* {
        width: 79.16667%
    }
    .desktop-wide-padded-block-grid-20>* {
        width: 83.33333%
    }
    .desktop-wide-padded-block-grid-21>* {
        width: 87.5%
    }
    .desktop-wide-padded-block-grid-22>* {
        width: 91.66667%
    }
    .desktop-wide-padded-block-grid-23>* {
        width: 95.83333%
    }
    .desktop-wide-padded-block-grid-24>* {
        width: 100%
    }
    .row {
        margin-left: -3rem;
        margin-right: -3rem
    }
}

.row--compact {
    margin-left: -.8rem;
    margin-right: -.8rem
}

.row--compact .column {
    padding-left: .8rem;
    padding-right: .8rem;
    margin-top: 1.6rem
}

.row.row--buttons {
    margin-top: 1.5rem
}

@media only screen and (min-width:640px) {
    .row.row--buttons {
        margin-top: 2rem
    }
}

.row.row--narrow {
    margin-top: 1rem
}

.row--header+.row {
    margin-top: 2rem
}

@media only screen and (min-width:640px) {
    .row--header+.row {
        margin-top: 2.4rem
    }
}

.full-width {
    padding-right: 1.2rem;
    padding-left: 1.2rem
}

.full-width:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width:768px) {
    .row--header+.row {
        margin-top: 3rem
    }
    .full-width {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media only screen and (min-width:1248px) {
    .row--header+.row {
        margin-top: 3.6rem
    }
    .full-width {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media only screen and (min-width:1440px) {
    .full-width {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.column {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    float: left;
    width: 100%;
    margin-top: 2rem
}

.column:first-child {
    margin-top: 0
}

.column:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:640px) {
    .column {
        margin-top: 2.4rem
    }
}

@media only screen and (min-width:768px) {
    .column {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        margin-top: 3rem
    }
}


@media only screen and (max-width:1247px) {
    .column {
        position: relative;
    }
}

@media only screen and (min-width:1248px) {
    .column {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media only screen and (min-width:1440px) {
    .column {
        padding-left: 3rem;
        padding-right: 3rem;
        margin-top: 4.2rem
    }
}

.column>* {
    margin-top: 2rem
}

.column>:first-child {
    margin-top: 0
}

.column>:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:640px) {
    .column>* {
        margin-top: 2.4rem
    }
}

@media only screen and (min-width:768px) {
    .column>* {
        margin-top: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .column>* {
        margin-top: 3.6rem
    }
}

@media only screen and (min-width:1248px) {
    .column>* {
        margin-top: 4.2rem
    }
}

@media only screen and (min-width:1440px) {
    .column>* {
        margin-top: 4.8rem
    }
}

.column>.section {
    padding-top: 2rem
}

@media only screen and (min-width:640px) {
    .column>.section {
        padding-top: 2.4rem
    }
}

.column>*+.gap--flush {
    margin-top: 0
}

.column>*+.gap--minimal {
    margin-top: 2px
}

.column>*+.gap--small {
    margin-top: .8rem
}

.base-1 {
    width: 4.16667%
}

.base-push-1 {
    left: 4.16667%
}

.base-pull-1 {
    left: -4.16667%
}

.base-2 {
    width: 8.33333%
}

.base-push-2 {
    left: 8.33333%
}

.base-pull-2 {
    left: -8.33333%
}

.base-3 {
    width: 12.5%
}

.base-push-3 {
    left: 12.5%
}

.base-pull-3 {
    left: -12.5%
}

.base-4 {
    width: 16.66667%
}

.base-push-4 {
    left: 16.66667%
}

.base-pull-4 {
    left: -16.66667%
}

.base-5 {
    width: 20.83333%
}

.base-push-5 {
    left: 20.83333%
}

.base-pull-5 {
    left: -20.83333%
}

.base-6 {
    width: 25%
}

.base-push-6 {
    left: 25%
}

.base-pull-6 {
    left: -25%
}

.base-7 {
    width: 29.16667%
}

.base-push-7 {
    left: 29.16667%
}

.base-pull-7 {
    left: -29.16667%
}

.base-8 {
    width: 33.33333%
}

.base-push-8 {
    left: 33.33333%
}

.base-pull-8 {
    left: -33.33333%
}

.base-9 {
    width: 37.5%
}

.base-push-9 {
    left: 37.5%
}

.base-pull-9 {
    left: -37.5%
}

.base-10 {
    width: 41.66667%
}

.base-push-10 {
    left: 41.66667%
}

.base-pull-10 {
    left: -41.66667%
}

.base-11 {
    width: 45.83333%
}

.base-push-11 {
    left: 45.83333%
}

.base-pull-11 {
    left: -45.83333%
}

.base-12 {
    width: 50%
}

.base-push-12 {
    left: 50%
}

.base-pull-12 {
    left: -50%
}

.base-13 {
    width: 54.16667%
}

.base-push-13 {
    left: 54.16667%
}

.base-pull-13 {
    left: -54.16667%
}

.base-14 {
    width: 58.33333%
}

.base-push-14 {
    left: 58.33333%
}

.base-pull-14 {
    left: -58.33333%
}

.base-15 {
    width: 62.5%
}

.base-push-15 {
    left: 62.5%
}

.base-pull-15 {
    left: -62.5%
}

.base-16 {
    width: 66.66667%
}

.base-push-16 {
    left: 66.66667%
}

.base-pull-16 {
    left: -66.66667%
}

.base-17 {
    width: 70.83333%
}

.base-push-17 {
    left: 70.83333%
}

.base-pull-17 {
    left: -70.83333%
}

.base-18 {
    width: 75%
}

.base-push-18 {
    left: 75%
}

.base-pull-18 {
    left: -75%
}

.base-19 {
    width: 79.16667%
}

.base-push-19 {
    left: 79.16667%
}

.base-pull-19 {
    left: -79.16667%
}

.base-20 {
    width: 83.33333%
}

.base-push-20 {
    left: 83.33333%
}

.base-pull-20 {
    left: -83.33333%
}

.base-21 {
    width: 87.5%
}

.base-push-21 {
    left: 87.5%
}

.base-pull-21 {
    left: -87.5%
}

.base-22 {
    width: 91.66667%
}

.base-push-22 {
    left: 91.66667%
}

.base-pull-22 {
    left: -91.66667%
}

.base-23 {
    width: 95.83333%
}

.base-push-23 {
    left: 95.83333%
}

.base-pull-23 {
    left: -95.83333%
}

.base-24 {
    width: 100%
}

.base-push-24 {
    left: 100%
}

.base-pull-24 {
    left: -100%
}

.base-push-0 {
    left: 0
}

@media only screen and (min-width:400px) {
    .phone-1 {
        width: 4.16667%
    }
    .phone-push-1 {
        left: 4.16667%
    }
    .phone-pull-1 {
        left: -4.16667%
    }
    .phone-2 {
        width: 8.33333%
    }
    .phone-push-2 {
        left: 8.33333%
    }
    .phone-pull-2 {
        left: -8.33333%
    }
    .phone-3 {
        width: 12.5%
    }
    .phone-push-3 {
        left: 12.5%
    }
    .phone-pull-3 {
        left: -12.5%
    }
    .phone-4 {
        width: 16.66667%
    }
    .phone-push-4 {
        left: 16.66667%
    }
    .phone-pull-4 {
        left: -16.66667%
    }
    .phone-5 {
        width: 20.83333%
    }
    .phone-push-5 {
        left: 20.83333%
    }
    .phone-pull-5 {
        left: -20.83333%
    }
    .phone-6 {
        width: 25%
    }
    .phone-push-6 {
        left: 25%
    }
    .phone-pull-6 {
        left: -25%
    }
    .phone-7 {
        width: 29.16667%
    }
    .phone-push-7 {
        left: 29.16667%
    }
    .phone-pull-7 {
        left: -29.16667%
    }
    .phone-8 {
        width: 33.33333%
    }
    .phone-push-8 {
        left: 33.33333%
    }
    .phone-pull-8 {
        left: -33.33333%
    }
    .phone-9 {
        width: 37.5%
    }
    .phone-push-9 {
        left: 37.5%
    }
    .phone-pull-9 {
        left: -37.5%
    }
    .phone-10 {
        width: 41.66667%
    }
    .phone-push-10 {
        left: 41.66667%
    }
    .phone-pull-10 {
        left: -41.66667%
    }
    .phone-11 {
        width: 45.83333%
    }
    .phone-push-11 {
        left: 45.83333%
    }
    .phone-pull-11 {
        left: -45.83333%
    }
    .phone-12 {
        width: 50%
    }
    .phone-push-12 {
        left: 50%
    }
    .phone-pull-12 {
        left: -50%
    }
    .phone-13 {
        width: 54.16667%
    }
    .phone-push-13 {
        left: 54.16667%
    }
    .phone-pull-13 {
        left: -54.16667%
    }
    .phone-14 {
        width: 58.33333%
    }
    .phone-push-14 {
        left: 58.33333%
    }
    .phone-pull-14 {
        left: -58.33333%
    }
    .phone-15 {
        width: 62.5%
    }
    .phone-push-15 {
        left: 62.5%
    }
    .phone-pull-15 {
        left: -62.5%
    }
    .phone-16 {
        width: 66.66667%
    }
    .phone-push-16 {
        left: 66.66667%
    }
    .phone-pull-16 {
        left: -66.66667%
    }
    .phone-17 {
        width: 70.83333%
    }
    .phone-push-17 {
        left: 70.83333%
    }
    .phone-pull-17 {
        left: -70.83333%
    }
    .phone-18 {
        width: 75%
    }
    .phone-push-18 {
        left: 75%
    }
    .phone-pull-18 {
        left: -75%
    }
    .phone-19 {
        width: 79.16667%
    }
    .phone-push-19 {
        left: 79.16667%
    }
    .phone-pull-19 {
        left: -79.16667%
    }
    .phone-20 {
        width: 83.33333%
    }
    .phone-push-20 {
        left: 83.33333%
    }
    .phone-pull-20 {
        left: -83.33333%
    }
    .phone-21 {
        width: 87.5%
    }
    .phone-push-21 {
        left: 87.5%
    }
    .phone-pull-21 {
        left: -87.5%
    }
    .phone-22 {
        width: 91.66667%
    }
    .phone-push-22 {
        left: 91.66667%
    }
    .phone-pull-22 {
        left: -91.66667%
    }
    .phone-23 {
        width: 95.83333%
    }
    .phone-push-23 {
        left: 95.83333%
    }
    .phone-pull-23 {
        left: -95.83333%
    }
    .phone-24 {
        width: 100%
    }
    .phone-push-24 {
        left: 100%
    }
    .phone-pull-24 {
        left: -100%
    }
    .phone-push-0 {
        left: 0
    }
}

@media only screen and (min-width:480px) {
    .phone-wide-1 {
        width: 4.16667%
    }
    .phone-wide-push-1 {
        left: 4.16667%
    }
    .phone-wide-pull-1 {
        left: -4.16667%
    }
    .phone-wide-2 {
        width: 8.33333%
    }
    .phone-wide-push-2 {
        left: 8.33333%
    }
    .phone-wide-pull-2 {
        left: -8.33333%
    }
    .phone-wide-3 {
        width: 12.5%
    }
    .phone-wide-push-3 {
        left: 12.5%
    }
    .phone-wide-pull-3 {
        left: -12.5%
    }
    .phone-wide-4 {
        width: 16.66667%
    }
    .phone-wide-push-4 {
        left: 16.66667%
    }
    .phone-wide-pull-4 {
        left: -16.66667%
    }
    .phone-wide-5 {
        width: 20.83333%
    }
    .phone-wide-push-5 {
        left: 20.83333%
    }
    .phone-wide-pull-5 {
        left: -20.83333%
    }
    .phone-wide-6 {
        width: 25%
    }
    .phone-wide-push-6 {
        left: 25%
    }
    .phone-wide-pull-6 {
        left: -25%
    }
    .phone-wide-7 {
        width: 29.16667%
    }
    .phone-wide-push-7 {
        left: 29.16667%
    }
    .phone-wide-pull-7 {
        left: -29.16667%
    }
    .phone-wide-8 {
        width: 33.33333%
    }
    .phone-wide-push-8 {
        left: 33.33333%
    }
    .phone-wide-pull-8 {
        left: -33.33333%
    }
    .phone-wide-9 {
        width: 37.5%
    }
    .phone-wide-push-9 {
        left: 37.5%
    }
    .phone-wide-pull-9 {
        left: -37.5%
    }
    .phone-wide-10 {
        width: 41.66667%
    }
    .phone-wide-push-10 {
        left: 41.66667%
    }
    .phone-wide-pull-10 {
        left: -41.66667%
    }
    .phone-wide-11 {
        width: 45.83333%
    }
    .phone-wide-push-11 {
        left: 45.83333%
    }
    .phone-wide-pull-11 {
        left: -45.83333%
    }
    .phone-wide-12 {
        width: 50%
    }
    .phone-wide-push-12 {
        left: 50%
    }
    .phone-wide-pull-12 {
        left: -50%
    }
    .phone-wide-13 {
        width: 54.16667%
    }
    .phone-wide-push-13 {
        left: 54.16667%
    }
    .phone-wide-pull-13 {
        left: -54.16667%
    }
    .phone-wide-14 {
        width: 58.33333%
    }
    .phone-wide-push-14 {
        left: 58.33333%
    }
    .phone-wide-pull-14 {
        left: -58.33333%
    }
    .phone-wide-15 {
        width: 62.5%
    }
    .phone-wide-push-15 {
        left: 62.5%
    }
    .phone-wide-pull-15 {
        left: -62.5%
    }
    .phone-wide-16 {
        width: 66.66667%
    }
    .phone-wide-push-16 {
        left: 66.66667%
    }
    .phone-wide-pull-16 {
        left: -66.66667%
    }
    .phone-wide-17 {
        width: 70.83333%
    }
    .phone-wide-push-17 {
        left: 70.83333%
    }
    .phone-wide-pull-17 {
        left: -70.83333%
    }
    .phone-wide-18 {
        width: 75%
    }
    .phone-wide-push-18 {
        left: 75%
    }
    .phone-wide-pull-18 {
        left: -75%
    }
    .phone-wide-19 {
        width: 79.16667%
    }
    .phone-wide-push-19 {
        left: 79.16667%
    }
    .phone-wide-pull-19 {
        left: -79.16667%
    }
    .phone-wide-20 {
        width: 83.33333%
    }
    .phone-wide-push-20 {
        left: 83.33333%
    }
    .phone-wide-pull-20 {
        left: -83.33333%
    }
    .phone-wide-21 {
        width: 87.5%
    }
    .phone-wide-push-21 {
        left: 87.5%
    }
    .phone-wide-pull-21 {
        left: -87.5%
    }
    .phone-wide-22 {
        width: 91.66667%
    }
    .phone-wide-push-22 {
        left: 91.66667%
    }
    .phone-wide-pull-22 {
        left: -91.66667%
    }
    .phone-wide-23 {
        width: 95.83333%
    }
    .phone-wide-push-23 {
        left: 95.83333%
    }
    .phone-wide-pull-23 {
        left: -95.83333%
    }
    .phone-wide-24 {
        width: 100%
    }
    .phone-wide-push-24 {
        left: 100%
    }
    .phone-wide-pull-24 {
        left: -100%
    }
    .phone-wide-push-0 {
        left: 0
    }
}

@media only screen and (min-width:640px) {
    .column>*+.gap--small {
        margin-top: 1.2rem
    }
    .tablet-small-1 {
        width: 4.16667%
    }
    .tablet-small-push-1 {
        left: 4.16667%
    }
    .tablet-small-pull-1 {
        left: -4.16667%
    }
    .tablet-small-2 {
        width: 8.33333%
    }
    .tablet-small-push-2 {
        left: 8.33333%
    }
    .tablet-small-pull-2 {
        left: -8.33333%
    }
    .tablet-small-3 {
        width: 12.5%
    }
    .tablet-small-push-3 {
        left: 12.5%
    }
    .tablet-small-pull-3 {
        left: -12.5%
    }
    .tablet-small-4 {
        width: 16.66667%
    }
    .tablet-small-push-4 {
        left: 16.66667%
    }
    .tablet-small-pull-4 {
        left: -16.66667%
    }
    .tablet-small-5 {
        width: 20.83333%
    }
    .tablet-small-push-5 {
        left: 20.83333%
    }
    .tablet-small-pull-5 {
        left: -20.83333%
    }
    .tablet-small-6 {
        width: 25%
    }
    .tablet-small-push-6 {
        left: 25%
    }
    .tablet-small-pull-6 {
        left: -25%
    }
    .tablet-small-7 {
        width: 29.16667%
    }
    .tablet-small-push-7 {
        left: 29.16667%
    }
    .tablet-small-pull-7 {
        left: -29.16667%
    }
    .tablet-small-8 {
        width: 33.33333%
    }
    .tablet-small-push-8 {
        left: 33.33333%
    }
    .tablet-small-pull-8 {
        left: -33.33333%
    }
    .tablet-small-9 {
        width: 37.5%
    }
    .tablet-small-push-9 {
        left: 37.5%
    }
    .tablet-small-pull-9 {
        left: -37.5%
    }
    .tablet-small-10 {
        width: 41.66667%
    }
    .tablet-small-push-10 {
        left: 41.66667%
    }
    .tablet-small-pull-10 {
        left: -41.66667%
    }
    .tablet-small-11 {
        width: 45.83333%
    }
    .tablet-small-push-11 {
        left: 45.83333%
    }
    .tablet-small-pull-11 {
        left: -45.83333%
    }
    .tablet-small-12 {
        width: 50%
    }
    .tablet-small-push-12 {
        left: 50%
    }
    .tablet-small-pull-12 {
        left: -50%
    }
    .tablet-small-13 {
        width: 54.16667%
    }
    .tablet-small-push-13 {
        left: 54.16667%
    }
    .tablet-small-pull-13 {
        left: -54.16667%
    }
    .tablet-small-14 {
        width: 58.33333%
    }
    .tablet-small-push-14 {
        left: 58.33333%
    }
    .tablet-small-pull-14 {
        left: -58.33333%
    }
    .tablet-small-15 {
        width: 62.5%
    }
    .tablet-small-push-15 {
        left: 62.5%
    }
    .tablet-small-pull-15 {
        left: -62.5%
    }
    .tablet-small-16 {
        width: 66.66667%
    }
    .tablet-small-push-16 {
        left: 66.66667%
    }
    .tablet-small-pull-16 {
        left: -66.66667%
    }
    .tablet-small-17 {
        width: 70.83333%
    }
    .tablet-small-push-17 {
        left: 70.83333%
    }
    .tablet-small-pull-17 {
        left: -70.83333%
    }
    .tablet-small-18 {
        width: 75%
    }
    .tablet-small-push-18 {
        left: 75%
    }
    .tablet-small-pull-18 {
        left: -75%
    }
    .tablet-small-19 {
        width: 79.16667%
    }
    .tablet-small-push-19 {
        left: 79.16667%
    }
    .tablet-small-pull-19 {
        left: -79.16667%
    }
    .tablet-small-20 {
        width: 83.33333%
    }
    .tablet-small-push-20 {
        left: 83.33333%
    }
    .tablet-small-pull-20 {
        left: -83.33333%
    }
    .tablet-small-21 {
        width: 87.5%
    }
    .tablet-small-push-21 {
        left: 87.5%
    }
    .tablet-small-pull-21 {
        left: -87.5%
    }
    .tablet-small-22 {
        width: 91.66667%
    }
    .tablet-small-push-22 {
        left: 91.66667%
    }
    .tablet-small-pull-22 {
        left: -91.66667%
    }
    .tablet-small-23 {
        width: 95.83333%
    }
    .tablet-small-push-23 {
        left: 95.83333%
    }
    .tablet-small-pull-23 {
        left: -95.83333%
    }
    .tablet-small-24 {
        width: 100%
    }
    .tablet-small-push-24 {
        left: 100%
    }
    .tablet-small-pull-24 {
        left: -100%
    }
    .tablet-small-push-0 {
        left: 0
    }
}

@media only screen and (min-width:768px) {
    .column>.section {
        padding-top: 3rem
    }
    .tablet-1 {
        width: 4.16667%
    }
    .tablet-push-1 {
        left: 4.16667%
    }
    .tablet-push-1-5 {
        left: 7.25%
    }
    .tablet-pull-1 {
        left: -4.16667%
    }
    .tablet-2 {
        width: 8.33333%
    }
    .tablet-push-2 {
        left: 8.33333%
    }
    .tablet-pull-2 {
        left: -8.33333%
    }
    .tablet-3 {
        width: 12.5%
    }
    .tablet-push-3 {
        left: 12.5%
    }
    .tablet-pull-3 {
        left: -12.5%
    }
    .tablet-4 {
        width: 16.66667%
    }
    .tablet-push-4 {
        left: 16.66667%
    }
    .tablet-pull-4 {
        left: -16.66667%
    }
    .tablet-5 {
        width: 20.83333%
    }
    .tablet-push-5 {
        left: 20.83333%
    }
    .tablet-pull-5 {
        left: -20.83333%
    }
    .tablet-6 {
        width: 25%
    }
    .tablet-push-6 {
        left: 25%
    }
    .tablet-pull-6 {
        left: -25%
    }
    .tablet-7 {
        width: 29.16667%
    }
    .tablet-push-7 {
        left: 29.16667%
    }
    .tablet-pull-7 {
        left: -29.16667%
    }
    .tablet-8 {
        width: 33.33333%
    }
    .tablet-push-8 {
        left: 33.33333%
    }
    .tablet-pull-8 {
        left: -33.33333%
    }
    .tablet-9 {
        width: 37.5%
    }
    .tablet-push-9 {
        left: 37.5%
    }
    .tablet-pull-9 {
        left: -37.5%
    }
    .tablet-10 {
        width: 41.66667%
    }
    .tablet-push-10 {
        left: 41.66667%
    }
    .tablet-pull-10 {
        left: -41.66667%
    }
    .tablet-11 {
        width: 45.83333%
    }
    .tablet-push-11 {
        left: 45.83333%
    }
    .tablet-pull-11 {
        left: -45.83333%
    }
    .tablet-12 {
        width: 50%
    }
    .tablet-push-12 {
        left: 50%
    }
    .tablet-pull-12 {
        left: -50%
    }
    .tablet-13 {
        width: 54.16667%
    }
    .tablet-push-13 {
        left: 54.16667%
    }
    .tablet-pull-13 {
        left: -54.16667%
    }
    .tablet-14 {
        width: 58.33333%
    }
    .tablet-push-14 {
        left: 58.33333%
    }
    .tablet-pull-14 {
        left: -58.33333%
    }
    .tablet-15 {
        width: 62.5%
    }
    .tablet-push-15 {
        left: 62.5%
    }
    .tablet-pull-15 {
        left: -62.5%
    }
    .tablet-16 {
        width: 66.66667%
    }
    .tablet-push-16 {
        left: 66.66667%
    }
    .tablet-pull-16 {
        left: -66.66667%
    }
    .tablet-17 {
        width: 70.83333%
    }
    .tablet-push-17 {
        left: 70.83333%
    }
    .tablet-pull-17 {
        left: -70.83333%
    }
    .tablet-18 {
        width: 75%
    }
    .tablet-push-18 {
        left: 75%
    }
    .tablet-pull-18 {
        left: -75%
    }
    .tablet-19 {
        width: 79.16667%
    }
    .tablet-push-19 {
        left: 79.16667%
    }
    .tablet-pull-19 {
        left: -79.16667%
    }
    .tablet-20 {
        width: 83.33333%
    }
    .tablet-push-20 {
        left: 83.33333%
    }
    .tablet-pull-20 {
        left: -83.33333%
    }
    .tablet-21 {
        width: 87.5%
    }
    .tablet-push-21 {
        left: 87.5%
    }
    .tablet-pull-21 {
        left: -87.5%
    }
    .tablet-22 {
        width: 91.66667%
    }
    .tablet-push-22 {
        left: 91.66667%
    }
    .tablet-pull-22 {
        left: -91.66667%
    }
    .tablet-23 {
        width: 95.83333%
    }
    .tablet-push-23 {
        left: 95.83333%
    }
    .tablet-pull-23 {
        left: -95.83333%
    }
    .tablet-24 {
        width: 100%
    }
    .tablet-push-24 {
        left: 100%
    }
    .tablet-pull-24 {
        left: -100%
    }
    .tablet-push-0 {
        left: 0
    }
}

@media only screen and (min-width:1024px) {
    .tablet-wide-1 {
        width: 4.16667%
    }
    .tablet-wide-push-1 {
        left: 4.16667%
    }
    .tablet-wide-pull-1 {
        left: -4.16667%
    }
    .tablet-wide-2 {
        width: 8.33333%
    }
    .tablet-wide-push-2 {
        left: 8.33333%
    }
    .tablet-wide-pull-2 {
        left: -8.33333%
    }
    .tablet-wide-3 {
        width: 12.5%
    }
    .tablet-wide-push-3 {
        left: 12.5%
    }
    .tablet-wide-pull-3 {
        left: -12.5%
    }
    .tablet-wide-4 {
        width: 16.66667%
    }
    .tablet-wide-push-4 {
        left: 16.66667%
    }
    .tablet-wide-pull-4 {
        left: -16.66667%
    }
    .tablet-wide-5 {
        width: 20.83333%
    }
    .tablet-wide-push-5 {
        left: 20.83333%
    }
    .tablet-wide-pull-5 {
        left: -20.83333%
    }
    .tablet-wide-6 {
        width: 25%
    }
    .tablet-wide-push-6 {
        left: 25%
    }
    .tablet-wide-pull-6 {
        left: -25%
    }
    .tablet-wide-7 {
        width: 29.16667%
    }
    .tablet-wide-push-7 {
        left: 29.16667%
    }
    .tablet-wide-pull-7 {
        left: -29.16667%
    }
    .tablet-wide-8 {
        width: 33.33333%
    }
    .tablet-wide-push-8 {
        left: 33.33333%
    }
    .tablet-wide-pull-8 {
        left: -33.33333%
    }
    .tablet-wide-9 {
        width: 37.5%
    }
    .tablet-wide-push-9 {
        left: 37.5%
    }
    .tablet-wide-pull-9 {
        left: -37.5%
    }
    .tablet-wide-10 {
        width: 41.66667%
    }
    .tablet-wide-push-10 {
        left: 41.66667%
    }
    .tablet-wide-pull-10 {
        left: -41.66667%
    }
    .tablet-wide-11 {
        width: 45.83333%
    }
    .tablet-wide-push-11 {
        left: 45.83333%
    }
    .tablet-wide-pull-11 {
        left: -45.83333%
    }
    .tablet-wide-12 {
        width: 50%
    }
    .tablet-wide-push-12 {
        left: 50%
    }
    .tablet-wide-pull-12 {
        left: -50%
    }
    .tablet-wide-13 {
        width: 54.16667%
    }
    .tablet-wide-push-13 {
        left: 54.16667%
    }
    .tablet-wide-pull-13 {
        left: -54.16667%
    }
    .tablet-wide-14 {
        width: 58.33333%
    }
    .tablet-wide-push-14 {
        left: 58.33333%
    }
    .tablet-wide-pull-14 {
        left: -58.33333%
    }
    .tablet-wide-15 {
        width: 62.5%
    }
    .tablet-wide-push-15 {
        left: 62.5%
    }
    .tablet-wide-pull-15 {
        left: -62.5%
    }
    .tablet-wide-16 {
        width: 66.66667%
    }
    .tablet-wide-push-16 {
        left: 66.66667%
    }
    .tablet-wide-pull-16 {
        left: -66.66667%
    }
    .tablet-wide-17 {
        width: 70.83333%
    }
    .tablet-wide-push-17 {
        left: 70.83333%
    }
    .tablet-wide-pull-17 {
        left: -70.83333%
    }
    .tablet-wide-18 {
        width: 75%
    }
    .tablet-wide-push-18 {
        left: 75%
    }
    .tablet-wide-pull-18 {
        left: -75%
    }
    .tablet-wide-19 {
        width: 79.16667%
    }
    .tablet-wide-push-19 {
        left: 79.16667%
    }
    .tablet-wide-pull-19 {
        left: -79.16667%
    }
    .tablet-wide-20 {
        width: 83.33333%
    }
    .tablet-wide-push-20 {
        left: 83.33333%
    }
    .tablet-wide-pull-20 {
        left: -83.33333%
    }
    .tablet-wide-21 {
        width: 87.5%
    }
    .tablet-wide-push-21 {
        left: 87.5%
    }
    .tablet-wide-pull-21 {
        left: -87.5%
    }
    .tablet-wide-22 {
        width: 91.66667%
    }
    .tablet-wide-push-22 {
        left: 91.66667%
    }
    .tablet-wide-pull-22 {
        left: -91.66667%
    }
    .tablet-wide-23 {
        width: 95.83333%
    }
    .tablet-wide-push-23 {
        left: 95.83333%
    }
    .tablet-wide-pull-23 {
        left: -95.83333%
    }
    .tablet-wide-24 {
        width: 100%
    }
    .tablet-wide-push-24 {
        left: 100%
    }
    .tablet-wide-pull-24 {
        left: -100%
    }
    .tablet-wide-push-0 {
        left: 0
    }
}

@media only screen and (min-width:1248px) {
    .column>.section {
        padding-top: 3.6rem
    }
    .column>*+.gap--small {
        margin-top: 1.6rem
    }
    .desktop-1 {
        width: 4.16667%
    }
    .desktop-push-1 {
        left: 4.16667%
    }
    .desktop-pull-1 {
        left: -4.16667%
    }
    .desktop-2 {
        width: 8.33333%
    }
    .desktop-push-2 {
        left: 8.33333%
    }
    .desktop-pull-2 {
        left: -8.33333%
    }
    .desktop-3 {
        width: 12.5%
    }
    .desktop-push-3 {
        left: 12.5%
    }
    .desktop-pull-3 {
        left: -12.5%
    }
    .desktop-4 {
        width: 16.66667%
    }
    .desktop-push-4 {
        left: 16.66667%
    }
    .desktop-pull-4 {
        left: -16.66667%
    }
    .desktop-5 {
        width: 20.83333%
    }
    .desktop-push-5 {
        left: 20.83333%
    }
    .desktop-pull-5 {
        left: -20.83333%
    }
    .desktop-6 {
        width: 25%
    }
    .desktop-push-6 {
        left: 25%
    }
    .desktop-pull-6 {
        left: -25%
    }
    .desktop-7 {
        width: 29.16667%
    }
    .desktop-push-7 {
        left: 29.16667%
    }
    .desktop-pull-7 {
        left: -29.16667%
    }
    .desktop-8 {
        width: 33.33333%
    }
    .desktop-push-8 {
        left: 33.33333%
    }
    .desktop-pull-8 {
        left: -33.33333%
    }
    .desktop-9 {
        width: 37.5%
    }
    .desktop-push-9 {
        left: 37.5%
    }
    .desktop-pull-9 {
        left: -37.5%
    }
    .desktop-10 {
        width: 41.66667%
    }
    .desktop-push-10 {
        left: 41.66667%
    }
    .desktop-pull-10 {
        left: -41.66667%
    }
    .desktop-11 {
        width: 45.83333%
    }
    .desktop-push-11 {
        left: 45.83333%
    }
    .desktop-pull-11 {
        left: -45.83333%
    }
    .desktop-12 {
        width: 50%
    }
    .desktop-push-12 {
        left: 50%
    }
    .desktop-pull-12 {
        left: -50%
    }
    .desktop-13 {
        width: 54.16667%
    }
    .desktop-push-13 {
        left: 54.16667%
    }
    .desktop-pull-13 {
        left: -54.16667%
    }
    .desktop-14 {
        width: 58.33333%
    }
    .desktop-push-14 {
        left: 58.33333%
    }
    .desktop-pull-14 {
        left: -58.33333%
    }
    .desktop-15 {
        width: 62.5%
    }
    .desktop-push-15 {
        left: 62.5%
    }
    .desktop-pull-15 {
        left: -62.5%
    }
    .desktop-16 {
        width: 66.66667%
    }
    .desktop-push-16 {
        left: 66.66667%
    }
    .desktop-pull-16 {
        left: -66.66667%
    }
    .desktop-17 {
        width: 70.83333%
    }
    .desktop-push-17 {
        left: 70.83333%
    }
    .desktop-pull-17 {
        left: -70.83333%
    }
    .desktop-18 {
        width: 75%
    }
    .desktop-push-18 {
        left: 75%
    }
    .desktop-pull-18 {
        left: -75%
    }
    .desktop-19 {
        width: 79.16667%
    }
    .desktop-push-19 {
        left: 79.16667%
    }
    .desktop-pull-19 {
        left: -79.16667%
    }
    .desktop-20 {
        width: 83.33333%
    }
    .desktop-push-20 {
        left: 83.33333%
    }
    .desktop-pull-20 {
        left: -83.33333%
    }
    .desktop-21 {
        width: 87.5%
    }
    .desktop-push-21 {
        left: 87.5%
    }
    .desktop-pull-21 {
        left: -87.5%
    }
    .desktop-22 {
        width: 91.66667%
    }
    .desktop-push-22 {
        left: 91.66667%
    }
    .desktop-pull-22 {
        left: -91.66667%
    }
    .desktop-23 {
        width: 95.83333%
    }
    .desktop-push-23 {
        left: 95.83333%
    }
    .desktop-pull-23 {
        left: -95.83333%
    }
    .desktop-24 {
        width: 100%
    }
    .desktop-push-24 {
        left: 100%
    }
    .desktop-pull-24 {
        left: -100%
    }
    .desktop-push-0 {
        left: 0
    }
    .desktop-flush-1>:nth-child(-n+1),
    .desktop-flush-2>:nth-child(-n+2),
    .desktop-flush-3>:nth-child(-n+3),
    .desktop-flush-4>:nth-child(-n+4),
    .desktop-flush-5>:nth-child(-n+5),
    .desktop-flush-6>:nth-child(-n+6) {
        margin-top: 0
    }
}

.base-flush-1>:nth-child(-n+1),
.base-flush-2>:nth-child(-n+2),
.base-flush-3>:nth-child(-n+3),
.base-flush-4>:nth-child(-n+4),
.base-flush-5>:nth-child(-n+5),
.base-flush-6>:nth-child(-n+6) {
    margin-top: 0
}

.base-hidden {
    display: none;
    visibility: hidden
}

.base-visible {
    display: block;
    visibility: visible
}

.base-visible-inline {
    display: inline;
    visibility: visible
}

.base-visible-inline-block {
    display: inline-block;
    visibility: visible
}

.base-visible-td {
    display: table-cell;
    visibility: visible
}

@media only screen and (min-width:400px) {
    .phone-flush-1>:nth-child(-n+1),
    .phone-flush-2>:nth-child(-n+2),
    .phone-flush-3>:nth-child(-n+3),
    .phone-flush-4>:nth-child(-n+4),
    .phone-flush-5>:nth-child(-n+5),
    .phone-flush-6>:nth-child(-n+6) {
        margin-top: 0
    }
    .phone-hidden {
        display: none;
        visibility: hidden
    }
    .phone-visible {
        display: block;
        visibility: visible
    }
    .phone-visible-inline {
        display: inline;
        visibility: visible
    }
    .phone-visible-inline-block {
        display: inline-block;
        visibility: visible
    }
    .phone-visible-td {
        display: table-cell;
        visibility: visible
    }
}

@media only screen and (min-width:480px) {
    .phone-wide-flush-1>:nth-child(-n+1),
    .phone-wide-flush-2>:nth-child(-n+2),
    .phone-wide-flush-3>:nth-child(-n+3),
    .phone-wide-flush-4>:nth-child(-n+4),
    .phone-wide-flush-5>:nth-child(-n+5),
    .phone-wide-flush-6>:nth-child(-n+6) {
        margin-top: 0
    }
    .phone-wide-hidden {
        display: none;
        visibility: hidden
    }
    .phone-wide-visible {
        display: block;
        visibility: visible
    }
    .phone-wide-visible-inline {
        display: inline;
        visibility: visible
    }
    .phone-wide-visible-inline-block {
        display: inline-block;
        visibility: visible
    }
    .phone-wide-visible-td {
        display: table-cell;
        visibility: visible
    }
}

@media only screen and (min-width:640px) {
    .tablet-small-flush-1>:nth-child(-n+1),
    .tablet-small-flush-2>:nth-child(-n+2),
    .tablet-small-flush-3>:nth-child(-n+3),
    .tablet-small-flush-4>:nth-child(-n+4),
    .tablet-small-flush-5>:nth-child(-n+5),
    .tablet-small-flush-6>:nth-child(-n+6) {
        margin-top: 0
    }
    .tablet-small-hidden {
        display: none;
        visibility: hidden
    }
    .tablet-small-visible {
        display: block;
        visibility: visible
    }
    .tablet-small-visible-inline {
        display: inline;
        visibility: visible
    }
    .tablet-small-visible-inline-block {
        display: inline-block;
        visibility: visible
    }
    .tablet-small-visible-td {
        display: table-cell;
        visibility: visible
    }
}

@media only screen and (min-width:768px) {
    .tablet-flush-1>:nth-child(-n+1),
    .tablet-flush-2>:nth-child(-n+2),
    .tablet-flush-3>:nth-child(-n+3),
    .tablet-flush-4>:nth-child(-n+4),
    .tablet-flush-5>:nth-child(-n+5),
    .tablet-flush-6>:nth-child(-n+6) {
        margin-top: 0
    }
    .tablet-hidden {
        display: none;
        visibility: hidden
    }
    .tablet-visible {
        display: block;
        visibility: visible
    }
    .tablet-visible-inline {
        display: inline;
        visibility: visible
    }
    .tablet-visible-inline-block {
        display: inline-block;
        visibility: visible
    }
    .tablet-visible-td {
        display: table-cell;
        visibility: visible
    }
}

@media only screen and (min-width:1024px) {
    .tablet-wide-flush-1>:nth-child(-n+1),
    .tablet-wide-flush-2>:nth-child(-n+2),
    .tablet-wide-flush-3>:nth-child(-n+3),
    .tablet-wide-flush-4>:nth-child(-n+4),
    .tablet-wide-flush-5>:nth-child(-n+5),
    .tablet-wide-flush-6>:nth-child(-n+6) {
        margin-top: 0
    }
    .tablet-wide-hidden {
        display: none;
        visibility: hidden
    }
    .tablet-wide-visible {
        display: block;
        visibility: visible
    }
    .tablet-wide-visible-inline {
        display: inline;
        visibility: visible
    }
    .tablet-wide-visible-inline-block {
        display: inline-block;
        visibility: visible
    }
    .tablet-wide-visible-td {
        display: table-cell;
        visibility: visible
    }
}

@media only screen and (min-width:1248px) {
    .desktop-hidden {
        display: none;
        visibility: hidden
    }
    .desktop-visible {
        display: block;
        visibility: visible
    }
    .desktop-visible-inline {
        display: inline;
        visibility: visible
    }
    .desktop-visible-inline-block {
        display: inline-block;
        visibility: visible
    }
    .desktop-visible-td {
        display: table-cell;
        visibility: visible
    }
}

@media only screen and (min-width:1440px) {
    .desktop-wide-1 {
        width: 4.16667%
    }
    .desktop-wide-push-1 {
        left: 4.16667%
    }
    .desktop-wide-pull-1 {
        left: -4.16667%
    }
    .desktop-wide-2 {
        width: 8.33333%
    }
    .desktop-wide-push-2 {
        left: 8.33333%
    }
    .desktop-wide-pull-2 {
        left: -8.33333%
    }
    .desktop-wide-3 {
        width: 12.5%
    }
    .desktop-wide-push-3 {
        left: 12.5%
    }
    .desktop-wide-pull-3 {
        left: -12.5%
    }
    .desktop-wide-4 {
        width: 16.66667%
    }
    .desktop-wide-push-4 {
        left: 16.66667%
    }
    .desktop-wide-pull-4 {
        left: -16.66667%
    }
    .desktop-wide-5 {
        width: 20.83333%
    }
    .desktop-wide-push-5 {
        left: 20.83333%
    }
    .desktop-wide-pull-5 {
        left: -20.83333%
    }
    .desktop-wide-6 {
        width: 25%
    }
    .desktop-wide-push-6 {
        left: 25%
    }
    .desktop-wide-pull-6 {
        left: -25%
    }
    .desktop-wide-7 {
        width: 29.16667%
    }
    .desktop-wide-push-7 {
        left: 29.16667%
    }
    .desktop-wide-pull-7 {
        left: -29.16667%
    }
    .desktop-wide-8 {
        width: 33.33333%
    }
    .desktop-wide-push-8 {
        left: 33.33333%
    }
    .desktop-wide-pull-8 {
        left: -33.33333%
    }
    .desktop-wide-9 {
        width: 37.5%
    }
    .desktop-wide-push-9 {
        left: 37.5%
    }
    .desktop-wide-pull-9 {
        left: -37.5%
    }
    .desktop-wide-10 {
        width: 41.66667%
    }
    .desktop-wide-push-10 {
        left: 41.66667%
    }
    .desktop-wide-pull-10 {
        left: -41.66667%
    }
    .desktop-wide-11 {
        width: 45.83333%
    }
    .desktop-wide-push-11 {
        left: 45.83333%
    }
    .desktop-wide-pull-11 {
        left: -45.83333%
    }
    .desktop-wide-12 {
        width: 50%
    }
    .desktop-wide-push-12 {
        left: 50%
    }
    .desktop-wide-pull-12 {
        left: -50%
    }
    .desktop-wide-13 {
        width: 54.16667%
    }
    .desktop-wide-push-13 {
        left: 54.16667%
    }
    .desktop-wide-pull-13 {
        left: -54.16667%
    }
    .desktop-wide-14 {
        width: 58.33333%
    }
    .desktop-wide-push-14 {
        left: 58.33333%
    }
    .desktop-wide-pull-14 {
        left: -58.33333%
    }
    .desktop-wide-15 {
        width: 62.5%
    }
    .desktop-wide-push-15 {
        left: 62.5%
    }
    .desktop-wide-pull-15 {
        left: -62.5%
    }
    .desktop-wide-16 {
        width: 66.66667%
    }
    .desktop-wide-push-16 {
        left: 66.66667%
    }
    .desktop-wide-pull-16 {
        left: -66.66667%
    }
    .desktop-wide-17 {
        width: 70.83333%
    }
    .desktop-wide-push-17 {
        left: 70.83333%
    }
    .desktop-wide-pull-17 {
        left: -70.83333%
    }
    .desktop-wide-18 {
        width: 75%
    }
    .desktop-wide-push-18 {
        left: 75%
    }
    .desktop-wide-pull-18 {
        left: -75%
    }
    .desktop-wide-19 {
        width: 79.16667%
    }
    .desktop-wide-push-19 {
        left: 79.16667%
    }
    .desktop-wide-pull-19 {
        left: -79.16667%
    }
    .desktop-wide-20 {
        width: 83.33333%
    }
    .desktop-wide-push-20 {
        left: 83.33333%
    }
    .desktop-wide-pull-20 {
        left: -83.33333%
    }
    .desktop-wide-21 {
        width: 87.5%
    }
    .desktop-wide-push-21 {
        left: 87.5%
    }
    .desktop-wide-pull-21 {
        left: -87.5%
    }
    .desktop-wide-22 {
        width: 91.66667%
    }
    .desktop-wide-push-22 {
        left: 91.66667%
    }
    .desktop-wide-pull-22 {
        left: -91.66667%
    }
    .desktop-wide-23 {
        width: 95.83333%
    }
    .desktop-wide-push-23 {
        left: 95.83333%
    }
    .desktop-wide-pull-23 {
        left: -95.83333%
    }
    .desktop-wide-24 {
        width: 100%
    }
    .desktop-wide-push-24 {
        left: 100%
    }
    .desktop-wide-pull-24 {
        left: -100%
    }
    .desktop-wide-push-0 {
        left: 0
    }
    .desktop-wide-flush-1>:nth-child(-n+1),
    .desktop-wide-flush-2>:nth-child(-n+2),
    .desktop-wide-flush-3>:nth-child(-n+3),
    .desktop-wide-flush-4>:nth-child(-n+4),
    .desktop-wide-flush-5>:nth-child(-n+5),
    .desktop-wide-flush-6>:nth-child(-n+6) {
        margin-top: 0
    }
    .desktop-wide-hidden {
        display: none;
        visibility: hidden
    }
    .desktop-wide-visible {
        display: block;
        visibility: visible
    }
    .desktop-wide-visible-inline {
        display: inline;
        visibility: visible
    }
    .desktop-wide-visible-inline-block {
        display: inline-block;
        visibility: visible
    }
    .desktop-wide-visible-td {
        display: table-cell;
        visibility: visible
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.picker {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
    color: #2E241A;
    position: absolute;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0
}

.picker__input {
    cursor: default
}

.picker__input.picker__input--active {
    border-color: #182746
}

.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.picker__box {
    padding: 1.5rem
}

.picker__header {
    text-align: center;
    position: relative
}

.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__year {
    color: #182746
}

.picker__select--month,
.picker__select--year {
    border: 1px solid #8B93A2;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}

.picker__select--month {
    width: 35%
}

.picker__select--year {
    width: 22.5%
}

.picker__select--month:focus,
.picker__select--year:focus {
    border-color: #182746
}

.picker__nav--next,
.picker__nav--prev {
    cursor: pointer;
    position: absolute;
    padding: 0 1rem;
    width: 1.6rem;
    height: 1.6rem;
    box-sizing: content-box;
    top: 50%;
    margin-top: -.8rem
}

.picker__nav--next:before,
.picker__nav--prev:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #182746;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}

.picker__nav--next::hover,
.picker__nav--prev::hover {
    cursor: pointer;
    color: #2E241A;
    background: #C9DEF0
}

.picker__nav--prev {
    left: -.5rem;
    padding-right: 1rem
}

.picker__nav--next {
    right: -.5rem;
    padding-left: 1rem
}

.picker__nav--next:before {
    border-right: 0;
    border-left: .75em solid #182746
}

.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #8B93A2;
    border-left-color: #8B93A2
}

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}

.picker__table td {
    margin: 0;
    padding: 0
}

.picker__weekday {
    width: 14.285714286%;
    padding-bottom: .5em;
    color: #182746;
    font-weight: 500;
    text-align: center
}

.picker__day {
    padding: 8px 0;
    font-weight: 200
}

.picker__day--today {
    position: relative
}

.picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0
}

.picker__day--disabled:before {
    border-top-color: #8B93A2
}

.picker__day--outfocus {
    color: #D2D2D2
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    cursor: pointer;
    color: #2E241A;
    background: #C9DEF0
}

.picker__day--highlighted {
    border-color: #182746
}

.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover {
    cursor: pointer;
    color: #2E241A;
    background: #C9DEF0
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background: #182746;
    color: #FFF
}

.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
    background: #8B93A2;
    border-color: #8B93A2;
    color: #D2D2D2;
    cursor: default
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #a7adb9
}

.picker__footer {
    text-align: center
}

.picker__button--clear,
.picker__button--close,
.picker__button--today {
    border: none;
    background: #FFF;
    font-size: 1.4rem;
    padding: 1rem 0;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}

.picker__button--clear:hover,
.picker__button--close:hover,
.picker__button--today:hover {
    cursor: pointer;
    color: #2E241A;
    background: #C9DEF0
}

.picker__button--clear:focus,
.picker__button--close:focus,
.picker__button--today:focus {
    background: #C9DEF0;
    border-color: #182746;
    outline: 0
}

.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
    position: relative;
    display: inline-block;
    height: 0
}

.picker__button--clear:before,
.picker__button--today:before {
    content: " ";
    margin-right: .45em
}

.picker__button--today:before {
    width: 0;
    border-top: .66em solid #182746;
    border-left: .66em solid transparent
}

.picker__button--clear:before {
    top: -.25em;
    width: .66em;
    border-top: 3px solid #E66D6D
}

.picker__button--close:before {
    content: "\D7";
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #8B93A2
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    background: #8B93A2;
    border-color: #8B93A2;
    color: #D2D2D2;
    cursor: default
}

.picker__button--today[disabled]:before {
    border-top-color: #8B93A2
}

.picker {
    top: 100%;
    left: 3px;
    right: 3px
}

.picker__holder {
    position: absolute;
    background: #FFF;
    box-sizing: border-box;
    min-width: 176px;
    max-width: 100%;
    max-height: 0;
    opacity: 0;
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, max-height 0s .2s, border-width 0s .2s;
    outline: 0
}

.picker__frame {
    padding: 1px
}

.picker__wrap {
    margin: -1px
}

.picker--opened .picker__holder {
    max-height: none;
    opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    transform: translateY(0) perspective(600px) rotateX(0);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, max-height 0s, border-width 0s;
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, .12)
}

html.modal--is-locked {
    overflow: hidden
}

.modal {
    display: none;
    max-width: 70rem;
    position: relative;
    width: 100%;
    transform: translate3d(0, 0, 0);
    text-align: left;
    vertical-align: middle
}

.modal__close {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
    display: block;
    position: absolute;
    top: -2rem;
    right: -2rem;
    text-decoration: none
}

.modal__close .icon-circle {
    display: block;
    padding: 1rem;
    width: 4rem;
    height: 4rem
}

.modal__close .icon-circle .icon {
    font-size: 2rem
}

.modal__close:focus {
    box-shadow: none
}

.modal__overlay {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
    background-color: #2D3442;
    background-color: rgba(45, 52, 66, .8);
    position: fixed;
    z-index: 7;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none
}

.modal__wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
    position: fixed;
    z-index: 8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    padding: 2.4rem
}

@media only screen and (min-width:640px) {
    .modal__wrapper {
        padding: 3rem
    }
}

@media only screen and (min-width:768px) {
    .modal__wrapper {
        padding: 3.6rem
    }
}

@media only screen and (min-width:1024px) {
    .modal__wrapper {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media only screen and (min-width:1440px) {
    .modal__wrapper {
        padding-top: 7.2rem;
        padding-bottom: 7.2rem
    }
}

.modal__wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: "";
    vertical-align: middle
}

.modal--small {
    max-width: 45rem
}

.modal--wide {
    max-width: 79rem
}

.modal--is-initialized {
    display: inline-block
}

.modal__overlay.modal--is-opening {
    animation: modal-overlay-opening-keyframes .3s
}

.modal__overlay.modal--is-closing {
    animation: modal-overlay-closing-keyframes .3s
}

.modal--is-opening {
    animation: modal-opening-keyframes .3s
}

.modal--is-closing {
    animation: modal-closing-keyframes .3s
}

@keyframes modal-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes modal-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes modal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes modal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #182746;
    background: #182746;
    color: #FFF
}

.tooltipster-content {
    font-size: 1.6rem;
    line-height: 1.25;
    padding: .8rem 1.2rem;
    overflow: hidden
}

.tooltipster-content a {
    color: #FFF
}

.tooltipster-content a:focus,
.tooltipster-content a:hover {
    color: #FFE000
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-left span,
.tooltipster-arrow-top-right span {
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom-right span {
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top span {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-top-left span {
    left: 6px
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-top-right span {
    right: 6px
}

.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left span {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right span {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-content-changing {
    opacity: .5
}

@font-face {
    font-family: Effra_Regular;
    src: url(../../assets/static/fonts/Effra_Std_Rg.eot);
    src: url(../../assets/static/fonts/Effra_Std_Rg.eot?#iefix) format("embedded-opentype"), url(../../assets/static/fonts/Effra_Std_Rg.woff) format("woff"), url(../../assets/static/fonts/Effra_Std_Rg.ttf) format("truetype"), url(../../assets/static/fonts/Effra_Std_Rg.svg#9415985da0ffc35466232532a260e2fc) format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Effra_Light;
    src: url(../../assets/static/fonts/Effra_Std_Lt.eot);
    src: url(../../assets/static/fonts/Effra_Std_Lt.eot?#iefix) format("embedded-opentype"), url(../../assets/static/fonts/Effra_Std_Lt.woff) format("woff"), url(../../assets/static/fonts/Effra_Std_Lt.ttf) format("truetype"), url(../../assets/static/fonts/Effra_Std_Lt.svg#4452e5252cc0e131876410a0982da7a8) format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Effra_Bold;
    src: url(../../assets/static/fonts/Effra_Std_Bd.eot);
    src: url(../../assets/static/fonts/Effra_Std_Bd.eot?#iefix) format("embedded-opentype"), url(../../assets/static/fonts/Effra_Std_Bd.woff) format("woff"), url(../../assets/static/fonts/Effra_Std_Bd.ttf) format("truetype"), url(../../assets/static/fonts/Effra_Std_Bd.svg#4d3c8ad532dc39620c1a7258388fab6d) format("svg");
    font-style: normal;
    font-weight: 400
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    min-height: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: none
}

body {
    background-color: #C9DEF0;
    color: #182746;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: Effra_Light, Helvetica, Arial, sans-serif;
    min-width: 320px
}

@media only screen and (min-width:640px) {
    body {
        font-size: 1.8rem
    }
}

.site-wrapper {
    overflow-x: hidden
}

::-moz-selection {
    background: #182746;
    color: #FFF;
    text-shadow: none
}

::selection {
    background: #182746;
    color: #FFF;
    text-shadow: none
}

a {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #5478B2;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    transition: color .2s cubic-bezier(.455, .03, .515, .955)
}

a:focus,
a:hover {
    color: #182746
}

a:link {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

[data-link] {
    cursor: pointer
}

.link-delete {
    color: #E66D6D;
    text-decoration: none
}

dl dd,
dl dt {
    display: block
}

dl dt {
    margin-top: 1.6rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif
}

dl dt:after {
    content: ":"
}

dl dt:first-child {
    margin-top: 0
}

@media only screen and (min-width:1024px) {
    dl dt {
        margin-top: 2rem
    }
}

.dl--compact:after {
    content: "";
    display: table;
    clear: both
}

.dl--compact dd,
.dl--compact dt {
    margin-top: .2rem;
    float: left
}

.dl--compact dt {
    clear: left;
    margin-right: .8rem
}

.dl--compact dt:first-child+dd {
    margin-top: 0
}

.button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #FFE000;
    border-radius: 3px;
    color: #2E241A;
    display: inline-block;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    height: 5rem;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
    transition: background .2s cubic-bezier(.455, .03, .515, .955), color .2s cubic-bezier(.455, .03, .515, .955)
}

.button:after {
    content: "";
    display: table;
    clear: both
}

.button:focus,
.button:hover {
    background-color: #f5d701;
    color: #2E241A
}

.button:focus {
    box-shadow: 0 0 8px #5478B2
}

.button:active {
    top: 2px
}

.button--disabled,
.button[disabled] {
    cursor: not-allowed;
    opacity: .8
}

.button--disabled,
.button--disabled:focus,
.button--disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #F2F2F2;
    color: #8B93A2
}

.button--disabled .button__icon,
.button--disabled:focus .button__icon,
.button--disabled:hover .button__icon,
.button[disabled] .button__icon,
.button[disabled]:focus .button__icon,
.button[disabled]:hover .button__icon {
    background-color: #D2D2D2;
    color: #8B93A2
}

.button--disabled:active,
.button[disabled]:active {
    top: 0
}

.button__icon,
.button__text {
    display: block
}

.button__text {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1.7rem 6.2rem 1.7rem 1.2rem
}

.button__text:last-child {
    padding-right: 1.2rem
}

.button__icon {
    background: #E18F28;
    color: #FFF;
    text-align: center;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 0 3px 3px 0;
    position: absolute;
    top: 0;
    right: 0
}

.button__icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.2rem;
    margin-left: -1.2rem;
    font-size: 2.4rem
}

.button__icon:first-child {
    position: relative
}

@media only screen and (min-width:1248px) {
    .button {
        font-size: 2rem
    }
    .button__text {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

@media only screen and (min-width:1440px) {
    .button {
        font-size: 2.2rem;
        letter-spacing: -.01em;
        height: 5.6rem
    }
    .button__text {
        padding: 1.7rem 6.6rem 1.7rem 1.6rem
    }
    .button__icon {
        height: 5.6rem;
        line-height: 5.6rem
    }
}

.button--secondary {
    background-color: #2f3d58;
    color: #FFF
}

.button--secondary .button__icon {
    background-color: #182746
}

.button--secondary:focus,
.button--secondary:hover {
    background-color: #2f384c;
    color: #FFF
}

.button--neutral {
    background-color: #e5e5e5;
    color: #444
}

.button--neutral .button__icon {
    background-color: #D2D2D2;
    color: #444
}

.button--neutral:focus,
.button--neutral:hover {
    background-color: #dcdbdb;
    color: #444
}

.button--positive {
    background-color: #99C865;
    color: #FFF
}

.button--positive .button__icon {
    background-color: #6e8647
}

.button--positive:focus,
.button--positive:hover {
    background-color: #89af5a;
    color: #FFF
}

.button--negative {
    background-color: #E66D6D;
    color: #FFF
}

.button--negative .button__icon {
    background-color: #9c504c
}

.button--negative:focus,
.button--negative:hover {
    background-color: #ca6261;
    color: #FFF
}

.button--icon-left .button__text {
    padding-left: 6.2rem;
    padding-right: 1.2rem
}

.button--icon-left .button__icon {
    left: 0;
    right: 0;
    border-radius: 3px 0 0 3px
}

@media only screen and (min-width:768px) {
    .button--icon-left .button__text {
        padding-left: 6.6rem;
        padding-right: 1.6rem
    }
}

.button--small {
    font-size: 1.6rem;
    height: 4rem
}

.button--small .button__text {
    padding: 1.2rem 4.8rem 1.2rem .8rem
}

.button--small .button__text:last-child {
    padding-right: .8rem
}

.button--small .button__icon {
    width: 4rem;
    height: 4rem;
    line-height: 4rem
}

.button--small .button__icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.9rem;
    margin-left: -.9rem;
    font-size: 1.8rem
}

.button--small--icon-left .button__text {
    padding-left: 4.8rem;
    padding-right: .8rem
}

.button--small--icon-left .button__text:last-child {
    padding-left: .8rem
}

.button--small--icon-left .button__icon {
    border-radius: 3px 0 0 3px
}

@media only screen and (min-width:768px) {
    .button--small {
        height: 5rem
    }
    .button--small .button__text {
        padding: 1.7rem 6.2rem 1.7rem 1.2rem
    }
    .button--small .button__text:last-child {
        padding-right: 1.2rem
    }
    .button--small .button__icon {
        width: 5rem;
        height: 5rem;
        line-height: 5rem
    }
    .button--small .button__icon i {
        font-size: 2.4rem;
        margin-top: -1.2rem;
        margin-left: -1.2rem
    }
    .button--small--icon-left .button__text {
        padding-left: 6.2rem;
        padding-right: 1.2rem
    }
    .button--small--icon-left .button__text:last-child {
        padding-left: 1.2rem
    }
}

.button--mini {
    font-size: 1.6rem;
    height: 3.4rem
}

.button--mini .button__text {
    padding: .9rem 4rem .9rem .8rem
}

.button--mini .button__text:last-child {
    padding-right: .8rem
}

.button--mini .button__icon {
    width: 3.4rem;
    height: 3.4rem;
    line-height: 3.4rem
}

.button--mini .button__icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.7rem;
    margin-left: -.7rem;
    font-size: 1.4rem
}

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

.button-wrapper--centre {
    text-align: center
}

.button-wrapper--right {
    text-align: right
}

.button-wrapper--split:after {
    content: "";
    display: table;
    clear: both
}

.button-wrapper--split .button-wrapper {
    margin-top: 2rem
}

.button-wrapper--split .button-wrapper:first-child {
    margin-top: 0
}

@media only screen and (min-width:640px) {
    .button-wrapper--split .button-wrapper {
        margin-top: 0
    }
    .button-wrapper--split .button-wrapper:first-child {
        float: left
    }
    .button-wrapper--split .button-wrapper:nth-child(2) {
        float: right
    }
}

/*New 08.19*/
@media only screen and (max-width:639px) { 
    .button--narrowtop{
        margin-top: 1.5rem !important;
    }
}
.buttons--split:after {
    content: "";
    display: table;
    clear: both
}

.buttons--split .button-wrapper {
    margin-top: 2rem
}

.buttons--split .button-wrapper:first-child {
    margin-top: 0
}

.select,
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
input[type=number],
input[type=search],
input[type=date],
input[type=email],
select[multiple],
select[size],
textarea {
    background-color: #FFF;
    border: 3px solid #C9DEF0;
    border-radius: 3px;
    color: #182746;
    display: block;
    font-family: Effra_Light, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    height: 5rem;
    padding: 10px 12px
}

.select.focus,
.select:focus,
input[type=password].focus,
input[type=password]:focus,
input[type=tel].focus,
input[type=tel]:focus,
input[type=text].focus,
input[type=text]:focus,
input[type=url].focus,
input[type=url]:focus,
input[type=number].focus,
input[type=number]:focus,
input[type=search].focus,
input[type=search]:focus,
input[type=date].focus,
input[type=date]:focus,
input[type=email].focus,
input[type=email]:focus,
select[multiple].focus,
select[multiple]:focus,
select[size].focus,
select[size]:focus,
textarea.focus,
textarea:focus {
    border-color: #182746
}

.select.error,
.select.valid,
input[type=password].error,
input[type=password].valid,
input[type=tel].error,
input[type=tel].valid,
input[type=text].error,
input[type=text].valid,
input[type=url].error,
input[type=url].valid,
input[type=number].error,
input[type=number].valid,
input[type=search].error,
input[type=search].valid,
input[type=date].error,
input[type=date].valid,
input[type=email].error,
input[type=email].valid,
select[multiple].error,
select[multiple].valid,
select[size].error,
select[size].valid,
textarea.error,
textarea.valid {
   /*  background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 90px */
}

.select.valid,
input[type=password].valid,
input[type=tel].valid,
input[type=text].valid,
input[type=url].valid,
input[type=number].valid,
input[type=search].valid,
input[type=date].valid,
input[type=email].valid,
select[multiple].valid,
select[size].valid,
textarea.valid {
    /* background-image: url(../../assets/img/icon/check-tick-green.svg) */
}

.select.error,
input[type=password].error,
input[type=tel].error,
input[type=text].error,
input[type=url].error,
input[type=number].error,
input[type=search].error,
input[type=date].error,
input[type=email].error,
select[multiple].error,
select[size].error,
textarea.error {
 /*     background-image: url(./assets/img/icon/cross-red.svg);
    border-color: #E66D6D*/
}

.select.error .focus,
.select.error:focus,
input[type=password].error .focus,
input[type=password].error:focus,
input[type=tel].error .focus,
input[type=tel].error:focus,
input[type=text].error .focus,
input[type=text].error:focus,
input[type=url].error .focus,
input[type=url].error:focus,
input[type=number].error .focus,
input[type=number].error:focus,
input[type=search].error .focus,
input[type=search].error:focus,
input[type=date].error .focus,
input[type=date].error:focus,
input[type=email].error .focus,
input[type=email].error:focus,
select[multiple].error .focus,
select[multiple].error:focus,
select[size].error .focus,
select[size].error:focus,
textarea.error .focus,
textarea.error:focus {
   /* border-color: #9f1b1b */
}

.select.placeholder,
input[type=password].placeholder,
input[type=tel].placeholder,
input[type=text].placeholder,
input[type=url].placeholder,
input[type=number].placeholder,
input[type=search].placeholder,
input[type=date].placeholder,
input[type=email].placeholder,
select[multiple].placeholder,
select[size].placeholder,
textarea.placeholder {
    color: #8B93A2
}

.select:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=email]:-moz-placeholder,
select[multiple]:-moz-placeholder,
select[size]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #8B93A2
}

.select::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=email]::-moz-placeholder,
select[multiple]::-moz-placeholder,
select[size]::-moz-placeholder,
textarea::-moz-placeholder {
    color: #8B93A2
}

.select:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
select[multiple]:-ms-input-placeholder,
select[size]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #8B93A2
}

.select::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
select[multiple]::-webkit-input-placeholder,
select[size]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8B93A2
}

/*New 08.19*/
@media only screen and (max-width:640px) {
    .buttons--split .button-wrapper {
        float: right;
        clear:both;
    }
}


@media only screen and (min-width:640px) {
    .buttons--split .button-wrapper {
        margin-top: 0
    }
    .buttons--split .button-wrapper:first-child {
        float: left
    }
    .buttons--split .button-wrapper:nth-child(2),
    .buttons--split--flip .button-wrapper:first-child {
        float: right
    }
    .buttons--split--flip .button-wrapper:nth-child(2) {
        float: left
    }
    .select,
    input[type=password],
    input[type=tel],
    input[type=text],
    input[type=url],
    input[type=number],
    input[type=search],
    input[type=date],
    input[type=email],
    select[multiple],
    select[size],
    textarea {
        max-width: 60rem
    }
}

@media only screen and (min-width:1440px) {
    .select,
    input[type=password],
    input[type=tel],
    input[type=text],
    input[type=url],
    input[type=number],
    input[type=search],
    input[type=date],
    input[type=email],
    select[multiple],
    select[size],
    textarea {
        font-size: 2rem;
        height: 5.6rem
    }
}

textarea {
    resize: vertical;
    max-width: none;
    height: auto
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

input[type=checkbox],
input[type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

input[type=checkbox]+label,
input[type=radio]+label {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    font-smoothing: inherit;
    font-family: Effra_Light, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    min-height: 1.6rem;
    padding-left: 2.4rem;
    position: relative
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    background: center center no-repeat #FFF;
    background-size: 90%;
    border: 2px solid #70839B;
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.8rem
}

input[type=checkbox]+label:hover,
input[type=radio]+label:hover {
    color: #5478B2
}

input[type=checkbox]+.checkbox-only,
input[type=radio]+.checkbox-only {
    padding-left: 1.6rem
}

input[type=checkbox]+.checkbox-only>span,
input[type=radio]+.checkbox-only>span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

input[type=checkbox]:focus+label:before,
input[type=radio]:focus+label:before {
    border-color: #182746;
    box-shadow: 0 0 5px #5478B2
}

input[type=checkbox]:checked+label:before,
input[type=radio]:checked+label:before {
    background-color: #FFE000;
    background-image: url(../../assets/img/icon/check-tick.svg);
    border-color: #182746
}

input[type=checkbox][disabled]+label,
input[type=radio][disabled]+label {
    cursor: not-allowed;
    opacity: .4;
    text-decoration: none
}

input[type=checkbox][disabled]+label:hover,
input[type=radio][disabled]+label:hover {
    color: inherit
}

input[type=checkbox].error+label:before,
input[type=radio].error+label:before {
    border-color: #E66D6D
}

input[type=radio]+label:before {
    border-radius: 50%
}

input.currency,
input.percentage {
    max-width: 15rem
}

.input-fixed-value,
.input-fixed-value[disabled],
.input-fixed-value[disabled]:focus,
.input-fixed-value[disabled]:hover {
    background-color: #cbe3cd;
    border-color: #cbe3cd;
    color: #182746
}

.input-fixed-value+.input-plus-icon__icon {
    background-color: #bddbb0;
    border-color: #bddbb0
}

.select {
    background-color: #FFF;
    background-size: 12px;
    padding-right: 55px;
    display: block;
    line-height: 1.5;
    position: relative
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: Effra_Regular;
        src: url(../../assets/static/fonts/Effra_Std_Rg.svg#9415985da0ffc35466232532a260e2fc) format("svg")
    }
    @font-face {
        font-family: Effra_Light;
        src: url(../../assets/static/fonts/Effra_Std_Lt.svg#4452e5252cc0e131876410a0982da7a8) format("svg")
    }
    @font-face {
        font-family: Effra_Bold;
        src: url(../../assets/static/fonts/Effra_Std_Bd.svg#4d3c8ad532dc39620c1a7258388fab6d) format("svg")
    }
    .select {
        font-size: 16px!important
    }
}

.select.error,
.select.valid {
    background-position: right 6rem center
}

select[multiple],
select[size] {
    padding-top: .6rem;
    padding-bottom: .6rem;
    background-image: none;
    height: auto
}

select[multiple] option,
select[size] option {
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-family: Effra_Light, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 300
}

@media only screen and (min-width:1440px) {
    select[multiple] option,
    select[size] option {
        font-size: 2.2rem
    }
}

.select>span {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 1.6rem;
    position: relative
}

@media only screen and (min-width:1440px) {
    .select>span {
        font-size: 2rem
    }
}

.select select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0
}

.select:after,
.select:before {
    position: absolute
}

.select:before {
    content: "m";
    display: block;
    font-family: leeds-building-society-myleeds!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
    font-size: 2.4rem;
    z-index: 2;
    top: 1rem;
    right: 1rem
}

@media only screen and (min-width:1440px) {
    .select:before {
        top: 1.3rem
    }
}

.select:after {
    content: "";
    display: block;
    position: absolute;
    background: #596479;
    color: #FFF;
    text-align: center;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 0 3px 3px 0;
    top: -3px;
    right: -3px;
    z-index: 1
}

@media only screen and (min-width:1440px) {
    .select:after {
        height: 5.6rem
    }
}

.select.hover:after {
    background-color: #70839B
}

.select.focus:after {
    background-color: #596479
}

.select.focus.error {
    border-color: #9f1b1b
}

.select--arrow-alt:after {
    background: #E18F28
}

.select--arrow-alt.hover:after {
    background-color: #e7a655
}

.select--arrow-alt.focus {
    border-color: #E18F28
}

.select--arrow-alt.focus:after {
    background-color: #E18F28
}

input[disabled],
input[disabled]:active,
input[disabled]:focus,
input[disabled]:hover,
select[disabled],
select[disabled] optgroup,
select[disabled] optgroup:active,
select[disabled] optgroup:focus,
select[disabled] optgroup:hover,
select[disabled] option,
select[disabled] option:active,
select[disabled] option:focus,
select[disabled] option:hover,
select[disabled]:active,
select[disabled]:focus,
select[disabled]:hover,
textarea[disabled],
textarea[disabled]:active,
textarea[disabled]:focus,
textarea[disabled]:hover {
    background-color: #bcc6cd;
    border-color: #bcc6cd;
    color: #63615d
}

span.error-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #E66D6D;
    color: #FFF;
    display: inline-block;
    font-size: 1.6rem;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 100%;
    padding: .8rem;
    margin-top: 1.2rem
}

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

.label,
label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.25;
    transition: color .2s cubic-bezier(.455, .03, .515, .955)
}

.label b,
label b {
    color: #E66D6D;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.label em,
label em {
    color: #5478B2;
    font-style: normal
}

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

.label--invisible {
    opacity: 0
}

.label--side {
    padding-top: 1.4rem
}

@media only screen and (min-width:1440px) {
    .label--side {
        padding-top: 1.7rem
    }
}

@media only screen and (min-width:640px) {
    .label--side-tablet-small {
        padding-top: 1.4rem
    }
}

@media only screen and (min-width:1440px) {
    .label--side-tablet-small {
        padding-top: 1.7rem
    }
}

@media only screen and (min-width:1248px) {
    .label--side-desktop {
        padding-top: 1.4rem
    }
}

@media only screen and (min-width:1440px) {
    .label--side-desktop {
        padding-top: 1.7rem
    }
}

.label label {
    display: inline-block;
    margin-right: .6rem;
    margin-bottom: 0
}

.label label:last-child {
    margin-right: 0
}

.hr,
hr {
    height: 1px;
    background-color: #D2D2D2;
    border: none
}

.hr--white {
    background-color: #FFF
}

.icon {
    display: block;
    font-size: 2.4rem;
    line-height: 1
}

.icon:before {
    display: block
}

.icon-wrapper {
    display: inline-block
}

.icon-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.icon-wrapper .icon {
    float: left
}

.icon-circle {
    border-radius: 50%;
    display: inline-block;
    padding: .5rem;
    width: 2rem;
    height: 2rem;
    text-decoration: none
}

.icon-circle--blue-light {
    background-color: #C9DEF0;
    color: #182746
}

.icon-circle--blue-light-alt {
    background-color: #C9DEF0;
    color: #182746
}

.icon-circle--blue-light-alt-2 {
    background-color: #b5d2ea;
    color: #182746
}

.icon-circle--blue {
    background-color: #5478B2;
    color: #FFF
}

.icon-circle--blue-dark {
    background-color: #182746;
    color: #FFF
}

.icon-circle--blue-dark-2 {
    background-color: #2f3d58;
    color: #FFF
}

.icon-circle--steel {
    background-color: #70839B;
    color: #FFF
}

.icon-circle--yellow {
    background-color: #FFE000;
    color: #182746
}

.icon-circle--orange {
    background-color: #E18F28;
    color: #FFF
}

.icon-circle--red {
    background-color: #E66D6D;
    color: #FFF
}

.icon-circle--green {
    background-color: #99C865;
    color: #FFF
}

.icon-circle--green-bright {
    background-color: #2ca308;
    color: #FFF
}

.icon-circle--grey-light {
    background-color: #D2D2D2;
    color: #182746
}

.icon-circle--grey-off-white {
    background-color: #F2F2F2;
    color: #182746
}

.icon-circle--white {
    background-color: #FFF;
    color: #182746
}

.icon-circle .icon {
    font-size: 1rem
}

.icon-circle:focus,
.icon-circle:hover {
    color: #FFF
}

.icon-circle.focused {
    box-shadow: 0 0 8px #5478B2
}

.icon-text {
    display: inline-block;
    position: relative
}

.icon-text__icon {
    position: absolute;
    top: 50%;
    margin-top: -1.2rem
}

.icon-text__icon:first-child {
    left: 0
}

.icon-text__icon:last-child {
    right: 0
}

.icon-text__icon+.icon-text__text {
    padding-left: 3.2rem
}

.icon-text__text {
    display: block;
    padding-right: 3.2rem
}

.icon-text__text:last-child {
    padding-right: 0
}

.icon-text .icon-wrapper {
    margin-top: -1.2rem
}

.icon-text .icon-circle {
    margin-top: -1rem
}

.icon-text--small .icon-wrapper {
    width: 1.8rem;
    height: 1.8rem;
    margin-top: -.9rem
}

.icon-text--small .icon-wrapper .icon {
    font-size: 1.8rem
}

.icon-text--small .icon-wrapper+.icon-text__text {
    padding-left: 2.4rem
}

@media only screen and (min-width:768px) {
    .icon-text--large .icon-circle {
        width: 3.6rem;
        height: 3.6rem;
        margin-top: -1.8rem;
        padding: .8rem
    }
    .icon-text--large .icon-circle .icon {
        font-size: 2rem
    }
    .icon-text--large .icon-circle+.icon-text__text {
        padding-left: 4.6rem
    }
}

@media only screen and (min-width:1248px) {
    .icon-text--large .icon-wrapper {
        width: 3.6rem;
        height: 3.6rem;
        margin-top: -1.8rem
    }
    .icon-text--large .icon-wrapper .icon {
        font-size: 3.6rem
    }
    .icon-text--large .icon-wrapper+.icon-text__text {
        padding-left: 4.4rem
    }
    .icon-text--large .icon-circle {
        width: 4.4rem;
        height: 4.4rem;
        margin-top: -2.2rem;
        padding: 1rem
    }
    .icon-text--large .icon-circle .icon {
        font-size: 2.4rem
    }
    .icon-text--large .icon-circle+.icon-text__text {
        padding-left: 5.6rem
    }
}

a.icon-text {
    text-decoration: none
}

img {
    display: block;
    max-width: 100%;
    font-style: italic
}

.logo .logo-square {
    width: 100%;
    height: auto
}

.logo {
    max-width: 38rem
}

.logo-square {
    max-width: 13.5rem
}

.text-icon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-radius: 50%;
    display: block;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    font-style: normal;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center
}

.text-icon--blue-light {
    background-color: #C9DEF0;
    color: #182746
}

.text-icon--blue-light-alt {
    background-color: #C9DEF0;
    color: #182746
}

.text-icon--blue-light-alt-2 {
    background-color: #b5d2ea;
    color: #182746
}

.text-icon--blue {
    background-color: #5478B2;
    color: #FFF
}

.text-icon--blue-dark {
    background-color: #182746;
    color: #FFF
}

.text-icon--blue-dark-2 {
    background-color: #2f3d58;
    color: #FFF
}

.text-icon--steel {
    background-color: #70839B;
    color: #FFF
}

.text-icon--yellow {
    background-color: #FFE000;
    color: #182746
}

.text-icon--orange {
    background-color: #E18F28;
    color: #FFF
}

.text-icon--red {
    background-color: #E66D6D;
    color: #FFF
}

.text-icon--green {
    background-color: #99C865;
    color: #FFF
}

.text-icon--green-bright {
    background-color: #2ca308;
    color: #FFF
}

.text-icon--grey-light {
    background-color: #D2D2D2;
    color: #182746
}

.text-icon--grey-off-white {
    background-color: #F2F2F2;
    color: #182746
}

.text-icon--white {
    background-color: #FFF;
    color: #182746
}

.text-pill {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-radius: 3px;
    display: inline-block;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    padding: .3rem .6rem;
    text-transform: lowercase
}

.text-pill--blue-light {
    background-color: #C9DEF0;
    color: #182746
}

.text-pill--blue-light-alt {
    background-color: #C9DEF0;
    color: #182746
}

.text-pill--blue-light-alt-2 {
    background-color: #b5d2ea;
    color: #182746
}

.text-pill--blue {
    background-color: #5478B2;
    color: #FFF
}

.text-pill--blue-dark {
    background-color: #182746;
    color: #FFF
}

.text-pill--blue-dark-2 {
    background-color: #2f3d58;
    color: #FFF
}

.text-pill--steel {
    background-color: #70839B;
    color: #FFF
}

.text-pill--yellow {
    background-color: #FFE000;
    color: #182746
}

.text-pill--orange {
    background-color: #E18F28;
    color: #FFF
}

.text-pill--red {
    background-color: #E66D6D;
    color: #FFF
}

.text-pill--green {
    background-color: #99C865;
    color: #FFF
}

.text-pill--green-bright {
    background-color: #2ca308;
    color: #FFF
}

.text-pill--grey-light {
    background-color: #D2D2D2;
    color: #182746
}

.text-pill--grey-off-white {
    background-color: #F2F2F2;
    color: #182746
}

.text-pill--white {
    background-color: #FFF;
    color: #182746
}

.text-pill:first-child {
    margin-left: 0
}

.text-pill-wrapper {
    display: inline-block;
    vertical-align: top
}

.text-pill-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.text-pill-wrapper .text-pill-label {
    display: inline-block;
    margin-right: .4rem
}

.text-pill-wrapper .text-pill {
    margin-left: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    font-weight: 400;
    line-height: 100%
}

.h1,
.h2,
.h3,
.h4,
.page-title,
h1,
h2,
h3,
h4 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif
}

.h1,
h1 {
    font-size: 2.5rem;
    margin-top: 1em;
    margin-bottom: .4em
}

@media only screen and (min-width:768px) {
    .h1,
    h1 {
        font-size: 2.7rem
    }
}

@media only screen and (min-width:1248px) {
    .h1,
    h1 {
        font-size: 3rem
    }
}

@media only screen and (min-width:1440px) {
    .h1,
    h1 {
        font-size: 3.3rem
    }
}

.h2,
h2 {
    font-size: 2.2rem;
    margin-top: 1em;
    margin-bottom: .6em
}

@media only screen and (min-width:768px) {
    .h2,
    h2 {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:1248px) {
    .h2,
    h2 {
        font-size: 2.6rem
    }
}

.h3,
h3 {
    font-size: 2rem;
    margin-top: 1em;
    margin-bottom: .5em
}

@media only screen and (min-width:768px) {
    .h3,
    h3 {
        font-size: 2.1rem
    }
}

@media only screen and (min-width:1248px) {
    .h3,
    h3 {
        font-size: 2.2rem
    }
}

.h4,
h4 {
    font-size: 1.8rem;
    margin-top: 1em;
    margin-bottom: .5em
}

.h5,
h5 {
    font-size: 1.6rem
}

.page-title {
    font-size: 3.3rem;
    margin-bottom: .3em
}

@media only screen and (min-width:1024px) {
    .page-title {
        font-size: 4rem
    }
}

@media only screen and (min-width:1248px) {
    .page-title {
        font-size: 4.8rem;
        max-width: 80%
    }
}

.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
ol:first-child,
p:first-child,
ul:first-child {
    margin-top: 0
}

.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
ol:last-child,
p:last-child,
ul:last-child {
    margin-bottom: 0
}

ol,
p,
ul {
    margin-bottom: 1em
}

p {
    max-width: 32em
}

ol,
ul {
    margin-left: 3.6rem;
    margin-right: 3.6rem
}

li {
    margin-bottom: .75em
}

li:last-child {
    margin-bottom: 0
}

.p-giga {
    font-size: 7.2rem;
    letter-spacing: .02em;
    line-height: .8;
    margin-bottom: .4em
}

@media only screen and (max-width:479px) {
    .p-giga {
        font-size: 6rem
    }
}

.p-mega {
    font-size: 4.8rem;
    line-height: .9;
    margin-bottom: .6em
}

@media only screen and (max-width:479px) {
    .p-mega {
        font-size: 3.6rem
    }
}

.p-large {
    font-size: 2.2rem
}

.p-small {
    font-size: 1.6rem
}

.p-x-small {
    font-size: 1.4rem
}

b,
strong {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Effra_Bold, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.light {
    font-family: Effra_Light, Helvetica, Arial, sans-serif
}

.regular {
    font-family: Effra_Regular, Helvetica, Arial, sans-serif
}

.t-yellow {
    color: #FFE000
}

.t-center {
    text-align: center
}

.t-right {
    text-align: right
}

.t-uppercase {
    text-transform: uppercase
}

.t-lowercase {
    text-transform: lowercase
}

.accordion {
    position: relative
}

.accordion__tabs {
    display: none
}

.accordion--tabbed-mode .accordion__tabs {
    display: block
}

.accordion--tabbed-mode .accordion-block {
    display: none;
    margin-top: 0
}

.accordion--tabbed-mode .accordion-block__content {
    visibility: visible;
    opacity: 1;
    position: relative;
    top: auto;
    left: auto
}

.accordion--tabbed-mode .accordion-block.active {
    display: block
}

.accordion-block {
    margin-top: 2rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.accordion-block:first-child {
    margin-top: 0
}

@media only screen and (min-width:640px) {
    .accordion-block {
        margin-top: 2.4rem
    }
}

@media only screen and (min-width:768px) {
    .accordion-block {
        margin-top: 3rem
    }
}

@media only screen and (min-width:1440px) {
    .accordion-block {
        margin-top: 4.2rem
    }
}

.accordion-block__header .icon-text {
    display: block
}

.accordion-block__title__text--has-icon {
    position: relative;
    padding-left: 3rem
}

.accordion-block__title__text--has-icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    background-color: #E18F28;
    border-radius: 50%
}

.accordion-block__title__text--has-icon .icon {
    position: absolute;
    top: 50%;
    left: .4rem;
    color: #E66D6D;
    font-size: 1.2rem;
    margin-top: -.6rem
}

[data-status=not-started] .accordion-block__title__text--has-icon:before {
    background-color: #E66D6D
}

[data-status=not-started] .accordion-block__title__text--has-icon .icon {
    color: #402b22
}

[data-status=complete] .accordion-block__title__text--has-icon:before {
    background-color: #99C865
}

[data-status=complete] .accordion-block__title__text--has-icon .icon {
    color: #393422
}

[data-status=complete] .accordion-block__title__text--has-icon .icon-placeholder:before 
{
   
    content: '\61'
} 

[data-status=disabled] .accordion-block__title__text--has-icon:before {
    background-color: #D2D2D2
}

[data-status=disabled] .accordion-block__title__text--has-icon .icon {
    color: #444
}

[data-status=disabled] .accordion-block__title__text--has-icon .icon-placeholder:before {
    content: '\47'
}

.accordion-block__content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.accordion-block input[type=checkbox] {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    width: auto;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: -1
}

.accordion-block__toggle.focused~.accordion-block__header {
    box-shadow: 0 0 8px #5478B2
}

.accordion-block__toggle:checked~.accordion-block__header .accordion-block__title__icon {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.accordion-block__toggle:checked~.accordion-block__content {
    visibility: visible;
    opacity: 1;
    position: relative;
    top: auto;
    left: auto
}

.accordion-block.active {
    overflow: auto
}

.accordion-block.disabled .accordion-block__header {
    color: #8B93A2
}

.accordion-block.disabled .accordion-block__header label {
    cursor: not-allowed
}

.action-bar {
    padding: 1.6rem
}

.action-bar--blue-light {
    background-color: #C9DEF0;
    color: #182746
}

.action-bar--blue-light a {
    color: #182746
}

.action-bar--blue-light a:focus,
.action-bar--blue-light a:hover {
    text-decoration: none
}

.action-bar--blue-light-alt {
    background-color: #C9DEF0;
    color: #182746
}

.action-bar--blue-light-alt a {
    color: #182746
}

.action-bar--blue-light-alt a:focus,
.action-bar--blue-light-alt a:hover {
    text-decoration: none
}

.action-bar--blue-light-alt-2 {
    background-color: #b5d2ea;
    color: #182746
}

.action-bar--blue-light-alt-2 a {
    color: #182746
}

.action-bar--blue-light-alt-2 a:focus,
.action-bar--blue-light-alt-2 a:hover {
    color: #445068;
    text-decoration: none
}

.action-bar--blue {
    background-color: #5478B2;
    color: #FFF
}

.action-bar--blue a {
    color: #FFF
}

.action-bar--blue a:focus,
.action-bar--blue a:hover {
    text-decoration: none
}

.action-bar--blue-dark {
    background-color: #182746;
    color: #FFF
}

.action-bar--blue-dark a {
    color: #FFF
}

.action-bar--blue-dark a:focus,
.action-bar--blue-dark a:hover {
    text-decoration: none
}

.action-bar--blue-dark-2 {
    background-color: #2f3d58;
    color: #FFF
}

.action-bar--blue-dark-2 a {
    color: #FFF
}

.action-bar--blue-dark-2 a:focus,
.action-bar--blue-dark-2 a:hover {
    text-decoration: none
}

.action-bar--steel {
    background-color: #70839B;
    color: #FFF
}

.action-bar--steel a {
    color: #FFF
}

.action-bar--steel a:focus,
.action-bar--steel a:hover {
    text-decoration: none
}

.action-bar--yellow {
    background-color: #FFE000;
    color: #182746
}

.action-bar--yellow a {
    color: #182746
}

.action-bar--yellow a:focus,
.action-bar--yellow a:hover {
    text-decoration: none
}

.action-bar--orange {
    background-color: #E18F28;
    color: #FFF
}

.action-bar--orange a {
    color: #FFF
}

.action-bar--orange a:focus,
.action-bar--orange a:hover {
    text-decoration: none
}

.action-bar--red {
    background-color: #E66D6D;
    color: #FFF
}

.action-bar--red a {
    color: #FFF
}

.action-bar--red a:focus,
.action-bar--red a:hover {
    text-decoration: none
}

.action-bar--green {
    background-color: #99C865;
    color: #FFF
}

.action-bar--green a {
    color: #FFF
}

.action-bar--green a:focus,
.action-bar--green a:hover {
    text-decoration: none
}

.action-bar--green-bright {
    background-color: #2ca308;
    color: #FFF
}

.action-bar--green-bright a {
    color: #FFF
}

.action-bar--green-bright a:focus,
.action-bar--green-bright a:hover {
    text-decoration: none
}

.action-bar--grey-light {
    background-color: #D2D2D2;
    color: #182746
}

.action-bar--grey-light a {
    color: #182746
}

.action-bar--grey-light a:focus,
.action-bar--grey-light a:hover {
    text-decoration: none
}

.action-bar--grey-off-white {
    background-color: #F2F2F2;
    color: #182746
}

.action-bar--grey-off-white a {
    color: #182746
}

.action-bar--grey-off-white a:focus,
.action-bar--grey-off-white a:hover {
    text-decoration: none
}

.action-bar--white {
    background-color: #FFF;
    color: #182746
}

.action-bar--white a {
    color: #182746
}

.action-bar--white a:focus,
.action-bar--white a:hover {
    text-decoration: none
}

.action-bar a {
    display: inline-block;
    padding-right: 2rem;
    position: relative;
    text-decoration: none
}

.action-bar a:focus .icon-wrapper,
.action-bar a:hover .icon-wrapper {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.action-bar a .icon-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -.8rem;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1)
}

.action-bar a .icon {
    font-size: 1.6rem
}

.alert {
    font-size: 2.2rem;
    line-height: 1.25;
    padding: 1.6rem
}

.alert--blue-light {
    background-color: #C9DEF0;
    color: #182746
}

.alert--blue-light a {
    color: #182746
}

.alert--blue-light a:focus,
.alert--blue-light a:hover {
    text-decoration: none
}

.alert--blue-light-alt {
    background-color: #C9DEF0;
    color: #182746
}

.alert--blue-light-alt a {
    color: #182746
}

.alert--blue-light-alt a:focus,
.alert--blue-light-alt a:hover {
    text-decoration: none
}

.alert--blue-light-alt-2 {
    background-color: #b5d2ea;
    color: #182746
}

.alert--blue-light-alt-2 a {
    color: #182746
}

.alert--blue-light-alt-2 a:focus,
.alert--blue-light-alt-2 a:hover {
    color: #445068;
    text-decoration: none
}

.alert--blue {
    background-color: #5478B2;
    color: #FFF
}

.alert--blue a {
    color: #FFF
}

.alert--blue a:focus,
.alert--blue a:hover {
    text-decoration: none
}

.alert--blue-dark {
    background-color: #182746;
    color: #FFF
}

.alert--blue-dark a {
    color: #FFF
}

.alert--blue-dark a:focus,
.alert--blue-dark a:hover {
    text-decoration: none
}

.alert--blue-dark-2 {
    background-color: #2f3d58;
    color: #FFF
}

.alert--blue-dark-2 a {
    color: #FFF
}

.alert--blue-dark-2 a:focus,
.alert--blue-dark-2 a:hover {
    text-decoration: none
}

.alert--steel {
    background-color: #70839B;
    color: #FFF
}

.alert--steel a {
    color: #FFF
}

.alert--steel a:focus,
.alert--steel a:hover {
    text-decoration: none
}

.alert--yellow {
    background-color: #FFE000;
    color: #182746
}

.alert--yellow a {
    color: #182746
}

.alert--yellow a:focus,
.alert--yellow a:hover {
    text-decoration: none
}

.alert--orange {
    background-color: #E18F28;
    color: #FFF
}

.alert--orange a {
    color: #FFF
}

.alert--orange a:focus,
.alert--orange a:hover {
    text-decoration: none
}

.alert--red {
    background-color: #E66D6D;
    color: #FFF
}

.alert--red a {
    color: #FFF
}

.alert--red a:focus,
.alert--red a:hover {
    text-decoration: none
}

.alert--green {
    background-color: #99C865;
    color: #FFF
}

.alert--green a {
    color: #FFF
}

.alert--green a:focus,
.alert--green a:hover {
    text-decoration: none
}

.alert--green-bright {
    background-color: #2ca308;
    color: #FFF
}

.alert--green-bright a {
    color: #FFF
}

.alert--green-bright a:focus,
.alert--green-bright a:hover {
    text-decoration: none
}

.alert--grey-light {
    background-color: #D2D2D2;
    color: #182746
}

.alert--grey-light a {
    color: #182746
}

.alert--grey-light a:focus,
.alert--grey-light a:hover {
    text-decoration: none
}

.alert--grey-off-white {
    background-color: #F2F2F2;
    color: #182746
}

.alert--grey-off-white a {
    color: #182746
}

.alert--grey-off-white a:focus,
.alert--grey-off-white a:hover {
    text-decoration: none
}

.alert--white {
    background-color: #FFF;
    color: #182746
}

.alert--white a {
    color: #182746
}

.alert--white a:focus,
.alert--white a:hover {
    text-decoration: none
}

.alert strong {
    display: block
}

@media only screen and (min-width:480px) {
    .alert strong {
        display: inline
    }
}

@media only screen and (min-width:640px) {
    .alert {
        font-size: 2.6rem;
        padding: 2.4rem
    }
}

.block__content {
    margin-top: 1.6rem
}

@media only screen and (min-width:1024px) {
    .alert {
        padding-left: 3.6rem;
        padding-right: 3.6rem
    }
    .block__content {
        margin-top: 2rem
    }
}

@media only screen and (min-width:1248px) {
    .block__content {
        margin-top: 2.4rem
    }
}

.breadcrumb {
    font-size: 1.4rem;
    line-height: 1
}

.breadcrumb:after {
    content: "";
    display: table;
    clear: both
}

.breadcrumb .icon,
.breadcrumb a,
.breadcrumb span {
    float: left;
    margin-right: .6rem
}

.breadcrumb .icon:last-child,
.breadcrumb a:last-child,
.breadcrumb span:last-child {
    margin-right: 0
}

.breadcrumb a {
    text-decoration: none
}

.breadcrumb .icon {
    font-size: 1.4rem
}

.button-plus-secondary__secondary {
    margin-top: 1.2rem;
    display: block
}

@media only screen and (min-width:640px) {
    .button-plus-secondary__secondary {
        margin-top: 1.6rem
    }
}

@media only screen and (min-width:1248px) {
    .button-plus-secondary__secondary {
        margin-top: 2.4rem
    }
}

.contact-block {
    border-top: 1px solid #D2D2D2;
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    padding-left: 3.2rem
}

.contact-block:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.contact-block__title {
    margin-bottom: .4em;
    margin-left: -3.2rem
}

.contact-block dl,
.contact-block p {
    margin-bottom: .4em
}

.contact-block__cta {
    color: #182746;
    display: block;
    text-decoration: none
}

.contact-block__cta:focus,
.contact-block__cta:hover {
    text-decoration: underline
}

@media only screen and (min-width:768px) {
    .contact-block {
        padding-left: 4.6rem
    }
    .contact-block__title {
        margin-left: -4.6rem
    }
}

@media only screen and (min-width:1248px) {
    .contact-block {
        margin-top: 3.6rem;
        padding-top: 3.6rem;
        padding-left: 5.6rem
    }
    .contact-block__title {
        margin-left: -5.6rem
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    max-width: 1440px
}

@media only screen and (min-width:480px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media only screen and (min-width:640px) {
    .container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .container {
        padding-left: 4.2rem;
        padding-right: 4.2rem
    }
}

@media only screen and (min-width:1248px) {
    .container {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }
}

.copy {
    max-width: 32em
}

.copy--centered {
    margin-left: auto;
    margin-right: auto
}

.copy--no-cap {
    max-width: 100%
}

.delete-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4.2rem;
    background: red
}

.delete {
    background-color: #e8e8e7;
    color: #182746;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.2rem;
    transition: background .2s cubic-bezier(.455, .03, .515, .955), color .2s cubic-bezier(.455, .03, .515, .955)
}

.delete .icon {
    font-size: 1.8rem;
    width: 1.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.9rem;
    margin-left: -.9rem
}

.delete:hover {
    background-color: #E66D6D;
    color: #FFF
}

.expand__content-wrapper {
    overflow: hidden
}

.expand__content {
    padding-bottom: 1.2rem
}

@media only screen and (min-width:640px) {
    .expand__content {
        padding-bottom: 1.6rem
    }
}

.filter {
    font-size: 1.6rem;
    line-height: 1
}

.filter input[type=checkbox]+label,
.filter input[type=radio]+label {
    font-size: 1.6rem;
    padding-left: 2.2rem
}

form:first-child {
    margin-top: 0
}

form li,
form p,
form:last-child {
    margin-bottom: 0
}

form ul {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    list-style: none
}

.form--full-width {
    max-width: none
}

.form-fieldset {
    margin-top: 2rem
}

.form-fieldset:first-child {
    margin-top: 0
}

@media only screen and (min-width:640px) {
    .form-fieldset {
        margin-top: 2.4rem
    }
    .form-field--width-half {
        width: 50%
    }
    .form-field--width-third {
        width: 33%
    }
}

@media only screen and (min-width:768px) {
    .form-fieldset {
        margin-top: 3rem
    }
    .form-fieldset__title {
        font-size: 2.6rem;
        margin-bottom: .4em
    }
}

@media only screen and (min-width:1024px) {
    .expand__content {
        padding-bottom: 2rem
    }
    .form-fieldset {
        margin-top: 3.6rem
    }
    .form-fieldset__title {
        font-size: 3.3rem
    }
}

@media only screen and (min-width:1248px) {
    .form-fieldset {
        margin-top: 4.2rem
    }
}

.form-fieldset__header {
    max-width: 35em
}

.form-fieldset .fields-section>* {
    border-top-color: #D2D2D2
}

.form-fieldset .form-help__trigger:before {
    border-bottom-color: #FFF
}

.tabs .form-fieldset {
    margin-top: 1px
}

.tabs .form-fieldset:first-child {
    margin-top: 0
}

.fields-group>*,
.fields-list-inline>*,
.fields-list>*,
.fields-section>*,
.fields-split>* {
    position: relative
}

.fields-section:first-child {
    margin-top: 0
}

.fields-section:last-child {
    margin-bottom: 0
}

.fields-section,
.panel>.fields-section {
    margin-top: 3rem
}

.fields-section>* {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #C9DEF0;
    position: relative
}

.fields-section>:first-child {
    margin-top: 0
}

.fields-section>:last-child {
    margin-bottom: 0
}

.form-fieldset:first-child .fields-section:first-child>:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

@media only screen and (min-width:768px) {
    .fields-section,
    .panel>.fields-section {
        margin-top: 3.6rem
    }
    .fields-section>* {
        margin-top: 3.6rem;
        padding-top: 3.6rem
    }
}

@media only screen and (min-width:1248px) {
    .fields-section,
    .panel>.fields-section {
        margin-top: 4.2rem
    }
    .fields-section>* {
        margin-top: 4.2rem;
        padding-top: 4.2rem
    }
}

.fields-group>:first-child,
.fields-list>:first-child {
    margin-top: 0
}

.fields-group>:last-child,
.fields-list>:last-child {
    margin-bottom: 0
}

.fields-group>* {
    margin-top: 2.4rem
}

@media only screen and (min-width:768px) {
    .fields-group>* {
        margin-top: 3rem
    }
}

@media only screen and (min-width:1248px) {
    .fields-group>* {
        margin-top: 3.6rem
    }
}

.fields-list>* {
    margin-top: 1.6rem
}

.fields-list-inline,
.fields-list-inline:first-child {
    margin-top: -.8rem
}

.fields-list-inline>* {
    margin-top: 1.2rem;
    margin-right: 1.2rem;
    display: inline-block
}

.fields-list-inline>:last-child {
    margin-right: 0
}

.fields-split:after {
    content: "";
    display: table;
    clear: both
}

form .fields-split {
    margin-left: -.8rem;
    margin-right: -.8rem
}

.fields-split>* {
    margin-top: 1.6rem;
    padding-left: .8rem;
    padding-right: .8rem
}

.fields-split>:first-child {
    margin-top: 0
}

.fields-split label {
    font-size: 1.6rem
}

@media only screen and (min-width:768px) {
    .fields-split label {
        font-size: 1.8rem
    }
}

.fields-split span.error-text {
    right: .8rem
}

.form-field,
.form-field__inner {
    position: relative
}

.form-field .label,
.form-field label {
    margin-bottom: .6em
}

.form-field .label label {
    margin-bottom: 0
}

.form-field--single-char {
    width: 7rem
}

.form-field--single-char input {
    text-align: center
}

@media only screen and (min-width:640px) {
    .form-field--maxlength {
        max-width: 60rem
    }
    .form-field--maxlength input {
        max-width: none
    }
}

.form-input-action {
    max-width: 60rem;
    padding-right: 5rem;
    position: relative
}

.form-input-action input {
    border-radius: 3px 0 0 3px
}

.form-input-action .button {
    border-radius: 0 3px 3px 0;
    position: absolute;
    top: 0;
    right: 0
}

.form-date {
    background-color: #FFF;
    position: relative
}

.form-date input {
    background-color: transparent;
    position: relative;
    z-index: 2
}

.form-date:after {
    font-smoothing: antialiased;
    content: "s";
    display: block;
    font-family: leeds-building-society-myleeds!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    z-index: 0;
    font-size: 2.4rem;
    margin-top: -1.2rem
}

@media only screen and (min-width:480px) {
    .form-date {
        max-width: 30rem
    }
    .form-date input {
        max-width: none
    }
}

.form-help {
    padding-bottom: 4rem;
    position: relative
}

.form-help:after {
    content: "";
    display: table;
    clear: both
}

.form-help__trigger {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6rem;
    height: 4rem;
    line-height: 4rem;
    padding-left: 3rem;
    text-align: center;
    text-decoration: none;
    transition: background .4s cubic-bezier(.645, .045, .355, 1), color .4s cubic-bezier(.645, .045, .355, 1)
}

.form-help__trigger:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 4rem solid #C9DEF0;
    border-right: 6rem solid transparent;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0
}

.form-help__trigger,
.form-help__trigger:focus,
.form-help__trigger:hover {
    background-color: #5478B2;
    color: #FFF
}

.form-help__trigger:focus {
    box-shadow: none
}

.form-help__trigger i {
    font-size: 1.6rem;
    margin-top: .5rem
}

.form-help__info {
    background-color: #5478B2;
    bottom: 100%;
    color: #FFF;
    max-height: 0;
    overflow: hidden;
    position: relative
}

.form-help__info__inner {
    padding: 2.4rem
}

.form-help__close {
    width: 2.4rem;
    height: 2.4rem;
    padding: .6rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #E66D6D
}

.form-help__close,
.form-help__close:focus,
.form-help__close:hover {
    color: #FFF
}

.form-help__close .icon {
    font-size: 12px
}

.form-help--active .form-help__trigger {
    box-shadow: none
}

.form-help--active .form-help__info {
    max-height: none
}

.fields-group .form-help,
.fields-section .form-help {
    margin-top: -3rem
}

@media only screen and (min-width:768px) {
    .fields-group .form-help,
    .fields-section .form-help {
        margin-top: -3.6rem
    }
}

@media only screen and (min-width:1248px) {
    .fields-group .form-help,
    .fields-section .form-help {
        margin-top: -4.2rem
    }
}

.fields-group .form-help+*,
.fields-section .form-help+* {
    margin-top: 0
}

.input-plus-icon {
    max-width: 60rem;
    padding-left: 5rem;
    position: relative
}

.input-plus-icon .select,
.input-plus-icon input,
.input-plus-icon select,
.input-plus-icon textarea {
    border-radius: 0 3px 3px 0;
    max-width: none
}

.input-plus-icon__icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5rem;
    height: 5rem;
    background-color: #C9DEF0;
    border: 3px solid #C9DEF0;
    border-right: none;
    border-radius: 3px 0 0 3px
}

.input-plus-icon__icon .icon {
    font-size: 1.6rem;
    margin: 1.4rem
}

.input-plus-icon__icon .icon+input:focus {
    border: red
}

.input-plus-icon__icon--text {
    width: auto;
    min-width: 10rem
}

.input-plus-icon__icon--text em {
    display: block;
    font-style: normal;
    line-height: 4.4rem;
    padding-left: 1rem;
    padding-right: 1.2rem;
    text-align: center
}

.input-plus-icon--right {
    padding-right: 5rem;
    padding-left: 0
}

.input-plus-icon--right .select,
.input-plus-icon--right input,
.input-plus-icon--right select,
.input-plus-icon--right textarea {
    border-radius: 3px 0 0 3px
}

.input-plus-icon--right .input-plus-icon__icon {
    right: 0;
    left: auto;
    border-radius: 0 3px 3px 0
}

@media only screen and (min-width:1440px) {
    .input-plus-icon__icon .icon {
        font-size: 2rem;
        margin: 1.5rem 1.2rem
    }
    .input-plus-icon__icon {
        height: 5.6rem
    }
}

.input-plus-label {
    position: relative
}

.input-plus-label__label {
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -.8rem;
    font-family: Effra_Light, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 1;
    padding-left: 1.6rem
}

@media only screen and (max-width:479px) {
    .input-plus-label__label {
        display: none
    }
}

.form-maxlength-message {
    position: absolute;
    bottom: 3px;
    right: 3px;
    padding: .3rem .5rem;
    font-size: 1.4rem;
    line-height: 1;
    background-color: #C9DEF0;
    color: #5478B2
}

.answered {
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1)
}

.unanswered-questions-only .answered {
    opacity: .2
}

.unanswered-questions-only .answered.interacted {
    opacity: 1
}

.fields-repeater__header {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    margin-bottom: 1.2rem
}

.fields-repeater__header__label {
    display: block
}

.fields-repeater__header__label--centred {
    text-align: center
}

.fields-repeater__header__label--delete {
    margin-right: 5rem
}

.fields-repeater__body .row {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    position: relative
}

.fields-repeater__body .row:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: .8rem;
    left: .8rem;
    height: 1px;
    background-color: #D2D2D2
}

.fields-repeater__body .row:first-child {
    margin-top: 0;
    padding-top: 0
}

.fields-repeater__body .row:first-child:before {
    display: none
}

@media only screen and (min-width:640px) {
    [data-linear=tablet-small] .fields-repeater__body .row {
        padding-top: 0
    }
    [data-linear=tablet-small] .fields-repeater__body .row:before {
        display: none
    }
    [data-linear=tablet-small] .fields-repeater__body input[type=checkbox]+label,
    [data-linear=tablet-small] .fields-repeater__body input[type=radio]+label {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.6rem;
        width: 1.6rem
    }
}

@media only screen and (min-width:1248px) {
    [data-linear=desktop] .fields-repeater__body .row {
        padding-top: 0
    }
    [data-linear=desktop] .fields-repeater__body .row:before {
        display: none
    }
    [data-linear=desktop] .fields-repeater__body input[type=checkbox]+label,
    [data-linear=desktop] .fields-repeater__body input[type=radio]+label {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.6rem;
        width: 1.6rem
    }
}

.fields-repeater__delete {
    min-height: 5rem;
    position: relative
}

.fields-repeater__delete>:first-child {
    margin-right: 5.8rem
}

.fields-repeater__delete .delete-wrapper {
    margin-top: 0
}

.fields-repeater__delete .form-field+.delete-wrapper {
    right: .8rem
}

.fields-repeater__footer {
    margin-top: 1.6rem;
    border-top: 1px solid #D2D2D2;
    padding-top: 1.6rem
}

@media only screen and (min-width:640px) {
    [data-linear=tablet-small] .fields-repeater__footer {
        border-top: none;
        padding-top: 0
    }
}

@media only screen and (min-width:1248px) {
    [data-linear=desktop] .fields-repeater__footer {
        border-top: none;
        padding-top: 0
    }
}

.form--theme-dark,
.form--theme-dark .label,
.form--theme-dark label {
    color: #FFF
}

.form--theme-dark .label em,
.form--theme-dark label em {
    color: #FFE000
}

.form--theme-dark .select,
.form--theme-dark input[type=password],
.form--theme-dark input[type=tel],
.form--theme-dark input[type=text],
.form--theme-dark input[type=url],
.form--theme-dark input[type=number],
.form--theme-dark input[type=search],
.form--theme-dark input[type=date],
.form--theme-dark input[type=email],
.form--theme-dark select,
.form--theme-dark textarea {
    border-color: #FFF;
    color: #182746
}

.form--theme-dark .select.focus,
.form--theme-dark .select:focus,
.form--theme-dark input[type=password].focus,
.form--theme-dark input[type=password]:focus,
.form--theme-dark input[type=tel].focus,
.form--theme-dark input[type=tel]:focus,
.form--theme-dark input[type=text].focus,
.form--theme-dark input[type=text]:focus,
.form--theme-dark input[type=url].focus,
.form--theme-dark input[type=url]:focus,
.form--theme-dark input[type=number].focus,
.form--theme-dark input[type=number]:focus,
.form--theme-dark input[type=search].focus,
.form--theme-dark input[type=search]:focus,
.form--theme-dark input[type=date].focus,
.form--theme-dark input[type=date]:focus,
.form--theme-dark input[type=email].focus,
.form--theme-dark input[type=email]:focus,
.form--theme-dark select.focus,
.form--theme-dark select:focus,
.form--theme-dark textarea.focus,
.form--theme-dark textarea:focus {
    border-color: #FFE000
}

.form--theme-dark .select.valid .focus,
.form--theme-dark .select.valid:focus,
.form--theme-dark input[type=password].valid .focus,
.form--theme-dark input[type=password].valid:focus,
.form--theme-dark input[type=tel].valid .focus,
.form--theme-dark input[type=tel].valid:focus,
.form--theme-dark input[type=text].valid .focus,
.form--theme-dark input[type=text].valid:focus,
.form--theme-dark input[type=url].valid .focus,
.form--theme-dark input[type=url].valid:focus,
.form--theme-dark input[type=number].valid .focus,
.form--theme-dark input[type=number].valid:focus,
.form--theme-dark input[type=search].valid .focus,
.form--theme-dark input[type=search].valid:focus,
.form--theme-dark input[type=date].valid .focus,
.form--theme-dark input[type=date].valid:focus,
.form--theme-dark input[type=email].valid .focus,
.form--theme-dark input[type=email].valid:focus,
.form--theme-dark select.valid .focus,
.form--theme-dark select.valid:focus,
.form--theme-dark textarea.valid .focus,
.form--theme-dark textarea.valid:focus {
    border-color: #4c6d27
}

.form--theme-dark .select.error .focus,
.form--theme-dark .select.error:focus,
.form--theme-dark input[type=password].error .focus,
.form--theme-dark input[type=password].error:focus,
.form--theme-dark input[type=tel].error .focus,
.form--theme-dark input[type=tel].error:focus,
.form--theme-dark input[type=text].error .focus,
.form--theme-dark input[type=text].error:focus,
.form--theme-dark input[type=url].error .focus,
.form--theme-dark input[type=url].error:focus,
.form--theme-dark input[type=number].error .focus,
.form--theme-dark input[type=number].error:focus,
.form--theme-dark input[type=search].error .focus,
.form--theme-dark input[type=search].error:focus,
.form--theme-dark input[type=date].error .focus,
.form--theme-dark input[type=date].error:focus,
.form--theme-dark input[type=email].error .focus,
.form--theme-dark input[type=email].error:focus,
.form--theme-dark select.error .focus,
.form--theme-dark select.error:focus,
.form--theme-dark textarea.error .focus,
.form--theme-dark textarea.error:focus {
    border-color: #9f1b1b
}

.form--theme-dark input[type=checkbox]+label:hover,
.form--theme-dark input[type=radio]+label:hover {
    color: #FFE000
}

.form--theme-dark input[type=checkbox]+label:before,
.form--theme-dark input[type=radio]+label:before {
    background-color: #182746;
    border-color: #FFF
}

.form--theme-dark input[type=checkbox]:focus+label:before,
.form--theme-dark input[type=radio]:focus+label:before {
    box-shadow: 0 0 5px #5478B2
}

.form--theme-dark input[type=checkbox]:checked+label:before,
.form--theme-dark input[type=radio]:checked+label:before {
    background-color: #FFE000
}

.form--theme-dark .input-plus-icon__icon {
    background-color: #2f3d58;
    border-color: #2f3d58
}

.indicator {
    width: 22rem;
    position: relative
}

.indicator img {
    border-radius: 50%
}

.indicator a {
    color: #182746
}

.indicator__text {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15.8rem;
    height: 15.8rem;
    margin-top: -7.9rem;
    margin-left: -7.9rem;
    text-align: center
}

.indicator__text__count,
.indicator__text__label {
    display: block;
    line-height: 1
}

.indicator__text__count {
    font-family: Effra_Bold, Helvetica, Arial, sans-serif;
    font-size: 6rem;
    padding-top: 3.2rem
}

.indicator__text__label {
    font-size: 2rem;
    padding-bottom: 4.6rem
}

@media only screen and (min-width:1248px) {
    .intro p {
        font-size: 2.2rem
    }
}

.live-chat {
    padding-left: 2rem;
    position: relative
}

.live-chat:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -.6rem;
    border-radius: 50%
}

.live-chat--online {
    color: #2ca308
}

.live-chat--online:before {
    background-color: #2ca308
}

.live-chat--offline {
    color: #e91c39
}

.live-chat--offline:before {
    background-color: #e91c39
}

.list {
    margin: 0;
    padding: 0;
    list-style: none
}

.list>* {
    margin-top: 1.6rem;
    line-height: 1.25;
    margin-bottom: 0
}

.list>:first-child {
    margin-top: 0
}

.list>:last-child {
    margin-bottom: 0
}

.list+.action-bar {
    margin-top: 1px
}

.list-item {
    position: relative
}

.list-item>a {
    color: #182746;
    display: block;
    text-decoration: none
}

.list-item>a:focus,
.list-item>a:hover {
    text-decoration: underline
}

.list-item>a:hover .icon-arrow-right {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.list-item__inner {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: block;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    position: relative
}

.list-item__text {
    display: block;
    padding-right: 5.2rem
}

.list-item__text:last-child {
    padding-right: 0
}

.list-item .list-item__text>:first-child {
    margin-top: 0
}

.list-item .list-item__text>:last-child {
    margin-bottom: 0
}

.list-item .list-item__text p {
    -moz-osx-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    font-family: Effra_Light, Helvetica, Arial, sans-serif;
    font-size: 1.6rem
}

.list-item__icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2rem;
    width: 4rem;
    height: 4rem;
    padding: 1rem
}

.list-item__icon .icon {
    font-size: 2rem
}

.list-item__icon+.list-item__text {
    padding-top: .9rem;
    padding-bottom: .9rem;
    padding-left: 5.2rem
}

@media only screen and (min-width:1024px) {
    .list-item__icon+.list-item__text {
        padding-left: 5.6rem
    }
}

.list-item__icon--small {
    margin-top: -1.6rem;
    width: 3.2rem;
    height: 3.2rem;
    padding: .8rem
}

.list-item__icon--small .icon {
    font-size: 1.6rem
}

.list-item__icon--small+.list-item__text {
    padding-left: 4.4rem
}

@media only screen and (min-width:1024px) {
    .list-item__icon--small+.list-item__text {
        padding-left: 4.8rem
    }
}

.list-item__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem
}

.list-item__arrow .icon {
    font-size: 2rem
}

.list-item__arrow .icon-arrow-right {
    transition: transform .2s cubic-bezier(.645, .045, .355, 1)
}

.list-item--disabled .list-item__inner {
    opacity: .3
}

.list-item--with-delete {
    margin-right: 4.3rem
}

.list-item--with-delete .list-item__delete {
    right: -4.3rem
}

.list-item--with-delete .list-item__delete .delete:hover {
    color: #FFF
}

.list--padded>* {
    margin-top: 0;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    background-color: #FFF;
    border-top: 1px solid #C9DEF0
}

.list--padded>:first-child {
    margin-top: 0;
    border-top: none
}

.list--padded>*>a {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.list--padded>* .list-item__inner {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

@media only screen and (min-width:640px) {
    .list--padded>* {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
    .list--padded>*>a {
        margin-left: -2.4rem;
        margin-right: -2.4rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
    .list--padded>* .list-item__inner {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .list--padded>* {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .list--padded>*>a {
        margin-left: -3rem;
        margin-right: -3rem;
        padding-left: 3rem;
        padding-right: 3rem
    }
    .list--padded>* .list-item__inner {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

@media only screen and (min-width:640px) {
    .list--padded+.action-bar {
        padding: 2rem 2.4rem
    }
    .list--padded--compact>* .list-item__inner {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }
}

@media only screen and (min-width:1024px) {
    .list--padded+.action-bar {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .list--padded--compact>* {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
    .list--padded--compact>*>a {
        margin-left: -2.4rem;
        margin-right: -2.4rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
    .list--padded--compact>* .list-item__inner {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }
    .list--padded--compact+.action-bar {
        padding: 1.6rem 2.4rem
    }
}

@media only screen and (min-width:640px) {
    .list--padded--compact+.action-bar {
        padding: 1.6rem 2.4rem
    }
}

.list--padded--nano>* {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.list--padded--nano>*>a {
    margin-left: -1.2rem;
    margin-right: -1.2rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.list--padded--nano>* .list-item__inner {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

@media only screen and (min-width:640px) {
    .list--padded--nano>* {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
    .list--padded--nano>*>a {
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
    .list--padded--nano>* .list-item__inner {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

@media only screen and (min-width:1024px) {
    .list--padded--nano>* {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .list--padded--nano>*>a {
        margin-left: -2rem;
        margin-right: -2rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
    .list--padded--nano>* .list-item__inner {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

.list--padded--blue-light-alt>* {
    background-color: #C9DEF0
}

.list--padded--blue-light-alt>* a:focus,
.list--padded--blue-light-alt>* a:hover {
    color: #182746
}

.list--padded--grey>* {
    background-color: #F2F2F2;
    border-top-color: #FFF
}

.list--padded--grey>* a:focus,
.list--padded--grey>* a:hover {
    color: #182746
}

.list--large-text>* {
    font-size: 2.2rem;
    line-height: 1
}

@keyframes loading {
    100% {
        transform: rotateZ(360deg)
    }
}

.loading-spinner {
    position: relative
}

.loading-spinner::after,
.loading-spinner::before {
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    visiblity: hidden;
    transition: opacity .1s cubic-bezier(.215, .61, .355, 1), visiblity .1s cubic-bezier(.215, .61, .355, 1)
}

.loading-spinner::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(24, 39, 70, .7)
}

.loading-spinner::after {
    top: 50%;
    left: 50%;
    margin-top: -2rem;
    margin-left: -2rem;
    z-index: 100;
    width: 4rem;
    height: 4rem;
    border: 5px solid #2f3d58;
    border-top-color: #FFE000;
    border-radius: 50%;
    animation: loading 1s linear forwards infinite
}

.no-cssanimations .loading-spinner::after {
    content: 'Loading...';
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    color: #FFE000;
    animation: none;
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.loading-spinner.is-loading::after,
.loading-spinner.is-loading::before {
    opacity: 1;
    visibility: visible
}

.logout {
    background-color: #596479;
    border-radius: 0 0 3px 3px;
    color: #FFF;
    display: inline-block;
    font-size: 1.4rem;
    padding: 1rem;
    position: relative;
    text-decoration: none;
    transition: background .2s cubic-bezier(.645, .045, .355, 1)
}

.logout__text {
    display: block;
    line-height: 1;
    padding-left: 1.9rem
}

.logout__icon {
    position: absolute;
    top: 1rem;
    left: 1rem
}

.logout .icon {
    font-size: 1.3rem
}

.logout:focus,
.logout:hover {
    background-color: #70839B;
    color: #FFF
}

.message {
    margin-top: 2.4rem;
    padding: 2rem;
    background-color: #F2F2F2
}

.message:first-child {
    margin-top: 0
}

.message:last-child {
    margin-bottom: 0
}

.message a {
    text-decoration: underline
}

.message a:active,
.message a:focus,
.message a:hover {
    color: #2E241A
}

.message p:first-child {
    margin-top: 0
}

.message--negative {
    background-color: #fcf0f0;
    color: #E66D6D
}

.message--negative a {
    color: #df4141
}

.message--positive {
    background-color: #e9f3dd;
    color: #59802e
}

.message--positive a {
    color: #59802e
}

@media only screen and (min-width:640px) {
    .message {
        padding: 2.4rem
    }
}

.fields-group>.message:first-child {
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .fields-group>.message {
        margin-top: 3rem
    }
}

@media only screen and (min-width:1248px) {
    .fields-group>.message {
        margin-top: 3.6rem
    }
}

.message-centre__title {
    margin-bottom: 0;
    position: relative
}

.message-centre__title a {
    color: #FFF;
    display: block;
    text-decoration: none
}

.message-centre__title__cta {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    margin-top: -1.2rem
}

.message-centre__empty {
    font-style: italic;
    margin-top: 1.25em;
    margin-bottom: 0
}

@media only screen and (min-width:1248px) {
    .message-centre__empty {
        margin-top: 1.75em
    }
}

.message-centre__cta {
    margin-top: 1.25em
}

.message-centre__cta .button {
    width: 100%
}

@media only screen and (min-width:1248px) {
    .message-centre__cta {
        margin-top: 2em
    }
}

.message-list {
    list-style: none;
    margin: 1.25em 0 0
}

@media only screen and (min-width:1248px) {
    .message-list {
        margin-top: 1.75em
    }
}

.message-list__item {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 2rem;
    margin-bottom: 0;
    padding-top: 2rem
}

.message-list__item:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.message-list__item article {
    position: relative
}

.message-list__item a {
    text-decoration: none
}

.message-list__item a:hover h1 {
    color: #FFE000
}

.message-list__item .text-pill {
    position: absolute;
    top: 0;
    left: 0
}

.message-list__item .text-pill+h1 {
    padding-left: 5rem
}

.message-list__item h1,
.message-list__item p {
    color: #FFF
}

.message-list__item h1 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Effra_Bold, Helvetica, Arial, sans-serif;
    font-size: 1.9rem;
    margin-top: 0
}

.message-list__item p {
    -moz-osx-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    font-family: Effra_Light, Helvetica, Arial, sans-serif;
    line-height: 1.25
}

.mortgage-and-saving__inner {
    position: relative
}

.mortgage-and-saving__title {
    margin-bottom: .75em;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .mortgage-and-saving__title {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:1248px) {
    .mortgage-and-saving__title {
        font-size: 2.9rem;
        margin-bottom: 1em
    }
}

@media only screen and (min-width:1440px) {
    .fields-repeater__delete {
        min-height: 5.6rem
    }
    .mortgage-and-saving__title {
        font-size: 3.1rem
    }
}

.mortgage-and-saving__indicator {
    margin-left: auto;
    margin-right: auto
}

.mortgage-and-saving__chart .progress-circle__base {
    stroke: #8a92a2
}

.mortgage-and-saving__chart .progress-circle__path {
    stroke: #FFE000
}

.no-svg .mortgage-and-saving .mortgage-and-saving__chart {
    display: block
}

.no-svg .mortgage-and-saving .mortgage-and-saving__chart:before {
    border-radius: 50%;
    content: "";
    display: block;
    width: 22rem;
    height: 22rem;
    background: url(../img/dashboard/mortgages.jpg) center center no-repeat
}

.no-svg .mortgage-and-saving__chart .progress-chart__circle,
.no-svg .mortgage-and-saving__chart .progress-chart__value {
    display: none
}

.mortgage-and-saving p {
    margin-top: 1em
}

@media only screen and (min-width:768px) {
    .mortgage-and-saving p {
        margin-bottom: 1.25em
    }
    .mortgage-and-saving__action {
        display: block;
        width: 100%
    }
}

@media only screen and (min-width:1248px) {
    .mortgage-and-saving p {
        margin-bottom: 1.5em
    }
}

.equal-height--active .mortgage-and-saving p {
    margin-bottom: 0;
    padding-bottom: 7rem
}

.equal-height--active .mortgage-and-saving__action {
    position: absolute;
    bottom: 0;
    left: 0
}

.equal-height--active .mortgage-and-saving__action:active {
    top: auto;
    bottom: -2px
}

.mortgage-and-saving__alt-cta {
    margin-top: 1.2rem;
    color: #70839B;
    display: block;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .mortgage-and-saving__alt-cta {
        margin-top: 1.6rem
    }
}

@media only screen and (min-width:1248px) {
    .equal-height--active .mortgage-and-saving p {
        padding-bottom: 8rem
    }
    .mortgage-and-saving__alt-cta {
        margin-top: 2rem
    }
}

.pagination {
    line-height: 1
}

.pagination ol {
    list-style: none;
    text-align: center
}

.pagination li {
    padding-left: .6rem;
    padding-right: .6rem;
    display: inline-block;
    margin-bottom: 0
}

.pagination li:first-child {
    padding-left: 0
}

.pagination li:last-child {
    padding-right: 0
}

.pagination a,
.pagination span {
    display: block;
    font-size: 1.6rem;
    line-height: 1
}

.pagination a {
    background-color: #FFE000;
    border-radius: 3px;
    color: #182746;
    padding: .6rem .8rem;
    text-decoration: none;
    transition: background .2s cubic-bezier(.455, .03, .515, .955), color .2s cubic-bezier(.455, .03, .515, .955)
}

.pagination a:focus,
.pagination a:hover {
    background-color: #5478B2;
    color: #FFF
}

.pagination .jump--disabled a {
    background-color: #D2D2D2;
    color: #8B93A2;
    cursor: not-allowed
}

.pagination .page--current a {
    background-color: #182746;
    color: #FFF
}

@media only screen and (max-width:639px) {
    .pagination .gap,
    .pagination .jump--first,
    .pagination .jump--last,
    .pagination .page--end {
        display: none
    }
}

.panel {
    background-color: #FFF;
    padding: 2rem 1.6rem;
    position: relative
}

.panel--blue-light {
    background-color: #C9DEF0;
    color: #182746
}

.panel--blue-light-alt {
    background-color: #C9DEF0;
    color: #182746
}

.panel--blue-light-alt-2 {
    background-color: #b5d2ea;
    color: #182746
}

.panel--blue {
    background-color: #5478B2;
    color: #FFF
}

.panel--blue-dark {
    background-color: #182746;
    color: #FFF
}

.panel--blue-dark-2 {
    background-color: #2f3d58;
    color: #FFF
}

.panel--steel {
    background-color: #70839B;
    color: #FFF
}

.panel--yellow {
    background-color: #FFE000;
    color: #182746
}

.panel--orange {
    background-color: #E18F28;
    color: #FFF
}

.panel--red {
    background-color: #E66D6D;
    color: #FFF
}

.panel--green {
    background-color: #99C865;
    color: #FFF
}

.panel--green-bright {
    background-color: #2ca308;
    color: #FFF
}

.panel--grey-light {
    background-color: #D2D2D2;
    color: #182746
}

.panel--grey-off-white {
    background-color: #F2F2F2;
    color: #182746
}

.panel--white {
    background-color: #FFF;
    color: #182746
}

.panel>* {
    margin-top: 2rem
}

.panel>:first-child {
    margin-top: 0
}

.panel--spaced>* {
    margin-top: 2.4rem
}

.panel--spaced-small>* {
    margin-top: 1.6rem
}

.panel--centered {
    text-align: center
}

.panel.panel--narrowtop 
{
    padding-top : 1.5em;
}


@media only screen and (min-width:480px) {
    .panel {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media only screen and (min-width:640px) {
    .panel {
        padding: 2.4rem
    }
    .panel>* {
        margin-top: 2.4rem
    }
    .panel--compact {
        padding: 2rem 2.4rem
    }
    .panel--compact>* {
        margin-top: 2rem
    }
    .panel--spaced>* {
        margin-top: 3.6rem
    }
    .panel--spaced-small>* {
        margin-top: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .panel {
        padding: 3.6rem
    }
    .panel>* {
        margin-top: 3rem
    }
    .panel--compact {
        padding: 2rem 2.4rem
    }
    .panel--compact>* {
        margin-top: 2rem
    }
    .panel--spaced>* {
        margin-top: 4.8rem
    }
    .panel--spaced-small>* {
        margin-top: 2.4rem
    }
}

@media only screen and (min-width:1248px) {
    .panel {
        padding: 4.8rem
    }
    .panel--compact {
        padding: 2.4rem 3rem
    }
    .panel--compact>* {
        margin-top: 2rem
    }
    .panel--spaced>* {
        margin-top: 5.4rem
    }
}

@media only screen and (min-width:1440px) {
    .panel {
        padding: 6rem
    }
    .panel--compact {
        padding: 2.4rem 3rem
    }
    .panel--compact>* {
        margin-top: 2rem
    }
    .panel--spaced>* {
        margin-top: 5.4rem
    }
}

.panel--corner:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 2rem solid #C9DEF0;
    border-left: 2rem solid transparent;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

@media only screen and (min-width:768px) {
    .panel--corner:before {
        border-top-width: 3rem;
        border-left-width: 3rem
    }
}

.panel--flush {
    padding: 0
}

.panel__header+.panel__content {
    margin-top: 1.2rem
}

.panel__content {
    border-top: 1px solid #D2D2D2;
    padding-top: 1.6rem
}

.panel__content:first-child {
    padding-top: 0;
    border-top: none
}

@media only screen and (min-width:640px) {
    .panel__content {
        padding-top: 2rem
    }
}

.panel__title {
    margin-bottom: 0
}

.panel__title+* {
    margin-top: 1.6rem
}

@media only screen and (min-width:1024px) {
    .panel__header+.panel__content {
        margin-top: 1.6rem
    }
    .panel__content {
        padding-top: 2.4rem
    }
    .panel__title+* {
        margin-top: 2rem
    }
}

.panel--compact .panel__title+* {
    margin-top: .6rem
}

@media only screen and (min-width:1024px) {
    .panel--compact .panel__title+* {
        margin-top: .8rem
    }
}

.panel__title+.panel__sub-title {
    margin-top: .4rem
}

@media only screen and (min-width:1024px) {
    .panel__title+.panel__sub-title {
        margin-top: .6rem
    }
}

.progress-chart {
    position: relative
}

.progress-chart__value {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: block;
    font-family: Effra_Bold, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    line-height: 1
}

.progress-chart__value b {
    color: #70839B;
    font-size: 1.6rem
}

.progress-chart__value__count,
.progress-chart__value__label {
    display: block;
    line-height: 1
}

.progress-chart__value__count {
    float: right
}

.progress-chart__value__label {
    font-family: Effra_Regular, Helvetica, Arial, sans-serif
}

.progress-chart__circle {
    display: none
}

.progress-chart__bar {
    margin-top: 1rem
}

@media only screen and (min-width:1024px) {
    .progress-chart {
        margin-left: auto;
        margin-right: auto;
        width: 22rem;
        height: 22rem
    }
    .svg .progress-chart .progress-chart__value {
        font-size: 6.5rem;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 2rem;
        right: 1rem;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .svg .progress-chart .progress-chart__value b {
        font-size: 3.6rem
    }
    .svg .progress-chart .progress-chart__value__count,
    .svg .progress-chart .progress-chart__value__label {
        float: none
    }
    .svg .progress-chart .progress-chart__value__count {
        line-height: .8
    }
    .svg .progress-chart .progress-chart__value__label {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #8a92a2;
        font-size: 1.6rem;
        text-transform: lowercase;
        margin-top: .5rem
    }
    .progress-chart .progress-chart__circle {
        display: block
    }
    .progress-chart .progress-chart__bar {
        display: none
    }
    .no-svg .progress-chart {
        width: auto;
        height: auto
    }
    .no-svg .progress-chart .progress-chart__value__label span {
        display: inline;
        visibility: visible
    }
    .no-svg .progress-chart .progress-chart__circle {
        display: none
    }
    .no-svg .progress-chart .progress-chart__bar {
        display: block
    }
}

.progress-chart--always-circle {
    margin-left: auto;
    margin-right: auto;
    width: 22rem;
    height: 22rem
}

.svg .progress-chart--always-circle .progress-chart__value {
    font-size: 6.5rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 2rem;
    right: 1rem;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.svg .progress-chart--always-circle .progress-chart__value b {
    font-size: 3.6rem
}

.svg .progress-chart--always-circle .progress-chart__value__count,
.svg .progress-chart--always-circle .progress-chart__value__label {
    float: none
}

.svg .progress-chart--always-circle .progress-chart__value__count {
    line-height: .8
}

.svg .progress-chart--always-circle .progress-chart__value__label {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8a92a2;
    font-size: 1.6rem;
    text-transform: lowercase;
    margin-top: .5rem
}

.progress-chart--always-circle .progress-chart__circle {
    display: block
}

.progress-chart--always-circle .progress-chart__bar {
    display: none
}

.no-svg .progress-chart--always-circle {
    width: auto;
    height: auto
}

.no-svg .progress-chart--always-circle .progress-chart__value__label span {
    display: inline;
    visibility: visible
}

.no-svg .progress-chart--always-circle .progress-chart__circle {
    display: none
}

.no-svg .progress-chart--always-circle .progress-chart__bar {
    display: block
}

.progress-circle {
    width: 22rem;
    height: 22rem;
    overflow: hidden
}

.progress-circle__base {
    fill: none;
    stroke: #70839B;
    stroke-width: 20px
}

.progress-circle__path {
    stroke: #E18F28;
    stroke-linecap: round;
    stroke-width: 20px
}

[data-status=complete] .progress-circle__path {
    stroke: #99C865
}

.progress-bar {
    display: block;
    position: relative;
    width: 100%;
    height: 1.4rem;
    background-color: #d3e2ef;
    border-radius: .7rem;
    overflow: hidden
}

.progress-bar span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #E18F28;
    background-image: linear-gradient(90deg, #FFE000, #E18F28)
}

.progress-bar span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-bottom: 1.4rem solid #E18F28;
    border-right: 1.4rem solid transparent
}

[data-status=in-progress] .progress-bar span {
    background-color: #E18F28;
    background-image: linear-gradient(90deg, #FFE000, #E18F28)
}

[data-status=complete] .progress-bar span {
    background: #99C865
}

[data-status=complete] .progress-bar span:after,
[data-status=not-started] .progress-bar span:after {
    display: none
}

@media only screen and (min-width:768px) {
    .progress-bar {
        height: 2rem;
        border-radius: 1rem
    }
    .progress-bar span:after {
        border-bottom-width: 2rem;
        border-right-width: 2rem
    }
}

.progress-bar--mini {
    height: 1rem;
    border-radius: .5rem
}

.progress-bar--mini span:after {
    border-bottom-width: 1rem;
    border-right-width: 1rem
}

.progress-block {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    position: relative
}

.progress-block__content {
    padding-right: 3rem;
    position: relative
}

.progress-block__title {
    margin-bottom: 0
}

.progress-block__title a {
    color: #182746;
    text-decoration: none
}

.progress-block__title a:focus,
.progress-block__title a:hover {
    color: #2E241A
}

.progress-block__description {
    display: block;
    font-size: 1.6rem;
    margin-top: .8rem;
    margin-bottom: 0
}

.progress-block__cta {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.2rem
}

.progress-block__cta .icon-lock {
    color: #8B93A2
}

.progress-block__cta__arrow {
    color: #182746;
    display: block
}

[data-status=in-progress] .progress-block__cta__arrow {
    color: #E18F28
}

[data-status=complete] .progress-block__cta__arrow {
    color: #99C865
}

[data-status=not-started] .progress-block__cta__arrow {
    color: #182746
}

.progress-block__cta__arrow:focus,
.progress-block__cta__arrow:hover {
    color: #2E241A
}

.progress-block__cta__button {
    display: none
}

@media only screen and (min-width:768px) {
    .progress-bar--mini {
        height: 1.4rem;
        border-radius: .7rem
    }
    .progress-bar--mini span:after {
        border-bottom-width: 1.4rem;
        border-right-width: 1.4rem
    }
    .progress-block__content {
        padding-right: 13rem
    }
    .progress-block__cta {
        top: auto;
        bottom: 0;
        margin-top: 0
    }
    .progress-block__cta__arrow {
        display: none
    }
    .progress-block__cta__button {
        display: block;
        width: 12rem
    }
}

.progress-block__bar {
    margin-top: 1.2rem
}

@media only screen and (min-width:768px) {
    .progress-block__bar {
        margin-top: 1.6rem
    }
    .progress-block {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media only screen and (min-width:1248px) {
    .progress-block__bar {
        margin-top: 2rem
    }
    .progress-block {
        padding-top: 3.6rem;
        padding-bottom: 3.6rem
    }
}

.progress-block--sub {
    padding: 2rem 0 2rem 4.2rem
}

.progress-block--sub:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    border-radius: 50%
}

.progress-block--sub:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1rem;
    z-index: 1;
    width: 1px;
    background-color: #e5e5e5
}

.progress-block--sub:first-child::after {
    top: 50%
}

.progress-block--sub:last-child::after {
    bottom: 50%
}

.progress-block--sub .progress-block__content:before {
    content: "";
    display: block;
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5
}

.progress-block--sub .progress-block__description {
    font-size: 1.4rem
}

@media only screen and (min-width:768px) {
    .progress-block--sub {
        padding: 2.4rem 0 2.4rem 4.8rem
    }
    .progress-block--sub .progress-block__content:before {
        top: -2.4rem
    }
    .progress-block--sub .progress-block__bar {
        margin-top: 1.2rem
    }
}

.quick-info {
    text-align: center
}

.quick-info p {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-size: 2.2rem;
    line-height: 1
}

@media only screen and (min-width:640px) {
    .quick-info p {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:1248px) {
    .progress-block--sub {
        padding: 3rem 0 3rem 7.2rem
    }
    .progress-block--sub .progress-block__content:before {
        top: -3rem
    }
    .progress-block--sub .progress-block__bar {
        margin-top: 1.6rem
    }
    .quick-info p {
        font-size: 2.6rem
    }
}

@media only screen and (min-width:1440px) {
    .quick-info p {
        font-size: 3rem
    }
}

.range-chart {
    position: relative;
    padding-left: 3.6rem
}

.range-chart__val span {
    display: block;
    line-height: 1
}

.range-chart__val__no {
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-size: 4.8rem
}

.range-chart__val__text {
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-size: 2.4rem
}

@media only screen and (max-width:399px) {
    .range-chart__val__no {
        font-size: 4rem
    }
    .range-chart__val__text {
        font-size: 1.5rem
    }
}

.range-chart__val--min .range-chart__val__no {
    color: 	#6a6a6a;
}

.range-chart__val--max .range-chart__val__no {
    color: 	#6a6a6a;
}

.range-chart__val__text {
    color: 	#6a6a6a;
}

.range-chart:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.2rem;
    height: 100%;
    background-color: #FFE000;
    background: linear-gradient(#FFE000, #E18F28);
    border-radius: .6rem
}

@media only screen and (min-width:768px) {
    .range-chart {
        padding-bottom: 4.2rem;
        padding-left: 0
    }
    .range-chart:after {
        content: "";
        display: table;
        clear: both
    }
    .range-chart__val {
        float: left;
        margin: 0;
        width: 50%
    }
    .range-chart__val__text {
        margin-top: .8rem
    }
    .range-chart__val--max {
        text-align: right
    }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    .range-chart:before {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 2rem;
        background: linear-gradient(90deg, #FFE000, #E18F28);
        border-radius: 1rem
    }
}

.section {
    border-top: 1px solid #C9DEF0
}

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

.site-nav__links {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1
}

.site-nav__links:after {
    content: "";
    display: table;
    clear: both
}

.site-nav__links li {
    float: left;
    margin-bottom: 0;
    margin-right: 1.2rem;
    padding-right: 1.2rem;
    position: relative
}

.site-nav__links li:after {
    content: "";
    display: block;
    background: #70839B;
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.site-nav__links li:last-child {
    margin-right: 0;
    padding-right: 0
}

.site-nav__links li:last-child:after {
    display: none
}

.site-nav__links a {
    color: #FFF;
    display: block;
    position: relative;
    text-decoration: none
}

.site-nav__links a:focus,
.site-nav__links a:hover {
    color: #FFE000
}

.site-nav__links .text {
    display: block;
    line-height: 1
}

.site-nav__links .icon-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.site-nav__links .icon {
    font-size: 1.8rem
}

.site-nav__links .text-icon {
    position: absolute;
    top: -.8rem;
    left: -.8rem;
    font-size: .9rem;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem
}

@media only screen and (min-width:768px) {
    .site-nav__links li {
        float: left;
        margin-right: 1.6rem;
        padding-right: 1.6rem
    }
    .site-nav__links a {
        padding-left: 2.8rem
    }
    .site-nav__links .icon-wrapper {
        display: block
    }
}

.status {
    padding-left: 2.8rem;
    position: relative
}

.status__icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1rem
}

.status--approved {
    color: #99C865
}

.status--rejected {
    color: #E66D6D
}

.status--under-review {
    color: #E18F28
}

.status--under-writing {
    color: #5478B2
}

.table-wrapper {
    position: relative
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.25;
    width: 100%
}

table tr:first-child td {
    border-top: none
}

table tr:last-child td {
    border-bottom: 1px solid #D2D2D2
}

table tr:hover td {
    background-color: #F2F2F2
}

table td,
table th {
    padding-right: 2rem;
    vertical-align: top
}

table td:last-child,
table th:last-child {
    padding-right: 0
}

table td>div,
table th>div {
    max-width: 12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width:1024px) {
    table td>div,
    table th>div {
        max-width: 15rem
    }
}

@media only screen and (min-width:1440px) {
    table td>div,
    table th>div {
        max-width: 18rem
    }
}

table td .form-field,
table td .td-inner,
table th .form-field,
table th .td-inner {
    max-width: none;
    overflow: visible
}

table td .td-inner,
table th .td-inner {
    min-height: 5rem;
    position: relative
}

table td .td-inner--with-delete,
table th .td-inner--with-delete {
    margin-right: 6.2rem
}

table td .td-inner--with-delete .delete-wrapper,
table th .td-inner--with-delete .delete-wrapper {
    right: -6.2rem
}

table td .text-pill-wrapper,
table th .text-pill-wrapper {
    margin-top: -1px;
    margin-bottom: -1px
}

table th {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-bottom: 1px solid #D2D2D2;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding-bottom: 1.2rem;
    text-align: left
}

table th .icon-wrapper,
table th .text {
    display: inline-block;
    vertical-align: top
}

table th .icon-wrapper {
    margin-left: .4rem
}

table td {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    border-top: 1px solid #D2D2D2;
    transition: background .2s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (min-width:768px) {
    table th {
        padding-bottom: 1.6rem
    }
    table td {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }
}

.table-actions {
    margin-top: 2rem
}

.table-actions:after {
    content: "";
    display: table;
    clear: both
}

.table-actions__add {
    float: right
}

.table-actions--nested {
    position: absolute;
    bottom: 0;
    left: 0
}

.table-responsive-collapse--collapsed+.table-actions {
    border-top: 1px solid #D2D2D2;
    padding-top: 2rem;
    position: static
}

.table-columns--2 td {
    width: 50%
}

.table-columns--3 td {
    width: 33.33333%
}

.table-form tr:last-child td {
    border-bottom: none
}

.table-form tr:hover td {
    background-color: transparent
}

.table-form th {
    border-bottom: none;
    line-height: 1;
    padding-bottom: 0
}

.table-form td {
    border-top: none;
    padding-bottom: 0
}

.table-responsive-collapse .faux-th,
.table-responsive-collapse--collapsed thead {
    display: none
}

.table-responsive-collapse--collapsed,
.table-responsive-collapse--collapsed tbody,
.table-responsive-collapse--collapsed td,
.table-responsive-collapse--collapsed tr {
    display: block
}

.table-responsive-collapse--collapsed tr {
    border-top: 1px solid #D2D2D2
}

.table-responsive-collapse--collapsed tr:after {
    content: "";
    display: table;
    clear: both
}

.table-responsive-collapse--collapsed tr td:first-child {
    padding-top: 2rem
}

.table-responsive-collapse--collapsed tr td:last-child {
    padding-bottom: 2rem
}

.table-responsive-collapse--collapsed tr:first-child {
    padding-top: 0;
    border-top: none
}

.table-responsive-collapse--collapsed tr:last-child {
    padding-bottom: 0
}

.table-responsive-collapse--collapsed tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.table-responsive-collapse--collapsed tr:hover td {
    background-color: transparent
}

.table-responsive-collapse--collapsed td {
    margin-top: 1.2rem;
    border-top: none;
    clear: left;
    float: left;
    max-width: none;
    padding: 0;
    width: 100%;
    white-space: normal
}

.table-responsive-collapse--collapsed td:first-child {
    margin-top: 0
}

.table-responsive-collapse--collapsed td .faux-th {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: block;
    font-family: Effra_Regular, Helvetica, Arial, sans-serif;
    padding-bottom: .4rem
}

.table-responsive-collapse--collapsed .empty .faux-th {
    display: none
}

.table-responsive-collapse--collapsed .empty+td {
    margin-top: 0
}

.table-responsive-collapse--collapsed tr:first-child td {
    padding-top: 0
}

.t-sortable-th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.t-sortable-th:hover .icon-wrapper {
    opacity: 1
}

.t-sortable-th .icon-wrapper {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1), transform .2s cubic-bezier(.645, .045, .355, 1)
}

.t-sortable-th--active .icon-wrapper {
    opacity: 1
}

.t-sortable-th--up .icon-wrapper {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.table-summary th {
    -moz-osx-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    font-family: Effra_Light, Helvetica, Arial, sans-serif
}

.table-summary tr:first-child td {
    padding-top: 1.2rem;
    border-top: 1px solid #D2D2D2
}

.table-summary tr:first-child td:first-child {
    padding-top: 0;
    border-top: none
}

@media only screen and (min-width:640px) {
    .table-summary tr:first-child td:first-child {
        padding-top: 1.2rem
    }
}

.table-summary tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.table-summary tr:hover td {
    background-color: transparent
}

.table-summary td {
    font-size: 2.2rem
}

@media only screen and (min-width:768px) {
    .table-summary th {
        font-size: 1.8rem
    }
    .table-summary td {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        font-family: Effra_Regular, Helvetica, Arial, sans-serif;
        font-size: 2.6rem
    }
}

@media only screen and (min-width:1248px) {
    .table-summary td {
        font-size: 3.3rem
    }
}

.tabs__links {
    position: relative
}

.tabs__links ul {
    margin: 0;
    list-style: none
}

.tabs__links__main {
    background-color: #2f3d58;
    overflow: hidden
}

.tabs__links__main:after {
    content: "";
    display: table;
    clear: both
}

.tabs__links__main li {
    background-color: #2f3d58;
    float: left;
    margin-bottom: 0;
    text-align: center;
    position: relative
}

.tabs__links__main li:first-child:before {
    display: none
}

.tabs__links__main li:after {
    background-color: #2f3d58
}

.tabs__links__main li:last-child:after {
    background-color: #2f3d58;
    border-top-color: #C9DEF0
}

.tabs__links__main a {
    color: #FFF;
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    padding: 1.6rem;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index: 1
}

.tabs__links__main a:focus {
    box-shadow: none
}

.tabs__links__main a span {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 1;
    padding-right: 2.4rem;
    position: relative;
    vertical-align: top
}

.tabs__links__main a .text-icon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-top: -.8rem
}

.tabs__links__main a[data-status] span {
    padding-right: 0;
    padding-left: 2.4rem
}

.tabs__links__main a[data-status] span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -.8rem;
    background-color: #E18F28;
    border-radius: 50%
}

.tabs__links__main a[data-status] .icon {
    position: absolute;
    top: .3rem;
    left: .3rem;
    color: #E66D6D;
    font-size: 1rem
}

@media only screen and (max-width:775px) {
    .tabs__links__main a {
        padding-left: 0.6rem
    }
    .tabs__links__main a[data-status] span {
        padding-left: 1.9rem
    }
}

@media only screen and (max-width:900px) {
    .tabs__links__main a[data-status] span {
        padding-left: 2rem
    }
}

@media only screen and (min-width:1440px) {
    table td .td-inner,
    table th .td-inner {
        min-height: 5.6rem
    }
    .tabs__links__main a[data-status] span {
        padding-left: 3.6rem
    }
    .tabs__links__main a[data-status] span:before {
        width: 1.8rem;
        height: 1.8rem;
        margin-top: -.9rem
    }
    .tabs__links__main a[data-status] .icon {
        font-size: 1.2rem
    }
}

.tabs__links__main a[data-status=not-started] span:before {
    background-color: #E66D6D
}

.tabs__links__main a[data-status=not-started] .icon {
    color: #402b22
}

.tabs__links__main a[data-status=complete] span:before {
    background-color: #99C865
}

.tabs__links__main a[data-status=complete] .icon {
    color: #393422
}


.tabs__links__main a[data-status=complete] .icon-placeholder:before {
    content: '\61'
}
.tabs__links__main a[data-status=disabled] span:before {
    background-color: #D2D2D2
}

.tabs__links__main a[data-status=disabled] .icon {
    color: #444
}

.tabs__links__main a[data-status=disabled] .icon-placeholder:before {
    content: '\47'
}

.tabs__links__main .active {
    background: #182746
}

.tabs__links__main .active:after,
.tabs__links__main .active:before {
    background-color: #182746;
    border-top-color: #2f3d58
}

.tabs__links__main .active:last-child:after {
    background-color: #182746;
    border-top-color: #C9DEF0
}

.tabs__links__main .active .text-icon {
    background-color: #FFE000;
    color: #182746
}

.tabs__links__main .active.previous-disabled:before,
.tabs__links__main .next-disabled:after {
    border-top-color: #e5e5e5
}

.tabs__links__main .next-disabled:last-child:after {
    border-top-color: #C9DEF0
}

.tabs__links__main .next-disabled.disabled:after {
    background-color: #e5e5e5
}

.tabs__links__main .disabled {
    background-color: #e5e5e5;
    pointer-events: none;
    cursor: not-allowed
}

.tabs__links__main .disabled:after {
    border-top-color: #2f3d58
}

.tabs__links__main .disabled:after,
.tabs__links__main .disabled:last-child:after {
    background-color: #e5e5e5
}

.tabs__links__main .disabled a {
    color: #8B93A2
}

.tabs__links__main .disabled.next-disabled:after {
    border-top-color: #e5e5e5
}

.tabs__links__main .overflow-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #FFE000;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 4.8rem;
    height: 4.8rem
}

.tabs__links__main .overflow-toggle:before {
    display: none
}

.tabs__links__main .overflow-toggle span {
    display: block;
    line-height: 4.8rem;
    text-align: center;
    width: 100%
}

.tabs__links__main--overflow {
    padding-right: 4.8rem;
    position: relative
}

.tabs__links__main--overflow li:after,
.tabs__links__main--overflow li:before,
.tabs__links__main--overflow:before {
    display: none
}

.tabs__links__main--overflow a {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

@media only screen and (min-width:1248px) {
    .tabs__links__main {
        padding-right: 3rem
    }
    .tabs__links__main:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 6rem solid #C9DEF0;
        border-left: 6rem solid transparent;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0
    }
    .tabs__links__main li:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 6rem solid transparent;
        border-right: 6rem solid transparent;
        position: absolute;
        z-index: 1;
        top: 0;
        left: -3rem
    }
    .tabs__links__main li:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 6rem solid transparent;
        border-left: 6rem solid transparent;
        position: absolute;
        z-index: 1;
        top: 0;
        right: -3rem
    }
    .tabs__links__main a {
        padding: 2.2rem 4.8rem;
        font-size: 1.6rem
    }
    .tabs__links__main .overflow-toggle {
        width: 6rem;
        height: 6rem
    }
    .tabs__links__main .overflow-toggle span {
        line-height: 6rem
    }
    .tabs__links__main--overflow {
        padding-right: 6rem
    }
}

@media only screen and (min-width:1440px) {
    .tabs__links__main {
        padding-right: 3rem
    }
    .tabs__links__main:before {
        border-top-width: 6rem;
        border-left-width: 6rem
    }
    .tabs__links__main li:before {
        border-top-width: 6rem;
        border-right-width: 6rem;
        left: -3rem
    }
    .tabs__links__main li:after {
        border-top-width: 6rem;
        border-left-width: 6rem;
        right: -3rem
    }
    .tabs__links__main a {
        padding: 2.1rem 4.8rem;
        font-size: 1.8rem;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        font-family: Effra_Bold, Helvetica, Arial, sans-serif
    }
    .tabs__links__main .overflow-toggle {
        width: 6rem;
        height: 6rem
    }
    .tabs__links__main .overflow-toggle span {
        line-height: 6rem
    }
    .tabs__links__main--overflow {
        padding-right: 6rem
    }
}

.tabs__links__overflow {
    background-color: #FFE000;
    visibility: hidden;
    padding: 1.2rem;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2
}

.tabs__links__overflow li {
    margin-top: .8rem;
    padding: 0
}

.tabs__links__overflow li:first-child {
    margin-top: 0
}

.tabs__links__overflow li:last-child {
    margin-bottom: 0
}

.tabs__links__overflow a {
    color: #182746;
    display: block;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap
}

.tabs__links__overflow a:focus,
.tabs__links__overflow a:hover {
    color: #FFF
}

.tabs__links__overflow .icon,
.tabs__links__overflow .text-icon {
    display: none
}

.tabs__links--active-white .tabs__links__main,
.tabs__links--active-white .tabs__links__main li,
.tabs__links--active-white .tabs__links__main li:after {
    background-color: #445068
}

.tabs__links--active-white .tabs__links__main li:last-child:after {
    background-color: #445068;
    border-top-color: #C9DEF0
}

.tabs__links--active-white .tabs__links__main .active {
    background-color: #FFF
}

.tabs__links--active-white .tabs__links__main .active:after,
.tabs__links--active-white .tabs__links__main .active:before {
    background-color: #FFF;
    border-top-color: #445068
}

.tabs__links--active-white .tabs__links__main .active:last-child:after {
    background-color: #FFF;
    border-top-color: #C9DEF0
}

.tabs__links--active-white .tabs__links__main .active a {
    color: #182746
}

.tabs__links--active-white .tabs__links__main .active .text-icon {
    background-color: #FFE000;
    color: #182746
}

.tabs__links--active-white .tabs__links__main .active.previous-disabled:before,
.tabs__links--active-white .tabs__links__main .next-disabled:after {
    border-top-color: #e5e5e5
}

.tabs__links--active-white .tabs__links__main .next-disabled:last-child:after {
    border-top-color: #C9DEF0
}

.tabs__links--active-white .tabs__links__main .next-disabled.disabled:after {
    background-color: #e5e5e5
}

.tabs__links--active-white .tabs__links__main .disabled {
    background-color: #e5e5e5;
    pointer-events: none;
    cursor: not-allowed
}

.tabs__links--active-white .tabs__links__main .disabled:after {
    border-top-color: #445068
}

.tabs__links--active-white .tabs__links__main .disabled:after,
.tabs__links--active-white .tabs__links__main .disabled:last-child:after {
    background-color: #e5e5e5
}

.tabs__links--active-white .tabs__links__main .disabled a {
    color: #8B93A2
}

.tabs__links--active-white .tabs__links__main .disabled.next-disabled:after {
    border-top-color: red
}

.tabs__links--active-white .tabs__links__main .overflow-toggle {
    background-color: #FFE000
}

.tabs__content-wrapper {
    position: relative;
    z-index: 1
}

.tabs__content-wrapper>.loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #182746
}

.tabs__content {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%
}

.tabs__content.active {
    display: block;
    visibility: visible;
    position: relative;
    z-index: 1
}

.user-list {
    list-style: none
}

.user-list li {
    margin-top: 1px;
    margin-bottom: 0
}

.user-list li:first-child {
    margin-top: 0
}

.user {
    background-color: #2f3d58;
    color: #FFF;
    display: block;
    padding: 1.6rem 2rem;
    position: relative;
    text-decoration: none
}

.user:focus,
.user:hover {
    background-color: #445068;
    color: #FFF
}

.user__icon {
    position: absolute;
    top: 50%;
    left: 2rem;
    width: 3.6rem;
    height: 3.6rem;
    padding: .8rem;
    margin-top: -1.8rem
}

.user__icon .icon {
    font-size: 2rem
}

.user__name {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 4.8rem;
    padding-right: 3rem
}

.user__name:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -.8rem;
    background-color: #E18F28;
    border-radius: 50%;
    z-index: 1
}

[data-status=not-started] .user__name:after {
    background-color: #E66D6D
}

[data-status=complete] .user__name:after {
    background-color: #99C865;
    color: red
}

.user__name .icon {
    position: absolute;
    top: 50%;
    right: 2.3rem;
    margin-top: -.5rem;
    color: #2E241A;
    font-size: 1rem;
    z-index: 2
}

[data-status=not-started] .user__name .icon {
    color: #402b22
}

[data-status=complete] .user__name .icon {
    color: #393422
}

.outdated-browser {
    padding: 20px;
    background-color: #E66D6D;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 8
}

.outdated-browser a {
    color: #FFF
}

.outdated-browser a:focus,
.outdated-browser a:hover {
    text-decoration: none
}

.page-controls {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    background-color: #24324f;
    color: #FFF;
    position: relative;
    z-index: 2
}

.page-controls__filter {
    border-top: 1px solid #445068;
    margin-top: 1.6rem;
    padding-top: 1.6rem
}

.page-controls__filter .fields-list-inline,
.page-controls__filter .fields-list-inline>* {
    margin-top: 0
}

.page-controls__filter input[type=checkbox]+label:hover,
.page-controls__filter input[type=radio]+label:hover {
    color: #FFE000
}

.page-controls__filter input[type=checkbox]+label:before,
.page-controls__filter input[type=radio]+label:before {
    background-color: #182746;
    border-color: #FFF
}

.page-controls__filter input[type=checkbox]:focus+label,
.page-controls__filter input[type=radio]:focus+label {
    color: #FFE000
}

.page-controls__filter input[type=checkbox]:focus+label:before,
.page-controls__filter input[type=radio]:focus+label:before {
    box-shadow: 0 0 5px #5478B2
}

.page-controls__filter input[type=checkbox]:checked+label,
.page-controls__filter input[type=radio]:checked+label {
    color: #FFE000
}

.page-controls__filter input[type=checkbox]:checked+label:before,
.page-controls__filter input[type=radio]:checked+label:before {
    background-color: #FFE000
}

@media only screen and (min-width:768px) {
    .page-controls__filter {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        float: right
    }
    .page-controls__filter form {
        float: right
    }
}

.page-controls__breadcrumb,
.page-controls__breadcrumb a {
    color: #FFF
}

.page-controls__breadcrumb .icon {
    color: #FFE000
}

@media only screen and (min-width:1024px) {
    .page-controls__breadcrumb {
        font-size: 1.6rem
    }
    .page-controls__breadcrumb .icon,
    .page-controls__breadcrumb a,
    .page-controls__breadcrumb span {
        margin-right: 1.2rem
    }
    .page-controls__breadcrumb a {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        font-family: Effra_Regular, Helvetica, Arial, sans-serif
    }
    .page-controls__breadcrumb a:focus,
    .page-controls__breadcrumb a:hover {
        text-decoration: underline
    }
    .page-controls__breadcrumb .icon {
        font-size: 1.6rem
    }
    .progress-panel-wrapper {
        position: relative;
        min-height: 1px
    }
}

.progress-panel {
    margin-left: auto;
    margin-right: auto;
    background-color: #182746;
    color: #FFF;
    position: relative
}

.progress-panel:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 3rem solid #C9DEF0;
    border-left: 3rem solid transparent;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

.progress-panel__overall {
    padding: 2rem 1rem
}

@media only screen and (min-width:480px) {
    .progress-panel__overall {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media only screen and (min-width:640px) {
    .progress-panel__overall {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .progress-panel__overall {
        padding: 3rem 2rem
    }
}

.progress-panel__overall+.progress-panel__cta {
    padding-top: 0
}

@media only screen and (max-width:1023px) {
    .progress-panel__assistance,
    .progress-panel__cta,
    .progress-panel__info,
    .progress-panel__users {
        display: none
    }
}

.progress-panel__cta {
    padding: 2.4rem 2rem;
    text-align: center
}

.progress-panel__cta .button--disabled,
.progress-panel__cta .button--disabled:focus,
.progress-panel__cta .button--disabled:hover,
.progress-panel__cta .button[disabled],
.progress-panel__cta .button[disabled]:focus,
.progress-panel__cta .button[disabled]:hover {
    background-color: #445068;
    color: #182746
}

.progress-panel__cta .button--disabled .button__icon,
.progress-panel__cta .button--disabled:focus .button__icon,
.progress-panel__cta .button--disabled:hover .button__icon,
.progress-panel__cta .button[disabled] .button__icon,
.progress-panel__cta .button[disabled]:focus .button__icon,
.progress-panel__cta .button[disabled]:hover .button__icon {
    background-color: #576277;
    color: #182746
}

.progress-panel__assistance {
    background-color: #2f3d58;
    padding: 2rem;
    text-align: center
}

.progress-panel__assistance span {
    display: block;
    line-height: 1;
    margin-top: .6rem
}

.progress-panel__assistance span:first-child {
    margin-top: 0
}

.progress-panel__assistance span:last-child {
    margin-bottom: 0
}

.progress-panel__assistance .telephone {
    font-size: 3rem
}

.progress-panel__info {
    background-color: #C9DEF0;
    padding-top: 1.6rem
}

.progress-panel__info:after {
    content: "";
    display: table;
    clear: both
}

.progress-panel__info__saved {
    color: #182746;
    float: left;
    font-size: 1.6rem;
    margin-top: 0
}

.progress-panel__info__top {
    padding-top: .5rem;
    padding-bottom: .5rem;
    float: right;
    font-size: 1.4rem;
    line-height: 1
}

@media only screen and (max-width:1023px) {
    .progress-panel:before {
        display: none
    }
}

.progress-tree {
    background-color: #FFF;
    position: relative
}

@media only screen and (min-width:1024px) {
    .progress-tree:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 3rem solid #C9DEF0;
        border-left: 3rem solid transparent;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0
    }
}

.progress-tree__section {
    padding-left: 2rem;
    padding-right: 2rem;
    border-top: 1px solid #e5e5e5
}

.progress-tree__section:first-child {
    border-top: none
}

@media only screen and (min-width:640px) {
    .progress-tree__section {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.site-content {
    background-color: #C9DEF0;
    position: relative;
    z-index: 4
}

.site-content>.container,
.site-content>article>.container {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    position: relative
}

@media only screen and (min-width:768px) {
    .site-content>.container,
    .site-content>article>.container {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .site-footer .copyright {
        text-align: right
    }
}

@media only screen and (min-width:1024px) {
    .site-content>.container,
    .site-content>article>.container {
        padding-top: 4.2rem;
        padding-bottom: 4.2rem
    }
}

@media only screen and (min-width:1248px) {
    .progress-tree__section {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }
    .site-content>.container,
    .site-content>article>.container {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem
    }
}

@media only screen and (min-width:1440px) {
    .site-content>.container,
    .site-content>article>.container {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

.site-header {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    background-color: #182746;
    color: #FFF;
    position: relative;
    z-index: 5
}

.site-header__logo {
    display: block;
    width: 26rem
}

.site-header__logo .logo {
    max-width: none;
    width: 100%
}

.site-header__nav {
    margin-top: 1.6rem
}

.site-header__logout {
    position: absolute;
    top: -2.4rem;
    right: 1rem
}

@media only screen and (min-width:480px) {
    .site-header__logout {
        right: 2rem
    }
}

@media only screen and (min-width:640px) {
    .site-header__logout {
        top: -3.6rem;
        right: 3rem
    }
    .site-header {
        padding-top: 2.0rem;
        padding-bottom: 2.0rem;
    }
    .site-header>.container:after {
        content: "";
        display: table;
        clear: both
    }
    .site-header__logo {
        float: left;
        width: 24rem
    }
    .site-header__nav {
        margin-top: 2.4rem;
        float: right
    }
}

@media only screen and (min-width:1024px) {
    .site-header__logout {
        right: 4.2rem
    }
    .site-header__logo {
        width: 32rem
    }
    .site-header__nav {
        margin-top: 2.4rem;
        float: right
    }
}

.site-footer {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    background-color: #C9DEF0;
    font-size: 1.6rem;
    position: relative;
    z-index: 3
}

.site-footer .container>* {
    margin-top: 1.2rem
}

.site-footer .container>:first-child {
    margin-top: 0
}

.site-footer .container>:last-child {
    margin-bottom: 0
}

.site-footer .links {
    margin: 0;
    padding: 0;
    list-style: none
}

.site-footer .links li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1.2rem
}

.site-footer .links li:last-child {
    margin-right: 0
}

@media only screen and (min-width:640px) {
    .site-footer {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.step {
    padding-left: 6.6rem;
    position: relative
}

@media only screen and (min-width:640px) {
    .step {
        padding-left: 7rem
    }
}

.step__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5rem;
    background-color: #f6fafe;
    border-right: 1px solid #C9DEF0
}

@media only screen and (min-width:1024px) {
    .site-footer {
        padding-top: 3.6rem;
        padding-bottom: 3.6rem
    }
    .step {
        padding-left: 12rem
    }
    .step__icon {
        width: 9rem
    }
}

.step__icon .icon-circle {
    display: block;
    position: absolute;
    top: 1.6rem;
    left: 50%;
    z-index: 2;
    padding: .8rem;
    width: 3.2rem;
    height: 3.2rem;
    margin-top: -.6rem;
    margin-left: -1.6rem
}

.step__icon .icon-circle .icon {
    font-size: 1.6rem
}

@media only screen and (min-width:640px) {
    .step__icon .icon-circle {
        top: 2rem;
        margin-top: -.5rem
    }
}

@media only screen and (min-width:1024px) {
    .step__icon .icon-circle {
        top: 2.4rem;
        padding: 1rem;
        width: 4rem;
        height: 4rem;
        margin-top: -.9rem;
        margin-left: -2rem
    }
    .step__icon .icon-circle .icon {
        font-size: 2rem
    }
}

.step__icon:after,
.step__icon:before {
    content: "";
    display: block;
    width: .4rem;
    position: absolute;
    left: 50%;
    margin-left: -.2rem;
    z-index: 1;
    background-color: #d3e2ef
}

.step__icon:before {
    top: -1px;
    height: 20px
}

.step__icon:after {
    top: 20px;
    bottom: 0
}

.step__content {
    padding-top: 0
}

.step__content .list-item {
    padding-left: 0;
    padding-right: 0
}

.step__content .list-item__text {
    padding-top: 0;
    padding-bottom: 0
}

.step:first-child .step__icon:before,
.step:last-child .step__icon:after {
    display: none
}

.step--complete .step__icon:after,
.step--complete .step__icon:before {
    background-color: #99C865
}

.step--complete--last .step__icon:after {
    background-color: #d3e2ef
}

.calculator__total-loan-amount {
    text-align: center
}

@media only screen and (min-width:640px) {
    .calculator__total-loan-amount {
        padding-top: 2.6rem
    }
    .calculator__total-loan-amount .message {
        padding-top: 4.2rem;
        padding-bottom: 4.2rem
    }
}

@media only screen and (min-width:768px) {
    .calculator__total-loan-amount .message {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }
}

@media only screen and (min-width:1248px) {
    .site-header__logout {
        right: 4.8rem
    }
    .calculator__total-loan-amount .message {
        padding-top: 4.7rem;
        padding-bottom: 4.7rem
    }
}

@media only screen and (min-width:1440px) {
    .calculator__total-loan-amount .message {
        padding-top: 5.3rem;
        padding-bottom: 5.3rem
    }
}

.calculator-income__controls:after {
    content: "";
    display: table;
    clear: both
}

.calculator-income__controls__delete,
.calculator-income__controls__edit {
    line-height: 1;
    vertical-align: top
}

.calculator-income__controls__delete {
    margin: .7rem 0 0 1.2rem
}

@media only screen and (min-width:480px) {
    .calculator-income__controls {
        padding-top: .6rem;
        text-align: right
    }
}

@media only screen and (min-width:768px) {
    .calculator-income__controls {
        padding-top: .8rem
    }
}

@media only screen and (min-width:1248px) {
    .calculator-income__controls {
        padding-top: 1.1rem
    }
}

@media only screen and (min-width:1440px) {
    .calculator-income__controls {
        padding-top: 1.2rem
    }
}

.dashboard {
    background-color: #FFF;
    overflow: hidden
}

.dashboard .row {
    margin-left: 0;
    margin-right: 0
}

.dashboard .column {
    padding-left: 0;
    padding-right: 0
}

.dashboard__section {
    padding: 2.4rem 1rem
}

@media only screen and (min-width:480px) {
    .dashboard__section {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media only screen and (min-width:640px) {
    .dashboard__section {
        padding: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .dashboard__section {
        padding: 4.2rem
    }
}

@media only screen and (min-width:1248px) {
    .dashboard__section {
        padding: 4.8rem
    }
}

@media only screen and (min-width:1440px) {
    .dashboard__section {
        padding-top: 5.4rem;
        padding-bottom: 5.4rem
    }
}

.dashboard__section__inner {
    position: relative;
    z-index: 1
}

.dashboard__header {
    background: url(../img/dashboard/header-bg-mobile.jpg) center top no-repeat #2f3d58;
    background-size: 640px 330px;
    padding-top: 33rem
}

@media only screen and (min-width:640px) {
    .dashboard__header {
        padding-top: 0;
        background-image: url(../img/dashboard/header-bg-tablet-small.jpg);
        background-position: center center;
        background-size: auto
    }
}

.dashboard__header>.container {
    padding-left: 0;
    padding-right: 0
}

.dashboard__header>.container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    z-index: 0;
    width: 1500px;
    background-color: rgba(24, 39, 70, .6)
}

.dashboard__main>.container {
    padding-left: 0;
    padding-right: 0
}

.dashboard__main>.container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    z-index: 0;
    width: 1500px;
    background-color: #F2F2F2
}

@media only screen and (min-width:1440px) {
    .dashboard__main .dashboard__section {
        padding-top: 6.6rem;
        padding-bottom: 6.6rem
    }
}

.dashboard__welcome {
    color: #FFF;
    position: relative
}

.dashboard__welcome__inner {
    position: relative;
    padding-left: 7.2rem
}

.dashboard__welcome img {
    border: 4px solid #FFF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3rem;
    width: 6rem
}

@media only screen and (min-width:1024px) {
    .dashboard__header {
        background-image: url(../img/dashboard/header-bg-tablet-wide.jpg)
    }
    .dashboard__welcome__inner {
        padding-left: 10.6rem
    }
    .dashboard__welcome img {
        margin-top: -4.5rem;
        width: 9rem
    }
}

.dashboard__welcome h1 {
    margin-top: 0;
    margin-bottom: .3em
}

.dashboard__welcome p {
    line-height: 1.25
}

.dashboard__messages {
    background-color: #445068;
    color: #FFF
}

.dashboard__messages .message-centre__title {
    background-color: rgba(24, 39, 70, .8);
    margin: -8.9rem -1.2rem 0;
    padding: 2rem 1rem
}

@media only screen and (min-width:480px) {
    .dashboard__messages .message-centre__title {
        margin-left: -2rem;
        margin-right: -2rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media only screen and (min-width:640px) {
    .equal-height--active .dashboard__welcome__inner {
        position: absolute;
        bottom: 0;
        left: 0
    }
    .dashboard__messages {
        position: relative;
        background-color: transparent
    }
    .dashboard__messages:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 0;
        background-color: rgba(24, 39, 70, .6)
    }
    .dashboard__messages__inner {
        min-height: 350px
    }
    .dashboard__messages .message-centre__title {
        background-color: transparent;
        margin: 0;
        padding: 0
    }
}

.dashboard__user-panels:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    z-index: 0;
    width: 1500px;
    background-color: #F2F2F2
}

.dashboard__m-and-s .mortgage-and-saving {
    margin-top: 2.4rem
}

.dashboard__m-and-s .mortgage-and-saving:first-child {
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .dashboard__m-and-s .mortgage-and-saving {
        margin-top: 0
    }
    .dashboard__m-and-s .mortgage-and-saving:first-child .mortgage-and-saving__inner {
        position: relative
    }
    .dashboard__m-and-s .mortgage-and-saving:first-child .mortgage-and-saving__inner:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -3rem;
        bottom: 0;
        width: 1px;
        background-color: #D2D2D2
    }
    .dashboard__m-and-s .mortgage-and-saving:nth-child(odd) {
        padding-right: 3rem
    }
    .dashboard__m-and-s .mortgage-and-saving:nth-child(even) {
        padding-left: 3rem
    }
}

.dashboard__tools {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    border-top: 1px solid #D2D2D2
}

@media only screen and (min-width:640px) {
    .dashboard__tools {
        margin-top: 3.6rem;
        padding-top: 3.6rem
    }
    .dashboard__tools .tabs .button {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .dashboard__tools {
        margin-top: 4.2rem;
        padding-top: 4.2rem
    }
}

@media only screen and (min-width:1248px) {
    .dashboard__header {
        background-image: url(../img/dashboard/header-bg.jpg)
    }
    .dashboard__m-and-s .mortgage-and-saving:first-child .mortgage-and-saving__inner:after {
        right: -3.6rem
    }
    .dashboard__m-and-s .mortgage-and-saving:nth-child(odd) {
        padding-right: 3.6rem
    }
    .dashboard__m-and-s .mortgage-and-saving:nth-child(even) {
        padding-left: 3.6rem
    }
    .dashboard__tools {
        margin-top: 5.4rem;
        padding-top: 5.4rem
    }
}

@media only screen and (min-width:1440px) {
    .dashboard__m-and-s .mortgage-and-saving:first-child .mortgage-and-saving__inner:after {
        right: -5.4rem
    }
    .dashboard__m-and-s .mortgage-and-saving:nth-child(odd) {
        padding-right: 5.4rem
    }
    .dashboard__m-and-s .mortgage-and-saving:nth-child(even) {
        padding-left: 5.4rem
    }
    .dashboard__m-and-s,
    .dashboard__tools {
        padding-left: 3.6rem;
        padding-right: 3.6rem
    }
}

.dashboard__tools .tabs__links__main .active:last-child:after,
.dashboard__tools .tabs__links__main:before {
    border-top-color: #FFF
}

.dashboard__contact {
    position: relative
}

.dashboard__contact:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-color: #F2F2F2
}

.application-summary__property-details ul {
    margin-left: 0;
    margin-right: 0;
    list-style: none
}

@media only screen and (min-width:640px) {
    .application-summary__property-details:after {
        content: "";
        display: table;
        clear: both
    }
    .application-summary__property-details p {
        float: left;
        width: 48%
    }
    .application-summary__property-details dl {
        margin-top: 0;
        float: right;
        width: 48%
    }
    .application-summary__property-details dt {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        font-family: Effra_Bold, Helvetica, Arial, sans-serif;
        font-weight: 400
    }
    .application-summary__property-details ul:after {
        content: "";
        display: table;
        clear: both
    }
    .application-summary__property-details ul>li {
        float: left;
        margin-top: .75em;
        margin-bottom: 0;
        width: 48%
    }
    .application-summary__property-details ul>li:nth-child(-n+2) {
        margin-top: 0
    }
    .application-summary__property-details ul>li:nth-child(odd) {
        clear: left
    }
    .application-summary__property-details ul>li:nth-child(even) {
        float: right
    }
}

.dip {
    position: relative
}

@media only screen and (max-width:1023px) {
    .dip {
        overflow: hidden
    }
    .site-content .dip,
    .site-content>article .dip {
        padding-top: 10.4rem
    }
    .dip>.row .column {
        position: static
    }
    .dip .progress-panel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #2f3d58
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .site-content .dip,
    .site-content>article .dip {
        padding-top: 12rem
    }
}

.dip__header {
    position: relative
}

.dip__header h1 {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width:480px) {
    .dip__header {
        padding-right: 20rem
    }
    .dip__header h1 {
        margin-bottom: 0
    }
    .dip__header .button {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -1.7rem
    }
}

@media only screen and (min-width:1024px) {
    .dip__content,
    .dip__sidebar {
        position: relative
    }
    .dip__sidebar {
        min-height: 1px
    }
}

.dip-applicant {
    padding: 2rem
}

.dip-applicant:first-child {
    margin-top: 0
}

.dip-applicant__fieldset {
    position: relative
}

.dip-applicant__fieldset:after {
    content: "";
    display: table;
    clear: both
}

.dip-applicant__fieldset .row {
    margin-left: -.8rem;
    margin-right: -.8rem
}

.dip-applicant__fieldset .column {
    padding-left: .8rem;
    padding-right: .8rem
}

.dip-applicant__fieldset .delete {
    float: right;
    position: relative;
    width: 10rem;
    height: 5rem;
    margin-top: 2rem
}

@media only screen and (min-width:1440px) {
    .dip-applicant__fieldset .delete {
        height: 5.6rem
    }
}

.dip-applicant--primary {
    background-color: #F2F2F2
}

.dip-applicant--additional:last-child {
    padding-bottom: 0
}

@media only screen and (min-width:768px) {
    .dip-applicant__fieldset {
        padding-right: 5.6rem
    }
    .dip-applicant__fieldset .delete {
        float: none;
        position: absolute;
        top: auto;
        left: auto;
        width: 4rem;
        margin-top: 0
    }
    .dip-applicant {
        margin-top: 0;
        padding: 2.4rem
    }
    .dip-applicant--additional {
        padding-bottom: 0
    }
    .dip-applicant--additional .dip-applicant__title,
    .dip-applicant--additional label {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

.dip-gateway__title {
    margin-bottom: 0;
    max-width: none;
    text-align: center
}

.dip-gateway__form,
.dip-gateway__options {
    margin: 2.4rem auto 0
}

@media only screen and (min-width:768px) {
    .dip-gateway__form,
    .dip-gateway__options {
        margin-top: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .dip-gateway__form,
    .dip-gateway__options {
        margin-top: 3.6rem
    }
}

.dip-gateway__options {
    list-style: none;
    max-width: 34.8rem;
    text-align: center
}

.dip-gateway__options:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width:768px) {
    .dip-gateway__options {
        max-width: 69.6rem
    }
}

@media only screen and (min-width:1248px) {
    .dip-applicant {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .dip-gateway__form,
    .dip-gateway__options {
        margin-top: 4.2rem
    }
    .dip-gateway__options {
        max-width: 75.2rem
    }
}

@media only screen and (min-width:1440px) {
    .dip-gateway__form,
    .dip-gateway__options {
        margin-top: 4.8rem
    }
    .dip-gateway__options {
        max-width: 80.8rem
    }
}

.dip-gateway__options li {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 0;
    margin-top: 2.4rem
}

.dip-gateway__options li:first-child {
    margin-top: 0
}

@media only screen and (min-width:400px) {
    .dip-gateway__options li {
        float: left;
        width: 50%
    }
    .dip-gateway__options li:nth-child(2) {
        margin-top: 0
    }
    .dip-gateway__options li:nth-child(3) {
        clear: left
    }
}

@media only screen and (min-width:768px) {
    .dip-gateway__options li {
        margin-top: 0;
        width: 25%
    }
    .dip-gateway__options li:nth-child(3) {
        clear: none
    }
}

.dip-gateway__ctas {
    margin: 2.4rem 2rem 0
}

@media only screen and (min-width:640px) {
    .dip-gateway__ctas {
        margin-left: 0;
        margin-right: 0;
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media only screen and (min-width:768px) {
    .dip-gateway__ctas {
        margin-top: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .dip-gateway__ctas {
        margin-top: 4.2rem
    }
}

@media only screen and (min-width:1248px) {
    .dip-gateway__ctas {
        padding-left: 3rem;
        padding-right: 3rem;
        margin-top: 4.8rem
    }
}

@media only screen and (min-width:1440px) {
    .dip-gateway__ctas {
        margin-top: 5.4rem
    }
}

.dip-gateway__ctas .button {
    width: 100%;
    max-width: 31rem
}

@media only screen and (min-width:640px) {
    .dip-gateway__ctas .button {
        width: auto;
        max-width: none;
        min-width: 22rem
    }
}

@media only screen and (min-width:768px) {
    .dip-gateway__ctas .button {
        min-width: 28rem
    }
}

.dip-gateway__ctas--split:after {
    content: "";
    display: table;
    clear: both
}

.dip-gateway__ctas--split .button-wrapper {
    margin-top: 2rem
}

.dip-gateway__ctas--split .button-wrapper:first-child {
    margin-top: 0
}

@media only screen and (min-width:640px) {
    .dip-gateway__ctas--split .button-wrapper {
        margin-top: 0
    }
    .dip-gateway__ctas--split .button-wrapper:first-child {
        float: left
    }
    .dip-gateway__ctas--split .button-wrapper:nth-child(2) {
        float: right
    }
}

.dip-gateway__cta {
    display: none
}

.dip-gateway__cta .message {
    margin-left: auto;
    margin-right: auto;
    max-width: 71rem;
    text-align: center
}

.dip-gateway--active-negative .dip-gateway__cta--negative,
.dip-gateway--active-positive .dip-gateway__cta--positive {
    display: block
}

.dip-gateway-option {
    overflow: hidden;
    position: relative
}

.dip-gateway-option input[type=radio] {
    z-index: 1
}

input[type=radio]+.dip-gateway-option__label {
    margin-left: auto;
    margin-right: auto;
    width: 15rem;
    height: 15rem;
    padding: 0;
    position: relative;
    color: #182746;
    cursor: pointer;
    z-index: 2
}

input[type=radio]+.dip-gateway-option__label:before {
    display: none
}

input[type=radio]+.dip-gateway-option__label:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2rem solid #C9DEF0;
    border-radius: 50%;
    transition: border .2s cubic-bezier(.645, .045, .355, 1)
}

input[type=radio]+.dip-gateway-option__label span {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 6rem;
    line-height: 1;
    margin-top: -3rem;
    text-align: center
}

input[type=radio]+.dip-gateway-option__label:hover {
    color: #182746
}

@media only screen and (min-width:1248px) {
    .dip-gateway__ctas .button {
        min-width: 31rem
    }
    input[type=radio]+.dip-gateway-option__label {
        width: 16.4rem;
        height: 16.4rem
    }
}

@media only screen and (min-width:1440px) {
    input[type=radio]+.dip-gateway-option__label {
        width: 17.8rem;
        height: 17.8rem
    }
    input[type=radio]+.dip-gateway-option__label:after {
        border-width: 2.4rem
    }
}

input[type=radio]:checked+.dip-gateway-option__label:after {
    border-color: #FFE000
}

input[type=radio]:checked+.dip-gateway-option__label span {
    font-family: Effra_Bold, Helvetica, Arial, sans-serif
}

@media print {
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

@media (max-width:1024px)  
{
     .icon-circle--blue {display:none;}
      }

.nowrap-small {
    white-space: nowrap;
    font-size:1.5rem
}

.bullet-point
{
    padding-left: 2.4rem;
} 

.bullet-point li
{
    list-style-type:disc;
    margin-bottom:1.2rem;
} 

.info-icon {
    float:left;
    margin-right: 1.5rem
}

.flush-block-nowrap
{
    overflow:hidden;
    margin-top: 0px
}

.lightbold
{
    font-weight:800;
}

.lighterbold
{
    font-weight:600;
}

.underline
{
    text-decoration : underline;
}

.label-margin
{
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}

#resultsDiv div p {
    max-width: 48em
}

/*# sourceMappingURL=main.css.map */