@charset "UTF-8";

@media print,screen and (min-width:25.9375em) {
    .reveal, .reveal.large, .reveal.small, .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 0;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    background-color: #40C1AC;
    color: #000000;
}

button, input {
    overflow: visible
}



[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

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

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

[data-whatinput=mouse] *, [data-whatinput=mouse] :focus, [data-whatinput=touch] *, [data-whatinput=touch] :focus, [data-whatintent=mouse] *, [data-whatintent=mouse] :focus, [data-whatintent=touch] *, [data-whatintent=touch] :focus {
    outline: 0
}

[draggable=false] {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.foundation-mq {
    font-family: "small=0em&medium=25.9375em&large=45em&xlarge=64em&xxlarge=80em"
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}

*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    font-family: Noto Regular;
    font-weight: 400;
    line-height: 1.5;
    color: #021B41;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: #40C1AC;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

button, input, optgroup, select, textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
        outline: 0;
        border: 1px solid #cacaca;
        background-color: #fefefe;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
        transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
        transition: box-shadow .5s,border-color .25s ease-in-out;
        transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s
    }

textarea {
    max-width: 100%
}

    textarea[rows] {
        height: auto
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #e6e6e6;
        cursor: not-allowed
    }

[type=button], [type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

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

::-webkit-input-placeholder {
    color: #cacaca
}

::-moz-placeholder {
    color: #cacaca
}

:-ms-input-placeholder {
    color: #cacaca
}

::-ms-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

    [type=checkbox] + label, [type=radio] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0
    }

        [type=checkbox] + label[for], [type=radio] + label[for] {
            cursor: pointer
        }

label > [type=checkbox], label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.8;
    color: #021B41
}

    label.middle {
        margin: 0 0 1rem;
        line-height: 1.5;
        padding: .5625rem 0
    }

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .input-group > :first-child, .input-group > :first-child.input-group-button > * {
        border-radius: 0
    }

    .input-group > :last-child, .input-group > :last-child.input-group-button > * {
        border-radius: 0
    }

.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .input-group-label:first-child {
        border-right: 0
    }

    .input-group-label:last-child {
        border-left: 0
    }

.input-group-field {
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1rem
    }

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

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

    .fieldset legend {
        margin: 0;
        margin-left: -.1875rem;
        padding: 0 .1875rem
    }

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:focus {
    outline: 0;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

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

select[multiple] {
    height: auto;
    background-image: none
}

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0
}

.is-invalid-input:not(:focus) {
    border-color: #C20114;
    background-color: #f7e9e9
}

    .is-invalid-input:not(:focus)::-webkit-input-placeholder {
        color: #C20114
    }

    .is-invalid-input:not(:focus)::-moz-placeholder {
        color: #C20114
    }

    .is-invalid-input:not(:focus):-ms-input-placeholder {
        color: #C20114
    }

    .is-invalid-input:not(:focus)::-ms-input-placeholder {
        color: #C20114
    }

    .is-invalid-input:not(:focus)::placeholder {
        color: #C20114
    }

.is-invalid-label {
    color: #C20114
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .8125rem;
    font-weight: 700;
    color: #C20114
}

    .form-error.is-visible {
        display: block
    }

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1.125rem;
    font-size: inherit;
    line-height: 1.5;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic;
    line-height: inherit
}

b, strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Noto Light;
    font-style: normal;
    font-weight: 400;
    color: #021B41;
    text-rendering: optimizeLegibility
}

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        line-height: 0;
        color: #cacaca
    }

.h1, h1 {
    font-size: 1.875rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.h2, h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}



.h3, h3 {
    font-size: 1.25rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.h4, h4 {
    font-size: 1.1875rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.h5, h5 {
    font-size: 1.125rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

.h6, h6 {
    font-size: 1.0625rem;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,screen and (min-width:25.9375em) {
    .h1, h1 {
        font-size: 2.5rem
    }

    .h2, h2 {
        font-size: 1.5rem
    }

    .h3, h3 {
        font-size: 1.25rem
    }

    .h4, h4 {
        font-size: 1.1875rem
    }

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

    .h6, h6 {
        font-size: 1.0625rem
    }
}

a {
    line-height: inherit;
    color: #021B41;
    text-decoration: underline;
    cursor: pointer
}

    a:focus, a:hover {
        color: #021B41;
        text-decoration: none
    }

    a img {
        border: 0
    }

hr {
    clear: both;
    max-width: 90rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

dl, ol, ul {
    margin-bottom: 1.125rem;
    list-style-position: outside;
    line-height: 1.5
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-left: 1.25rem;
        margin-bottom: 0
    }

dl {
    margin-bottom: 1rem
}

    dl dt {
        margin-bottom: .3rem;
        font-weight: 700
    }

blockquote {
    margin: 0 0 1.125rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

    blockquote, blockquote p {
        line-height: 1.5;
        color: #8a8a8a
    }

abbr, abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    color: #0a0a0a
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

ol.no-bullet, ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.cite-block, cite {
    display: block;
    color: #8a8a8a;
    font-size: .8125rem
}

    .cite-block:before, cite:before {
        content: "— "
    }

.code-inline, code {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: 400;
    color: #0a0a0a;
    display: inline;
    max-width: 100%;
    word-wrap: break-word;
    padding: .125rem .3125rem .0625rem
}

.code-block {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: 400;
    color: #0a0a0a;
    display: block;
    overflow: auto;
    white-space: pre;
    padding: 1rem;
    margin-bottom: 1.5rem
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,screen and (min-width:25.9375em) {
    .medium-text-left {
        text-align: left
    }

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

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

    .medium-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width:45em) {
    .large-text-left {
        text-align: left
    }

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

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

    .large-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:64em) {
    .xlarge-text-left {
        text-align: left
    }

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

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

    .xlarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:80em) {
    .xxlarge-text-left {
        text-align: left
    }

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

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

    .xxlarge-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        -webkit-print-color-adjust: economy;
        color-adjust: economy;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^='#']:after, a[href^='javascript:']:after {
            content: ''
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote, pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

.row {
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

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

@media print,screen and (min-width:25.9375em) {
    .row .row {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
}

@media print,screen and (min-width:45em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width:64em) {
    .row .row {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
}

@media screen and (min-width:80em) {
    .row .row {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

    .row.expanded .row {
        margin-right: auto;
        margin-left: auto
    }

.row:not(.expanded) .row {
    max-width: none
}

.row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

    .row.collapse > .column > .row, .row.collapse > .columns > .row, .row.is-collapse-child {
        margin-right: 0;
        margin-left: 0
    }

.column, .columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: .5rem;
    padding-left: .5rem;
    min-width: 0
}

@media print,screen and (min-width:25.9375em) {
    .column, .columns {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

@media print,screen and (min-width:45em) {
    .column, .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width:64em) {
    .column, .columns {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

.column.row.row, .row.row.columns {
    float: none;
    display: block
}

.row .column.row.row, .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .small-up-1 > .column, .small-up-1 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

.small-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .small-up-2 > .column, .small-up-2 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

.small-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .small-up-3 > .column, .small-up-3 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

.small-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .small-up-4 > .column, .small-up-4 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

.small-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .small-up-5 > .column, .small-up-5 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

.small-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .small-up-6 > .column, .small-up-6 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

.small-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .small-up-7 > .column, .small-up-7 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

.small-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .small-up-8 > .column, .small-up-8 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

.small-collapse > .column, .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-right: .5rem;
    padding-left: .5rem
}

@media print,screen and (min-width:25.9375em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .medium-up-1 > .column, .medium-up-1 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

    .medium-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .medium-up-2 > .column, .medium-up-2 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

    .medium-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .medium-up-3 > .column, .medium-up-3 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

    .medium-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .medium-up-4 > .column, .medium-up-4 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

    .medium-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .medium-up-5 > .column, .medium-up-5 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%
        }

    .medium-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .medium-up-6 > .column, .medium-up-6 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

    .medium-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .medium-up-7 > .column, .medium-up-7 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 14.28571%;
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%
        }

    .medium-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .medium-up-8 > .column, .medium-up-8 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 12.5%;
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%
        }
}

@media print,screen and (min-width:25.9375em) and (min-width:25.9375em) {
    .medium-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.row.medium-unstack > .column, .row.medium-unstack > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,screen and (min-width:25.9375em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,screen and (min-width:25.9375em) {
    .medium-collapse > .column, .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

@media print,screen and (min-width:45em) {
    .large-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .large-up-1 > .column, .large-up-1 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

    .large-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .large-up-2 > .column, .large-up-2 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

    .large-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .large-up-3 > .column, .large-up-3 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

    .large-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .large-up-4 > .column, .large-up-4 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

    .large-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .large-up-5 > .column, .large-up-5 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%
        }

    .large-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .large-up-6 > .column, .large-up-6 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

    .large-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .large-up-7 > .column, .large-up-7 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 14.28571%;
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%
        }

    .large-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .large-up-8 > .column, .large-up-8 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 12.5%;
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%
        }
}

@media print,screen and (min-width:45em) and (min-width:45em) {
    .large-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.row.large-unstack > .column, .row.large-unstack > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,screen and (min-width:45em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,screen and (min-width:45em) {
    .large-collapse > .column, .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width:64em) {
    .xlarge-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xlarge-offset-0 {
        margin-left: 0
    }

    .xlarge-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xlarge-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xlarge-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .xlarge-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xlarge-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xlarge-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .xlarge-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xlarge-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xlarge-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .xlarge-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xlarge-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xlarge-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

    .xlarge-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

    .xlarge-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

    .xlarge-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

    .xlarge-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%
        }

    .xlarge-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

    .xlarge-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 14.28571%;
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%
        }

    .xlarge-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 12.5%;
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%
        }
}

@media screen and (min-width:64em) and (min-width:64em) {
    .xlarge-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width:64em) {
    .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width:64em) {
    .xlarge-collapse > .column, .xlarge-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

@media screen and (min-width:80em) {
    .xxlarge-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xxlarge-offset-0 {
        margin-left: 0
    }

    .xxlarge-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xxlarge-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xxlarge-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxlarge-offset-3 {
        margin-left: 25%
    }

    .xxlarge-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xxlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xxlarge-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xxlarge-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xxlarge-offset-6 {
        margin-left: 50%
    }

    .xxlarge-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xxlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xxlarge-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xxlarge-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xxlarge-offset-9 {
        margin-left: 75%
    }

    .xxlarge-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xxlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xxlarge-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xxlarge-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

    .xxlarge-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

    .xxlarge-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

    .xxlarge-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

    .xxlarge-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%
        }

    .xxlarge-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

    .xxlarge-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 14.28571%;
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%
        }

    .xxlarge-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 12.5%;
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%
        }
}

@media screen and (min-width:80em) and (min-width:80em) {
    .xxlarge-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width:80em) {
    .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width:80em) {
    .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

.column-block {
    margin-bottom: 1rem
}

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

@media print,screen and (min-width:25.9375em) {
    .column-block {
        margin-bottom: 1rem
    }

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

@media print,screen and (min-width:45em) {
    .column-block {
        margin-bottom: 1.875rem
    }

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

@media screen and (min-width:64em) {
    .column-block {
        margin-bottom: 2.5rem
    }

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

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: .85em 2.5em;
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-family: NotoSans-Regular;
    font-size: .938rem;
    font-weight: 400;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

    .button.deep-yellow {
        background-color: #40C1AC;
        color: #000000;
    }



.search-register-sign-in-links .button {
    margin-right: 1.6rem;
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

@media print,screen and (max-width:25.93625em) {
    .button.small-only-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (min-width:25.9375em) and (max-width:44.99875em) {
    .button.medium-only-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (max-width:44.99875em) {
    .button.medium-down-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (min-width:25.9375em) {
    .button.medium-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (min-width:45em) and (max-width:63.99875em) {
    .button.large-only-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (max-width:63.99875em) {
    .button.large-down-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (min-width:45em) {
    .button.large-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width:64em) and (max-width:79.99875em) {
    .button.xlarge-only-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,screen and (max-width:79.99875em) {
    .button.xlarge-down-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width:64em) {
    .button.xlarge-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width:80em) {
    .button.xxlarge-only-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.button.xxlarge-down-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

@media screen and (min-width:80em) {
    .button.xxlarge-expanded {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.headerColor {
    background-color: #000000;
}

.button, .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
    background-color: #40C1AC;
    color: #000000
}

    .button:focus, .button:hover {
        background-color: #267A80;
        color: #fff;
    }

    .button.icon-plus-thin.black:hover {
        background-color: #267A80;
        color: #fff;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2219%208.5%2010.5%208.5%2010.5%200%208.5%200%208.5%208.5%200%208.5%200%2010.5%208.5%2010.5%208.5%2019%2010.5%2019%2010.5%2010.5%2019%2010.5%2019%208.5%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    }

    .button.primary, .button.primary.disabled, .button.primary.disabled:focus, .button.primary[disabled], .button.primary[disabled]:focus {
        background-color: #267A80;
        color: #0a0a0a
    }

        .button.primary:focus, .button.primary:hover, .button.primary[disabled]:hover, .button.primary.disabled:hover {
            background-color: #267A80;
            color: #0a0a0a
        }

    .button.secondary, .button.secondary.disabled, .button.secondary.disabled:focus, .button.secondary[disabled], .button.secondary[disabled]:focus {
        background-color: #40C1AC;
        color: #000000
    }

        .button.secondary:focus, .button.secondary:hover, .button.secondary.disabled:hover, .button.secondary[disabled]:hover {
            background-color: #267A80;
            color: #FFFFFF
        }

    .button.success, .button.success.disabled, .button.success.disabled:focus, .button.success.disabled:hover, .button.success[disabled], .button.success[disabled]:focus, .button.success[disabled]:hover {
        background-color: #40C1AC;
        color: #0a0a0a
    }

        .button.success:focus, .button.success:hover {
            background-color: #40C1AC;
            color: #0a0a0a
        }

    .button.warning, .button.warning.disabled, .button.warning.disabled:focus, .button.warning.disabled:hover, .button.warning[disabled], .button.warning[disabled]:focus, .button.warning[disabled]:hover {
        background-color: #ffae00;
        color: #0a0a0a
    }

        .button.warning:focus, .button.warning:hover {
            background-color: #cc8b00;
            color: #0a0a0a
        }

    .button.alert, .button.alert.disabled, .button.alert.disabled:focus, .button.alert.disabled:hover, .button.alert[disabled], .button.alert[disabled]:focus, .button.alert[disabled]:hover {
        background-color: #C20114;
        color: #0a0a0a
    }

        .button.alert:focus, .button.alert:hover {
            background-color: #962322;
            color: #0a0a0a
        }

    .button.hollow, .button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow:focus, .button.hollow:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover {
        background-color: transparent
    }

        .button.hollow, .button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover {
            border: 1px solid #2E5C99;
            color: #2E5C99
        }

            .button.hollow:focus, .button.hollow:hover {
                border-color: #2d7378;
                color: #2d7378
            }

            .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary.disabled:focus, .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled], .button.hollow.primary[disabled]:focus, .button.hollow.primary[disabled]:hover {
                border: 1px solid #2E5C99;
                color: #2E5C99
            }

                .button.hollow.primary:focus, .button.hollow.primary:hover {
                    border-color: #2d7378;
                    color: #2d7378
                }

            .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary.disabled:focus, .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled], .button.hollow.secondary[disabled]:focus, .button.hollow.secondary[disabled]:hover {
                border: 1px solid #021B41;
                color: #021B41
            }

                .button.hollow.secondary:focus, .button.hollow.secondary:hover {
                    border-color: #00172d;
                    color: #00172d
                }

            .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success.disabled:focus, .button.hollow.success.disabled:hover, .button.hollow.success[disabled], .button.hollow.success[disabled]:focus, .button.hollow.success[disabled]:hover {
                border: 1px solid #3adb76;
                color: #3adb76
            }

                .button.hollow.success:focus, .button.hollow.success:hover {
                    border-color: #157539;
                    color: #157539
                }

            .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning.disabled:focus, .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled], .button.hollow.warning[disabled]:focus, .button.hollow.warning[disabled]:hover {
                border: 1px solid #ffae00;
                color: #ffae00
            }

                .button.hollow.warning:focus, .button.hollow.warning:hover {
                    border-color: #805700;
                    color: #805700
                }

            .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert.disabled:focus, .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled], .button.hollow.alert[disabled]:focus, .button.hollow.alert[disabled]:hover {
                border: 1px solid #C20114;
                color: #C20114
            }

                .button.hollow.alert:focus, .button.hollow.alert:hover {
                    border-color: #5e1616;
                    color: #5e1616
                }

    .button.clear, .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear:focus, .button.clear:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover {
        border-color: transparent;
        background-color: transparent
    }

        .button.clear, .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover {
            color: #2E5C99
        }

            .button.clear:focus, .button.clear:hover {
                color: #2d7378
            }

            .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary.disabled:focus, .button.clear.primary.disabled:hover, .button.clear.primary[disabled], .button.clear.primary[disabled]:focus, .button.clear.primary[disabled]:hover {
                color: #2E5C99
            }

                .button.clear.primary:focus, .button.clear.primary:hover {
                    color: #2d7378
                }

            .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary.disabled:focus, .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled], .button.clear.secondary[disabled]:focus, .button.clear.secondary[disabled]:hover {
                color: #021B41
            }

                .button.clear.secondary:focus, .button.clear.secondary:hover {
                    color: #00172d
                }

            .button.clear.success, .button.clear.success.disabled, .button.clear.success.disabled:focus, .button.clear.success.disabled:hover, .button.clear.success[disabled], .button.clear.success[disabled]:focus, .button.clear.success[disabled]:hover {
                color: #3adb76
            }

                .button.clear.success:focus, .button.clear.success:hover {
                    color: #157539
                }

            .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning.disabled:focus, .button.clear.warning.disabled:hover, .button.clear.warning[disabled], .button.clear.warning[disabled]:focus, .button.clear.warning[disabled]:hover {
                color: #ffae00
            }

                .button.clear.warning:focus, .button.clear.warning:hover {
                    color: #805700
                }

            .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert.disabled:focus, .button.clear.alert.disabled:hover, .button.clear.alert[disabled], .button.clear.alert[disabled]:focus, .button.clear.alert[disabled]:hover {
                color: #C20114
            }

                .button.clear.alert:focus, .button.clear.alert:hover {
                    color: #5e1616
                }

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

    .button.dropdown::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .4em;
        content: '';
        border-bottom-width: 0;
        border-color: #fefefe transparent transparent;
        position: relative;
        top: .4em;
        display: inline-block;
        float: right;
        margin-left: 2.5em
    }

    .button.dropdown.clear::after, .button.dropdown.hollow::after {
        border-top-color: #2E5C99
    }

    .button.dropdown.clear.primary::after, .button.dropdown.hollow.primary::after {
        border-top-color: #2E5C99
    }

    .button.dropdown.clear.secondary::after, .button.dropdown.hollow.secondary::after {
        border-top-color: #021B41
    }

    .button.dropdown.clear.success::after, .button.dropdown.hollow.success::after {
        border-top-color: #3adb76
    }

    .button.dropdown.clear.warning::after, .button.dropdown.hollow.warning::after {
        border-top-color: #ffae00
    }

    .button.dropdown.clear.alert::after, .button.dropdown.hollow.alert::after {
        border-top-color: #C20114
    }

    .button.arrow-only::after {
        top: -.1em;
        float: none;
        margin-left: 0
    }

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

.button-group {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .button-group::after, .button-group::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .button-group::after {
        clear: both
    }

    .button-group::after, .button-group::before {
        display: none
    }

    .button-group .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: .938rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .button-group .button:last-child {
            margin-right: 0
        }

    .button-group.tiny .button {
        font-size: .6rem
    }

    .button-group.small .button {
        font-size: .75rem
    }

    .button-group.large .button {
        font-size: 1.25rem
    }

    .button-group.expanded .button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button.disabled:focus, .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled], .button-group.primary .button[disabled]:focus, .button-group.primary .button[disabled]:hover {
        background-color: #2E5C99;
        color: #0a0a0a
    }

        .button-group.primary .button:focus, .button-group.primary .button:hover {
            background-color: #4bb5bc;
            color: #0a0a0a
        }

    .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button.disabled:focus, .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled], .button-group.secondary .button[disabled]:focus, .button-group.secondary .button[disabled]:hover {
        background-color: #021B41;
        color: #0a0a0a
    }

        .button-group.secondary .button:focus, .button-group.secondary .button:hover {
            background-color: #002447;
            color: #0a0a0a
        }

    .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button.disabled:focus, .button-group.success .button.disabled:hover, .button-group.success .button[disabled], .button-group.success .button[disabled]:focus, .button-group.success .button[disabled]:hover {
        background-color: #3adb76;
        color: #0a0a0a
    }

        .button-group.success .button:focus, .button-group.success .button:hover {
            background-color: #22bb5b;
            color: #0a0a0a
        }

    .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button.disabled:focus, .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled], .button-group.warning .button[disabled]:focus, .button-group.warning .button[disabled]:hover {
        background-color: #ffae00;
        color: #0a0a0a
    }

        .button-group.warning .button:focus, .button-group.warning .button:hover {
            background-color: #cc8b00;
            color: #0a0a0a
        }

    .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button.disabled:focus, .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled], .button-group.alert .button[disabled]:focus, .button-group.alert .button[disabled]:hover {
        background-color: #C20114;
        color: #0a0a0a
    }

        .button-group.alert .button:focus, .button-group.alert .button:hover {
            background-color: #962322;
            color: #0a0a0a
        }

    .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:focus, .button-group.hollow .button.disabled:hover, .button-group.hollow .button:focus, .button-group.hollow .button:hover, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:focus, .button-group.hollow .button[disabled]:hover {
        background-color: transparent
    }

        .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:focus, .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:focus, .button-group.hollow .button[disabled]:hover {
            border: 1px solid #2E5C99;
            color: #2E5C99
        }

            .button-group.hollow .button:focus, .button-group.hollow .button:hover {
                border-color: #2d7378;
                color: #2d7378
            }

            .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary[disabled]:focus, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow.primary .button[disabled]:hover {
                border: 1px solid #2E5C99;
                color: #2E5C99
            }

                .button-group.hollow .button.primary:focus, .button-group.hollow .button.primary:hover, .button-group.hollow.primary .button:focus, .button-group.hollow.primary .button:hover {
                    border-color: #2d7378;
                    color: #2d7378
                }

            .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary[disabled]:focus, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow.secondary .button[disabled]:hover {
                border: 1px solid #021B41;
                color: #021B41
            }

                .button-group.hollow .button.secondary:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow.secondary .button:hover {
                    border-color: #00172d;
                    color: #00172d
                }

            .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success[disabled]:focus, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button[disabled]:focus, .button-group.hollow.success .button[disabled]:hover {
                border: 1px solid #3adb76;
                color: #3adb76
            }

                .button-group.hollow .button.success:focus, .button-group.hollow .button.success:hover, .button-group.hollow.success .button:focus, .button-group.hollow.success .button:hover {
                    border-color: #157539;
                    color: #157539
                }

            .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning[disabled]:focus, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow.warning .button[disabled]:hover {
                border: 1px solid #ffae00;
                color: #ffae00
            }

                .button-group.hollow .button.warning:focus, .button-group.hollow .button.warning:hover, .button-group.hollow.warning .button:focus, .button-group.hollow.warning .button:hover {
                    border-color: #805700;
                    color: #805700
                }

            .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert[disabled]:focus, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow.alert .button[disabled]:hover {
                border: 1px solid #C20114;
                color: #C20114
            }

                .button-group.hollow .button.alert:focus, .button-group.hollow .button.alert:hover, .button-group.hollow.alert .button:focus, .button-group.hollow.alert .button:hover {
                    border-color: #5e1616;
                    color: #5e1616
                }

    .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button.disabled:focus, .button-group.clear .button.disabled:hover, .button-group.clear .button:focus, .button-group.clear .button:hover, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:focus, .button-group.clear .button[disabled]:hover {
        border-color: transparent;
        background-color: transparent
    }

        .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button.disabled:focus, .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:focus, .button-group.clear .button[disabled]:hover {
            color: #2E5C99
        }

            .button-group.clear .button:focus, .button-group.clear .button:hover {
                color: #2d7378
            }

            .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary[disabled]:focus, .button-group.clear .button.primary[disabled]:hover, .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button[disabled]:focus, .button-group.clear.primary .button[disabled]:hover {
                color: #2E5C99
            }

                .button-group.clear .button.primary:focus, .button-group.clear .button.primary:hover, .button-group.clear.primary .button:focus, .button-group.clear.primary .button:hover {
                    color: #2d7378
                }

            .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary[disabled]:focus, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button[disabled]:focus, .button-group.clear.secondary .button[disabled]:hover {
                color: #021B41
            }

                .button-group.clear .button.secondary:focus, .button-group.clear .button.secondary:hover, .button-group.clear.secondary .button:focus, .button-group.clear.secondary .button:hover {
                    color: #00172d
                }

            .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled], .button-group.clear .button.success[disabled]:focus, .button-group.clear .button.success[disabled]:hover, .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled], .button-group.clear.success .button[disabled]:focus, .button-group.clear.success .button[disabled]:hover {
                color: #3adb76
            }

                .button-group.clear .button.success:focus, .button-group.clear .button.success:hover, .button-group.clear.success .button:focus, .button-group.clear.success .button:hover {
                    color: #157539
                }

            .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning[disabled]:focus, .button-group.clear .button.warning[disabled]:hover, .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button[disabled]:focus, .button-group.clear.warning .button[disabled]:hover {
                color: #ffae00
            }

                .button-group.clear .button.warning:focus, .button-group.clear .button.warning:hover, .button-group.clear.warning .button:focus, .button-group.clear.warning .button:hover {
                    color: #805700
                }

            .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert[disabled]:focus, .button-group.clear .button.alert[disabled]:hover, .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button[disabled]:focus, .button-group.clear.alert .button[disabled]:hover {
                color: #C20114
            }

                .button-group.clear .button.alert:focus, .button-group.clear .button.alert:hover, .button-group.clear.alert .button:focus, .button-group.clear.alert .button:hover {
                    color: #5e1616
                }

    .button-group.no-gaps .button {
        margin-right: -.0625rem
    }

        .button-group.no-gaps .button + .button {
            border-left-color: transparent
        }

    .button-group.stacked, .button-group.stacked-for-medium, .button-group.stacked-for-small {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .button-group.stacked .button, .button-group.stacked-for-medium .button, .button-group.stacked-for-small .button {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

            .button-group.stacked .button:last-child, .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-small .button:last-child {
                margin-bottom: 0
            }

        .button-group.stacked-for-medium.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked.expanded .button {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 0px;
            -ms-flex: 1 1 0px;
            flex: 1 1 0px
        }

@media print,screen and (min-width:25.9375em) {
    .button-group.stacked-for-small .button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media print,screen and (min-width:45em) {
    .button-group.stacked-for-medium .button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media print,screen and (max-width:25.93625em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0
        }
}

@media print,screen and (max-width:44.99875em) {
    .button-group.stacked-for-medium.expanded {
        display: block
    }

        .button-group.stacked-for-medium.expanded .button {
            display: block;
            margin-right: 0
        }
}

.close-button {
    position: absolute;
    z-index: 10;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus, .close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button, .close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #2E5C99;
    color: #fefefe
}

    .label.primary {
        background: #2E5C99;
        color: #0a0a0a
    }

    .label.secondary {
        background: #021B41;
        color: #fefefe
    }

    .label.success {
        background: #3adb76;
        color: #0a0a0a
    }

    .label.warning {
        background: #ffae00;
        color: #0a0a0a
    }

    .label.alert {
        background: #C20114;
        color: #fefefe
    }

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

    .progress.primary .progress-meter {
        background-color: #2E5C99
    }

    .progress.secondary .progress-meter {
        background-color: #021B41
    }

    .progress.success .progress-meter {
        background-color: #3adb76
    }

    .progress.warning .progress-meter {
        background-color: #ffae00
    }

    .progress.alert .progress-meter {
        background-color: #C20114
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #2E5C99
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap
}

.slider {
    position: relative;
    height: .6rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #ccc;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .6rem;
    background-color: #2E5C99;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

    .slider-fill.is-dragging {
        -webkit-transition: all 0s linear;
        transition: all 0s linear
    }

.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    cursor: -webkit-grab;
    cursor: grab;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    background-color: #2E5C99;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #CAE1EF
}

.slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.slider.disabled, .slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

    .slider.vertical .slider-fill {
        top: 0;
        width: .5rem;
        max-height: 100%
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.6rem;
        height: 1.6rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.switch {
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 1.2rem
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 2.4rem;
    height: 1.2rem;
    border-radius: 999px;
    background: rgba(84,86,91,.3);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: .7rem;
    height: .7rem;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border-radius: 999px;
    background: #fefefe;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    content: ''
}

input:checked ~ .switch-paddle {
    background: #2E5C99
}

    input:checked ~ .switch-paddle::after {
        left: 1.45rem
    }

input:disabled ~ .switch-paddle {
    cursor: not-allowed;
    opacity: .5
}

[data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.2rem
}

    .switch.tiny .switch-paddle {
        width: 2.4rem;
        height: 1.2rem;
        font-size: .625rem
    }

        .switch.tiny .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: .7rem;
            height: .7rem
        }

    .switch.tiny input:checked ~ .switch-paddle::after {
        left: 1.45rem
    }

.switch.small {
    height: 1.75rem
}

    .switch.small .switch-paddle {
        width: 3.5rem;
        height: 1.75rem;
        font-size: .75rem
    }

        .switch.small .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 1.25rem;
            height: 1.25rem
        }

    .switch.small input:checked ~ .switch-paddle::after {
        left: 2rem
    }

.switch.large {
    height: 2.5rem
}

    .switch.large .switch-paddle {
        width: 5rem;
        height: 2.5rem;
        font-size: 1rem
    }

        .switch.large .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 2rem;
            height: 2rem
        }

    .switch.large input:checked ~ .switch-paddle::after {
        left: 2.75rem
    }

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

tbody, tfoot, thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

thead {
    background: #000000;
    color: #fff
}

tfoot {
    background: #f1f1f1;
    color: #021B41
}

    tfoot tr, thead tr {
        background: 0 0
    }

    tfoot td, tfoot th, thead td, thead th {
        padding: .5rem .625rem .625rem;
        font-weight: 700;
        text-align: left
    }

tbody td, tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr {
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe
}

table.striped tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

@media print,screen and (max-width:44.99875em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack td, table.stack th, table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover.striped tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center;
    background: #2E5C99;
    color: #fefefe
}

    .badge.primary {
        background: #2E5C99;
        color: #0a0a0a
    }

    .badge.secondary {
        background: #021B41;
        color: #fefefe
    }

    .badge.success {
        background: #3adb76;
        color: #0a0a0a
    }

    .badge.warning {
        background: #ffae00;
        color: #0a0a0a
    }

    .badge.alert {
        background: #C20114;
        color: #fefefe
    }

.breadcrumbs {
    margin: 0;
    list-style: none
}

    .breadcrumbs::after, .breadcrumbs::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .breadcrumbs::after {
        clear: both
    }

    .breadcrumbs li {
        float: left;
        font-size: 1rem;
        color: #54565b;
        cursor: default
    }

        .breadcrumbs li:not(:last-child)::after {
            position: relative;
            margin: 0 .75rem;
            opacity: 1;
            content: "/";
            color: #2E5C99
        }

    .breadcrumbs a {
        color: #54565b
    }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

    .breadcrumbs .disabled {
        color: #cacaca;
        cursor: not-allowed
    }

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 6px;
    background-color: #fff;
    color: #021B41
}

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

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

    .callout.primary {
        background-color: #ebf7f8;
        color: #021B41
    }

    .callout.secondary {
        background-color: #c0e0ff;
        color: #021B41
    }

    .callout.success {
        background-color: #e1faea;
        color: #021B41
    }

    .callout.warning {
        background-color: #000000;
        color: #ffffff;
    }

    .callout.alert {
        background-color: #f7dddd;
        color: #021B41
    }

    .callout.small {
        padding-top: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem;
        padding-left: .5rem
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem
    }

.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    color: #021B41
}

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

.card-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 1rem;
    background: #e6e6e6
}

    .card-divider > :last-child {
        margin-bottom: 0
    }

.card-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem
}

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

.card-image {
    min-height: 1px
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem
}

    .dropdown-pane.is-opening {
        display: block
    }

    .dropdown-pane.is-open {
        display: block;
        visibility: visible
    }

    .dropdown-pane.tiny {
        width: 100px
    }

    .dropdown-pane.small {
        width: 200px
    }

    .dropdown-pane.large {
        width: 400px
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

    .pagination::after, .pagination::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination::after {
        clear: both
    }

    .pagination li {
        margin-right: .0625rem;
        border-radius: 0;
        font-size: .875rem;
        display: none
    }

        .pagination li:first-child, .pagination li:last-child {
            display: inline-block
        }

@media print,screen and (min-width:25.9375em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a
}

    .pagination a:hover, .pagination button:hover {
        background: #e6e6e6
    }

.pagination .current {
    padding: .1875rem .625rem;
    background: #2E5C99;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

    .pagination .disabled:hover {
        background: 0 0
    }

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '\2026';
    color: #0a0a0a
}

.pagination-previous a::before, .pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: "«"
}

.pagination-next a::after, .pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: "»"
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: 700;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 18rem;
    padding: 1.2rem 1.5rem 1rem 1.5rem;
    border-radius: 8px;
    background-color: #fefefe;
    font-size: 80%;
    color: #021B41
}

    .tooltip::before {
        position: absolute
    }

    .tooltip.bottom::before {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .75rem;
        content: '';
        border-top-width: 0;
        border-color: transparent transparent #fefefe;
        bottom: 100%
    }

    .tooltip.bottom.align-center::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tooltip.top::before {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .75rem;
        content: '';
        border-bottom-width: 0;
        border-color: #fefefe transparent transparent;
        top: 100%;
        bottom: auto
    }

    .tooltip.top.align-center::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tooltip.left::before {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .75rem;
        content: '';
        border-right-width: 0;
        border-color: transparent transparent transparent #fefefe;
        left: 100%
    }

    .tooltip.left.align-center::before {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tooltip.right::before {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .75rem;
        content: '';
        border-left-width: 0;
        border-color: transparent #fefefe transparent transparent;
        right: 100%;
        left: auto
    }

    .tooltip.right.align-center::before {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tooltip.align-top::before {
        bottom: auto;
        top: 10%
    }

    .tooltip.align-bottom::before {
        bottom: 10%;
        top: auto
    }

    .tooltip.align-left::before {
        left: 10%;
        right: auto
    }

    .tooltip.align-right::before {
        left: auto;
        right: 10%
    }

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

    .accordion[disabled] .accordion-title {
        cursor: not-allowed
    }

.accordion-item:first-child > :first-child {
    border-radius: 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #2E5C99
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0
}

.accordion-title:focus, .accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "+"
}

.is-active > .accordion-title::before {
    content: "–"
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #021B41
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.media-object {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .media-object img {
        max-width: none
    }

@media print,screen and (max-width:25.93625em) {
    .media-object.stack-for-small {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.media-object-section {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

    .media-object-section:first-child {
        padding-right: 1rem
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem
    }

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

@media print,screen and (max-width:25.93625em) {
    .stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

        .stack-for-small .media-object-section img {
            width: 100%
        }
}

.media-object-section.main-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%;
    position: absolute
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0
    }

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(10,10,10,.5);
    color: #fefefe
}

.orbit-next, .orbit-previous {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe
}

[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
    background-color: rgba(10,10,10,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

    .orbit-bullets button:hover {
        background-color: #8a8a8a
    }

    .orbit-bullets button.is-active {
        background-color: #8a8a8a
    }

.flex-video, .responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video, .responsive-embed embed, .responsive-embed iframe, .responsive-embed object, .responsive-embed video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .flex-video.widescreen, .responsive-embed.widescreen {
        padding-bottom: 56.25%
    }

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

    .tabs::after, .tabs::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .tabs::after {
        clear: both
    }

    .tabs.vertical > li {
        display: block;
        float: none;
        width: auto
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: 0 0
        }

    .tabs.primary {
        background: #2E5C99
    }

        .tabs.primary > li > a {
            color: #0a0a0a
        }

            .tabs.primary > li > a:focus, .tabs.primary > li > a:hover {
                background: #6fc4ca
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        font-size: .75rem;
        line-height: 1;
        color: #2E5C99
    }

[data-whatinput=mouse] .tabs-title > a {
    outline: 0
}

.tabs-title > a:hover {
    background: #fefefe;
    color: #59bbc2
}

.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
    background: #e6e6e6;
    color: #2E5C99
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #021B41;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

    .tabs-content.vertical {
        border: 1px solid #e6e6e6;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel.is-active {
        display: block
    }

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #fefefe;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(10,10,10,.2);
    box-shadow: 0 0 0 1px rgba(10,10,10,.2);
    line-height: 0
}

a.thumbnail {
    -webkit-transition: -webkit-box-shadow .2s ease-out;
    transition: -webkit-box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out
}

    a.thumbnail:focus, a.thumbnail:hover {
        -webkit-box-shadow: 0 0 6px 1px rgba(123,201,206,.5);
        box-shadow: 0 0 6px 1px rgba(123,201,206,.5)
    }

    a.thumbnail image {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.menu .button, .menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

.menu a, .menu button, .menu input, .menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu, .menu.horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

    .menu.vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a svg, .menu.vertical.icon-top li a i, .menu.vertical.icon-top li a img, .menu.vertical.icon-top li a svg {
            text-align: left
        }

    .menu.expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a svg, .menu.expanded.icon-top li a i, .menu.expanded.icon-top li a img, .menu.expanded.icon-top li a svg {
        text-align: left
    }

    .menu.simple {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .menu.simple li + li {
            margin-left: 1rem
        }

        .menu.simple a {
            padding: 0
        }

@media print,screen and (min-width:25.9375em) {
    .menu.medium-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.medium-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.medium-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.medium-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,screen and (min-width:45em) {
    .menu.large-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.large-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.large-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.large-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width:64em) {
    .menu.xlarge-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.xlarge-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.xlarge-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.xlarge-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width:80em) {
    .menu.xxlarge-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.xxlarge-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.xxlarge-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.xxlarge-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icons a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu.icon-bottom a, .menu.icon-left a, .menu.icon-right a, .menu.icon-top a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu.icon-left li a, .menu.nested.icon-left li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .menu.icon-left li a i, .menu.icon-left li a img, .menu.icon-left li a svg, .menu.nested.icon-left li a i, .menu.nested.icon-left li a img, .menu.nested.icon-left li a svg {
        margin-right: .25rem
    }

.menu.icon-right li a, .menu.nested.icon-right li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .menu.icon-right li a i, .menu.icon-right li a img, .menu.icon-right li a svg, .menu.nested.icon-right li a i, .menu.nested.icon-right li a img, .menu.nested.icon-right li a svg {
        margin-left: .25rem
    }

.menu.icon-top li a, .menu.nested.icon-top li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .menu.icon-top li a i, .menu.icon-top li a img, .menu.icon-top li a svg, .menu.nested.icon-top li a i, .menu.nested.icon-top li a img, .menu.nested.icon-top li a svg {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin-bottom: .25rem;
        text-align: center
    }

.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .menu.icon-bottom li a i, .menu.icon-bottom li a img, .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a svg {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin-bottom: .25rem;
        text-align: center
    }

.menu .is-active > a {
    background: #2E5C99;
    color: #0a0a0a
}

.menu .active > a {
    background: #2E5C99;
    color: #0a0a0a
}

.menu.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu.align-right li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .menu.align-right li .submenu li {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

    .menu.align-right.vertical li .submenu li {
        text-align: right
    }

.menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a svg, .menu.align-right.icon-top li a i, .menu.align-right.icon-top li a img, .menu.align-right.icon-top li a svg {
    text-align: right
}

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

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

    .menu.align-center li .submenu li {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

.menu .menu-text {
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered > .menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .menu-centered > .menu li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .menu-centered > .menu li .submenu li {
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

    .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        -webkit-box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
        box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
        content: ''
    }

    .menu-icon:hover::after {
        background: #cacaca;
        -webkit-box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca;
        box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        cursor: pointer
    }

        .menu-icon.dark::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #0a0a0a;
            -webkit-box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;
            content: ''
        }

        .menu-icon.dark:hover::after {
            background: #8a8a8a;
            -webkit-box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
        }

.accordion-menu li {
    width: 100%
}

.accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative
}

    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-bottom-width: 0;
        border-color: #2E5C99 transparent transparent;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 1rem
    }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
    right: 1rem;
    left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
    right: auto;
    left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle > a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

    .submenu-toggle::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-bottom-width: 0;
        border-color: #2E5C99 transparent transparent;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .submenu-toggle[aria-expanded=true]::after {
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

.submenu-toggle-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

    .is-drilldown li {
        display: block
    }

    .is-drilldown.animate-height {
        -webkit-transition: height .5s;
        transition: height .5s
    }

.drilldown a {
    padding: .7rem 1rem;
    background: #fefefe
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear,-webkit-transform .15s linear
}

    .drilldown .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .drilldown .is-drilldown-submenu.is-closing {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .drilldown .is-drilldown-submenu a {
        padding: .7rem 1rem
    }

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

.drilldown .is-drilldown-submenu-parent > a {
    position: relative
}

    .drilldown .is-drilldown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-right-width: 0;
        border-color: transparent transparent transparent #2E5C99;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem
    }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #021B41;
    right: 1rem;
    left: auto
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-left-width: 0;
    border-color: transparent #021B41 transparent transparent;
    right: auto;
    left: 1rem
}

.drilldown .js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-left-width: 0;
    border-color: transparent #2E5C99 transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
}

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-bottom-width: 0;
        border-color: #021B41 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu > li > a {
    padding: .7rem 1rem
}

.dropdown.menu > li.is-active > a {
    background: 0 0;
    color: #2E5C99
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical > li > a::after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-left-width: 0;
    border-color: transparent #021B41 transparent transparent;
    right: auto;
    left: 5px
}

.dropdown.menu.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #021B41
}

@media print,screen and (min-width:25.9375em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px;
            content: '';
            border-bottom-width: 0;
            border-color: #021B41 transparent transparent;
            right: 5px;
            left: auto;
            margin-top: -3px
        }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-left-width: 0;
        border-color: transparent #021B41 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-right-width: 0;
        border-color: transparent transparent transparent #021B41
    }
}

@media print,screen and (min-width:45em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px;
            content: '';
            border-bottom-width: 0;
            border-color: #021B41 transparent transparent;
            right: 5px;
            left: auto;
            margin-top: -3px
        }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-left-width: 0;
        border-color: transparent #021B41 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-right-width: 0;
        border-color: transparent transparent transparent #021B41
    }
}

@media screen and (min-width:64em) {
    .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px;
            content: '';
            border-bottom-width: 0;
            border-color: #021B41 transparent transparent;
            right: 5px;
            left: auto;
            margin-top: -3px
        }

    .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xlarge-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-left-width: 0;
        border-color: transparent #021B41 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-right-width: 0;
        border-color: transparent transparent transparent #021B41
    }
}

@media screen and (min-width:80em) {
    .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px;
            content: '';
            border-bottom-width: 0;
            border-color: #021B41 transparent transparent;
            right: 5px;
            left: auto;
            margin-top: -3px
        }

    .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xxlarge-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-left-width: 0;
        border-color: transparent #021B41 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        content: '';
        border-right-width: 0;
        border-color: transparent transparent transparent #021B41
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

    .is-dropdown-menu.vertical.align-right {
        float: right
    }

.is-dropdown-submenu-parent {
    position: relative
}

    .is-dropdown-submenu-parent a::after {
        position: absolute;
        top: 50%;
        right: 5px;
        left: auto;
        margin-top: -6px
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-left-width: 0;
    border-color: transparent #021B41 transparent transparent;
    right: auto;
    left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #021B41
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu > li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s ease,visibility .5s ease;
    transition: opacity .5s ease,visibility .5s ease;
    background: rgba(254,254,254,.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

    .js-off-canvas-overlay.is-visible {
        opacity: 1;
        visibility: visible
    }

    .js-off-canvas-overlay.is-closable {
        cursor: pointer
    }

    .js-off-canvas-overlay.is-overlay-absolute {
        position: absolute
    }

    .js-off-canvas-overlay.is-overlay-fixed {
        position: fixed
    }

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 12;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-closed {
    visibility: hidden
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

    .off-canvas.is-transition-overlap.is-open {
        -webkit-box-shadow: 0 0 10px rgba(10,10,10,.7);
        box-shadow: 0 0 10px rgba(10,10,10,.7)
    }

.off-canvas.is-open {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-closed {
    visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

    .off-canvas-absolute.is-transition-overlap.is-open {
        -webkit-box-shadow: 0 0 10px rgba(10,10,10,.7);
        box-shadow: 0 0 10px rgba(10,10,10,.7)
    }

.off-canvas-absolute.is-open {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 250px;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.position-left.is-transition-push {
    -webkit-box-shadow: inset -13px 0 20px -13px rgba(10,10,10,.25);
    box-shadow: inset -13px 0 20px -13px rgba(10,10,10,.25)
}

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 250px;
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.position-right.is-transition-push {
    -webkit-box-shadow: inset 13px 0 20px -13px rgba(10,10,10,.25);
    box-shadow: inset 13px 0 20px -13px rgba(10,10,10,.25)
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 250px;
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.position-top.is-transition-push {
    -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10,10,10,.25);
    box-shadow: inset 0 -13px 20px -13px rgba(10,10,10,.25)
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 250px;
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.position-bottom.is-transition-push {
    -webkit-box-shadow: inset 0 13px 20px -13px rgba(10,10,10,.25);
    box-shadow: inset 0 13px 20px -13px rgba(10,10,10,.25)
}

.off-canvas-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease,-webkit-transform .5s ease
    }

    .off-canvas-content.has-transition-push {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    .off-canvas-content .off-canvas.is-open {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

@media print,screen and (min-width:25.9375em) {
    .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width:45em) {
    .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width:64em) {
    .position-left.reveal-for-xlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-xlarge .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-xlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-xlarge ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-xlarge .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-xlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-xlarge ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-xlarge .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-xlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-xlarge ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-xlarge .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-xlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width:80em) {
    .position-left.reveal-for-xxlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-xxlarge .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-xxlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-xxlarge ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xxlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-xxlarge .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-xxlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-xxlarge ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xxlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-xxlarge .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-xxlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-xxlarge ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xxlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-xxlarge .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-xxlarge {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width:25.9375em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        -webkit-transition: none;
        transition: none
    }

        .off-canvas.in-canvas-for-medium.position-bottom, .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .off-canvas.in-canvas-for-medium .close-button {
            display: none
        }
}

@media print,screen and (min-width:45em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        -webkit-transition: none;
        transition: none
    }

        .off-canvas.in-canvas-for-large.position-bottom, .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .off-canvas.in-canvas-for-large .close-button {
            display: none
        }
}

@media screen and (min-width:64em) {
    .off-canvas.in-canvas-for-xlarge {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        -webkit-transition: none;
        transition: none
    }

        .off-canvas.in-canvas-for-xlarge.position-bottom, .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .off-canvas.in-canvas-for-xlarge .close-button {
            display: none
        }
}

@media screen and (min-width:80em) {
    .off-canvas.in-canvas-for-xxlarge {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        -webkit-transition: none;
        transition: none
    }

        .off-canvas.in-canvas-for-xxlarge.position-bottom, .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .off-canvas.in-canvas-for-xxlarge .close-button {
            display: none
        }
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10,10,10,.45);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: rgba(0,45,89,.4);
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,screen and (min-width:25.9375em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column, .reveal .columns {
    min-width: 0
}

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

@media print,screen and (min-width:25.9375em) {
    .reveal {
        width: 600px;
        max-width: 90rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print,screen and (min-width:25.9375em) {
    .reveal.tiny {
        width: 30%;
        max-width: 90rem
    }
}

@media print,screen and (min-width:25.9375em) {
    .reveal.small {
        width: 50%;
        max-width: 90rem
    }
}

@media print,screen and (min-width:25.9375em) {
    .reveal.large {
        width: 90%;
        max-width: 90rem
    }
}

.reveal.full {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media print,screen and (max-width:25.93625em) {
    .reveal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5;
        width: 100%
    }

        .sticky.is-stuck.is-at-top {
            top: 0
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }

    .sticky.is-anchored {
        position: relative;
        right: auto;
        left: auto
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

.title-bar-left, .title-bar-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.top-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .top-bar, .top-bar ul {
        background-color: #e6e6e6
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0
        }

        .top-bar input.button {
            width: auto
        }

        .top-bar .top-bar-left, .top-bar .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

@media print,screen and (min-width:25.9375em) {
    .top-bar {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .top-bar .top-bar-left {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin-right: auto
        }

        .top-bar .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            margin-left: auto
        }
}

@media print,screen and (max-width:44.99875em) {
    .top-bar.stacked-for-medium {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
}

@media print,screen and (max-width:63.99875em) {
    .top-bar.stacked-for-large {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
}

@media print,screen and (max-width:79.99875em) {
    .top-bar.stacked-for-xlarge {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
}

.top-bar.stacked-for-xxlarge {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .top-bar.stacked-for-xxlarge .top-bar-left, .top-bar.stacked-for-xxlarge .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

.top-bar-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: .5rem 1rem .5rem 0
}

.top-bar-left, .top-bar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

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

.clearfix::after, .clearfix::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.clearfix::after {
    clear: both
}

.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

.align-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-left.vertical.menu > li > a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right.vertical.menu > li > a {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.vertical.menu > li > a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

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

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

@media print,screen and (min-width:25.9375em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,screen and (min-width:45em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width:64em) {
    .xlarge-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xlarge-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xlarge-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .xlarge-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .xlarge-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .xlarge-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width:80em) {
    .xxlarge-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xxlarge-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xxlarge-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .xxlarge-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .xxlarge-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .xxlarge-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media print,screen and (min-width:25.9375em) {
    .medium-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width:45em) {
    .large-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width:64em) {
    .xlarge-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .xlarge-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .xlarge-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .xlarge-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .xlarge-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xlarge-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xlarge-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xlarge-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width:80em) {
    .xxlarge-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .xxlarge-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .xxlarge-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .xxlarge-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .xxlarge-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xxlarge-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xxlarge-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xxlarge-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.hide {
    display: none !important
}

.hidden {
    display: none !important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print,screen and (max-width:25.93625em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),screen and (min-width:25.9375em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,screen and (min-width:25.9375em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:25.93625em) {
    .show-for-medium {
        display: none !important
    }
}

@media print,screen and (min-width:25.9375em) and (max-width:44.99875em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:25.93625em),screen and (min-width:45em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,screen and (min-width:45em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:44.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media print,screen and (min-width:45em) and (max-width:63.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:44.99875em),screen and (min-width:64em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width:64em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width:63.99875em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:79.99875em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width:63.99875em),screen and (min-width:80em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

@media screen and (min-width:80em) {
    .hide-for-xxlarge {
        display: none !important
    }
}

@media screen and (max-width:79.99875em) {
    .show-for-xxlarge {
        display: none !important
    }
}

@media screen and (min-width:80em) {
    .hide-for-xxlarge-only {
        display: none !important
    }
}

@media screen and (max-width:79.99875em) {
    .show-for-xxlarge-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        clip: auto !important;
        white-space: normal !important
    }

.hide-for-portrait, .show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme:dark) {
    .show-for-dark-mode {
        display: block !important
    }

    .hide-for-dark-mode {
        display: none !important
    }
}

.show-for-ie {
    display: none
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .show-for-ie {
        display: block !important
    }

    .hide-for-ie {
        display: none !important
    }
}

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

.slide-in-down.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-left.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-in-up.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-up.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-right.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-right.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-out-down.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-down.mui-leave.mui-leave-active {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

.slide-out-right.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-right.mui-leave.mui-leave-active {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.slide-out-up.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-up.mui-leave.mui-leave-active {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.slide-out-left.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-left.mui-leave.mui-leave-active {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.fade-in.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1
    }

.fade-out.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0
    }

.hinge-in-from-top.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-right.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-left.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-x.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-y.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-out-from-top.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(90deg);
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-right.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-bottom.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(90deg);
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-middle-y.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.scale-in-up.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .scale-in-up.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-in-down.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-out-up.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .scale-out-up.mui-leave.mui-leave-active {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

.scale-out-down.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .scale-out-down.mui-leave.mui-leave-active {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

.spin-in.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(-.75turn);
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .spin-in.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .spin-out.mui-leave.mui-leave-active {
        -webkit-transform: rotate(.75turn);
        -ms-transform: rotate(.75turn);
        transform: rotate(.75turn);
        opacity: 0
    }

.spin-in-ccw.mui-enter {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(.75turn);
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0
}

    .spin-in-ccw.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out-ccw.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        -webkit-transform: rotate(-.75turn);
        -ms-transform: rotate(-.75turn);
        transform: rotate(-.75turn);
        opacity: 0
    }

.slow {
    -webkit-transition-duration: 750ms !important;
    transition-duration: 750ms !important
}

.fast {
    -webkit-transition-duration: 250ms !important;
    transition-duration: 250ms !important
}

.linear {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.ease {
    -webkit-transition-timing-function: ease !important;
    transition-timing-function: ease !important
}

.ease-in {
    -webkit-transition-timing-function: ease-in !important;
    transition-timing-function: ease-in !important
}

.ease-out {
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important;
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important;
    transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important;
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    -webkit-transition-delay: .3s !important;
    transition-delay: .3s !important
}

.long-delay {
    -webkit-transition-delay: .7s !important;
    transition-delay: .7s !important
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}

@-webkit-keyframes shake-7 {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes shake-7 {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

@-webkit-keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.spin-ccw {
    -webkit-animation-name: spin-ccw-1turn;
    animation-name: spin-ccw-1turn
}

@-webkit-keyframes spin-ccw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes spin-ccw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}

@-webkit-keyframes wiggle-7deg {
    40%,50%,60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,100%,30%,70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wiggle-7deg {
    40%,50%,60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,100%,30%,70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.shake, .spin-ccw, .spin-cw, .wiggle {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: 750ms !important;
    animation-duration: 750ms !important
}

.fast {
    -webkit-animation-duration: 250ms !important;
    animation-duration: 250ms !important
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important;
    animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.long-delay {
    -webkit-animation-delay: .7s !important;
    animation-delay: .7s !important
}

@font-face {
    font-family: 'Noto Bold';
    src: url(../webfonts/NotoSans-Bold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Light';
    src: url(../webfonts/NotoSans-Light.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Regular';
    src: url(../webfonts/NotoSans-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans-Bold';
    src: url(../webfonts/NotoSans-Bold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans-Light';
    src: url(../webfonts/NotoSans-Light.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpenSans-heavy;
    src: url(../webfonts/NotoSans-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenSans-bold;
    src: url(../webfonts/NotoSans-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NotoSans-Regular;
    src: url(../webfonts/NotoSans-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenSans-regular;
    src: url(../webfonts/NotoSans-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenSans-light;
    src: url(../webfonts/NotoSans-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

.carnation {
    color: #ef7f8a
}

.dark-teal {
    color: #035142
}

.seafoam-blue {
    color: #2E5C99
}

.marine-blue {
    color: #021B41
}

.slate-grey {
    color: #54565b
}

.macaroni-and-cheese {
    color: #fbb92d
}

.white {
    color: #fff
}

.off-white {
    color: #f5f5f5
}

.pale {
    color: #e7e6e4
}

.putty {
    color: #adacab
}

.peacock-blue {
    color: #2E5C99
}

.bluey-green {
    color: #26ae76
}

.pastel-red {
    color: #ef4e45
}

.copper {
    color: #d93025
}

.brick {
    color: #C20114
}

.orange {
    color: #feb127
}

.dark-orange {
    color: #ea621e
}

.brownish-grey {
    color: #707070
}

.very-light-blue {
    color: #ebecf0
}

.light-blue-grey {
    color: #c1c7d0
}

.light-grey {
    color: #eeefef
}

.very-light-grey {
    color: #fafafa
}

.light-blue {
    color: #e9f4ff
}

.light-sky-blue {
    color: #e5f5f6
}

.carnation-bg-colour {
    background-color: #ef7f8a
}

.dark-teal-bg-colour {
    background-color: #035142
}

.seafoam-blue-bg-colour {
    background-color: #2E5C99
}

.marine-blue-bg-colour {
    background-color: #021B41
}

.light-marine-blue-bg-colour {
    background-color: rgba(0,45,89,.15)
}

.slate-grey-bg-colour {
    background-color: #54565b
}

.macaroni-and-cheese-bg-colour {
    background-color: #fbb92d
}

.white-bg-colour {
    background-color: #fff
}

.off-white-bg-colour {
    background-color: #f5f5f5
}

.pale-bg-colour {
    background-color: #e7e6e4
}

.putty-bg-colour {
    background-color: #adacab
}

.peacock-blue-bg-colour {
    background-color: #2E5C99
}

.bluey-green-bg-colour {
    background-color: #26ae76
}

.pastel-red-bg-colour {
    background-color: #ef4e45
}

.copper-bg-colour {
    background-color: #d93025
}

.brick-bg-colour {
    background-color: #C20114
}

.dark-orange-bg-colour {
    background-color: #ea621e
}

.brownish-grey-bg-colour {
    background-color: #707070
}

.very-light-blue-bg-colour {
    background-color: #ebecf0
}

.light-blue-grey-bg-colour {
    background-color: #c1c7d0
}

.very-light-grey-bg-colour {
    background-color: #fafafa
}

.light-grey-bg-colour {
    background-color: #eeefef
}

.orange-bg-colour {
    background-color: #feb127
}

.light-blue-bg-colour {
    background-color: #e9f4ff
}

.light-sky-blue-bg-colour {
    background-color: #e5f5f6
}

.very-light-sky-blue-bg-colour {
    background-color: rgba(229,245,246,.4)
}

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

.unpadded .columns {
    padding-left: 0;
    padding-right: 0
}

.unpadded.columns {
    padding-left: 0;
    padding-right: 0
}

.unpadded-column, .unpadded_column {
    padding-left: 0;
    padding-right: 0
}

.unpadded-column-left, .unpadded_column_left {
    padding-left: 0
}

.unpadded-column-right, .unpadded_column_right {
    padding-right: 0
}

.small-padding-left {
    padding-left: 15px
}

.small-padding-right {
    padding-right: 15px
}

.no-top-padding, .top-padding-zero {
    padding-top: 0 !important
}

.bottom-padding-zero, .no-bottom-padding {
    padding-bottom: 0 !important
}

.no-top-margin, .top-margin-zero {
    margin-top: 0 !important
}

.bottom-margin-zero, .no-bottom-margin {
    margin-bottom: 0 !important
}

.left-padding-zero, .no-left-padding {
    padding-left: 0 !important
}

.no-right-padding, .right-padding-zero {
    padding-right: 0 !important
}

.left-margin-zero, .no-left-margin {
    margin-left: 0 !important
}

.no-right-margin, .right-margin-zero {
    margin-right: 0 !important
}

.left-margin-half {
    margin-left: 8px !important
}

.right-margin-half {
    margin-right: 8px !important
}

.left-margin-one {
    margin-left: 16px !important
}

.right-margin-one {
    margin-right: 16px !important
}

.left-margin-two {
    margin-left: 32px !important
}

.right-margin-two {
    margin-right: 32px !important
}

.left-padding-half {
    padding-left: 8px !important
}

.right-padding-half {
    padding-right: 8px !important
}

.left-padding-one {
    padding-left: 16px !important
}

.right-padding-one {
    padding-right: 16px !important
}

.left-padding-one-half {
    padding-left: 24px !important
}

.right-padding-one-half {
    padding-right: 24px !important
}

.left-padding-two {
    padding-left: 32px !important
}

.right-padding-two {
    padding-right: 32px !important
}

.left-padding-two-half {
    padding-left: 40px !important
}

.right-padding-two-half {
    padding-right: 40px !important
}

.left-padding-third-col {
    padding-left: 2.77777% !important
}

.right-padding-third-col {
    padding-right: 2.77777% !important
}

.left-padding-half-col {
    padding-left: 4.16666% !important
}

.right-padding-half-col {
    padding-right: 4.16666% !important
}

.top-negative-margin-one {
    margin-top: -16px !important
}

.bottom-negative-margin-one {
    margin-bottom: -16px !important
}

.top-negative-margin-two {
    margin-top: -32px !important
}

.bottom-negative-margin-two {
    margin-bottom: -32px !important
}

.top-negative-margin-three {
    margin-top: -48px !important
}

.bottom-negative-margin-three {
    margin-bottom: -48px !important
}

.top-padding-half {
    padding-top: 8px !important
}

.bottom-padding-half {
    padding-bottom: 8px !important
}

.top-margin-half {
    margin-top: 8px !important
}

.bottom-margin-half {
    margin-bottom: 8px !important
}

.top-padding-one {
    padding-top: 16px !important
}

.bottom-padding-one {
    padding-bottom: 16px !important
}

.top-margin-one {
    margin-top: 16px !important
}

.bottom-margin-one {
    margin-bottom: 16px !important
}

.top-padding-one-half {
    padding-top: 24px !important
}

.bottom-padding-one-half {
    padding-bottom: 24px !important
}

.top-margin-one-half {
    margin-top: 24px !important
}

.bottom-margin-one-half {
    margin-bottom: 24px !important
}

.top-padding-two {
    padding-top: 32px !important
}

.bottom-padding-two {
    padding-bottom: 32px !important
}

.top-margin-two {
    margin-top: 32px !important
}

.bottom-margin-two {
    margin-bottom: 32px !important
}

.top-padding-three {
    padding-top: 48px !important
}

.bottom-padding-three {
    padding-bottom: 48px !important
}

.top-margin-three {
    margin-top: 48px !important
}

.bottom-margin-three {
    margin-bottom: 48px !important
}

.top-padding-four {
    padding-top: 64px !important
}

.bottom-padding-four {
    padding-bottom: 64px !important
}

.top-margin-four {
    margin-top: 64px !important
}

.bottom-margin-four {
    margin-bottom: 64px !important
}

.top-padding-five {
    padding-top: 80px !important
}

.bottom-padding-five {
    padding-bottom: 80px !important
}

.top-margin-five {
    margin-top: 80px !important
}

.bottom-margin-five {
    margin-bottom: 80px !important
}

.top-padding-six {
    padding-top: 96px !important
}

.bottom-padding-six {
    padding-bottom: 96px !important
}

.top-margin-six {
    margin-top: 96px !important
}

.bottom-margin-six {
    margin-bottom: 96px !important
}

.top-padding-seven {
    padding-top: 112px !important
}

.bottom-padding-seven {
    padding-bottom: 112px !important
}

.top-margin-seven {
    margin-top: 112px !important
}

.bottom-margin-seven {
    margin-bottom: 112px !important
}

.top-padding-eight {
    padding-top: 128px !important
}

.bottom-padding-eight {
    padding-bottom: 128px !important
}

.top-margin-eight {
    margin-top: 128px !important
}

.bottom-margin-eight {
    margin-bottom: 128px !important
}

.top-padding-twelve {
    padding-top: 192px !important
}

.bottom-padding-twelve {
    padding-bottom: 192px !important
}

.top-margin-twelve {
    margin-top: 192px !important
}

.bottom-margin-twelve {
    margin-bottom: 192px !important
}

@media only screen and (max-width:414px) {
    .padding-right-restore, .padding-right-restore.columns {
        padding-right: 15px
    }

    .padding-left-restore, .padding-left-restore.columns {
        padding-left: 15px
    }

    .no-left-padding-small-only {
        padding-left: 0 !important
    }

    .no-right-padding-small-only {
        padding-right: 0 !important
    }

    .left-padding-zero-small-only {
        padding-left: 0 !important
    }

    .right-padding-zero-small-only {
        padding-right: 0 !important
    }

    .left-padding-one-small-only {
        padding-left: 16px !important
    }

    .right-padding-one-small-only {
        padding-right: 16px !important
    }

    .left-padding-one-half-small-only {
        padding-left: 24px !important
    }

    .right-padding-one-half-small-only {
        padding-right: 24px !important
    }

    .left-padding-two-small-only {
        padding-left: 32px !important
    }

    .right-padding-two-small-only {
        padding-right: 32px !important
    }

    .left-padding-four-small-only {
        padding-left: 64px !important
    }

    .right-padding-four-small-only {
        padding-right: 64px !important
    }

    .top-padding-one-small-only {
        padding-top: 16px !important
    }

    .bottom-padding-one-small-only {
        padding-bottom: 16px !important
    }

    .top-padding-two-small-only {
        padding-top: 32px !important
    }

    .bottom-padding-two-small-only {
        padding-bottom: 32px !important
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .no-left-padding-medium-only {
        padding-left: 0 !important
    }

    .no-right-padding-medium-only {
        padding-right: 0 !important
    }

    .left-padding-zero-medium-only {
        padding-left: 0 !important
    }

    .right-padding-zero-medium-only {
        padding-right: 0 !important
    }

    .left-padding-one-medium-only {
        padding-left: 16px !important
    }

    .right-padding-one-medium-only {
        padding-right: 16px !important
    }

    .left-padding-one-half-medium-only {
        padding-left: 24px !important
    }

    .right-padding-one-half-medium-only {
        padding-right: 24px !important
    }

    .left-padding-two-medium-only {
        padding-left: 32px !important
    }

    .right-padding-two-medium-only {
        padding-right: 32px !important
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .no-left-padding-large-only {
        padding-left: 0 !important
    }

    .no-right-padding-large-only {
        padding-right: 0 !important
    }

    .left-padding-zero-large-only {
        padding-left: 0 !important
    }

    .right-padding-zero-large-only {
        padding-right: 0 !important
    }

    .left-padding-one-large-only {
        padding-left: 16px !important
    }

    .right-padding-one-large-only {
        padding-right: 16px !important
    }

    .left-padding-one-half-large-only {
        padding-left: 24px !important
    }

    .right-padding-one-half-large-only {
        padding-right: 24px !important
    }

    .left-padding-two-large-only {
        padding-left: 32px !important
    }

    .right-padding-two-large-only {
        padding-right: 32px !important
    }

    .left-padding-two-half-large-only {
        padding-left: 40px !important
    }

    .right-padding-two-half-large-only {
        padding-right: 40px !important
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .no-left-padding-xlarge-only {
        padding-left: 0 !important
    }

    .no-right-padding-xlarge-only {
        padding-right: 0 !important
    }

    .left-padding-zero-xlarge-only {
        padding-left: 0 !important
    }

    .right-padding-zero-xlarge-only {
        padding-right: 0 !important
    }

    .left-padding-one-xlarge-only {
        padding-left: 16px !important
    }

    .right-padding-one-xlarge-only {
        padding-right: 16px !important
    }

    .left-padding-one-half-xlarge-only {
        padding-left: 24px !important
    }

    .right-padding-one-half-xlarge-only {
        padding-right: 24px !important
    }

    .left-padding-two-xlarge-only {
        padding-left: 32px !important
    }

    .right-padding-two-xlarge-only {
        padding-right: 32px !important
    }

    .left-padding-two-half-xlarge-only {
        padding-left: 40px !important
    }

    .right-padding-two-half-xlarge-only {
        padding-right: 40px !important
    }
}

@media only screen and (min-width:1280px) {
    .no-left-padding-xxlarge-only {
        padding-left: 0 !important
    }

    .no-right-padding-xxlarge-only {
        padding-right: 0 !important
    }

    .left-padding-zero-xxlarge-only {
        padding-left: 0 !important
    }

    .right-padding-zero-xxlarge-only {
        padding-right: 0 !important
    }

    .left-padding-one-xxlarge-only {
        padding-left: 16px !important
    }

    .right-padding-one-xxlarge-only {
        padding-right: 16px !important
    }

    .left-padding-one-half-xxlarge-only {
        padding-left: 24px !important
    }

    .right-padding-one-half-xxlarge-only {
        padding-right: 24px !important
    }

    .left-padding-two-xxlarge-only {
        padding-left: 32px !important
    }

    .right-padding-two-xxlarge-only {
        padding-right: 32px !important
    }

    .left-padding-two-half-xxlarge-only {
        padding-left: 40px !important
    }

    .right-padding-two-half-xxlarge-only {
        padding-right: 40px !important
    }
}

@media only screen and (min-width:0) and (max-width:414px) {
    .top-negative-margin-one-small {
        margin-top: -16px !important
    }

    .bottom-negative-margin-one-small {
        margin-bottom: -16px !important
    }

    .top-negative-margin-two-small {
        margin-top: -32px !important
    }

    .bottom-negative-margin-two-small {
        margin-bottom: -32px !important
    }

    .top-negative-margin-three-small {
        margin-top: -48px !important
    }

    .bottom-negative-margin-three-small {
        margin-bottom: -48px !important
    }

    .no-left-padding-small {
        padding-left: 0 !important
    }

    .no-right-padding-small {
        padding-right: 0 !important
    }

    .left-padding-zero-small {
        padding-left: 0 !important
    }

    .right-padding-zero-small {
        padding-right: 0 !important
    }

    .top-padding-zero-small {
        padding-top: 0 !important
    }

    .bottom-padding-zero-small {
        padding-bottom: 0 !important
    }

    .top-margin-zero-small {
        margin-top: 0 !important
    }

    .bottom-margin-zero-small {
        margin-bottom: 0 !important
    }

    .top-padding-half-small {
        padding-top: 8px !important
    }

    .bottom-padding-half-small {
        padding-bottom: 8px !important
    }

    .top-margin-half-small {
        margin-top: 8px !important
    }

    .bottom-margin-half-small {
        margin-bottom: 8px !important
    }

    .top-padding-one-small {
        padding-top: 16px !important
    }

    .bottom-padding-one-small {
        padding-bottom: 16px !important
    }

    .top-margin-one-small {
        margin-top: 16px !important
    }

    .bottom-margin-one-small {
        margin-bottom: 16px !important
    }

    .top-padding-one-half-small {
        padding-top: 24px !important
    }

    .bottom-padding-one-half-small {
        padding-bottom: 24px !important
    }

    .top-margin-one-half-small {
        margin-top: 24px !important
    }

    .bottom-margin-one-half-small {
        margin-bottom: 24px !important
    }

    .top-padding-two-small {
        padding-top: 32px !important
    }

    .bottom-padding-two-small {
        padding-bottom: 32px !important
    }

    .top-margin-two-small {
        margin-top: 32px !important
    }

    .bottom-margin-two-small {
        margin-bottom: 32px !important
    }

    .top-padding-three-small {
        padding-top: 48px !important
    }

    .bottom-padding-three-small {
        padding-bottom: 48px !important
    }

    .top-margin-three-small {
        margin-top: 48px !important
    }

    .bottom-margin-three-small {
        margin-bottom: 48px !important
    }

    .top-padding-four-small {
        padding-top: 64px !important
    }

    .bottom-padding-four-small {
        padding-bottom: 64px !important
    }

    .top-margin-four-small {
        margin-top: 64px !important
    }

    .bottom-margin-four-small {
        margin-bottom: 64px !important
    }

    .top-padding-five-small {
        padding-top: 80px !important
    }

    .bottom-padding-five-small {
        padding-bottom: 80px !important
    }

    .top-margin-five-small {
        margin-top: 80px !important
    }

    .bottom-margin-five-small {
        margin-bottom: 80px !important
    }

    .top-padding-six-small {
        padding-top: 96px !important
    }

    .bottom-padding-six-small {
        padding-bottom: 96px !important
    }

    .top-margin-six-small {
        margin-top: 96px !important
    }

    .bottom-margin-six-small {
        margin-bottom: 96px !important
    }

    .top-padding-seven-small {
        padding-top: 112px !important
    }

    .bottom-padding-seven-small {
        padding-bottom: 112px !important
    }

    .top-margin-seven-small {
        margin-top: 112px !important
    }

    .bottom-margin-seven-small {
        margin-bottom: 112px !important
    }

    .top-padding-eight-small {
        padding-top: 128px !important
    }

    .bottom-padding-eight-small {
        padding-bottom: 128px !important
    }

    .top-margin-eight-small {
        margin-top: 128px !important
    }

    .bottom-margin-eight-small {
        margin-bottom: 128px !important
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .top-negative-margin-one-medium {
        margin-top: -16px !important
    }

    .bottom-negative-margin-one-medium {
        margin-bottom: -16px !important
    }

    .top-negative-margin-two-medium {
        margin-top: -32px !important
    }

    .bottom-negative-margin-two-medium {
        margin-bottom: -32px !important
    }

    .top-negative-margin-three-medium {
        margin-top: -48px !important
    }

    .bottom-negative-margin-three-medium {
        margin-bottom: -48px !important
    }

    .no-left-padding-medium {
        padding-left: 0 !important
    }

    .no-right-padding-medium {
        padding-right: 0 !important
    }

    .left-padding-zero-medium {
        padding-left: 0 !important
    }

    .right-padding-zero-medium {
        padding-right: 0 !important
    }

    .top-padding-zero-medium {
        padding-top: 0 !important
    }

    .bottom-padding-zero-medium {
        padding-bottom: 0 !important
    }

    .top-margin-zero-medium {
        margin-top: 0 !important
    }

    .bottom-margin-zero-medium {
        margin-bottom: 0 !important
    }

    .top-padding-half-medium {
        padding-top: 8px !important
    }

    .bottom-padding-half-medium {
        padding-bottom: 8px !important
    }

    .top-margin-half-medium {
        margin-top: 8px !important
    }

    .bottom-margin-half-medium {
        margin-bottom: 8px !important
    }

    .top-padding-one-medium {
        padding-top: 16px !important
    }

    .bottom-padding-one-medium {
        padding-bottom: 16px !important
    }

    .top-margin-one-medium {
        margin-top: 16px !important
    }

    .bottom-margin-one-medium {
        margin-bottom: 16px !important
    }

    .top-padding-one-half-medium {
        padding-top: 24px !important
    }

    .bottom-padding-one-half-medium {
        padding-bottom: 24px !important
    }

    .top-margin-one-half-medium {
        margin-top: 24px !important
    }

    .bottom-margin-one-half-medium {
        margin-bottom: 24px !important
    }

    .top-padding-two-medium {
        padding-top: 32px !important
    }

    .bottom-padding-two-medium {
        padding-bottom: 32px !important
    }

    .top-margin-two-medium {
        margin-top: 32px !important
    }

    .bottom-margin-two-medium {
        margin-bottom: 32px !important
    }

    .top-padding-three-medium {
        padding-top: 48px !important
    }

    .bottom-padding-three-medium {
        padding-bottom: 48px !important
    }

    .top-margin-three-medium {
        margin-top: 48px !important
    }

    .bottom-margin-three-medium {
        margin-bottom: 48px !important
    }

    .top-padding-four-medium {
        padding-top: 64px !important
    }

    .bottom-padding-four-medium {
        padding-bottom: 64px !important
    }

    .top-margin-four-medium {
        margin-top: 64px !important
    }

    .bottom-margin-four-medium {
        margin-bottom: 64px !important
    }

    .top-padding-five-medium {
        padding-top: 80px !important
    }

    .bottom-padding-five-medium {
        padding-bottom: 80px !important
    }

    .top-margin-five-medium {
        margin-top: 80px !important
    }

    .bottom-margin-five-medium {
        margin-bottom: 80px !important
    }

    .top-padding-six-medium {
        padding-top: 96px !important
    }

    .bottom-padding-six-medium {
        padding-bottom: 96px !important
    }

    .top-margin-six-medium {
        margin-top: 96px !important
    }

    .bottom-margin-six-medium {
        margin-bottom: 96px !important
    }

    .top-padding-seven-medium {
        padding-top: 112px !important
    }

    .bottom-padding-seven-medium {
        padding-bottom: 112px !important
    }

    .top-margin-seven-medium {
        margin-top: 112px !important
    }

    .bottom-margin-seven-medium {
        margin-bottom: 112px !important
    }

    .top-padding-eight-medium {
        padding-top: 128px !important
    }

    .bottom-padding-eight-medium {
        padding-bottom: 128px !important
    }

    .top-margin-eight-medium {
        margin-top: 128px !important
    }

    .bottom-margin-eight-medium {
        margin-bottom: 128px !important
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .top-negative-margin-one-large {
        margin-top: -16px !important
    }

    .bottom-negative-margin-one-large {
        margin-bottom: -16px !important
    }

    .top-negative-margin-two-large {
        margin-top: -32px !important
    }

    .bottom-negative-margin-two-large {
        margin-bottom: -32px !important
    }

    .top-negative-margin-three-large {
        margin-top: -48px !important
    }

    .bottom-negative-margin-three-large {
        margin-bottom: -48px !important
    }

    .no-left-padding-large {
        padding-left: 0 !important
    }

    .no-right-padding-large {
        padding-right: 0 !important
    }

    .left-padding-zero-large {
        padding-left: 0 !important
    }

    .right-padding-zero-large {
        padding-right: 0 !important
    }

    .top-padding-zero-large {
        padding-top: 0 !important
    }

    .bottom-padding-zero-large {
        padding-bottom: 0 !important
    }

    .top-margin-zero-large {
        margin-top: 0 !important
    }

    .bottom-margin-zero-large {
        margin-bottom: 0 !important
    }

    .top-padding-half-large {
        padding-top: 8px !important
    }

    .bottom-padding-half-large {
        padding-bottom: 8px !important
    }

    .top-margin-half-large {
        margin-top: 8px !important
    }

    .bottom-margin-half-large {
        margin-bottom: 8px !important
    }

    .top-padding-one-large {
        padding-top: 16px !important
    }

    .bottom-padding-one-large {
        padding-bottom: 16px !important
    }

    .top-margin-one-large {
        margin-top: 16px !important
    }

    .bottom-margin-one-large {
        margin-bottom: 16px !important
    }

    .top-padding-one-half-large {
        padding-top: 24px !important
    }

    .bottom-padding-one-half-large {
        padding-bottom: 24px !important
    }

    .top-margin-one-half-large {
        margin-top: 24px !important
    }

    .bottom-margin-one-half-large {
        margin-bottom: 24px !important
    }

    .top-padding-two-large {
        padding-top: 32px !important
    }

    .bottom-padding-two-large {
        padding-bottom: 32px !important
    }

    .top-margin-two-large {
        margin-top: 32px !important
    }

    .bottom-margin-two-large {
        margin-bottom: 32px !important
    }

    .top-padding-three-large {
        padding-top: 48px !important
    }

    .bottom-padding-three-large {
        padding-bottom: 48px !important
    }

    .top-margin-three-large {
        margin-top: 48px !important
    }

    .bottom-margin-three-large {
        margin-bottom: 48px !important
    }

    .top-padding-four-large {
        padding-top: 64px !important
    }

    .bottom-padding-four-large {
        padding-bottom: 64px !important
    }

    .top-margin-four-large {
        margin-top: 64px !important
    }

    .bottom-margin-four-large {
        margin-bottom: 64px !important
    }

    .top-padding-five-large {
        padding-top: 80px !important
    }

    .bottom-padding-five-large {
        padding-bottom: 80px !important
    }

    .top-margin-five-large {
        margin-top: 80px !important
    }

    .bottom-margin-five-large {
        margin-bottom: 80px !important
    }

    .top-padding-six-large {
        padding-top: 96px !important
    }

    .bottom-padding-six-large {
        padding-bottom: 96px !important
    }

    .top-margin-six-large {
        margin-top: 96px !important
    }

    .bottom-margin-six-large {
        margin-bottom: 96px !important
    }

    .top-padding-seven-large {
        padding-top: 112px !important
    }

    .bottom-padding-seven-large {
        padding-bottom: 112px !important
    }

    .top-margin-seven-large {
        margin-top: 112px !important
    }

    .bottom-margin-seven-large {
        margin-bottom: 112px !important
    }

    .top-padding-eight-large {
        padding-top: 128px !important
    }

    .bottom-padding-eight-large {
        padding-bottom: 128px !important
    }

    .top-margin-eight-large {
        margin-top: 128px !important
    }

    .bottom-margin-eight-large {
        margin-bottom: 128px !important
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .top-negative-margin-one-xlarge {
        margin-top: -16px !important
    }

    .bottom-negative-margin-one-xlarge {
        margin-bottom: -16px !important
    }

    .top-negative-margin-two-xlarge {
        margin-top: -32px !important
    }

    .bottom-negative-margin-two-xlarge {
        margin-bottom: -32px !important
    }

    .top-negative-margin-three-xlarge {
        margin-top: -48px !important
    }

    .bottom-negative-margin-three-xlarge {
        margin-bottom: -48px !important
    }

    .no-left-padding-xlarge {
        padding-left: 0 !important
    }

    .no-right-padding-xlarge {
        padding-right: 0 !important
    }

    .left-padding-zero-xlarge {
        padding-left: 0 !important
    }

    .right-padding-zero-xlarge {
        padding-right: 0 !important
    }

    .top-padding-zero-xlarge {
        padding-top: 0 !important
    }

    .bottom-padding-zero-xlarge {
        padding-bottom: 0 !important
    }

    .top-margin-zero-xlarge {
        margin-top: 0 !important
    }

    .bottom-margin-zero-xlarge {
        margin-bottom: 0 !important
    }

    .top-padding-half-xlarge {
        padding-top: 8px !important
    }

    .bottom-padding-half-xlarge {
        padding-bottom: 8px !important
    }

    .top-margin-half-xlarge {
        margin-top: 8px !important
    }

    .bottom-margin-half-xlarge {
        margin-bottom: 8px !important
    }

    .top-padding-one-xlarge {
        padding-top: 16px !important
    }

    .bottom-padding-one-xlarge {
        padding-bottom: 16px !important
    }

    .top-margin-one-xlarge {
        margin-top: 16px !important
    }

    .bottom-margin-one-xlarge {
        margin-bottom: 16px !important
    }

    .top-padding-two-xlarge {
        padding-top: 32px !important
    }

    .bottom-padding-two-xlarge {
        padding-bottom: 32px !important
    }

    .top-margin-two-xlarge {
        margin-top: 32px !important
    }

    .bottom-margin-two-xlarge {
        margin-bottom: 32px !important
    }

    .top-padding-three-xlarge {
        padding-top: 48px !important
    }

    .bottom-padding-three-xlarge {
        padding-bottom: 48px !important
    }

    .top-margin-three-xlarge {
        margin-top: 48px !important
    }

    .bottom-margin-three-xlarge {
        margin-bottom: 48px !important
    }

    .top-padding-four-xlarge {
        padding-top: 64px !important
    }

    .bottom-padding-four-xlarge {
        padding-bottom: 64px !important
    }

    .top-margin-four-xlarge {
        margin-top: 64px !important
    }

    .bottom-margin-four-xlarge {
        margin-bottom: 64px !important
    }

    .top-padding-five-xlarge {
        padding-top: 80px !important
    }

    .bottom-padding-five-xlarge {
        padding-bottom: 80px !important
    }

    .top-margin-five-xlarge {
        margin-top: 80px !important
    }

    .bottom-margin-five-xlarge {
        margin-bottom: 80px !important
    }

    .top-padding-six-xlarge {
        padding-top: 96px !important
    }

    .bottom-padding-six-xlarge {
        padding-bottom: 96px !important
    }

    .top-margin-six-xlarge {
        margin-top: 96px !important
    }

    .bottom-margin-six-xlarge {
        margin-bottom: 96px !important
    }

    .top-padding-seven-xlarge {
        padding-top: 112px !important
    }

    .bottom-padding-seven-xlarge {
        padding-bottom: 112px !important
    }

    .top-margin-seven-xlarge {
        margin-top: 112px !important
    }

    .bottom-margin-seven-xlarge {
        margin-bottom: 112px !important
    }

    .top-padding-eight-xlarge {
        padding-top: 128px !important
    }

    .bottom-padding-eight-xlarge {
        padding-bottom: 128px !important
    }

    .top-margin-eight-xlarge {
        margin-top: 128px !important
    }

    .bottom-margin-eight-xlarge {
        margin-bottom: 128px !important
    }
}

@media only screen and (min-width:1280px) and (max-width:9999px) {
    .top-negative-margin-one-xxlarge {
        margin-top: -16px !important
    }

    .bottom-negative-margin-one-xxlarge {
        margin-bottom: -16px !important
    }

    .top-negative-margin-two-xxlarge {
        margin-top: -32px !important
    }

    .bottom-negative-margin-two-xxlarge {
        margin-bottom: -32px !important
    }

    .top-negative-margin-three-xxlarge {
        margin-top: -48px !important
    }

    .bottom-negative-margin-three-xxlarge {
        margin-bottom: -48px !important
    }

    .no-left-padding-xxlarge {
        padding-left: 0 !important
    }

    .no-right-padding-xxlarge {
        padding-right: 0 !important
    }

    .left-padding-zero-xxlarge {
        padding-left: 0 !important
    }

    .right-padding-zero-xxlarge {
        padding-right: 0 !important
    }

    .top-padding-zero-xxlarge {
        padding-top: 0 !important
    }

    .bottom-padding-zero-xxlarge {
        padding-bottom: 0 !important
    }

    .top-margin-zero-xxlarge {
        margin-top: 0 !important
    }

    .bottom-margin-zero-xxlarge {
        margin-bottom: 0 !important
    }

    .top-padding-half-xxlarge {
        padding-top: 8px !important
    }

    .bottom-padding-half-xxlarge {
        padding-bottom: 8px !important
    }

    .top-margin-half-xxlarge {
        margin-top: 8px !important
    }

    .bottom-margin-half-xxlarge {
        margin-bottom: 8px !important
    }

    .top-padding-one-xxlarge {
        padding-top: 16px !important
    }

    .bottom-padding-one-xxlarge {
        padding-bottom: 16px !important
    }

    .top-margin-one-xxlarge {
        margin-top: 16px !important
    }

    .bottom-margin-one-xxlarge {
        margin-bottom: 16px !important
    }

    .top-padding-two-xxlarge {
        padding-top: 32px !important
    }

    .bottom-padding-two-xxlarge {
        padding-bottom: 32px !important
    }

    .top-margin-two-xxlarge {
        margin-top: 32px !important
    }

    .bottom-margin-two-xxlarge {
        margin-bottom: 32px !important
    }

    .top-padding-three-xxlarge {
        padding-top: 48px !important
    }

    .bottom-padding-three-xxlarge {
        padding-bottom: 48px !important
    }

    .top-margin-three-xxlarge {
        margin-top: 48px !important
    }

    .bottom-margin-three-xxlarge {
        margin-bottom: 48px !important
    }

    .top-padding-four-xxlarge {
        padding-top: 64px !important
    }

    .bottom-padding-four-xxlarge {
        padding-bottom: 64px !important
    }

    .top-margin-four-xxlarge {
        margin-top: 64px !important
    }

    .bottom-margin-four-xxlarge {
        margin-bottom: 64px !important
    }

    .top-padding-five-xxlarge {
        padding-top: 80px !important
    }

    .bottom-padding-five-xxlarge {
        padding-bottom: 80px !important
    }

    .top-margin-five-xxlarge {
        margin-top: 80px !important
    }

    .bottom-margin-five-xxlarge {
        margin-bottom: 80px !important
    }

    .top-padding-six-xxlarge {
        padding-top: 96px !important
    }

    .bottom-padding-six-xxlarge {
        padding-bottom: 96px !important
    }

    .top-margin-six-xxlarge {
        margin-top: 96px !important
    }

    .bottom-margin-six-xxlarge {
        margin-bottom: 96px !important
    }

    .top-padding-seven-xxlarge {
        padding-top: 112px !important
    }

    .bottom-padding-seven-xxlarge {
        padding-bottom: 112px !important
    }

    .top-margin-seven-xxlarge {
        margin-top: 112px !important
    }

    .bottom-margin-seven-xxlarge {
        margin-bottom: 112px !important
    }

    .top-padding-eight-xxlarge {
        padding-top: 128px !important
    }

    .bottom-padding-eight-xxlarge {
        padding-bottom: 128px !important
    }

    .top-margin-eight-xxlarge {
        margin-top: 128px !important
    }

    .bottom-margin-eight-xxlarge {
        margin-bottom: 128px !important
    }
}

@media only screen and (min-width:0) {
    .small-offset-05 {
        margin-left: 4.16666%
    }

    .small-offset-0 {
        margin-left: 0
    }
}

@media only screen and (min-width:415px) {
    .medium-offset-05 {
        margin-left: 4.16666%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .left-padding-zero-medium-up {
        padding-left: 0 !important
    }

    .right-padding-zero-medium-up {
        padding-right: 0 !important
    }

    .left-padding-one-medium-up {
        padding-left: 16px !important
    }

    .right-padding-one-medium-up {
        padding-right: 16px !important
    }
}

@media only screen and (min-width:720px) {
    .large-offset-5-05 {
        margin-left: 45.83333%
    }

    .large-offset-05 {
        margin-left: 4.16666%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .left-padding-zero-large-up {
        padding-left: 0 !important
    }

    .right-padding-zero-large-up {
        padding-right: 0 !important
    }

    .left-padding-one-large-up {
        padding-left: 16px !important
    }

    .right-padding-one-large-up {
        padding-right: 16px !important
    }

    .left-padding-two-half-large-up {
        padding-left: 40px !important
    }

    .right-padding-two-half-large-up {
        padding-right: 40px !important
    }

    .left-margin-zero-large-up {
        margin-left: 0 !important
    }

    .right-margin-zero-large-up {
        margin-right: 0 !important
    }

    .left-margin-one-large-up {
        margin-left: 16px !important
    }

    .right-margin-one-large-up {
        margin-right: 16px !important
    }

    .left-margin-two-half-large-up {
        margin-left: 40px !important
    }

    .right-margin-two-half-large-up {
        margin-right: 40px !important
    }
}

@media only screen and (min-width:1024px) {
    .xlarge-offset-05 {
        margin-left: 4.16666%
    }

    .xlarge-offset-0 {
        margin-left: 0
    }

    .left-padding-zero-xlarge-up {
        padding-left: 0 !important
    }

    .right-padding-zero-xlarge-up {
        padding-right: 0 !important
    }

    .left-padding-two-half-xlarge-up {
        padding-left: 40px !important
    }

    .right-padding-two-half-xlarge-up {
        padding-right: 40px !important
    }
}

@media only screen and (min-width:1280px) {
    .xxlarge-offset-05 {
        margin-left: 4.16666%
    }

    .xxlarge-offset-0 {
        margin-left: 0
    }
}

.top-navigation {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.top-header {
    font-family: Noto Light;
}



.top-nav-links {
    color: #FFFFFF
}

    .top-nav-links a {
        font-family: NotoSans-Regular;
        font-weight: 400;
        text-decoration: none;
        color: #FFFFFF;
        padding: 1rem 1.25rem
    }

    .top-nav-links li {
        text-decoration: none;
        position: relative
    }

        .top-nav-links li a:hover {
            font-family: NotoSans-Regular;
            font-weight: 400
        }

        .top-nav-links li a.active {
            font-family: NotoSans-Regular;
            font-weight: 400
        }

        .top-nav-links li:after, .top-nav-links li:not(:last-child)::after {
            content: '|';
            padding: 0;
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-48%);
            -ms-transform: translateY(-48%);
            transform: translateY(-48%);
            font-size: inherit;
            padding-top: 1px;
            padding-bottom: 3px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        .top-nav-links li:first-child a {
            padding-left: 0
        }

        .top-nav-links li:last-child:after {
            display: none
        }

.search-register-sign-in-links li.search {
    margin-right: 1.5625rem
}

.search-register-sign-in-links .button {
    margin-right: 1.6rem
}



.primary-navigation {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.125rem
}

    .primary-navigation .main-links {
        width: 100%;
        gap: 1%;
    }

        .primary-navigation .main-links li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            text-align: center;
        }

    .primary-navigation .menu a {
        padding: 3.125rem 0 1.5625rem 0;
        margin-left: .3125rem;
        margin-right: .3125rem;
        border-bottom: 7px solid transparent;
        color: #FFFFFF;
        display: block
    }

        .primary-navigation .menu a:hover {
            border-color: #C20114;
            font-family: NotoSans-Regular;
            font-weight: 400
        }

    .primary-navigation .menu li a.active {
        border-color: #C20114;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .primary-navigation .menu li a.sub-active {
        border-color: #e5f5f6;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .primary-navigation .menu .active > a, .primary-navigation .menu a.active {
        background-color: transparent;
        color: #021B41
    }

    .primary-navigation .button.sign-out {
        border-color: #40C1AC;
        background-color: #021B41;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M11.53%2C15.45H21.74l-3%2C3A1.59%2C1.59%2C0%2C0%2C0%2C21%2C20.69L26.69%2C15a1.62%2C1.62%2C0%2C0%2C0%2C0-2.27L21%2C7a1.59%2C1.59%2C0%2C0%2C0-2.24%2C2.25l3%2C3H11.53a1.59%2C1.59%2C0%2C0%2C0%2C0%2C3.17Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M16.67%2C26.19V24.56a1%2C1%2C0%2C0%2C0-1-1H4.83V4.19H15.67a1%2C1%2C0%2C0%2C0%2C1-1V1.56a1%2C1%2C0%2C0%2C0-1-1H2.25a1%2C1%2C0%2C0%2C0-1%2C1V26.19a1%2C1%2C0%2C0%2C0%2C1%2C1H15.67A1%2C1%2C0%2C0%2C0%2C16.67%2C26.19Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 17px 17px;
        padding-left: 1.25rem;
        padding-right: 2.5rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }
/*SamStart*/
.search-register-sign-in-links .search a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.51%2029.51%22%3E%3Ccircle%20cx%3D%2211.7%22%20cy%3D%2211.84%22%20r%3D%2210.54%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M5.54%2C11.84A6.16%2C6.16%2C0%2C0%2C1%2C11.7%2C5.68%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2219.19%22%20y1%3D%2219.18%22%20x2%3D%2227.49%22%20y2%3D%2227.48%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem
}

    .search-register-sign-in-links .search a:focus {
        outline: 0
    }

.primary-navigation .button.sign-out:hover {
    background-color: #40C1AC
}

.primary-navigation .menu:not(.search-sign-out-links) a {
    padding: 3.75rem 0 2.5rem 0;
    margin-left: .3125rem;
    margin-right: .3125rem;
    border-bottom: 4px solid transparent
}

    .primary-navigation .menu:not(.search-sign-out-links) a:hover {
        border-color: #9C1991;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

.primary-navigation .menu:not(.search-sign-out-links) li a.active {
    border-color: #9C1991;
    font-family: NotoSans-Regular;
    font-weight: 400;
    color: white
}
/* samp ends*/


/*.primary-navigation-sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    background-color: #021B41;
    z-index: 999;
    padding: 2.5rem 0 6.25rem 0;
    margin-left: 0
}

    .primary-navigation-sub-menu h2 {
        display: inline-block;
        color: #fff;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2055.41%2029.83%22%3E%3Cpath%20fill%3D%22%232E5C99%22%20d%3D%22M52.55%2012.17L40.63.25l-2.74%202.74%209.99%209.99H1.18v3.87h46.7l-9.99%209.99%202.74%202.74%2011.92-11.92%202.75-2.75-2.75-2.74z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: top 70% right;
        background-size: 25px 25px;
        padding-right: 2.0625rem
    }

.primary-navigation-sub-menu-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    background-color: rgba(0,45,89,.4);
    z-index: 99
}

.primary-navigation-sub-menu .menu {
    width: 100%
}

    .primary-navigation-sub-menu .menu li {
        margin-left: 1.66667%;
        margin-right: 1.66667%
    }

        .primary-navigation-sub-menu .menu li:first-child {
            margin-left: 0
        }

.primary-navigation-sub-menu a {
    text-decoration: none;
    font-family: NotoSans-Regular;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
    display: block
}

    .primary-navigation-sub-menu a:hover {
        text-decoration: underline
    }

        .primary-navigation-sub-menu a:hover h2 {
            text-decoration: underline
        }

.primary-navigation-sub-menu .menu a {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.25rem;
    color: #fff;
    white-space: nowrap;
    width: auto !important
}

.primary-navigation-sub-menu .menu li:first-child a {
    padding-left: 0;
    margin-left: 0
}

.primary-navigation-sub-menu hr {
    border-color: rgba(123,201,206,.5)
}*/


/*Samuel Start*/

.primary-navigation-sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    background-color: #fff;
    z-index: 999;
    padding: 2.5rem 0 6.25rem 0;
    margin-left: 0
}

.primary-navigation-sub-menu-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    background-color: rgba(0,45,89,.4);
    z-index: 99
}

.primary-navigation-sub-menu a {
    text-decoration: none;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.primary-navigation-sub-menu hr {
    border-color: #000000;
}

.primary-navigation-sub-menu .link-arrow {
    position: relative;
    display: inline-block
}

    .primary-navigation-sub-menu .link-arrow:hover {
        text-decoration: underline
    }

    .primary-navigation-sub-menu .link-arrow:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: -2.125rem;
        border: none;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2055.41%2029.83%22%3E%3Cpath%20fill%3D%22%232E5C99%22%20d%3D%22M52.55%2012.17L40.63.25l-2.74%202.74%209.99%209.99H1.18v3.87h46.7l-9.99%209.99%202.74%202.74%2011.92-11.92%202.75-2.75-2.75-2.74z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 24px 18px;
        background-position: center;
        width: 1.5rem;
        height: 1.125rem;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.primary-navigation-sub-menu dt {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: .75rem
}

    .primary-navigation-sub-menu dt a {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1.5rem;
        margin-top: 0;
        margin-bottom: .75rem
    }

.primary-navigation-sub-menu dd {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.0625rem;
    margin-bottom: .4375rem
}

.primary-navigation-sub-menu dl a:not(.image_link):hover {
    text-decoration: underline
}

.primary-navigation-sub-menu .image_link_container {
    border-left: 1px solid #2E5C99;
    padding-left: 1.5rem;
    padding-bottom: .625rem
}

.primary-navigation-sub-menu .image_link {
    display: block;
    padding: 1.875rem 1.25rem 1.25rem 13.9375rem;
    height: 10.3125rem;
    background-color: #f5f5f5;
    border-radius: 8px;
    margin-top: 1.25rem
}

    .primary-navigation-sub-menu .image_link.understanding-pensions-link {
        background-image: url(../../Assets/img/nav-understanding-pensions-menu-item-image.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top left
    }

    .primary-navigation-sub-menu .image_link.contact-us-link {
        background-image: url(../img/nav-contact-us-menu-item-image.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top left
    }

.contact-us-header-row {
    background-image: url(../../Assets/img/contact-us-header-bg.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
}

.primary-navigation-sub-menu .image_link h4 {
    position: relative;
    display: inline-block;
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.25rem
}

    .primary-navigation-sub-menu .image_link h4:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: -2.125rem;
        border: none;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2055.41%2029.83%22%3E%3Cpath%20fill%3D%22%232E5C99%22%20d%3D%22M52.55%2012.17L40.63.25l-2.74%202.74%209.99%209.99H1.18v3.87h46.7l-9.99%209.99%202.74%202.74%2011.92-11.92%202.75-2.75-2.75-2.74z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 24px 18px;
        background-position: center;
        width: 1.5rem;
        height: 1.125rem;
        margin-top: 1px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.primary-navigation-sub-menu .image_link a:hover p {
    font-family: NotoSans-Regular;
    font-weight: 400
}

.primary-navigation-sub-menu .image_link p {
    font-size: 1.0625rem
}

    .primary-navigation-sub-menu .image_link p:after {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 24px 18px;
        background-position: center;
        width: 1.5rem;
        height: .875rem;
        margin-left: 3px;
        margin-top: 1px
    }

/*Samuel End*/

.mobile-menu-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20y%3D%227%22%20width%3D%2224%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20y%3D%2211%22%20width%3D%2224%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20y%3D%2215%22%20width%3D%2212%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    background-color: #000000;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: .625rem;
    margin-bottom: .125rem
}

    .mobile-menu-icon:hover {
        cursor: pointer
    }

.reveal.mobile-nav-popup {
    background-color: #000000;
    padding-left: 0;
    padding-right: 0
}

    .reveal.mobile-nav-popup .close-menu-button {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolygon%20points%3D%2217.54%2019.43%2019.43%2017.54%2011.89%2010%2019.43%202.46%2017.54%200.57%2010%208.11%202.46%200.57%200.57%202.46%208.11%2010%200.57%2017.54%202.46%2019.43%2010%2011.89%2017.54%2019.43%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: center;
        background-color: #000000;
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-top: .5625rem;
        margin-right: .625rem
    }

.close-menu-button:hover {
    cursor: pointer
}

.reveal.mobile-nav-popup .is-drilldown {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #f5f5f5;
    padding-bottom: 1.25rem
}

.mobile-nav-header-row {
    border-bottom: 2px solid #B6ADA5;
    background-color: #000000;
}

    .mobile-nav-header-row h1 {
        color: #ffffff
    }

#mobile_nav_menu {
    background-color: #000000;
    padding: 1.875rem 1rem 1.25rem 1rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.125rem
}

    #mobile_nav_menu li {
        margin-bottom: .625rem;
        border-radius: 5px;
        color: #021B41
    }

        #mobile_nav_menu li.home {
            margin-bottom: 1.875rem
        }

            #mobile_nav_menu li.home:after {
                content: '';
                width: 100%;
                height: 1.875rem;
                display: block;
                border-bottom: 1px solid rgba(123,201,206,.5)
            }

        #mobile_nav_menu li a {
            border-radius: 5px;
            padding: 1.25rem;
            display: block;
            background-color: #000000;
            color: #ffffff
        }

            #mobile_nav_menu li a:hover {
                background-color: #000000
            }

    #mobile_nav_menu.drilldown .is-drilldown-submenu-parent > a:after {
        border: none;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: center;
        width: 1.125rem;
        height: 1.125rem;
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #mobile_nav_menu.drilldown .js-drilldown-back > a {
        position: relative;
        color: #ffffff;
        padding-left: 2.5625rem;
        padding-right: 2.1875rem
    }

    #mobile_nav_menu.drilldown li.js-drilldown-back {
        margin-bottom: 1.875rem
    }

        #mobile_nav_menu.drilldown li.js-drilldown-back:after {
            content: '';
            width: 100%;
            height: 1.875rem;
            display: block;
            border-bottom: 1px solid rgba(182,173,165,.5)
        }

    #mobile_nav_menu.drilldown a.back-link-text {
        text-align: center;
        font-size: 1.25rem
    }

    #mobile_nav_menu.drilldown .js-drilldown-back > a::before {
        border: none;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M27%2C13H7.83l3.81-3.81A2%2C2%2C0%2C0%2C0%2C8.79%2C6.31L1.55%2C13.55a2.1%2C2.1%2C0%2C0%2C0%2C0%2C2.9l7.24%2C7.24a2%2C2%2C0%2C1%2C0%2C2.85-2.84L7.77%2C17H27a2%2C2%2C0%2C1%2C0%2C0-4Z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: center;
        width: 1.125rem;
        height: 1.125rem;
        position: absolute;
        top: 50%;
        left: .9375rem;
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #mobile_nav_menu.drilldown .is-drilldown-submenu {
        background-color: #000000;
        padding: 1.875rem 1rem 0 1rem
    }

        #mobile_nav_menu.drilldown .is-drilldown-submenu li:last-child {
            padding-bottom: 2.5rem
        }

#mobile_nav_menu_lower {
    background-color: #000000;
    padding: 1.875rem 1rem 1.875rem 1rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1rem
}

    #mobile_nav_menu_lower li {
        margin-bottom: .625rem;
        border-radius: 5px;
        color: #021B41
    }

        #mobile_nav_menu_lower li.report-a-death {
            margin-bottom: 1.875rem
        }

        #mobile_nav_menu_lower li a {
            border-radius: 5px;
            padding: 1.25rem;
            display: block
        }

            #mobile_nav_menu_lower li a.rounded {
                border-radius: 999px
            }

.reveal.mobile-nav-popup #search_form_in_main_popup, .reveal.mobile-nav-popup #search_form_in_mobile_popup, .reveal.mobile-nav-popup #search_form_in_page {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-top: 1.5625rem;
    margin-bottom: 1.875rem
}

.reveal.mobile-nav-popup .sign_out_row {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.reveal.mobile-nav-popup .button.sign-out {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M11.53%2C15.45H21.74l-3%2C3A1.59%2C1.59%2C0%2C0%2C0%2C21%2C20.69L26.69%2C15a1.62%2C1.62%2C0%2C0%2C0%2C0-2.27L21%2C7a1.59%2C1.59%2C0%2C0%2C0-2.24%2C2.25l3%2C3H11.53a1.59%2C1.59%2C0%2C0%2C0%2C0%2C3.17Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M16.67%2C26.19V24.56a1%2C1%2C0%2C0%2C0-1-1H4.83V4.19H15.67a1%2C1%2C0%2C0%2C0%2C1-1V1.56a1%2C1%2C0%2C0%2C0-1-1H2.25a1%2C1%2C0%2C0%2C0-1%2C1V26.19a1%2C1%2C0%2C0%2C0%2C1%2C1H15.67A1%2C1%2C0%2C0%2C0%2C16.67%2C26.19Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 17px 17px;
    border-width: 2px;
    padding-left: 2.5rem;
    padding-right: 3.75rem;
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.reveal.mobile-nav-popup #search_form_in_main_popup .search_button_row, .reveal.mobile-nav-popup #search_form_in_mobile_popup .search_button_row, .reveal.mobile-nav-popup #search_form_in_page .search_button_row {
    display: none
}

.reveal.mobile-nav-popup #search_form_in_main_popup .search_field_row, .reveal.mobile-nav-popup #search_form_in_mobile_popup .search_field_row, .reveal.mobile-nav-popup #search_form_in_page .search_field_row {
    margin-top: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.reveal.mobile-nav-popup #search_form_in_main_popup input[type=search], .reveal.mobile-nav-popup #search_form_in_mobile_popup input[type=search] .reveal.mobile-nav-popup #search_form_in_page input[type=search] {
    border-bottom: 1px solid #2E5C99;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.51%2029.51%22%3E%3Ccircle%20cx%3D%2211.7%22%20cy%3D%2211.84%22%20r%3D%2210.54%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M5.54%2C11.84A6.16%2C6.16%2C0%2C0%2C1%2C11.7%2C5.68%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2219.19%22%20y1%3D%2219.18%22%20x2%3D%2227.49%22%20y2%3D%2227.48%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 24px 24px;
    background-position: top 35% right 30px;
    color: #fff;
    caret-color: #2E5C99;
    padding-right: 65px;
    padding-bottom: 30px;
    font-size: 1.25rem;
    text-indent: 20px
}

    .reveal.mobile-nav-popup #search_form_in_main_popup input[type=search]::-webkit-input-placeholder, .reveal.mobile-nav-popup #search_form_in_mobile_popup input[type=search]::-webkit-input-placeholder, .reveal.mobile-nav-popup #search_form_in_page input[type=search]::-webkit-input-placeholder {
        color: #fff
    }

    .reveal.mobile-nav-popup #search_form_in_main_popup input[type=search]::-moz-placeholder, .reveal.mobile-nav-popup #search_form_in_main_popup input[type=search]::-ms-input-placeholder, .reveal.mobile-nav-popup #search_form_in_main_popup input[type=search]::-webkit-input-placeholder, .reveal.mobile-nav-popup #search_form_in_main_popup input[type=search]::placeholder, .reveal.mobile-nav-popup #search_form_in_mobile_popup input[type=search]::-moz-placeholder, .reveal.mobile-nav-popup #search_form_in_mobile_popup input[type=search]::-ms-input-placeholder, .reveal.mobile-nav-popup #search_form_in_mobile_popup input[type=search]::-webkit-input-placeholder, .reveal.mobile-nav-popup #search_form_in_mobile_popup input[type=search]::placeholder, .reveal.mobile-nav-popup #search_form_in_page input[type=search]::-moz-placeholder, .reveal.mobile-nav-popup #search_form_in_page input[type=search]::-ms-input-placeholder, .reveal.mobile-nav-popup #search_form_in_page input[type=search]::-webkit-input-placeholder, .reveal.mobile-nav-popup #search_form_in_page input[type=search]::placeholder {
        color: #fff
    }

@media only screen and (max-width:414px) {
    #mobile_nav_menu {
        font-size: 1rem
    }

    .reveal.mobile-nav-popup #search_form_in_main_popup, .reveal.mobile-nav-popup #search_form_in_mobile_popup, .reveal.mobile-nav-popup #search_form_in_page {
        margin-left: .625rem;
        margin-right: .625rem;
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }

    .reveal.mobile-nav-popup .sign_out_row {
        margin-left: .625rem;
        margin-right: .625rem
    }

    .reveal.mobile-nav-popup .button.sign-out {
        font-size: 1rem
    }

    .reveal.mobile-nav-popup #search_form_in_main_popup input[type=search], .reveal.mobile-nav-popup #search_form_in_mobile_popup input[type=search], .reveal.mobile-nav-popup #search_form_in_page input[type=search] {
        background-size: 20px 20px;
        background-position: top 40% right 10px;
        padding-right: 45px;
        padding-bottom: 20px;
        font-size: 1rem;
        text-indent: 5px
    }
}

@media only screen and (min-width:1024px) {
    .reveal.mobile-nav-popup {
        display: none !important
    }
}

.breadcrumbs {
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-bottom: .5rem
}

    .breadcrumbs a {
        font-family: NotoSans-Regular;
        font-weight: 400;
        text-decoration: none
    }

    .breadcrumbs li {
        text-decoration: none
    }

        .breadcrumbs li:after, .breadcrumbs li:not(:last-child)::after {
            content: '\00a0';
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%2354565b%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 10px 10px;
            padding-left: 5px;
            padding-right: 5px;
            display: inline;
            font-size: inherit;
            padding-top: 1px;
            padding-bottom: 3px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        .breadcrumbs li:last-child:after {
            display: none
        }

.secondary-navigation {
    margin-right: 1.875rem;
    margin-bottom: 2.5rem
}

    .secondary-navigation a {
        border-bottom: 1px solid #2E5C99;
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1.0625rem;
        padding: 1.25rem 1.25rem;
        display: block
    }

    .secondary-navigation .active a {
        background-color: #000000;
        color: #FFF
    }

@media only screen and (max-width:414px) {
    .secondary-navigation {
        margin-right: 0
    }

        .secondary-navigation .menu li a, .secondary-navigation a {
            display: block
        }

    .breadcrumbs li {
        font-size: .8125rem
    }

    .breadcrumbs li {
        display: none
    }

        .breadcrumbs li:nth-last-child(2) {
            display: block
        }

            .breadcrumbs li:nth-last-child(2):after {
                display: none
            }

            .breadcrumbs li:nth-last-child(2):before {
                content: '\00a0';
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%2354565b%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 10px 10px;
                padding-left: 0;
                padding-right: 15px;
                display: inline;
                font-size: inherit;
                padding-top: 1px;
                padding-bottom: 3px;
                -webkit-box-sizing: content-box;
                box-sizing: content-box
            }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .secondary-navigation {
        margin-right: 0
    }

    .breadcrumbs li {
        display: none
    }

        .breadcrumbs li:nth-last-child(2) {
            display: block
        }

            .breadcrumbs li:nth-last-child(2):after {
                display: none
            }

            .breadcrumbs li:nth-last-child(2):before {
                content: '\00a0';
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%2354565b%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 10px 10px;
                padding-left: 0;
                padding-right: 15px;
                display: inline;
                font-size: inherit;
                padding-top: 1px;
                padding-bottom: 3px;
                -webkit-box-sizing: content-box;
                box-sizing: content-box
            }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .secondary-navigation {
        margin-right: 0
    }

        .secondary-navigation a {
            font-size: 1rem;
            padding: 1rem 1rem
        }
}

footer {
    background-color: #000000;
    color: #FFFFFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    footer p.credits {
        margin-bottom: 0;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    footer .menu a {
        font-family: NotoSans-Regular;
        font-weight: 400;
        text-decoration: none;
        color: #fff;
        line-height: 1.5;
        border-bottom: 1px solid transparent
    }

        footer .menu a:hover {
            border-bottom: 1px solid #fff
        }

    footer .menu li {
        text-decoration: none;
        position: relative;
        margin-right: 1.75rem;
        margin-bottom: .75rem
    }

        footer .menu li:after {
            font-family: NotoSans-Regular;
            font-weight: 400;
            content: '|';
            position: absolute;
            top: 50%;
            right: -.9375rem;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: inherit
        }

        footer .menu li:last-child:after {
            display: none
        }

    footer .menu.simple li + li {
        margin-left: 0
    }

    footer .menu a {
        color: #fff
    }

@media only screen and (max-width:414px) {
    footer .menu li {
        display: inline-block;
        width: 100%;
        margin-right: 0
    }

    .menu li a {
        display: inline-block
    }

    footer .menu li:after {
        display: none
    }
}

header.gradient {
    height: 68px;
    -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.05);
    box-shadow: 0 6px 15px 0 rgba(0,0,0,.05);
    background-image: -webkit-gradient(linear,left top,right top,from(#2E5C99),to(#021B41));
    background-image: linear-gradient(to right,#2E5C99 0,#021B41 100%)
}

header.standard {
    border-bottom: 2px solid #B6ADA5;
    background-color: #000000
}

    .mobile-nav-header-row h1, header.standard h1 {
        font-family: NotoSans-Light;
        font-weight: 400;
        font-size: 2.5rem;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1
    }

.sub-header {
    background-color: #fff
}

    .sub-header.transparent {
        background-color: transparent
    }

    .sub-header h2 {
        font-size: 2.5rem;
        font-family: Noto Light;
        font-weight: 400;
        margin-top: 2.25rem;
        margin-bottom: 3.75rem
    }

.large-sub-header h2 {
    margin-top: .625rem;
    margin-bottom: 2.5rem
}

.xlarge-sub-header h2 {
    margin-top: .625rem;
    margin-bottom: 2.5rem
}

@media only screen and (max-width:414px) {
    .sub-header h2 {
        font-size: 1.5rem
    }

    .mobile-nav-header-row h1, header.standard h1 {
        font-size: 1.875rem;
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .mobile-nav-header-row h1, header.standard h1 {
        font-size: 1.875rem;
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .mobile-nav-header-row h1, header.standard h1 {
        font-size: 1.875rem;
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

@media only screen and (min-width:0) and (max-width:414px) {
    .force-block-small-only {
        display: block
    }

    .force-inline-block-small-only {
        display: inline-block
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .force-block-medium-only {
        display: block
    }

    .force-inline-block-medium-only {
        display: inline-block
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .force-block-large-only {
        display: block
    }

    .force-inline-block-large-only {
        display: inline-block
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .force-block-xlarge-only {
        display: block
    }

    .force-inline-block-xlarge-only {
        display: inline-block
    }
}

@media only screen and (min-width:1280px) and (max-width:9999px) {
    .force-block-xxlarge-only {
        display: block
    }

    .force-inline-block-xxlarge-only {
        display: inline-block
    }
}

.callout.error {
    background-color: #C20114;
    border: none;
    color: #fff;
    padding-top: .625rem;
    padding-bottom: .875rem;
    padding-left: 2.625rem;
    padding-right: 1.25rem;
    position: relative;
    font-size: .875rem
}

    .callout.error:after {
        content: '!';
        position: absolute;
        top: .625rem;
        left: .625rem;
        width: 1.375rem;
        height: 1.375rem;
        background-color: #fff;
        color: #ef4e45;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.375rem;
        text-align: center;
        border-radius: 99px
    }

    .callout.error .close-button {
        color: #fff
    }

    .callout.error p {
        color: #fff;
        font-weight: 500;
        margin-bottom: 0
    }

    .callout.error a {
        color: #fff
    }

    .callout.error.amber {
        background-color: #feb127
    }

.form-error {
    position: relative;
    padding-left: 1.3125rem;
    font-weight: 400;
    line-height: 1.6
}

    .form-error:after {
        content: '!';
        position: absolute;
        top: .25rem;
        left: 0;
        width: .875rem;
        height: .875rem;
        background-color: #C20114;
        color: #fff;
        font-size: .625rem;
        font-weight: 500;
        line-height: .875rem;
        text-align: center;
        border-radius: 99px
    }

.is-invalid-input:not(:focus) {
    background-color: #fff
}

.otp-expired.form-error {
    font-family: NotoSans-Regular;
    line-height: 1.8
}

.callout.notification {
    background-color: #000000;
    border: none;    
    color: #ffffff;
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    padding-left: 3.75rem;
    padding-right: 1.25rem;
    position: relative;
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 28px;
    -webkit-box-shadow: 0 3px 7px 2px rgba(0,45,89,.1);
    box-shadow: 0 3px 7px 2px rgba(0,45,89,.1)
}

    .callout.notification[data-closable] {
        padding-right: 3.4375rem
    }

    .callout.notification:after {
        content: '';
        position: absolute;
        top: .75rem;
        left: .8125rem;
        width: 2.125rem;
        height: 2.125rem;
        background-color: #adacab;
        border-radius: 999px;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center
    }

    .callout.notification.small-icon:after {
        top: .9375rem;
        left: .9375rem;
        width: 1.75rem;
        height: 1.75rem;
        background-size: 20px 20px
    }

    .callout.notification .close-button {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: .9375rem;
        width: 2.125rem;
        height: 2.125rem;
        color: #0a0a0a;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: center;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolygon%20points%3D%2217.54%2019.43%2019.43%2017.54%2011.89%2010%2019.43%202.46%2017.54%200.57%2010%208.11%202.46%200.57%200.57%202.46%208.11%2010%200.57%2017.54%202.46%2019.43%2010%2011.89%2017.54%2019.43%22%20fill%3D%22%2354565b%22%2F%3E%3C%2Fsvg%3E");
        opacity: .5;
        -webkit-transition: all .25s;
        transition: all .25s;
        z-index: 9
    }

    .callout.notification .close-button {
        color: #021B41;
        opacity: 1
    }

        .callout.notification .close-button:hover {
            background-size: 20px 20px;
            opacity: .7
        }

    .callout.notification p {
        background-color: #000000;
        color: #ffffff;
        font-size: 1.0625rem
    }

    .callout.notification a:not(.button) {
        padding: 0;
        display: inline;
        line-height: inherit;
        color: inherit
    }

        .callout.notification a:not(.button):hover {
            text-decoration: underline
        }

    .callout.notification .header_content {
        margin-top: 1.25rem;
        padding-top: 1.25rem;
        margin-bottom: .625rem;
        border-top: 1px solid #e7e6e4
    }

        .callout.notification .header_content p {
            font-size: 1.125rem
        }

.no-border.callout.notification .header_content {
    margin-top: .3125rem;
    border-top: none
}

    .no-border.callout.notification .header_content p {
        font-family: NotoSans-Regular;
        font-size: 1.25rem
    }

@media only screen and (max-width:414px) {
    .no-border.callout.notification .header_content p {
        font-size: 1.125rem
    }
}

.callout.notification p:last-of-type {
    margin-bottom: 0
}

.callout.notification.success:after {
    background-color: #26ae76;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E")
}

.callout.notification.alert:after {
    background-color: #feb127;
    background-size: 26px 26px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%20transform%3D%22translate%2818%20-2%29%20rotate%2890%29%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2215.31%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")
}

.callout.notification.alert.small-icon:after {
    background-size: 20px 20px
}

.callout.notification.alert.yellow {
    background-color: rgba(254,177,39,.15);
    border-radius: 16px
}

.callout.notification.alert.orange {
    background-color: rgba(234,98,30,.15);
    border-radius: 16px;
    color: #021B41
}

    .callout.notification.alert.orange:after {
        background-color: #ea621e
    }

.callout.notification.alert.red {
    background-color: rgba(239,78,69,.15);
    border-radius: 16px;
    color: #021B41
}

    .callout.notification.alert.red:after {
        background-color: #d93025
    }

.callout.notification.tick:after {
    background-color: #ea621e;
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E")
}

.callout.notification.info {
    border-radius: 16px;
    padding-left: 1.3125rem;
    padding-right: 1.3125rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.callout.notification.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.callout.notification.tick {
    border-radius: 16px;
    color: #021B41;
    padding-right: 1.3125rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.callout.notification.dotted {
    border: 2px dashed #2E5C99
}

.callout.notification.icon-telephone {
    border-radius: 16px;
    color: #021B41;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.0625rem;
    padding-left: 6.25rem;
    min-height: 5.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .callout.notification.icon-telephone p {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .callout.notification.icon-telephone:after {
        background-color: transparent;
        background-image: url(../img/telephone-circle.svg);
        width: 4.125rem;
        height: 4.125rem;
        background-size: 4.125rem 4.125rem;
        left: 1.1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.callout.notification.icon-exclamation {
    color: #021B41;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 16px
}

    .callout.notification.icon-exclamation.yellow {
        background-color: rgba(254,177,39,.15)
    }

    .callout.notification.icon-exclamation.lightyellow {
        background-color: rgba(248,208,21,.25)
    }

    .callout.notification.icon-exclamation:after {
        content: '';
        position: absolute;
        background-size: 26px 26px;
        background-color: #feb127;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%20transform%3D%22translate%2818%20-2%29%20rotate%2890%29%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2215.31%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
        color: #fff;
        border-radius: 999px
    }

.callout.notification.has-header {
    padding-left: 1.5rem;
    padding-top: 1.5rem
}

    .callout.notification.has-header h4 {
        padding-left: 2.5rem;
        font-size: 1.25rem;
        font-family: Noto Bold;
        font-weight: 400;
        margin-bottom: 0
    }

    .callout.notification.has-header:after {
        background-size: 22px 22px;
        top: 1.4375rem;
        left: 1.375rem;
        width: 1.75rem;
        height: 1.75rem
    }

.callout.notification.icon-circle-tree {
    padding-left: 6.25rem;
    min-height: 5.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .callout.notification.icon-circle-tree p {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .callout.notification.icon-circle-tree:before {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: .9375rem;
        background-color: transparent;
        background-image: url(../img/tree-circle.svg);
        width: 4.125rem;
        height: 4.125rem;
        background-size: 4.125rem 4.125rem;
        left: 1.1rem
    }

.callout.notification.icon-circle-pointer {
    padding-left: 6.25rem;
    min-height: 5.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .callout.notification.icon-circle-pointer p {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .callout.notification.icon-circle-pointer:before {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: .9375rem;
        background-color: transparent;
        background-image: url(../img/arrow-pointer-circle.svg);
        width: 4.125rem;
        height: 4.125rem;
        background-size: 4.125rem 4.125rem;
        left: 1.1rem
    }

.callout.notification.icon-circle-people {
    padding-left: 6.25rem;
    min-height: 5.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .callout.notification.icon-circle-people p {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .callout.notification.icon-circle-people:before {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: .9375rem;
        background-color: transparent;
        background-image: url(../img/3-people-circle.svg);
        width: 4.125rem;
        height: 4.125rem;
        background-size: 4.125rem 4.125rem;
        left: 1.1rem
    }

@media only screen and (max-width:414px) {
    .callout.notification p {
        font-size: 1rem
    }

    .callout.notification.icon-circle-pointer {
        font-size: 1rem;
        padding-top: 5.75rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

        .callout.notification.icon-circle-pointer p {
            font-size: 1rem
        }

        .callout.notification.icon-circle-pointer:before {
            left: 50%;
            top: 15px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .callout.notification.icon-circle-tree {
        font-size: 1rem;
        padding-top: 5.75rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

        .callout.notification.icon-circle-tree p {
            font-size: 1rem
        }

        .callout.notification.icon-circle-tree:before {
            left: 50%;
            top: 15px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .callout.notification.icon-circle-people {
        font-size: 1rem;
        padding-top: 5.75rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

        .callout.notification.icon-circle-people p {
            font-size: 1rem
        }

        .callout.notification.icon-circle-people:before {
            left: 50%;
            top: 15px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .callout.notification.icon-telephone {
        font-size: 1rem;
        padding-top: 5.75rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

        .callout.notification.icon-telephone p {
            font-size: 1rem
        }

        .callout.notification.icon-telephone:after {
            left: 50%;
            top: 15px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }
}

.callout.notification.shadow {
    -webkit-box-shadow: 0 3px 7px 2px rgba(0,45,89,.1);
    box-shadow: 0 3px 7px 2px rgba(0,45,89,.1)
}

.callout.notification.info.extra-padding {
    padding-top: 1.5rem;
    padding-bottom: 1.875rem;
    padding-left: 2rem;
    padding-right: 2rem
}

.callout.notification.info.reduced-padding, .callout.notification.reduced-padding {
    padding-top: .75rem;
    padding-bottom: .875rem;
    padding-left: .875rem;
    padding-right: .875rem
}
.callout.notification.info.white {
    background-color: #ffffff;
    color: #000000;
}
    .callout.notification.info.white p {
        background-color: #ffffff;
        color: #000000;
    }

.callout.notification.info.border {
    border: 1px solid #021B41
}

    .callout.notification.info.border.seafoam-blue {
        border: 1px solid #2E5C99
    }

.callout.notification.info:after {
    display: none
}

.callout.notification.auto-width {
    width: auto;
    display: inline-block
}

    .callout.notification.auto-width p {
        display: inline-block
    }

.callout.notification.blue-with-icon {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 16px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 4.375rem;
    padding-right: 3.4375rem
}

.callout.notification.green-with-icon {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 16px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 4.375rem;
    padding-right: 3.4375rem
}

.callout.notification.red-with-icon {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 16px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 4.375rem;
    padding-right: 3.4375rem
}

.callout.notification.yellow-with-icon {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 16px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 4.375rem;
    padding-right: 3.4375rem
}

    .callout.notification.yellow-with-icon p {
        color: #ffffff;
    }

    .callout.notification.yellow-with-icon.has-header {
        padding-left: 1.375rem
    }

.callout.notification.blue-icon-info:after {
    background-color: transparent;
    background-size: 34px 34px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2233%22%20viewBox%3D%220%200%2036%2033%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2360b0ff%22%20d%3D%22M18%200C8.493%200%200%206.339%200%2015.01c0%203.075%201.109%206.095%203.07%208.438C3.154%2026.193%201.536%2030.132.082%2033c3.903-.705%209.452-2.262%2011.967-3.804C25.902%2032.566%2036%2024.088%2036%2015.01%2036%206.293%2027.448%200%2018%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M20%2023L17%2023%2017%2014%2020%2014zM18%2011c-1.104%200-2-.896-2-2s.896-2%202-2%202%20.896%202%202-.896%202-2%202z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    border-radius: 0;
    top: .9375rem;
    left: 1.125rem
}

.callout.notification.green-icon-tick:after {
    background-color: #55bb24;
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
    top: .9375rem;
    left: 1.125rem
}

.callout.notification.red-icon-x:after {
    background-color: #ef4e45;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolygon%20points%3D%2217.54%2019.43%2019.43%2017.54%2011.89%2010%2019.43%202.46%2017.54%200.57%2010%208.11%202.46%200.57%200.57%202.46%208.11%2010%200.57%2017.54%202.46%2019.43%2010%2011.89%2017.54%2019.43%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    top: .9375rem;
    left: 1.125rem
}

.callout.notification.yellow-icon-exclamation:not(.has-header) {
    padding-left: 4.375rem
}

.callout.notification.larger-icon:after {
    width: 2.125rem;
    height: 2.125rem
}

.callout.notification.yellow-icon-exclamation:after {
    background-color: #40C1AC;
    background-size: 26px 26px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%20transform%3D%22translate%2818%20-2%29%20rotate%2890%29%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2215.31%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    top: .9375rem;
    left: 1.125rem
}

.callout.notification.align-icon-vertically:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.primary-navigation .search a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.51%2029.51%22%3E%3Ccircle%20cx%3D%2211.7%22%20cy%3D%2211.84%22%20r%3D%2210.54%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M5.54%2C11.84A6.16%2C6.16%2C0%2C0%2C1%2C11.7%2C5.68%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2219.19%22%20y1%3D%2219.18%22%20x2%3D%2227.49%22%20y2%3D%2227.48%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem
}

    .primary-navigation .search a:focus {
        outline: 0
    }

.reveal.search-popup .close-button {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolygon%20points%3D%2217.54%2019.43%2019.43%2017.54%2011.89%2010%2019.43%202.46%2017.54%200.57%2010%208.11%202.46%200.57%200.57%202.46%208.11%2010%200.57%2017.54%202.46%2019.43%2010%2011.89%2017.54%2019.43%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 27px;
    height: 22px;
    position: relative;
    top: auto;
    right: auto;
    margin-right: 30px
}

#search_form_in_main_popup .search_field_row, #search_form_in_mobile_popup .search_field_row, #search_form_in_page .search_field_row {
    margin-top: 2rem
}

#search_form_in_main_popup input[type=submit], #search_form_in_mobile_popup input[type=submit], #search_form_in_page input[type=submit] {
    font-family: NotoSans-Regular;
    font-weight: 400
}

#search_form_in_main_popup input[type=search], #search_form_in_mobile_popup input[type=search], #search_form_in_page input[type=search] {
    border: none;
    border-bottom: 2px solid #B6ADA5;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.51%2029.51%22%3E%3Ccircle%20cx%3D%2211.7%22%20cy%3D%2211.84%22%20r%3D%2210.54%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M5.54%2C11.84A6.16%2C6.16%2C0%2C0%2C1%2C11.7%2C5.68%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2219.19%22%20y1%3D%2219.18%22%20x2%3D%2227.49%22%20y2%3D%2227.48%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: top 40% right 10px;
    color: #021B41;
    caret-color: #2E5C99;
    padding-left: 0;
    padding-bottom: 30px;
    font-size: 1.5rem;
    line-height: 2;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

    #search_form_in_main_popup input[type=search]::-webkit-input-placeholder, #search_form_in_mobile_popup input[type=search]::-webkit-input-placeholder, #search_form_in_page input[type=search]::-webkit-input-placeholder {
        color: #021B41
    }

    #search_form_in_main_popup input[type=search]::-moz-placeholder, #search_form_in_main_popup input[type=search]::-ms-input-placeholder, #search_form_in_main_popup input[type=search]::-webkit-input-placeholder, #search_form_in_main_popup input[type=search]::placeholder, #search_form_in_mobile_popup input[type=search]::-moz-placeholder, #search_form_in_mobile_popup input[type=search]::-ms-input-placeholder, #search_form_in_mobile_popup input[type=search]::-webkit-input-placeholder, #search_form_in_mobile_popup input[type=search]::placeholder, #search_form_in_page input[type=search]::-moz-placeholder, #search_form_in_page input[type=search]::-ms-input-placeholder, #search_form_in_page input[type=search]::-webkit-input-placeholder, #search_form_in_page input[type=search]::placeholder {
        color: #021B41
    }

    #search_form_in_main_popup input[type=search]::-ms-clear, #search_form_in_main_popup input[type=search]::-ms-reveal, #search_form_in_mobile_popup input[type=search]::-ms-clear, #search_form_in_mobile_popup input[type=search]::-ms-reveal, #search_form_in_page input[type=search]::-ms-clear, #search_form_in_page input[type=search]::-ms-reveal {
        display: none;
        width: 0;
        height: 0
    }

    #search_form_in_main_popup input[type=search]::-webkit-search-cancel-button, #search_form_in_main_popup input[type=search]::-webkit-search-decoration, #search_form_in_main_popup input[type=search]::-webkit-search-results-button, #search_form_in_main_popup input[type=search]::-webkit-search-results-decoration, #search_form_in_mobile_popup input[type=search]::-webkit-search-cancel-button, #search_form_in_mobile_popup input[type=search]::-webkit-search-decoration, #search_form_in_mobile_popup input[type=search]::-webkit-search-results-button, #search_form_in_mobile_popup input[type=search]::-webkit-search-results-decoration, #search_form_in_page input[type=search]::-webkit-search-cancel-button, #search_form_in_page input[type=search]::-webkit-search-decoration, #search_form_in_page input[type=search]::-webkit-search-results-button, #search_form_in_page input[type=search]::-webkit-search-results-decoration {
        display: none
    }

.result-item.row {
    display: block;
    margin-top: .3125rem;
    margin-bottom: .3125rem;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
    border-radius: 10px;
    text-decoration: none
}

.result-item:hover {
    background-color: #f9f9f9
}

.result-item .category {
    border-radius: 5px;
    background-color: rgba(123,201,206,.7);
    display: inline-block;
    padding: .3125rem .625rem;
    font-size: .875rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
}

.result-item .title {
    text-decoration: none;
    margin-bottom: .1875rem;
    font-size: 1.25rem
}

.result-item .summary {
    color: #54565b;
    margin-bottom: 0;
    text-decoration: none
}

.results-text {
    font-size: .9375rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-top: 1.25rem;
    margin-bottom: .625rem
}

    .results-text strong {
        font-size: .9375rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

.search-pagination {
    border-bottom: 2px solid #2E5C99;
    margin-top: 2.5rem;
    margin-bottom: 1.875rem;
    padding-bottom: 1.5625rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

    .search-pagination .range {
        color: #54565b;
        font-size: .875rem;
        margin-bottom: 0
    }

    .search-pagination ul.pages {
        font-size: 1rem;
        line-height: 1;
        white-space: nowrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0
    }

    .search-pagination .pages .current {
        color: #2E5C99
    }

    .search-pagination .pages a.disabled {
        color: rgba(0,45,89,.27)
    }

    .search-pagination a {
        text-decoration: none
    }

    .search-pagination .previous {
        color: #021B41;
        font-size: 1rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 1.25rem
    }

    .search-pagination .next {
        color: #021B41;
        font-size: 1rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px;
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 1.25rem
    }

    .search-pagination .previous.disabled {
        color: rgba(0,45,89,.27);
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22rgba%280%2C%2045%2C%2089%2C%200.27%29%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none
    }

    .search-pagination .next.disabled {
        color: rgba(0,45,89,.27);
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22rgba%280%2C%2045%2C%2089%2C%200.27%29%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none
    }

    .search-pagination .next:hover, .search-pagination .previous:hover {
        text-decoration: underline
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .result-item .category {
        font-size: .75rem
    }

    .result-item .title {
        font-size: 1rem
    }

    .search-pagination .pages {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .search-pagination .range {
        margin-top: .625rem
    }

    #search_form_in_main_popup input[type=search], #search_form_in_mobile_popup input[type=search], #search_form_in_page input[type=search] {
        font-size: 1.25rem;
        background-size: 26px 26px;
        background-position: top 25% right 10px
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .result-item .category {
        font-size: .75rem
    }

    .result-item .title {
        font-size: 1.0625rem
    }

    .search-pagination .pages {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .search-pagination .range {
        margin-top: .625rem
    }

    #search_form_in_main_popup input[type=search], #search_form_in_mobile_popup input[type=search], #search_form_in_page input[type=search] {
        font-size: 1.25rem
    }
}

.standard-pagination {
    margin-top: .625rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0;
    font-family: NotoSans-Regular;
    font-weight: 400
}

    .standard-pagination .range {
        color: #54565b;
        font-size: .875rem;
        margin-bottom: 0
    }

    .standard-pagination ul.pages {
        font-size: 1rem;
        line-height: 1;
        white-space: nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 0
    }

    .standard-pagination .pages li {
        margin-left: .125rem;
        margin-right: .125rem;
        margin-bottom: 0
    }

    .standard-pagination li.page-number a, .standard-pagination li.page-number span.num {
        background-color: transparent;
        border-radius: 6px;
        border: 1px solid rgba(0,45,89,.25);
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 1rem;
        margin-left: 0;
        margin-right: 0;
        height: 2.4375rem;
        font-size: .875rem;
        line-height: 2.35rem;
        color: rgba(0,45,89,.45);
        display: block
    }

        .standard-pagination li.page-number a:hover {
            color: #021B41;
            background-color: transparent;
            border: 1px solid #021B41
        }

    .standard-pagination .pages li.page-number.current span.num {
        color: #021B41;
        background-color: transparent;
        border: 1px solid rgba(0,45,89,.55)
    }

    .standard-pagination .pages a.disabled {
        color: transparent
    }

    .standard-pagination a {
        text-decoration: none;
        padding: 0
    }

    .standard-pagination .previous {
        color: transparent;
        font-size: 1rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: center;
        padding-left: 1.25rem;
        width: 1rem;
        overflow: hidden;
        height: 2.4375rem
    }

    .standard-pagination .next {
        color: transparent;
        font-size: 1rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: center;
        padding-right: 1.25rem;
        width: 1rem;
        overflow: hidden;
        height: 2.4375rem
    }

    .standard-pagination .previous.disabled {
        color: transparent;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22rgba%280%2C%2045%2C%2089%2C%200.27%29%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none
    }

    .standard-pagination .next.disabled {
        color: transparent;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22rgba%280%2C%2045%2C%2089%2C%200.27%29%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none
    }

    .standard-pagination .next:hover, .standard-pagination .previous:hover {
        text-decoration: none
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .standard-pagination .pages {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .standard-pagination .range {
        margin-top: .625rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .standard-pagination .pages {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .standard-pagination .range {
        margin-top: .625rem
    }
}

.datepicker {
    display: none;
    position: absolute;
    padding: 4px;
    margin-top: 1px;
    direction: ltr
}

    .datepicker.dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        display: none;
        min-width: 160px;
        list-style: none;
        background-color: #fff;
        border: none;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 3px 2px rgba(0,45,89,.1);
        box-shadow: 0 0 3px 2px rgba(0,45,89,.1);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        color: #333;
        font-size: 15px;
        line-height: 18px;
        padding: 1.25rem
    }

        .datepicker.dropdown-menu th {
            padding: 8px 8px
        }

        .datepicker.dropdown-menu td {
            padding: 8px 8px
        }

    .datepicker table {
        border: 0;
        margin: 0;
        width: auto
    }

    .datepicker tbody, .datepicker tbody tr, .datepicker tfoot, .datepicker thead {
        border: 0
    }

        .datepicker thead tr {
            background: #fff
        }

            .datepicker thead tr:first-child th {
                background-color: #2E5C99;
                color: #fff
            }

            .datepicker thead tr .prev {
                background-color: #2E5C99;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
                background-position: top 50% left 50%;
                background-repeat: no-repeat;
                background-size: 12px 12px;
                border-radius: 999px 0 0 999px;
                color: transparent
            }

            .datepicker thead tr .next {
                background-color: #2E5C99;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
                background-position: top 50% right 50%;
                background-repeat: no-repeat;
                background-size: 12px 12px;
                border-radius: 0 999px 999px 0;
                color: transparent
            }

                .datepicker thead tr .next.hide-bg, .datepicker thead tr .prev.hide-bg {
                    background-image: none;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none
                }

                    .datepicker thead tr .next.hide-bg:hover, .datepicker thead tr .prev.hide-bg:hover {
                        cursor: default
                    }

    .datepicker td, .datepicker th {
        border: 0
    }

        .datepicker td.dow, .datepicker th.dow {
            color: #2E5C99;
        }

        .datepicker td.day.new {
            color: #2E5C99
        }

    .datepicker table tr td span {
        display: block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        float: left;
        margin: 2px;
        cursor: pointer
    }

    .datepicker td {
        text-align: center;
        width: 24px;
        height: 24px;
        border: 0;
        font-size: 15px;
        background: #fff;
        cursor: pointer;
        font-family: NotoSans-Regular;
        color: #021B41
    }

    .datepicker .datepicker-days td {
        width: 38px
    }

    .datepicker .datepicker-months td {
        width: 266px
    }

    .datepicker .datepicker-months table tr td span {
        width: 58px;
        height: 58px;
        line-height: 58px
    }

    .datepicker .datepicker-years td {
        width: 266px
    }

    .datepicker .datepicker-years table tr td span {
        width: 58px;
        height: 58px;
        line-height: 58px
    }

    .datepicker td.active.day {
        background: 0 0;
        position: relative
    }

        .datepicker td.active.day:after {
            position: absolute;
            content: '';
            border: 2px solid #2E5C99;
            border-radius: 999px;
            width: 35px;
            height: 35px;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 1
        }

    .datepicker td.active.year {
        background: 0 0;
        position: relative
    }

    .datepicker span.active.month {
        background: 0 0;
        position: relative
    }

        .datepicker span.active.month:after {
            position: absolute;
            content: '';
            border: 2px solid #2E5C99;
            border-radius: 999px;
            width: 46px;
            height: 46px;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            z-index: 1
        }

    .datepicker td.new, .datepicker td.old {
        color: #999
    }

    .datepicker span.active.year {
        background: 0 0;
        position: relative
    }

        .datepicker span.active.year:after {
            position: absolute;
            content: '';
            border: 2px solid #2E5C99;
            border-radius: 999px;
            width: 46px;
            height: 46px;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            z-index: 1
        }

    .datepicker td.day.disabled {
        color: #bbb
    }

    .datepicker td span.month.disabled, .datepicker td span.year.disabled {
        color: #bbb
    }

    .datepicker td .nonMilitaryTime {
        font-size: 9px;
        height: 35px;
        line-height: 35px
    }

    .datepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        border: 0;
        font-size: 12px;
        padding: 4px 8px;
        cursor: pointer
    }

        .datepicker th.active.day, .datepicker th.active.year {
            background: #2ba6cb
        }

        .datepicker th.date-switch {
            width: 190px
        }

        .datepicker th.next, .datepicker th.prev {
            width: 38px
        }

        .datepicker th span.active {
            background: #2ba6cb
        }

    .datepicker .cw {
        font-size: 10px;
        width: 12px;
        padding: 0 2px 0 5px;
        vertical-align: middle
    }

    .datepicker.days div.datepicker-days {
        display: block
    }

    .datepicker.months div.datepicker-months {
        display: block
    }

    .datepicker.years div.datepicker-years {
        display: block
    }

    .datepicker thead tr:first-child th {
        cursor: pointer
    }

        .datepicker thead tr:first-child th.cw {
            cursor: default
        }

    .datepicker tfoot tr:first-child th {
        cursor: pointer
    }

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

    .datepicker-rtl table tr td span {
        float: right
    }

.datepicker-dropdown {
    top: 0;
    left: 0
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: 1px solid rgba(0,0,0,.2);
        position: absolute;
        top: -7px;
        left: 6px
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 7px
    }

    .datepicker-dropdown::after, .datepicker-dropdown::before, .datepicker > div {
        display: none
    }

.datepicker-close {
    position: absolute;
    top: -30px;
    right: 0;
    width: 15px;
    height: 30px;
    padding: 0;
    display: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.step-progress {
    border-bottom: 1px solid #2E5C99;
    margin-top: -.5625rem;
    margin-bottom: 1.6875rem;
    margin-left: -2.25rem;
    margin-right: -2.25rem;
    padding-bottom: 1.5625rem
}

.step-progress--item {
    padding: 0;
    text-align: center;
    font-size: 1.0625rem;
    font-family: NotoSans-Regular;
    line-height: 1.875rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 999px;
    background-color: #f3f3f2;
    color: #021B41;
    margin: 0 1.5rem;
    position: relative;
    -webkit-transition: all .25s;
    transition: all .25s
}

    .step-progress--item:after {
        content: '';
        position: absolute;
        top: 50%;
        right: -40px;
        width: 2rem;
        height: 1px;
        border-bottom: 1px solid #2E5C99;
        opacity: .4;
        -webkit-transition: all .25s;
        transition: all .25s
    }

    .step-progress--item:last-child:after {
        content: '';
        display: none
    }

.step-progress--current {
    background-color: #000000;
    color: #fff
}

.step-progress--complete {
    background-color: #021B41;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: center;
    text-indent: -5000px
}

.panel-internal ul.pension-calculator-progress, .pension-calculator-progress {
    border-bottom: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5rem;
    padding-bottom: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .pension-calculator-progress .step-progress--item {
        background-color: #fff;
        color: rgba(0,45,89,.3);
        border: 1px solid rgba(0,45,89,.3);
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        line-height: 2.1875rem;
        width: 2.3125rem;
        height: 2.3125rem;
        margin-bottom: 0;
        text-align: center
    }

    .pension-calculator-progress .step-progress--current {
        background-color: #021B41;
        color: #fff
    }

    .pension-calculator-progress .step-progress--complete {
        background-color: #021B41;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%232E5C99%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: center;
        text-indent: -5000px
    }

    .pension-calculator-progress .step-progress--item:after {
        content: '';
        position: absolute;
        top: 50%;
        right: -40px;
        width: 2rem;
        height: 1px;
        border-bottom: 2px solid #021B41;
        opacity: 1;
        -webkit-transition: all .25s;
        transition: all .25s
    }

.commit-progress, .panel-internal ul.commit-progress {
    border-bottom: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5rem;
    padding-bottom: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .commit-progress .step-progress--item {
        background-color: #fff;
        color: rgba(0,45,89,.3);
        border: 1px solid rgba(0,45,89,.3);
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        line-height: 2.1875rem;
        width: 2.3125rem;
        height: 2.3125rem;
        margin-bottom: 0;
        margin: 0 1.125rem;
        text-align: center;
        -webkit-transition: none;
        transition: none
    }

    .commit-progress .step-progress--current {
        background-color: #021B41;
        color: #fff
    }

    .commit-progress .step-progress--complete {
        background-color: #021B41;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%232E5C99%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: center;
        text-indent: -5000px
    }

    .commit-progress .step-progress--item:after {
        content: '';
        position: absolute;
        top: 50%;
        right: -32px;
        width: 1.625rem;
        height: 1px;
        border-bottom: 2px solid #021B41;
        opacity: 1;
        -webkit-transition: none;
        transition: none
    }

@media only screen and (max-width:414px) {
    .step-progress {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .step-progress--item {
        margin: 0 .75rem
    }

        .step-progress--item:after {
            right: -20px;
            width: 1rem
        }

    .pension-calculator-progress .step-progress--item:after {
        right: -20px;
        width: 1rem
    }

    .commit-progress .step-progress--item {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        line-height: 1.75rem;
        width: 1.75rem;
        height: 1.75rem;
        margin: 0 .5rem
    }

        .commit-progress .step-progress--item:after {
            right: -14px;
            width: .625rem
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .step-progress--item {
        margin: 0 .75rem
    }

        .step-progress--item:after {
            right: -20px;
            width: 1rem
        }

    .pension-calculator-progress .step-progress--item:after {
        right: -20px;
        width: 1rem
    }

    .commit-progress .step-progress--item {
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        line-height: 2.1875rem;
        width: 2.3125rem;
        height: 2.3125rem;
        margin: 0 .5rem
    }

        .commit-progress .step-progress--item:after {
            right: -14px;
            width: .625rem
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .step-progress--item {
        margin: 0 .75rem
    }

        .step-progress--item:after {
            right: -20px;
            width: 1rem
        }

    .pension-calculator-progress .step-progress--item {
        margin: 0 1.125rem
    }

        .pension-calculator-progress .step-progress--item:after {
            right: -30px;
            width: 1.5rem
        }

    .commit-progress .step-progress--item {
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        line-height: 2.1875rem;
        width: 2.3125rem;
        height: 2.3125rem;
        margin: 0 .5rem
    }

        .commit-progress .step-progress--item:after {
            right: -14px;
            width: .625rem
        }
}

.tooltip {
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,.2);
    box-shadow: 0 0 12px rgba(0,0,0,.2)
}

    .tooltip p, .tooltip ul {
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: .625rem
    }

    .tooltip strong {
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: .625rem
    }

    .tooltip #password_help_text li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 4px
    }

        .tooltip #password_help_text li:after {
            content: '\002D';
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            width: 10px
        }

        .tooltip #password_help_text li.valid-item {
            color: #26ae76;
            position: relative
        }

            .tooltip #password_help_text li.valid-item:after {
                content: '\2713';
                font-family: Wingdings2
            }

.tool-tip-icon {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    background-color: #021B41;
    border-radius: 999px;
    text-align: center;
    font-size: .75rem;
    line-height: 22px;
    color: #fff;
    margin-left: .3125rem
}

    .tool-tip-icon.large {
        width: 1.75rem;
        height: 1.75rem;
        font-size: 1rem;
        line-height: 28px;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

.has-tip {
    display: block;
    border-bottom: none
}

    .has-tip:focus {
        outline: 0
    }

    .has-tip.inline {
        display: inline-block
    }

.appended-tool-tip-container .has-tip {
    margin-left: .625rem;
    margin-bottom: 1.75rem
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

    table.dataTable tfoot th, table.dataTable thead th {
        font-weight: 700
    }

    table.dataTable thead td, table.dataTable thead th {
        padding: 10px 18px;
        border-bottom: 1px solid #111
    }

        table.dataTable thead td:active, table.dataTable thead th:active {
            outline: 0
        }

    table.dataTable tfoot td, table.dataTable tfoot th {
        padding: 10px 18px 6px 18px;
        border-top: 1px solid #111
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center right
    }

    table.dataTable tbody tr {
        background-color: #fff
    }

        table.dataTable tbody tr.selected {
            background-color: #b0bed9
        }

    table.dataTable tbody td, table.dataTable tbody th {
        padding: 1.25rem 1.75rem
    }

    table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {
        border-top: 1px solid #ddd
    }

    table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th {
        border-top: none
    }

    table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child {
        border-left: 1px solid #ddd
    }

    table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th {
        border-top: none
    }

    table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {
        background-color: #f9f9f9
    }

        table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected {
            background-color: #acbad4
        }

    table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {
        background-color: #f6f6f6
    }

        table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr:hover.selected {
            background-color: #aab7d1
        }

    table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3, table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3 {
        background-color: #fafafa
    }

    table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3, table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1
    }

    table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3
    }

    table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: #f5f5f5
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #a6b4cd
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #a8b5cf
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #a9b7d1
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #fafafa
    }

    table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc
    }

    table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #aebcd6
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8
    }

    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea
    }

    table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec
    }

    table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a2aec7
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a3b0c9
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a5b2cb
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid #111
    }

    table.dataTable.nowrap td, table.dataTable.nowrap th {
        white-space: nowrap
    }

    table.dataTable.compact thead td, table.dataTable.compact thead th {
        padding: 4px 17px
    }

    table.dataTable.compact tfoot td, table.dataTable.compact tfoot th {
        padding: 4px
    }

    table.dataTable.compact tbody td, table.dataTable.compact tbody th {
        padding: 4px
    }

    table.dataTable td.dt-left, table.dataTable th.dt-left {
        text-align: left
    }

    table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center {
        text-align: center
    }

    table.dataTable td.dt-right, table.dataTable th.dt-right {
        text-align: right
    }

    table.dataTable td.dt-justify, table.dataTable th.dt-justify {
        text-align: justify
    }

    table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap {
        white-space: nowrap
    }

    table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left {
        text-align: left
    }

    table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center {
        text-align: center
    }

    table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right {
        text-align: right
    }

    table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify {
        text-align: justify
    }

    table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap {
        white-space: nowrap
    }

    table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left {
        text-align: left
    }

    table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center {
        text-align: center
    }

    table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right {
        text-align: right
    }

    table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify {
        text-align: justify
    }

    table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap {
        white-space: nowrap
    }

    table.dataTable, table.dataTable td, table.dataTable th {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}

    .dataTables_wrapper .dataTables_length {
        float: left
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: .5em
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: .755em
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: .25em
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: .5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            color: #333 !important;
            border: 1px solid transparent;
            border-radius: 2px
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: #fff;
                background: -webkit-gradient(linear,left top,left bottom,from(white),to(#dcdcdc));
                background: linear-gradient(to bottom,#fff 0,#dcdcdc 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: 0 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: #fff !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear,left top,left bottom,from(#585858),to(#111));
                background: linear-gradient(to bottom,#585858 0,#111 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: 0;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear,left top,left bottom,from(#2b2b2b),to(#0c0c0c));
                background: linear-gradient(to bottom,#2b2b2b 0,#0c0c0c 100%);
                -webkit-box-shadow: inset 0 0 3px #111;
                box-shadow: inset 0 0 3px #111
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: #fff;
        background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),to(rgba(255,255,255,0)));
        background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%)
    }

    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
        color: #333
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            -webkit-overflow-scrolling: touch
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th {
                vertical-align: middle
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollBody > table, .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
        border-bottom: none
    }

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

.row.useful-links-item, .useful-links-item {
    margin-left: 0;
    margin-right: 0;
    border-bottom: solid 1px rgba(0,45,89,.3);
    padding-bottom: 1rem;
    margin-bottom: 3rem
}

    .useful-links-item .column h3, .useful-links-item .columns h3 {
        margin-bottom: 1rem
    }

    .useful-links-item .column:first-child, .useful-links-item .columns:first-child {
        padding-left: 0
    }

        .useful-links-item .column:first-child img, .useful-links-item .columns:first-child img {
            margin: auto;
            display: block
        }

@media only screen and (min-width:0) and (max-width:414px) {
    .useful-links-item .column:first-child, .useful-links-item .columns:first-child {
        padding-left: .625rem
    }

        .useful-links-item .column:first-child img, .useful-links-item .columns:first-child img {
            max-width: 12.5rem
        }
}


@media screen and (max-width:767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width:640px) {
    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.introjs-overlay {
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 999999;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-showElement {
    z-index: 9999999 !important
}

tr.introjs-showElement > td {
    z-index: 9999999 !important;
    position: relative
}

tr.introjs-showElement > th {
    z-index: 9999999 !important;
    position: relative
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.introjs-relativePosition {
    position: relative
}

.introjs-helperLayer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 9999998;
    border-radius: 16px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    min-height: 1px !important;
    min-width: 1px !important;
    -webkit-box-shadow: rgba(0,45,89,.6) 0 0 0 5000px !important;
    box-shadow: rgba(0,45,89,.6) 0 0 0 5000px !important
}

    .introjs-helperLayer * {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .introjs-helperLayer :before {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .introjs-helperLayer :after {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .introjs-helperLayer.nocorners {
        border-radius: 0 !important
    }

.introjs-tooltipReferenceLayer {
    font-family: NotoSans-Regular;
    font-weight: 400;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

    .introjs-tooltipReferenceLayer * {
        font-family: NotoSans-Regular
    }

    .introjs-tooltipReferenceLayer h2 {
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-top: 20px;
        margin-bottom: 30px;
        font-size: 1.1875rem
    }

    .introjs-tooltipReferenceLayer .introjs-floating h2 {
        font-size: 1.4375rem
    }

.introjs-helperNumberLayer {
    font-family: NotoSans-Regular;
    color: #9e9e9e;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.introjs-top-left-aligned {
    margin-top: 0;
    margin-bottom: 30px
}

.introjs-arrow {
    border: 15px solid transparent;
    content: "";
    position: absolute
}

    .introjs-arrow.top {
        top: -30px;
        left: 20px;
        border-bottom-color: #fff
    }

    .introjs-arrow.top-right {
        top: -10px;
        right: 10px;
        border-bottom-color: #fff
    }

    .introjs-arrow.top-middle {
        top: -30px;
        left: 50%;
        margin-left: -4px;
        border-bottom-color: #fff
    }

    .introjs-arrow.right {
        right: -10px;
        top: 10px;
        border-left-color: #fff
    }

    .introjs-arrow.right-bottom {
        bottom: 10px;
        right: -10px;
        border-left-color: #fff
    }

    .introjs-arrow.bottom {
        bottom: -30px;
        left: 20px;
        border-top-color: #fff
    }

    .introjs-arrow.bottom-right {
        bottom: -10px;
        right: 10px;
        border-top-color: #fff
    }

    .introjs-arrow.bottom-middle {
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
        border-top-color: #fff
    }

    .introjs-arrow.left {
        left: -10px;
        top: 10px;
        border-right-color: #fff
    }

    .introjs-arrow.left-bottom {
        left: -10px;
        bottom: 10px;
        border-right-color: #fff
    }

.in-progress-tooltip-pensioner.in-progress-tooltip-1 {
    right: auto !important;
    left: 22% !important
}

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-pensioner.in-progress-tooltip-1 {
        right: auto !important;
        left: 12% !important
    }

        .in-progress-tooltip-pensioner.in-progress-tooltip-1 .introjs-arrow.top, .in-progress-tooltip-pensioner.in-progress-tooltip-1 .introjs-arrow.top-middle, .in-progress-tooltip-pensioner.in-progress-tooltip-1 .introjs-arrow.top-right {
            left: 10% !important
        }
}



.in-progress-tooltip-pensioner.in-progress-tooltip-2 .introjs-arrow.top, .in-progress-tooltip-pensioner.in-progress-tooltip-2 .introjs-arrow.top-middle, .in-progress-tooltip-pensioner.in-progress-tooltip-2 .introjs-arrow.top-right {
    left: 73% !important;
    right: auto !important;
    top: -30px !important
}

.in-progress-tooltip-pensioner.in-progress-tooltip-2 {
    right: 480px !important
}

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-pensioner.in-progress-tooltip-2 {
        right: 500px !important
    }
}

.in-progress-tooltip-pensioner.in-progress-tooltip-3 {
    top: 280px !important;
    left: 30px !important
}

    .in-progress-tooltip-pensioner.in-progress-tooltip-3 .introjs-arrow.top, .in-progress-tooltip-pensioner.in-progress-tooltip-3 .introjs-arrow.top-middle, .in-progress-tooltip-pensioner.in-progress-tooltip-3 .introjs-arrow.top-right {
        left: 23% !important
    }

    .in-progress-tooltip-pensioner.in-progress-tooltip-3 .introjs-arrow.bottom, .in-progress-tooltip-pensioner.in-progress-tooltip-3 .introjs-arrow.bottom-middle, .in-progress-tooltip-pensioner.in-progress-tooltip-3 .introjs-arrow.bottom-right {
        border-top-color: #d8ead0 !important
    }

.in-progress-tooltip-pensioner.in-progress-tooltip-4 {
    top: 280px !important;
    right: 220px !important
}

    .in-progress-tooltip-pensioner.in-progress-tooltip-4 .introjs-arrow.top, .in-progress-tooltip-pensioner.in-progress-tooltip-4 .introjs-arrow.top-middle, .in-progress-tooltip-pensioner.in-progress-tooltip-4 .introjs-arrow.top-right {
        left: 38% !important
    }

.in-progress-tooltip-pensioner.in-progress-tooltip-5 {
    top: 280px !important;
    right: 520px !important
}

    .in-progress-tooltip-pensioner.in-progress-tooltip-5 .introjs-arrow.top, .in-progress-tooltip-pensioner.in-progress-tooltip-5 .introjs-arrow.top-middle, .in-progress-tooltip-pensioner.in-progress-tooltip-5 .introjs-arrow.top-right {
        border-bottom-color: #fff !important;
        left: 73% !important;
        right: auto !important
    }

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-pensioner.in-progress-tooltip-5 {
        right: 560px !important
    }
}

.in-progress-tooltip-pensioner.in-progress-tooltip-6 {
    top: 60px !important;
    left: 85% !important;
    right: auto !important
}

    .in-progress-tooltip-pensioner.in-progress-tooltip-6 .introjs-arrow.left, .in-progress-tooltip-pensioner.in-progress-tooltip-6 .introjs-arrow.left-bottom {
        left: -30px !important;
        bottom: 50% !important
    }

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-pensioner.in-progress-tooltip-6 {
        left: 27% !important
    }
}

@media only screen and (min-width:1113px) and (max-width:1280px) {
    .in-progress-tooltip-pensioner.in-progress-tooltip-6 {
        left: 41% !important
    }
}

@media only screen and (min-width:1281px) and (max-width:1420px) {
    .in-progress-tooltip-pensioner.in-progress-tooltip-6 {
        left: 60% !important
    }
}

@media only screen and (min-width:1421px) and (max-width:1600px) {
    .in-progress-tooltip-pensioner.in-progress-tooltip-6 {
        left: 75% !important
    }
}

.in-progress-tooltip-dependent.in-progress-tooltip-1 .introjs-arrow.top, .in-progress-tooltip-dependent.in-progress-tooltip-1 .introjs-arrow.top-middle, .in-progress-tooltip-dependent.in-progress-tooltip-1 .introjs-arrow.top-right {
    border-bottom-color: #c4e3e5 !important
}

.in-progress-tooltip-dependent.in-progress-tooltip-1 {
    right: auto !important;
    left: 22% !important
}

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-dependent.in-progress-tooltip-1 {
        right: auto !important;
        left: 12% !important
    }

        .in-progress-tooltip-dependent.in-progress-tooltip-1 .introjs-arrow.top, .in-progress-tooltip-dependent.in-progress-tooltip-1 .introjs-arrow.top-middle, .in-progress-tooltip-dependent.in-progress-tooltip-1 .introjs-arrow.top-right {
            border-bottom-color: #c4e3e5 !important;
            left: 10% !important
        }
}

.in-progress-tooltip-dependent.in-progress-tooltip-2 .introjs-arrow.top, .in-progress-tooltip-dependent.in-progress-tooltip-2 .introjs-arrow.top-middle, .in-progress-tooltip-dependent.in-progress-tooltip-2 .introjs-arrow.top-right {
    left: 73% !important;
    right: auto !important;
    top: -30px !important
}

.in-progress-tooltip-dependent.in-progress-tooltip-2 {
    right: 480px !important
}

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-dependent.in-progress-tooltip-2 {
        right: 500px !important
    }
}

.in-progress-tooltip-dependent.in-progress-tooltip-3 {
    top: 280px !important;
    left: 30px !important
}

    .in-progress-tooltip-dependent.in-progress-tooltip-3 .introjs-arrow.top, .in-progress-tooltip-dependent.in-progress-tooltip-3 .introjs-arrow.top-middle, .in-progress-tooltip-dependent.in-progress-tooltip-3 .introjs-arrow.top-right {
        border-bottom-color: #d8ead0 !important;
        left: 23% !important
    }

    .in-progress-tooltip-dependent.in-progress-tooltip-3 .introjs-arrow.bottom, .in-progress-tooltip-dependent.in-progress-tooltip-3 .introjs-arrow.bottom-middle, .in-progress-tooltip-dependent.in-progress-tooltip-3 .introjs-arrow.bottom-right {
        border-top-color: #d8ead0 !important
    }

.in-progress-tooltip-dependent.in-progress-tooltip-4 {
    top: 280px !important;
    right: 220px !important
}

    .in-progress-tooltip-dependent.in-progress-tooltip-4 .introjs-arrow.top, .in-progress-tooltip-dependent.in-progress-tooltip-4 .introjs-arrow.top-middle, .in-progress-tooltip-dependent.in-progress-tooltip-4 .introjs-arrow.top-right {
        border-bottom-color: #c4e3e5 !important;
        left: 38% !important
    }

.in-progress-tooltip-dependent.in-progress-tooltip-5 {
    top: 280px !important;
    right: 540px !important
}

    .in-progress-tooltip-dependent.in-progress-tooltip-5 .introjs-arrow.top, .in-progress-tooltip-dependent.in-progress-tooltip-5 .introjs-arrow.top-middle, .in-progress-tooltip-dependent.in-progress-tooltip-5 .introjs-arrow.top-right {
        border-bottom-color: #fff !important;
        left: 73% !important;
        right: auto !important
    }

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-dependent.in-progress-tooltip-5 {
        right: 580px !important
    }
}

.in-progress-tooltip-dependent.in-progress-tooltip-6 {
    top: -50px !important;
    left: 85% !important;
    right: auto !important
}

    .in-progress-tooltip-dependent.in-progress-tooltip-6 .introjs-arrow.left, .in-progress-tooltip-dependent.in-progress-tooltip-6 .introjs-arrow.left-bottom {
        border-right-color: #d8ead0 !important;
        left: -30px !important;
        bottom: 50% !important
    }

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-dependent.in-progress-tooltip-6 {
        left: 27% !important
    }
}

@media only screen and (min-width:1113px) and (max-width:1280px) {
    .in-progress-tooltip-dependent.in-progress-tooltip-6 {
        left: 41% !important
    }
}

@media only screen and (min-width:1281px) and (max-width:1420px) {
    .in-progress-tooltip-dependent.in-progress-tooltip-6 {
        left: 60% !important
    }
}

@media only screen and (min-width:1421px) and (max-width:1600px) {
    .in-progress-tooltip-dependent.in-progress-tooltip-6 {
        left: 75% !important
    }
}

.in-progress-tooltip-deferred.in-progress-tooltip-1 .introjs-arrow.top, .in-progress-tooltip-deferred.in-progress-tooltip-1 .introjs-arrow.top-middle, .in-progress-tooltip-deferred.in-progress-tooltip-1 .introjs-arrow.top-right {
    border-bottom-color: #c4e3e5 !important
}

.in-progress-tooltip-deferred.in-progress-tooltip-1 {
    right: auto !important;
    left: 22% !important
}

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-deferred.in-progress-tooltip-1 {
        right: auto !important;
        left: 12% !important
    }

        .in-progress-tooltip-deferred.in-progress-tooltip-1 .introjs-arrow.top, .in-progress-tooltip-deferred.in-progress-tooltip-1 .introjs-arrow.top-middle, .in-progress-tooltip-deferred.in-progress-tooltip-1 .introjs-arrow.top-right {
            border-bottom-color: #c4e3e5 !important;
            left: 10% !important
        }
}


.in-progress-tooltip-deferred.in-progress-tooltip-2 .introjs-arrow.top, .in-progress-tooltip-deferred.in-progress-tooltip-2 .introjs-arrow.top-middle, .in-progress-tooltip-deferred.in-progress-tooltip-2 .introjs-arrow.top-right {
    left: 73% !important;
    right: auto !important;
    top: -30px !important
}

.in-progress-tooltip-deferred.in-progress-tooltip-2 {
    right: 480px !important
}

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-deferred.in-progress-tooltip-2 {
        right: 500px !important
    }
}

.in-progress-tooltip-deferred.in-progress-tooltip-3 {
    top: 280px !important;
    left: 30px !important
}

    .in-progress-tooltip-deferred.in-progress-tooltip-3 .introjs-arrow.top, .in-progress-tooltip-deferred.in-progress-tooltip-3 .introjs-arrow.top-middle, .in-progress-tooltip-deferred.in-progress-tooltip-3 .introjs-arrow.top-right {
        border-bottom-color: #c4e3e5 !important;
        left: 23% !important
    }

    .in-progress-tooltip-deferred.in-progress-tooltip-3 .introjs-arrow.bottom, .in-progress-tooltip-deferred.in-progress-tooltip-3 .introjs-arrow.bottom-middle, .in-progress-tooltip-deferred.in-progress-tooltip-3 .introjs-arrow.bottom-right {
        border-top-color: #d8ead0 !important
    }

.in-progress-tooltip-deferred.in-progress-tooltip-4 {
    top: 220px !important;
    right: 540px !important
}

    .in-progress-tooltip-deferred.in-progress-tooltip-4 .introjs-arrow.top, .in-progress-tooltip-deferred.in-progress-tooltip-4 .introjs-arrow.top-middle, .in-progress-tooltip-deferred.in-progress-tooltip-4 .introjs-arrow.top-right {
        border-bottom-color: #fff !important;
        left: 73% !important;
        right: auto !important
    }

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-deferred.in-progress-tooltip-4 {
        right: 580px !important
    }
}

.in-progress-tooltip-deferred.in-progress-tooltip-5 {
    top: 280px !important;
    right: 220px !important
}

    .in-progress-tooltip-deferred.in-progress-tooltip-5 .introjs-arrow.top, .in-progress-tooltip-deferred.in-progress-tooltip-5 .introjs-arrow.top-middle, .in-progress-tooltip-deferred.in-progress-tooltip-5 .introjs-arrow.top-right {
        border-bottom-color: #fce4ce !important;
        left: 43% !important;
        right: auto !important
    }

.in-progress-tooltip-deferred.in-progress-tooltip-6 {
    top: 280px !important;
    right: 540px !important
}

    .in-progress-tooltip-deferred.in-progress-tooltip-6 .introjs-arrow.top, .in-progress-tooltip-deferred.in-progress-tooltip-6 .introjs-arrow.top-middle, .in-progress-tooltip-deferred.in-progress-tooltip-6 .introjs-arrow.top-right {
        border-bottom-color: #fff !important;
        left: 73% !important
    }

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-deferred.in-progress-tooltip-6 {
        right: 580px !important
    }
}

.in-progress-tooltip-deferred.in-progress-tooltip-8 {
    top: 160px !important;
    left: 85% !important;
    right: auto !important
}

    .in-progress-tooltip-deferred.in-progress-tooltip-8 .introjs-arrow.left-bottom {
        border-right-color: #d8ead0 !important;
        left: -30px !important;
        bottom: 50% !important
    }

@media only screen and (min-width:1024px) and (max-width:1112px) {
    .in-progress-tooltip-deferred.in-progress-tooltip-8 {
        left: 27% !important
    }
}

@media only screen and (min-width:1113px) and (max-width:1280px) {
    .in-progress-tooltip-deferred.in-progress-tooltip-8 {
        left: 41% !important
    }
}

@media only screen and (min-width:1281px) and (max-width:1420px) {
    .in-progress-tooltip-deferred.in-progress-tooltip-8 {
        left: 60% !important
    }
}

@media only screen and (min-width:1421px) and (max-width:1600px) {
    .in-progress-tooltip-deferred.in-progress-tooltip-8 {
        left: 75% !important
    }
}

.introjs-tooltip {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    visibility: visible;
    background-color: #fff;
    min-width: 880px;
    max-width: 880px;
    width: 880px;
    border-radius: 12px;
    -webkit-box-shadow: 0 3px 30px rgba(33,33,33,.3);
    box-shadow: 0 3px 30px rgba(33,33,33,.3);
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    margin-top: 20px;
    min-height: 405px;
    position: relative
}

.introjs-floating .introjs-tooltip {
    min-height: 405px
}

.tour-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    border-radius: 12px 0 0 12px
}

.tour-text-container {
    position: absolute;
    top: 20%;
    right: 5%;
    width: 38%
}

.introjs-tooltiptext {
    padding: 20px
}

    .introjs-tooltiptext p {
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-top: 14px;
        margin-bottom: 0;
        font-size: 1.0625rem
    }

.introjs-tooltip-title {
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: 700;
    float: left;
    line-height: 32px
}

.introjs-tooltip-header {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px
}

    .introjs-tooltip-header:after {
        content: ".";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both
    }

.introjs-tooltipbuttons {
    border-top: none;
    padding: 10px 0 100px 0;
    white-space: nowrap;
    width: 14%;
    text-align: left;
    padding: 0;
    position: absolute;
    bottom: 40px;
    right: 0
}

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

.introjs-floating .introjs-tooltipbuttons {
    text-align: center;
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    margin-top: 20px
}

.introjs-button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .5rem 1rem;
    border: 1px solid transparent;
    letter-spacing: .5px;
    text-decoration: none;
    text-shadow: none;
    font-size: 16px;
    font-family: NotoSans-Regular;
    color: #021B41;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #2E5C99;
    border-radius: 999px;
    zoom: 1;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out
}

    .introjs-button:hover {
        outline: 0;
        text-decoration: none;
        border-color: transparent;
        background-color: #CAE1EF;
        color: #021B41
    }

    .introjs-button:focus {
        outline: 0;
        text-decoration: none;
        background-color: #CAE1EF;
        border: 1px solid transparent;
        color: #021B41
    }

    .introjs-button:active {
        outline: 0;
        text-decoration: none;
        background-color: #CAE1EF;
        border-color: transparent;
        color: #021B41
    }

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

.introjs-skipbutton {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #021B41;
    float: right;
    font-size: 40px;
    cursor: pointer;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding: 7px 10px;
    text-decoration: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolygon%20points%3D%2217.54%2019.43%2019.43%2017.54%2011.89%2010%2019.43%202.46%2017.54%200.57%2010%208.11%202.46%200.57%200.57%202.46%208.11%2010%200.57%2017.54%202.46%2019.43%2010%2011.89%2017.54%2019.43%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
    width: 12px;
    height: 12px;
    text-indent: -5000px
}

    .introjs-skipbutton:focus, .introjs-skipbutton:hover {
        color: #212121;
        outline: 0;
        text-decoration: none
    }

.introjs-prevbutton {
    float: left;
    display: none
}

.introjs-nextbutton {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.introjs-disabled {
    color: #9e9e9e;
    border-color: #bdbdbd;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

    .introjs-disabled:focus, .introjs-disabled:hover {
        color: #9e9e9e;
        border-color: #bdbdbd;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: default;
        background-color: #f4f4f4;
        background-image: none;
        text-decoration: none
    }

.introjs-hidden {
    display: none
}

.introjs-bullets {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 12px;
    width: 29%;
    display: block;
    position: absolute;
    bottom: 40px;
    right: 14%
}

    .introjs-bullets ul {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        clear: both;
        margin: 0 0;
        padding: 0;
        display: inline-block
    }

        .introjs-bullets ul li {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            list-style: none;
            float: left;
            margin: 0 15px 0 0
        }

            .introjs-bullets ul li a {
                -webkit-transition: width .1s ease-in;
                transition: width .1s ease-in;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                display: block;
                width: 8px;
                height: 8px;
                background: #ccc;
                border-radius: 10px;
                text-decoration: none;
                cursor: pointer
            }

                .introjs-bullets ul li a:focus, .introjs-bullets ul li a:hover {
                    width: 8px;
                    background: #999;
                    text-decoration: none;
                    outline: 0
                }

                .introjs-bullets ul li a.active {
                    width: 8px;
                    background: #021B41
                }

.introjs-floating .introjs-bullets {
    display: none
}

.introjs-progress {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px;
    border-radius: 4px;
    background-color: #e0e0e0
}

.introjs-progressbar {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    background: 0 0;
    width: 20px;
    height: 15px;
    cursor: pointer
}

    .introjs-hint:focus {
        border: 0;
        outline: 0
    }

    .introjs-hint:hover > .introjs-hint-pulse {
        border: 5px solid rgba(60,60,60,.57)
    }

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint-pulse {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60,60,60,.27);
    border-radius: 30px;
    background-color: rgba(136,136,136,.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    animation: none
}

.introjs-hint-dot {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 10px solid rgba(146,146,146,.36);
    background: 0 0;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0
}

@-webkit-keyframes chartjs-render-animation {
    from {
        opacity: .99
    }

    to {
        opacity: 1
    }
}

@keyframes chartjs-render-animation {
    from {
        opacity: .99
    }

    to {
        opacity: 1
    }
}

.chartjs-render-monitor {
    -webkit-animation: chartjs-render-animation 1ms;
    animation: chartjs-render-animation 1ms
}

.chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink {
    position: absolute;
    direction: ltr;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    z-index: -1
}

    .chartjs-size-monitor-expand > div {
        position: absolute;
        width: 1000000px;
        height: 1000000px;
        left: 0;
        top: 0
    }

    .chartjs-size-monitor-shrink > div {
        position: absolute;
        width: 200%;
        height: 200%;
        left: 0;
        top: 0
    }

table.three-columns--equal td, table.three-columns--equal th {
    width: 33%;
    padding: 1.25rem 1.75rem
}

table.striped tbody tr:nth-child(even) {
    background-color: #f9f9f9
}

table.shadow {
    border: none;
    -webkit-box-shadow: 0 0 3px 2px rgba(0,45,89,.1);
    box-shadow: 0 0 3px 2px rgba(0,45,89,.1);
    border-collapse: separate;
    border-spacing: 0
}

    table.shadow td, table.shadow th, table.shadow tr {
        border: none
    }

thead.marine-blue tr {
    background-color: #000000;
    color: #fff
}

table.rounded {
    border-radius: 8px
}

    table.rounded thead th:first-child {
        border-radius: 8px 0 0 0
    }

    table.rounded thead th:last-child {
        border-radius: 0 8px 0 0
    }

    table.rounded tbody tr:last-child td:first-child {
        border-radius: 0 0 0 8px
    }

    table.rounded tbody tr:last-child td:last-child {
        border-radius: 0 0 8px 0
    }

td.nowrap, th.nowrap {
    white-space: nowrap
}

.payroll-table td, .payroll-table th {
    -webkit-transition: font-size .25s;
    transition: font-size .25s
}

.payroll-table thead th {
    white-space: nowrap
}

.payroll-table thead td, .payroll-table thead th {
    font-size: 1rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.payroll-table tbody td, .payroll-table tbody th {
    color: #383b41;
    font-size: 1rem
}

.payroll-table tbody tr:hover, table.striped tbody tr:nth-child(even):hover {
    background-color: rgba(38,174,118,.15)
}

.payroll-table td, .payroll-table th {
    text-align: right;
    vertical-align: top
}

    .payroll-table td:first-child, .payroll-table th:first-child {
        text-align: left
    }

@media only screen and (max-width:414px) {
    table.three-columns--equal:not(.filter-table) {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        -webkit-transition: all .25s;
        transition: all .25s
    }

    table.three-columns--equal th {
        padding: .6875rem .625rem
    }

    table.three-columns--equal td {
        padding: .6875rem .5rem
    }

    .payroll-table thead td, .payroll-table thead th {
        font-size: .75rem
    }

    .payroll-table tbody td, .payroll-table tbody th {
        font-size: .75rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    table.three-columns--equal td, table.three-columns--equal th {
        padding: 1.25rem .875rem
    }

    .payroll-table thead td, .payroll-table thead th {
        font-size: .8125rem
    }

    .payroll-table tbody td, .payroll-table tbody th {
        font-size: .8125rem
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    table.three-columns--equal td, table.three-columns--equal th {
        padding: 1.25rem .875rem
    }

    .payroll-table thead th {
        white-space: nowrap
    }

    .payroll-table thead td, .payroll-table thead th {
        font-size: .9375rem
    }

    .payroll-table tbody td, .payroll-table tbody th {
        font-size: 1rem
    }
}

.table-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
    padding: .9375rem .9375rem
}

.month-select-wrapper {
    float: none;
    width: 240px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

    .month-select-wrapper ul.dropdown {
        margin-bottom: 0
    }

table.dataTable {
    border-radius: 0 0 8px 8px
}

    table.dataTable tbody tr td:first-child {
        border-radius: 0 0 0 8px
    }

    table.dataTable tbody tr td:last-child {
        border-radius: 0 0 8px 0
    }

    table.dataTable.no-footer {
        border-bottom: none
    }

.paginate_button.previous {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    text-indent: -5000px
}

.paginate_button.next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    text-indent: -5000px
}

.paginate_button.previous:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
}

.paginate_button.next:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
}

.dataTables_wrapper {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 3px 2px rgba(0,45,89,.1);
    box-shadow: 0 0 3px 2px rgba(0,45,89,.1)
}

table.dataTable tfoot th, table.dataTable thead th {
    font-weight: 400
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1rem;
    padding: .3125rem .25rem;
    margin-left: 0
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: 0 0;
        border-color: transparent;
        color: #021B41 !important
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
        background: 0 0;
        border-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
        background: 0 0;
        border-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous {
        background: 0 0;
        border-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22rgba%280%2C%2045%2C%2089%2C%200.25%29%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next {
        background: 0 0;
        border-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22rgba%280%2C%2045%2C%2089%2C%200.25%29%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #2E5C99 !important;
        background: 0 0;
        border-color: transparent
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: 0 0;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.dataTables_wrapper .dataTables_info {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: .875rem;
    line-height: 2.25rem;
    color: #54565b;
    clear: none;
    float: none;
    white-space: nowrap;
    padding-top: 0;
    margin-left: .875rem;
    margin-right: .875rem;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.dataTables_wrapper .dataTables_paginate {
    float: none;
    white-space: nowrap;
    padding-top: 0 !important;
    margin-top: 0 !important;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media only screen and (max-width:414px) {
    .month-select-wrapper {
        margin: auto
    }

    .table-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: .375rem
    }

    .dataTables_wrapper {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        -webkit-transition: all .25s;
        transition: all .25s
    }

    .month-select-wrapper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .dataTables_wrapper .dataTables_info {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .dataTables_wrapper .dataTables_paginate {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: .625rem !important
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .month-select-wrapper {
        margin: auto
    }

    .table-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: .375rem
    }

    .dataTables_wrapper {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        -webkit-transition: all .25s;
        transition: all .25s
    }

    .month-select-wrapper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .dataTables_wrapper .dataTables_info {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .dataTables_wrapper .dataTables_paginate {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: .625rem !important
    }
}

.month-select-wrapper .is-dropdown-submenu {
    border: none;
    background: 0 0
}

.month-select-wrapper .dropdown.menu > li.is-dropdown-submenu-parent {
    display: block;
    width: 100%
}

    .month-select-wrapper .dropdown.menu > li.is-dropdown-submenu-parent > a {
        border-radius: 6px;
        border: 1px solid #021B41;
        display: block;
        color: #021B41;
        font-size: .9375rem;
        font-family: NotoSans-Regular;
        white-space: nowrap
    }

    .month-select-wrapper .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a {
        border-radius: 6px;
        border: 1px solid rgba(123,201,206,.7);
        display: block;
        color: #021B41;
        font-size: .9375rem;
        font-family: NotoSans-Regular
    }

    .month-select-wrapper .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        width: 20px;
        height: 12px;
        margin-top: -6px;
        right: 8px
    }

.month-select {
    display: block;
    width: 240px;
    height: 255px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 3px 2px rgba(93,93,93,.1);
    box-shadow: 0 0 3px 2px rgba(93,93,93,.1);
    overflow: hidden;
    padding: .3125rem 0 0 0;
    position: relative;
    background-color: #fff;
    margin-top: .625rem
}

    .month-select h3 {
        font-size: .875rem;
        padding: .3125rem .875rem;
        margin-bottom: 0
    }

    .month-select li {
        padding: .3125rem .875rem .3125rem .5rem;
        font-size: .875rem;
        line-height: 18px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .month-select li:hover {
            cursor: pointer;
            background-color: rgba(123,201,206,.25)
        }

        .month-select li [type=checkbox] {
            display: none
        }

            .month-select li [type=checkbox] + label:before {
                content: '';
                width: 18px;
                height: 18px;
                border-radius: 2px;
                border: 1px solid #c1c7d0;
                display: inline-block;
                margin-right: 6px;
                vertical-align: middle
            }

            .month-select li [type=checkbox]:checked + label:before {
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23002d59%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
                background-repeat: no-repeat;
                background-size: 14px 14px;
                background-position: center
            }

    .month-select header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 30px;
        padding-top: .3125rem;
        padding-bottom: .625rem;
        background-color: #fff
    }

    .month-select .menu {
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        bottom: 55px;
        overflow-y: scroll
    }

    .month-select footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 55px;
        padding-top: .625rem;
        padding-bottom: .3125rem;
        text-align: center;
        background-color: #fff;
        border-top: 1px solid rgba(0,45,89,.3)
    }

        .month-select footer .button {
            display: inline-block;
            margin-left: .3125rem;
            margin-right: .3125rem;
            padding: .85em 2.5em
        }

.clear-table {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1rem
}

    .clear-table tbody, .clear-table tfoot, .clear-table thead {
        background-color: transparent;
        border: none
    }

    .clear-table tr {
        border-bottom: none;
        background-color: transparent
    }

    .clear-table td, .clear-table th {
        padding: .75rem 1rem
    }

    .clear-table thead th {
        font-size: .875rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        vertical-align: top
    }

    .clear-table tbody td {
        vertical-align: top
    }

    .clear-table.avcs-investment-breakdown th, .clear-table.avcs-latest-funds-value-table th {
        padding-left: 1.5rem;
        width: 60%;
        font-weight: 400;
        line-height: 1.3;
        position: relative;
        text-align: left
    }

        .clear-table.avcs-investment-breakdown th.fund-title, .clear-table.avcs-latest-funds-value-table th.fund-title {
            font-family: NotoSans-Regular;
            font-weight: 400
        }

            .clear-table.avcs-investment-breakdown th.fund-title:before, .clear-table.avcs-latest-funds-value-table th.fund-title:before {
                content: '';
                width: 14px;
                height: 14px;
                background-color: #fff;
                display: block;
                position: absolute;
                top: 16px;
                left: 0;
                border-radius: 1px
            }

            .clear-table.avcs-investment-breakdown th.fund-title.yellow:before, .clear-table.avcs-latest-funds-value-table th.fund-title.yellow:before {
                background-color: #fbb92d
            }

            .clear-table.avcs-investment-breakdown th.fund-title.pink:before, .clear-table.avcs-latest-funds-value-table th.fund-title.pink:before {
                background-color: #ef7f8a
            }

            .clear-table.avcs-investment-breakdown th.fund-title.blue:before, .clear-table.avcs-latest-funds-value-table th.fund-title.blue:before {
                background-color: #021B41
            }

            .clear-table.avcs-investment-breakdown th.fund-title.green:before, .clear-table.avcs-latest-funds-value-table th.fund-title.green:before {
                background-color: #035142
            }

        .clear-table.avcs-investment-breakdown th span, .clear-table.avcs-latest-funds-value-table th span {
            font-size: .9375rem;
            display: block;
            font-family: NotoSans-Regular;
            font-weight: 400
        }

    .clear-table.avcs-investment-breakdown td, .clear-table.avcs-latest-funds-value-table td {
        width: 20%
    }

        .clear-table.avcs-investment-breakdown td:last-child, .clear-table.avcs-latest-funds-value-table td:last-child {
            width: 20%;
            white-space: nowrap;
            font-family: NotoSans-Regular;
            font-weight: 400;
            font-size: 1rem
        }

            .clear-table.avcs-investment-breakdown td:last-child span:not(.number), .clear-table.avcs-latest-funds-value-table td:last-child span:not(.number) {
                font-size: .875rem;
                font-family: NotoSans-Regular;
                font-weight: 400
            }

@media only screen and (min-width:0) and (max-width:719px) {
    .clear-table.avcs-investment-breakdown th, .clear-table.avcs-latest-funds-value-table th {
        width: 100%;
        display: block;
        padding-bottom: .375rem
    }

    .clear-table.avcs-investment-breakdown td, .clear-table.avcs-latest-funds-value-table td {
        display: inline-block;
        width: 50%;
        padding-top: 0;
        padding-left: 1.5rem
    }
}

.lined-row-table {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1rem
}

    .lined-row-table tbody, .lined-row-table tfoot, .lined-row-table thead {
        background-color: transparent
    }

    .lined-row-table tr {
        border-bottom: 1px solid rgba(0,45,89,.15);
        background-color: transparent
    }

    .lined-row-table thead th {
        font-size: .875rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .lined-row-table tbody td {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .lined-row-table.larger-row-spacing td, .lined-row-table.larger-row-spacing th {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem
    }

    .lined-row-table tr td:first-child, .lined-row-table tr th:first-child {
        padding-left: 0
    }

    .lined-row-table tr td:last-child, .lined-row-table tr th:last-child {
        padding-right: 0
    }

    .lined-row-table tr td.larger, .lined-row-table tr th.larger {
        font-size: 1.125rem
    }

    .lined-row-table tr td.xlarger, .lined-row-table tr th.xlarger {
        font-size: 1.5rem
    }

    .lined-row-table tr td.bluey-green, .lined-row-table tr th.bluey-green {
        color: #26ae76
    }

    .lined-row-table tr td.smaller, .lined-row-table tr th.smaller {
        font-size: .875rem
    }

    .lined-row-table .bolder {
        font-family: NotoSans-Regular;
        font-weight: 400
    }

@media only screen and (min-width:0) and (max-width:719px) {
    .lined-row-table tr td, .lined-row-table tr th {
        padding-left: 0
    }

    .lined-row-table tr {
        padding-bottom: 1.875rem;
        margin-bottom: 1.875rem
    }

        .lined-row-table tr:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none
        }

    .lined-row-table.larger-row-spacing td, .lined-row-table.larger-row-spacing th {
        padding-top: .5625rem;
        padding-bottom: .5625rem
    }

    .lined-row-table tr td::before {
        content: attr(data-label);
        display: block;
        padding-right: 1rem;
        margin-right: 1rem;
        font-size: .875rem;
        color: #54565b;
        font-family: NotoSans-Regular;
        font-weight: 400
    }
}

.my-pension-landing-table {
    margin-left: -2rem;
    margin-right: -2rem;
    width: calc(100% + 4rem);
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

.quote-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

    .my-pension-landing-table thead, .quote-table thead {
        background-color: transparent;
        border: none
    }

    .my-pension-landing-table tbody, .quote-table tbody {
        background-color: transparent;
        border: none
    }

    .accordion .my-pension-landing-table tr, .my-pension-landing-table tr, .quote-table tr {
        border-bottom: 1px solid #2E5C99
    }

    .quote-table.quote-table-icons tr {
        border-bottom: none;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        background-size: 105px 2px;
        background-position: bottom center
    }

    .quote-table tr {
        background-color: transparent
    }

    .my-pension-landing-table th, .quote-table th {
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        padding-top: 4rem;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 3.75rem 3.75rem;
        color: #021B41;
        width: 23%;
        padding-bottom: 1.3rem;
        text-align: center
    }

.my-pension-landing-table.table-three th, .quote.table-three th {
    width: 33%
}

.my-pension-landing-table th:first-child, .quote-table th:first-child {
    width: 30%
}

.quote-table th:first-child {
    text-align: left
}

.my-pension-landing-table.table-three th:first-child, .quote-table.table-three th:first-child {
    width: 33%
}

.my-pension-landing-table th.icon-pension, .quote-table th.icon-pension {
    background-image: url(../img/wallet-coins.svg)
}

.my-pension-landing-table th.icon-lump-sum, .quote-table th.icon-lump-sum {
    background-image: url(../img/icon-piggy-bank-small-coin.svg)
}

.my-pension-landing-table th.icon-avcs, .quote-table th.icon-avcs {
    background-image: url(../img/icon-plant-pot.svg)
}

.my-pension-landing-table th.icon-spouse-pension, .quote-table th.icon-spouse-pension {
    background-image: url(../img/icon-2-people.svg)
}

.my-pension-landing-table tbody td, .quote-table tbody td {
    color: #021B41;
    font-size: 1.5rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    position: relative;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    text-align: center
}

    .my-pension-landing-table tbody td:before, .quote-table tbody td:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 2px;
        height: 60%;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
        background-repeat: repeat-y;
        background-size: 2px 105px;
        background-position: top left
    }

.quote-table.quote-table-icons tbody td:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=)
}

.my-pension-landing-table tbody td span, .quote-table tbody td span {
    font-size: .9375rem
}

.my-pension-landing-table tbody td:nth-child(1), .quote-table tbody td:nth-child(1) {
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    background-image: none;
    padding-left: 3rem;
    text-align: left
}

.quote-table tbody td:nth-child(1), .quote-table th:nth-child(1) {
    padding-left: 0
}

    .my-pension-landing-table tbody td:nth-child(1):before, .quote-table tbody td:nth-child(1):before {
        display: none
    }

.my-pension-landing-table tbody tr.light, .quote-table tbody tr.light {
    display: none
}

@media only screen and (min-width:0) and (max-width:719px) {
    .my-pension-landing-table tbody td, .quote-table tbody td {
        text-align: left;
        padding-left: 1.6rem;
        padding-top: 0;
        padding-bottom: 1.4rem;
        font-size: 1.125rem
    }

        .my-pension-landing-table tbody td:before, .quote-table tbody td:before, .quote-table.quote-table-icons tbody td:before {
            content: attr(data-header);
            display: block;
            font-family: NotoSans-Regular;
            font-weight: 400;
            margin-bottom: .3125rem;
            position: relative;
            top: auto;
            left: auto;
            height: auto;
            width: auto;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            background: 0 0
        }

        .my-pension-landing-table tbody td:nth-child(1), .quote-table tbody td:nth-child(1) {
            padding-top: 1.9rem;
            padding-left: 1.6rem
        }

    .quote-table tbody tr:nth-child(1) td:nth-child(1) {
        padding-top: .6rem
    }

    .quote-table tbody td, .quote-table tbody td:nth-child(1) {
        padding-left: 0;
        padding-right: 0
    }

        .my-pension-landing-table tbody td:last-child, .quote-table tbody td:last-child {
            padding-bottom: 2.7rem
        }

    .quote-table.quote-table-icons tbody tr td {
        padding-left: 3rem
    }

    .quote-table.quote-table-icons tbody td:before {
        display: none
    }

    .quote-table.quote-table-icons tbody tr td:first-child {
        background-size: 2rem 2rem;
        background-repeat: no-repeat
    }

    .quote-table.quote-table-icons tbody tr:nth-child(1) td:first-child {
        background-image: url(../img/wallet-coins.svg);
        background-position: 0 .45rem
    }

    .quote-table.quote-table-icons tbody tr:nth-child(2) td:first-child {
        background-image: url(../img/icon-piggy-bank-small-coin.svg);
        background-position: 0 1.7rem
    }

    .quote-table.quote-table-icons tbody tr:nth-child(3) td:first-child {
        background-image: url(../img/icon-2-people.svg);
        background-position: 0 1.7rem
    }
}

.my-pension-landing-pension-increase-table {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
    width: calc(100% + 4.5rem);
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

    .my-pension-landing-pension-increase-table thead {
        background-color: transparent;
        border: none
    }

    .my-pension-landing-pension-increase-table tbody {
        background-color: transparent;
        border: none
    }

    .accordion .my-pension-landing-pension-increase-table tr, .my-pension-landing-pension-increase-table tr {
        border-bottom: 1px solid #2E5C99
    }

        .my-pension-landing-pension-increase-table tr.toggle-row td {
            background-color: transparent;
            font-size: .875rem;
            padding-top: 2.3rem;
            padding-bottom: 2.3rem
        }

            .my-pension-landing-pension-increase-table tr.toggle-row td a {
                background-color: transparent;
                font-size: .875rem;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%2354565b%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
                background-size: 12px 12px;
                background-repeat: no-repeat;
                background-position: center right;
                padding-right: 1.5rem;
                color: #54565b;
                border-color: #54565b
            }

    .my-pension-landing-pension-increase-table th {
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        padding-top: 4rem;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 3.75rem 3.75rem;
        color: #021B41;
        width: 23%;
        padding-bottom: 1.3rem;
        text-align: center
    }

    .my-pension-landing-pension-increase-table.table-three th {
        width: 33%
    }

    .my-pension-landing-pension-increase-table th:first-child {
        width: 30%
    }

    .my-pension-landing-pension-increase-table.table-three th:first-child {
        width: 33%
    }

    .my-pension-landing-pension-increase-table th.icon-pension {
        background-image: url(../img/wallet-coins.svg)
    }

    .my-pension-landing-pension-increase-table th.icon-year {
        background-image: url(../img/icon-calendar.svg)
    }

    .my-pension-landing-pension-increase-table tbody td {
        color: #021B41;
        font-size: 1.5rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        position: relative;
        padding-top: 1.7rem;
        padding-bottom: 1.7rem;
        text-align: center;
        background-color: rgba(229,245,246,.4)
    }

        .my-pension-landing-pension-increase-table tbody td:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 2px;
            height: 60%;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
            background-repeat: repeat-y;
            background-size: 2px 105px;
            background-position: top left
        }

        .my-pension-landing-pension-increase-table tbody td span {
            font-size: .9375rem
        }

        .my-pension-landing-pension-increase-table tbody td:nth-child(1) {
            background-image: none
        }

            .my-pension-landing-pension-increase-table tbody td:nth-child(1):before {
                display: none
            }

    .my-pension-landing-pension-increase-table tbody tr.light {
        display: none
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .my-pension-landing-pension-increase-table {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        width: calc(100% + 48px)
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .my-pension-landing-pension-increase-table tbody td {
        text-align: left;
        padding-left: 1rem;
        padding-top: 0;
        padding-bottom: 1.4rem;
        font-size: 1.125rem
    }

        .my-pension-landing-pension-increase-table tbody td:not(.view-link):before {
            content: attr(data-header);
            display: block;
            font-family: NotoSans-Regular;
            font-weight: 400;
            margin-bottom: .3125rem;
            position: relative;
            top: auto;
            left: auto;
            height: auto;
            width: auto;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            background: 0 0
        }

        .my-pension-landing-pension-increase-table tbody td.view-link:before {
            display: none
        }

        .my-pension-landing-pension-increase-table tbody td:nth-child(1) {
            padding-top: 1.9rem;
            padding-left: 1rem
        }

        .my-pension-landing-pension-increase-table tbody td:last-child {
            padding-bottom: 2.7rem
        }
}

.my-pension-landing-payslips-table {
    margin-left: -3.125rem;
    margin-right: -3.125rem;
    width: calc(100% + 100px);
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

    .my-pension-landing-payslips-table thead th {
        color: #ffff !important;
    }

    .my-pension-landing-payslips-table tbody {
        background-color: transparent;
        border: none
    }

    .accordion .my-pension-landing-payslips-table tr, .my-pension-landing-payslips-table tr {
        border-bottom: 1px solid #2E5C99
    }

    .my-pension-landing-payslips-table th {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        color: #021B41;
        padding-bottom: 1.3rem;
        text-align: left;
        vertical-align: bottom
    }

        .my-pension-landing-payslips-table th:first-child {
            padding-left: 3rem
        }

        .my-pension-landing-payslips-table th:last-child {
            padding-right: 3rem
        }

    .my-pension-landing-payslips-table th {
        width: 16.5%
    }

        .my-pension-landing-payslips-table th:first-child {
            width: 34%
        }

    .my-pension-landing-payslips-table tbody td {
        color: #021B41;
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        position: relative;
        padding-top: 1.7rem;
        padding-bottom: 1.7rem;
        text-align: left;
        background-color: rgba(229,245,246,.4)
    }

        .my-pension-landing-payslips-table tbody td span {
            font-size: .9375rem
        }

        .my-pension-landing-payslips-table tbody td:first-child {
            padding-left: 3rem
        }

    .my-pension-landing-payslips-table td:last-child {
        padding-right: 3rem
    }

    .my-pension-landing-payslips-table tbody td:nth-child(1):before {
        display: none
    }

    .my-pension-landing-payslips-table tbody tr.light {
        display: none
    }

@media only screen and (min-width:0) and (max-width:719px) {
    .my-pension-landing-payslips-table {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        width: calc(100% + 48px)
    }

        .my-pension-landing-payslips-table tbody td {
            text-align: left;
            padding-left: 1.6rem;
            padding-top: 0;
            padding-bottom: 1.4rem;
            font-size: 1.125rem
        }

            .my-pension-landing-payslips-table tbody td:not(.download-link):before {
                content: attr(data-header);
                display: block;
                font-family: NotoSans-Regular;
                font-weight: 400;
                margin-bottom: .3125rem;
                position: relative;
                top: auto;
                left: auto;
                height: auto;
                width: auto;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                background: 0 0
            }

            .my-pension-landing-payslips-table tbody td:first-child {
                padding-top: 1.9rem;
                padding-left: 1.6rem
            }

            .my-pension-landing-payslips-table tbody td:last-child {
                padding-bottom: 2.7rem
            }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .my-pension-landing-payslips-table th:first-child {
        padding-left: 2.4rem
    }

    .my-pension-landing-payslips-table th:last-child {
        padding-right: 1.3rem
    }

    .my-pension-landing-payslips-table tbody td:first-child {
        padding-left: 2.4rem
    }

    .my-pension-landing-payslips-table tbody td:last-child {
        padding-right: 1.3rem
    }
}

@media only screen and (min-width:1024px) {
    .my-pension-landing-payslips-table th {
        width: 18.5%
    }

        .my-pension-landing-payslips-table th:first-child {
            width: 26%
        }
}

.accordion {
    background-color: transparent;
    border-radius: 10px;
    padding-top: .75rem;
    margin-bottom: .75rem
}

    .accordion .accordion-item {
        border-radius: 10px;
        border: solid 1px rgba(0,45,89,.12);
        background-color: #fff;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
        margin-bottom: 1.25rem
    }

    .accordion.accordion-multiple .accordion-item {
        margin-bottom: 1.875rem
    }

.accordion-item:first-child > :first-child {
    border-radius: 10px 10px 0 0
}

.accordion .accordion-item:last-child:not(.is-active) > .accordion-title, .accordion .accordion-title {
    border: none;
    border-bottom: none;
    text-decoration: none;
    padding: 1.75rem 3.375rem 1.75rem 1.625rem;
    border-radius: 10px 10px 0 0
}

.accordion .accordion-item.is-active > .accordion-title {
    background-color: rgba(84,86,91,.05);
    border-bottom: solid 1px rgba(0,45,89,.12)
}

.accordion .accordion-item--primary.is-active > .accordion-title {
    background-color: rgb(202,225,239);
    border-color: #2E5C99
}

.accordion .accordion-item--clear.is-active > .accordion-title {
    background-color: #fff;
    border-color: transparent
}

.accordion .accordion-item--indented .accordion-title, .accordion .accordion-item.accordion-item--indented:last-child:not(.is-active) > .accordion-title {
    padding: 1.75rem 4rem 1.75rem 4rem
}

    .accordion .accordion-item--indented .accordion-title h3, .accordion .accordion-item.accordion-item--indented:last-child:not(.is-active) > .accordion-title h3 {
        font-size: 1.5rem
    }

.accordion .accordion-item--indented.is-active > .accordion-title h3 {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M4.95%2012.308l8.88-8.881%203.536%203.535-8.881%208.882zM7.9%2016.43l-4.42.89.88-4.43%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 31px 31px;
    background-position: center left;
    padding-left: 3rem
}

.accordion .accordion-title:focus, .accordion .accordion-title:hover {
    background-color: transparent
}

.accordion .accordion-title:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 18px;
    right: 1.75rem
}

.accordion .accordion-item--indented .accordion-title:before {
    right: 4.5rem
}

.accordion.icon-question-mark .accordion-item:last-child:not(.is-active) > .accordion-title, .accordion.icon-question-mark .accordion-title {
    padding-left: 4.125rem
}

    .accordion.icon-question-mark .accordion-title:after {
        content: '?';
        font-size: 1.25rem;
        background-color: #021B41;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 1.5rem;
        width: 1.75rem;
        height: 1.75rem;
        font-size: 1rem;
        line-height: 28px;
        font-family: NotoSans-Regular;
        font-weight: 400;
        display: inline-block;
        border-radius: 999px;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.accordion .accordion-item.is-active > .accordion-title:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
}

.accordion .accordion-title h3, .panel-internal .accordion .accordion-title h3 {
    margin-bottom: 0;
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.accordion.larger-heading .accordion-title h3, .panel-internal .accordion.larger-heading .accordion-title h3 {
    font-size: 1.5rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.accordion .accordion-content, .accordion .accordion-item:last-child > .accordion-content:last-child {
    border: none;
    border-bottom: none;
    padding: 1.75rem 6.25rem 1.75rem 2.75rem;
    color: #54565b;
    font-size: 1.125rem;
    line-height: 1.55;
    border-radius: 0 0 10px 10px
}

.accordion .accordion-item--indented .accordion-content, .accordion .accordion-item--indented .accordion-item:last-child > .accordion-content:last-child {
    padding: 1.75rem 4rem 1.75rem 4rem
}

@media only screen and (min-width:0) and (max-width:719px) {
    .accordion .accordion-item--indented .accordion-title h3, .accordion .accordion-item.accordion-item--indented:last-child:not(.is-active) > .accordion-title h3 {
        font-size: 1.3125rem
    }

    .accordion .accordion-item--indented .accordion-title:before {
        right: 1.75rem
    }

    .accordion .accordion-item--indented.is-active > .accordion-title h3 {
        background-size: 28px 28px;
        padding-left: 2.125rem
    }

    .accordion .accordion-item--indented .accordion-title, .accordion .accordion-item.accordion-item--indented:last-child:not(.is-active) > .accordion-title {
        padding: 1.75rem 3.375rem 1.75rem 1.375rem
    }

    .accordion .accordion-item--indented .accordion-content, .accordion .accordion-item--indented .accordion-item:last-child > .accordion-content:last-child {
        padding: 1.75rem 1.5rem 1.75rem 1.5rem
    }
}

.accordion.has-footer .accordion-content, .accordion.has-footer .accordion-item:last-child > .accordion-content:last-child {
    padding-bottom: 0
}

.accordion .accordion-content > h3, .accordion .accordion-content > h4, .accordion .accordion-content > h5 {
    margin-bottom: 1.125rem
}

.accordion .accordion-content h3:not(.h2) {
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.accordion .accordion-content h4 {
    font-size: 1.125rem;
    font-family: Noto Bold;
    font-weight: 400
}

.accordion .accordion-content h5 {
    font-size: 1.125rem
}

.accordion .accordion-content ol, .accordion .accordion-content ul {
    margin-bottom: 1.5rem
}

.accordion .accordion-content p {
    font-size: 1.125rem
}

.accordion .accordion-content blockquote {
    border-left: 4px solid #021B41;
    padding: .625rem 0 .0625rem .8125rem;
    color: #54565b;
    margin-bottom: 1.5rem
}

    .accordion .accordion-content blockquote p {
        color: #54565b
    }

    .accordion .accordion-content blockquote cite {
        color: #021B41;
        font-style: normal;
        font-size: 1.125rem;
        font-family: NotoSans-Regular;
        margin-bottom: 1.125rem
    }

        .accordion .accordion-content blockquote cite:before {
            content: ''
        }

        .accordion .accordion-content blockquote cite:before {
            content: ''
        }

.accordion .accordion-content ul {
    padding-top: .625rem;
    margin-bottom: 1.875rem;
    font-size: 1.125rem
}

.accordion .accordion-content ol {
    margin-left: 0;
    padding-top: .625rem;
    font-size: 1.125rem;
    counter-reset: section;
    list-style-type: none
}

.accordion .accordion-content ul li {
    margin-bottom: 1.25rem
}

.accordion .accordion-content ol li {
    padding-left: 1.875rem;
    margin-bottom: .625rem;
    counter-increment: section;
    position: relative
}

    .accordion .accordion-content ol li:before {
        content: counters(section, ".") ". ";
        position: absolute;
        top: 0;
        left: 0
    }

    .accordion .accordion-content ol li ol {
        padding-top: 0;
        margin-top: .625rem;
        margin-bottom: 1.25rem
    }

        .accordion .accordion-content ol li ol li {
            position: relative
        }

.accordion .accordion-content ul:not(.menu) li ul {
    list-style: none;
    margin-left: 0;
    padding-top: 0;
    margin-top: .625rem;
    margin-bottom: 1.25rem
}

    .accordion .accordion-content ul:not(.menu) li ul li {
        padding-left: 1.25rem;
        position: relative
    }

        .accordion .accordion-content ul:not(.menu) li ul li:before {
            content: '\2014';
            position: absolute;
            top: 0;
            left: 0
        }

.accordion .accordion-content .dash-bullet {
    list-style: none;
    margin-left: 0
}

    .accordion .accordion-content .dash-bullet li {
        padding-left: 1.25rem;
        position: relative
    }

        .accordion .accordion-content .dash-bullet li:before {
            content: '\2014';
            position: absolute;
            top: 0;
            left: 0
        }

.accordion .accordion-content ul.two-column-list {
    list-style: none;
    padding-left: 0
}

    .accordion .accordion-content ul.two-column-list h4 {
        color: #021B41;
        font-size: 1.25rem;
        font-family: Noto Bold;
        font-weight: 400
    }

    .accordion .accordion-content ul.two-column-list p {
        color: #54565b;
        font-size: 1.125rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

.accordion .accordion-content .download-link-list {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

    .accordion .accordion-content .download-link-list dd, .accordion .accordion-content .download-link-list dt {
        border-bottom: 1px solid rgba(0,45,89,.3);
        padding: .625rem 0 .625rem 0;
        line-height: 1.25
    }

    .accordion .accordion-content .download-link-list dt {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem;
        margin-bottom: 0
    }

    .accordion .accordion-content .download-link-list dd {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem
    }

        .accordion .accordion-content .download-link-list dd a {
            display: block;
            text-decoration: none;
            color: #54565b;
            padding-left: .125rem;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat;
            background-size: 18px 18px;
            background-position: center right
        }

            .accordion .accordion-content .download-link-list dd a:hover {
                color: #021B41
            }

.accordion .menu.rating li:before {
    display: none
}

.accordion .menu.rating li, .menu.rating li, .menu.simple.rating li + li {
    padding-left: 0;
    margin-left: 0
}

.accordion table {
    margin-bottom: 1.75rem
}

.accordion table, .accordion tbody, .accordion tfoot, .accordion thead {
    border: none;
    font-size: 1rem
}

.accordion thead {
    background-color: transparent
}

.accordion tr {
    border-bottom: 1px solid #b2c0cd;
    background-color: transparent
}

.accordion .accordion-content .footer {
    border-top: solid 1px rgba(0,45,89,.12);
    margin-top: 2.25rem;
    margin-left: -2.75rem;
    margin-right: -6.25rem;
    padding: 1rem 1.875rem 1rem 1.75rem;
    border-radius: 0 0 10px 10px;
    color: #021B41;
    font-size: 1rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

    .accordion .accordion-content .footer p {
        margin-bottom: 0
    }

    .accordion .accordion-content .footer .menu li, .menu.rating li {
        margin-left: 0
    }

        .accordion .accordion-content .footer .menu li:first-child a, .menu.rating li:first-child a {
            border-right: 1px solid rgba(0,45,89,.3);
            padding-left: 0;
            padding-right: .625rem
        }

        .accordion .accordion-content .footer .menu li:last-child a, .menu.rating li:last-child a {
            padding-left: .625rem;
            padding-right: 0
        }

        .accordion .accordion-content .footer .menu a, .menu.rating li a {
            font-size: 1rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            line-height: 1.5
        }

            .accordion .accordion-content .footer .menu a:hover, .menu.rating li a:hover {
                text-decoration: underline
            }

.accordion.accordion--content-main .accordion-title {
    border-radius: 18px
}

.accordion.accordion--content-main .accordion-item.is-active > .accordion-title {
    background-color: #021B41;
    color: #fff;
    border-radius: 18px 18px 0 0
}

.accordion.accordion--content-main, .accordion.accordion--content-main .accordion-item {
    border-radius: 18px
}

    .accordion.accordion--content-main .accordion-title h3 {
        font-size: 1.75rem;
        color: #fff
    }

        .accordion.accordion--content-main .accordion-title h3 span.transaction-count {
            color: #2E5C99;
            font-family: NotoSans-Regular;
            font-weight: 400;
            margin-left: .625rem
        }

    .accordion.accordion--content-main .accordion-title:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .accordion.accordion--content-main .accordion-item.is-active > .accordion-title:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .accordion.accordion--content-main .accordion-content, .accordion.accordion--content-main .accordion-item:last-child > .accordion-content:last-child {
        padding: 1.75rem 2.75rem 2rem 2.75rem;
        border-radius: 18px;
        color: #021B41
    }

    .accordion.accordion--content-main .accordion-item:last-child:not(.is-active) > .accordion-title, .accordion.accordion--content-main .accordion-title {
        padding: 1.75rem 2.75rem 2rem 2.75rem;
        border-radius: 18px;
        background-color: #021B41;
        color: #fff
    }

    .accordion.accordion--content-main .accordion-content p {
        font-size: 1rem;
        margin-bottom: 0
    }

.accordion.accordion--seafoam-blue .accordion-item.is-active .accordion-title {
    background-color: #B6ADA5;
    border-color: #2E5C99
}

.accordion.accordion--seafoam-blue .accordion-item.is-active .accordion-content {
    background-color: #B6ADA5;
    color: #021B41
}

    .accordion.accordion--seafoam-blue .accordion-item.is-active .accordion-content h3 {
        font-family: NotoSans-Regular;
        font-weight: 400;
        color: #021B41;
        margin-bottom: .625rem
    }

    .accordion.accordion--seafoam-blue .accordion-item.is-active .accordion-content p {
        margin-bottom: 1.3125rem
    }

.accordion.accordion--seafoam-blue .accordion-item.is-active {
    border-color: #2E5C99
}

@media only screen and (max-width:414px) {
    .accordion .accordion-content, .accordion .accordion-item:last-child > .accordion-content:last-child {
        padding: 1.75rem 1.625rem 1.75rem 1.625rem;
        font-size: 1rem;
        line-height: 1.55
    }

        .accordion .accordion-content > h3, .accordion .accordion-content > h4, .accordion .accordion-content > h5 {
            margin-bottom: 1rem
        }

        .accordion .accordion-content blockquote cite {
            font-size: 1rem
        }

    .accordion table, .accordion tbody, .accordion tfoot, .accordion thead {
        font-size: .9375rem
    }

    .accordion .accordion-content p {
        font-size: 1rem
    }

    .accordion .accordion-title h3 {
        font-size: 1rem
    }

    .accordion .accordion-content h3:not(.h2) {
        font-size: 1rem
    }

    .accordion.accordion--content-main .accordion-content, .accordion.accordion--content-main .accordion-item:last-child > .accordion-content:last-child {
        padding: 1.75rem 1rem 2rem 1rem
    }

    .accordion.accordion--content-main .accordion-title h3 {
        font-size: 1.25rem
    }

    .accordion.accordion--content-main .accordion-item:last-child:not(.is-active) > .accordion-title, .accordion.accordion--content-main .accordion-title {
        padding: .9375rem 3.125rem 1.25rem 1.25rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .accordion .accordion-content, .accordion .accordion-item:last-child > .accordion-content:last-child {
        padding: 1.75rem 1.625rem 1.75rem 1.625rem;
        font-size: 1rem;
        line-height: 1.55
    }

        .accordion .accordion-content > h3, .accordion .accordion-content > h4, .accordion .accordion-content > h5 {
            margin-bottom: 1rem
        }

        .accordion .accordion-content blockquote cite {
            font-size: 1rem
        }

    .accordion table, .accordion tbody, .accordion tfoot, .accordion thead {
        font-size: .9375rem
    }

    .accordion .accordion-content p {
        font-size: 1rem
    }

    .accordion .accordion-title h3 {
        font-size: 1rem
    }

    .accordion .accordion-content h3:not(.h2) {
        font-size: 1rem
    }

    .accordion.accordion--content-main .accordion-content, .accordion.accordion--content-main .accordion-item:last-child > .accordion-content:last-child {
        padding: 1.75rem 1rem 2rem 1rem
    }

    .accordion.accordion--content-main .accordion-title h3 {
        font-size: 1.25rem
    }

    .accordion.accordion--content-main .accordion-item:last-child:not(.is-active) > .accordion-title, .accordion.accordion--content-main .accordion-title {
        padding: .9375rem 3.125rem 1.25rem 1.25rem
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .accordion .accordion-content, .accordion .accordion-item:last-child > .accordion-content:last-child {
        padding: 1.75rem 1.625rem 1.75rem 1.625rem
    }
}

@media only screen and (min-width:1024px) {
    .accordion .accordion-item--primary > .accordion-title:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .accordion .accordion-item--primary.accordion-item.is-active > .accordion-title:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .accordion .accordion-item--primary {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .accordion .accordion-item--primary > a.accordion-title h3 {
            font-family: NotoSans-Regular;
            font-weight: 400
        }

        .accordion .accordion-item--primary.accordion-item:last-child:not(.is-active) > .accordion-title, .accordion .accordion-item--primary > a.accordion-title {
            width: 30%;
            border: solid 1px rgba(0,45,89,.12);
            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
            border-radius: 10px
        }

        .accordion .accordion-item--primary:last-child > .accordion-content:last-child, .accordion .accordion-item--primary > .accordion-content {
            position: absolute;
            top: 0;
            left: 40%;
            width: 60%;
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 10px;
            margin-left: 0;
            padding-top: 0;
            padding-left: 0;
            padding-right: 0
        }

    .accordion-container {
        position: relative
    }
}

section.dashboard {
    padding-top: 1rem
}

.dashboard-sub-header {
    padding-top: .75rem;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0
}

    .dashboard-sub-header h3 {
        font-size: 1rem;
        margin-bottom: 0
    }

    .dashboard-sub-header .signed-in-name {
        margin-right: .625rem
    }

    .dashboard-sub-header p.signed-in-time {
        font-size: .875rem;
        color: rgba(84,86,91,.7);
        font-family: NotoSans-Regular;
        font-weight: 400;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23002d59%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.667%204.444V2.667a2.668%202.668%200%2000-5.334%200v1.777H0v6.223h8V4.444H6.667zm-4.445%200V2.667c0-.98.798-1.778%201.778-1.778s1.778.797%201.778%201.778v1.777H2.222z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 8px 11px;
        padding-left: .875rem;
        margin-bottom: 0
    }

    .dashboard-sub-header .button {
        margin-bottom: 0
    }

.accordion.member-id-dropdown {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 300px
}

    .accordion.member-id-dropdown .accordion-item:last-child:not(.is-active) > .accordion-title, .accordion.member-id-dropdown .accordion-title {
        background-color: #B6ADA5;
        border: 1px solid grey;
        border-radius: 10px;
        text-align: left;
        padding: 1.1875rem 3.375rem 1.1875rem 1.625rem
    }

        .accordion.member-id-dropdown .accordion-title h4 {
            font-size: .9375rem;
            font-family: Noto Bold;
            font-weight: 400;
            margin-bottom: 0;
            color: black;
        }

            .accordion.member-id-dropdown .accordion-title h4 strong {
                font-size: 1.125rem;
                font-family: Noto Bold;
                font-weight: 400;
                margin-left: 10px
            }

    .accordion.member-id-dropdown .accordion-item {
        margin-bottom: 0;
        position: relative;
        border: none
    }

        .accordion.member-id-dropdown .accordion-item.is-active {
            border-radius: 10px 10px 0 0
        }

            .accordion.member-id-dropdown .accordion-item.is-active .accordion-item:last-child:not(.is-active) > .accordion-title, .accordion.member-id-dropdown .accordion-item.is-active .accordion-title {
                background-color: #B6ADA5;
                border: 1px solid grey;
                border-radius: 10px 10px 0 0
            }

        .accordion.member-id-dropdown .accordion-content, .accordion.member-id-dropdown .accordion-item:last-child > .accordion-content:last-child {
            position: absolute;
            top: 62px;
            left: 0;
            right: 0;
            z-index: 10;
            padding: 1.625rem 1.625rem 1.625rem 1.625rem
        }

        .accordion.member-id-dropdown .accordion-item.is-active .accordion-content {
            background-color: #fff;
            color: #021B41;
            border: 1px solid grey;
            border-top: none;
            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
            text-align: left
        }

    .accordion.member-id-dropdown .accordion-content .button {
        margin-left: 0;
        margin-right: 0;
        width: auto
    }

    .accordion.member-id-dropdown .accordion-content hr {
        border-color: grey;
        margin-left: -1.625rem;
        margin-right: -1.625rem;
        margin-top: 1.625rem;
        margin-bottom: 1.625rem
    }

    .accordion.member-id-dropdown .accordion-content dt {
        font-size: .9375rem;
        margin-bottom: 0;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .accordion.member-id-dropdown .accordion-content dd {
        font-size: .9375rem
    }

    .accordion.member-id-dropdown .member-id-columns .column, .accordion.member-id-dropdown .member-id-columns .columns {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
        background-repeat: repeat-y;
        background-size: 2px 105px;
        background-position: top left
    }

        .accordion.member-id-dropdown .member-id-columns .column:first-child, .accordion.member-id-dropdown .member-id-columns .columns:first-child {
            background-image: none
        }

.dashboard-welcome-panel, .panel-internal.dashboard-welcome-panel {
    padding: 3rem 3rem 3rem 3rem;
    background-image: url();
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%;
    margin-top: 1.5rem
}

    .dashboard-welcome-panel.dashboard-welcome-panel--tree-bg, .panel-internal.dashboard-welcome-panel.dashboard-welcome-panel--tree-bg {
        background-image: url()
    }

.my-pension-landing-panel .target-pension-age-change-heading {
    position: relative;
    padding-right: 4.625rem
}

.my-pension-landing-panel .target-pension-age-change {
    position: absolute;
    top: .4rem;
    right: -5px
}

.dashboard-welcome-panel .target-pension-age-change, .my-pension-landing-panel .target-pension-age-change {
    font-size: 1rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-left: 5px
}

.dashboard-welcome-panel .column:last-child, .dashboard-welcome-panel .columns:last-child {
    padding-top: 1.5rem;
    padding-left: 1.5rem
}

.dashboard-welcome-panel h2 {
    font-size: 2rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.dashboard-welcome-panel .notification p {
    font-size: 1.0625rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.dashboard-welcome-panel .notification strong {
    font-family: NotoSans-Regular;
    font-weight: 400
}

.dashboard-welcome-panel .target-pension-age-panel .column:last-child, .dashboard-welcome-panel .target-pension-age-panel .columns:last-child, .my-pension-landing-panel .target-pension-age-panel .column:last-child, .my-pension-landing-panel .target-pension-age-panel .columns:last-child {
    padding-top: 0;
    padding-left: 2rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
    background-repeat: repeat-y;
    background-size: 2px 105px;
    background-position: top left
}

.dashboard-welcome-panel .target-pension-age-panel p, .my-pension-landing-panel .target-pension-age-panel p {
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: .75rem
}

.dashboard-welcome-panel .target-pension-age-panel .number, .my-pension-landing-panel .target-pension-age-panel .number {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 0
}

.dashboard-money-bag-icon {
    min-height: 5rem;
    padding-right: 5rem;
    background-image: url(../img/money-bag-document.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 5rem 5rem;
    padding-top: .25rem;
    padding-bottom: 1rem
}

.dashboard-wallet-icon {
    min-height: 5rem;
    padding-right: 5rem;
    background-image: url(../img/wallet-coins.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 5rem 5rem;
    padding-top: .25rem;
    padding-bottom: 1rem
}

.dashboard-location-icon {
    min-height: 5rem;
    padding-right: 5rem;
    background-image: url(../img/home-location-marker.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 5rem 3.75rem;
    padding-top: .25rem;
    padding-bottom: 1rem
}

@media only screen and (min-width:0) and (max-width:414px) {
    .dashboard-money-bag-icon {
        min-height: 3.4375rem;
        padding-right: 3.4375rem;
        background-size: 3.4375rem 3.4375rem
    }

    .dashboard-wallet-icon {
        min-height: 3.4375rem;
        padding-right: 3.4375rem;
        background-size: 3.4375rem 3.4375rem
    }

    .dashboard-location-icon {
        min-height: 3.4375rem;
        padding-right: 3.4375rem;
        background-size: 3.4375rem 3.4375rem
    }

    .my-pension-landing-panel .target-pension-age-change-heading {
        padding-right: 0
    }

    .my-pension-landing-panel .target-pension-age-change {
        display: block;
        margin-top: 5px;
        margin-left: 0;
        position: relative;
        top: auto;
        right: auto
    }
}

section.dashboard .callout.notification p a {
    font-family: NotoSans-Regular;
    font-weight: 400
}

section.dashboard .callout.notification p {
    font-size: 1.0625rem
}

section.dashboard .callout.notification.smaller p {
    font-size: 1rem
}

section.dashboard .callout.notification.smaller {
    padding-top: .8125rem;
    padding-bottom: .8125rem;
    padding-left: 3.75rem;
    padding-right: 3.4375rem
}

    section.dashboard .callout.notification.smaller:after {
        left: .875rem;
        top: .4375rem
    }

section.dashboard .left-image {
    max-width: 200px
}

section.dashboard .column-group p {
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 1.35
}

section.dashboard .column-group .large-number {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.2
}

    section.dashboard .column-group .large-number span {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem
    }

section.dashboard .column-group .mid-large-number {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 2.25rem
}

section.dashboard .column-group .mid-number {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.75rem
}

section.dashboard .column-group p strong {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.0625rem
}

.actions-panel h3 {
    padding-right: 105px
}

.actions-panel.actions-icon {
    background-repeat: no-repeat;
    background-position: top 20px right 55px;
    background-size: 5rem 5rem
}

.actions-panel.actions-icon-laptop {
    background-image: url(../img/laptop.svg)
}

.actions-panel.actions-icon-folder {
    background-image: url(../img/folder-chip.svg)
}

.actions-panel.actions-icon-clock {
    background-image: url(../img/clock-rewind.svg)
}

.actions-panel.actions-icon-spin-person {
    background-image: url(../img/icon-spin-person.svg)
}

section.dashboard .panel-clear {
    border: none;
    background-color: transparent;
    background-image: url(../img/clock-rewind-grey.svg);
    background-repeat: no-repeat;
    background-position: top 20px left 10px;
    background-size: 5rem 5rem;
    padding-top: 8.125rem;
    padding-left: 0;
    padding-right: 0;
    color: #54565b
}

    section.dashboard .panel-clear h3 {
        color: #54565b
    }

    section.dashboard .panel-clear p {
        color: #54565b;
        font-size: 1.0625rem
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .dashboard-sub-header .flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .dashboard-sub-header .flex-child-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 1rem
    }

    .dashboard-sub-header .button {
        margin-left: .5rem;
        margin-right: .5rem;
        width: calc(100% - 16px)
    }

    .accordion.member-id-dropdown .member-id-columns .column, .accordion.member-id-dropdown .member-id-columns .columns {
        background-image: none;
        padding-left: .5rem
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .dashboard-sub-header .signed-in-name {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .accordion.member-id-dropdown {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .dashboard-welcome-panel, .panel-internal.dashboard-welcome-panel {
        padding: 1.5rem 1.5rem 2.5rem 1.5rem
    }

        .dashboard-welcome-panel h2 {
            font-size: 1.5rem
        }

        .dashboard-welcome-panel .column:last-child, .dashboard-welcome-panel .columns:last-child {
            padding-left: .5rem
        }

    .actions-panel h3 {
        padding-right: 70px
    }

    .actions-panel.actions-icon {
        background-position: top 20px right 20px;
        background-size: 3.75rem 3.75rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .accordion.member-id-dropdown .member-id-columns .column, .accordion.member-id-dropdown .member-id-columns .columns {
        padding-left: 1rem;
        padding-right: 1rem
    }

        .accordion.member-id-dropdown .member-id-columns .column:first-child, .accordion.member-id-dropdown .member-id-columns .columns:first-child {
            padding-left: .5rem
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .actions-panel h3 {
        padding-right: 75px
    }

    .actions-panel.actions-icon {
        background-position: top 20px right 25px;
        background-size: 4.0625rem 4.0625rem
    }
}

@media only screen and (min-width:720px) {
    section.dashboard .column-group .column:first-child, section.dashboard .column-group .columns:first-child {
        padding-right: .8125rem
    }

    section.dashboard .column-group .column:last-child, section.dashboard .column-group .columns:last-child {
        padding-left: .8125rem
    }

    section.dashboard .column-group .column:not(:first-child):not(:last-child), section.dashboard .column-group .columns:not(:first-child):not(:last-child) {
        padding-left: .8125rem;
        padding-right: .8125rem
    }

    .dashboard-welcome-panel, .panel-internal.dashboard-welcome-panel {
        background-size: 75%
    }
}

@media only screen and (min-width:1024px) {
    .dashboard-welcome-panel .column:last-child, .dashboard-welcome-panel .columns:last-child {
        padding-left: 2.5rem
    }

    .dashboard-welcome-panel, .panel-internal.dashboard-welcome-panel {
        background-size: 65%
    }
}

.list-panel {
    height: calc(100% - 32px)
}

    .document-list-item .strapline, .list-panel .strapline {
        color: #54565b
    }

.document-list-item .strapline {
    font-family: NotoSans-Regular;
    font-weight: 400
}

.list-panel-landing {
    height: 100%
}

    .list-panel-landing > .row {
        height: calc(100% - 32px)
    }

    .list-panel-landing .strapline {
        color: #54565b
    }

.document-list-item .list-panel-item hr, .list-panel .list-panel-item hr {
    border-color: rgba(0,45,89,.3)
}

.list-panel-items .list-panel-item:last-child hr {
    display: none
}

.document-list-items .document-list-item:last-child hr {
    display: none
}

.document-list-item h4, .list-panel .list-panel-item h4 {
    font-family: Noto Bold;
    font-weight: 400;
    margin-top: .5rem;
    font-size: 1.25rem
}

.document-list-item p, .list-panel .list-panel-item p {
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-bottom: .5rem
}

    .document-list-item p.date, .document-list-item span, .list-panel .list-panel-item p.date, .list-panel .list-panel-item span {
        color: #54565b
    }

    .document-list-item p.date, .document-list-item p.reference, .list-panel .list-panel-item p.date, .list-panel .list-panel-item p.reference {
        margin-bottom: 0
    }

.document-list-item .tag.light-blue, .panel-internal .document-list-item .tag.light-blue {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1rem
}

.panel-internal .document-list-item .tag.light-blue {
    margin-right: .5rem;
    margin-bottom: .5rem
}

.document-list-item .items {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: .875rem;
    color: #54565b
}

.document-list-item .folder-column {
    min-width: 100px
}

@media only screen and (min-width:0) and (max-width:719px) {
    .document-list-item .folder-column {
        min-width: 56px
    }
}

.list-panel .folder {
    background-image: url(../img/folder-chip.svg);
    background-position: center;
    background-size: 3.75rem 3.75rem;
    background-repeat: no-repeat;
    width: 3.75rem;
    height: 3.75rem;
    position: relative;
    margin-top: -3px
}

.list-panel .document {
    background-image: url(../img/files.svg);
    background-position: center;
    background-size: 3.75rem 4.375rem;
    background-repeat: no-repeat;
    width: 3.125rem;
    height: 3.75rem;
    position: relative;
    margin-top: -3px
}

.list-panel-3-people, .list-panel-activity, .list-panel-arrows-currency-symbol, .list-panel-book-info, .list-panel-calendar, .list-panel-chart, .list-panel-clock-rewind, .list-panel-documents-tray, .list-panel-laptop-info, .list-panel-location-marker, .list-panel-money-bag-document, .list-panel-moneybag-calculator, .list-panel-moneybags, .list-panel-p60-document, .list-panel-paperclip, .list-panel-person-bubble-shapes, .list-panel-piggy-bank-coin, .list-panel-piggy-bank-small-coin, .list-panel-plant-pot, .list-panel-shield-currency, .list-panel-shield-security, .list-panel-signpost, .list-panel-sliders, .list-panel-sliders-large, .list-panel-speech-bubbles, .list-panel-spin-person, .list-panel-stacked-documents, .list-panel-wallet-coins, .list-panel-useful-links, .list-panel-faqs {
    background-position: top 28px right 36px;
    background-size: 3.75rem 4.375rem;
    background-repeat: no-repeat
}

.list-panel-spin-person {
    background-position: top 28px right 36px;
    background-size: 3.4375rem 3.4375rem
}

.header-image-support .row {
    background-image: url(../img/header-image-support.png)
}

.header-image .row {
    background-repeat: no-repeat;
    background-position: top left 100%;
    background-size: 603px 350px
}

.header-image .row {
    height: 350px
}

@media only screen and (max-width:414px) {
    .header-image-au-about-us .row, .header-image-au-careers .row, .header-image-au-contact-us .row, .header-image-au-home .row, .header-image-au-how-we-invest .row, .header-image-au-regulatory-reporting .row, .header-image-au-sustainable-investment .row, .header-image-contact-us .row, .header-image-ifa .row, .header-image-in-retirement .row, .header-image-preparing-for-retirement .row, .header-image-support .row, .header-image-your-btps-pension .row {
        background-image: none
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .header-image-au-about-us .row, .header-image-au-careers .row, .header-image-au-contact-us .row, .header-image-au-home .row, .header-image-au-how-we-invest .row, .header-image-au-regulatory-reporting .row, .header-image-au-sustainable-investment .row, .header-image-contact-us .row, .header-image-ifa .row, .header-image-in-retirement .row, .header-image-preparing-for-retirement .row, .header-image-support .row, .header-image-your-btps-pension .row {
        background-image: none
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .xlarge-sub-header.header-image .row {
        background-size: 617px 510px;
        height: 510px
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .header-image-au-home h2 {
        font-size: 2rem
    }

    .xlarge-sub-header.header-image .row {
        background-repeat: no-repeat;
        background-position: top left 100%;
        background-size: 423px 350px;
        height: 350px
    }
}

@media only screen and (min-width:720px) and (max-width:900px) {
    .header-image .row {
        background-position: top left 44vw
    }
}

@media only screen and (min-width:901px) and (max-width:1023px) {
    .header-image .row {
        background-position: top left 44vw
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .list-panel-3-people, .list-panel-activity, .list-panel-arrows-currency-symbol, .list-panel-book-info, .list-panel-calendar, .list-panel-chart, .list-panel-clock-rewind, .list-panel-documents-tray, .list-panel-laptop-info, .list-panel-location-marker, .list-panel-money-bag-document, .list-panel-moneybag-calculator, .list-panel-moneybags, .list-panel-p60-document, .list-panel-paperclip, .list-panel-person-bubble-shapes, .list-panel-piggy-bank-coin, .list-panel-piggy-bank-small-coin, .list-panel-plant-pot, .list-panel-shield-currency, .list-panel-shield-security, .list-panel-signpost, .list-panel-sliders, .list-panel-sliders-large, .list-panel-speech-bubbles, .list-panel-spin-person, .list-panel-stacked-documents, .list-panel-wallet-coins, .list-panel-useful-links, .list-panel-faqs {
        background-position: top 24px right 24px;
        background-size: 3.75rem 4.375rem;
        background-repeat: no-repeat
    }
}

@media only screen and (min-width:1024px) {
    .list-panel-3-people.wide-panel-xlarge, .list-panel-activity.wide-panel-xlarge, .list-panel-arrows-currency-symbol.wide-panel-xlarge, .list-panel-book-info.wide-panel-xlarge, .list-panel-calendar.wide-panel-xlarge, .list-panel-chart.wide-panel-xlarge, .list-panel-clock-rewind.wide-panel-xlarge, .list-panel-documents-tray.wide-panel-xlarge, .list-panel-laptop-info.wide-panel-xlarge, .list-panel-location-marker.wide-panel-xlarge, .list-panel-money-bag-document.wide-panel-xlarge, .list-panel-moneybag-calculator.wide-panel-xlarge, .list-panel-moneybags.wide-panel-xlarge, .list-panel-p60-document.wide-panel-xlarge, .list-panel-paperclip.wide-panel-xlarge, .list-panel-person-bubble-shapes.wide-panel-xlarge, .list-panel-piggy-bank-coin.wide-panel-xlarge, .list-panel-piggy-bank-small-coin.wide-panel-xlarge, .list-panel-plant-pot.wide-panel-xlarge, .list-panel-shield-currency.wide-panel-xlarge, .list-panel-shield-security.wide-panel-xlarge, .list-panel-signpost.wide-panel-xlarge, .list-panel-sliders-large.wide-panel-xlarge, .list-panel-sliders.wide-panel-xlarge, .list-panel-speech-bubbles.wide-panel-xlarge, .list-panel-spin-person.wide-panel-xlarge, .list-panel-stacked-documents.wide-panel-xlarge, .list-panel-wallet-coins.wide-panel-xlarge {
        background-position: top 40px left 32px
    }
}

.list-panel-money-bag-document {
    background-image: url(../img/money-bag-document.svg)
}

.list-panel-p60-document {
    background-image: url(../img/p-60.svg)
}

.list-panel-location-marker {
    background-image: url(../img/home-location-marker.svg)
}

.list-panel-stacked-documents {
    background-image: url(../img/icon-stacked-documents.svg)
}

.list-panel-documents-tray {
    background-image: url(../img/icon-documents-tray.svg)
}

.icon-panel-activity {
    background-image: url(../img/icon-activity.svg)
}

.icon-panel {
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 50px 50px;
    padding-left: 4.75rem;
    border-bottom: 1px solid #eeefef;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    padding-top: .25rem;
    padding-bottom: .375rem
}

    .icon-panel:last-of-type {
        border-bottom: none
    }

.list-panel-paperclip {
    background-image: url(../img/paperclip.svg)
}

.list-panel-book-info {
    background-image: url(../img/icon-book-info.svg)
}

.list-panel-speech-bubbles {
    background-image: url(../img/icon-two-speech-bubbles.svg)
}

.list-panel-faqs {
    background-image: url(../img/icon-speech-bubbles-qmark.svg);
}

.list-panel-useful-links {
    background-image: url(../img/icon-paperclip.svg)
}

.list-panel-piggy-bank-coin {
    background-image: url(../img/icon-piggy-bank-coin.svg)
}

.list-panel-piggy-bank-small-coin {
    background-image: url(../img/icon-piggy-bank-small-coin.svg)
}

.list-panel-spin-person {
    background-image: url(../img/icon-spin-person.svg)
}

.list-panel-moneybags {
    background-image: url(../img/icon-moneybags.svg)
}

.list-panel-moneybag-calculator {
    background-image: url(../img/icon-moneybag-calculator.svg)
}

.list-panel-sliders {
    background-image: url(../img/icon-sliders.svg)
}

.list-panel-sliders-large {
    background-image: url(../img/icon-sliders-large.svg)
}

.list-panel-calendar {
    background-image: url(../img/icon-calendar.svg)
}

.list-panel-signpost {
    background-image: url(../img/icon-signpost.svg)
}

.list-panel-clock-rewind {
    background-image: url(../img/clock-rewind.svg)
}

.list-panel-arrows-currency-symbol {
    background-image: url(../img/icon-arrows-currency-symbol.svg)
}

.list-panel-laptop-info {
    background-image: url(../img/icon-laptop-info.svg)
}

.list-panel-3-people {
    background-image: url(../img/icon-3-people.svg)
}

.list-panel-wallet-coins {
    background-image: url(../img/wallet-coins.svg)
}

.list-panel-shield-currency {
    background-image: url(../img/icon-shield-currency.svg)
}

.list-panel-shield-security {
    background-image: url(../img/icon-shield-security.svg)
}

.list-panel-person-bubble-shapes {
    background-image: url(../img/icon-person-bubble-shapes.svg)
}

.list-panel-plant-pot {
    background-image: url(../img/icon-plant-pot.svg)
}

.list-panel-chart {
    background-image: url(../img/icon-chart.svg)
}


.list-panel-right-alignment {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 3.75rem;
    min-height: 100%;
}

.display-right-alignment {
    display: flex;
    flex-direction: row;
}

.display-block-padding {
    padding-left: 30px;
    padding-bottom: 20px;
}

.column-display-flex {
    display: flex;
}

.column-display-align-end {
    align-content: end;
    margin: 0px !important;
    padding: 0px !important;
}

.document-list-item .folder span, .list-panel .folder span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    line-height: 1.4375rem;
    border-radius: 999px;
    background-color: #e9f4ff;
    display: block;
    text-align: center;
    font-family: NotoSans-Regular;
    font-weight: 400;
    color: #021B41;
    font-size: .8125rem
}

.document-list-item .divider.column, .document-list-item .divider.columns, .list-panel .divider.column, .list-panel .divider.columns {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
    background-repeat: repeat-y;
    background-size: 2px 105px;
    background-position: top left
}

.document-list-item .folder {
    background-image: url(../img/folder-chip.svg);
    background-position: center;
    background-size: 4.375rem 4.375rem;
    background-repeat: no-repeat;
    width: 4.375rem;
    height: 4.375rem;
    position: relative;
    margin-top: -3px
}

.document-list-item .document {
    background-image: url(../img/files.svg);
    background-position: center;
    background-size: 4.375rem 4.75rem;
    background-repeat: no-repeat;
    width: 3.75rem;
    height: 4.0625rem;
    position: relative;
    margin-top: 5px
}

@media only screen and (min-width:0) and (max-width:719px) {
    .document-list-item .folder {
        background-image: url(../img/folder-chip.svg);
        background-position: center;
        background-size: 2.5rem 2.5rem;
        background-repeat: no-repeat;
        width: 2.5rem;
        height: 2.5rem;
        position: relative;
        margin-top: -3px
    }

    .document-list-item .document {
        background-image: url(../img/files.svg);
        background-position: center;
        background-size: 2.5rem 3.25rem;
        background-repeat: no-repeat;
        width: 2.3125rem;
        height: 2.75rem;
        position: relative;
        margin-top: 1px
    }
}

.document-list-item h3 a {
    text-decoration: none
}

    .document-list-item h3 a.documents-open-panel {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 1rem .875rem;
        background-position: center right 20px;
        background-repeat: no-repeat;
        padding-right: 3.125rem
    }

    .document-list-item h3 a.documents-close-panel {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 1rem .875rem;
        background-position: center right 20px;
        background-repeat: no-repeat;
        padding-right: 3.125rem
    }

.document-sub-item hr {
    border-bottom: 1px dashed rgba(0,45,89,.3)
}

.document-sub-items .document-sub-item:last-child hr {
    border-bottom: 1px dashed transparent
}

.document-sub-item p {
    font-family: NotoSans-Regular;
    font-weight: 400;
    color: #54565b;
    margin-bottom: 0
}

.document-sub-item .document-icon {
    background-image: url(../img/icon-pdf.svg);
    background-position: center;
    background-size: 2.875rem 2.875rem;
    background-repeat: no-repeat;
    width: 2.875rem;
    height: 2.875rem;
    position: relative;
    margin-top: -3px;
    margin-right: 5px
}

.my-documents-p60-table-wrapper, .my-documents-payslips-table-wrapper {
    margin-bottom: 1.5rem
}

    .my-documents-p60-table-wrapper .date-range-select-wrapper > .row, .my-documents-payslips-table-wrapper .date-range-select-wrapper > .row {
        margin-left: 0
    }

table.dataTable.seafoam-borders.my-documents-p60-table thead th, table.dataTable.seafoam-borders.my-documents-payslips-table thead th {
    font-size: 1rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

table.dataTable.seafoam-borders.my-documents-p60-table tbody td, table.dataTable.seafoam-borders.my-documents-payslips-table tbody td {
    font-size: 1.125rem
}

    table.dataTable.seafoam-borders.my-documents-p60-table tbody td:last-child, table.dataTable.seafoam-borders.my-documents-payslips-table tbody td:last-child {
        text-align: right
    }

table.dataTable.seafoam-borders.my-documents-p60-table thead th:first-child, table.dataTable.seafoam-borders.my-documents-payslips-table thead th:first-child {
    min-width: 120px !important
}

table.dataTable.seafoam-borders.my-documents-p60-table thead th:last-child, table.dataTable.seafoam-borders.my-documents-payslips-table thead th:last-child {
    width: 100px !important
}

.my-documents-top-panel {
    background-color: #021B41;
    color: #fff
}

    .my-documents-top-panel p {
        color: #fff;
        margin-bottom: .25rem
    }

    .my-documents-top-panel h3, .panel-internal.dark.my-documents-top-panel h3 {
        color: #fff;
        margin-bottom: 0
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .document-list-item .divider.column, .document-list-item .divider.columns {
        background-image: none
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .list-panel .tag {
        margin-top: 1rem
    }

    .list-panel .list-panel-item p.reference {
        margin-right: 5px
    }

    .my-documents-top-panel .row .column, .my-documents-top-panel .row .columns {
        padding-left: 0
    }

        .my-documents-top-panel .row .column:last-child, .my-documents-top-panel .row .columns:last-child {
            border-left: none;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
            background-repeat: repeat-x;
            background-size: 105px 2px;
            background-position: top left;
            padding-top: 1.5rem;
            margin-top: 1.5rem;
            margin-bottom: 0
        }

    .my-documents-p60-table-wrapper .button.icon-download-arrow.icon-left, .my-documents-payslips-table-wrapper .button.icon-download-arrow.icon-left {
        max-width: 1.875rem;
        color: transparent;
        font-size: 1px;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        padding-left: 10px;
        padding-right: 10px;
        background-position: center
    }

    table.dataTable.seafoam-borders.my-documents-p60-table thead th:last-child, table.dataTable.seafoam-borders.my-documents-payslips-table thead th:last-child {
        width: 50px !important
    }

    .list-panel .divider.column, .list-panel .divider.columns {
        background-image: none
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .list-panel .tag {
        margin-top: 1rem
    }

    .list-panel .divider.column, .list-panel .divider.columns {
        background-image: none
    }
}

@media only screen and (min-width:720px) {
    .my-documents-top-panel .row .column:last-child, .my-documents-top-panel .row .columns:last-child {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
        background-repeat: repeat-y;
        background-size: 2px 105px;
        background-position: top left;
        padding-left: 6.33333%
    }
}

.instructions {
    color: #021B41
}

    .instructions p.smaller {
        font-family: NotoSans-Regular;
        font-size: .875rem
    }

    .instructions img {
        max-width: 8rem
    }

.list--icons {
    margin-left: 0;
    list-style: none
}

.list--instructions .list__item {
    font-family: NotoSans-Regular;
    line-height: 1.7;
    color: #021B41;
    border-bottom: 1px solid #e7e6e4;
    padding: .875rem 0
}

    .list--instructions .list__item .has-tip {
        display: inline;
        border-bottom: none
    }

.list--icons .list__item {
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: left 3px center;
    padding-left: 2.875rem
}

    .list--icons .list__item.memberid {
        background-image: url(../img/icon-member-id.svg)
    }

    .list--icons .list__item.nino {
        background-image: url(../img/icon-nino.svg)
    }

    .list--icons .list__item.person {
        background-image: url(../img/icon-person.svg)
    }

    .list--icons .list__item.timer {
        background-image: url(../img/icon-timer.svg)
    }

.panel--account {
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 18px 0 rgba(46,92,153,.31);
    box-shadow: 0 5px 18px 0 rgba(46,92,153,.31);
    border: solid 1px #000000;
    background-color: #fff;
    padding: 2.25rem 2.25rem 2.25rem 2.25rem
}

@media only screen and (min-width:0) and (max-width:414px) {
    .panel--account {
        padding: 2.25rem 1.5rem 2.25rem 1.5rem
    }
}

.panel--account a:not(.button) {
    font-family: NotoSans-Regular
}

.panel--account p {
    color: #021B41;
    font-weight: 300
}

.panel--label {
    position: relative;
    margin-top: .75rem;
    margin-bottom: 0
}

.panel--label-inner {
    position: absolute;
    top: -.4rem;
    left: 18px;
    padding-left: .3125rem;
    padding-right: .3125rem;
    background-color: #fff;
    line-height: 1;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.panel--label-generic-inner {
    line-height: 1;
    opacity: 1;
    display: block;
    margin-bottom: .625rem
}

.is-invalid-input ~ .panel--label-inner {
    opacity: 1
}

.panel--account__input:focus ~ .panel--label-inner {
    opacity: 1;
    color: #2E5C99
}

.panel--account__input:focus {
    border-color: #2E5C99
}

.panel--account__input.validated {
    border-color: #26ae76
}

    .panel--account__input.validated ~ .panel--label-inner {
        opacity: 1;
        color: #26ae76
    }

.panel--label-inner.always-show {
    opacity: 1
}

.panel--label-inline {
    display: inline-block
}

.panel--account__input {
    padding: 0 .625rem .125rem 1.5rem;
    margin-bottom: .75rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border-color: rgba(0,45,89,.4);
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .3px;
    color: #021B41;
    height: 3.75rem
}

    .panel--account__input::-webkit-input-placeholder {
        color: #021B41
    }

    .panel--account__input::-moz-placeholder, .panel--account__input::-ms-input-placeholder, .panel--account__input::-webkit-input-placeholder, .panel--account__input::placeholder {
        color: #021B41
    }

.panel--account__input-single {
    width: 3.375rem;
    padding: 1.75rem 0;
    text-align: center
}

.panel--account__password {
    padding-right: 4.6875rem
}

.panel--account__password-wrapper {
    position: relative;
    display: block
}

.panel--account__password-toggle {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2018%22%3E%3Cpath%20d%3D%22M19.38%209a3.88%203.88%200%2011-3.88-3.86A3.87%203.87%200%200119.38%209zM31%208.42S25.51%2018%2015.52%2018C6.24%2018%200%208.42%200%208.42S5.74%200%2015.52%200C25.46%200%2031%208.42%2031%208.42zM22%209a6.46%206.46%200%2010-6.46%206.43A6.44%206.44%200%200022%209z%22%20fill%3D%22%232E5C99%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.8125rem 1.875rem;
    width: 3.125rem;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0
}

    .panel--account__password-toggle.show-text {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2018%22%3E%3Cpath%20d%3D%22M19.38%209a3.88%203.88%200%2011-3.88-3.86A3.87%203.87%200%200119.38%209zM31%208.42S25.51%2018%2015.52%2018C6.24%2018%200%208.42%200%208.42S5.74%200%2015.52%200C25.46%200%2031%208.42%2031%208.42zM22%209a6.46%206.46%200%2010-6.46%206.43A6.44%206.44%200%200022%209z%22%20fill%3D%22%23c1c7d0%22%2F%3E%3C%2Fsvg%3E")
    }

.panel--account__password::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

.panel--account__verification-code {
    padding: .75rem .4375rem .75rem .625rem;
    margin-bottom: 1.1875rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border: 1px solid rgba(0,45,89,.4);
    font-weight: 400
}

.panel--account__verification-otp-code-field {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0 .3125rem;
    display: inline;
    text-align: center;
    border: none;
    border-bottom: 1px solid #c1c7d0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
    -moz-appearance: textfield
}

    .panel--account__verification-otp-code-field::-webkit-inner-spin-button, .panel--account__verification-otp-code-field::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .panel--account__verification-otp-code-field:focus {
        outline: 0;
        border: none;
        border-bottom: 1px solid #2E5C99
    }

.button.panel--account__verification-round-icon, .panel--account__verification-round-icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 99px;
    border: 2px solid #54565b;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-indent: -5000px;
    background-repeat: no-repeat;
    background-position: center
}

    .button.panel--account__verification-round-icon:hover, .panel--account__verification-round-icon:hover {
        border: 2px solid #2E5C99
    }

.panel--account__verification-clear {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M15.24%2C11l5.88-5.88A3%2C3%2C0%2C0%2C0%2C16.88.88L11%2C6.76%2C5.12.88A3%2C3%2C0%2C0%2C0%2C.88%2C5.12L6.76%2C11%2C.88%2C16.88a3%2C3%2C0%2C0%2C0%2C0%2C4.24%2C3%2C3%2C0%2C0%2C0%2C4.24%2C0L11%2C15.24l5.88%2C5.88a3%2C3%2C0%2C0%2C0%2C4.24%2C0%2C3%2C3%2C0%2C0%2C0%2C0-4.24Z%22%20fill%3D%22%2354565b%22%2F%3E%3C%2Fsvg%3E");
    background-size: .625rem .625rem
}

    .panel--account__verification-clear:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M15.24%2C11l5.88-5.88A3%2C3%2C0%2C0%2C0%2C16.88.88L11%2C6.76%2C5.12.88A3%2C3%2C0%2C0%2C0%2C.88%2C5.12L6.76%2C11%2C.88%2C16.88a3%2C3%2C0%2C0%2C0%2C0%2C4.24%2C3%2C3%2C0%2C0%2C0%2C4.24%2C0L11%2C15.24l5.88%2C5.88a3%2C3%2C0%2C0%2C0%2C4.24%2C0%2C3%2C3%2C0%2C0%2C0%2C0-4.24Z%22%20fill%3D%22%232E5C99%22%2F%3E%3C%2Fsvg%3E")
    }

.panel--account__verification-correct {
    border: 2px solid #2E5C99;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%232E5C99%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
    background-size: .875rem .875rem;
    background-position: top 5px center
}

.panel--account__verification-button-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.875rem;
    -ms-flex: 0 0 1.875rem;
    flex: 0 0 1.875rem
}

@media only screen and (min-width:0) and (max-width:414px) {
    .panel--account__verification-otp-code-field {
        font-size: 1.125rem;
        margin: 0 .0625rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel--account__verification-otp-code-field {
        font-size: 1.125rem;
        margin: 0 .1875rem
    }
}

.button.panel--account__button-right-arrow, .panel--account__button-right-arrow {
    padding: 1.375rem 3.4375rem 1.375rem 1.75rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 1rem 1rem;
    text-align: left;
    font-weight: 500;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.panel--account__select {
    padding: 1.8125rem 1.875rem 1.8125rem 1.5rem;
    height: 3.75rem;
    margin-bottom: 1.1875rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border-color: rgba(0,45,89,.4);
    font-size: .9375rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: .3px;
    color: #021B41;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2030%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23002d59%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012L15.5%2019%2022%2012%22%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.125rem;
    background-position: right -.6rem center
}

    .panel--account__select:focus {
        outline: 0;
        border: 1px solid #2E5C99
    }

.panel--account__checkbox {
    opacity: 0;
    position: absolute;
    top: -5000px
}

.panel--account__label {
    color: #021B41;
    font-family: NotoSans-Regular
}

    .panel--account__label.checkbox {
        margin-left: 0;
        padding-left: 1.875rem;
        position: relative
    }

        .panel--account__label.checkbox:after {
            content: '';
            position: absolute;
            top: 4px;
            left: 0;
            border: 1px solid #c1c7d0;
            border-radius: 2px;
            padding: 0;
            width: 1.125rem;
            height: 1.125rem;
            text-align: center;
            line-height: 18px;
            font-size: 14px;
            color: #021B41
        }

.panel--account__checkbox:checked ~ .panel--account__label.checkbox:after {
    content: '\2713'
}

.panel--account-registration-success {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center
}

    .panel--account-registration-success .tick-circle {
        border: 2px solid #26ae76;
        border-radius: 999px;
        width: 5rem;
        height: 5rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20d%3D%22M28.14%206.25a2.5%202.5%200%20013.76%203.29l-.18.2-17.53%2018a2.5%202.5%200%2001-3.34.22l-.2-.18-8.4-8.24a2.5%202.5%200%20013.3-3.75l.2.18%206.61%206.48z%22%20fill%3D%22%2326ae76%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 35px 35px;
        background-position: center;
        margin: auto
    }

    .panel--account-registration-success h2 {
        margin-top: 2rem
    }

    .panel--account-registration-success p {
        font-size: 1.375rem
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .panel--account-registration-success {
        padding-top: 2.5rem;
        padding-bottom: 1.875rem
    }

        .panel--account-registration-success h2.h1 {
            font-size: 1.6875rem
        }

        .panel--account-registration-success p {
            font-size: 1.125rem
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel--account-registration-success {
        padding-top: 3.4375rem;
        padding-bottom: 2.8125rem
    }

        .panel--account-registration-success p {
            font-size: 1.125rem
        }
}

.panel--account-creation {
    padding-top: 2.9375rem;
    padding-bottom: 20.625rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    background-image: url(../img/account-being-created-image-placeholder.png);
    background-repeat: no-repeat;
    background-size: 530px 530px;
    background-position: bottom center
}

    .panel--account-creation h2 {
        max-width: 600px;
        text-align: center;
        margin: auto
    }

        .panel--account-creation h2 em {
            font-family: NotoSans-Regular;
            font-size: 1.5rem;
            font-weight: 400;
            font-style: normal;
            line-height: 1.17;
            letter-spacing: .2px;
            display: block;
            margin-bottom: .75rem
        }

@media only screen and (min-width:0) and (max-width:414px) {
    .panel--account-creation h2 {
        font-size: 1.25rem
    }

        .panel--account-creation h2 em {
            font-size: 1.25rem
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel--account-creation h2 {
        font-size: 1.5rem
    }

        .panel--account-creation h2 em {
            font-size: 1.5rem
        }
}

.security-question-character {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    width: 100%;
    text-align: center
}

.sign-out-idle-countdown {
    width: 5rem;
    height: 5rem;
    border-radius: 999px;
    border: 2px solid #feb127;
    text-align: center;
    margin: auto;
    margin-bottom: 2.1875rem;
    font-family: NotoSans-Regular;
    font-size: 2rem;
    line-height: 4.75rem;
    color: #feb127
}

    .sign-out-idle-countdown.final-warning {
        border-color: #d93025;
        color: #d93025
    }

.panel-internal {
    border-radius: 18px;
    border: solid 1px rgba(0,45,89,.12);
    background-color: #fff;
    padding: 1.5rem 2.25rem 1.375rem 2.25rem;
    margin-bottom: 1.5rem;
    font-size: 1.125rem
}

    .panel-internal.indented {
        padding: 1.5rem 6.25rem 1.375rem 6.25rem
    }

    .panel-internal.indented-smaller {
        padding: 1.5rem 3.125rem 1.375rem 3.125rem
    }

    .panel-internal .expanded-width-container {
        margin-left: -2.25rem;
        margin-right: -2.25rem;
        padding-left: 0;
        padding-right: 0
    }

        .panel-internal .expanded-width-container > .column, .panel-internal .expanded-width-container > .columns {
            padding-left: 0;
            padding-right: 0
        }

@media only screen and (min-width:0) and (max-width:414px) {
    .panel-internal .expanded-width-container {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

.panel-internal.green {
    background-color: rgba(123,201,206,.2)
}

    .panel-internal.green.border {
        border: 1px solid #2E5C99
    }

.panel-internal.grey {
    background-color: #efefef
}

.panel-internal.light-blue-bg-colour {
    background-color: rgba(212,235,236,.25)
}

.panel-internal.light-yellow-bg-colour {
    background-color: rgba(250,242,224,.4)
}

.panel-internal.light-green-bg-colour {
    background-color: rgba(230,242,223,.4)
}

.panel-internal.border-top-thick {
    border-top: 7px solid #000000
}

.panel-internal.border-top-thick-yellow {
    border-top: 7px solid #f8d015
}

.panel-internal.yellow-bg {
    background-color: rgba(255,243,222,.5)
}

.panel-internal.small-radius {
    border-radius: 5px
}

.panel-internal.medium-radius {
    border-radius: 8px
}

@media only screen and (max-width:414px) {
    .panel-internal {
        margin-bottom: .75rem
    }
}

.panel-internal.no-border {
    border-color: transparent
}

.panel-internal.dark {
    background-color: #000000
}

    .panel-internal.dark h3 {
        color: #2E5C99
    }

    .panel-internal.dark h4, .panel-internal.dark p {
        color: #fff
    }

    .panel-internal.dark .seafoam-blue {
        color: #2E5C99
    }

    .panel-internal.dark a:not(.button) {
        color: #fff
    }

.panel-internal.death-in-retirement-illustration {
    background-image: url(../img/death-in-retirement-illustration.svg);
    background-repeat: no-repeat;
    background-position: center left 36%;
    background-size: 210%
}

.panel-internal.death-before-retirement-illustration {
    background-image: url(../img/death-before-retirement-illustration.svg);
    background-repeat: no-repeat;
    background-position: center left 36%;
    background-size: 210%
}

.panel-internal.pension-calculator-landing-illustration {
    background-image: url(../img/pension-calculator-landing-illustration.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%
}

.panel-internal.introducing-my-pension-deferred-image {
    background-image: url(../img/woman-holding-cup.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}


.panel-internal.taking-my-pension-deferred-image {
    background-image: url(../img/woman-yoga.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.panel-internal.my-avcs-deferred-image {
    background-image: url(../img/men-holding-wine-glasses.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.panel-internal.transferring-my-pension-deferred-image {
    background-image: url(../img/women-laughing-close-crop.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.panel-internal.avcs-switching-top-panel-illustration {
    background-image: url(../img/avcs-switching-top-panel-bg-image.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%
}

.panel-internal.clouds-left-bg {
    background-image: url();
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain
}

.panel-internal.diagonal-strip-left-bg {
    background-image: url(../img/diagonal-strip-left-bg.svg);
    background-repeat: no-repeat;
    background-position: bottom -10px left;
    background-size: 100%
}

.panel-internal.try-pension-calculator-panel {
    background-color: #f2fafa;
    background-image: url(../img/BritishAirways-dog-plant.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 75%
}

.panel-internal.my-pension-landing-panel.deferred .image-panel {
    background-image: url(../img/my-pension-landing-panel-bg-deferred.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.panel-internal.my-pension-landing-panel.deferred .image-panel-b {
    background-image: url();
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain
}

@media only screen and (max-width:414px) {
    .panel-internal.death-in-retirement-illustration {
        background-position: bottom 45% left 46%;
        background-size: 115%;
        min-height: 180px
    }

    .panel-internal.death-before-retirement-illustration {
        background-position: bottom 55% left 46%;
        background-size: 135%;
        min-height: 180px
    }

    .panel-internal.pension-calculator-landing-illustration {
        background-position: bottom 20% center;
        min-height: 250px
    }

    .panel-internal.avcs-switching-top-panel-illustration {
        background-position: top 20% center;
        min-height: 250px
    }

    .panel-internal.clouds-left-bg {
        background-position: top left 120%;
        background-size: cover
    }

    .panel-internal.diagonal-strip-left-bg {
        background-position: bottom -10px left;
        background-size: 200%
    }

    .panel-internal.try-pension-calculator-panel {
        background-size: 70%;
        min-height: 300px
    }

    .panel-internal.introducing-my-pension-deferred-image {
        background-position: top 15% center
    }

    .panel-internal.about-my-pension-dependent-image {
        background-position: top 15% center
    }


    .panel-internal.taking-my-pension-deferred-image {
        background-position: top 15% center
    }

    .panel-internal.my-avcs-deferred-image {
        background-position: top 15% center
    }

    .panel-internal.transferring-my-pension-deferred-image {
        background-position: top 15% center
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel-internal.death-in-retirement-illustration {
        background-position: bottom 50% left 36%;
        background-size: 100%;
        min-height: 250px
    }

    .panel-internal.death-before-retirement-illustration {
        background-position: bottom 70% left 36%;
        background-size: 120%;
        min-height: 250px
    }

    .panel-internal.pension-calculator-landing-illustration {
        background-position: bottom 30% center;
        min-height: 250px
    }

    .panel-internal.avcs-switching-top-panel-illustration {
        background-position: top 20% center;
        min-height: 250px
    }

    .panel-internal.try-pension-calculator-panel {
        min-height: 330px
    }

    .panel-internal.introducing-my-pension-deferred-image {
        background-position: top 25% center
    }

    .panel-internal.about-my-pension-dependent-image {
        background-position: top 25% center
    }

    .panel-internal.taking-my-pension-deferred-image {
        background-position: top 25% center
    }

    .panel-internal.my-avcs-deferred-image {
        background-position: top 25% center
    }

    .panel-internal.transferring-my-pension-deferred-image {
        background-position: top 25% center
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .panel-internal.death-in-retirement-illustration {
        background-size: 250%
    }

    .panel-internal.death-before-retirement-illustration {
        background-size: 250%
    }

    .panel-internal.clouds-left-bg {
        background-position: top left 150%;
        background-size: cover
    }

    .panel-internal.diagonal-strip-left-bg {
        background-position: bottom -10px left;
        background-size: 200%
    }

    .panel-internal.try-pension-calculator-panel {
        background-size: 90%
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .panel-internal.try-pension-calculator-panel {
        background-size: 90%
    }
}

.panel-internal.light-yellow-bg-colour {
    background-color: rgba(248,208,21,.1)
}

.panel-internal.yellow-border {
    border: 1px solid #f8d015
}

.panel-internal.light-sky-blue-bg-colour {
    background-color: #e5f5f6
}

    .panel-internal.light-sky-blue-bg-colour hr.full-width-divider {
        border-color: #2E5C99
    }

    .panel-internal.light-sky-blue-bg-colour hr {
        border-color: rgba(0,45,89,.3)
    }

.panel-internal.seafoam-blue-border {
    border: 1px solid #2E5C99
}

.panel-internal.stretch-height {
    height: 100%
}

.panel-internal.stretch-height-minus-bp {
    height: calc(100% - 32px)
}

.panel-stretch-inner {
    position: relative
}

.panel-internal h2 {
    margin-top: .4375rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.death-retirement .panel-internal h3 {
    font-family: NotoSans-Regular;
    font-weight: 400
}

.contact-us .panel-internal h3 {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.75rem
}

@media only screen and (max-width:414px) {
    .contact-us .panel-internal h3 {
        font-size: 1.3125rem
    }
}

.panel-internal .button {
    margin-bottom: 0
}

.panel-internal dl {
    margin-bottom: 0
}

.panel-internal dt {
    font-size: .9375rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-top: 1.125rem
}

    .panel-internal dt:first-child {
        margin-top: 0
    }

.panel-internal dd {
    color: #54565b;
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.panel-internal input, .panel-internal select {
    font-family: NotoSans-Regular;
    font-weight: 400
}

    .panel-internal input::-webkit-input-placeholder {
        color: rgba(0,45,89,.6)
    }

    .panel-internal input::-moz-placeholder, .panel-internal input::-ms-input-placeholder, .panel-internal input::-webkit-input-placeholder, .panel-internal input::placeholder {
        color: rgba(0,45,89,.6)
    }

.panel-internal .button {
    font-family: NotoSans-Regular
}

    .panel-internal .button.min-width-100 {
        min-width: 100px
    }

.panel-internal .button-group a:first-child, .panel-internal .button-group input:first-child {
    margin-right: .625rem
}

.panel-internal .button-group a:last-child, .panel-internal .button-group input:last-child {
    margin-left: .625rem
}

.panel-internal hr {
    border-color: #e7e6e4;
    margin: 1.5rem auto
}

    .panel-internal hr.dark {
        border-color: rgba(84,86,91,.5)
    }

    .panel-internal hr.larger-margins {
        margin: 2.5rem auto
    }

    .panel-internal hr.dashed-divider {
        border-bottom: 1px dashed rgba(84,86,91,.2)
    }

    .panel-internal hr.seafoam-blue {
        border-color: #2E5C99
    }

.panel-internal p {
    font-size: 1rem
}

.panel-internal ul {
    padding-top: .625rem;
    margin-bottom: 1.875rem;
    font-size: 1rem
}

.panel-internal ol {
    margin-left: 0;
    padding-top: .625rem;
    font-size: 1rem;
    counter-reset: section;
    list-style-type: none
}

.panel-internal ul li {
    margin-bottom: .625rem
}

.panel-internal ol li {
    padding-left: 1.875rem;
    margin-bottom: .625rem;
    counter-increment: section;
    position: relative
}

    .panel-internal ol li:before {
        content: counters(section, ".") ". ";
        position: absolute;
        top: 0;
        left: 0
    }

    .panel-internal ol li ol {
        padding-top: 0;
        margin-top: .625rem;
        margin-bottom: 1.25rem
    }

        .panel-internal ol li ol li {
            position: relative
        }

.panel-internal ul:not(.menu):not(.accordion) li ul {
    list-style: none;
    margin-left: 0;
    padding-top: 0;
    margin-top: .625rem;
    margin-bottom: 1.25rem
}

    .panel-internal ul:not(.menu):not(.accordion) li ul li {
        padding-left: 1.25rem;
        position: relative
    }

        .panel-internal ul:not(.menu):not(.accordion) li ul li:before {
            content: '\2014';
            position: absolute;
            top: 0;
            left: 0
        }

.panel-internal ol.no-indent li {
    padding-left: 2.5rem
}

    .panel-internal ol.no-indent li ol li {
        margin-left: -2.5rem
    }

        .panel-internal ol.no-indent li ol li ol {
            counter-reset: section
        }

            .panel-internal ol.no-indent li ol li ol li {
                counter-increment: section
            }

                .panel-internal ol.no-indent li ol li ol li:before {
                    content: "(" counter(section,lower-alpha) ")";
                    position: absolute;
                    top: 0;
                    left: 0
                }

                .panel-internal ol.no-indent li ol li ol li ol {
                    counter-reset: section
                }

                    .panel-internal ol.no-indent li ol li ol li ol li {
                        counter-increment: section
                    }

                        .panel-internal ol.no-indent li ol li ol li ol li:before {
                            content: "(" counter(section,lower-roman) ")";
                            position: absolute;
                            top: 0;
                            left: 0
                        }

.panel-internal .dash-bullet {
    list-style: none;
    margin-left: 0
}

    .panel-internal .dash-bullet li {
        padding-left: 1.25rem;
        position: relative
    }

        .panel-internal .dash-bullet li:before {
            content: '\2014';
            position: absolute;
            top: 0;
            left: 0
        }

.panel-internal ul.two-column-list {
    list-style: none;
    padding-left: 0
}

    .panel-internal ul.two-column-list h4 {
        color: #021B41;
        font-size: 1.25rem;
        font-family: Noto Bold;
        font-weight: 400
    }

    .panel-internal ul.two-column-list p {
        color: #54565b;
        font-size: 1.125rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

.panel-internal .download-link-list {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

    .panel-internal .download-link-list dd, .panel-internal .download-link-list dt {
        border-bottom: 1px solid rgba(0,45,89,.3);
        padding: .625rem 0 .625rem 0;
        line-height: 1.25
    }

    .panel-internal .download-link-list dt {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem;
        margin-bottom: 0
    }

    .panel-internal .download-link-list dd {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem
    }

        .panel-internal .download-link-list dd a {
            display: block;
            text-decoration: none;
            color: #54565b;
            padding-left: .125rem;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat;
            background-size: 18px 18px;
            background-position: center right
        }

            .panel-internal .download-link-list dd a:hover {
                color: #021B41
            }

@media only screen and (max-width:414px) {
    .panel-internal ul.two-column-list h4 {
        font-size: 1.0625rem
    }

    .panel-internal ul.two-column-list p {
        font-size: .9375rem
    }

    .contact-us .accordion.single {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel-internal ul.two-column-list h4 {
        font-size: 1.0625rem
    }

    .panel-internal ul.two-column-list p {
        font-size: .9375rem
    }
}

.panel-internal .tag {
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #54565b;
    font-size: .8125rem;
    letter-spacing: .17px;
    font-family: NotoSans-Regular;
    padding: .125rem .5rem;
    margin-left: .3125rem;
}

    .panel-internal .tag.block {
        display: block
    }

    .panel-internal .tag.blue {
        border-radius: 6px;
        background-color: #000000;
        color: #ffffff;
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: .875rem;
        padding: .375rem .875rem;
        white-space: nowrap;
        margin-left: 0;
        display: inline-block
    }

    .panel-internal .tag.light-blue {
        border-radius: 6px;
        background-color: #000000;
        color: #ffffff;
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: .875rem;
        padding: .375rem .875rem;
        white-space: nowrap;
        margin-left: 0;
        display: inline-block
    }

.panel-internal h2.edit {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M4.95%2012.308l8.88-8.881%203.536%203.535-8.881%208.882zM7.9%2016.43l-4.42.89.88-4.43%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: center left;
    padding-left: 2.25rem
}

.panel-internal h2.exclamation {
    position: relative;
    padding-left: 2.25rem
}

    .panel-internal h2.exclamation:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 26px;
        height: 26px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 999px;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center;
        background-color: #feb127;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%20transform%3D%22translate%2818%20-2%29%20rotate%2890%29%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2215.31%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")
    }

.sub-panel-internal {
    border-radius: 18px;
    border: none;
    background-color: #fff;
    padding: 1.5rem 2.25rem 1.375rem 2.25rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) and (max-width:9999px) {
    .sub-panel-internal.indented-xlarge-up {
        padding: 1.5rem 3.75rem 1.375rem 3.75rem
    }
}

.sub-panel-internal.green {
    background-color: rgba(123,201,206,.2)
}

.sub-panel-internal.dark {
    background-color: #021B41
}

    .sub-panel-internal.dark h3 {
        color: #2E5C99
    }

    .sub-panel-internal.dark h4, .sub-panel-internal.dark p, .sub-panel-internal.dark ul.white {
        color: #fff
    }

    .sub-panel-internal.dark .seafoam-blue {
        color: #2E5C99
    }

.sub-panel-internal.white-shadow-border {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px 1px rgba(173,172,171,.4);
    box-shadow: 0 2px 3px 1px rgba(173,172,171,.4);
    border: 1px solid rgba(0,45,89,.2)
}

.sub-panel-internal.white-shadow-border-light {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px 1px rgba(173,172,171,.1);
    box-shadow: 0 2px 3px 1px rgba(173,172,171,.1);
    border: 1px solid rgba(0,45,89,.2)
}

.sub-panel-internal.grey-shadow-border {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 3px 1px rgba(173,172,171,.4);
    box-shadow: 0 2px 3px 1px rgba(173,172,171,.4);
    border: 1px solid rgba(0,45,89,.2)
}

.sub-panel-internal.corners-small {
    border-radius: 8px
}

.sub-panel-internal.dashed-border-seafoam {
    border: 2px dashed #2E5C99
}

.sub-panel-internal.dashed-border-red {
    border: 2px dashed #ff5b6b
}

.sub-panel-internal.green.border {
    border: 1px solid #2E5C99
}

.sub-panel-internal.green hr {
    border-color: rgba(0,45,89,.3)
}

@media only screen and (min-width:0) and (max-width:719px) {
    .sub-panel-internal.reduce-padding {
        padding: 1.5rem 1.125rem 1.375rem 1.125rem
    }
}

.image-text-panel {
    position: relative
}

    .image-text-panel .sub-heading {
        font-size: 1.125rem;
        color: #54565b;
        font-family: NotoSans-Regular;
        margin-bottom: 1.5625rem
    }

    .image-text-panel.image-right .column:last-child, .image-text-panel.image-right .columns:last-child {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left bottom;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: 40%;
        border-radius: 0 18px 18px 0
    }

    .image-text-panel.image-right.bg-position-center-center .column:last-child, .image-text-panel.image-right.bg-position-center-center .columns:last-child {
        background-position: center
    }

    .image-text-panel.image-right.bg-position-top-center .column:last-child, .image-text-panel.image-right.bg-position-top-center .columns:last-child {
        background-position: top center
    }

    .image-text-panel.image-right.bg-position-top-right .column:last-child, .image-text-panel.image-right.bg-position-top-right .columns:last-child {
        background-position: top right
    }

    .image-text-panel.image-right.bg-position-top-left .column:last-child, .image-text-panel.image-right.bg-position-top-left .columns:last-child {
        background-position: top left
    }

    .image-text-panel.image-right.bg-position-left-center .column:last-child, .image-text-panel.image-right.bg-position-left-center .columns:last-child {
        background-position: left center
    }

    .image-text-panel.image-right.bg-position-right-center .column:last-child, .image-text-panel.image-right.bg-position-right-center .columns:last-child {
        background-position: right center
    }

    .image-text-panel.image-right.bg-position-bottom-center .column:last-child, .image-text-panel.image-right.bg-position-bottom-center .columns:last-child {
        background-position: bottom center
    }

    .image-text-panel.image-right.bg-position-bottom-right .column:last-child, .image-text-panel.image-right.bg-position-bottom-right .columns:last-child {
        background-position: bottom right
    }

    .image-text-panel.image-right-dashboard .column:last-child, .image-text-panel.image-right-dashboard .columns:last-child {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: 100%;
        border-radius: 0 18px 18px 0
    }

    .image-text-panel.image-left .column:first-child, .image-text-panel.image-left .columns:first-child {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left bottom;
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
        width: 40%;
        border-radius: 18px 0 0 18px
    }

    .image-text-panel.image-left.bg-position-center-center .column:first-child, .image-text-panel.image-left.bg-position-center-center .columns:first-child {
        background-position: center
    }

    .image-text-panel.image-left.bg-position-top-center .column:first-child, .image-text-panel.image-left.bg-position-top-center .columns:first-child {
        background-position: top center
    }

    .image-text-panel.image-left.bg-position-top-right .column:first-child, .image-text-panel.image-left.bg-position-top-right .columns:first-child {
        background-position: top right
    }

    .image-text-panel.image-left.bg-position-top-left .column:first-child, .image-text-panel.image-left.bg-position-top-left .columns:first-child {
        background-position: top left
    }

    .image-text-panel.image-left.bg-position-left-center .column:first-child, .image-text-panel.image-left.bg-position-left-center .columns:first-child {
        background-position: left center
    }

    .image-text-panel.image-left.bg-position-right-center .column:first-child, .image-text-panel.image-left.bg-position-right-center .columns:first-child {
        background-position: right center
    }

    .image-text-panel.image-left.bg-position-bottom-center .column:first-child, .image-text-panel.image-left.bg-position-bottom-center .columns:first-child {
        background-position: bottom center
    }

    .image-text-panel.image-left.bg-position-bottom-right .column:first-child, .image-text-panel.image-left.bg-position-bottom-right .columns:first-child {
        background-position: bottom right
    }

    .image-text-panel.image-top .column:last-child, .image-text-panel.image-top .columns:last-child {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top 20% center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 220px;
        border-radius: 18px 18px 0 0
    }

    .image-text-panel.image-top .column:first-child, .image-text-panel.image-top .columns:first-child {
        padding-top: 200px
    }

.couple-table-panel.image-left .column:first-child, .couple-table-panel.image-left .columns:first-child, .couple-table-panel.image-right .column:last-child, .couple-table-panel.image-right .columns:last-child, .couple-table-panel.image-top .column:first-child, .couple-table-panel.image-top .columns:first-child {
    background-image: url(../img/BritishAirways-couple-table.png)
}

.thoughts-feedback-panel.image-left .column:first-child, .thoughts-feedback-panel.image-left .columns:first-child, .thoughts-feedback-panel.image-right .column:last-child, .thoughts-feedback-panel.image-right .columns:last-child, .thoughts-feedback-panel.image-top .column:first-child, .thoughts-feedback-panel.image-top .columns:first-child {
    background-image: url(../img/thoughts-feedback-panel-bg.png)
}

.understanding-pensions-panel.image-left .column:first-child, .understanding-pensions-panel.image-left .columns:first-child, .understanding-pensions-panel.image-right-dashboard .column:last-child, .understanding-pensions-panel.image-right-dashboard .columns:last-child, .understanding-pensions-panel.image-top .column:first-child, .understanding-pensions-panel.image-top .columns:first-child {
    background-image: url(../img/dog-person-right-hand-image.png)
}

.my-documents-landing-panel.image-left .column:first-child, .my-documents-landing-panel.image-left .columns:first-child, .my-documents-landing-panel.image-right-dashboard .column:last-child, .my-documents-landing-panel.image-right-dashboard .columns:last-child, .my-documents-landing-panel.image-top .column:first-child, .my-documents-landing-panel.image-top .columns:first-child {
    background-image: url(../img/dog-person-left-hand-image.png)
}

.get-in-touch-panel.image-left .column:first-child, .get-in-touch-panel.image-left .columns:first-child, .get-in-touch-panel.image-right .column:last-child, .get-in-touch-panel.image-right .columns:last-child, .get-in-touch-panel.image-top .column:last-child, .get-in-touch-panel.image-top .columns:last-child {
    background-image: url(../img/get-in-touch-panel-bg.png)
}

.further-info-panel-a.image-top .column:last-child, .further-info-panel-a.image-top .columns:last-child {
    background-image: url(../img/placeholder-illustration-a.png)
}

.further-info-panel-b.image-top .column:last-child, .further-info-panel-b.image-top .columns:last-child {
    background-image: url(../img/placeholder-illustration-b.png)
}

.transfer-quote-panel-a.image-top .column:last-child, .transfer-quote-panel-a.image-top .columns:last-child {
    background-image: url(../img/transfer-quote-illustration-a.png)
}

.transfer-quote-panel-b.image-top .column:last-child, .transfer-quote-panel-b.image-top .columns:last-child {
    background-image: url(../img/transfer-quote-illustration-b.png)
}

@media only screen and (max-width:414px) {
    .image-text-panel.image-left .column:first-child, .image-text-panel.image-left .columns:first-child, .image-text-panel.image-right .column:last-child, .image-text-panel.image-right .columns:last-child, .image-text-panel.image-right-dashboard .column:last-child, .image-text-panel.image-right-dashboard .columns:last-child {
        background-size: cover;
        background-position: left bottom;
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 220px;
        border-radius: 18px 18px 0 0
    }

    .image-text-panel.image-left .column:last-child, .image-text-panel.image-left .columns:last-child, .image-text-panel.image-right .column:first-child, .image-text-panel.image-right .columns:first-child, .image-text-panel.image-right-dashboard .column:first-child, .image-text-panel.image-right-dashboard .columns:first-child {
        padding-top: 200px
    }

    .get-in-touch-panel.image-top .sub-heading {
        margin-top: 1.25rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .image-text-panel.image-left .column:first-child, .image-text-panel.image-left .columns:first-child, .image-text-panel.image-right .column:last-child, .image-text-panel.image-right .columns:last-child, .image-text-panel.image-right-dashboard .column:last-child, .image-text-panel.image-right-dashboard .columns:last-child {
        background-size: cover;
        background-position: left bottom;
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 250px;
        border-radius: 18px 18px 0 0
    }

    .image-text-panel.image-left .column:last-child, .image-text-panel.image-left .columns:last-child, .image-text-panel.image-right .column:first-child, .image-text-panel.image-right .columns:first-child, .image-text-panel.image-right-dashboard .column:first-child, .image-text-panel.image-right-dashboard .columns:first-child {
        padding-top: 220px
    }
}

.panel-inner {
    border-radius: 18px;
    border: solid 1px rgba(0,45,89,.12);
    background-color: #fff;
    padding-bottom: 1.875rem;
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    overflow: hidden
}

    .panel-inner .button, .panel-inner h4, .panel-inner p {
        margin-left: 2.125rem;
        margin-right: 2.125rem
    }

        .panel-inner .button.secondary {
            color: #fff
        }

@media only screen and (max-width:414px) {
    .panel-inner .button, .panel-inner h4, .panel-inner p {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

        .panel-inner p, .panel-inner p.larger {
            font-size: 1rem
        }

    .panel-inner .button {
        font-size: .8125rem
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .panel-inner .button, .panel-inner h4, .panel-inner p {
        margin-left: 1.625rem;
        margin-right: 1.625rem
    }

        .panel-inner p, .panel-inner p.larger {
            font-size: 1rem
        }

    .panel-inner .button {
        font-size: .8125rem
    }
}

.panel-internal.panel-with-header, .panel-with-header {
    padding: 0
}

    .panel-with-header .panel-header {
        padding: 1.75rem 2.75rem 2rem 2.75rem;
        border-radius: 18px 18px 0 0;
        margin-left: 0;
        margin-right: 0
    }

        .panel-with-header .panel-header .column, .panel-with-header .panel-header .columns {
            padding-left: 0;
            padding-right: 0;
            border-radius: 18px 18px 0 0;
            margin-left: 0;
            margin-right: 0
        }

.panel-with-header--no-content .panel-header {
    border-radius: 18px
}

.panel-with-header--no-content.smaller-radius, .panel-with-header--no-content.smaller-radius .panel-header {
    border-radius: 8px
}

.panel-with-header.header-dark .panel-header {
    background-color: #000000
}

    .panel-with-header.header-dark .panel-header h3 {
        font-size: 1.75rem;
        color: #fff
    }

    .panel-with-header.header-dark .panel-header p {
        margin-bottom: 0;
        font-size: 1.125rem;
        color: #fff
    }

.panel-with-header--avcs .panel-header h3 {
    margin-bottom: 0
}

.panel-with-header .panel-content {
    padding: 1.75rem 2.75rem 2rem 2.75rem;
    margin-left: 0;
    margin-right: 0
}

    .panel-with-header .panel-content.expanded-width-content {
        padding-left: 0;
        padding-right: 0
    }

    .panel-with-header .panel-content > .column, .panel-with-header .panel-content > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .panel-with-header .panel-content .column.grey-wrapper, .panel-with-header .panel-content .grey-wrapper.columns {
        padding-left: 2.75rem;
        padding-right: 2.75rem;
        background-color: #fafafa;
        -webkit-box-shadow: inset 0 0 13px 0 rgba(0,0,0,.05);
        box-shadow: inset 0 0 13px 0 rgba(0,0,0,.05)
    }

@media only screen and (min-width:0) and (max-width:719px) {
    .panel-with-header .panel-content .column.grey-wrapper.reduce-padding-small-medium, .panel-with-header .panel-content .grey-wrapper.reduce-padding-small-medium.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.panel-with-header .panel-content .row.expanded-width-wrapper {
    margin-left: -2.75rem;
    margin-right: -2.75rem;
    padding-left: 2.75rem;
    padding-right: 2.75rem;
    background-color: #fafafa;
    -webkit-box-shadow: inset 0 0 13px 0 rgba(0,0,0,.05);
    box-shadow: inset 0 0 13px 0 rgba(0,0,0,.05)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .panel-with-header .panel-content .row.expanded-width-wrapper {
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.panel-with-header .panel-content .column.expanded-width-column, .panel-with-header .panel-content .expanded-width-column.columns {
    margin-left: -2.75rem;
    margin-right: -2.75rem
}

.panel-with-header .panel-content .row {
    margin-left: 0;
    margin-right: 0
}

.panel-with-header .panel-content h4 {
    font-family: Noto Bold;
    font-weight: 400;
    font-size: 1.25rem;
    margin-bottom: 0
}

    .panel-with-header .panel-content h4.h2 {
        font-size: 1.5rem
    }

/*.panel-with-header .panel-content p {
  margin-bottom: 0
}*/

.panel-with-header .panel-content .tag, .tag.mac {
    background-color: rgba(251,185,45,.5);
    font-size: .875rem;
    color: #021B41;
    font-family: NotoSans-Regular;
    font-weight: 400;
    padding: .4375rem .875rem;
    margin-left: 0;
    border-radius: 8px
}

.tag.mac {
    display: inline-block;
    text-align: center
}

    .panel-with-header .panel-content .tag.grey, .tag.mac.grey {
        background-color: #f5f5f5;
        font-size: 1rem;
        color: #54565b;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

.panel-with-header .panel-content .progress-list {
    list-style: none;
    margin-left: 0;
    margin-right: 1.25rem;
    padding-left: 4.0625rem
}

    .panel-with-header .panel-content .progress-list li {
        position: relative;
        border-bottom: 1px dashed rgba(0,45,89,.3);
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem
    }

        .panel-with-header .panel-content .progress-list li:last-child {
            border-bottom: none;
            margin-bottom: 0
        }

        .panel-with-header .panel-content .progress-list li:after {
            content: '';
            position: absolute;
            top: -.1875rem;
            left: -4.375rem;
            width: 2.3125rem;
            height: 2.3125rem;
            border-radius: 999px;
            background-color: #fff;
            border: 1px solid #2E5C99
        }

        .panel-with-header .panel-content .progress-list li:before {
            content: '';
            position: absolute;
            top: 52%;
            left: -3.25rem;
            width: 1px;
            height: 70%;
            border-right: 2px solid #2E5C99
        }

        .panel-with-header .panel-content .progress-list li:last-child:before {
            display: none
        }

        .panel-with-header .panel-content .progress-list li.completed:after {
            content: '';
            background-color: #021B41;
            border: 1px solid #021B41;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2014%22%3E%3Cpath%20d%3D%22M17.69%2C1.21a2%2C2%2C0%2C0%2C0-2.77%2C0l-8%2C8L3.42%2C5.78A2%2C2%2C0%2C0%2C0%2C.65%2C8.54l4.84%2C4.84a2%2C2%2C0%2C0%2C0%2C1.4.57%2C2%2C2%2C0%2C0%2C0%2C1.4-.57L17.69%2C4A2%2C2%2C0%2C0%2C0%2C17.69%2C1.21Z%22%20fill%3D%22%232E5C99%22%2F%3E%3C%2Fsvg%3E");
            background-size: 1.1875rem;
            background-repeat: no-repeat;
            background-position: center
        }

        .panel-with-header .panel-content .progress-list li h3 {
            font-family: NotoSans-Regular;
            font-weight: 400;
            font-size: 1.125rem;
            margin-top: .625rem
        }

        .panel-with-header .panel-content .progress-list li .date {
            font-family: NotoSans-Regular;
            font-weight: 400;
            font-size: .875rem;
            color: #54565b
        }

.panel-with-header--ongoing .panel-content {
    padding: 0 0 1.5625rem 0
}

    .panel-with-header--ongoing .panel-content h4 {
        color: #021B41
    }

    .panel-with-header--ongoing .panel-content p {
        color: #54565b;
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: .9375rem
    }

        .panel-with-header--ongoing .panel-content p strong {
            color: #021B41
        }

    .panel-with-header--ongoing .panel-content .row {
        padding: 0
    }

        .panel-with-header--ongoing .panel-content .row .column:last-child, .panel-with-header--ongoing .panel-content .row .columns:last-child {
            border-bottom: 1px solid rgba(84,86,91,.15);
            padding-top: .875rem;
            padding-bottom: 1.625rem
        }

.panel-with-header--ongoing .panel-content-row-wrapper {
    padding: 1.5625rem 2.75rem 0 2.75rem;
    border: 1px solid transparent;
    margin-bottom: .9375rem
}

    .panel-with-header--ongoing .panel-content-row-wrapper:last-child .row .column:last-child, .panel-with-header--ongoing .panel-content-row-wrapper:last-child .row .columns:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .panel-with-header--ongoing .panel-content-row-wrapper .row:last-child {
        padding-bottom: .625rem
    }

    .panel-with-header--ongoing .panel-content-row-wrapper.expanded {
        background-color: rgba(123,201,206,.1);
        border: 1px solid #2E5C99
    }

    .panel-with-header--ongoing .panel-content-row-wrapper .expanded-content {
        display: none;
        padding-bottom: 1.25rem
    }

        .panel-with-header--ongoing .panel-content-row-wrapper .expanded-content .row .column:last-child, .panel-with-header--ongoing .panel-content-row-wrapper .expanded-content .row .columns:last-child {
            border-bottom: none;
            padding-bottom: 0
        }

    .panel-with-header--ongoing .panel-content-row-wrapper.expanded .expanded-content {
        display: block
    }

    .panel-with-header--ongoing .panel-content-row-wrapper .expanded-content .progress-list {
        margin-bottom: 0
    }

    .panel-with-header--ongoing .panel-content-row-wrapper .reference {
        margin-left: 1.875rem;
        padding-left: 1.875rem;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
        background-repeat: repeat-y;
        background-size: 2px 105px;
        background-position: top left
    }

.panel-with-header--ongoing .panel-content .document-button-item .button.transparent {
    color: #021B41;
    text-align: center;
    margin-left: 1.25rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.125rem;
    border-width: 2px
}

@media only screen and (max-width:414px) {
    .latest-update-reference {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .panel-with-header--ongoing .panel-content-row-wrapper .reference {
        margin-top: 1rem;
        margin-left: 0;
        padding-left: 0;
        background-image: none
    }

    .panel-with-header--ongoing .panel-content .document-button-item .button.transparent {
        display: block;
        margin-top: 20px;
        margin-left: 0
    }

    .panel-with-header.reduce-padding-small .panel-content {
        padding: 1.75rem 1rem 2rem 1rem
    }

    .panel-with-header .panel-content.reduce-padding-small-content, .panel-with-header .panel-content.reduce-padding-small-medium-content {
        padding: 1.75rem 1rem 2rem 1rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .latest-update-reference {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .panel-with-header--ongoing .panel-content-row-wrapper .reference {
        margin-top: 1rem;
        margin-left: 0;
        padding-left: 0;
        background-image: none
    }

    .panel-with-header--ongoing .panel-content .document-button-item .button.transparent {
        display: block;
        margin-top: 20px;
        margin-left: 0
    }

    .panel-with-header .panel-content.reduce-padding-small-medium-content {
        padding: 1.75rem 1rem 2rem 1rem
    }
}

.panel-with-header--completed .panel-content .row.summary {
    border-top: 1px solid rgba(84,86,91,.15);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.panel-with-header--completed .panel-content .row.header {
    background-color: rgba(84,86,91,.06);
    border-radius: 10px 10px 0 0;
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(84,86,91,.06)
}

.panel-with-header--completed .panel-content .row .column:first-child, .panel-with-header--completed .panel-content .row .columns:first-child {
    padding-left: 2.25rem;
    padding-right: .125rem
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel-with-header--completed .panel-content .row.detail-columns--all .column:first-child, .panel-with-header--completed .panel-content .row.detail-columns--all .columns:first-child {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
        background-repeat: repeat-y;
        background-size: 2px 105px;
        background-position: top left
    }
}

.panel-with-header--completed .panel-content .row.header h4 {
    font-size: 1rem;
    font-family: Noto Bold;
    font-weight: 400;
    color: #021B41
}

.panel-with-header--completed .panel-content .row p {
    color: #54565b
}

.panel-with-header--ongoing .panel-content .button {
    color: #fff;
    text-align: left;
    padding-left: 1.25rem;
    padding-right: 2.5rem;
    min-width: 10.625rem;
    font-size: .875rem;
    -webkit-transition: none;
    transition: none
}

.panel-with-header--completed .panel-content .button {
    color: #021B41;
    text-align: left;
    padding-left: 1.25rem;
    padding-right: 2.5rem;
    min-width: 10.625rem;
    font-size: .875rem;
    -webkit-transition: none;
    transition: none
}

.panel-with-header--ongoing .panel-content .button.icon-open-panel {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: .875rem;
    background-position: center right 20px
}

.panel-with-header--ongoing .panel-content .button.icon-close-panel {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: .875rem;
    background-position: center right 20px
}

.panel-with-header--completed .panel-content .button.icon-open-panel {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: .875rem;
    background-position: center right 20px
}

.panel-with-header--completed .panel-content .button.icon-close-panel {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: .875rem;
    background-position: center right 20px
}

.panel-with-header--completed .panel-content-row-wrapper {
    border: 1px solid transparent
}

.panel-with-header--completed .panel-content .column .panel-content-row-wrapper:nth-child(2) .row.summary, .panel-with-header--completed .panel-content .columns .panel-content-row-wrapper:nth-child(2) .row.summary {
    border-top-color: transparent
}

.panel-with-header--completed .panel-content .column .panel-content-row-wrapper:last-child .row.summary, .panel-with-header--completed .panel-content .columns .panel-content-row-wrapper:last-child .row.summary {
    border-bottom: none
}

.panel-with-header--completed .panel-content .column .panel-content-row-wrapper.expanded .row.summary, .panel-with-header--completed .panel-content .columns .panel-content-row-wrapper.expanded .row.summary {
    border-bottom: 1px solid rgba(84,86,91,.15)
}

.panel-with-header--completed .panel-content-row-wrapper.expanded {
    background-color: rgba(123,201,206,.1);
    border: 1px solid #2E5C99;
    margin-bottom: .9375rem
}

    .panel-with-header--completed .panel-content-row-wrapper.expanded .row.summary {
        border-top-color: transparent
    }

.panel-with-header--completed .panel-content-row-wrapper .expanded-content {
    display: none;
    padding-top: 1.5625rem;
    padding-bottom: 1.25rem
}

.panel-with-header--completed .panel-content-row-wrapper.expanded .expanded-content {
    display: block
}

.panel-with-header--completed .panel-content-row-wrapper.expanded .row p:not(.date) {
    font-family: NotoSans-Regular;
    font-weight: 400;
    color: #021B41
}

.panel-with-header--completed .panel-content-row-wrapper .expanded-content.updated-information p {
    font-family: NotoSans-Regular;
    font-weight: 400;
    color: #021B41
}

.panel-with-header--completed .panel-content-row-wrapper .expanded-content.updated-information .detail-columns {
    margin-top: 1.25rem
}

.panel-with-header--completed .panel-content-row-wrapper .expanded-content.updated-information dt {
    color: #54565b;
    font-size: .9375rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

    .panel-with-header--completed .panel-content-row-wrapper .expanded-content.updated-information dt:first-child {
        margin-top: 0
    }

.panel-with-header--completed .panel-content-row-wrapper .expanded-content.updated-information dd {
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    color: #021B41
}

@media only screen and (max-width:414px) {
    .panel-with-header .panel-content .tag {
        font-size: .625rem;
        padding: .3125rem .625rem
    }

    .panel-with-header--ongoing .panel-content-row-wrapper {
        padding: .9375rem .625rem 0 1.25rem
    }

    .panel-with-header--ongoing .panel-content h4 {
        margin-top: .625rem;
        font-size: 1.0625rem
    }

    .panel-with-header.header-dark .panel-header h3 {
        font-size: 1.25rem
    }

    .panel-with-header.header-dark .panel-header p {
        font-size: .9375rem
    }

    .panel-with-header--completed .panel-content .row p {
        font-size: .875rem
    }

    .panel-with-header--completed .panel-content .row.header h4 {
        font-size: .875rem
    }

    .panel-with-header--completed .panel-content .row.header {
        margin-left: -.625rem;
        margin-right: -.625rem;
        border-radius: 0
    }

        .panel-with-header--completed .panel-content .row.header .column:first-child, .panel-with-header--completed .panel-content .row.header .columns:first-child {
            padding-left: 1.25rem
        }

        .panel-with-header--completed .panel-content .row.header .column:last-child, .panel-with-header--completed .panel-content .row.header .columns:last-child {
            padding-left: .625rem
        }

    .panel-with-header--ongoing .panel-content .row .column:last-child, .panel-with-header--ongoing .panel-content .row .columns:last-child {
        padding-top: .375rem
    }

        .panel-with-header--ongoing .panel-content .row .column:last-child p, .panel-with-header--ongoing .panel-content .row .columns:last-child p {
            font-size: .8125rem
        }

    .panel-with-header .panel-header {
        padding: .9375rem 1.25rem 1.25rem 1.25rem
    }

    .panel-with-header--completed .panel-content {
        padding: 0 .625rem 2rem .625rem
    }

        .panel-with-header--completed .panel-content .row.summary {
            padding-top: .75rem;
            padding-bottom: .75rem
        }

        .panel-with-header--completed .panel-content .row .column:first-child, .panel-with-header--completed .panel-content .row .columns:first-child {
            padding-left: .625rem
        }

        .panel-with-header--completed .panel-content .button:not(.transparent), .panel-with-header--ongoing .panel-content .button:not(.transparent) {
            padding-left: 0;
            padding-right: 0;
            min-width: auto;
            font-size: .8125rem;
            text-indent: -5000px;
            background-color: transparent;
            width: 30px
        }

    .panel-with-header--ongoing .panel-content .button.icon-open-panel {
        background-position: center right 10px
    }

    .panel-with-header--ongoing .panel-content .button.icon-close-panel {
        background-position: center right 10px
    }

    .panel-with-header--completed .panel-content .button.icon-open-panel {
        background-position: center right 10px
    }

    .panel-with-header--completed .panel-content .button.icon-close-panel {
        background-position: center right 10px
    }

    .panel-with-header--ongoing .panel-content .button {
        margin-top: .625rem
    }

        .panel-with-header--ongoing .panel-content .button.icon-open-panel {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
        }

        .panel-with-header--ongoing .panel-content .button.icon-close-panel {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
        }

    .panel-with-header .panel-content .progress-list {
        padding-left: 3rem
    }

        .panel-with-header .panel-content .progress-list li h3 {
            font-size: .875rem
        }

        .panel-with-header .panel-content .progress-list li .date {
            font-size: .8125rem
        }

        .panel-with-header .panel-content .progress-list li:after {
            top: -.1875rem;
            left: -2.8125rem;
            width: 1.875rem;
            height: 1.875rem
        }

        .panel-with-header .panel-content .progress-list li:before {
            top: 52%;
            left: -1.9375rem;
            height: 70%
        }

        .panel-with-header .panel-content .progress-list li.completed:after {
            background-size: 1rem
        }

    .panel-with-header--completed .panel-content .detail-columns .column:first-child, .panel-with-header--completed .panel-content .detail-columns .columns:first-child {
        padding-left: 1.25rem
    }

    .panel-with-header--completed .panel-content .detail-columns .column, .panel-with-header--completed .panel-content .detail-columns .columns {
        padding-left: 1.25rem
    }

    .panel-with-header--completed .panel-content-row-wrapper .expanded-content.updated-information dt {
        font-size: .8125rem
    }

    .panel-with-header--completed .panel-content-row-wrapper .expanded-content.updated-information dd {
        font-size: .9375rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel-with-header.header-dark .panel-header h3 {
        font-size: 1.375rem
    }

    .panel-with-header.header-dark .panel-header p {
        font-size: 1rem
    }

    .panel-with-header .panel-content .tag {
        font-size: .75rem;
        padding: .3125rem .625rem
    }

    .panel-with-header--ongoing .panel-content-row-wrapper {
        padding: 1.5625rem .625rem 0 1.25rem
    }

    .panel-with-header--ongoing .panel-content h4 {
        margin-top: .625rem
    }

    .panel-with-header .panel-header {
        padding: .9375rem 1.25rem 1.25rem 1.25rem
    }

    .panel-with-header--completed .panel-content {
        padding: 0 1rem 2rem 1rem
    }

        .panel-with-header--completed .panel-content .row.header {
            margin-left: -1rem;
            margin-right: -1rem;
            border-radius: 0
        }

            .panel-with-header--completed .panel-content .row.header .column:first-child, .panel-with-header--completed .panel-content .row.header .columns:first-child {
                padding-left: 1.875rem
            }

            .panel-with-header--completed .panel-content .row.header .column:last-child, .panel-with-header--completed .panel-content .row.header .columns:last-child {
                padding-left: .9375rem
            }

        .panel-with-header--completed .panel-content .row .column:first-child, .panel-with-header--completed .panel-content .row .columns:first-child {
            padding-left: .9375rem
        }

        .panel-with-header--completed .panel-content .button:not(.transparent), .panel-with-header--ongoing .panel-content .button:not(.transparent) {
            padding-left: 0;
            padding-right: 0;
            min-width: auto;
            font-size: .8125rem;
            text-indent: -5000px;
            background-color: transparent;
            width: 30px
        }

    .panel-with-header--ongoing .panel-content .button.icon-open-panel {
        background-position: center right 10px
    }

    .panel-with-header--ongoing .panel-content .button.icon-close-panel {
        background-position: center right 10px
    }

    .panel-with-header--completed .panel-content .button.icon-open-panel {
        background-position: center right 10px
    }

    .panel-with-header--completed .panel-content .button.icon-close-panel {
        background-position: center right 10px
    }

    .panel-with-header--ongoing .panel-content .button.icon-open-panel {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .panel-with-header--ongoing .panel-content .button.icon-close-panel {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .panel-with-header--completed .panel-content .detail-columns .column, .panel-with-header--completed .panel-content .detail-columns .columns {
        padding-left: .9375rem;
        margin-left: 1.25rem
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .panel-with-header--completed .panel-content {
        padding: 1.25rem 1rem 2rem 1rem
    }

        .panel-with-header--completed .panel-content .row .column:first-child, .panel-with-header--completed .panel-content .row .columns:first-child {
            padding-left: 1.25rem
        }

        .panel-with-header--completed .panel-content .button {
            padding-left: 1.25rem;
            padding-right: 2.25rem;
            min-width: 10.375rem;
            font-size: .8125rem
        }
}

.panel-rating {
    padding-top: 3rem;
    padding-bottom: 2rem
}

    .panel-rating.panel-internal h3 {
        font-size: 1.3125rem;
        margin-bottom: 1.25rem
    }

    .panel-rating.panel-internal .rating li a {
        font-size: 1.125rem
    }

@media only screen and (max-width:414px) {
    .panel-rating.panel-internal h3 {
        font-size: 1.125rem
    }
}

hr.full-width-divider {
    margin-left: -2.25rem;
    margin-right: -2.25rem
}

.panel-internal.indented hr.full-width-divider {
    margin-left: -6.25rem;
    margin-right: -6.25rem
}

.panel-internal .panel-content hr.full-width-divider {
    margin-left: -2.75rem;
    margin-right: -2.75rem
}

@media only screen and (max-width:414px) {
    hr.full-width-divider {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .panel-internal.indented hr.full-width-divider {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .panel-internal .panel-content hr.full-width-divider {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel-internal.indented hr.full-width-divider {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .panel-with-header .panel-content.reduce-padding-small-medium-content hr.full-width-divider {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .panel-internal.indented hr.full-width-divider {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

.small-panel {
    background-color: #fff;
    border: 1px solid rgba(0,45,89,.12);
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px 2px rgba(0,45,89,.1);
    box-shadow: 0 1px 2px 2px rgba(0,45,89,.1);
    padding: .9375rem .9375rem 1rem .9375rem;
    margin-top: .625rem;
    margin-bottom: 1.5rem
}

    .small-panel .row {
        margin-left: 0;
        margin-right: 0
    }

.small-panel--fund-value {
    padding-left: 3.125rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cline%20x1%3D%2218.99%22%20y1%3D%228.15%22%20x2%3D%2218.99%22%20y2%3D%2220.65%22%20fill%3D%22none%22%20stroke%3D%22%2326ae76%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2219.34%22%20y1%3D%2220.85%22%20x2%3D%2225.01%22%20y2%3D%2226.52%22%20fill%3D%22none%22%20stroke%3D%22%2326ae76%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2217.23%22%20fill%3D%22none%22%20stroke%3D%22%2326ae76%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: top 16px left 18px
}

    .small-panel--fund-value h4.fund-title {
        font-family: Noto Bold;
        font-weight: 400;
        font-size: .9375rem;
        margin-bottom: .1875rem
    }

        .small-panel--fund-value h4.fund-title strong {
            font-family: Noto Bold;
            font-weight: 400;
            font-size: 1rem
        }

    .small-panel--fund-value .fund-status {
        color: #54565b;
        font-size: .9375rem;
        margin-bottom: 0
    }

    .small-panel--fund-value .units {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem;
        margin-bottom: 0
    }

        .small-panel--fund-value .units span {
            font-family: NotoSans-Regular;
            font-weight: 400;
            font-size: .875rem;
            margin-bottom: 0
        }

    .small-panel--fund-value .units-status {
        color: #26ae76;
        font-size: .9375rem;
        margin-bottom: 0
    }

.row.white-panel-rounded, .white-panel-rounded {
    border-radius: 10px;
    background-color: #fff;
    padding: 1.5rem .625rem 1.375rem .625rem;
    margin-left: 0;
    margin-right: 0
}

    .white-panel-rounded li, .white-panel-rounded p {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem
    }

.download-links a {
    border-bottom: 2px solid rgba(0,45,89,.3);
    text-decoration: none;
    padding-left: 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%227%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23002d59%22%2F%3E%3Cpolygon%20points%3D%2218.5%2014%2018.5%201%209.5%201%209.5%2014%206%2014%2014%2023%2022%2014%2018.5%2014%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center right
}

    .download-links a:hover {
        border-bottom: 2px solid #2E5C99;
        text-decoration: none
    }

li.tick {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%232E5C99%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center left;
    padding: .375rem .375rem .375rem 1.75rem
}

.numbered {
    position: relative;
    padding-bottom: .625rem;
    font-family: NotoSans-Regular
}

    .numbered:before {
        content: '';
        display: inline-block;
        width: 2.625rem;
        height: 2.625rem;
        text-align: center;
        line-height: 2.625rem;
        background-color: #fff;
        border-radius: 999px;
        font-family: NotoSans-Regular;
        margin-right: .875rem
    }

    .numbered.one:before {
        content: '1'
    }

    .numbered.two:before {
        content: '2'
    }

    .numbered.three:before {
        content: '3'
    }

.detail-columns {
    margin-top: 1.875rem
}

    .detail-columns .column, .detail-columns .columns {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
        background-repeat: repeat-y;
        background-size: 2px 105px;
        background-position: top left;
        margin-bottom: 1.25rem
    }

        .detail-columns .column p, .detail-columns .columns p {
            line-height: 1.3
        }

        .detail-columns .column:first-child, .detail-columns .columns:first-child {
            background-image: none
        }

        .detail-columns .column.no-border, .detail-columns .no-border.columns {
            background-image: none
        }

.two-column-divider .column, .two-column-divider .columns {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
    background-repeat: repeat-y;
    background-size: 2px 105px;
    background-position: top left
}

    .two-column-divider .column:first-child, .two-column-divider .columns:first-child {
        background-image: none
    }

.three-column-dividers .column, .three-column-dividers .columns {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
    background-repeat: repeat-y;
    background-size: 2px 105px;
    background-position: top left
}

    .three-column-dividers .column.no-border, .three-column-dividers .no-border.columns {
        background-image: none
    }

    .three-column-dividers .column:first-child, .three-column-dividers .columns:first-child {
        background-image: none
    }

    .three-column-dividers .column h4, .three-column-dividers .columns h4 {
        font-family: Noto Bold;
        font-weight: 400;
        margin-bottom: 1.25rem
    }

    .three-column-dividers .column p, .three-column-dividers .columns p {
        margin-bottom: 0;
        font-size: 1.125rem
    }

@media only screen and (max-width:414px) {
    .detail-columns .column, .detail-columns .columns {
        background-image: none
    }

    .two-column-divider .column, .two-column-divider .columns {
        background-image: none;
        padding-top: 2rem;
        margin-bottom: 2rem;
        position: relative
    }

    .three-column-dividers .column.no-border-small-only, .three-column-dividers .no-border-small-only.columns {
        background-image: none
    }

    .two-column-divider .column:after, .two-column-divider .columns:after {
        content: '';
        position: absolute;
        top: 0;
        left: 5px;
        right: 5px;
        height: 2px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        background-size: 105px 2px;
        background-position: top center
    }

    .two-column-divider .column:first-child, .two-column-divider .columns:first-child {
        background-image: none;
        border-top: none;
        padding-top: 0
    }

        .two-column-divider .column:first-child:after, .two-column-divider .columns:first-child:after {
            background-image: none;
            border-top: none
        }

    .three-column-dividers .column, .three-column-dividers .columns {
        border-left: none;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        background-size: 105px 2px;
        background-position: top left;
        padding-top: 1.5rem;
        margin-bottom: 1.5rem
    }

        .three-column-dividers .column:first-child, .three-column-dividers .columns:first-child {
            background-image: none;
            border-top: none;
            padding-top: 0;
            margin-bottom: 1.5rem
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .detail-columns:not(.detail-columns--all) .column, .detail-columns:not(.detail-columns--all) .columns {
        background-image: none
    }

    .two-column-divider .column, .two-column-divider .columns {
        background-image: none;
        padding-top: 2rem;
        margin-bottom: 2rem;
        position: relative
    }

    .three-column-dividers .column.no-border-medium-only, .three-column-dividers .no-border-medium-only.columns {
        background-image: none
    }

    .two-column-divider .column:after, .two-column-divider .columns:after {
        content: '';
        position: absolute;
        top: 0;
        left: 10px;
        right: 10px;
        height: 2px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        background-size: 105px 2px;
        background-position: top center
    }

    .two-column-divider .column:first-child, .two-column-divider .columns:first-child {
        background-image: none;
        border-top: none;
        padding-top: 0
    }

        .two-column-divider .column:first-child:after, .two-column-divider .columns:first-child:after {
            background-image: none;
            border-top: none
        }

    .three-column-dividers .column, .three-column-dividers .columns {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        background-size: 105px 2px;
        background-position: top left;
        padding-top: 1.5rem;
        margin-bottom: 1.5rem
    }

        .three-column-dividers .column:first-child, .three-column-dividers .columns:first-child {
            background-image: none;
            border-top: none;
            padding-top: 0;
            margin-bottom: 1.5rem
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .detail-columns:not(.detail-columns--all) .column:nth-child(3), .detail-columns:not(.detail-columns--all) .columns:nth-child(3) {
        background-image: none
    }

    .two-column-divider .column, .two-column-divider .columns {
        background-image: none;
        padding-top: 2rem;
        margin-bottom: 2rem;
        position: relative
    }

        .two-column-divider .column:after, .two-column-divider .columns:after {
            content: '';
            position: absolute;
            top: 0;
            left: 15px;
            right: 15px;
            height: 2px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
            background-repeat: repeat-x;
            background-size: 105px 2px;
            background-position: top center
        }

        .two-column-divider .column:first-child, .two-column-divider .columns:first-child {
            background-image: none;
            border-top: none;
            padding-top: 0
        }

            .two-column-divider .column:first-child:after, .two-column-divider .columns:first-child:after {
                background-image: none;
                border-top: none
            }

    .three-column-dividers .column.no-border-large-only, .three-column-dividers .no-border-large-only.columns {
        background-image: none
    }
}

@media only screen and (min-width:720px) {
    .three-column-dividers .column.no-border-large-up, .three-column-dividers .no-border-large-up.columns {
        background-image: none
    }
}

#active_bank_account .account-numbers span, #active_bank_account .sort-code span, #bank_account_a .account-numbers span, #bank_account_a .sort-code span, #bank_account_b .account-numbers span, #bank_account_b .sort-code span, #new_bank_account .account-numbers span, #new_bank_account .sort-code span {
    position: relative;
    display: inline-block;
    color: transparent;
    width: 8px
}

    #active_bank_account .account-numbers span:after, #active_bank_account .sort-code span:after, #bank_account_a .account-numbers span:after, #bank_account_a .sort-code span:after, #bank_account_b .account-numbers span:after, #bank_account_b .sort-code span:after, #new_bank_account .account-numbers span:after, #new_bank_account .sort-code span:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '*';
        color: #54565b
    }

#active_bank_account.show-characters .account-numbers span, #active_bank_account.show-characters .sort-code span, #bank_account_a.show-characters .account-numbers span, #bank_account_a.show-characters .sort-code span, #bank_account_b.show-characters .account-numbers span, #bank_account_b.show-characters .sort-code span, #new_bank_account.show-characters .account-numbers span, #new_bank_account.show-characters .sort-code span {
    color: #54565b;
    width: auto
}

    #active_bank_account.show-characters .account-numbers span:after, #active_bank_account.show-characters .sort-code span:after, #bank_account_a.show-characters .account-numbers span:after, #bank_account_a.show-characters .sort-code span:after, #bank_account_b.show-characters .account-numbers span:after, #bank_account_b.show-characters .sort-code span:after, #new_bank_account.show-characters .account-numbers span:after, #new_bank_account.show-characters .sort-code span:after {
        display: none
    }

.panel-table {
    border-collapse: separate
}

    .panel-table, .panel-table tbody, .panel-table thead {
        background-color: transparent;
        border: none
    }

        .panel-table a.row {
            border-radius: 10px;
            -webkit-box-shadow: 0 5px 18px 0 rgba(123,201,206,.31);
            box-shadow: 0 5px 18px 0 rgba(123,201,206,.31);
            border: solid 1px rgba(0,45,89,.1);
            background-color: #fff;
            padding: 1.5rem .75rem 1.5rem 1rem;
            margin-top: 1.25rem;
            margin-bottom: 1.25rem;
            text-decoration: none;
            -webkit-transition: border .25s;
            transition: border .25s
        }

            .panel-table a.row:hover {
                border: solid 1px #2E5C99
            }

        .panel-table .row div {
            padding-left: 0
        }

            .panel-table .row div.no-wrap {
                white-space: nowrap
            }

            .panel-table .row div.status {
                font-family: NotoSans-Regular;
                font-weight: 400
            }

            .panel-table .row div.status-active {
                color: #feb127
            }

            .panel-table .row div.status-in-pay {
                color: #26ae76
            }

.panel-table__header {
    font-family: NotoSans-Regular;
    font-weight: 400;
    padding: 0 .75rem 0 1rem
}

@media only screen and (min-width:0) and (max-width:414px) {
    .panel-internal {
        padding: 2.25rem 1.5rem 2.25rem 1.5rem
    }

        .panel-internal.indented {
            padding: 1.5rem 1.5rem 1.375rem 1.5rem
        }

        .panel-internal.indented-smaller {
            padding: 1.5rem 1.5rem 1.375rem 1.5rem
        }

    .panel-table .row {
        margin-left: 0;
        margin-right: 0
    }

        .panel-table .row div.account-type {
            margin-top: .3125rem
        }

        .panel-table .row div.scheme {
            margin-top: .3125rem
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .panel-table .row div.scheme {
        margin-top: .3125rem
    }

    .panel-internal.indented {
        padding: 1.5rem 1.5rem 1.375rem 1.5rem
    }

    .panel-internal.indented-smaller {
        padding: 1.5rem 1.5rem 1.375rem 1.5rem
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .panel-internal.indented {
        padding: 1.5rem 1.5rem 1.375rem 1.5rem
    }
}

.summary-row {
    background-color: transparent;
    margin-left: 0;
    margin-right: 0
}

    .summary-row .column, .summary-row .columns {
        font-size: 1.125rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        position: relative
    }

        .summary-row .column.rule, .summary-row .column:first-child, .summary-row .columns:first-child, .summary-row .rule.columns {
            padding-left: 1.875rem
        }

        .summary-row .column h4, .summary-row .columns h4 {
            margin-bottom: 0;
            font-family: Noto Bold;
            font-weight: 400
        }

            .summary-row .column h4.bolder, .summary-row .columns h4.bolder {
                font-family: Noto Bold;
                font-weight: 400
            }

        .summary-row .column p, .summary-row .columns p {
            margin-bottom: 0
        }

        .summary-row .column.offset-arrow:before, .summary-row .offset-arrow.columns:before {
            content: '';
            width: 66px;
            height: 66px;
            background-color: #fff;
            border: 10px solid #e5f5f6;
            border-radius: 999px;
            position: absolute;
            top: 50%;
            left: -48px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            display: inline-block;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cpolygon%20points%3D%2226.56%2013.5%2011.68%203.61%2011.99%2010.08%200.44%2010.08%200.44%2016.92%2011.99%2016.92%2011.68%2023.39%2026.56%2013.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
            background-size: 1.625rem 1.625rem;
            background-repeat: no-repeat;
            background-position: center
        }

        .summary-row .column.offset-arrow.reduced-offset-top:before, .summary-row .offset-arrow.reduced-offset-top.columns:before {
            top: 25%
        }

        .summary-row .column.offset-arrow.reduced-offset-fixed-top:before, .summary-row .offset-arrow.reduced-offset-fixed-top.columns:before {
            top: 1.5rem
        }

        .summary-row .column.offset-arrow.dark-border:before, .summary-row .offset-arrow.dark-border.columns:before {
            border: 10px solid #2E5C99
        }

    .summary-row .date p, .summary-row .total p {
        font-size: 1.375rem;
        display: inline-block
    }

    .summary-row .date-larger p, .summary-row .total-larger p {
        font-size: 1.75rem
    }

    .summary-row h4.enlarged, .summary-row p.enlarged {
        font-family: Noto Bold;
        font-weight: 400;
        font-size: 1.75rem;
        line-height: 1.25
    }

    .summary-row p.small-block {
        font-size: .875rem;
        display: block
    }

.summary-detail-row {
    padding-top: .75rem;
    padding-left: 1.875rem
}

.summary-sub-row {
    padding-top: 1.5rem;
    padding-left: 2.5rem
}

    .summary-sub-row .column h4, .summary-sub-row .columns h4 {
        font-family: Noto Bold;
        font-weight: 400;
        font-size: 1rem
    }

    .summary-sub-row .column h4, .summary-sub-row .columns h4 {
        font-family: Noto Bold;
        font-weight: 400;
        font-size: 1rem;
        margin-top: 1rem
    }

    .summary-sub-row .row:first-child .column h4, .summary-sub-row .row:first-child .columns h4 {
        margin-top: 0
    }

    .summary-sub-row ul {
        margin-left: 0;
        margin-bottom: 0;
        list-style: none;
        font-size: 1rem
    }

        .summary-sub-row ul li {
            position: relative;
            padding-left: 1.5rem
        }

            .summary-sub-row ul li:before {
                content: '\2014';
                position: absolute;
                left: 0
            }

    .summary-sub-row .date p {
        font-size: inherit;
        display: inline-block
    }

    .summary-sub-row .total p {
        font-size: inherit;
        display: inline-block;
        margin-top: .1875rem
    }

    .summary-sub-row .indented {
        padding-left: 1.625rem
    }

    .summary-sub-row.reduced-spacing ul {
        padding-top: 0
    }

        .summary-sub-row.reduced-spacing ul li {
            margin-bottom: 0
        }

.summary-header p {
    margin-bottom: 0;
    color: #54565b
}

    .summary-header p strong {
        color: #021B41
    }

@media only screen and (max-width:414px) {
    .summary-row .column.date, .summary-row .column.total, .summary-row .date.columns, .summary-row .total.columns {
        padding-left: 2.75rem
    }

    .summary-row .column h4, .summary-row .columns h4 {
        font-size: 1rem
    }

    .summary-row h4.enlarged, .summary-row p.enlarged {
        font-size: 1.125rem
    }

    .summary-row .date p, .summary-row .total p {
        font-size: 1.25rem
    }

    .summary-row p.small-block {
        font-size: .875rem
    }

        .summary-row p.small-block.inline-small {
            display: inline
        }

    .summary-row .column, .summary-row .column.rule, .summary-row .column:first-child, .summary-row .columns, .summary-row .columns:first-child, .summary-row .rule.columns {
        padding-left: 2.75rem
    }

    .summary-sub-row {
        padding-left: 1.25rem
    }

        .summary-sub-row .column h4, .summary-sub-row .columns h4 {
            font-size: .9375rem
        }

        .summary-sub-row ul {
            font-size: .875rem
        }

    .summary-row .column.offset-arrow:before, .summary-row .offset-arrow.columns:before {
        width: 56px;
        height: 56px;
        left: -16px;
        background-size: 1.25rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .summary-row .column.date, .summary-row .column.total, .summary-row .date.columns, .summary-row .total.columns {
        padding-left: 1.875rem
    }

    .summary-row .column h4, .summary-row .columns h4 {
        font-size: 1rem
    }

    .summary-row h4.enlarged, .summary-row p.enlarged {
        font-size: 1.375rem
    }

    .summary-row .date p, .summary-row .total p {
        font-size: 1.25rem
    }

    .summary-row p.small-block {
        font-size: .875rem
    }

        .summary-row p.small-block.inline-medium {
            display: inline
        }

    .summary-sub-row {
        padding-left: .625rem
    }

        .summary-sub-row .column h4, .summary-sub-row .columns h4 {
            font-size: .9375rem
        }

        .summary-sub-row ul {
            font-size: .875rem
        }

    .summary-row .column.offset-arrow:before, .summary-row .offset-arrow.columns:before {
        left: -58px
    }
}

.transfer-quote-summary-sub-row .columns:first-child {
    padding-left: 1rem
}

.transfer-quote-panel {
    font-family: NotoSans-Regular;
    font-weight: 400;
    position: relative;
    padding: 3.125rem 3.125rem 2.625rem 3.125rem
}

    .transfer-quote-panel:after {
        content: '';
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        border-radius: 5px;
        border: solid 1px rgba(0,45,89,.12);
        background-color: transparent;
        pointer-events: none
    }

    .transfer-quote-panel h4 {
        font-size: 1.25rem;
        font-family: Noto Bold;
        font-weight: 400;
        margin-bottom: 1rem
    }

    .transfer-quote-panel h5 {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem;
        margin-top: .75rem;
        margin-bottom: 0
    }

    .transfer-quote-panel p {
        font-size: 1.125rem;
        margin-bottom: 1rem
    }

        .transfer-quote-panel p.number {
            font-size: 1.75rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            margin-bottom: 0
        }

.transfer-quote-panel-arrow {
    padding-left: 3.75rem
}

    .transfer-quote-panel-arrow:after {
        background-color: #f9f9f9;
        z-index: 0
    }

    .transfer-quote-panel-arrow div {
        position: relative;
        z-index: 2
    }

    .transfer-quote-panel-arrow h4 {
        margin-bottom: .25rem
    }

    .transfer-quote-panel-arrow h5 {
        white-space: nowrap;
        min-height: 1.4375rem
    }

        .transfer-quote-panel-arrow h5.wrap {
            white-space: normal
        }

    .transfer-quote-panel-arrow p {
        font-family: NotoSans-Regular;
        font-size: 1rem
    }

    .transfer-quote-panel-arrow .values-add {
        display: table
    }

        .transfer-quote-panel-arrow .values-add div {
            display: table-cell
        }

    .transfer-quote-panel-arrow .plus-icon {
        min-width: 3.75rem
    }

    .transfer-quote-panel-arrow:before {
        content: '';
        width: 52px;
        height: 52px;
        background-color: #fff;
        border: 7px solid rgba(123,201,206,.75);
        border-radius: 999px;
        position: absolute;
        top: 64px;
        left: -5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cpolygon%20points%3D%2226.56%2013.5%2011.68%203.61%2011.99%2010.08%200.44%2010.08%200.44%2016.92%2011.99%2016.92%2011.68%2023.39%2026.56%2013.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
        background-size: 1.375rem 1.375rem;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2
    }

    .transfer-quote-panel-arrow .plus-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.87%2013.87%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M10.7%2C5.44H8.44V3.17a1.5%2C1.5%2C0%2C1%2C0-3%2C0V5.44H3.17a1.5%2C1.5%2C0%2C0%2C0%2C0%2C3H5.44V10.7a1.5%2C1.5%2C0%2C1%2C0%2C3%2C0V8.44H10.7a1.5%2C1.5%2C0%2C0%2C0%2C0-3Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 1.375rem 1.375rem;
        background-repeat: no-repeat;
        background-position: center
    }

@media only screen and (max-width:414px) {
    .transfer-quote-summary-row .columns {
        padding-left: .5rem
    }

    .transfer-quote-summary-row .column.offset-arrow:before, .transfer-quote-summary-row .offset-arrow.columns:before {
        width: 36px;
        height: 36px;
        left: -36px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-size: 1rem 1rem
    }

    .transfer-quote-summary-row .column.offset-arrow.dark-border:before, .transfer-quote-summary-row .offset-arrow.dark-border.columns:before {
        border: 4px solid #2E5C99
    }

    .transfer-quote-panel p.number {
        font-size: 1.375rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .transfer-quote-summary-row .column.offset-arrow:before, .transfer-quote-summary-row .offset-arrow.columns:before {
        width: 44px;
        height: 44px;
        left: -48px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-size: 1.25rem 1.25rem
    }

    .transfer-quote-summary-row .column.offset-arrow.dark-border:before, .transfer-quote-summary-row .offset-arrow.dark-border.columns:before {
        border: 6px solid #2E5C99
    }
}

@media only screen and (min-width:0) and (max-width:500px) {
    .transfer-quote-panel-arrow .values-add {
        display: table
    }

        .transfer-quote-panel-arrow .values-add div {
            display: block
        }

    .transfer-quote-panel-arrow .plus-icon {
        min-height: 2.5rem;
        margin-top: 8px
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .transfer-quote-summary-row .columns:first-child, .transfer-quote-summary-row .rule.columns, .transfer-quote-summary-row .total.columns {
        padding-left: .5rem
    }

    .summary-detail-row {
        padding-left: .5rem
    }

    .transfer-quote-summary-row .summary-sub-row {
        padding-left: .5rem
    }

    .transfer-quote-panel {
        font-family: NotoSans-Regular;
        font-weight: 400;
        position: relative;
        padding: 3.125rem 2.375rem 2.625rem 2.375rem
    }

        .transfer-quote-panel:after {
            content: '';
            position: absolute;
            top: 8px;
            right: 8px;
            bottom: 8px;
            left: 8px
        }

    .transfer-quote-panel-arrow {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2.875rem;
        margin-bottom: 2rem
    }

        .transfer-quote-panel-arrow:before {
            width: 40px;
            height: 40px;
            border: 5px solid rgba(123,201,206,.75);
            top: 47px;
            left: -12px;
            background-size: 1.125rem 1.125rem
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .transfer-quote-panel-arrow .values-add {
        display: table
    }

        .transfer-quote-panel-arrow .values-add div {
            display: block
        }

    .transfer-quote-panel-arrow .plus-icon {
        min-height: 2.5rem
    }
}

.bottom-panel-arrow, .right-panel-arrow, .right-panel-arrow-bottom-sm-med {
    position: relative
}

    .bottom-panel-arrow:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -16px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 16px;
        width: 31px;
        background-image: url(../img/bottom-panel-arrow.png);
        background-size: 1.9375rem 1rem;
        background-repeat: no-repeat;
        background-position: top center
    }

    .right-panel-arrow-bottom-sm-med:after, .right-panel-arrow:after {
        content: '';
        position: absolute;
        right: -16px;
        top: 66%;
        height: 31px;
        width: 16px;
        background-image: url(../img/right-panel-arrow.png);
        background-size: 1rem 1.9375rem;
        background-repeat: no-repeat;
        background-position: left center
    }

@media only screen and (min-width:0) and (max-width:719px) {
    .right-panel-arrow-bottom-sm-med:after {
        content: '';
        position: absolute;
        left: 50%;
        right: auto;
        top: auto;
        bottom: -16px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 16px;
        width: 31px;
        background-image: url(../img/bottom-panel-arrow.png);
        background-size: 1.9375rem 1rem;
        background-repeat: no-repeat;
        background-position: top center
    }
}

.linked-dropdown-title {
    position: relative;
    padding-right: 2.5rem;
    text-decoration: none;
    display: inline-block
}

    .linked-dropdown-title:before {
        content: '';
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: .0625rem
    }

    .linked-dropdown-title.is-active:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

.linked-dropdown-content {
    border: none;
    border-top: none;
    border-bottom: none;
    background-color: transparent
}

.pension-options-row-wrapper {
    padding: 1.5625rem 2.75rem .9375rem 2.75rem;
    border: 1px solid rgba(0,45,89,.3);
    border-top: 6px solid #2E5C99;
    margin-top: 1.875rem;
    border-radius: 6px;
    position: relative
}

    .pension-options-row-wrapper h4:not(.h2) {
        font-size: 1.25rem;
        font-family: Noto Bold;
        font-weight: 400;
        position: relative
    }

    .pension-options-row-wrapper:not(.saved-quotes) h4:before {
        content: '';
        width: 53px;
        height: 53px;
        background-color: #fff;
        border: 7px solid #2E5C99;
        border-radius: 999px;
        position: absolute;
        top: 50%;
        left: -70px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cpolygon%20points%3D%2226.56%2013.5%2011.68%203.61%2011.99%2010.08%200.44%2010.08%200.44%2016.92%2011.99%2016.92%2011.68%2023.39%2026.56%2013.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
        background-size: 1.375rem 1.375rem;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: all .25s;
        transition: all .25s
    }

    .pension-options-row-wrapper dt {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: .125rem
    }

    .pension-options-row-wrapper dd {
        color: #021B41
    }

        .pension-options-row-wrapper dd.total {
            font-size: 1.75rem;
            font-family: NotoSans-Regular;
            font-weight: 400
        }

            .pension-options-row-wrapper dd.total span.per {
                font-size: 1.0625rem;
                font-family: NotoSans-Regular;
                font-weight: 400
            }

        .pension-options-row-wrapper dd.percentage {
            font-size: 1rem;
            font-family: NotoSans-Regular;
            font-weight: 400
        }

        .pension-options-row-wrapper dd.description {
            font-size: 1rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            color: #26ae76
        }

        .pension-options-row-wrapper dd.tag-link {
            font-size: .9375rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            margin-top: .75rem
        }

        .pension-options-row-wrapper .heading-row .tag, .pension-options-row-wrapper dd .tag {
            background-color: rgba(255,91,107,.3);
            font-size: .875rem;
            color: #021B41;
            font-family: NotoSans-Regular;
            font-weight: 400;
            padding: .3125rem .6875rem;
            margin-left: 0;
            margin-right: .625rem;
            white-space: nowrap;
            line-height: 1
        }

    .pension-options-row-wrapper.saved-quotes {
        padding: .75rem 1.875rem .75rem 1.875rem;
        border: 1px solid #2E5C99;
        border-top: 8px solid #2E5C99;
        background-color: rgba(123,201,206,.1)
    }

        .pension-options-row-wrapper.saved-quotes hr {
            margin-top: .75rem;
            margin-bottom: .625rem;
            margin-left: -1.875rem;
            margin-right: -1.875rem;
            border-color: rgba(0,45,89,.2)
        }

        .pension-options-row-wrapper.saved-quotes .three-column-dividers {
            margin-top: 1.5rem;
            margin-bottom: 1rem
        }

        .pension-options-row-wrapper.saved-quotes .bottom-row p, .pension-options-row-wrapper.saved-quotes .top-row p {
            margin-bottom: 0
        }

        .pension-options-row-wrapper.saved-quotes .top-row {
            font-family: NotoSans-Regular;
            font-weight: 400;
            font-size: .9375rem
        }

            .pension-options-row-wrapper.saved-quotes .bottom-row p, .pension-options-row-wrapper.saved-quotes .top-row p {
                font-family: NotoSans-Regular;
                font-weight: 400;
                font-size: .9375rem
            }

            .pension-options-row-wrapper.saved-quotes .top-row a.remove-link {
                font-size: .875rem;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
                background-repeat: no-repeat;
                background-size: 22px 22px;
                background-position: center right 4px;
                padding: .4375rem 2.375rem .4375rem .625rem;
                line-height: 1;
                text-align: right;
                border-radius: 6px;
                display: inline-block
            }

                .pension-options-row-wrapper.saved-quotes .top-row a.remove-link:hover {
                    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
                }

                .pension-options-row-wrapper.saved-quotes .top-row a.remove-link.confirm {
                    background-color: rgba(217,48,37,.1);
                    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
                }

                .pension-options-row-wrapper.saved-quotes .top-row a.remove-link.removing {
                    background-color: rgba(217,48,37,.1);
                    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ef7f8a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f8a%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
                    -webkit-animation: pulsing 1s linear infinite;
                    animation: pulsing 1s linear infinite
                }

            .pension-options-row-wrapper.saved-quotes .top-row p span {
                color: #54565b
            }

        .pension-options-row-wrapper.saved-quotes .bottom-row p a {
            font-size: 1rem
        }

        .pension-options-row-wrapper.saved-quotes .bottom-row p span:not(.tag) {
            color: #26ae76
        }

        .pension-options-row-wrapper.saved-quotes .bottom-row p span.red {
            color: #ef4e45
        }

        .pension-options-row-wrapper.saved-quotes .bottom-row .link-arrow {
            position: relative;
            display: inline-block;
            margin-right: 2.125rem;
            line-height: 1.2
        }

            .pension-options-row-wrapper.saved-quotes .bottom-row .link-arrow:after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                right: -2.125rem;
                border: none;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%232E5C99%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
                background-repeat: no-repeat;
                background-size: 24px 18px;
                background-position: center;
                width: 1.5rem;
                height: 1.125rem;
                margin-top: 1px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%)
            }

        .pension-options-row-wrapper.saved-quotes .heading-row {
            margin-top: .625rem
        }

            .pension-options-row-wrapper.saved-quotes .heading-row .button {
                margin-top: .3125rem;
                padding-left: 1.875rem;
                padding-right: 3.4375rem;
                background-position: center right 25px
            }

            .pension-options-row-wrapper .heading-row .column.flex-container, .pension-options-row-wrapper .heading-row .flex-container.columns, .pension-options-row-wrapper.saved-quotes .heading-row .column.flex-container, .pension-options-row-wrapper.saved-quotes .heading-row .flex-container.columns {
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center
            }

    .pension-options-row-wrapper .heading-row .tag {
        margin-top: .1875rem;
        margin-left: .625rem
    }

    .pension-options-row-wrapper .heading-row h4 {
        margin-bottom: 0
    }

    .pension-options-row-wrapper.saved-quotes .retirement-age-date dd.age {
        font-size: 1.75rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .pension-options-row-wrapper.saved-quotes .retirement-age-date dd.age-date {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .pension-options-row-wrapper.saved-quotes .date-of-death dd.date {
        font-size: 1.75rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .pension-options-row-wrapper .remaining-avcs dd.total {
        padding-right: 2.1875rem
    }

    .pension-options-row-wrapper:not(.saved-quotes) .remaining-avcs dd.total:after {
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: center right 0;
        width: 20px;
        height: 20px;
        content: '';
        display: inline-block
    }

    .pension-options-row-wrapper .remaining-avcs dd.total.down:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M29.06%2C21.45H24.5V6.16A4.2%2C4.2%2C0%2C0%2C0%2C20.31%2C2H20a4.2%2C4.2%2C0%2C0%2C0-4.19%2C4.19V21.45H11.25a3.88%2C3.88%2C0%2C0%2C0-3.87%2C3.88v.28h0a3.85%2C3.85%2C0%2C0%2C0%2C1.13%2C2.8l8.69%2C8.69a3.88%2C3.88%2C0%2C0%2C0%2C2.95%2C1.12%2C3.88%2C3.88%2C0%2C0%2C0%2C2.94-1.12l8.69-8.69a3.88%2C3.88%2C0%2C0%2C0%2C1.07-2%2C4.26%2C4.26%2C0%2C0%2C0%2C.08-.8v-.28A3.88%2C3.88%2C0%2C0%2C0%2C29.06%2C21.45Z%22%20fill%3D%22%2326ae76%22%2F%3E%3C%2Fsvg%3E")
    }

    .pension-options-row-wrapper .remaining-avcs dd.total.up:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M11.1%2C18.65h4.56V33.94a4.18%2C4.18%2C0%2C0%2C0%2C4.19%2C4.19h.3a4.18%2C4.18%2C0%2C0%2C0%2C4.19-4.19V18.65H28.9a3.88%2C3.88%2C0%2C0%2C0%2C3.88-3.88v-.28h0a3.91%2C3.91%2C0%2C0%2C0-1.13-2.8L23%2C3A3.86%2C3.86%2C0%2C0%2C0%2C20%2C1.87%2C3.86%2C3.86%2C0%2C0%2C0%2C17.07%2C3l-8.7%2C8.69a3.86%2C3.86%2C0%2C0%2C0-1.06%2C2%2C3.42%2C3.42%2C0%2C0%2C0-.09.79v.28A3.88%2C3.88%2C0%2C0%2C0%2C11.1%2C18.65Z%22%20fill%3D%22%23bb2c2b%22%2F%3E%3C%2Fsvg%3E")
    }

.what-is-pie-link {
    font-size: .9375rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.saved-quotes-link {
    font-size: 1rem;
    color: #021B41;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.saved-quotes-count {
    font-size: 1rem
}

.pc-save-quote-button {
    background-color: #fff;
    color: #021B41;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    border: 1px solid rgba(0,45,89,.2)
}

@media only screen and (min-width:720px) {
    .pc-save-quote-button {
        position: absolute;
        top: 15px;
        right: 25px
    }
}

.pc-save-quote-button:hover {
    background-color: rgba(123,201,206,.5)
}

.pc-save-quote-button.disabled, .pc-save-quote-button.disabled:hover {
    background-color: #fff;
    color: #021B41
}

.pc-save-quote-button .saved-text {
    display: none
}

.pc-save-quote-button.saving {
    -webkit-animation: pulsing 1s linear infinite;
    animation: pulsing 1s linear infinite
}

@-webkit-keyframes pulsing {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes pulsing {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

.pc-save-quote-button.saved {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23002d59%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center right 15px;
    background-color: rgba(123,201,206,.5);
    border-color: transparent;
    padding-right: 2.8rem
}

    .pc-save-quote-button.saved:hover {
        cursor: default
    }

    .pc-save-quote-button.saved .save-quote-text {
        display: none
    }

    .pc-save-quote-button.saved .saved-text {
        display: block
    }

.pc-calculate-button {
    position: relative;
    padding-left: 3.125rem
}

    .pc-calculate-button:after {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        margin-top: 10px;
        width: 22px;
        height: 22px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20d%3D%22M17.5%2C3.5a14%2C14%2C0%2C0%2C0-14%2C14c0%2C.11%2C0%2C.21%2C0%2C.32H.08l5.67%2C7.75%2C5.67-7.75H8c0-.11%2C0-.21%2C0-.32a9.52%2C9.52%2C0%2C1%2C1%2C2%2C5.78L7.23%2C27A14%2C14%2C0%2C1%2C0%2C17.5%2C3.5Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
        background-size: 22px 22px;
        background-repeat: no-repeat;
        background-position: center
    }

    .pc-calculate-button.saving:after {
        -webkit-animation: rotation .75s linear infinite;
        animation: rotation .75s linear infinite
    }

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0Deg);
        transform: rotate(0Deg)
    }

    50% {
        -webkit-transform: rotate(-180Deg);
        transform: rotate(-180Deg)
    }

    100% {
        -webkit-transform: rotate(-360Deg);
        transform: rotate(-360Deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0Deg);
        transform: rotate(0Deg)
    }

    50% {
        -webkit-transform: rotate(-180Deg);
        transform: rotate(-180Deg)
    }

    100% {
        -webkit-transform: rotate(-360Deg);
        transform: rotate(-360Deg)
    }
}

@media only screen and (min-width:0) and (max-width:414px) {
    .pension-options-row-wrapper {
        padding: 1.5625rem 1.875rem .9375rem 1.875rem
    }

        .pension-options-row-wrapper.saved-quotes {
            padding: .75rem 1.875rem 1.25rem 1.875rem
        }

            .pension-options-row-wrapper.saved-quotes hr {
                margin-left: -1.875rem;
                margin-right: -1.875rem
            }

        .pension-options-row-wrapper:not(.saved-quotes) h4:before {
            width: 40px;
            height: 40px;
            border: 5px solid #2E5C99;
            left: -50px;
            background-size: 1.0625rem 1.0625rem
        }

        .pension-options-row-wrapper.saved-quotes .three-column-dividers .column, .pension-options-row-wrapper.saved-quotes .three-column-dividers .columns {
            padding-top: 1rem;
            margin-bottom: 1rem
        }

        .pension-options-row-wrapper.saved-quotes .three-column-dividers {
            margin-top: 1rem;
            margin-bottom: 0
        }

        .pension-options-row-wrapper.saved-quotes .top-row a.remove-link {
            margin-left: -8px
        }

        .pension-options-row-wrapper dt {
            font-size: .875rem
        }

        .pension-options-row-wrapper dd.total {
            font-size: 1.3125rem
        }

            .pension-options-row-wrapper dd.total span.per {
                font-size: .9375rem
            }

        .pension-options-row-wrapper dd.percentage {
            font-size: .875rem
        }

        .pension-options-row-wrapper dd.description {
            font-size: .875rem
        }

    .what-is-pie-link {
        font-size: .8125rem
    }

    .saved-quotes-link {
        font-size: .875rem
    }

    .saved-quotes-count {
        font-size: .875rem
    }

    .pension-options-row-wrapper.saved-quotes .retirement-age-date dd.age {
        font-size: 1.3125rem
    }

    .pension-options-row-wrapper.saved-quotes .retirement-age-date dd.age-date {
        font-size: .875rem
    }

    .pension-options-row-wrapper.saved-quotes .date-of-death dd.date {
        font-size: 1.3125rem
    }

    .pension-options-row-wrapper.saved-quotes .heading-row .column.flex-container, .pension-options-row-wrapper.saved-quotes .heading-row .flex-container.columns {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pension-options-row-wrapper.saved-quotes .heading-row .tag {
        margin-top: .375rem;
        margin-left: 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .pension-options-row-wrapper {
        padding: 1.5625rem 1.875rem .9375rem 1.875rem
    }

        .pension-options-row-wrapper.saved-quotes {
            padding: .75rem 1.875rem 1.25rem 1.875rem
        }

        .pension-options-row-wrapper:not(.saved-quotes) h4:before {
            width: 40px;
            height: 40px;
            border: 5px solid #2E5C99;
            left: -50px;
            background-size: 1.0625rem 1.0625rem
        }

        .pension-options-row-wrapper.saved-quotes .three-column-dividers {
            margin-top: 1rem;
            margin-bottom: 0
        }

        .pension-options-row-wrapper.saved-quotes .top-row a.remove-link {
            margin-left: -8px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .pension-options-row-wrapper:not(.saved-quotes) h4:before {
        width: 40px;
        height: 40px;
        border: 5px solid #2E5C99;
        left: -64px;
        background-size: 1.0625rem 1.0625rem
    }
}

.image-bg-thought-cloud {
    background-image: url(../img/thought-cloud.svg);
    background-size: 200px 200px;
    background-repeat: no-repeat;
    background-position: top 15px right 9%
}

.image-bg-track-your-request {
    background-image: url(../img/track-your-request-panel-big.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right
}

.button.avcs-fund-value-hide-stats {
    margin-bottom: -4.25rem
}

.chart_container {
    position: relative
}

    .chart_container.my_avcs_landing {
        max-width: 230px
    }

@media only screen and (min-width:0) and (max-width:719px) {
    .chart_container.my_avcs_landing {
        max-width: 250px
    }
}

#chart_tooltip {
    position: absolute;
    top: 5%;
    left: 5%;
    font-size: 1.75rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    width: 90%;
    height: 90%;
    padding: 0;
    border-radius: 999px;
    background-color: #fff;
    pointer-events: none
}

    #chart_tooltip span.number {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-75%) translateX(-50%);
        -ms-transform: translateY(-75%) translateX(-50%);
        transform: translateY(-75%) translateX(-50%);
        display: none
    }

    #chart_tooltip span.currency {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(40%) translateX(-50%);
        -ms-transform: translateY(40%) translateX(-50%);
        transform: translateY(40%) translateX(-50%);
        display: block;
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        display: none
    }

@media only screen and (min-width:720px) and (max-width:1023px) {
    #chart_tooltip {
        font-size: 1.375rem
    }
}

.avcs-switch-table {
    border: 1px solid rgba(123,201,206,.6);
    border-radius: 0 0 18px 18px
}

    .avcs-switch-table.row {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.25rem
    }

    .avcs-switch-table .row {
        border-bottom: 1px solid rgba(123,201,206,.6)
    }

    .avcs-switch-table .tfoot {
        background-color: transparent;
        border-radius: 0 0 18px 18px
    }

        .avcs-switch-table .tfoot .row {
            border-bottom: none
        }

        .avcs-switch-table .tfoot .column, .avcs-switch-table .tfoot .columns {
            font-size: 1.5rem
        }

            .avcs-switch-table .tfoot .column:last-child, .avcs-switch-table .tfoot .columns:last-child {
                font-size: 1.5rem;
                border-radius: 0 0 18px 0
            }

    .avcs-switch-table .row .column.main-column, .avcs-switch-table .row .main-column.columns {
        padding: 0
    }

        .avcs-switch-table .row .column.main-column .row, .avcs-switch-table .row .main-column.columns .row {
            margin-left: 0;
            margin-right: 0;
            border-bottom: none
        }

    .avcs-switch-table .main-column .callout.notification {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        margin-bottom: 1.25rem
    }

    .avcs-switch-table .column.title, .avcs-switch-table .title.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .avcs-switch-table .column.current, .avcs-switch-table .current.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        white-space: nowrap
    }

    .avcs-switch-table .balance.columns, .avcs-switch-table .column.balance {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .avcs-switch-table .column.status, .avcs-switch-table .status.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .avcs-switch-table .column.percentage, .avcs-switch-table .percentage.columns {
        padding-left: 0;
        padding-right: 0;
        border-left: 1px solid rgba(123,201,206,.6);
        background-color: rgb(202,225,239);
        white-space: nowrap
    }

        .avcs-switch-table .column.percentage.alert-non-active, .avcs-switch-table .percentage.alert-non-active.columns {
            background-color: rgba(239,78,69,.1)
        }

            .avcs-switch-table .column.percentage.alert-non-active input, .avcs-switch-table .percentage.alert-non-active.columns input {
                border-color: rgba(239,78,69,.6)
            }

    .avcs-switch-table .row .column.total-heading, .avcs-switch-table .row .total-heading.columns {
        font-size: 1.5rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        padding-left: 1.5rem
    }

    .avcs-switch-table .tfoot .column.error, .avcs-switch-table .tfoot .column.error:last-child, .avcs-switch-table .tfoot .error.columns, .avcs-switch-table .tfoot .error.columns:last-child {
        background-color: rgba(239,78,69,.1)
    }

        .avcs-switch-table .tfoot .column.error input[readonly], .avcs-switch-table .tfoot .column.error:last-child input[readonly], .avcs-switch-table .tfoot .error.columns input[readonly], .avcs-switch-table .tfoot .error.columns:last-child input[readonly] {
            background-color: rgba(239,78,69,.1)
        }

    .avcs-switch-table .row .column, .avcs-switch-table .row .columns {
        padding: 3rem 1.5rem 3rem 1rem
    }

    .avcs-switch-table .column.title, .avcs-switch-table .title.columns {
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        padding-left: 1.5rem
    }

    .avcs-switch-table .balance.columns, .avcs-switch-table .column.balance, .avcs-switch-table .column.current, .avcs-switch-table .column.percentage, .avcs-switch-table .current.columns, .avcs-switch-table .percentage.columns {
        font-size: 1.5rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .avcs-switch-table .column.status, .avcs-switch-table .status.columns {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

        .avcs-switch-table .column.status.active, .avcs-switch-table .status.active.columns {
            color: #26ae76
        }

        .avcs-switch-table .column.status.non-active, .avcs-switch-table .status.non-active.columns {
            color: #ef4e45
        }

    .avcs-switch-table span {
        display: block;
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .avcs-switch-table .balance.columns span, .avcs-switch-table .column.balance span, .avcs-switch-table .column.current span, .avcs-switch-table .column.status span, .avcs-switch-table .current.columns span, .avcs-switch-table .status.columns span {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        color: #021B41
    }

    .avcs-switch-table .balance.columns, .avcs-switch-table .column.balance, .avcs-switch-table .column.status, .avcs-switch-table .status.columns {
        position: relative
    }

        .avcs-switch-table .balance.columns:before, .avcs-switch-table .column.balance:before, .avcs-switch-table .column.status:before, .avcs-switch-table .status.columns:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 2px;
            height: calc(100% - 96px);
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
            background-repeat: repeat-y;
            background-size: 2px 105px;
            background-position: top left
        }

    .avcs-switch-table .column.percentage, .avcs-switch-table .percentage.columns {
        text-align: center
    }

        .avcs-switch-table .column.percentage span, .avcs-switch-table .percentage.columns span {
            display: inline-block;
            font-size: 1.5rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            -webkit-transform: translateY(14px);
            -ms-transform: translateY(14px);
            transform: translateY(14px)
        }

        .avcs-switch-table .column.percentage input, .avcs-switch-table .percentage.columns input {
            display: inline-block;
            width: 7rem;
            text-align: center;
            font-size: 1.125rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            color: #021B41;
            padding: 0 0;
            height: 3.625rem;
            margin-right: .625rem;
            margin-bottom: 0;
            border-radius: 8px;
            border: 1px solid rgba(0,45,89,.4);
            background-color: #fff
        }

            .avcs-switch-table .column.percentage input.noborder, .avcs-switch-table .percentage.columns input.noborder {
                border: none;
                -webkit-box-shadow: none;
                box-shadow: none
            }

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

@media only screen and (min-width:0) and (max-width:414px) {
    .image-bg-thought-cloud {
        background-image: none
    }

    .image-bg-track-your-request {
        background-image: none
    }

    .avcs-switch-table .tbody .column, .avcs-switch-table .tbody .columns {
        padding: 1rem 1.5rem 1rem 1.5rem
    }

    .avcs-switch-table .column.title, .avcs-switch-table .title.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.current, .avcs-switch-table .current.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .balance.columns, .avcs-switch-table .column.balance {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.status, .avcs-switch-table .status.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.percentage, .avcs-switch-table .percentage.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.total-heading, .avcs-switch-table .total-heading.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.title, .avcs-switch-table .title.columns {
        width: 100%;
        padding-top: 2.25rem;
        padding-bottom: .75rem
    }

    .avcs-switch-table .row .column:last-child, .avcs-switch-table .row .columns:last-child {
        border-left: none
    }

    .avcs-switch-table .tfoot .column:last-child, .avcs-switch-table .tfoot .columns:last-child {
        border-radius: 0 0 18px 18px
    }

    .avcs-switch-table .balance.columns:before, .avcs-switch-table .column.balance:before, .avcs-switch-table .column.status:before, .avcs-switch-table .status.columns:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 2px;
        width: calc(100% - 48px);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        background-size: 105px 2px;
        background-position: top left
    }

    .avcs-switch-table .column.percentage, .avcs-switch-table .percentage.columns {
        padding: 1.25rem 1.5rem 1.25rem 1.5rem;
        text-align: right;
        border-left: none;
        border-top: 1px solid rgba(123,201,206,.6)
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .image-bg-thought-cloud {
        background-image: none
    }

    .image-bg-track-your-request {
        background-image: none
    }

    .avcs-switch-table .tbody .column, .avcs-switch-table .tbody .columns {
        padding: 1.25rem 1.5rem 1.25rem 1.5rem
    }

    .avcs-switch-table .column.title, .avcs-switch-table .title.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.current, .avcs-switch-table .current.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .balance.columns, .avcs-switch-table .column.balance {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.status, .avcs-switch-table .status.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.percentage, .avcs-switch-table .percentage.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.total-heading, .avcs-switch-table .total-heading.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .avcs-switch-table .column.title, .avcs-switch-table .title.columns {
        width: 100%;
        padding-top: 2.25rem;
        padding-bottom: .75rem
    }

    .avcs-switch-table .column.percentage, .avcs-switch-table .percentage.columns {
        padding: 1.25rem 1.5rem 1.25rem 1.5rem;
        text-align: right;
        border-left: none;
        border-top: 1px solid rgba(123,201,206,.6)
    }

    .avcs-switch-table .tfoot .column:last-child, .avcs-switch-table .tfoot .columns:last-child {
        border-radius: 0 0 18px 18px
    }

    .avcs-switch-table .balance.columns:before, .avcs-switch-table .column.balance:before, .avcs-switch-table .column.status:before, .avcs-switch-table .status.columns:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 2px;
        width: calc(100% - 48px);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        background-size: 105px 2px;
        background-position: top left
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .avcs-switch-table .row .column.main-column, .avcs-switch-table .row .main-column.columns {
        padding-bottom: 1.25rem
    }

    .avcs-switch-table .column.title, .avcs-switch-table .title.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: .625rem
    }

    .avcs-switch-table .column.current, .avcs-switch-table .current.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        white-space: nowrap;
        padding-left: 1.5rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .avcs-switch-table .balance.columns, .avcs-switch-table .column.balance {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .avcs-switch-table .column.status, .avcs-switch-table .status.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

        .avcs-switch-table .balance.columns:before, .avcs-switch-table .column.balance:before, .avcs-switch-table .column.status:before, .avcs-switch-table .status.columns:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 2px;
            height: calc(100% - 54px);
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
            background-repeat: repeat-y;
            background-size: 2px 105px;
            background-position: top left
        }
}

table.dataTable {
    width: 100% !important
}

table.seafoam-borders.dataTable {
    border-collapse: collapse
}

.avcs-contributions-table-wrapper, .avcs-funds-value-table-wrapper, .avcs-transaction-summary-table-wrapper, .my-documents-p60-table-wrapper, .my-documents-payslips-table-wrapper, table.seafoam-borders.dataTable {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

table.seafoam-borders tbody, table.seafoam-borders tbody tr {
    border: none;
    border-top: 1px solid rgba(123,201,206,.25);
    border-bottom: none;
    background-color: rgba(123,201,206,.025)
}

table.dataTable.seafoam-borders tbody td, table.dataTable.seafoam-borders tbody th, table.seafoam-borders td, table.seafoam-borders th {
    font-size: 1rem;
    padding: .875rem .875rem
}

table.dataTable.seafoam-borders.avcs-contributions-table tbody td, table.dataTable.seafoam-borders.avcs-contributions-table tbody th, table.seafoam-borders.avcs-contributions-table td, table.seafoam-borders.avcs-contributions-table th {
    font-size: 1rem;
    padding: 1rem .875rem
}

table.dataTable.seafoam-borders tbody td:first-child {
    padding-left: 1.75rem
}

table.dataTable.seafoam-borders tbody td:last-child {
    padding-right: 1.75rem
}

table.dataTable.seafoam-borders thead {
    border: none
}

    table.dataTable.seafoam-borders thead th {
        white-space: nowrap;
        border-bottom: none;
        padding: .5rem .875rem 1.5rem .875rem;
        font-size: .875rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        vertical-align: bottom
    }

        table.dataTable.seafoam-borders thead th:first-child {
            padding-left: 1.75rem
        }

        table.dataTable.seafoam-borders thead th:last-child {
            padding-right: 1.75rem
        }

    table.dataTable.seafoam-borders thead .sorting_asc {
        background-image: none;
        position: relative
    }

        table.dataTable.seafoam-borders thead .sorting:after, table.dataTable.seafoam-borders thead .sorting_asc:after, table.dataTable.seafoam-borders thead .sorting_desc:after {
            content: '';
            width: 16px;
            height: 16px;
            display: inline-block;
            border-radius: 999px;
            border: 1px solid rgba(123,201,206,.3);
            background-size: .375rem .375rem;
            background-repeat: no-repeat;
            margin-left: .5rem;
            margin-bottom: -.25rem
        }

    table.dataTable.seafoam-borders thead .sorting:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M4.5%2C13.5l6.5%2C7%2C6.5-7%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M17.5%2C8.5%2C11%2C1.5l-6.5%2C7%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-position: top 3px center;
        background-size: .625rem .625rem
    }

    table.dataTable.seafoam-borders thead .sorting_asc:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-position: top 6px center
    }

    table.dataTable.seafoam-borders thead .sorting_desc:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-position: top 5px center
    }

table.avcs-funds-value-table td, table.avcs-funds-value-table th {
    width: 15%
}

    table.avcs-funds-value-table td.fund {
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    table.avcs-funds-value-table td:first-child, table.avcs-funds-value-table th:first-child, table.dataTable.avcs-funds-value-table tbody tr td:first-child {
        width: 40%;
        border-radius: 0
    }

    table.avcs-funds-value-table td:last-child, table.avcs-funds-value-table th:last-child, table.dataTable.avcs-funds-value-table tbody tr td:first-child {
        border-radius: 0
    }

table.avcs-contributions-table td:first-child, table.avcs-contributions-table th:first-child, table.dataTable.avcs-contributions-table tbody tr td:first-child {
    width: 22%;
    border-radius: 0
}

table.avcs-contributions-table td:last-child, table.avcs-contributions-table th:last-child, table.dataTable.avcs-contributions-table tbody tr td:last-child {
    width: 15%;
    text-align: right;
    border-radius: 0
}

table.dataTable.avcs-contributions-table tbody tr td.dataTables_empty {
    text-align: center
}

@media only screen and (min-width:0) and (max-width:719px) {
    table.avcs-funds-value-table td:first-child, table.avcs-funds-value-table th:first-child, table.dataTable.avcs-funds-value-table tbody tr td:first-child {
        min-width: 150px
    }

    table.dataTable.seafoam-borders thead th:first-child {
        padding-left: .75rem
    }

    table.dataTable.seafoam-borders thead th:last-child {
        padding-right: .75rem
    }

    table.dataTable.seafoam-borders tbody td:first-child {
        padding-left: .75rem
    }

    table.dataTable.seafoam-borders tbody td:last-child {
        padding-right: .75rem
    }

    table.dataTable.seafoam-borders thead th {
        padding: .5rem .5rem 1.5rem .5rem;
        font-size: .75rem
    }

    table.dataTable.seafoam-borders tbody td, table.dataTable.seafoam-borders tbody th, table.seafoam-borders td, table.seafoam-borders th {
        font-size: .8125rem;
        padding: .875rem .5rem
    }

    table.dataTable.seafoam-borders.avcs-contributions-table tbody td, table.dataTable.seafoam-borders.avcs-contributions-table tbody th, table.seafoam-borders.avcs-contributions-table td, table.seafoam-borders.avcs-contributions-table th {
        font-size: .8125rem;
        padding: 1rem .5rem
    }
}

@media only screen and (min-width:0) and (max-width:414px) {
    table.dataTable.seafoam-borders.avcs-contributions-table thead th span {
        display: block;
        clear: both
    }
}

@media only screen and (min-width:0) and (max-width:1023px) {
    table.dataTable.seafoam-borders:not(.avcs-contributions-table) thead th span {
        display: block;
        clear: both
    }
}

table.avcs-transaction-summary-table td, table.avcs-transaction-summary-table th {
    width: 16%
}

    table.avcs-transaction-summary-table td:nth-child(2), table.avcs-transaction-summary-table th:nth-child(2) {
        width: 23%
    }

    table.avcs-transaction-summary-table td:nth-child(4), table.avcs-transaction-summary-table th:nth-child(4) {
        width: 13%
    }

    table.avcs-transaction-summary-table td:first-child, table.avcs-transaction-summary-table th:first-child, table.dataTable.avcs-transaction-summary-table tbody tr td:first-child {
        border-radius: 0
    }

    table.avcs-funds-value-table tbody tr td:last-child, table.avcs-funds-value-table thead tr th:last-child, table.avcs-transaction-summary-table tbody tr td:last-child, table.avcs-transaction-summary-table td:last-child, table.avcs-transaction-summary-table th:last-child {
        text-align: right;
        border-radius: 0
    }

    table.avcs-transaction-summary-table th:last-child {
        text-align: left
    }

    table.avcs-transaction-summary-table tbody tr td:last-child, table.avcs-transaction-summary-table td:last-child {
        text-align: center
    }

table.dataTable.avcs-transaction-summary-table tbody tr td.dataTables_empty {
    text-align: center
}

table.avcs-funds-value-table tbody tr td:last-child {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: .8125rem
}

    table.avcs-funds-value-table tbody tr td:last-child a {
        text-decoration: none;
        padding-right: 1.3125rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3C%2Fsvg%3E");
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 14px 14px
    }

        table.avcs-funds-value-table tbody tr td:last-child a:hover {
            text-decoration: underline
        }

table.avcs-funds-value-table td.date-of-valuation, table.avcs-funds-value-table td.latest-value, table.avcs-funds-value-table td.percentage {
    color: #54565b
}

table.avcs-funds-value-table td.percentage, table.avcs-funds-value-table th.percentage {
    text-align: right
}

table.avcs-contributions-table td:nth-child(1) {
    color: #54565b
}

table.avcs-contributions-table td:nth-child(2) {
    font-family: NotoSans-Regular;
    font-weight: 400
}

table.avcs-contributions-table td:nth-child(3) {
    font-family: NotoSans-Regular;
    font-weight: 400
}

table.avcs-transaction-summary-table td:nth-child(2) {
    font-family: NotoSans-Regular;
    font-weight: 400
}

    table.avcs-transaction-summary-table td:nth-child(2) span {
        font-family: NotoSans-Regular;
        font-weight: 400
    }

table.avcs-transaction-summary-table td:nth-child(5) {
    font-family: NotoSans-Regular;
    font-weight: 400
}

table.avcs-transaction-summary-table td:nth-child(1), table.avcs-transaction-summary-table td:nth-child(3), table.avcs-transaction-summary-table td:nth-child(4), table.avcs-transaction-summary-table td:nth-child(6) {
    color: #54565b
}

table.avcs-transaction-summary-table td span.type {
    display: block;
    font-size: .875rem
}

.dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_info, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_info, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_info, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_info, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_info {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: .875rem;
    line-height: 2.25rem;
    color: #54565b;
    clear: none;
    float: none;
    white-space: nowrap;
    padding-top: 0;
    margin-left: .875rem;
    margin-right: .875rem;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.dataTables_wrapper.avcs-contributions-table-wrapper .table-navigation-top, .dataTables_wrapper.avcs-funds-value-table-wrapper .table-navigation-top, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .table-navigation-top, .dataTables_wrapper.my-documents-p60-table-wrapper .table-navigation-top, .dataTables_wrapper.my-documents-payslips-table-wrapper .table-navigation-top {
    margin-bottom: 1.25rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate {
    float: none;
    white-space: nowrap;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: center
}

    .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate .paginate_button {
        background-color: transparent;
        border-radius: 6px;
        border: 1px solid rgba(0,45,89,.25);
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 1rem;
        margin-left: .125rem;
        margin-right: .125rem;
        height: 2.4375rem;
        font-size: .875rem;
        line-height: 2.35rem;
        color: rgba(0,45,89,.45) !important
    }

    .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper.my-documents-p60-table-wrapper .ellipsis, .dataTables_wrapper.my-documents-payslips-table-wrapper .ellipsis {
        display: inline-block
    }

    .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate .paginate_button:hover {
        color: #021B41 !important;
        background-color: transparent;
        border: 1px solid #021B41
    }

    .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #021B41 !important;
        background-color: transparent;
        border: 1px solid rgba(0,45,89,.55)
    }

    .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate .paginate_button:active {
        background-color: transparent;
        border: 1px solid rgba(0,45,89,.55);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate .paginate_button.previous {
        background-color: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-size: 12px 12px;
        padding-left: .25rem;
        padding-right: .25rem
    }

.dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_length, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_length, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_length, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_length, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_length {
    float: none;
    white-space: nowrap;
    padding-top: 0 !important;
    margin-top: 0 !important;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

    .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_length select, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_length select, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_length select, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_length select, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_length select {
        width: 3.75rem;
        border-radius: 6px;
        border-color: rgba(0,45,89,.45);
        font-size: .875rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        line-height: 1.43;
        letter-spacing: .3px;
        color: #021B41;
        margin-left: .3125rem;
        margin-bottom: 0;
        padding-right: 1.125rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: .625rem .625rem;
        background-position: right -.55rem center;
        background-repeat: no-repeat
    }

.dataTables_wrapper.avcs-contributions-table-wrapper .table-navigation-bottom, .dataTables_wrapper.avcs-funds-value-table-wrapper .table-navigation-bottom, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .table-navigation-bottom, .dataTables_wrapper.my-documents-p60-table-wrapper .table-navigation-bottom, .dataTables_wrapper.my-documents-payslips-table-wrapper .table-navigation-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.25rem
}

table.dataTable.my-documents-p60-table tbody tr td.dataTables_empty, table.dataTable.my-documents-p60-table tbody tr td:last-child.dataTables_empty, table.dataTable.my-documents-payslips-table tbody tr td.dataTables_empty, table.dataTable.my-documents-payslips-table tbody tr td:last-child.dataTables_empty {
    text-align: center
}

.date-range-select-wrapper {
    width: 100%;
    max-width: 575px;
    display: block
}

    .date-range-select-wrapper.no-max-width {
        max-width: 100%
    }

    .date-range-select-wrapper p {
        font-size: .875rem
    }

    .date-range-select-wrapper .date-cols-container {
        width: 100%;
        max-width: 100%
    }

    .date-range-select-wrapper .date-from-col {
        padding-right: .625rem
    }

@media all and (-ms-high-contrast:active),all and (-ms-high-contrast:none) {
    .date-range-select-wrapper .date-cols {
        width: 45%
    }

    .date-range-select-wrapper .link-view-cols {
        width: 45%
    }
}

.date-range-select-wrapper .date-to-col {
    padding-left: .625rem
}

.date-range-select-wrapper .view-col {
    padding-left: 1rem
}

.date-range-select-wrapper .link-col {
    padding-left: 1rem
}

@media only screen and (min-width:0) and (max-width:414px) {
    .date-range-select-wrapper .date-cols-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .date-range-select-wrapper .date-cols {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .date-range-select-wrapper .date-from-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .date-range-select-wrapper .date-to-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .date-range-select-wrapper .link-view-cols {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 1.5rem
    }

    .date-range-select-wrapper .view-col {
        padding-left: 0;
        padding-right: .3125rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: right
    }

    .date-range-select-wrapper .link-col {
        padding-left: .3125rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.dataTables_wrapper.avcs-contributions-table-wrapper .date-range-select-wrapper input, .dataTables_wrapper.avcs-funds-value-table-wrapper .date-range-select-wrapper input, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .date-range-select-wrapper input, .dataTables_wrapper.my-documents-p60-table-wrapper .date-range-select-wrapper input, .dataTables_wrapper.my-documents-payslips-table-wrapper .date-range-select-wrapper input, .date-range-select-wrapper input.date-picker, .date-range-select-wrapper input.date-picker-chart {
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid rgba(0,45,89,.25);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 2rem 0 1rem;
    margin-left: .125rem;
    margin-right: .125rem;
    margin-bottom: 0;
    height: 2.4375rem;
    font-size: .875rem;
    line-height: 2.35rem;
    color: rgba(0,45,89,.45) !important;
    background-size: 20px 20px;
    background-position: right .7rem center;
    display: block
}

    .dataTables_wrapper.avcs-contributions-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.avcs-funds-value-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.my-documents-p60-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.my-documents-payslips-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .date-range-select-wrapper input::-webkit-input-placeholder {
        color: #021B41
    }

    .dataTables_wrapper.avcs-contributions-table-wrapper .date-range-select-wrapper input::-moz-placeholder, .dataTables_wrapper.avcs-contributions-table-wrapper .date-range-select-wrapper input::-ms-input-placeholder, .dataTables_wrapper.avcs-contributions-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.avcs-contributions-table-wrapper .date-range-select-wrapper input::placeholder, .dataTables_wrapper.avcs-funds-value-table-wrapper .date-range-select-wrapper input::-moz-placeholder, .dataTables_wrapper.avcs-funds-value-table-wrapper .date-range-select-wrapper input::-ms-input-placeholder, .dataTables_wrapper.avcs-funds-value-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.avcs-funds-value-table-wrapper .date-range-select-wrapper input::placeholder, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .date-range-select-wrapper input::-moz-placeholder, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .date-range-select-wrapper input::-ms-input-placeholder, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .date-range-select-wrapper input::placeholder, .dataTables_wrapper.my-documents-p60-table-wrapper .date-range-select-wrapper input::-moz-placeholder, .dataTables_wrapper.my-documents-p60-table-wrapper .date-range-select-wrapper input::-ms-input-placeholder, .dataTables_wrapper.my-documents-p60-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.my-documents-p60-table-wrapper .date-range-select-wrapper input::placeholder, .dataTables_wrapper.my-documents-payslips-table-wrapper .date-range-select-wrapper input::-moz-placeholder, .dataTables_wrapper.my-documents-payslips-table-wrapper .date-range-select-wrapper input::-ms-input-placeholder, .dataTables_wrapper.my-documents-payslips-table-wrapper .date-range-select-wrapper input::-webkit-input-placeholder, .dataTables_wrapper.my-documents-payslips-table-wrapper .date-range-select-wrapper input::placeholder, .date-range-select-wrapper input::-moz-placeholder, .date-range-select-wrapper input::-ms-input-placeholder, .date-range-select-wrapper input::-webkit-input-placeholder, .date-range-select-wrapper input::placeholder {
        color: #021B41
    }

.date-range-select-wrapper button {
    padding: 0 .75rem;
    border-radius: 999px;
    background-color: #e7e6e4;
    height: 2.4375rem;
    font-size: .875rem;
    line-height: 2.35rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
}

.date-range-select-wrapper a.link {
    padding: 0 0;
    border-radius: 0;
    background-color: transparent;
    height: 2.4375rem;
    font-size: .875rem;
    line-height: 2.35rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
}

.panel-with-header .panel-content .transaction-summary-funds-heading .column:first-child h4, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:first-child h4 {
    font-size: 1.5rem
}

.panel-with-header .panel-content .transaction-summary-funds-heading .column:first-child p, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:first-child p {
    font-size: .9375rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-top: .625rem
}

    .panel-with-header .panel-content .transaction-summary-funds-heading .column:first-child p span, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:first-child p span {
        color: #54565b
    }

.panel-with-header .panel-content .transaction-summary-funds-heading .column:last-child h4, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:last-child h4 {
    font-size: 1.25rem
}

.panel-with-header .panel-content .transaction-summary-funds-heading .column:last-child p, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:last-child p {
    font-size: 1.75rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-top: .3125rem
}

    .panel-with-header .panel-content .transaction-summary-funds-heading .column:last-child p span, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:last-child p span {
        font-size: 1rem
    }

.panel-with-header .panel-content .transaction-summary-funds-heading .column:last-child, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:last-child {
    position: relative
}

    .panel-with-header .panel-content .transaction-summary-funds-heading .column:last-child:before, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:last-child:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 2px;
        height: calc(100%);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
        background-repeat: repeat-y;
        background-size: 2px 105px;
        background-position: top left
    }

.avcs-funds-value-investment-performance h4 {
    font-size: 1.25rem
}

.avcs-funds-value-investment-performance p {
    font-size: 1.75rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-top: .3125rem
}

    .avcs-funds-value-investment-performance p span:not(.currency) {
        font-size: 1rem
    }

    .avcs-funds-value-investment-performance p.filter-results-text {
        font-size: .9375rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        padding-left: .125rem
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .avcs-funds-value-investment-performance h4 {
        padding-left: .3125rem
    }

    .avcs-funds-value-investment-performance p {
        padding-left: .3125rem
    }

    .dataTables_wrapper.avcs-transaction-summary-table-wrapper .table-navigation-top {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .dataTables_wrapper.avcs-transaction-summary-table-wrapper .table-navigation-top {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

        .dataTables_wrapper.avcs-transaction-summary-table-wrapper .table-navigation-top .dataTables_paginate {
            display: none
        }

    .dataTables_wrapper.avcs-contributions-table-wrapper .table-navigation-top {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .dataTables_wrapper.my-documents-p60-table-wrapper .table-navigation-top, .dataTables_wrapper.my-documents-payslips-table-wrapper .table-navigation-top {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

        .dataTables_wrapper.my-documents-p60-table-wrapper .table-navigation-top .dataTables_length, .dataTables_wrapper.my-documents-payslips-table-wrapper .table-navigation-top .dataTables_length {
            display: none
        }

    .dataTables_wrapper.avcs-contributions-table-wrapper .table-navigation-top .dataTables_paginate {
        display: none
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .dataTables_wrapper.avcs-transaction-summary-table-wrapper .table-navigation-top {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .dataTables_wrapper.avcs-contributions-table-wrapper .table-navigation-top {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .dataTables_wrapper.my-documents-p60-table-wrapper .table-navigation-top, .dataTables_wrapper.my-documents-payslips-table-wrapper .table-navigation-top {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .dataTables_wrapper.avcs-contributions-table-wrapper, .dataTables_wrapper.avcs-funds-value-table-wrapper, .dataTables_wrapper.avcs-transaction-summary-table-wrapper, .dataTables_wrapper.my-documents-p60-table-wrapper, .dataTables_wrapper.my-documents-payslips-table-wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

        .dataTables_wrapper.avcs-contributions-table-wrapper .date-range-select-wrapper, .dataTables_wrapper.avcs-funds-value-table-wrapper .date-range-select-wrapper, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .date-range-select-wrapper, .dataTables_wrapper.my-documents-p60-table-wrapper .date-range-select-wrapper, .dataTables_wrapper.my-documents-payslips-table-wrapper .date-range-select-wrapper {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            -ms-flex-order: 3;
            order: 3;
            margin-bottom: .625rem
        }

        .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_paginate, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_paginate, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_paginate, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_paginate, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_paginate {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1
        }

        .dataTables_wrapper.avcs-contributions-table-wrapper .dataTables_length, .dataTables_wrapper.avcs-funds-value-table-wrapper .dataTables_length, .dataTables_wrapper.avcs-transaction-summary-table-wrapper .dataTables_length, .dataTables_wrapper.my-documents-p60-table-wrapper .dataTables_length, .dataTables_wrapper.my-documents-payslips-table-wrapper .dataTables_length {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
            margin-top: 1.25rem !important;
            margin-bottom: 1.25rem
        }

    .panel-with-header .panel-content .transaction-summary-funds-heading .column:last-child, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:last-child {
        margin-top: 1.875rem;
        padding-top: 1.875rem
    }

        .panel-with-header .panel-content .transaction-summary-funds-heading .column:last-child:before, .panel-with-header .panel-content .transaction-summary-funds-heading .columns:last-child:before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 2px;
            width: calc(100%);
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
            background-repeat: repeat-x;
            background-size: 105px 2px;
            background-position: top left
        }
}

.image-bg-view-your-documents {
    background-image: url(../img/view-your-documents-panel-big.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right
}

.commit-wizard {
    padding-top: 6.9375rem;
    padding-bottom: 7.1875rem
}

    .commit-wizard h2 {
        font-size: 1.75rem
    }

    .commit-wizard strong {
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .commit-wizard .summary-sub-row {
        padding-top: 0;
        padding-left: 1.25rem
    }

    .commit-wizard .summary-row .date p, .commit-wizard .summary-row .total p {
        font-size: 1.25rem
    }

    .commit-wizard .summary-sub-row .total p {
        font-size: 1rem
    }

header.commit {
    background-color: #fff;
    border-top: 5px solid rgba(123,201,206,.5);
    -webkit-box-shadow: 0 0 18px 0 rgba(0,45,89,.15);
    box-shadow: 0 0 18px 0 rgba(0,45,89,.15);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

    header.commit h1 {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1;
        padding-top: 1.875rem;
        padding-bottom: 2rem
    }

footer.commit {
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-box-shadow: 0 0 18px 0 rgba(0,45,89,.15);
    box-shadow: 0 0 18px 0 rgba(0,45,89,.15);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100
}

    footer.commit .button {
        margin-top: 0;
        margin-bottom: 0
    }

        footer.commit .button.save-button {
            margin-right: 1rem
        }

.commit-pension-scheme-item-wrapper.top-divider {
    border-top: 1px dashed rgba(84,86,91,.2);
    padding-top: 2.5rem;
    margin-top: 2.5rem
}

.commit-pension-scheme-item-wrapper-clone {
    border-top: none;
    padding-top: 0;
    margin-top: 2.5rem
}

.commit-pension-scheme-item-wrapper .form-error {
    margin-bottom: 0;
    position: absolute;
    bottom: -2px;
    left: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.document-panel {
    border-radius: 12px;
    border: 1px solid rgba(0,45,89,.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    padding: 2.8125rem 1.875rem 2.8125rem 8.125rem;
    background-position: center left 30px;
    background-repeat: no-repeat;
    background-size: 4.75rem 4.75rem;
    margin-top: 1.5rem
}

    .document-panel.piggybank {
        background-image: url(../img/piggy-bank-circle.svg)
    }

    .document-panel.binoculars {
        background-image: url(../img/binoculars-circle.svg)
    }

    .document-panel.chart {
        background-image: url(../img/chart-circle.svg)
    }

    .document-panel h4 {
        font-family: Noto Bold;
        font-weight: 400;
        font-size: 1.125rem;
        margin-bottom: 0
    }

.document-notification [type=checkbox] {
    display: none
}

.document-notification label {
    font-size: 1.0625rem;
    padding-left: 2.5rem;
    position: relative
}

    .document-notification label strong {
        font-family: NotoSans-Regular;
        font-weight: 400
    }

.document-notification [type=checkbox] + label:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #c1c7d0;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    background-color: #fff;
    margin-bottom: 4px;
    position: absolute;
    top: 6px;
    left: 0
}

.document-notification [type=checkbox]:checked + label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23002d59%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: center
}

@media only screen and (min-width:0) and (max-width:414px) {
    footer.commit .button.save-button {
        margin-right: .5rem
    }

    .commit-wizard .summary-row .column.offset-arrow:before, .commit-wizard .summary-row .offset-arrow.columns:before {
        width: 46px;
        height: 46px;
        left: -36px;
        background-size: 1.125rem;
        border-width: 6px
    }

    .commit-wizard .summary-row .column, .commit-wizard .summary-row .column.rule, .commit-wizard .summary-row .column:first-child, .commit-wizard .summary-row .columns, .commit-wizard .summary-row .columns:first-child, .commit-wizard .summary-row .rule.columns {
        padding-left: 1.25rem
    }

    .commit-wizard .summary-sub-row .column.rule, .commit-wizard .summary-sub-row .columns, .commit-wizard .summary-sub-row .columns:first-child, .commit-wizard .summary-sub-row .rule.columns {
        padding-left: .625rem
    }

    .document-panel {
        border-radius: 12px;
        border: 1px solid rgba(0,45,89,.2);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
        padding: 2.8125rem 1.875rem 2.8125rem 5.625rem;
        background-position: top 35px left 20px;
        background-repeat: no-repeat;
        background-size: 3.125rem 3.125rem;
        margin-top: 1.5rem
    }

    .document-notification label {
        font-size: .9375rem;
        padding-left: 2.5rem;
        line-height: 1.4
    }

    .document-notification {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .commit-wizard {
        padding-top: 4.375rem;
        padding-bottom: 4.6875rem
    }

        .commit-wizard h2 {
            font-size: 1.375rem;
            font-family: NotoSans-Regular;
            font-weight: 400
        }

        .commit-wizard .summary-sub-row {
            padding-left: .625rem
        }

    header.commit h1 {
        padding-top: .875rem;
        padding-bottom: .875rem
    }

    footer.commit {
        padding-top: .875rem;
        padding-bottom: .875rem
    }

        footer.commit .button {
            font-size: .75rem;
            padding-left: .75rem;
            padding-right: .75rem
        }

            footer.commit .button.save-button {
                margin-right: .5rem
            }
}

.signpost {
    border-radius: 18px;
    background-color: #eee;
    background-repeat: no-repeat;
    padding: 1.75rem 1.5rem 2.25rem 1.5rem;
    margin-bottom: 1.5rem
}

    .signpost h3 {
        font-size: 1.5rem;
        line-height: 1.29;
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: .75rem
    }

    .signpost p {
        font-size: 1.125rem;
        line-height: 1.44;
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: .625rem
    }

    .signpost .button, .signpost .button.icon-right {
        padding-left: 1.5rem;
        padding-right: 3.375rem;
        background-position: center right 22px;
        margin-top: 0;
        margin-bottom: 0
    }

.signpost--text {
    margin-bottom: 1.25rem
}

.signpost--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .signpost--content .signpost--heading {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .signpost--content .signpost--text {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .signpost--content .signpost--button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

.signpost--with-illustration .signpost--content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 46.83333%;
    -ms-flex: 0 0 46.83333%;
    flex: 0 0 46.83333%;
    max-width: 46.83333%;
    margin-left: 3.16666%
}

.signpost--with-illustration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .signpost--with-illustration .signpost--illustration-column {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        height: 100%
    }

    .signpost--with-illustration.signpost--illustration-left .row.signpost--content {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .signpost--with-illustration.signpost--illustration-left .signpost--illustration-column {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--with-illustration .signpost--content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0
    }
}

@media only screen and (min-width:0) and (max-width:600px) {
    .signpost--with-illustration {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .signpost--with-illustration .row.signpost--content {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            margin-left: 0;
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2
        }

        .signpost--with-illustration .signpost--illustration-column {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            height: 100%;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            margin-bottom: 2rem
        }
}

.signpost--content-column {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.signpost--in-column.signpost:not(.signpost--with-illustration) {
    height: calc(100% - 1.5rem)
}

.signpost--in-column .signpost--heading {
    text-align: left
}

.signpost--in-column .signpost--text {
    text-align: left
}

.signpost--in-column .signpost--button {
    text-align: left
}

.signpost--with-illustration .signpost--heading {
    text-align: left
}

.signpost--with-illustration .signpost--text {
    text-align: left
}

.signpost--with-illustration .signpost--button {
    text-align: left
}

.signpost--medium.signpost--with-illustration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: calc(100% - 1.5rem)
}

    .signpost--medium.signpost--with-illustration .row.signpost--content {
        max-width: 100%;
        margin-left: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .signpost--medium.signpost--with-illustration .signpost--illustration-column {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 2rem
    }

@media only screen and (min-width:600px) and (max-width:719px) {
    .signpost--medium.signpost--with-illustration .row.signpost--content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 46.83333%;
        -ms-flex: 0 0 46.83333%;
        flex: 0 0 46.83333%;
        max-width: 46.83333%;
        margin-left: 3.16666%
    }

    .signpost--medium.signpost--with-illustration {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .signpost--medium.signpost--with-illustration .signpost--illustration-column {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            height: 100%
        }
}

@media only screen and (min-width:0) and (max-width:414px) {
    .wrap-small {
        display: block
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .wrap-me {
        display: block
    }

    .wrap-small-medium {
        display: block
    }

    .signpost--content .signpost--heading {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .signpost--content .signpost--text {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .signpost--content .signpost--button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .wrap-medium {
        display: block
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--content {
        min-height: 230px
    }

    .signpost--in-column .signpost--content {
        min-height: 100%
    }
}

@media only screen and (min-width:720px) {
    .signpost--heading {
        text-align: center
    }

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

    .signpost--button {
        text-align: center
    }

    .signpost--with-illustration .signpost--heading {
        text-align: left
    }

    .signpost--with-illustration .signpost--text {
        text-align: left
    }

    .signpost--with-illustration .signpost--button {
        text-align: left
    }

    .signpost--in-column .signpost--content .signpost--heading {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .signpost--in-column .signpost--content .signpost--text {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .signpost--in-column .signpost--content .signpost--button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .signpost--content {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:1024px) {
    .signpost--content {
        min-height: 300px
    }

    .signpost--in-column .signpost--content {
        min-height: 100%
    }
}

.signpost--home {
    background-color: #B6ADA5;
}

    .signpost--home h3 {
        color: #000000
    }

    .signpost--home p {
        color: #000000
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--home {
        background-size: 564px 340px;
        background-position: left -242px bottom -130px
    }

        .signpost--home.signpost--with-illustration {
            background-position: left -242px bottom -130px
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--home {
        background-size: 564px 340px;
        background-position: right -262px bottom -110px
    }

        .signpost--home.signpost--with-illustration {
            background-position: left -262px bottom -110px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--home {
        background-size: 564px 340px;
        background-position: left -190px bottom -60px
    }

        .signpost--home.signpost--illustration-left {
            background-position: right -350px bottom -20px
        }
}

@media only screen and (min-width:1024px) {
    .signpost--home {
        background-size: 760px 459px;
        background-position: left -380px bottom -30px
    }

        .signpost--home.signpost--illustration-left {
            background-position: right -400px bottom -35px
        }
}

.signpost--home.signpost--medium {
    background-size: 564px 340px;
    background-position: right -262px bottom -110px
}

    .signpost--home.signpost--medium.signpost--with-illustration {
        background-position: left -242px bottom -110px
    }

.signpost--personal-details {
    background-color: #B6ADA5;
}

    .signpost--personal-details h3 {
        color: #000000
    }

    .signpost--personal-details p {
        color: #000000
    }

.signpost--with-illustration.signpost--personal-details .signpost--inner {
    background-image: url(../img/signposting/signpost-2.png)
}

@media only screen and (min-width:0) and (max-width:719px) {
    .signpost--personal-details {
        background-size: 564px 340px;
        background-position: right 0 bottom -110px
    }

        .signpost--personal-details.signpost--with-illustration {
            background-position: right 0 bottom -110px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--personal-details {
        background-size: 760px 459px;
        background-position: right 0 bottom -30px
    }

        .signpost--personal-details.signpost--illustration-left {
            background-position: right 0 bottom -30px
        }
}

@media only screen and (min-width:1024px) {
    .signpost--personal-details {
        background-size: 760px 459px;
        background-position: right 0 bottom -30px
    }

        .signpost--personal-details.signpost--illustration-left {
            background-position: right 0 bottom -30px
        }
}

.signpost--personal-details.signpost--medium {
    background-size: 564px 340px;
    background-position: right 0 bottom -110px
}

    .signpost--personal-details.signpost--medium.signpost--with-illustration {
        background-position: right 0 bottom -110px
    }

.signpost--my-documents {
    background-color: #B6ADA5;
}

    .signpost--my-documents h3 {
        color: #000000
    }

    .signpost--my-documents p {
        color: #000000
    }


.signpost--with-illustration.signpost--my-documents .signpost--inner {
    background-image: url(../img/signposting/signpost-3.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--my-documents {
        background-size: 600px 201px;
        background-position: left -250px bottom 0
    }

        .signpost--my-documents.signpost--with-illustration {
            background-position: left -250px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--my-documents {
        background-size: 600px 201px;
        background-position: left -250px bottom 0
    }

        .signpost--my-documents.signpost--with-illustration {
            background-position: left -250px bottom 0
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--my-documents {
        background-size: 600px 201px;
        background-position: left 0 bottom 0
    }

        .signpost--my-documents.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-3-alt.png);
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) {
    .signpost--my-documents {
        background-size: 800px 268px;
        background-position: left 0 bottom 0
    }

        .signpost--my-documents.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-3-alt.png);
            background-position: right 0 bottom 0
        }
}

.signpost--my-documents.signpost--small {
    background-size: 600px 201px;
    background-position: left -250px bottom 0
}

    .signpost--my-documents.signpost--small.signpost--with-illustration {
        background-position: left -250px bottom 0
    }

.signpost--my-documents.signpost--medium {
    background-size: 600px 201px;
    background-position: left -250px bottom 0
}

    .signpost--my-documents.signpost--medium.signpost--with-illustration {
        background-position: left -250px bottom 0
    }

.signpost--my-documents.signpost--large {
    background-size: 600px 201px;
    background-position: left 0 bottom 0
}

    .signpost--my-documents.signpost--large.signpost--with-illustration {
        background-position: left 0 bottom 0
    }

    .signpost--my-documents.signpost--large.signpost--illustration-left {
        background-image: url(../img/signposting/signpost-bg-pattern-3-alt.png);
        background-position: right -150px bottom 0
    }

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--my-documents.signpost--large.signpost--illustration-left {
        background-position: right 0 bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--my-documents.signpost--large {
        background-size: 600px 201px;
        background-position: left -250px bottom 0
    }

        .signpost--my-documents.signpost--large.signpost--with-illustration {
            background-position: left -250px bottom 0
        }

        .signpost--my-documents.signpost--large.signpost--illustration-left {
            background-position: right -250px bottom 0
        }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--my-documents.signpost--small .signpost--content .column, .signpost--my-documents.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--saved-quotes {
    background-color: #e7edec;
    background-image: url(../img/signposting/signpost-bg-pattern-4.png);
    background-position: left center;
    background-size: 800px 263px
}

.signpost--with-illustration.signpost--saved-quotes .signpost--inner {
    background-image: url(../img/signposting/signpost-4.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--saved-quotes {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--saved-quotes.signpost--with-illustration {
            background-position: right -550px bottom 0
        }

        .signpost--saved-quotes.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-4.png);
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--saved-quotes {
        background-size: 800px 263px;
        background-position: right -350px bottom -60px
    }

        .signpost--saved-quotes.signpost--with-illustration {
            background-position: right -350px bottom -20px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--saved-quotes {
        background-size: 600px 197px;
        background-position: right 0 bottom 0
    }

        .signpost--saved-quotes.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-4-alt.png);
            background-position: left 0 bottom 0
        }

        .signpost--saved-quotes.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-4.png);
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) {
    .signpost--saved-quotes {
        background-size: 800px 263px;
        background-position: right 0 bottom 0
    }

        .signpost--saved-quotes.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-4-alt.png);
            background-position: left 0 bottom 0
        }

        .signpost--saved-quotes.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-4.png);
            background-position: right 0 bottom 0
        }
}

.signpost--saved-quotes.signpost--small {
    background-size: 800px 263px;
    background-position: right -550px bottom 0
}

    .signpost--saved-quotes.signpost--small.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-4.png);
        background-position: right -550px bottom 0
    }

.signpost--saved-quotes.signpost--medium {
    background-size: 800px 263px;
    background-position: right -550px bottom -60px
}

    .signpost--saved-quotes.signpost--medium.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-4.png);
        background-position: right -550px bottom -20px
    }

.signpost--saved-quotes.signpost--large {
    background-size: 600px 197px;
    background-position: right 0 bottom 0
}

    .signpost--saved-quotes.signpost--large.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-4-alt.png);
        background-position: left 0 bottom 0
    }

    .signpost--saved-quotes.signpost--large.signpost--illustration-left {
        background-image: url(../img/signposting/signpost-bg-pattern-4.png);
        background-position: right 0 bottom 0
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--saved-quotes.signpost--medium {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--saved-quotes.signpost--medium.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-4.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }

        .signpost--saved-quotes.signpost--medium.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-4.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--saved-quotes.signpost--large {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--saved-quotes.signpost--large.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-4.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }

        .signpost--saved-quotes.signpost--large.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-4.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--saved-quotes.signpost--large.signpost--illustration-left {
        background-position: right -550px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--saved-quotes.signpost--large {
        background-size: 800px 263px;
        background-position: right 0 bottom 0
    }

        .signpost--saved-quotes.signpost--large.signpost--with-illustration {
            background-position: right 0 bottom 0
        }

        .signpost--saved-quotes.signpost--large.signpost--illustration-left {
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--saved-quotes.signpost--small .signpost--content .column, .signpost--saved-quotes.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--activity-tracker {
    background-color: #B6ADA5;
}

    .signpost--activity-tracker h3 {
        color: #000000
    }

    .signpost--activity-tracker p {
        color: #000000
    }

.signpost--with-illustration.signpost--activity-tracker .signpost--inner {
    background-image: url(../img/signposting/signpost-5.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--activity-tracker {
        background-size: 600px 223px;
        background-position: right -200px bottom 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--activity-tracker {
        background-size: 600px 223px;
        background-position: right -100px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--activity-tracker {
        background-size: 980px 365px;
        background-position: right -100px bottom 0
    }

        .signpost--activity-tracker.signpost--illustration-left {
            background-position: right -100px bottom 0
        }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--activity-tracker.signpost--illustration-left {
        background-position: right 0 bottom 0
    }
}

@media only screen and (min-width:1024px) {
    .signpost--activity-tracker {
        background-size: 980px 365px;
        background-position: right 0 bottom 0
    }
}

@media only screen and (min-width:1280px) and (max-width:9999px) {
    .signpost--activity-tracker.signpost--illustration-left {
        background-position: right -500px bottom -60px
    }
}

.signpost--activity-tracker.signpost--medium {
    background-size: 600px 223px;
    background-position: right -100px bottom 0
}

    .signpost--activity-tracker.signpost--medium.signpost--with-illustration {
        background-position: right -100px bottom 0
    }

.signpost--change-my-password {
    background-color: #B6ADA5;
}

    .signpost--change-my-password h3 {
        color: #000000
    }

    .signpost--change-my-password p {
        color: #000000
    }

.signpost--with-illustration.signpost--change-my-password .signpost--inner {
    background-image: url(../img/signposting/signpost-6.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--change-my-password {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--change-my-password.signpost--with-illustration {
            background-position: right -550px bottom 0
        }

        .signpost--change-my-password.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-6.png);
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--change-my-password {
        background-size: 800px 263px;
        background-position: right -350px bottom -60px
    }

        .signpost--change-my-password.signpost--with-illustration {
            background-position: right -350px bottom -20px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--change-my-password {
        background-size: 600px 197px;
        background-position: right 0 bottom 0
    }

        .signpost--change-my-password.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-6-alt.png);
            background-position: left 0 bottom 0
        }

        .signpost--change-my-password.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-6.png);
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) {
    .signpost--change-my-password {
        background-size: 800px 263px;
        background-position: right 0 bottom 0
    }

        .signpost--change-my-password.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-6-alt.png);
            background-position: left 0 bottom 0
        }

        .signpost--change-my-password.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-6.png);
            background-position: right 0 bottom 0
        }
}

.signpost--change-my-password.signpost--small {
    background-size: 800px 263px;
    background-position: right -550px bottom 0
}

    .signpost--change-my-password.signpost--small.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-6.png);
        background-position: right -550px bottom 0
    }

.signpost--change-my-password.signpost--medium {
    background-size: 800px 263px;
    background-position: right -550px bottom -60px
}

    .signpost--change-my-password.signpost--medium.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-6.png);
        background-position: right -550px bottom -20px
    }

.signpost--change-my-password.signpost--large {
    background-size: 600px 197px;
    background-position: right 0 bottom 0
}

    .signpost--change-my-password.signpost--large.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-6-alt.png);
        background-position: left 0 bottom 0
    }

    .signpost--change-my-password.signpost--large.signpost--illustration-left {
        background-image: url(../img/signposting/signpost-bg-pattern-6.png);
        background-position: right 0 bottom 0
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--change-my-password.signpost--medium {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--change-my-password.signpost--medium.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-6.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }

        .signpost--change-my-password.signpost--medium.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-6.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--change-my-password.signpost--large {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--change-my-password.signpost--large.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-6.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }

        .signpost--change-my-password.signpost--large.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-6.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--change-my-password.signpost--large.signpost--illustration-left {
        background-position: right -550px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--change-my-password.signpost--large {
        background-size: 800px 263px;
        background-position: right 0 bottom 0
    }

        .signpost--change-my-password.signpost--large.signpost--with-illustration {
            background-position: right 0 bottom 0
        }

        .signpost--change-my-password.signpost--large.signpost--illustration-left {
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--change-my-password.signpost--small .signpost--content .column, .signpost--change-my-password.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--if-i-die-how-much-could-they-get {
    background-color: #e6f2df;
    background-image: url(../img/signposting/signpost-bg-pattern-7.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--if-i-die-how-much-could-they-get .signpost--inner {
    background-image: url(../img/signposting/signpost-7.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--if-i-die-how-much-could-they-get {
        background-size: 564px 340px;
        background-position: left -242px bottom -130px
    }

        .signpost--if-i-die-how-much-could-they-get.signpost--with-illustration {
            background-position: left -242px bottom -130px
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--if-i-die-how-much-could-they-get {
        background-size: 564px 340px;
        background-position: right -262px bottom -110px
    }

        .signpost--if-i-die-how-much-could-they-get.signpost--with-illustration {
            background-position: left -262px bottom -110px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--if-i-die-how-much-could-they-get {
        background-size: 564px 340px;
        background-position: left -190px bottom -60px
    }

        .signpost--if-i-die-how-much-could-they-get.signpost--illustration-left {
            background-position: right -350px bottom -20px
        }
}

@media only screen and (min-width:1024px) {
    .signpost--if-i-die-how-much-could-they-get {
        background-size: 760px 459px;
        background-position: left -380px bottom -30px
    }

        .signpost--if-i-die-how-much-could-they-get.signpost--illustration-left {
            background-position: right -400px bottom -35px
        }
}

.signpost--if-i-die-how-much-could-they-get.signpost--small {
    background-size: 564px 340px;
    background-position: left -242px bottom -130px
}

    .signpost--if-i-die-how-much-could-they-get.signpost--small.signpost--with-illustration {
        background-position: left -242px bottom -130px
    }

.signpost--if-i-die-how-much-could-they-get.signpost--medium {
    background-size: 564px 340px;
    background-position: right -262px bottom -110px
}

    .signpost--if-i-die-how-much-could-they-get.signpost--medium.signpost--with-illustration {
        background-position: left -242px bottom -110px
    }

.signpost--if-i-die-how-much-could-they-get.signpost--large {
    background-size: 960px 579px;
    background-position: left -442px bottom -150px
}

    .signpost--if-i-die-how-much-could-they-get.signpost--large.signpost--with-illustration {
        background-position: left -442px bottom -150px
    }

    .signpost--if-i-die-how-much-could-they-get.signpost--large.signpost--illustration-left {
        background-position: left -442px bottom -150px
    }

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--if-i-die-how-much-could-they-get.signpost--small .signpost--content .column, .signpost--if-i-die-how-much-could-they-get.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--pension-calculator {
    background-color: #fff7e7;
    background-image: url(../img/signposting/signpost-bg-pattern-8.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--pension-calculator .signpost--inner {
    background-image: url(../img/signposting/signpost-8.png)
}

.signpost--pension-calculator.signpost--illustration-left {
    background-image: url(../img/signposting/signpost-bg-pattern-8-alt.png);
    background-position: right 0 bottom -60px
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--pension-calculator {
        background-size: 600px 204px;
        background-position: left -250px bottom 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--pension-calculator {
        background-size: 996px 338px;
        background-position: left -450px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--pension-calculator {
        background-size: 996px 338px;
        background-position: left -300px bottom 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--pension-calculator.signpost--illustration-left {
        background-position: right 0 bottom -60px
    }
}

@media only screen and (min-width:1024px) {
    .signpost--pension-calculator {
        background-size: 996px 338px;
        background-position: left 0 bottom 0
    }
}

.signpost--pension-calculator.signpost--medium {
    background-size: 996px 338px;
    background-position: left -450px bottom 0
}

    .signpost--pension-calculator.signpost--medium.signpost--with-illustration {
        background-position: left -450px bottom 0
    }

.signpost--if-i-die-who-gets-my-pension {
    background-color: #fff7e7;
    background-image: url(../img/signposting/signpost-bg-pattern-9.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--if-i-die-who-gets-my-pension .signpost--inner {
    background-image: url(../img/signposting/signpost-9.png)
}

.signpost--if-i-die-who-gets-my-pension.signpost--illustration-left {
    background-image: url(../img/signposting/signpost-bg-pattern-9-alt.png);
    background-position: right 0 bottom -60px
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--if-i-die-who-gets-my-pension {
        background-size: 600px 204px;
        background-position: left -250px bottom 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--if-i-die-who-gets-my-pension {
        background-size: 996px 338px;
        background-position: left -450px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--if-i-die-who-gets-my-pension {
        background-size: 996px 338px;
        background-position: left -300px bottom 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--if-i-die-who-gets-my-pension.signpost--illustration-left {
        background-position: right 0 bottom -60px
    }
}

@media only screen and (min-width:1024px) {
    .signpost--if-i-die-who-gets-my-pension {
        background-size: 996px 338px;
        background-position: left 0 bottom 0
    }
}

.signpost--if-i-die-who-gets-my-pension.signpost--medium {
    background-size: 996px 338px;
    background-position: left -450px bottom 0
}

    .signpost--if-i-die-who-gets-my-pension.signpost--medium.signpost--with-illustration {
        background-position: left -450px bottom 0
    }

.signpost--glossary {
    background-color: #e6f2df;
    background-image: url(../img/signposting/signpost-bg-pattern-10.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--glossary .signpost--inner {
    background-image: url(../img/signposting/signpost-10.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--glossary {
        background-size: 564px 340px;
        background-position: left -242px bottom -130px
    }

        .signpost--glossary.signpost--with-illustration {
            background-position: left -242px bottom -130px
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--glossary {
        background-size: 564px 340px;
        background-position: right -262px bottom -110px
    }

        .signpost--glossary.signpost--with-illustration {
            background-position: left -262px bottom -110px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--glossary {
        background-size: 564px 340px;
        background-position: left -190px bottom -60px
    }

        .signpost--glossary.signpost--illustration-left {
            background-position: right -350px bottom -20px
        }
}

@media only screen and (min-width:1024px) {
    .signpost--glossary {
        background-size: 760px 459px;
        background-position: left -380px bottom -30px
    }

        .signpost--glossary.signpost--illustration-left {
            background-position: right -400px bottom -35px
        }
}

.signpost--glossary.signpost--small {
    background-size: 564px 340px;
    background-position: left -242px bottom -130px
}

    .signpost--glossary.signpost--small.signpost--with-illustration {
        background-position: left -242px bottom -130px
    }

.signpost--glossary.signpost--medium {
    background-size: 564px 340px;
    background-position: right -262px bottom -110px
}

    .signpost--glossary.signpost--medium.signpost--with-illustration {
        background-position: left -242px bottom -110px
    }

.signpost--glossary.signpost--large {
    background-size: 960px 579px;
    background-position: left -442px bottom -150px
}

    .signpost--glossary.signpost--large.signpost--with-illustration {
        background-position: left -442px bottom -150px
    }

    .signpost--glossary.signpost--large.signpost--illustration-left {
        background-position: left -442px bottom -150px
    }

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--glossary.signpost--small .signpost--content .column, .signpost--glossary.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--faqs {
    background-color: #B6ADA5;
}

    .signpost--faqs h3 {
        color: #000000;
    }

    .signpost--faqs p {
        color: #000000;
    }

.signpost--with-illustration.signpost--faqs .signpost--inner {
    background-image: url(../img/signposting/signpost-11.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--faqs {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--faqs.signpost--with-illustration {
            background-position: right -550px bottom 0
        }

        .signpost--faqs.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-11.png);
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--faqs {
        background-size: 800px 263px;
        background-position: right -350px bottom -60px
    }

        .signpost--faqs.signpost--with-illustration {
            background-position: right -350px bottom -20px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--faqs {
        background-size: 600px 197px;
        background-position: right 0 bottom 0
    }


        .signpost--faqs.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-11.png);
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) {
    .signpost--faqs {
        background-size: 800px 263px;
        background-position: right 0 bottom 0
    }


        .signpost--faqs.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-11.png);
            background-position: right 0 bottom 0
        }
}

.signpost--faqs.signpost--small {
    background-size: 800px 263px;
    background-position: right -550px bottom 0
}

    .signpost--faqs.signpost--small.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-11.png);
        background-position: right -550px bottom 0
    }

.signpost--faqs.signpost--medium {
    background-size: 800px 263px;
    background-position: right -550px bottom -60px
}

    .signpost--faqs.signpost--medium.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-11.png);
        background-position: right -550px bottom -20px
    }

.signpost--faqs.signpost--large {
    background-size: 600px 197px;
    background-position: right 0 bottom 0
}

    .signpost--faqs.signpost--large.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-11-alt.png);
        background-position: left 0 bottom 0
    }

    .signpost--faqs.signpost--large.signpost--illustration-left {
        background-image: url(../img/signposting/signpost-bg-pattern-11.png);
        background-position: right 0 bottom 0
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--faqs.signpost--medium {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--faqs.signpost--medium.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-11.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }

        .signpost--faqs.signpost--medium.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-11.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--faqs.signpost--large {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--faqs.signpost--large.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-11.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--faqs.signpost--large.signpost--illustration-left {
        background-position: right -550px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--faqs.signpost--large {
        background-size: 800px 263px;
        background-position: right 0 bottom 0
    }

        .signpost--faqs.signpost--large.signpost--with-illustration {
            background-position: right 0 bottom 0
        }

        .signpost--faqs.signpost--large.signpost--illustration-left {
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--faqs.signpost--small .signpost--content .column, .signpost--faqs.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--target-pension-age {
    background-color: #fff7e7;
    background-image: url(../img/signposting/signpost-bg-pattern-12.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--target-pension-age .signpost--inner {
    background-image: url(../img/signposting/signpost-12.png)
}

.signpost--target-pension-age.signpost--illustration-left {
    background-image: url(../img/signposting/signpost-bg-pattern-12-alt.png);
    background-position: right 0 bottom -60px
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--target-pension-age {
        background-size: 600px 204px;
        background-position: left -250px bottom 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--target-pension-age {
        background-size: 996px 338px;
        background-position: left -450px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--target-pension-age {
        background-size: 996px 338px;
        background-position: left -300px bottom 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--target-pension-age.signpost--illustration-left {
        background-position: right 0 bottom -60px
    }
}

@media only screen and (min-width:1024px) {
    .signpost--target-pension-age {
        background-size: 996px 338px;
        background-position: left 0 bottom 0
    }
}

.signpost--target-pension-age.signpost--medium {
    background-size: 996px 338px;
    background-position: left -450px bottom 0
}

    .signpost--target-pension-age.signpost--medium.signpost--with-illustration {
        background-position: left -450px bottom 0
    }

.signpost--avcs {
    background-color: #d5ebec;
    background-image: url(../img/signposting/signpost-bg-pattern-13.png);
    background-position: left center;
    background-size: 800px 268px
}

.signpost--with-illustration.signpost--avcs .signpost--inner {
    background-image: url(../img/signposting/signpost-13.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--avcs {
        background-size: 600px 201px;
        background-position: left -250px bottom 0
    }

        .signpost--avcs.signpost--with-illustration {
            background-position: left -250px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--avcs {
        background-size: 600px 201px;
        background-position: left -250px bottom 0
    }

        .signpost--avcs.signpost--with-illustration {
            background-position: left -250px bottom 0
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--avcs {
        background-size: 600px 201px;
        background-position: left 0 bottom 0
    }

        .signpost--avcs.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-13-alt.png);
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) {
    .signpost--avcs {
        background-size: 800px 268px;
        background-position: left 0 bottom 0
    }

        .signpost--avcs.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-13-alt.png);
            background-position: right 0 bottom 0
        }
}

.signpost--avcs.signpost--small {
    background-size: 600px 201px;
    background-position: left -250px bottom 0
}

    .signpost--avcs.signpost--small.signpost--with-illustration {
        background-position: left -250px bottom 0
    }

.signpost--avcs.signpost--medium {
    background-size: 600px 201px;
    background-position: left -250px bottom 0
}

    .signpost--avcs.signpost--medium.signpost--with-illustration {
        background-position: left -250px bottom 0
    }

.signpost--avcs.signpost--large {
    background-size: 600px 201px;
    background-position: left 0 bottom 0
}

    .signpost--avcs.signpost--large.signpost--with-illustration {
        background-position: left 0 bottom 0
    }

    .signpost--avcs.signpost--large.signpost--illustration-left {
        background-image: url(../img/signposting/signpost-bg-pattern-3-alt.png);
        background-position: right -150px bottom 0
    }

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--avcs.signpost--large.signpost--illustration-left {
        background-position: right 0 bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--avcs.signpost--large {
        background-size: 600px 201px;
        background-position: left -250px bottom 0
    }

        .signpost--avcs.signpost--large.signpost--with-illustration {
            background-position: left -250px bottom 0
        }

        .signpost--avcs.signpost--large.signpost--illustration-left {
            background-position: right -250px bottom 0
        }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--avcs.signpost--small .signpost--content .column, .signpost--avcs.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--the-bt-pension-scheme {
    background-color: #e6f2df;
    background-image: url(../img/signposting/signpost-bg-pattern-14.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--the-bt-pension-scheme .signpost--inner {
    background-image: url(../img/signposting/signpost-14.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--the-bt-pension-scheme {
        background-size: 564px 340px;
        background-position: left -242px bottom -130px
    }

        .signpost--the-bt-pension-scheme.signpost--with-illustration {
            background-position: left -242px bottom -130px
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--the-bt-pension-scheme {
        background-size: 564px 340px;
        background-position: right -262px bottom -110px
    }

        .signpost--the-bt-pension-scheme.signpost--with-illustration {
            background-position: left -262px bottom -110px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--the-bt-pension-scheme {
        background-size: 564px 340px;
        background-position: left -190px bottom -60px
    }

        .signpost--the-bt-pension-scheme.signpost--illustration-left {
            background-position: right -350px bottom -20px
        }
}

@media only screen and (min-width:1024px) {
    .signpost--the-bt-pension-scheme {
        background-size: 760px 459px;
        background-position: left -380px bottom -30px
    }

        .signpost--the-bt-pension-scheme.signpost--illustration-left {
            background-position: right -400px bottom -35px
        }
}

.signpost--the-bt-pension-scheme.signpost--small {
    background-size: 564px 340px;
    background-position: left -242px bottom -130px
}

    .signpost--the-bt-pension-scheme.signpost--small.signpost--with-illustration {
        background-position: left -242px bottom -130px
    }

.signpost--the-bt-pension-scheme.signpost--medium {
    background-size: 564px 340px;
    background-position: right -262px bottom -110px
}

    .signpost--the-bt-pension-scheme.signpost--medium.signpost--with-illustration {
        background-position: left -242px bottom -110px
    }

.signpost--the-bt-pension-scheme.signpost--large {
    background-size: 960px 579px;
    background-position: left -442px bottom -150px
}

    .signpost--the-bt-pension-scheme.signpost--large.signpost--with-illustration {
        background-position: left -442px bottom -150px
    }

    .signpost--the-bt-pension-scheme.signpost--large.signpost--illustration-left {
        background-position: left -442px bottom -150px
    }

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--the-bt-pension-scheme.signpost--small .signpost--content .column, .signpost--the-bt-pension-scheme.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--contact-us {
    background-color: #c8dfba;
    background-image: url(../img/signposting/signpost-bg-pattern-15.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--contact-us .signpost--inner {
    background-image: url(../img/signposting/signpost-15.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--contact-us {
        background-size: 600px 223px;
        background-position: right -200px bottom 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--contact-us {
        background-size: 600px 223px;
        background-position: right -100px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--contact-us {
        background-size: 980px 365px;
        background-position: right -100px bottom 0
    }

        .signpost--contact-us.signpost--illustration-left {
            background-position: right -100px bottom 0
        }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--contact-us.signpost--illustration-left {
        background-position: right 0 bottom 0
    }
}

@media only screen and (min-width:1024px) {
    .signpost--contact-us {
        background-size: 980px 365px;
        background-position: right 0 bottom 0
    }
}

@media only screen and (min-width:1280px) and (max-width:9999px) {
    .signpost--contact-us.signpost--illustration-left {
        background-position: right -500px bottom -60px
    }
}

.signpost--contact-us.signpost--medium {
    background-size: 600px 223px;
    background-position: right -100px bottom 0
}

    .signpost--contact-us.signpost--medium.signpost--with-illustration {
        background-position: right -100px bottom 0
    }

.signpost--understanding-pensions {
    background-color: #B6ADA5;
}

    .signpost--understanding-pensions h3 {
        color: #000000
    }

    .signpost--understanding-pensions p {
        color: #000000
    }

.signpost--with-illustration.signpost--understanding-pensions .signpost--inner {
    background-image: url(../img/signposting/signpost-16.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--understanding-pensions {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }


        .signpost--understanding-pensions.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-16.png);
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--understanding-pensions {
        background-size: 800px 263px;
        background-position: right -350px bottom -60px
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--understanding-pensions {
        background-size: 600px 197px;
        background-position: right 0 bottom 0
    }


        .signpost--understanding-pensions.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-16.png);
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) {
    .signpost--understanding-pensions {
        background-size: 800px 263px;
        background-position: right 0 bottom 0
    }



        .signpost--understanding-pensions.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-16.png);
            background-position: right 0 bottom 0
        }
}

.signpost--understanding-pensions.signpost--small {
    background-size: 800px 263px;
    background-position: right -550px bottom 0
}

    .signpost--understanding-pensions.signpost--small.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-16.png);
        background-position: right -550px bottom 0
    }

.signpost--understanding-pensions.signpost--medium {
    background-size: 800px 263px;
    background-position: right -550px bottom -60px
}

    .signpost--understanding-pensions.signpost--medium.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-16.png);
        background-position: right -550px bottom -20px
    }

.signpost--understanding-pensions.signpost--large {
    background-size: 600px 197px;
    background-position: right 0 bottom 0
}

    .signpost--understanding-pensions.signpost--large.signpost--with-illustration {
        background-image: url(../img/signposting/signpost-bg-pattern-16-alt.png);
        background-position: left 0 bottom 0
    }

    .signpost--understanding-pensions.signpost--large.signpost--illustration-left {
        background-image: url(../img/signposting/signpost-bg-pattern-16.png);
        background-position: right 0 bottom 0
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--understanding-pensions.signpost--medium {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--understanding-pensions.signpost--medium.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-16.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }

        .signpost--understanding-pensions.signpost--medium.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-16.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--understanding-pensions.signpost--large {
        background-size: 800px 263px;
        background-position: right -550px bottom 0
    }

        .signpost--understanding-pensions.signpost--large.signpost--with-illustration {
            background-image: url(../img/signposting/signpost-bg-pattern-16.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }

        .signpost--understanding-pensions.signpost--large.signpost--illustration-left {
            background-image: url(../img/signposting/signpost-bg-pattern-16.png);
            background-size: 800px 263px;
            background-position: right -550px bottom 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--understanding-pensions.signpost--large.signpost--illustration-left {
        background-position: right -550px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--understanding-pensions.signpost--large {
        background-size: 800px 263px;
        background-position: right 0 bottom 0
    }

        .signpost--understanding-pensions.signpost--large.signpost--with-illustration {
            background-position: right 0 bottom 0
        }

        .signpost--understanding-pensions.signpost--large.signpost--illustration-left {
            background-position: right 0 bottom 0
        }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--understanding-pensions.signpost--small .signpost--content .column, .signpost--understanding-pensions.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--taking-your-pension {
    background-color: #cae5e9;
    background-image: url(../img/signposting/signpost-bg-pattern-17.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--taking-your-pension .signpost--inner {
    background-image: url(../img/signposting/signpost-17.png)
}

@media only screen and (min-width:0) and (max-width:719px) {
    .signpost--taking-your-pension {
        background-size: 564px 340px;
        background-position: right 0 bottom -110px
    }

        .signpost--taking-your-pension.signpost--with-illustration {
            background-position: right 0 bottom -110px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--taking-your-pension {
        background-size: 760px 459px;
        background-position: right 0 bottom -30px
    }

        .signpost--taking-your-pension.signpost--illustration-left {
            background-position: right 0 bottom -30px
        }
}

@media only screen and (min-width:1024px) {
    .signpost--taking-your-pension {
        background-size: 760px 459px;
        background-position: right 0 bottom -30px
    }

        .signpost--taking-your-pension.signpost--illustration-left {
            background-position: right 0 bottom -30px
        }
}

.signpost--taking-your-pension.signpost--medium {
    background-size: 564px 340px;
    background-position: right 0 bottom -110px
}

    .signpost--taking-your-pension.signpost--medium.signpost--with-illustration {
        background-position: right 0 bottom -110px
    }

.signpost--introducing-your-pension {
    background-color: #fff7e7;
    background-image: url(../img/signposting/signpost-bg-pattern-18.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--introducing-your-pension .signpost--inner {
    background-image: url(../img/signposting/signpost-18.png)
}

.signpost--introducing-your-pension.signpost--illustration-left {
    background-image: url(../img/signposting/signpost-bg-pattern-18-alt.png);
    background-position: right 0 bottom -60px
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--introducing-your-pension {
        background-size: 600px 204px;
        background-position: left -250px bottom 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--introducing-your-pension {
        background-size: 996px 338px;
        background-position: left -450px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--introducing-your-pension {
        background-size: 996px 338px;
        background-position: left -300px bottom 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--introducing-your-pension.signpost--illustration-left {
        background-position: right 0 bottom -60px
    }
}

@media only screen and (min-width:1024px) {
    .signpost--introducing-your-pension {
        background-size: 996px 338px;
        background-position: left 0 bottom 0
    }
}

.signpost--introducing-your-pension.signpost--medium {
    background-size: 996px 338px;
    background-position: left -450px bottom 0
}

    .signpost--introducing-your-pension.signpost--medium.signpost--with-illustration {
        background-position: left -450px bottom 0
    }

.signpost--transferring-my-pension {
    background-color: #fff7e7;
    background-image: url(../img/signposting/signpost-bg-pattern-19.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--transferring-my-pension .signpost--inner {
    background-image: url(../img/signposting/signpost-19.png)
}

.signpost--transferring-my-pension.signpost--illustration-left {
    background-image: url(../img/signposting/signpost-bg-pattern-19-alt.png);
    background-position: right 0 bottom -60px
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--transferring-my-pension {
        background-size: 600px 204px;
        background-position: left -250px bottom 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--transferring-my-pension {
        background-size: 996px 338px;
        background-position: left -450px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--transferring-my-pension {
        background-size: 996px 338px;
        background-position: left -300px bottom 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--transferring-my-pension.signpost--illustration-left {
        background-position: right 0 bottom -60px
    }
}

@media only screen and (min-width:1024px) {
    .signpost--transferring-my-pension {
        background-size: 996px 338px;
        background-position: left 0 bottom 0
    }
}

.signpost--transferring-my-pension.signpost--medium {
    background-size: 996px 338px;
    background-position: left -450px bottom 0
}

    .signpost--transferring-my-pension.signpost--medium.signpost--with-illustration {
        background-position: left -450px bottom 0
    }

.signpost--transfer-out-quote {
    background-color: #e6f2df;
    background-image: url(../img/signposting/signpost-bg-pattern-20.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--transfer-out-quote .signpost--inner {
    background-image: url(../img/signposting/signpost-20.png)
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--transfer-out-quote {
        background-size: 564px 340px;
        background-position: left -242px bottom -130px
    }

        .signpost--transfer-out-quote.signpost--with-illustration {
            background-position: left -242px bottom -130px
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--transfer-out-quote {
        background-size: 564px 340px;
        background-position: right -262px bottom -110px
    }

        .signpost--transfer-out-quote.signpost--with-illustration {
            background-position: left -262px bottom -110px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--transfer-out-quote {
        background-size: 564px 340px;
        background-position: left -190px bottom -60px
    }

        .signpost--transfer-out-quote.signpost--illustration-left {
            background-position: right -350px bottom -20px
        }
}

@media only screen and (min-width:1024px) {
    .signpost--transfer-out-quote {
        background-size: 760px 459px;
        background-position: left -380px bottom -30px
    }

        .signpost--transfer-out-quote.signpost--illustration-left {
            background-position: right -400px bottom -35px
        }
}

.signpost--transfer-out-quote.signpost--small {
    background-size: 564px 340px;
    background-position: left -242px bottom -130px
}

    .signpost--transfer-out-quote.signpost--small.signpost--with-illustration {
        background-position: left -242px bottom -130px
    }

.signpost--transfer-out-quote.signpost--medium {
    background-size: 564px 340px;
    background-position: right -262px bottom -110px
}

    .signpost--transfer-out-quote.signpost--medium.signpost--with-illustration {
        background-position: left -242px bottom -110px
    }

.signpost--transfer-out-quote.signpost--large {
    background-size: 960px 579px;
    background-position: left -442px bottom -150px
}

    .signpost--transfer-out-quote.signpost--large.signpost--with-illustration {
        background-position: left -442px bottom -150px
    }

    .signpost--transfer-out-quote.signpost--large.signpost--illustration-left {
        background-position: left -442px bottom -150px
    }

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--transfer-out-quote.signpost--small .signpost--content .column, .signpost--transfer-out-quote.signpost--small .signpost--content .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.signpost--about-the-avc-funds {
    background-color: #cae5e9;
    background-image: url(../img/signposting/signpost-bg-pattern-21.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--about-the-avc-funds .signpost--inner {
    background-image: url(../img/signposting/signpost-21.png)
}

@media only screen and (min-width:0) and (max-width:719px) {
    .signpost--about-the-avc-funds {
        background-size: 564px 340px;
        background-position: right 0 bottom -110px
    }

        .signpost--about-the-avc-funds.signpost--with-illustration {
            background-position: right 0 bottom -110px
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--about-the-avc-funds {
        background-size: 760px 459px;
        background-position: right 0 bottom -30px
    }

        .signpost--about-the-avc-funds.signpost--illustration-left {
            background-position: right 0 bottom -30px
        }
}

@media only screen and (min-width:1024px) {
    .signpost--about-the-avc-funds {
        background-size: 760px 459px;
        background-position: right 0 bottom -30px
    }

        .signpost--about-the-avc-funds.signpost--illustration-left {
            background-position: right 0 bottom -30px
        }
}

.signpost--about-the-avc-funds.signpost--medium {
    background-size: 564px 340px;
    background-position: right 0 bottom -110px
}

    .signpost--about-the-avc-funds.signpost--medium.signpost--with-illustration {
        background-position: right 0 bottom -110px
    }

.signpost--my-pension {
    background-color: #fff7e7;
    background-image: url(../img/signposting/signpost-bg-pattern-22.png);
    background-position: left center;
    background-size: 564px 340px
}

.signpost--with-illustration.signpost--my-pension .signpost--inner {
    background-image: url(../img/signposting/signpost-22.png)
}

.signpost--my-pension.signpost--illustration-left {
    background-image: url(../img/signposting/signpost-bg-pattern-22-alt.png);
    background-position: right 0 bottom -60px
}

@media only screen and (min-width:0) and (max-width:414px) {
    .signpost--my-pension {
        background-size: 600px 204px;
        background-position: left -250px bottom 0
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .signpost--my-pension {
        background-size: 996px 338px;
        background-position: left -450px bottom 0
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .signpost--my-pension {
        background-size: 996px 338px;
        background-position: left -300px bottom 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .signpost--my-pension.signpost--illustration-left {
        background-position: right 0 bottom -60px
    }
}

@media only screen and (min-width:1024px) {
    .signpost--my-pension {
        background-size: 996px 338px;
        background-position: left 0 bottom 0
    }
}

.signpost--my-pension.signpost--medium {
    background-size: 996px 338px;
    background-position: left -450px bottom 0
}

    .signpost--my-pension.signpost--medium.signpost--with-illustration {
        background-position: left -450px bottom 0
    }

section.content-pages p {
    font-size: 1.125rem;
    line-height: 1.67
}

section.content-pages li {
    font-size: 1.125rem
}

section.content-pages h3 {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 2rem
}

    section.content-pages h3.heavy {
        font-family: Noto Light
    }

section.content-pages h4 {
    font-family: Noto Bold;
    font-weight: 400;
    font-size: 1.25rem;
    margin-top: 2.75rem;
    margin-bottom: 1rem
}

    section.content-pages h4.h2 {
        font-size: 1.5rem
    }

section.content-pages h5 {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: 1.125rem;
    margin-top: 2rem
}

span.dev-highlight {
    color: #ff00d2
}

section.content-pages a.button {
    margin-top: .625rem
}

section.content-pages hr {
    border-color: rgba(0,45,89,.3)
}

section.content-pages .last-updated {
    border-radius: 6px;
    background-color: #e5f5f6;
    color: #021B41;
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-size: .8125rem;
    padding: .1875rem .375rem;
    white-space: nowrap;
    margin-left: 0;
    display: inline-block
}

section.content-pages .left-indented-panel {
    padding-left: 5rem;
    position: relative;
    margin-top: 3rem
}

    section.content-pages .left-indented-panel:before {
        content: '';
        width: 53px;
        height: 53px;
        background-color: #fff;
        border: 7px solid #2E5C99;
        border-radius: 999px;
        position: absolute;
        top: 16px;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cpolygon%20points%3D%2226.56%2013.5%2011.68%203.61%2011.99%2010.08%200.44%2010.08%200.44%2016.92%2011.99%2016.92%2011.68%2023.39%2026.56%2013.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
        background-size: 1.375rem 1.375rem;
        background-repeat: no-repeat;
        background-position: center
    }

section.content-pages table {
    -webkit-box-shadow: 0 0 3px 2px rgba(93,93,93,.1);
    box-shadow: 0 0 3px 2px rgba(93,93,93,.1);
    font-size: .9375rem;
    border-radius: 10px;
    margin-top: 25px;
    margin-bottom: 35px
}

    section.content-pages table p {
        font-size: .9375rem
    }

    section.content-pages table li {
        font-size: .9375rem
    }

    section.content-pages table thead tr th {
        font-family: NotoSans-Regular;
        font-weight: 400;
        padding: 25px 0;
        background: #e6eaef;
        text-align: left
    }

    section.content-pages table tbody tr th {
        font-family: NotoSans-Regular;
        font-weight: 400;
        text-align: left;
        min-width: 15%
    }

    section.content-pages table tr td, section.content-pages table tr th {
        padding: 15px;
        vertical-align: top
    }

    section.content-pages table tr {
        border-bottom: none
    }

        section.content-pages table tr:nth-child(even) {
            background: #f9f9f9
        }

        section.content-pages table tr:nth-child(odd) {
            background: #fff
        }

        section.content-pages table tr td:first-child, section.content-pages table tr th:first-child {
            text-align: left;
            padding-left: 25px
        }

        section.content-pages table tr td:nth-child(2), section.content-pages table tr th:nth-child(2) {
            padding-left: 35px
        }

        section.content-pages table tr td:nth-child(3), section.content-pages table tr th:nth-child(3) {
            padding-left: 35px;
            padding-right: 35px
        }

        section.content-pages table tr:first-child th:first-child {
            border-top-left-radius: 10px
        }

        section.content-pages table tr:first-child th:last-child {
            border-top-right-radius: 10px
        }

        section.content-pages table tr:last-child td:first-child {
            border-bottom-left-radius: 10px
        }

        section.content-pages table tr:last-child td:last-child {
            border-bottom-right-radius: 10px
        }

    section.content-pages table.equal-widths-3 tr td, section.content-pages table.equal-widths-3 tr th {
        width: 33.33333%
    }

@media only screen and (min-width:0) and (max-width:414px) {
    section.content-pages p {
        font-size: 1rem
    }

    section.content-pages li {
        font-size: 1rem
    }

    section.content-pages h3 {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1.125rem;
        margin-bottom: 1.75rem
    }

    section.content-pages .left-indented-panel {
        padding-left: 0
    }

        section.content-pages .left-indented-panel:before {
            display: none
        }
}

@media only screen and (min-width:0) and (max-width:719px) {
    section.content-pages table tr td:first-child, section.content-pages table tr th:first-child {
        text-align: left;
        padding-left: 15px
    }

    section.content-pages table tr td:nth-child(2), section.content-pages table tr th:nth-child(2) {
        padding-left: 15px;
        padding-right: 10px
    }

    section.content-pages table tr td:nth-child(3), section.content-pages table tr th:nth-child(3) {
        padding-left: 15px;
        padding-right: 10px
    }

    section.content-pages table tr td:before {
        content: attr(data-header);
        display: block;
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: .3125rem
    }

    section.content-pages table.equal-widths-3.stack tr td, section.content-pages table.equal-widths-3.stack tr th {
        width: 100%
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    section.content-pages .left-indented-panel {
        padding-left: 3.75rem
    }

        section.content-pages .left-indented-panel:before {
            width: 42px;
            height: 42px;
            border: 5px solid #2E5C99;
            background-size: 1.25rem
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    section.content-pages table tr td:first-child, section.content-pages table tr th:first-child {
        text-align: left;
        padding-left: 15px
    }

    section.content-pages table tr td:nth-child(2), section.content-pages table tr th:nth-child(2) {
        padding-left: 5px;
        padding-right: 10px
    }

    section.content-pages table tr td:nth-child(3), section.content-pages table tr th:nth-child(3) {
        padding-left: 5px;
        padding-right: 10px
    }
}

.nominations-panel {
    height: 100%
}

.current-nominee-wrapper {
    padding-left: 6.25rem;
    background-image: url(../img/icon-spin-person.svg);
    background-position: top left;
    background-size: 4.625rem 4.625rem;
    background-repeat: no-repeat;
    min-height: 5rem
}

    .current-nominee-wrapper .current-nominee {
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: 0
    }

    .current-nominee-wrapper .current-nominee-num {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 2.25rem;
        margin-bottom: 0;
        line-height: 1
    }

    .current-nominee-wrapper.left-divider {
        position: relative;
        padding-left: 8.4375rem
    }

        .current-nominee-wrapper.left-divider:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 110px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 2px;
            height: calc(100% - 10px);
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
            background-repeat: repeat-y;
            background-size: 2px 105px;
            background-position: top left
        }

.lumpsum-pension-percentage {
    color: #021B41;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
    background-repeat: repeat-y;
    background-size: 2px 105px;
    background-position: top left;
    padding-left: 1rem;
    padding-bottom: .375rem
}

    .lumpsum-pension-percentage dt {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1rem
    }

    .lumpsum-pension-percentage dd {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1;
        color: #021B41
    }

.nominee-panel {
    position: relative
}

.delete-nominee-overlay {
    position: absolute;
    top: -7px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid #2E5C99;
    background-color: #f9fdfd;
    border-radius: 5px;
    padding: 1.5rem 2.25rem 1.375rem 2.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.confirm-delete-nominee.removing {
    -webkit-animation: pulsing 1s linear infinite;
    animation: pulsing 1s linear infinite
}

.nominees-percentage-switch-table {
    border: 1px solid rgba(123,201,206,.6)
}

    .nominees-percentage-switch-table.row {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.25rem
    }

    .nominees-percentage-switch-table .row {
        border-bottom: 1px solid rgba(123,201,206,.6)
    }

    .nominees-percentage-switch-table .tfoot {
        background-color: transparent
    }

        .nominees-percentage-switch-table .tfoot .row {
            border-bottom: none
        }

        .nominees-percentage-switch-table .tfoot .column, .nominees-percentage-switch-table .tfoot .columns {
            font-size: 1.5rem
        }

            .nominees-percentage-switch-table .tfoot .column:last-child, .nominees-percentage-switch-table .tfoot .columns:last-child {
                font-size: 1.5rem
            }

    .nominees-percentage-switch-table .row .column.main-column, .nominees-percentage-switch-table .row .main-column.columns {
        padding: 1.25rem 1.5rem 1.25rem 1.5rem
    }

        .nominees-percentage-switch-table .row .column.main-column .row, .nominees-percentage-switch-table .row .main-column.columns .row {
            margin-left: 0;
            margin-right: 0;
            border-bottom: none
        }

    .nominees-percentage-switch-table .main-column .callout.notification {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        margin-bottom: 1.25rem
    }

    .nominees-percentage-switch-table .column.percentage, .nominees-percentage-switch-table .percentage.columns {
        padding-left: 0;
        padding-right: 0;
        border-left: 1px solid rgba(123,201,206,.6);
        background-color: rgb(202,225,239);
        white-space: nowrap
    }

        .nominees-percentage-switch-table .column.percentage.alert-non-active, .nominees-percentage-switch-table .percentage.alert-non-active.columns {
            background-color: rgba(239,78,69,.1)
        }

            .nominees-percentage-switch-table .column.percentage.alert-non-active input, .nominees-percentage-switch-table .percentage.alert-non-active.columns input {
                border-color: rgba(239,78,69,.6)
            }

    .nominees-percentage-switch-table .row .column.total-heading, .nominees-percentage-switch-table .row .total-heading.columns {
        font-size: 1.5rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        padding-left: 1.5rem
    }

    .nominees-percentage-switch-table .tfoot .column.error, .nominees-percentage-switch-table .tfoot .column.error:last-child, .nominees-percentage-switch-table .tfoot .error.columns, .nominees-percentage-switch-table .tfoot .error.columns:last-child {
        background-color: rgba(239,78,69,.1)
    }

        .nominees-percentage-switch-table .tfoot .column.error input[readonly], .nominees-percentage-switch-table .tfoot .column.error:last-child input[readonly], .nominees-percentage-switch-table .tfoot .error.columns input[readonly], .nominees-percentage-switch-table .tfoot .error.columns:last-child input[readonly] {
            background-color: rgba(239,78,69,.1);
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .nominees-percentage-switch-table .row .column, .nominees-percentage-switch-table .row .columns {
        padding: 1.25rem 1.5rem 1.25rem 1rem
    }

    .nominees-percentage-switch-table .column.title, .nominees-percentage-switch-table .title.columns {
        font-size: 1.25rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        padding-left: 1.5rem
    }

    .nominees-percentage-switch-table .column.percentage, .nominees-percentage-switch-table .percentage.columns {
        font-size: 1.5rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .nominees-percentage-switch-table span {
        display: block;
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    .nominees-percentage-switch-table .column.percentage, .nominees-percentage-switch-table .percentage.columns {
        text-align: center
    }

        .nominees-percentage-switch-table .column.percentage span, .nominees-percentage-switch-table .percentage.columns span {
            display: inline-block;
            font-size: 1.5rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            -webkit-transform: translateY(14px);
            -ms-transform: translateY(14px);
            transform: translateY(14px)
        }

        .nominees-percentage-switch-table .column.percentage input, .nominees-percentage-switch-table .percentage.columns input {
            display: inline-block;
            width: 7rem;
            text-align: center;
            font-size: 1.125rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            color: #021B41;
            padding: 0 0;
            height: 3.625rem;
            margin-right: .625rem;
            margin-bottom: 0;
            border-radius: 8px;
            border: 1px solid rgba(0,45,89,.4);
            background-color: #fff
        }

            .nominees-percentage-switch-table .column.percentage input.noborder, .nominees-percentage-switch-table .percentage.columns input.noborder {
                border: none;
                -webkit-box-shadow: none;
                box-shadow: none
            }

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

@media only screen and (min-width:0) and (max-width:719px) {
    .lumpsum-pension-percentage {
        color: #021B41;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        background-size: 105px 2px;
        background-position: top center;
        padding-left: 0;
        padding-top: 1rem
    }

    .nominees-percentage-switch-table .row .column:last-child, .nominees-percentage-switch-table .row .columns:last-child {
        border-left: none
    }

    .nominees-percentage-switch-table .column.percentage, .nominees-percentage-switch-table .percentage.columns {
        text-align: left;
        padding-left: 1.5rem
    }
}

.useful-links-row {
    border-bottom: 1px solid #e7e6e4;
    padding-top: 3rem;
    padding-bottom: 2rem
}

.useful-links div:last-child {
    border-bottom: none
}

.useful-links-row--image img {
    width: 235px;
    margin-top: 2.75rem;
    margin-bottom: 1.875rem
}

.useful-links-row--content dd, .useful-links-row--content dt, .useful-links-row--content p {
    font-size: 1.125rem;
    color: #021B41
}

.useful-links-row--content .list-item-right-column {
    padding-left: 1.5rem
}

.useful-links-row--content dt {
    display: inline;
    width: 10%
}

.useful-links-row--content dd {
    display: inline;
    width: 90%
}

@media only screen and (min-width:0) and (max-width:719px) {
    .useful-links-row {
        padding-top: 2rem;
        padding-bottom: 1.5rem
    }

    .useful-links-row--image {
        text-align: center
    }

        .useful-links-row--image img {
            width: 140px;
            margin-top: 0
        }

    .useful-links-row--content a {
        overflow-wrap: break-word;
        word-wrap: break-word
    }

    .useful-links-row--content .list-item-right-column {
        padding-left: .5rem
    }
}

.glossary-container {
    height: calc(92vh - 50px);
    overflow: hidden
}

.glossary-alpha-menu-column {
    padding-left: .625rem;
    padding-right: .625rem;
    height: 100%
}

.glossary-alpha-menu {
    height: 100%;
    width: 2.625rem;
    border-radius: 10px;
    background-color: rgba(123,201,206,.2);
    padding: 0 0;
    padding-top: .45vh;
    padding-bottom: .45vh;
    margin: auto;
    margin-bottom: 1.5rem;
    text-align: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

    .glossary-alpha-menu.menu li a {
        display: block;
        padding-left: .625rem;
        padding-right: .625rem;
        padding-top: .88vh;
        padding-bottom: .88vh;
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1.45vh
    }

    .glossary-alpha-menu a:hover {
        background-color: rgba(123,201,206,.5)
    }

    .glossary-alpha-menu a.active {
        background-color: #7bc9ce
    }

.glossary-content-container {
    height: 100%
}

.glossary-content {
    height: 100%;
    padding-right: 1rem;
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

    .glossary-content:before {
        content: '';
        position: absolute;
        height: 30px;
        width: 100%;
        left: 0;
        right: 0;
        top: 20px;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(10%,rgba(255,255,255,0)),to(white));
        background: linear-gradient(0deg,rgba(255,255,255,0) 10%,#fff 100%)
    }

    .glossary-content:after {
        content: '';
        position: absolute;
        height: 30px;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 20px;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(10%,#fff),to(rgba(255,255,255,0)));
        background: linear-gradient(0deg,#fff 10%,rgba(255,255,255,0) 100%)
    }

.glossary-content-inner {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 1.5rem
}

.glossary-content dt, .glossary-content dt:first-child {
    font-size: 2.25rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-top: 1rem;
    padding-bottom: 2rem
}

    .glossary-content dt:after {
        content: '';
        border-top: 1px solid #2E5C99;
        display: inline-block;
        width: calc(100% - 65px);
        margin-left: 20px;
        height: 14px
    }

.glossary-content dd {
    padding-bottom: 1rem;
    color: #021B41
}

    .glossary-content dd p {
        font-size: 1.125rem
    }

    .glossary-content dd h4 {
        font-size: 1.25rem;
        font-family: Noto Bold;
        font-weight: 400;
        padding-bottom: .5rem
    }

.glossary-searched-items-menu, .panel-internal .glossary-searched-items-menu {
    margin-top: 1.25rem;
    margin-bottom: 0
}

    .glossary-searched-items-menu li, .panel-internal .glossary-searched-items-menu li {
        margin-bottom: .5rem
    }

    .glossary-searched-items-menu a {
        border-radius: 6px;
        background-color: rgba(0,45,89,.1);
        margin-right: .5rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1.125rem
    }

        .glossary-searched-items-menu a:hover {
            background-color: rgba(123,201,206,.5)
        }

@media only screen and (min-width:0) and (max-width:719px) {
    .glossary-alpha-menu {
        width: 2.25rem
    }

    .glossary-content dd p {
        font-size: 1rem
    }
}

.generic .form-error {
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: .03125rem
}

.generic-field__label {
    position: relative;
    margin-top: .75rem;
    margin-bottom: 0
}

    .generic-field__label.stretch {
        width: 100%
    }

.generic-field__label-inner {
    line-height: 1;
    display: block;
    margin-bottom: .625rem
}

.generic-field__label-generic-inner {
    line-height: 1;
    opacity: 1;
    display: block;
    margin-bottom: .625rem
}

.is-invalid-input ~ .generic-field__label-inner {
    opacity: 1
}

.generic-field__input:focus ~ .generic-field__label-inner {
    opacity: 1;
    color: #2E5C99
}

.generic-field__obfuscated .obfuscated_password {
    color: #54565b
}

.generic-field__input:focus {
    border-color: #2E5C99
}

.generic-field__input.validated, .generic-field__select.validated {
    border-color: #26ae76
}

    .generic-field__input.validated ~ .generic-field__label-inner {
        opacity: 1;
        color: #26ae76
    }

.generic-field__label-inner.always-show {
    opacity: 1
}

.generic-field__label-inline {
    display: inline-block
}

input[readonly], input[readonly]:focus, textarea[readonly], textarea[readonly]:focus {
    background-color: rgba(231,230,228,.4);
    cursor: default;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    input[readonly].border, input[readonly].border:focus, textarea[readonly].border, textarea[readonly].border:focus {
        border: 1px solid rgba(0,45,89,.2)
    }

    input[readonly].light-seafoam-blue, input[readonly].light-seafoam-blue:focus, textarea[readonly].light-seafoam-blue, textarea[readonly].light-seafoam-blue:focus {
        background-color: rgba(123,201,206,.3);
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1.75rem;
        height: 4.375rem;
        color: #021B41
    }

.example-text {
    padding-left: 1.25rem
}

.dual-radio-buttons .column, .dual-radio-buttons .columns {
    display: inline;
    width: 50%;
    position: relative
}

.dual-radio-buttons [type=radio] {
    opacity: 0;
    position: absolute;
    left: -5000px
}

.dual-radio-buttons label {
    background-color: #fff;
    border: 1px solid #021B41;
    border: 1px solid rgba(0,45,89,.25);
    color: #021B41;
    text-align: center;
    border-radius: 10px;
    font-family: NotoSans-Regular;
    line-height: 1.5;
    margin: 0;
    padding: 1.875rem 1.5rem;
    position: relative;
    height: 100%;
    width: 100%
}

    .dual-radio-buttons label:after {
        display: none
    }

.dual-radio-buttons.smaller label {
    padding: 1.25rem 1.5rem
}

.dual-radio-buttons [type=radio]:checked + label {
    background-color: #021B41;
    border: 1px solid #021B41;
    color: #fff
}

.dual-radio-buttons.dual-radio-buttons--dots label {
    padding-top: 3.6875rem
}

    .dual-radio-buttons.dual-radio-buttons--dots label:after {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 1.375rem;
        content: ' ';
        width: 26px;
        height: 26px;
        border: 2px solid rgba(0,45,89,.3);
        border-radius: 999px;
        background-color: none;
        display: block
    }

.dual-radio-buttons.dual-radio-buttons--dots [type=radio]:checked + label:after {
    border: 7px solid #fff;
    background-color: #2ed9c3
}

.dual-radio-buttons.dual-radio-buttons--arrows [type=radio]:checked + label:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px;
    content: '';
    border-bottom-width: 0;
    border-color: #021B41 transparent transparent;
    top: 100%
}

.dual-radio-buttons.dual-radio-buttons--arrows.arrows-first-only .column:last-child [type=radio] + label:after, .dual-radio-buttons.dual-radio-buttons--arrows.arrows-first-only .columns:last-child [type=radio] + label:after {
    display: none
}

@media only screen and (max-width:414px) {
    .dual-radio-buttons label {
        padding: 1.125rem .625rem;
        font-size: .8125rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .dual-radio-buttons label {
        padding: 1.125rem .625rem;
        font-size: .8125rem
    }
}

label.round-checkbox-label {
    position: relative;
    padding-left: 2.125rem;
    margin-left: 0
}

    label.round-checkbox-label:before {
        position: absolute;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        content: ' ';
        width: 26px;
        height: 26px;
        border: 2px solid rgba(0,45,89,.3);
        border-radius: 999px;
        background-color: none;
        display: block
    }

    label.round-checkbox-label:after {
        position: absolute;
        left: 2px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        content: ' ';
        width: 22px;
        height: 22px;
        border-radius: 999px;
        display: block
    }

.round-checkbox[type=checkbox]:checked + label.round-checkbox-label:after {
    border: 5px solid #fff;
    background-color: #2ed9c3
}

.vertical-radio-buttons li {
    position: relative
}

.vertical-radio-buttons [type=radio] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: -5000px
}

.vertical-radio-buttons label {
    margin: 0;
    padding-left: 2.375rem;
    position: relative;
    height: 100%;
    width: 100%
}

.vertical-radio-buttons legend.help-text {
    margin-bottom: .5rem;
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-style: normal;
    color: #021B41
}

    .vertical-radio-buttons legend.help-text.border-bottom {
        border-bottom: 1px solid #e7e6e4;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        display: block;
        width: 100%
    }

.vertical-radio-buttons label:before {
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: ' ';
    width: 26px;
    height: 26px;
    border: 2px solid rgba(0,45,89,.3);
    border-radius: 999px;
    background-color: none;
    display: block;
    z-index: 2
}

.vertical-radio-buttons label:after {
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: ' ';
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background-color: none;
    display: block
}

.vertical-radio-buttons [type=radio]:checked + label:after {
    border: 7px solid #fff;
    background-color: #2ed9c3
}

.vertical-radio-buttons.vertical-radio-buttons--dots label {
    padding: 1.75rem 1.5rem 1.75rem 4.25rem;
    border-radius: 10px;
    border: 1px solid rgba(0,45,89,.3);
    line-height: 1.3
}

.vertical-radio-buttons.vertical-radio-buttons--dots.simple label {
    padding: .5rem 0 .5rem 2.6875rem;
    border-radius: 0;
    border: none;
    line-height: 1.3;
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.vertical-radio-buttons.vertical-radio-buttons--dots label:before {
    left: 25px;
    border: 1px solid rgba(0,45,89,.3)
}

.vertical-radio-buttons.vertical-radio-buttons--dots.simple label:before {
    left: 0;
    border: 1px solid rgba(0,45,89,.3)
}

.vertical-radio-buttons.vertical-radio-buttons--dots label:after {
    position: absolute;
    left: 25px
}

.vertical-radio-buttons.vertical-radio-buttons--dots.simple label:after {
    position: absolute;
    left: 0
}

.vertical-radio-buttons.vertical-radio-buttons--dots [type=radio]:checked + label {
    background-color: #021B41;
    border: 1px solid #021B41;
    color: #fff
}

.vertical-radio-buttons.vertical-radio-buttons--dots.simple [type=radio]:checked + label {
    background-color: transparent;
    border: none;
    color: #021B41;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.vertical-radio-buttons.vertical-radio-buttons--dots-two-column ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.vertical-radio-buttons.vertical-radio-buttons--dots-two-column li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

    .vertical-radio-buttons.vertical-radio-buttons--dots-two-column li:nth-child(odd) {
        padding-right: .625rem
    }

    .vertical-radio-buttons.vertical-radio-buttons--dots-two-column li:nth-child(even) {
        padding-left: .625rem
    }

@media only screen and (max-width:414px) {
    .vertical-radio-buttons.vertical-radio-buttons--dots-two-column li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

        .vertical-radio-buttons.vertical-radio-buttons--dots-two-column li:nth-child(odd) {
            padding-right: 0
        }

        .vertical-radio-buttons.vertical-radio-buttons--dots-two-column li:nth-child(even) {
            padding-left: 0
        }
}

.generic-field__input {
    padding: 0 .625rem 0 1.5rem;
    margin-bottom: .75rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border-color: rgba(0,45,89,.4);
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .3px;
    color: #021B41;
    height: 3.75rem
}

.readonly-indicator {
    padding: 0 1.5rem 0 1.5rem;
    margin-bottom: .75rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border-color: rgba(0,45,89,.4);
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: .3px;
    color: #021B41;
    height: 3.75rem;
    min-width: 40%
}

    .readonly-indicator.light-seafoam-blue {
        background-color: rgba(123,201,206,.3);
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1.75rem;
        height: 4.375rem;
        color: #021B41
    }

    .readonly-indicator.inline {
        display: inline-block
    }

.generic-field__textarea {
    padding: 1rem .625rem 1rem 1.5rem
}

.generic-field__input.auto-width {
    width: auto
}

.generic-field__input.width_100 {
    width: 6.25rem
}

.generic-field__input.width_80 {
    width: 5rem
}

.generic-field__input.centered {
    text-align: center;
    padding: 0 .625rem 0 .625rem
}

.generic-field__input.inline {
    display: inline-block
}

.slider, .slider-fill {
    border-radius: 20px
}

    .slider.slider-with-visible-total {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

input[type=text].slider-with-visible-total {
    background-color: #fff;
    border: 1px solid rgba(0,45,89,.4);
    border-radius: 8px;
    padding: 1.25rem .25rem;
    height: auto;
    min-width: 3rem;
    font-size: 1rem;
    color: #021B41;
    display: inline-block
}

.slider.slider-with-visible-total.bolder-label {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.generic-field__input.date-picker, input.date-picker, input.date-picker-chart {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M2.16%206.29h39.69v36.85H2.16z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.99%2017.62h34.02V40.3H4.99z%22%2F%3E%3Crect%20x%3D%227.67%22%20y%3D%222.03%22%20width%3D%225.67%22%20height%3D%228.5%22%20rx%3D%222.66%22%20fill%3D%22%23002d59%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Crect%20x%3D%2230.67%22%20y%3D%222.03%22%20width%3D%225.67%22%20height%3D%228.5%22%20rx%3D%222.66%22%20fill%3D%22%23002d59%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M15.68%2031.12a3%203%200%2000.25%201.28%201.71%201.71%200%20001.68.93%201.87%201.87%200%20001.3-.51%201.89%201.89%200%2000.55-1.47%201.66%201.66%200%2000-1-1.7%205.18%205.18%200%2000-1.84-.24V27.6a4.72%204.72%200%20001.72-.24%201.49%201.49%200%2000.84-1.51%201.65%201.65%200%2000-.43-1.2%201.57%201.57%200%2000-1.21-.47%201.53%201.53%200%2000-1.32.57%202.44%202.44%200%2000-.4%201.52h-2.4a6.81%206.81%200%2001.33-1.82%204.16%204.16%200%20011-1.39%203.33%203.33%200%20011.18-.7%205.15%205.15%200%20011.68-.24%204.46%204.46%200%20013%201%203.18%203.18%200%20011.13%202.56%202.83%202.83%200%2001-.74%201.88%202.4%202.4%200%2001-.89.67%201.84%201.84%200%20011%20.59%203.18%203.18%200%20011%202.46A4.13%204.13%200%200121%2034.15a4.3%204.3%200%2001-3.35%201.24%204%204%200%2001-3.8-1.78%205.36%205.36%200%2001-.63-2.49zM24.1%2026.18v-1.72a12%2012%200%20001.68-.16%202.37%202.37%200%20001.22-.68%202.19%202.19%200%2000.49-.92%201.9%201.9%200%2000.1-.52h2.12v12.89h-2.6v-8.89z%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
    background-size: 1.875rem 1.875rem;
    background-position: right .9rem center;
    background-repeat: no-repeat;
    padding-right: 3.4375rem
}

.generic-field__input.icon-percent {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2022%22%3E%3Cpolygon%20points%3D%228.65%2020.55%206.26%2020.55%2017.24%201.41%2019.63%201.41%208.65%2020.55%22%20fill%3D%22%23002d59%22%2F%3E%3Cpath%20d%3D%22M5.82%2C1.28a5.66%2C5.66%2C0%2C1%2C0%2C5.66%2C5.66A5.66%2C5.66%2C0%2C0%2C0%2C5.82%2C1.28Zm0%2C8.44A2.79%2C2.79%2C0%2C1%2C1%2C8.6%2C6.94%2C2.78%2C2.78%2C0%2C0%2C1%2C5.82%2C9.72Z%22%20fill%3D%22%23002d59%22%2F%3E%3Cpath%20d%3D%22M20.18%2C9.41a5.66%2C5.66%2C0%2C1%2C0%2C5.66%2C5.65A5.66%2C5.66%2C0%2C0%2C0%2C20.18%2C9.41Zm0%2C8.44A2.79%2C2.79%2C0%2C1%2C1%2C23%2C15.06%2C2.78%2C2.78%2C0%2C0%2C1%2C20.18%2C17.85Z%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
    background-size: 1.875rem 1.875rem;
    background-position: right .9rem center;
    background-repeat: no-repeat;
    padding-right: 3.4375rem
}

.generic-field__input::-webkit-input-placeholder {
    color: #021B41
}

.generic-field__input::-moz-placeholder, .generic-field__input::-ms-input-placeholder, .generic-field__input::-webkit-input-placeholder, .generic-field__input::placeholder {
    color: #021B41
}

.generic-field__visible-help-text .help-text {
    color: #54565b;
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-style: normal;
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: .9375rem
}

.generic-field__visible-help-text .generic-field__label-inner {
    margin-bottom: .5rem
}

.generic-field__visible-help-text.larger .generic-field__label-inner {
    font-size: 1.125rem
}

.generic-field__visible-help-text.font-regular .generic-field__label-inner {
    font-family: NotoSans-Regular;
    font-weight: 400;
    font-style: normal
}

.generic-field__select {
    padding: 1.8125rem 1.875rem 1.8125rem 1.5rem;
    height: 3.75rem;
    margin-bottom: .75rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border-color: rgba(0,45,89,.4);
    font-size: .9375rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: .3px;
    color: #021B41;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2030%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23002d59%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012L15.5%2019%2022%2012%22%2F%3E%3C%2Fsvg%3E");
    background-size: 1.875rem 1.875rem;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

select::-ms-value {
    background-color: #fff;
    color: #021B41
}

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

.generic-field__select.large {
    padding: 1.75rem 3.375rem 1.75rem 1.625rem;
    border-radius: 10px;
    height: auto;
    font-size: 1.125rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.125rem;
    background-position: right -26px center;
    font-family: NotoSans-Regular
}

.generic-field__select:focus {
    outline: 0;
    border: 1px solid #2E5C99
}

.generic-field__select.highlight-is-active {
    background-color: rgb(202,225,239);
    border-color: #2E5C99
}

.generic-field__checkbox {
    opacity: 0;
    position: absolute;
    left: -5000px
}

.generic-field__label {
    color: #021B41
}

    .generic-field__label.inline {
        display: inline-block
    }

    .generic-field__label.checkbox {
        margin-left: 0;
        padding-left: 1.875rem;
        position: relative
    }

        .generic-field__label.checkbox:after {
            content: '';
            position: absolute;
            top: 4px;
            left: 0;
            border: 1px solid #c1c7d0;
            border-radius: 2px;
            padding: 0;
            width: 1.125rem;
            height: 1.125rem;
            text-align: center;
            line-height: 18px;
            font-size: 14px;
            color: #021B41
        }

    .generic-field__label.is-invalid-label.checkbox:after {
        border-color: #C20114
    }

.generic-field__checkbox:checked ~ .generic-field__label.checkbox:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23002d59%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: center
}

.generic-field__label .has-tip {
    display: inline;
    border-bottom: none
}

.generic-field__select.seafoam-blue {
    background-color: rgb(202,225,239);
    border-color: #2E5C99
}

    .generic-field__select.seafoam-blue::-ms-value {
        background-color: transparent;
        border-color: #2E5C99
    }

.button {
    text-decoration: none;
    letter-spacing: .5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .button.small {
        font-family: NotoSans-Regular
    }



    .button.secondary:focus, .button.secondary:hover {
        color: rgba(255,255,255,.9)
    }

    .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
        opacity: .3;
        pointer-events: none
    }

    .button.secondary.disabled, .button.secondary.disabled:focus, .button.secondary[disabled], .button.secondary[disabled]:focus {
        background-color: #40C1AC;
        color: #000000
    }

        .button.secondary.disabled:hover, .button.secondary[disabled]:hover {
            background-color: #267A80;
            color: #FFFFFF
        }


    .button.menu-button {
        background-color: #021B41;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: center right 15px;
        border: solid 1px rgba(0,45,89,.12);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
        font-size: 1.125rem;
        margin-top: .75rem;
        margin-bottom: .75rem;
        padding: 1.75rem 2.75rem 1.75rem 1.625rem;
        text-align: left;
        width: 100%
    }

        .button.menu-button.smaller {
            font-size: 1rem
        }

        .button.menu-button.active {
            background-color: rgb(202,225,239);
            border-color: #2E5C99
        }

        .button.menu-button:hover {
            background-color: #2E5C99
        }

@media only screen and (max-width:414px) {
    .button.menu-button {
        font-size: 1rem
    }

        .button.menu-button.smaller {
            font-size: .9375rem
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .button.menu-button {
        font-size: 1rem
    }

        .button.menu-button.smaller {
            font-size: .9375rem
        }
}

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

.button.no-min-width {
    min-width: auto
}

.button.off-white {
    background-color: #f5f5f5;
    color: #a3a3a3
}

.button.putty {
    background-color: #adacab;
    color: #fff
}

.button.subtle-grey {
    background-color: #e6e6e7;
    color: #021B41;
}

.button.very-light-blue {
    background-color: #ebecf0;
    color: #021B41;
}

.button.minimal-side-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.button.putty:disabled:hover {
    background-color: #adacab;
    color: #fff
}

.button.light-green {
    background-color: rgba(123,201,206,.5);
    color: #021B41
}

.button.light-green {
    background-color: rgba(123,201,206,.5);
    color: #021B41
}

.button.light-grey {
    background-color: #eeefef;
    color: #021B41
}

    .button.light-grey:disabled:hover {
        background-color: #eeefef;
        color: #021B41
    }

.button.pale {
    background-color: #e7e6e4;
    color: #021B41
}

    .button.pale:hover {
        background-color: rgba(231,230,228,.7)
    }

    .button.pale:disabled:hover {
        background-color: #e7e6e4;
        color: #021B41
    }

.button.transparent-fill {
    background-color: rgba(123,201,206,.25);
    border-color: #2E5C99;
    color: #021B41
}

.button.transparent {
    background-color: transparent;
    border-color: #021B41;
    color: #021B41
}

.button.rounded {
    border-radius: 999px
}

.button.extra-padding-left-right {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

@media only screen and (min-width:0) and (max-width:719px) {
    .button.extra-padding-left-right {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.button.font-medium {
    font-family: NotoSans-Regular;
    background-repeat: no-repeat
}

.button.download-clear {
    padding-left: 0;
    font-size: 1.125rem
}

.button.icon {
    font-family: NotoSans-Regular;
    background-repeat: no-repeat;
    background-size: 20px 20px
}

.button.icon-left {
    background-position: center left 15px;
    padding-left: 2.8rem
}

.button.icon-right {
    background-position: center right 18px;
    padding-right: 3rem
}

.button.icon-up-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
}

.button.icon-down-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
}

.button.icon-edit {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.95%2012.308l8.88-8.881%203.536%203.535-8.881%208.882zM7.9%2016.43l-4.42.89.88-4.43%22%2F%3E%3C%2Fsvg%3E")
}

    .button.icon-edit.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%232E5C99%22%20d%3D%22M4.95%2012.308l8.88-8.881%203.536%203.535-8.881%208.882zM7.9%2016.43l-4.42.89.88-4.43%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-edit.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M4.95%2012.308l8.88-8.881%203.536%203.535-8.881%208.882zM7.9%2016.43l-4.42.89.88-4.43%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-edit.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M4.95%2012.308l8.88-8.881%203.536%203.535-8.881%208.882zM7.9%2016.43l-4.42.89.88-4.43%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-edit.clear {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M4.95%2012.308l8.88-8.881%203.536%203.535-8.881%208.882zM7.9%2016.43l-4.42.89.88-4.43%22%2F%3E%3C%2Fsvg%3E")
    }

.button.icon-download {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%227%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpolygon%20points%3D%2218.5%2014%2018.5%201%209.5%201%209.5%2014%206%2014%2014%2023%2022%2014%2018.5%2014%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")
}

    .button.icon-download.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%227%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%232E5C99%22%2F%3E%3Cpolygon%20points%3D%2218.5%2014%2018.5%201%209.5%201%209.5%2014%206%2014%2014%2023%2022%2014%2018.5%2014%22%20fill%3D%22%232E5C99%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%227%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23002d59%22%2F%3E%3Cpolygon%20points%3D%2218.5%2014%2018.5%201%209.5%201%209.5%2014%206%2014%2014%2023%2022%2014%2018.5%2014%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%227%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23002d59%22%2F%3E%3Cpolygon%20points%3D%2218.5%2014%2018.5%201%209.5%201%209.5%2014%206%2014%2014%2023%2022%2014%2018.5%2014%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download.outline-shadow {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%227%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23002d59%22%2F%3E%3Cpolygon%20points%3D%2218.5%2014%2018.5%201%209.5%201%209.5%2014%206%2014%2014%2023%2022%2014%2018.5%2014%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download.clear {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%227%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23ef7f8a%22%2F%3E%3Cpolygon%20points%3D%2218.5%2014%2018.5%201%209.5%201%209.5%2014%206%2014%2014%2023%2022%2014%2018.5%2014%22%20fill%3D%22%23ef7f8a%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download.icon-colour-carnation {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20x%3D%227%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23ef7f8a%22%2F%3E%3Cpolygon%20points%3D%2218.5%2014%2018.5%201%209.5%201%209.5%2014%206%2014%2014%2023%2022%2014%2018.5%2014%22%20fill%3D%22%23ef7f8a%22%2F%3E%3C%2Fsvg%3E")
    }

.button.icon-download-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-size: 18px 18px
}

    .button.icon-download-arrow.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%232E5C99%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%232E5C99%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download-arrow.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23002d59%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download-arrow.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23002d59%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download-arrow.outline-shadow {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3C%2Fsvg%3E");
        background-size: 16px 16px
    }

    .button.icon-download-arrow.clear {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-download-arrow.icon-colour-carnation {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.91%2027.91%22%3E%3Cpath%20d%3D%22M12.3%2C2.68V14.23L9.2%2C11.14a1.64%2C1.64%2C0%2C0%2C0-2.32%2C2.31l5.9%2C5.89a1.68%2C1.68%2C0%2C0%2C0%2C2.35%2C0L21%2C13.45a1.64%2C1.64%2C0%2C0%2C0-2.32-2.31l-3.14%2C3.14V2.68a1.64%2C1.64%2C0%2C0%2C0-3.27%2C0Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3Cpath%20d%3D%22M26.27%2C19.16H24.64a1%2C1%2C0%2C0%2C0-1%2C1V23H4.27V20.16a1%2C1%2C0%2C0%2C0-1-1H1.64a1%2C1%2C0%2C0%2C0-1%2C1v5.42a1%2C1%2C0%2C0%2C0%2C1%2C1H26.27a1%2C1%2C0%2C0%2C0%2C1-1V20.16A1%2C1%2C0%2C0%2C0%2C26.27%2C19.16Z%22%20fill%3D%22%23ef7f8a%22%2F%3E%3C%2Fsvg%3E")
    }

.button.icon-play {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20123.95%20149.26%22%3E%3Cpath%20d%3D%22M117.57%2C84.7%2C21%2C145.87A31%2C31%2C0%2C0%2C1%2C13.41%2C149%2C11%2C11%2C0%2C0%2C1%2C0%2C138.23V10.34A10.29%2C10.29%2C0%2C0%2C1%2C10.66%2C0C14.07.16%2C17.21%2C1.47%2C20.9%2C3.4l96.67%2C61.25C126%2C69.2%2C126.16%2C80.1%2C117.57%2C84.7Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E")
}

.button.icon-search {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ccircle%20cx%3D%229.11%22%20cy%3D%229.22%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2214.79%22%20y1%3D%2214.79%22%20x2%3D%2219.11%22%20y2%3D%2219.11%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
}

    .button.icon-search.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ccircle%20cx%3D%229.11%22%20cy%3D%229.22%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2214.79%22%20y1%3D%2214.79%22%20x2%3D%2219.11%22%20y2%3D%2219.11%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-search.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ccircle%20cx%3D%229.11%22%20cy%3D%229.22%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2214.79%22%20y1%3D%2214.79%22%20x2%3D%2219.11%22%20y2%3D%2219.11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-search.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ccircle%20cx%3D%229.11%22%20cy%3D%229.22%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2214.79%22%20y1%3D%2214.79%22%20x2%3D%2219.11%22%20y2%3D%2219.11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

.button.icon-tick {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E")
}

    .button.icon-tick.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%232E5C99%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-tick.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23002d59%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-tick.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23002d59%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E")
    }

.button.icon-hide {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M14.69%2C10.33a1%2C1%2C0%2C0%2C0%2C0-.16%2C2.9%2C2.9%2C0%2C0%2C0-2.9-2.89l-.14%2C0Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M15.16%2C13.63%2C13.8%2C12.26%2C9.72%2C8.18%2C8.35%2C6.82%2C6.26%2C4.72l-1-1L3.85%2C5.14l.61.61a16.79%2C16.79%2C0%2C0%2C0-4.25%2C4s4.67%2C7.17%2C11.61%2C7.17a11.12%2C11.12%2C0%2C0%2C0%2C3.29-.51l1.47%2C1.47L18%2C16.45l-.85-.85ZM11.81%2C15A4.78%2C4.78%2C0%2C0%2C1%2C7.27%2C8.56L8.91%2C10.2a2.89%2C2.89%2C0%2C0%2C0%2C2.85%2C2.85l1.64%2C1.64A4.67%2C4.67%2C0%2C0%2C1%2C11.81%2C15Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M11.82%2C3.44A12.3%2C12.3%2C0%2C0%2C0%2C8.31%2C4L10.06%2C5.7a4.87%2C4.87%2C0%2C0%2C1%2C1.75-.34%2C4.82%2C4.82%2C0%2C0%2C1%2C4.83%2C4.81%2C4.92%2C4.92%2C0%2C0%2C1-.34%2C1.76l2.61%2C2.61a17.08%2C17.08%2C0%2C0%2C0%2C4.5-4.8S19.26%2C3.44%2C11.82%2C3.44Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")
}

    .button.icon-hide.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M14.69%2C10.33a1%2C1%2C0%2C0%2C0%2C0-.16%2C2.9%2C2.9%2C0%2C0%2C0-2.9-2.89l-.14%2C0Z%22%20fill%3D%22%232E5C99%22%2F%3E%3Cpath%20d%3D%22M15.16%2C13.63%2C13.8%2C12.26%2C9.72%2C8.18%2C8.35%2C6.82%2C6.26%2C4.72l-1-1L3.85%2C5.14l.61.61a16.79%2C16.79%2C0%2C0%2C0-4.25%2C4s4.67%2C7.17%2C11.61%2C7.17a11.12%2C11.12%2C0%2C0%2C0%2C3.29-.51l1.47%2C1.47L18%2C16.45l-.85-.85ZM11.81%2C15A4.78%2C4.78%2C0%2C0%2C1%2C7.27%2C8.56L8.91%2C10.2a2.89%2C2.89%2C0%2C0%2C0%2C2.85%2C2.85l1.64%2C1.64A4.67%2C4.67%2C0%2C0%2C1%2C11.81%2C15Z%22%20fill%3D%22%232E5C99%22%2F%3E%3Cpath%20d%3D%22M11.82%2C3.44A12.3%2C12.3%2C0%2C0%2C0%2C8.31%2C4L10.06%2C5.7a4.87%2C4.87%2C0%2C0%2C1%2C1.75-.34%2C4.82%2C4.82%2C0%2C0%2C1%2C4.83%2C4.81%2C4.92%2C4.92%2C0%2C0%2C1-.34%2C1.76l2.61%2C2.61a17.08%2C17.08%2C0%2C0%2C0%2C4.5-4.8S19.26%2C3.44%2C11.82%2C3.44Z%22%20fill%3D%22%232E5C99%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-hide.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M14.69%2C10.33a1%2C1%2C0%2C0%2C0%2C0-.16%2C2.9%2C2.9%2C0%2C0%2C0-2.9-2.89l-.14%2C0Z%22%20fill%3D%22%23002d59%22%2F%3E%3Cpath%20d%3D%22M15.16%2C13.63%2C13.8%2C12.26%2C9.72%2C8.18%2C8.35%2C6.82%2C6.26%2C4.72l-1-1L3.85%2C5.14l.61.61a16.79%2C16.79%2C0%2C0%2C0-4.25%2C4s4.67%2C7.17%2C11.61%2C7.17a11.12%2C11.12%2C0%2C0%2C0%2C3.29-.51l1.47%2C1.47L18%2C16.45l-.85-.85ZM11.81%2C15A4.78%2C4.78%2C0%2C0%2C1%2C7.27%2C8.56L8.91%2C10.2a2.89%2C2.89%2C0%2C0%2C0%2C2.85%2C2.85l1.64%2C1.64A4.67%2C4.67%2C0%2C0%2C1%2C11.81%2C15Z%22%20fill%3D%22%23002d59%22%2F%3E%3Cpath%20d%3D%22M11.82%2C3.44A12.3%2C12.3%2C0%2C0%2C0%2C8.31%2C4L10.06%2C5.7a4.87%2C4.87%2C0%2C0%2C1%2C1.75-.34%2C4.82%2C4.82%2C0%2C0%2C1%2C4.83%2C4.81%2C4.92%2C4.92%2C0%2C0%2C1-.34%2C1.76l2.61%2C2.61a17.08%2C17.08%2C0%2C0%2C0%2C4.5-4.8S19.26%2C3.44%2C11.82%2C3.44Z%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-hide.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M14.69%2C10.33a1%2C1%2C0%2C0%2C0%2C0-.16%2C2.9%2C2.9%2C0%2C0%2C0-2.9-2.89l-.14%2C0Z%22%20fill%3D%22%23002d59%22%2F%3E%3Cpath%20d%3D%22M15.16%2C13.63%2C13.8%2C12.26%2C9.72%2C8.18%2C8.35%2C6.82%2C6.26%2C4.72l-1-1L3.85%2C5.14l.61.61a16.79%2C16.79%2C0%2C0%2C0-4.25%2C4s4.67%2C7.17%2C11.61%2C7.17a11.12%2C11.12%2C0%2C0%2C0%2C3.29-.51l1.47%2C1.47L18%2C16.45l-.85-.85ZM11.81%2C15A4.78%2C4.78%2C0%2C0%2C1%2C7.27%2C8.56L8.91%2C10.2a2.89%2C2.89%2C0%2C0%2C0%2C2.85%2C2.85l1.64%2C1.64A4.67%2C4.67%2C0%2C0%2C1%2C11.81%2C15Z%22%20fill%3D%22%23002d59%22%2F%3E%3Cpath%20d%3D%22M11.82%2C3.44A12.3%2C12.3%2C0%2C0%2C0%2C8.31%2C4L10.06%2C5.7a4.87%2C4.87%2C0%2C0%2C1%2C1.75-.34%2C4.82%2C4.82%2C0%2C0%2C1%2C4.83%2C4.81%2C4.92%2C4.92%2C0%2C0%2C1-.34%2C1.76l2.61%2C2.61a17.08%2C17.08%2C0%2C0%2C0%2C4.5-4.8S19.26%2C3.44%2C11.82%2C3.44Z%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

.button.icon-show {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2018%22%3E%3Cpath%20d%3D%22M19.38%209a3.88%203.88%200%2011-3.88-3.86A3.87%203.87%200%200119.38%209zM31%208.42S25.51%2018%2015.52%2018C6.24%2018%200%208.42%200%208.42S5.74%200%2015.52%200C25.46%200%2031%208.42%2031%208.42zM22%209a6.46%206.46%200%2010-6.46%206.43A6.44%206.44%200%200022%209z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")
}

    .button.icon-show.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2018%22%3E%3Cpath%20d%3D%22M19.38%209a3.88%203.88%200%2011-3.88-3.86A3.87%203.87%200%200119.38%209zM31%208.42S25.51%2018%2015.52%2018C6.24%2018%200%208.42%200%208.42S5.74%200%2015.52%200C25.46%200%2031%208.42%2031%208.42zM22%209a6.46%206.46%200%2010-6.46%206.43A6.44%206.44%200%200022%209z%22%20fill%3D%22%232E5C99%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-show.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2018%22%3E%3Cpath%20d%3D%22M19.38%209a3.88%203.88%200%2011-3.88-3.86A3.87%203.87%200%200119.38%209zM31%208.42S25.51%2018%2015.52%2018C6.24%2018%200%208.42%200%208.42S5.74%200%2015.52%200C25.46%200%2031%208.42%2031%208.42zM22%209a6.46%206.46%200%2010-6.46%206.43A6.44%206.44%200%200022%209z%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-show.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2018%22%3E%3Cpath%20d%3D%22M19.38%209a3.88%203.88%200%2011-3.88-3.86A3.87%203.87%200%200119.38%209zM31%208.42S25.51%2018%2015.52%2018C6.24%2018%200%208.42%200%208.42S5.74%200%2015.52%200C25.46%200%2031%208.42%2031%208.42zM22%209a6.46%206.46%200%2010-6.46%206.43A6.44%206.44%200%200022%209z%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E")
    }

.button.icon-dustbin {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
}

    .button.icon-dustbin.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%232E5C99%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%232E5C99%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%232E5C99%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-dustbin.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-dustbin.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-dustbin.clear {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

    .button.icon-dustbin.outline {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Crect%20x%3D%227.48%22%20y%3D%226.59%22%20width%3D%2219.03%22%20height%3D%2225.22%22%20rx%3D%222.09%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2213.34%22%20y%3D%222.37%22%20width%3D%227.32%22%20height%3D%225.83%22%20rx%3D%220.62%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%226.38%22%20y%3D%225.45%22%20width%3D%2221.25%22%20height%3D%223.94%22%20rx%3D%220.87%22%20fill%3D%22%23fff%22%20stroke%3D%22%23002d59%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2213.23%22%20x2%3D%2212%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2217%22%20y1%3D%2213.23%22%20x2%3D%2217%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2222%22%20y1%3D%2213.23%22%20x2%3D%2222%22%20y2%3D%2227.98%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    }

.button.icon-plus-thin {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2219%208.5%2010.5%208.5%2010.5%200%208.5%200%208.5%208.5%200%208.5%200%2010.5%208.5%2010.5%208.5%2019%2010.5%2019%2010.5%2010.5%2019%2010.5%2019%208.5%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-size: 18px 18px
}

    .button.icon-plus-thin.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2219%208.5%2010.5%208.5%2010.5%200%208.5%200%208.5%208.5%200%208.5%200%2010.5%208.5%2010.5%208.5%2019%2010.5%2019%2010.5%2010.5%2019%2010.5%2019%208.5%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-plus-thin.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2219%208.5%2010.5%208.5%2010.5%200%208.5%200%208.5%208.5%200%208.5%200%2010.5%208.5%2010.5%208.5%2019%2010.5%2019%2010.5%2010.5%2019%2010.5%2019%208.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-plus-thin.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2219%208.5%2010.5%208.5%2010.5%200%208.5%200%208.5%208.5%200%208.5%200%2010.5%208.5%2010.5%208.5%2019%2010.5%2019%2010.5%2010.5%2019%2010.5%2019%208.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-plus-thin.clear {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cpolygon%20points%3D%2219%208.5%2010.5%208.5%2010.5%200%208.5%200%208.5%208.5%200%208.5%200%2010.5%208.5%2010.5%208.5%2019%2010.5%2019%2010.5%2010.5%2019%2010.5%2019%208.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-plus-thin.black {
        background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20PD.%20Made%20by%20Mary%20Akveo%3A%20https%3A%2F%2Fmaryakveo.com%2F%20--%3E%3Csvg%20fill%3D%22%23000000%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22plus%22%20data-name%3D%22Line%20Color%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%20line-color%22%3E%3Cpath%20id%3D%22primary%22%20d%3D%22M5%2C12H19M12%2C5V19%22%20style%3D%22fill%3A%20none%3B%20stroke%3A%20rgb(0%2C%200%2C%200)%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

.button.white {
    background-color: #fff;
    color: #021B41
}

.button.outline-shadow {
    background-color: #fff;
    color: #021B41;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    border: 1px solid rgba(0,45,89,.2)
}

.button.shadow {
    background-color: #fff;
    color: #021B41;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)
}

.button.outline {
    background-color: #fff;
    color: #021B41;
    border: 2px solid #021B41
}

    .button.outline.seafoam-blue {
        border: 2px solid #2E5C99
    }

.button.icon-left-rounded-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M27%2C13H7.83l3.81-3.81A2%2C2%2C0%2C0%2C0%2C8.79%2C6.31L1.55%2C13.55a2.1%2C2.1%2C0%2C0%2C0%2C0%2C2.9l7.24%2C7.24a2%2C2%2C0%2C1%2C0%2C2.85-2.84L7.77%2C17H27a2%2C2%2C0%2C1%2C0%2C0-4Z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 18px 18px
}

    .button.icon-left-rounded-arrow.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%232E5C99%22%20d%3D%22M27%2C13H7.83l3.81-3.81A2%2C2%2C0%2C0%2C0%2C8.79%2C6.31L1.55%2C13.55a2.1%2C2.1%2C0%2C0%2C0%2C0%2C2.9l7.24%2C7.24a2%2C2%2C0%2C1%2C0%2C2.85-2.84L7.77%2C17H27a2%2C2%2C0%2C1%2C0%2C0-4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-left-rounded-arrow.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M27%2C13H7.83l3.81-3.81A2%2C2%2C0%2C0%2C0%2C8.79%2C6.31L1.55%2C13.55a2.1%2C2.1%2C0%2C0%2C0%2C0%2C2.9l7.24%2C7.24a2%2C2%2C0%2C1%2C0%2C2.85-2.84L7.77%2C17H27a2%2C2%2C0%2C1%2C0%2C0-4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-left-rounded-arrow.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M27%2C13H7.83l3.81-3.81A2%2C2%2C0%2C0%2C0%2C8.79%2C6.31L1.55%2C13.55a2.1%2C2.1%2C0%2C0%2C0%2C0%2C2.9l7.24%2C7.24a2%2C2%2C0%2C1%2C0%2C2.85-2.84L7.77%2C17H27a2%2C2%2C0%2C1%2C0%2C0-4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-left-rounded-arrow.white {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M27%2C13H7.83l3.81-3.81A2%2C2%2C0%2C0%2C0%2C8.79%2C6.31L1.55%2C13.55a2.1%2C2.1%2C0%2C0%2C0%2C0%2C2.9l7.24%2C7.24a2%2C2%2C0%2C1%2C0%2C2.85-2.84L7.77%2C17H27a2%2C2%2C0%2C1%2C0%2C0-4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-left-rounded-arrow.light-green {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M27%2C13H7.83l3.81-3.81A2%2C2%2C0%2C0%2C0%2C8.79%2C6.31L1.55%2C13.55a2.1%2C2.1%2C0%2C0%2C0%2C0%2C2.9l7.24%2C7.24a2%2C2%2C0%2C1%2C0%2C2.85-2.84L7.77%2C17H27a2%2C2%2C0%2C1%2C0%2C0-4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

.button.icon-right-rounded-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 18px 18px
}

    /*  .button.icon-right-rounded-arrow.secondary {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%232E5C99%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 18px 18px
  }*/

    .button.icon-right-rounded-arrow.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-right-rounded-arrow.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-right-rounded-arrow.white {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }

    .button.icon-right-rounded-arrow.light-green {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M3%2C17H22.17l-3.81%2C3.81a2%2C2%2C0%2C1%2C0%2C2.85%2C2.84l7.24-7.24a2.1%2C2.1%2C0%2C0%2C0%2C0-2.9L21.21%2C6.31a2%2C2%2C0%2C0%2C0-2.85%2C2.84L22.23%2C13H3a2%2C2%2C0%2C0%2C0%2C0%2C4Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 18px 18px
    }



.button.icon-left-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 14px 14px
}

    .button.icon-left-arrow.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-left-arrow.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-left-arrow.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-left-arrow.white {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M11%2C1%2C4%2C7.5%2C11%2C14%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

.button.icon-right-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 14px 14px
}

    .button.icon-right-arrow.icon-blue {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-right-arrow.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-right-arrow.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-right-arrow.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-right-arrow.white {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M4%2C14l7-6.5L4%2C1%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

.button.icon-down-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 14px 14px
}

    .button.icon-down-arrow.icon-blue {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-down-arrow.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-down-arrow.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-down-arrow.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-down-arrow.white {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M1%2C4l6.5%2C7L14%2C4%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

.button.icon-up-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-size: 14px 14px
}

    .button.icon-up-arrow.icon-blue {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-up-arrow.secondary {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%232E5C99%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-up-arrow.putty {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-up-arrow.pale {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

    .button.icon-up-arrow.white {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M14%2C11%2C7.5%2C4%2C1%2C11%22%20fill%3D%22none%22%20stroke%3D%22%23002d59%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        background-size: 14px 14px
    }

.button.icon-circle-arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20d%3D%22M17.5%2C3.5a14%2C14%2C0%2C0%2C0-14%2C14c0%2C.11%2C0%2C.21%2C0%2C.32H.08l5.67%2C7.75%2C5.67-7.75H8c0-.11%2C0-.21%2C0-.32a9.52%2C9.52%2C0%2C1%2C1%2C2%2C5.78L7.23%2C27A14%2C14%2C0%2C1%2C0%2C17.5%2C3.5Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 20px
}

.button.floated-button-right {
    float: right
}

.button.nowrap {
    white-space: nowrap
}

@media only screen and (min-width:1024px) {
    .button.floated-button-right-xlarge {
        float: right
    }
}

.switch-container {
    line-height: 1;
    color: #54565b;
    font-size: .9375rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .switch-container .active {
        color: #021B41
    }

    .switch-container .left {
        margin-right: .875rem
    }

    .switch-container .right {
        margin-left: .8125rem
    }

.switch-paddle {
    width: 2.5rem
}

    .switch-paddle::after {
        position: absolute;
        top: -.25rem;
        left: -5px;
        display: block;
        width: 1.625rem;
        height: 1.625rem;
        background-color: #2E5C99;
        -webkit-box-shadow: 0 1px 2px 1px rgba(84,86,91,.5);
        box-shadow: 0 1px 2px 1px rgba(84,86,91,.5)
    }

.switch-container input:checked ~ .switch-paddle::after {
    left: 19px
}

a.smaller, p.smaller {
    font-size: .875rem
}

ol.larger li, p.larger, p.larger label, ul.larger li {
    font-size: 1.125rem
}

ol.xlarger li, p.xlarger, p.xlarger label, ul.xlarger li {
    font-size: 1.25rem
}

ol.xxlarger li, p.xxlarger, p.xxlarger label, ul.xxlarger li {
    font-size: 1.75rem
}

p.grey {
    color: #54565b
}

@media only screen and (max-width:414px) {
    p.larger {
        font-size: 1rem
    }

    ol.xlarger li, p.xlarger, p.xlarger label, ul.xlarger li {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    p.larger, p.larger label {
        font-size: 1rem
    }

    ol.xlarger li, p.xlarger, p.xlarger label, ul.xlarger li {
        font-size: 1.125rem
    }
}

p.subheading {
    font-family: NotoSans-Regular;
    margin-bottom: 1.75rem;
    font-size: 1.125rem;
    font-weight: 400;
    color: #021B41
}

p.medium {
    font-family: NotoSans-Regular;
    font-weight: 400
}

p.light {
    font-family: Noto Light;
    font-weight: 400
}

p.minor-negative-indent {
    margin-left: -6px
}

li.medium {
    font-family: NotoSans-Regular;
    font-weight: 400
}

input {
    border-color: #c1c7d0
}

label {
    font-family: NotoSans-Regular;
    font-weight: 400
}

.logo {
    color: #fff;
    margin-top: .9375rem;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: 2px;
    background-image: url(../img/portal-logo.svg);
    background-repeat: no-repeat;
    background-size: 74px 22px;
    background-position: center;
    text-indent: -5000px
}

tel {
    color: #021B41;
    text-decoration: underline
}

p.address {
    border-left: 1px solid rgba(0,45,89,.3);
    margin-top: .625rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    padding-left: .625rem
}

p.increased-lineheight {
    line-height: 1.8
}

hr.dots-three {
    border-bottom: none;
    position: relative;
    margin: 0;
    padding: 1.5rem 0
}

    hr.dots-three:after {
        content: '. . .';
        position: absolute;
        line-height: 1px;
        height: 5px;
        top: calc(50% - 5px);
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

.no-border {
    border: none
}

p {
    letter-spacing: .2px
}

h2.heavy, h3.heavy, h4.heavy, h5.heavy {
    font-family: Noto Light
}

h2, h2.h1, strong {
    font-family: NotoSans-Regular;
    font-weight: 400
}

    h2.larger {
        font-size: 1.75rem
    }

legend.help-text.h2 {
    font-size: 1.5rem
}

h3, h3.h2 {
    font-family: NotoSans-Regular;
    font-weight: 400
}

    h3.h2.larger {
        font-size: 1.75rem
    }

h4.h2.larger {
    font-size: 1.75rem
}

h3.h2.xlarger {
    font-size: 1.875rem
}

p.block {
    display: block
}

.lineheight_1_25 {
    line-height: 1.25
}

@media only screen and (max-width:414px) {
    h3.h2.reduce-small-only {
        font-size: 1.25rem
    }

    h2.larger, h3.h2.larger {
        font-size: 1.375rem
    }

    h4.h2.larger {
        font-size: 1.375rem
    }

    h2.xlarger, h3.h2.xlarger {
        font-size: 1.5rem
    }
}

h3.alert-icon {
    position: relative;
    padding-left: 2.8125rem
}

    h3.alert-icon:before {
        content: '';
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 999px;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%222%22%20transform%3D%22translate%2818%20-2%29%20rotate%2890%29%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2215.31%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center;
        background-color: #ea621e
    }

h4.smaller {
    font-size: .9375rem
}

.bolder, h3.bolder, h3.h2.bolder, h4.bolder, h5.bolder {
    font-family: Noto Bold;
    font-weight: 400
}

.regular, h2.regular h3.regular, h3.h2.regular, h4.regular, label.regular {
    font-family: NotoSans-Regular;
    font-weight: 400
}

.mediumbold, h3.h2.mediumbold, h3.mediumbold, h4.mediumbold, legend.help-text.mediumbold {
    font-family: NotoSans-Regular;
    font-weight: 400
}

    .mediumbold strong, h3.h2.mediumbold strong, h3.mediumbold strong, h4.mediumbold strong {
        font-family: NotoSans-Regular;
        font-weight: 400
    }

strong.keytext {
    display: inline-block;
    font-size: 1.5rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    margin-left: 6px
}

h3.seafoam-border-bottom {
    border-bottom: 1px solid #2E5C99;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    display: block;
    width: 100%
}

.nowrap {
    white-space: nowrap
}

.max-width-70 {
    max-width: 70px
}

.max-width-200 {
    max-width: 200px
}

.width-200 {
    width: 200px
}

.width-100pc {
    width: 100%
}

.height-100pc {
    height: 100%
}

row.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.red-overlay-wrapper {
    position: relative
}

    .red-overlay-wrapper:after {
        content: ' NOT THESE ';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(255,0,0,.2);
        text-align: center;
        font-size: 5rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        text-shadow: 0 0 10px #fff
    }

.compare-partial-transfer {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .compare-partial-transfer .retirement-age-cols, .compare-partial-transfer .retirement-age-wrapper {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .compare-partial-transfer .retirement-age {
        font-size: 2rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

.compare-row-wrapper {
    margin-top: 1rem;
    border-radius: 6px;
    position: relative;
    padding: 2rem 2.75rem 2rem 2.75rem;
    border: 1px solid #2E5C99;
    border-top: 8px solid #2E5C99;
    background-color: rgba(123,201,206,.1);
    position: relative
}

    .compare-row-wrapper.light-yellow-bg-colour {
        background-color: rgba(250,242,224,.4)
    }

    .compare-row-wrapper:before {
        content: '';
        width: 52px;
        height: 52px;
        background-color: #fff;
        border: 8px solid #2E5C99;
        border-radius: 999px;
        position: absolute;
        top: 47px;
        left: -26px;
        display: inline-block;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cpolygon%20points%3D%2226.56%2013.5%2011.68%203.61%2011.99%2010.08%200.44%2010.08%200.44%2016.92%2011.99%2016.92%2011.68%2023.39%2026.56%2013.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
        background-size: 1.375rem 1.375rem;
        background-repeat: no-repeat;
        background-position: center
    }

    .compare-row-wrapper .accordion.single {
        padding-top: 0
    }

    .compare-row-wrapper .accordion .accordion-content, .compare-row-wrapper .accordion .accordion-item:last-child > .accordion-content:last-child {
        padding: 0
    }

    .compare-row-wrapper .accordion.single .accordion-title h3 {
        font-family: NotoSans-Regular;
        font-weight: 400;
        font-size: 1.25rem
    }

    .compare-row-wrapper .accordion.single .accordion-content ul {
        list-style: none;
        margin-left: 0;
        margin-bottom: 0;
        padding-top: 0;
        border-radius: 0 0 10px 10px
    }

        .compare-row-wrapper .accordion.single .accordion-content ul li {
            margin-bottom: 0
        }

        .compare-row-wrapper .accordion.single .accordion-content ul a {
            background-color: #fff;
            display: block;
            padding: 1rem 1.625rem 1.25rem 1.625rem;
            font-size: 1.25rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            text-decoration: none
        }

            .compare-row-wrapper .accordion.single .accordion-content ul a:hover {
                background-color: rgba(123,201,206,.1)
            }

        .compare-row-wrapper .accordion.single .accordion-content ul li:last-child a {
            border-radius: 0 0 10px 10px;
            padding-bottom: 1.5rem
        }

    .compare-row-wrapper p.smaller {
        font-size: .875rem
    }

    .compare-row-wrapper h4 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
        margin-bottom: 1.875rem
    }

    .compare-row-wrapper dl {
        padding-left: 4.375rem;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 56px 56px;
        padding-top: 1rem;
        margin-top: 1rem;
        position: relative
    }

        .compare-row-wrapper dl:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
            background-repeat: repeat-x;
            background-size: 105px 2px;
            background-position: top center
        }

        .compare-row-wrapper dl.icon-pension {
            background-image: url(../img/wallet-coins.svg)
        }

            .compare-row-wrapper dl.icon-pension:before {
                background-image: none;
                padding-top: 0
            }

        .compare-row-wrapper dl.icon-lump-sum {
            background-image: url(../img/icon-piggy-bank-small-coin.svg)
        }

        .compare-row-wrapper dl.icon-chart {
            background-image: url(../img/icon-chart.svg)
        }

    .compare-row-wrapper dt {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: .125rem
    }

    .compare-row-wrapper dd {
        color: #021B41
    }

        .compare-row-wrapper dd.total {
            font-size: 1.75rem;
            font-family: NotoSans-Regular;
            font-weight: 400
        }

            .compare-row-wrapper dd.total span.per {
                font-size: 1.0625rem;
                font-family: NotoSans-Regular;
                font-weight: 400
            }

.transfer-options-row-wrapper {
    margin-top: 1.875rem;
    border-radius: 6px;
    position: relative;
    padding: 2rem 1.875rem 2rem 3.75rem;
    border: 1px solid #2E5C99;
    border-top: 8px solid #2E5C99;
    background-color: rgba(123,201,206,.1);
    position: relative
}

    .transfer-options-row-wrapper h4 {
        margin-bottom: .3125rem;
        font-family: Noto Bold;
        font-weight: 400
    }

    .transfer-options-row-wrapper p {
        margin-bottom: 0
    }

    .transfer-options-row-wrapper > .row > .column:nth-child(2), .transfer-options-row-wrapper > .row > .columns:nth-child(2) {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABpCAMAAAAnWwKPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjRBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjVBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzJEMkQ3RkEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzJEMkQ4MEEyOEUxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTfJikAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABZJREFUeNpiYEACjIxQNCpIhCBAgAEANn4AWzook/IAAAAASUVORK5CYII=);
        background-repeat: repeat-y;
        background-size: 2px 105px;
        background-position: top left
    }

    .transfer-options-row-wrapper .column .plus, .transfer-options-row-wrapper .columns .plus {
        padding-left: 0;
        padding-right: 0;
        height: 30px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.87%2013.87%22%3E%3Cpath%20fill%3D%22%23002d59%22%20d%3D%22M10.7%2C5.44H8.44V3.17a1.5%2C1.5%2C0%2C1%2C0-3%2C0V5.44H3.17a1.5%2C1.5%2C0%2C0%2C0%2C0%2C3H5.44V10.7a1.5%2C1.5%2C0%2C1%2C0%2C3%2C0V8.44H10.7a1.5%2C1.5%2C0%2C0%2C0%2C0-3Z%22%2F%3E%3C%2Fsvg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 16px 30px
    }

    .transfer-options-row-wrapper dt {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        margin-bottom: .125rem
    }

    .transfer-options-row-wrapper dd {
        color: #021B41
    }

        .transfer-options-row-wrapper dd.total {
            font-size: 1.75rem;
            font-family: NotoSans-Regular;
            font-weight: 400
        }

            .transfer-options-row-wrapper dd.total span.per {
                font-size: 1.0625rem;
                font-family: NotoSans-Regular;
                font-weight: 400
            }

    .transfer-options-row-wrapper .button.rounded {
        border: solid 1px rgba(0,45,89,.2)
    }

        .transfer-options-row-wrapper .button.rounded:hover {
            background-color: #2E5C99
        }

    .transfer-options-row-wrapper:before {
        content: '';
        width: 66px;
        height: 66px;
        background-color: #fff;
        border: 10px solid #2E5C99;
        border-radius: 999px;
        position: absolute;
        top: 50%;
        left: -33px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cpolygon%20points%3D%2226.56%2013.5%2011.68%203.61%2011.99%2010.08%200.44%2010.08%200.44%2016.92%2011.99%2016.92%2011.68%2023.39%2026.56%2013.5%22%20fill%3D%22%23002d59%22%2F%3E%3C%2Fsvg%3E");
        background-size: 1.625rem 1.625rem;
        background-repeat: no-repeat;
        background-position: center
    }

@media only screen and (min-width:0) and (max-width:414px) {
    .transfer-options-row-wrapper {
        padding: 2rem 1.875rem 2rem 2.5rem
    }

    .compare-row-wrapper {
        padding: 2rem 1.875rem 2rem 1.875rem
    }

        .compare-row-wrapper:before {
            width: 40px;
            height: 40px;
            border: 6px solid #2E5C99;
            top: 47px;
            left: -20px;
            background-size: 1rem 1rem
        }

        .compare-row-wrapper h4 {
            padding-top: .75rem;
            padding-bottom: 0;
            margin-bottom: 1.875rem
        }

        .compare-row-wrapper dl {
            padding-left: 3.125rem;
            background-size: 42px 42px;
            padding-top: 1rem;
            margin-top: 1rem
        }

        .compare-row-wrapper dd.total {
            font-size: 1.25rem
        }

    .compare-partial-transfer .retirement-age-cols, .compare-partial-transfer .retirement-age-wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .compare-partial-transfer .retirement-age-cols, .compare-partial-transfer .retirement-age-wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width:0) and (max-width:719px) {
    .transfer-options-row-wrapper:before {
        width: 40px;
        height: 40px;
        border: 6px solid #2E5C99;
        top: 45px;
        left: -20px;
        background-size: 1rem 1rem
    }
}

@media only screen and (min-width:0) and (max-width:1023px) {
    .transfer-options-row-wrapper > .row > .column:nth-child(2), .transfer-options-row-wrapper > .row > .columns:nth-child(2) {
        background-image: none
    }

    .transfer-options-row-wrapper > .row > .column:first-child, .transfer-options-row-wrapper > .row > .columns:first-child {
        position: relative;
        padding-bottom: 1.4rem;
        margin-bottom: 1.4rem
    }

        .transfer-options-row-wrapper > .row > .column:first-child:before, .transfer-options-row-wrapper > .row > .columns:first-child:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAACCAMAAABsbwKRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUzNUE0NjhBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUzNUE0NjlBNDE4MTFFQUJBRDVBOTFDRDdGQzFGMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNTM1QTQ2NkE0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNTM1QTQ2N0E0MTgxMUVBQkFENUE5MUNEN0ZDMUYxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWhlYUAAAAGUExURXvJzv///7arcUAAAAACdFJOU/8A5bcwSgAAABVJREFUeNpiYAACRkZG+lD0sQkgwAAlZABbl5DkdgAAAABJRU5ErkJggg==);
            background-repeat: repeat-x;
            background-size: 105px 2px;
            background-position: bottom center
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .transfer-options-row-wrapper > .row > .column:first-child:before, .transfer-options-row-wrapper > .row > .columns:first-child:before {
        left: 1rem;
        right: 1rem
    }
}

ol.numbered-circles {
    margin-left: 0;
    counter-reset: section;
    list-style-type: none
}

    ol.numbered-circles li {
        padding-left: 4.625rem;
        margin-bottom: 1.875rem;
        counter-increment: section;
        position: relative;
        font-size: 1.125rem;
        min-height: 3.375rem
    }

    ol.numbered-circles.larger li {
        font-size: 1.125rem
    }

    ol.numbered-circles li:before {
        content: counters(section, ".") "";
        position: absolute;
        top: -9px;
        left: 0;
        width: 2.875rem;
        height: 2.875rem;
        border-radius: 999px;
        border: 2px solid #2E5C99;
        text-align: center;
        font-size: 1.5rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        line-height: 2.625rem
    }

@media only screen and (min-width:0) and (max-width:719px) {
    ol.numbered-circles li {
        padding-left: 3.125rem;
        margin-bottom: 1.25rem;
        min-height: 2.5rem;
        font-size: 1rem
    }

        ol.numbered-circles li:before {
            top: -3px;
            width: 2rem;
            height: 2rem;
            font-size: 1.125rem;
            line-height: 1.75rem
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    ol.numbered-circles li {
        font-size: 1.0625rem
    }
}

ul.tick-circles {
    margin-left: 0;
    list-style-type: none
}

    ul.tick-circles li {
        padding-left: 4.625rem;
        margin-bottom: 1.875rem;
        position: relative;
        font-size: 1.125rem;
        min-height: 3.375rem
    }

    ul.tick-circles.xlarger li {
        font-size: 1.25rem
    }

    ul.tick-circles.smaller-circles li {
        padding-left: 3.75rem
    }

    ul.tick-circles li:before {
        content: '';
        position: absolute;
        top: -9px;
        left: 0;
        width: 2.875rem;
        height: 2.875rem;
        border-radius: 999px;
        background-color: #2E5C99;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: center
    }

    ul.tick-circles.dark-yellow li:before {
        background-color: #021B41;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fbb92d%22%20stroke-width%3D%221.5%22%20d%3D%22M13.75%2019.444L17.75%2023%2024.75%2015%22%20transform%3D%22translate%28-13%20-14%29%22%2F%3E%3C%2Fsvg%3E")
    }

    ul.tick-circles.smaller-circles li:before {
        top: -5px;
        left: 0;
        width: 2.3125rem;
        height: 2.3125rem;
        border-radius: 999px;
        background-size: 20px 20px
    }

@media only screen and (min-width:0) and (max-width:719px) {
    ul.tick-circles li {
        padding-left: 3.125rem;
        margin-bottom: 1.25rem;
        font-size: 1rem;
        min-height: 2.5rem
    }

        ul.tick-circles li:before {
            top: -3px;
            width: 2rem;
            height: 2rem;
            background-size: 18px 18px
        }

    ul.tick-circles.smaller-circles li:before {
        top: -7px
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    ul.tick-circles li {
        font-size: 1.0625rem
    }
}

@media only screen and (min-width:0) and (max-width:1023px) {
    .dashboard-sub-header .button.rounded.subtle-grey {
        display: none
    }
}

.communications-preferences li label, .communications-preferences p {
    font-size: 1.25rem;
    font-family: NotoSans-Regular;
    font-weight: 400
}

.communications-preferences-radio-group {
    border: none;
    padding: 0;
    margin-top: 2.5rem
}

    .communications-preferences-radio-group ul {
        list-style: none;
        margin-left: 0
    }

        .communications-preferences-radio-group ul li:first-child {
            border-bottom: 1px solid #979797;
            margin-bottom: 1.5rem;
            padding-bottom: 1.5rem
        }

    .communications-preferences-radio-group label {
        padding-left: 3.125rem;
        padding-right: 10rem;
        background-repeat: no-repeat;
        background-position: top 4px left;
        background-size: 34px 34px;
        position: relative;
        margin-left: 0;
        margin-right: 0;
        line-height: 1.5
    }

    .communications-preferences-radio-group input {
        display: none
    }

    .communications-preferences-radio-group label:hover {
        cursor: pointer
    }

    .communications-preferences-radio-group label.icon-laptop {
        background-image: url(../img/icon-laptop.svg)
    }

    .communications-preferences-radio-group label.icon-envelope {
        background-image: url(../img/icon-envelope.svg)
    }

    .communications-preferences-radio-group label:before {
        position: absolute;
        right: 40px;
        top: 7px;
        content: ' ';
        width: 36px;
        height: 36px;
        border: 2px solid #021B41;
        border-radius: 999px;
        background-color: none;
        display: block;
        z-index: 2
    }

    .communications-preferences-radio-group label:after {
        position: absolute;
        right: 40px;
        top: 7px;
        content: ' ';
        width: 36px;
        height: 36px;
        border-radius: 999px;
        background-color: none;
        display: block
    }

    .communications-preferences-radio-group [type=radio]:checked + label:after {
        border: none;
        background-color: #021B41;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2014%22%3E%3Cpath%20d%3D%22M17.69%2C1.21a2%2C2%2C0%2C0%2C0-2.77%2C0l-8%2C8L3.42%2C5.78A2%2C2%2C0%2C0%2C0%2C.65%2C8.54l4.84%2C4.84a2%2C2%2C0%2C0%2C0%2C1.4.57%2C2%2C2%2C0%2C0%2C0%2C1.4-.57L17.69%2C4A2%2C2%2C0%2C0%2C0%2C17.69%2C1.21Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px 18px
    }

@media only screen and (max-width:414px) {
    .communications-preferences li label, .communications-preferences p {
        font-size: 1rem
    }

    .communications-preferences-radio-group label {
        padding-left: 3.125rem;
        padding-right: 3.75rem
    }

        .communications-preferences-radio-group label:before {
            right: 0
        }

        .communications-preferences-radio-group label:after {
            right: 0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .communications-preferences-radio-group label {
        padding-left: 3.125rem;
        padding-right: 5.625rem
    }

        .communications-preferences-radio-group label:before {
            right: 10px
        }

        .communications-preferences-radio-group label:after {
            right: 10px
        }
}

.understanding-pensions h4 {
    font-size: 1.5rem;
    font-family: Noto Bold;
    font-weight: 400
}

.understanding-pensions p {
    font-size: 1.125rem;
    font-family: NotoSans-Regular;
    font-weight: 400;
    color: #54565b
}

.understanding-pensions .video-panel .flex-container {
    height: 100%
}

    .understanding-pensions .video-panel .flex-container div {
        width: 100%
    }

.understanding-pensions .video-panel .image-column {
    min-height: 1px
}

.understanding-pensions .video-panel .flex-container .heading-column {
    min-height: 3.75rem
}

.video-popup-centered-wrapper {
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    width: 96%
}

@media only screen and (max-width:414px) {
    .understanding-pensions h3.h2 {
        font-size: 1.125rem
    }

    .understanding-pensions h4 {
        font-size: 1.125rem
    }

    .understanding-pensions p {
        font-size: 1rem
    }

    .understanding-pensions .video-panel .flex-container .heading-column {
        min-height: auto
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .understanding-pensions h4 {
        font-size: 1.125rem
    }

    .understanding-pensions p {
        font-size: 1rem
    }

    .understanding-pensions .video-panel .flex-container .heading-column {
        min-height: auto
    }
}

dl.standard {
    color: #021B41
}

    dl.standard dt {
        font-size: 1rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        color: #021B41
    }

    dl.standard dd.num {
        font-size: 2.25rem;
        font-family: NotoSans-Regular;
        font-weight: 400;
        color: #021B41;
        line-height: 1;
        white-space: nowrap
    }

        dl.standard dd.num span {
            font-size: 1rem;
            font-family: NotoSans-Regular;
            font-weight: 400;
            margin-left: -4px
        }

    dl.standard dd.link a {
        font-size: .875rem;
        font-family: NotoSans-Regular;
        font-weight: 400
    }

@media only screen and (max-width:414px) {
    dl.standard dd.num {
        font-size: 1.625rem
    }
}

#pension_increase_list_graph_switch.switch {
    color: #021B41;
    font-family: NotoSans-Regular;
    font-weight: 400
}

#pension_increase_list_graph_switch .switch-active {
    width: 4.0625rem;
    text-align: center;
    font-family: NotoSans-Regular;
    font-weight: 400
}

#pension_increase_list_graph_switch .switch-inactive {
    width: 4.0625rem;
    text-align: center;
    font-family: NotoSans-Regular;
    font-weight: 400;
    right: 10%
}

#pension_increase_list_graph_switch.switch.large .switch-paddle {
    width: 10.625rem;
    height: 3rem;
    background-color: rgba(84,86,91,.1)
}

    #pension_increase_list_graph_switch.switch.large .switch-paddle::after {
        top: 0;
        left: 0;
        width: 5.3125rem;
        height: 3rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #2E5C99;
        background-color: #fff;
        content: 'List';
        text-align: center;
        line-height: 2.8125rem
    }

#pension_increase_list_graph_switch.switch.large input:checked ~ .switch-paddle::after {
    left: 5.3125rem;
    content: 'Graph'
}

@media only screen and (min-width:720px) {
    .inset-columns-2 > .column:nth-child(odd), .inset-columns-2 > .columns:nth-child(odd) {
        padding-right: .625rem
    }

    .inset-columns-2 > .column:nth-child(even), .inset-columns-2 > .columns:nth-child(even) {
        padding-left: .625rem
    }

    .inset-columns-3 > .column:nth-child(1), .inset-columns-3 > .columns:nth-child(1) {
        padding-right: .625rem
    }

    .inset-columns-3 > .column:nth-child(2), .inset-columns-3 > .columns:nth-child(2) {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .inset-columns-3 > .column:nth-child(3), .inset-columns-3 > .columns:nth-child(3) {
        padding-left: .625rem
    }

    .inset-columns-4 > .column:nth-child(1), .inset-columns-4 > .columns:nth-child(1) {
        padding-right: .625rem
    }

    .inset-columns-4 > .column:nth-child(2), .inset-columns-4 > .columns:nth-child(2) {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .inset-columns-4 > .column:nth-child(3), .inset-columns-4 > .columns:nth-child(3) {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .inset-columns-4 > .column:nth-child(4), .inset-columns-4 > .columns:nth-child(4) {
        padding-left: .625rem
    }
}

.scaled-56 {
    padding-bottom: 56.25%
}

@media only screen and (max-width:414px) {
    .scaled-56-small {
        padding-bottom: 56.25%
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .scaled-56-medium {
        padding-bottom: 56.25%
    }
}

@media only screen and (min-width:720px) {
    .scaled-100-large-up {
        padding-bottom: 100%
    }
}

.row-wrapper.with-image-background {
    height: 15.625rem;
    -webkit-transition: height .25s;
    transition: height .25s
}

    .row-wrapper.with-image-background.header-and-text {
        height: 18.75rem
    }

.row-wrapper .row {
    height: 100%
}

.row-wrapper:not(.header-and-text) .column, .row-wrapper:not(.header-and-text) .columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.row-wrapper.header-and-text .column h2, .row-wrapper.header-and-text .columns h2 {
    margin-top: 2.75rem;
    margin-bottom: 2rem
}

.row-wrapper.header-and-text .column p, .row-wrapper.header-and-text .columns p {
    font-size: 1.5rem
}

.contact-us-header-row {
    background-image: none;
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #000000;
}

    .contact-us-header-row h2 {
        color: #ffFFFf;
    }

.header-button {
    background-color: #757575;
    color: #fff
}

.button.header-button:hover {
    background-color: #B6ADA5;
    color: #000000
}

.my-account-deferred-pensioner-header-row {
    background-image: url(../img/header-bg-people-cups.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: rgb(202,225,239)
}

.my-account-dependent-header-row {
    background-color: #000000;
    color: white;
}

    .my-account-dependent-header-row h2 {
        color: white;
    }


.my-support-header-row {
    background-color: #000000;
}

    .my-support-header-row h2 {
        color: #ffFFFf;
    }

@media only screen and (max-width:414px) {
    .row-wrapper.with-image-background {
        height: 6.25rem;
        background-image: none
    }

        .row-wrapper.with-image-background.header-and-text {
            height: 14.375rem;
            padding-bottom: 1.2rem
        }

    .row-wrapper.header-and-text .column h2, .row-wrapper.header-and-text .columns h2 {
        margin-top: 1.75rem;
        margin-bottom: 1.2rem;
        font-size: 2rem
    }

    .row-wrapper.header-and-text .column p, .row-wrapper.header-and-text .columns p {
        font-size: 1.0625rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .row-wrapper.with-image-background {
        height: 7.5rem;
        background-image: none
    }

        .row-wrapper.with-image-background.header-and-text {
            height: auto;
            padding-bottom: 1.2rem
        }

    .row-wrapper.header-and-text .column h2, .row-wrapper.header-and-text .columns h2 {
        font-size: 1.875rem;
        margin-top: 1.75rem;
        margin-bottom: 1.2rem
    }

    .row-wrapper.header-and-text .column p, .row-wrapper.header-and-text .columns p {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .row-wrapper.with-image-background.header-and-text {
        height: 13.75rem
    }

    .row-wrapper.header-and-text .column h2, .row-wrapper.header-and-text .columns h2 {
        margin-top: 1.75rem;
        margin-bottom: 1.2rem
    }

    .row-wrapper.header-and-text .column p, .row-wrapper.header-and-text .columns p {
        font-size: 1.25rem
    }
}

body.bg {
    background-color: #fff
}

body {
    background-color: #fafafa
}

section {
    padding-top: 2.25rem;
    position: relative;
    padding-left: .75rem;
    padding-right: .75rem
}

.column-divider {
    position: relative
}

    .column-divider:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        bottom: 0;
        width: 1px;
        background: #c1c7d0
    }

.column-border {
    position: relative
}

.column-border-right:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #ebecf0
}

.column-border-left:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: #ebecf0
}

@media only screen and (min-width:1024px) {
    .column-border-left-xlarge-up:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        background: #ebecf0
    }
}

@media only screen and (max-width:414px) {
    .column-divider {
        height: 6rem
    }

        .column-divider:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            bottom: auto;
            right: 0;
            width: 100%;
            height: 1px;
            background: #c1c7d0
        }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .column-divider {
        height: 6rem
    }

        .column-divider:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            bottom: auto;
            right: 0;
            width: 100%;
            height: 1px;
            background: #c1c7d0
        }
}

@media only screen and (min-width:720px) and (max-width:1023px) {
    .column-divider {
        height: 6rem
    }

        .column-divider:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            bottom: auto;
            right: 0;
            width: 100%;
            height: 1px;
            background: #c1c7d0
        }
}

.reveal .panel--account {
    -webkit-box-shadow: 1px 2px 3px 0 rgba(0,0,0,.1);
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,.1)
}

.reveal.expanded-height .panel--account {
    height: 80vh;
    overflow: hidden
}

.reveal hr {
    border-color: #e7e6e4
}

    .reveal hr.expanded {
        border-color: #e7e6e4;
        margin-left: -2.25rem;
        margin-right: -2.25rem
    }

.reveal--header .button {
    margin-top: .3125rem
}

.scrolling-container {
    overflow: hidden;
    overflow-y: scroll
}

@media only screen and (max-width:414px) {
    .reveal .panel--account {
        padding-top: .625rem
    }

    .reveal.expanded-height .panel--account {
        height: 90vh
    }

    .reveal hr.expanded {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

@media only screen and (min-width:415px) and (max-width:719px) {
    .reveal--header .button {
        font-size: .75rem
    }
}

ul#site-map-list {
    list-style: none;
    margin-left: 0;
    font-family: NotoSans-Regular;
    font-weight: 400
}

    ul#site-map-list li:before {
        display: none
    }

    ul#site-map-list li a {
        text-decoration: none;
        display: inline-block
    }

        ul#site-map-list li a:hover {
            text-decoration: underline
        }

    ul#site-map-list > li {
        font-size: 1.5rem;
        margin-bottom: 1.5rem
    }

        ul#site-map-list > li > a {
            font-family: NotoSans-Regular;
            font-weight: 400
        }

        ul#site-map-list > li > ul {
            margin-left: 2rem;
            margin-top: .75rem
        }

    ul#site-map-list ul.has-sub > li > a {
        font-family: NotoSans-Regular;
        font-weight: 400
    }

    ul#site-map-list > li > ul > li {
        font-size: 1.25rem;
        margin-bottom: .75rem
    }

        ul#site-map-list > li > ul > li > ul {
            margin-left: 2rem;
            margin-top: .75rem;
            margin-bottom: 1.5rem
        }

            ul#site-map-list > li > ul > li > ul > li {
                font-size: 1.25rem;
                margin-bottom: .75rem
            }