.anim--underline,
button {
    display: inline-block;
    text-transform: uppercase
}

.btn-primary,
button {
    background-color: #247ab7;
    color: #fff
}

.btn-fourth,
button {
    box-shadow: -1px 1px 7px 0 rgba(0, 0, 0, .18)
}

body,
button {
    font-family: sansSemiBold, "Helvetica Neue", Arial, sans-serif
}

h4,
h5 {
    line-height: 30px
}

.anim--underline,
.pre-title-caps,
button {
    text-transform: uppercase
}

.content-modal .inner-container h4,
section.concertina-block .outer-container .concertina--content p:not(:first-of-type) {
    padding-top: 20px
}

*,
.anim--underline {
    text-decoration: none
}

button,
header.condensed nav.navbar ul .menu-end-items ul .menu-end-item.nav-search .search-wrapper {
    padding: 0 10px
}

.anim--underline {
    position: relative
}

.anim--underline:after {
    background: #0f5293;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    transition: width .3s 0, left .3s 0;
    width: 0
}

.anim--underline:hover,
.content-modal .inner-container-wrapper .inner-container > .close:hover,
.content-modal .outer-container:hover {
    cursor: pointer
}

.anim--underline:hover:after {
    width: 100%;
    left: 0
}

button {
    min-width: 160px;
    min-height: 40px;
    font-weight: 600;
    letter-spacing: .75px;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
    border-radius: 3px;
    border: 0;
    transition: background-color .2s ease-out
}

*,
.btn-tab,
body {
    margin: 0
}

.btn-primary:hover,
button:hover {
    background-color: #0f5293;
    cursor: pointer
}

button.no-shadow {
    box-shadow: none
}

.btn-fourth,
.btn-secondary,
.btn-third {
    color: #0f5293;
    background-color: #fff;
    transition: .2s ease-out
}

.btn-secondary.border {
    border: 1px solid #247ab7
}

.btn-secondary:hover,
.btn-third:hover {
    color: #fff;
    background-color: #0f5293;
    cursor: pointer
}

.btn-fourth {
    line-height: inherit;
    font-family: sansBold
}

.block-sm-title,
.block-title {
    font-family: archerSemibold
}

.btn-fourth:hover,
.mid-blue-theme .outer-container button.btn-primary:hover,
header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button.white a:hover,
section.hero-article .outer-container .copy-wrapper a button:hover {
    background-color: #0f5293;
    color: #fff
}

.btn-third {
    border: 1px solid #0f5293
}

.btn-light {
    background-color: #fff;
    color: #247ab7;
    transition: .2s ease-out;
    border: 1px solid #8dcef2
}

.btn-light:hover {
    color: #fff;
    background-color: #247ab7;
    cursor: pointer
}

.btn-tab {
    min-height: 20px;
    height: auto;
    line-height: 15px;
    width: auto;
    padding: 5px 23px
}

button.initial {
    text-transform: initial
}

.arrow button:after,
button.arrow:after {
    content: ">";
    font-size: 1.25em;
    padding-left: 10px
}

.arrow-left button:before,
button.arrow-left:before {
    content: "<";
    font-size: 1.25em;
    padding-right: 10px
}

button.download-icon svg {
    padding-left: 10px;
    width: 15px;
    transition: .8s ease-out
}

button.download-icon svg g {
    fill: black
}

button.download-icon:hover svg g {
    fill: white
}

.dark-theme,
.embeddedServiceHelpButton .helpButton .uiButton .label,
.menu-end-item.nav-search .search-outer-container .search-inner-container .search-prediction-container .prediction-item .result,
footer .footer-bottom,
header.scroll-white-bg nav.navbar ul .menu-end-items ul .navbar-login a:hover,
header.white-bg nav.navbar ul .menu-end-items ul .navbar-login a:hover {
    color: #fff
}

.content-container,
.light-theme,
header.condensed nav.navbar .menu-end-items .menu-end-item > a,
header.condensed nav.navbar ul .primary-outer-container .primary-inner-container li a,
header.scroll-white-bg nav.navbar ul .menu-end-items ul .nav-search > .search-wrapper,
header.scroll-white-bg nav.navbar ul .menu-end-items ul .navbar-login a,
header.scroll-white-bg nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item > a,
header.white-bg nav.navbar ul .menu-end-items ul .nav-search > .search-wrapper,
header.white-bg nav.navbar ul .menu-end-items ul .navbar-login a,
header.white-bg nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item > a {
    color: #001e41
}

.dkblue-bg,
.mid-blue-theme .outer-container .inner-container,
.midblue-bg {
    color: #fff !important
}

.dkblue-bg {
    background-color: #001e41 !important
}

.midblue-bg {
    background-color: #247ab7 !important
}

.blue-bg {
    background-color: #8dcef2 !important
}

.ltblue-bg {
    color: #001e41;
    background-color: #afdcf6 !important
}

.greyblue-bg,
.white-bg {
    color: #001e41 !important
}

.white-bg {
    background-color: #fff !important
}

.greyblue-bg {
    background-color: #e8ebf4 !important
}

.mid-blue-theme .outer-container {
    box-shadow: none !important;
    background-color: #247ab7
}

.mid-blue-theme .outer-container button.btn-primary {
    background-color: #fff;
    color: #0f5293
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}
.page-inner-container,
footer .footer-inner-container,
header nav.navbar {
    max-width: 1000px;
    width: 100%;
    margin: auto
}

body {
    width: 100%;
    top: 0;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5 {
    font-family: archerSemibold, "Helvetica Neue", sans-serif
}

body.no-scroll {
    position: fixed;
    overflow: hidden
}

.content-block-template,
.content-block__three-col,
.insurance-cards-block,
section.centered-content-block,
section.kiwisaver-calculator,
section.promo-article,
section.video-block {
    margin: 120px auto 0;
    max-width: 1000px
}

@media(max-width:1040px) {
    body {
        padding: 0
    }

    .content-block-template,
    .content-block__three-col,
    .insurance-cards-block,
    section.centered-content-block,
    section.kiwisaver-calculator,
    section.promo-article,
    section.video-block {
        margin: 120px 20px 0
    }
}

.content-full-width-block,
section.help-block {
    margin: 120px 20px 0
}

.full-block-template,
section.comparison-table {
    margin: 120px auto 0;
    padding: 0 20px
}

.border-top {
    border-top: 1px dotted #247ab7;
    padding-top: 60px !important
}

.margin-top {
    margin-top: 120px !important
}

.small-margin-top {
    margin-top: 30px !important
}

.large-margin-top {
    margin-top: 200px !important
}

.overlap-previous {
    margin-top: -120px !important
}

.no-margin-top {
    margin-top: 0 !important
}

.content-modal {
    z-index: 10;
    opacity: 0;
    transition: opacity .4s ease-out;
    color: #001e41;
    pointer-events: none
}

.content-modal.active,
header nav.navbar ul.active .primary-outer-container .primary-inner-container .primary-menu-item.active .secondary-outer-container {
    opacity: 1;
    pointer-events: all
}

.content-modal .outer-container {
    align-content: center;
    background-color: rgba(255, 255, 255, .95);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
}

.content-modal .inner-container-wrapper {
    align-self: center;
    cursor: default;
    display: flex;
    justify-self: center;
    position: relative
}

.content-modal .inner-container,
.content-modal .inner-container .misc-links {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.content-modal .inner-container-wrapper .inner-container > .close {
    color: #0f5293;
    font-family: archerSemiBold;
    font-size: 2em;
    right: 20px;
    top: 0;
    text-align: right
}

.content-modal .inner-container-wrapper .inner-container > .close:before {
    content: url("../../../content/dam/ampnz/furniture/icons/CloseCross.svg");
    right: 100px;
    position: relative;
    width: 20px;
    float: right
}

.content-modal .inner-container {
    align-self: center;
    background-color: #fff;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .18);
    justify-self: center;
    margin-top: 40px;
    max-height: 85vh;
    max-width: 900px;
    overflow: auto;
    padding: 40px
}

.content-modal .inner-container div.col-1 {
    padding-right: 30px;
    border-right: 1px dotted #247ab7
}

.content-modal .inner-container div.col-2 {
    padding-left: 30px
}

.content-modal a {
    color: #247ab7;
    display: block;
    padding-top: 10px
}

.menu-end-item.nav-search.active .search-click-detector,
.mobile-hidden,
header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li.current-page .marker,
header nav.navbar ul.active .primary-outer-container .click-detector {
    display: block
}

.embeddedServiceHelpButton .helpButton .helpButtonEnabled.no-hover:focus::before,
.embeddedServiceHelpButton .helpButton .helpButtonEnabled.no-hover:hover::before,
.mobile-visible,
header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container .mobile-menu-item {
    display: none
}


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

h1 {
    font-size: 58px;
    line-height: 68px
}

h2,
h3 {
    line-height: 45px
}

h2 {
    font-size: 40px
}

h3 {
    font-size: 35px
}

h4 {
    font-size: 26px
}

h5 {
    font-size: 20px
}

.block-sm-title {
    font-size: 20px;
    line-height: 20px
}

.pre-title {
    font-family: sansBold;
    font-size: 15px
}

.pre-title-caps {
    font-family: sansBold;
    font-size: 9px;
    line-height: 9px
}

.copy__serviceTitle {
    font-family: sansSemiBold;
    font-size: 30px;
    line-height: 40px
}

.copy__short-body {
    font-family: sansSemiBold;
    font-size: 14px;
    line-height: 24px
}

.copy__services {
    font-family: archerSemibold;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .6px
}

b,
section.text-block p b,
strong {
    font-weight: 600
}

section.concertina-block {
    margin: auto;
    padding: 0 20px
}

section.concertina-block .outer-container .inner-container {
    max-width: 1000px;
    padding: 20px 0;
    margin: auto
}

section.concertina-block .outer-container .concertina--toggle {
    align-items: center;
    background-color: #fff;
    display: flex;
    font-family: ArcherSemiBold;
    min-height: 70px;
    max-width: auto;
    position: relative
}

section.concertina-block .outer-container .concertina--toggle:after {
    border: 10px solid transparent;
    border-color: #247ab7 transparent transparent;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: 20px;
    top: 30px;
    width: 0
}

.menu-end-item.nav-search:hover,
header nav.navbar .primary-outer-container .click-detector:hover,
header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item:hover,
section.concertina-block .outer-container .concertina--toggle:hover,
section.video-block .video-wrapper .video-overlay:hover {
    cursor: pointer
}

section.concertina-block .outer-container .concertina--toggle .concertina--title {
    color: #247ab7;
    font-size: 1.75em;
    line-height: 1.125em;
    max-width: 80%;
    padding: 20px;
    pointer-events: none
}

section.concertina-block .outer-container .concertina--toggle.active:after {
    border-color: transparent transparent #247ab7;
    top: 17px
}

section.concertina-block .outer-container .concertina--content {
    background-color: #fff;
    padding: 0 20px;
    max-height: 1px;
    overflow: hidden;
    transition: max-height .6s ease-out, opacity .6s ease-out
}

section.concertina-block .outer-container .concertina--content a,
section.text-block a {
    color: #247ab7
}

footer .footer-inner-container a:hover,
footer .footer-top > div a:hover,
header nav.navbar .navbar-item:hover > a,
section.concertina-block .outer-container .concertina--content a:hover,
section.text-block a:hover {
    opacity: .5
}

section.concertina-block.small-width,
section.video-block.small-width {
    max-width: 700px
}

section.concertina-block.small-width .concertina--content > p {
    border-top: 1px dotted #247ab7;
    padding-top: 20px
}

section.concertina-block.shadow .outer-container {
    box-shadow: 2px 2px 10px 0 #0000002e
}

.embeddedServiceHelpButton {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background: 0 0;
    box-shadow: none;
    overflow: visible;
    z-index: 999;
    font-family: sans-serif
}

.embeddedServiceHelpButton .assistiveText {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.embeddedServiceHelpButton .helpButton {
    position: fixed;
    bottom: 12px;
    right: 12px;
    height: 46px;
    -webkit-font-smoothing: subpixel-antialiased
}

.embeddedServiceHelpButton div[dir=rtl].helpButton {
    left: 12px;
    right: auto
}

@supports not (-ms-high-contrast:none) {
    .embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton {
        bottom: calc(.75rem + env(safe-area-inset-bottom, 0))
    }
}

.embeddedServiceHelpButton .helpButton .uiButton {
    box-sizing: border-box;
    margin: 0;
    padding: 0 12px;
    height: 46px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5);
    border-radius: 23px;
    line-height: 1;
    background: #000;
    font-size: .875em;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    font-family: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.embeddedServicePreventScrolling {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%
}

.embeddedServiceHelpButton .helpButton .uiButton:focus,
.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container input:focus {
    outline: 0
}

.embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus::before,
.embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    background-color: #000;
    opacity: .2;
    pointer-events: all;
}

@media only screen and (min-width:48em) {
    .embeddedServiceHelpButton {
        background-color: transparent
    }

    .embeddedServiceHelpButton .helpButton,
    .embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton {
        position: fixed;
        bottom: 0
    }

    .embeddedServiceHelpButton .helpButton .uiButton,
    .embeddedServiceHelpButton .helpButton .uiButton:focus::before,
    .embeddedServiceHelpButton .helpButton .uiButton:hover::before {
        border-radius: 8px 8px 0 0
    }
}

.embeddedServiceHelpButton .uiButton {
    font-weight: 700;
    font-size: 16px;
    margin: 2px 3px;
    padding: 4px 6px;
    min-width: 12em;
    max-width: 14em;
    text-decoration: none;
    text-align: center;
    border: 0;
    background: #dddfe1
}

.embeddedServiceHelpButton .helpButtonDisabled {
    cursor: default;
    box-shadow: none;
    text-shadow: none
}

.embeddedServiceHelpButton .helpButtonEnabled {
    cursor: pointer;
    position: relative
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel {
    position: relative;
    z-index: 1;
    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;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    max-width: 100%;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.helpButtonEnabled:focus .helpButtonLabel {
    text-decoration: underline
}

.embeddedServiceHelpButton .embeddedServiceIcon {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-right: 10px;
    line-height: 1;
    vertical-align: top
}

.embeddedServiceHelpButton div[dir=rtl] .embeddedServiceIcon {
    margin-left: 10px;
    margin-right: auto
}

.embeddedServiceHelpButton .embeddedServiceIcon::before {
    font-family: embeddedserviceiconfont;
    font-size: 1.25em;
    content: attr(data-icon);
    speak: none;
    text-rendering: auto;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: embeddedserviceiconfont;
    src: url(data:application/octet-stream;base64,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) format("truetype")
}

header {
    height: 100px;
    left: 20px;
    margin: 0 auto;
    position: fixed;
    top: 0;
    transition: background-color .5s ease-out;
    width: calc(100% - 40px);
    z-index: 9;
    background-color: #fff
}

header nav.navbar {
    transition: background-color .2s ease-out
}

header nav.navbar ul {
    display: flex;
    justify-content: space-between
}

header nav.navbar ul.search .nav-search .search-outer-container {
    pointer-events: all;
    height: 300px
}

header nav.navbar ul.active .primary-outer-container .secondary-bg {
    height: 65px
}

header nav.navbar ul.active .primary-outer-container .primary-inner-container .primary-menu-item.active {
    border-bottom: 4px solid #247ab7
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item.external-link > a,
header nav.navbar ul.active .primary-outer-container .primary-inner-container .primary-menu-item.active > a {
    pointer-events: all
}

header nav.navbar ul.active .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container {
    height: 100px;
    transition: height .15s ease-out, opacity 0 ease-out
}

header nav.navbar ul.active .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container {
    transform: translateY(0)
}

header nav.navbar .primary-outer-container {
    flex: 1;
    padding: 0 50px;
    z-index: 3
}

header nav.navbar .primary-outer-container .click-detector {
    height: calc(100vh - 100px);
    left: 0;
    opacity: 1;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: -1;
    display: none
}

header nav.navbar .primary-outer-container .secondary-bg {
    background-color: #247ab7;
    height: 0;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 100px;
    transition: height .2s ease-out;
    width: 100%;
    pointer-events: all
}

header nav.navbar .primary-outer-container .primary-inner-container {
    box-sizing: border-box;
    height: 100px;
    justify-content: space-between
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item {
    align-content: center;
    border-bottom: 4px solid transparent;
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    transition: border-bottom .2s ease-out;
    z-index: 3
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item.current-page,
header.scroll-white-bg nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item.current-page,
header.white-bg nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item.current-page {
    border-color: #247ab7
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item > a {
    pointer-events: all;
    align-items: center;
    color: #001e41;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    text-align: center;
    width: 100%;
    font-size: 1.125em
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container {
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: all;
    position: absolute;
    top: 100px;
    transition: height .2s ease-out, opacity 0 ease-out .2s;
    width: 100%;
    z-index: 10
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container.no-height {
    height: 0 !important;
    transition: height .3s ease-out
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: row;
    height: 70px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1000px;
    padding: 35px 20px;
    transform: translateY(-10px);
    transition: max-height .4s ease-out, transform .3s ease-out;
    width: 100%
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li {
    height: 60px;
    align-items: center;
    justify-items: center;
    display: inline-flex;
    position: relative
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li a {
    height: 100%;
    display: grid;
    align-items: center;
    color: #fff;
    background-color: transparent;
    transition: color .2s ease-out
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li a:hover {
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button {
    position: relative;
    height: auto;
    padding: 0;
    display: inline-flex;
    border-radius: 3px
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button.join a {
    padding: 5px 35px
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button a {
    border-radius: 3px;
    height: 100%;
    display: grid;
    align-content: center;
    padding: 5px 25px;
    transition: .2s ease-out
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button a:hover {
    opacity: 1
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button.white,
header.condensed nav.navbar ul .menu-end-items ul .menu-end-item > a:hover {
    background-color: #fff
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button.white a {
    border-color: #fff;
    color: #0f5293;
    background-color: #fff;
    box-sizing: border-box
}

header.condensed,
header.scroll-white-bg,
header.white-bg {
    background-color: #fff;
    border-bottom: 1px solid #247ab7
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button.border a {
    border: 1px solid #fff;
    color: #fff
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button.border a:hover {
    background-color: #0f5293;
    color: #fff;
    border: 1px solid #0f5293
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button:nth-of-type(2) {
    margin-left: 5px
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .marker {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 4px;
    background-color: #fff;
    display: none
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container.justify-center {
    justify-content: center
}

header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container.justify-center li {
    padding: 0 15px
}

header nav.navbar .branding {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    max-width: 100%
}

header nav.navbar .branding .logo-container {
    display: grid
}

header nav.navbar .branding .logo-container > img {
    width: 200px;
    max-width: 200px;
    transition: .5s ease-out
}

header nav.navbar .branding .logo-drop {
    pointer-events: all;
    position: absolute;
    top: 0;
    transition: transform .2s ease-out, width .2s ease-out, opacity .2s ease-out
}

header nav.navbar .branding .logo-drop img {
    width: 400px;
    transform: translateX(-180px)
}

@media(max-width:1040px) {
    .margin-top {
        margin-top: 40px !important
    }

    .large-margin-top {
        margin-top: 180px !important
    }

    .overlap-previous {
        margin-top: -80px !important
    }

    header nav.navbar .branding .logo-container > img {
        width: 140px
    }

    header nav.navbar .branding .logo-drop img {
        width: 310px;
        transform: translateX(-150px)
    }

    header.condensed nav.navbar ul {
        height: 50px
    }
}

@media(max-width:512px) {
    header nav.navbar .branding {
        padding-left: 5px
    }

    header nav.navbar .branding .logo-container > img {
        width: 120px
    }

    header nav.navbar .branding .logo-drop img {
        transform: translateX(-180px)
    }
}

header nav.navbar .navbar-item {
    overflow: hidden;
    height: 100px;
    padding: 0 5px
}

header nav.navbar .navbar-item > a {
    align-content: center;
    box-sizing: border-box;
    color: #fff;
    display: grid;
    font-family: sansSemiBold;
    height: 100px;
    transition: color .5s !important
}

header nav.navbar .menu-end-items {
    max-height: 100px;
    z-index: 2
}

header nav.navbar .menu-end-items .menu-end-item {
    display: grid;
    box-sizing: border-box;
    align-content: center;
    height: 100px
}

header nav.navbar .menu-end-items > a {
    color: #001e41;
    font-family: sansSemiBold;
    padding: 20px 18px;
    font-size: 1.125em
}

footer,
footer .footer-middle > div p:first-of-type {
    color: #64b5e5
}

header nav.navbar .menu-end-items .navbar-login > a {
    border: 1px solid transparent;
    padding: 8px 30px;
    margin-top: 27px;
    margin-left: 5px;
    border-radius: 3px;
    transition: background-color .2s ease-out;
    font-size: 1.125em;
    color: #001e41
}

header nav.navbar .menu-end-items .nav-search > .search-wrapper {
    color: #001e41;
    margin-top: 30px;
    width: 100px;
    transition: opacity .2s ease-out;
    font-size: 1.125em
}

header nav.navbar .menu-end-items .nav-search > .search-wrapper svg {
    height: 12px;
    overflow: initial;
    padding-right: 10px
}

header nav.navbar .menu-end-items .nav-search > .search-wrapper svg g,
header.condensed nav.navbar .menu-end-items .nav-search > .search-wrapper svg g,
header.scroll-white-bg nav.navbar ul .menu-end-items ul .nav-search svg g,
header.white-bg nav.navbar ul .menu-end-items ul .nav-search svg g {
    stroke: #001e41
}

header.condensed {
    height: 50px;
    margin-top: 0
}

header.condensed nav.navbar .branding,
header.condensed nav.navbar .menu-end-items .menu-end-item,
header.condensed nav.navbar .navbar-item,
header.condensed nav.navbar .navbar-item > a,
header.condensed nav.navbar ul .primary-outer-container .primary-inner-container {
    height: 50px
}

header.condensed nav.navbar .branding .logo .logo-container img {
    width: 100px
}

header.condensed nav.navbar .branding .logo .logo-drop {
    transition: 0;
    opacity: 0
}

header.condensed nav.navbar .menu-end-items .nav-search .search-outer-container,
header.condensed nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container,
header.condensed nav.navbar .secondary-bg {
    top: 50px
}

header.condensed nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item a {
    height: 50px;
    margin-top: 5px
}

header.condensed nav.navbar .menu-end-items {
    height: 50px;
    padding-left: 50px
}

header.condensed nav.navbar .menu-end-items .navbar-login > a {
    margin-top: 10px;
    padding: 0;
    border: 1px solid #0f5293
}

header.condensed nav.navbar .menu-end-items .nav-search > .search-wrapper {
    margin-top: 15px
}

header.condensed nav.navbar .menu-end-items .mobile--hamburger-container .mobile--hamburger > span,
header.scroll-white-bg nav.navbar ul .mobile--hamburger-container .mobile--hamburger span,
header.white-bg nav.navbar ul .mobile--hamburger-container .mobile--hamburger span {
    background: #001e41
}

header.condensed nav.navbar ul .menu-end-items ul .menu-end-item {
    margin-right: 10px
}

header.condensed nav.navbar ul .menu-end-items ul .menu-end-item > a {
    color: #001e41;
    border: 0;
    padding: 0;
    border-radius: 3px;
    transition: background-color .2s ease-out
}

header.scroll-white-bg nav.navbar ul .branding .logo .logo-drop,
header.white-bg nav.navbar ul .branding .logo .logo-drop {
    opacity: 0
}

@media(min-width:768px) {
    header:hover {
        background-color: #fff
    }

    header:hover nav.navbar ul .branding .logo .logo-drop {
        opacity: 0
    }

    header.scroll-white-bg nav.navbar ul ul .navbar-login a,
    header:hover nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item > a,
    header:hover nav.navbar ul ul .nav-search .search-wrapper,
    header:hover nav.navbar ul ul .navbar-login a {
        color: #001e41
    }

    header:hover nav.navbar ul ul .nav-search {
        box-sizing: border-box;
        border-bottom: 4px solid transparent;
        transition: border-bottom .2s ease-out, opacity .2s ease-out
    }

    header:hover nav.navbar ul ul .nav-search.active {
        border-bottom: 4px solid #247ab7
    }

    header:hover nav.navbar ul ul .nav-search .search-wrapper svg g {
        stroke: #001e41
    }

    header.scroll-white-bg nav.navbar ul ul .navbar-login a:hover,
    header:hover nav.navbar ul ul .navbar-login a:hover {
        background-color: #0f5293;
        color: #fff
    }
}

@media(max-width:1040px) {
    header.condensed nav.navbar ul .menu-end-items {
        padding-left: 0
    }

    header {
        width: 100%;
        left: 0
    }

    header nav.navbar {
        padding: 0 20px;
        width: auto
    }

    header nav.navbar ul .primary-outer-container {
        padding: 0
    }

    header nav.navbar ul .menu-end-items ul .nav-search,
    header nav.navbar ul .menu-end-items ul .navbar-login {
        padding-right: 0
    }

    header nav.navbar ul .menu-end-items ul .nav-search .search-wrapper {
        width: auto;
        padding: 0 10px
    }

    header nav.navbar ul .menu-end-items ul .navbar-login > a {
        border: 1px solid transparent;
        background-color: transparent;
        padding: 8px 10px;
        margin-right: 10px
    }

    header.active nav.navbar .menu-end-items ul .navbar-login:hover > a,
    header.active nav.navbar .menu-end-items ul .navbar-login > a,
    header.condensed:hover nav.navbar ul .menu-end-items ul .navbar-login:hover > a,
    header.condensed:hover nav.navbar ul .menu-end-items ul .navbar-login > a {
        color: #001e41
    }

    header.active nav.navbar ul .primary-outer-container {
        display: block
    }

    .mobile--hamburger {
        margin-left: 10px
    }
}

@media(max-width:340px) {
    header nav.navbar ul .menu-end-items ul .nav-search .search-wrapper {
        padding: 0
    }

    header nav.navbar ul .menu-end-items ul .navbar-login a {
        margin-left: 0;
        margin-right: 0
    }
}

.logo-container {
    z-index: 2;
    position: relative
}

.mobile--hamburger-container {
    align-content: center;
    display: none;
    position: relative;
    order: 3;
    width: 40px;
    height: auto
}

@media(max-width:920px) {
    header.condensed {
        left: 0;
        width: 100%
    }

    header.condensed nav.navbar ul .primary-outer-container {
        top: 51px
    }

    header.condensed nav.navbar ul .primary-outer-container .primary-inner-container {
        height: 100px
    }

    header.condensed nav.navbar ul .menu-end-items ul .navbar-login > a {
        padding: 0;
        border: 0
    }

    header nav.navbar ul .primary-outer-container {
        display: none;
        position: absolute;
        top: 101px;
        width: 100%;
        margin-left: -20px;
        padding: 0
    }

    header nav.navbar ul .primary-outer-container .click-detector {
        background-color: #fff
    }

    header nav.navbar ul .primary-outer-container .secondary-bg {
        background-color: rgba(255, 255, 255, .8) !important;
        height: 100vh !important;
        top: 0 !important;
        z-index: 5 !important;
        position: relative !important;
        pointer-events: all !important
    }

    header nav.navbar ul .primary-outer-container .mobile-panel {
        position: absolute;
        width: 65%;
        background-color: #fff;
        box-shadow: 8px 0 7px -7px #888;
        height: 100vh;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 9
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container {
        height: auto;
        background-color: #fff;
        color: #001e41;
        display: flex;
        flex-flow: column;
        position: absolute;
        top: 0;
        width: 65%;
        z-index: 9
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item {
        border-bottom: 1px solid #247ab7 !important;
        box-sizing: border-box;
        margin-left: -1px;
        padding: 15px 0 0;
        text-align: center;
        background-color: #fff;
        height: auto;
        flex-direction: column
    }

    header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item > a {
        justify-content: unset
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container {
        transition: none;
        height: auto !important;
        position: relative;
        opacity: 1;
        top: unset;
        display: none
    }

    header.condensed nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container {
        top: 0
    }

    header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container {
        height: auto;
        padding: 0;
        transform: none;
        flex-direction: column;
        align-items: unset
    }

    header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li {
        height: auto;
        margin-left: 40px;
        margin-bottom: 15px;
        display: unset
    }

    header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li a,
    header.scroll-white-bg nav.navbar ul .menu-end-items ul .navbar-login a:hover,
    header.white-bg nav.navbar ul .menu-end-items ul .navbar-login a:hover {
        color: #001e41
    }

    header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button.border a,
    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container .mobile-menu-item .btn-secondary.white:hover {
        background-color: #247ab7
    }

    header nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container li .list-button.white {
        border: 1px solid #247ab7
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item .secondary-outer-container .secondary-inner-container .mobile-menu-item .btn-secondary.white:hover a {
        color: #fff
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item.external-link {
        position: relative;
        border-right: 1px solid #247ab7
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item > a {
        margin: 0 0 0 20px;
        color: #001e41;
        padding-bottom: 15px;
        width: auto;
        display: flex;
        justify-content: space-between
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item.one {
        flex: 1 100%
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item.two {
        flex: 1 50%
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item.three {
        flex: 1 33.3%
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item.no-border-bottom {
        border-bottom: 0
    }

    header nav.navbar ul .primary-outer-container .primary-inner-container .primary-menu-item:hover {
        border-bottom: 1px solid #247ab7
    }

    header nav.navbar ul .menu-end-items ul .nav-search .search-wrapper {
        margin-top: 10px
    }

    header nav.navbar ul .menu-end-items ul .nav-search .search-wrapper span {
        display: none
    }

    header nav.navbar ul .menu-end-items ul .navbar-login a {
        margin-top: 5px
    }

    header.condensed nav.navbar .primary-outer-container .primary-inner-container .primary-menu-item a {
        height: auto;
        margin-top: 0
    }

    header ul.search .menu-end-items ul .nav-search .search-outer-container {
        height: 100vh;
        display: block;
        pointer-events: all
    }

    header ul.search .menu-end-items ul .nav-search .search-outer-container .search-inner-container {
        max-height: 100%;
        height: auto;
        padding-top: 40px
    }

    header ul.search .menu-end-items ul .nav-search .search-outer-container .search-inner-container .search-input-container a {
        top: auto
    }

    .primary-inner-container .mob-arrow {
        border: solid #000;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        margin-right: 20px
    }

    .primary-inner-container .up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transition: .15s
    }

    .primary-inner-container .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: .15s
    }

    .mobile--hamburger-container {
        z-index: 99;
        display: grid
    }
}

.mobile--hamburger {
    margin-top: -2px;
    width: 20px;
    height: 15px;
    position: relative;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}

.mobile--hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    background: #001e41;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out
}

.mobile--hamburger span:first-child {
    top: 0;
    width: 100%;
    transform-origin: right center
}

.mobile--hamburger span:nth-child(2) {
    top: 9px;
    left: 30%;
    width: 70%;
    transform-origin: right center
}

.mobile--hamburger span:nth-child(3) {
    top: 18px;
    left: 60%;
    width: 40%;
    transform-origin: right center
}

.mobile--hamburger.open span {
    background: #001e41
}

.mobile--hamburger.open span:first-child {
    transform: rotate(-45deg);
    top: 2px;
    left: 0;
    width: 100%
}

.mobile--hamburger.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.mobile--hamburger.open span:nth-child(3) {
    transform: rotate(45deg);
    top: 16px;
    left: 0;
    width: 100%
}

.menu-end-item.nav-search {
    border-bottom: 4px solid transparent
}

.menu-end-item.nav-search .search-outer-container {
    align-items: center;
    background-color: #247ab7;
    display: flex;
    height: 0;
    justify-content: center;
    left: 0;
    overflow: hidden;
    pointer-events: all;
    position: absolute;
    top: 100px;
    transition: height .3s ease-out;
    width: 100%
}

.menu-end-item.nav-search .search-outer-container .search-inner-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    max-height: 0;
    max-width: 700px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container {
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    height: 40px;
    padding-bottom: 40px;
    width: 100%
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container label {
    position: absolute;
    pointer-events: all;
    opacity: 0;
    font-size: 18px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container a {
    position: absolute;
    right: 20px;
    top: 0;
    width: 25px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container a img {
    width: 25px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container input {
    background-image: linear-gradient(to right, #fff 33%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 5px 1px;
    color: #fff;
    font-family: sansSemiBold;
    font-size: 18px;
    min-height: 40px;
    width: 100%
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container input::-webkit-input-placeholder {
    font-family: sansSemiBold;
    color: #fff;
    font-size: 18px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container input::-moz-placeholder {
    font-family: sansSemiBold;
    color: #fff;
    font-size: 18px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container input:-ms-input-placeholder {
    font-family: sansSemiBold;
    color: #fff;
    font-size: 18px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container input::-ms-input-placeholder {
    font-family: sansSemiBold;
    color: #fff;
    font-size: 18px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-input-container input::placeholder {
    font-family: sansSemiBold;
    color: #fff;
    font-size: 18px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-prediction-container {
    width: calc(100% - 40px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #247ab7;
    position: absolute;
    z-index: 10;
    top: 60px;
    font-family: sansSemiBold;
    color: #fff;
    transition: height .2s ease-out
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-prediction-container.visible {
    height: 100%;
    overflow: visible
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-prediction-container .prediction-item {
    border-radius: 3px;
    display: inline-flex;
    font-size: 1.25em;
    padding: 5px 10px;
    margin-left: -10px;
    transition: background-color .2s ease-out
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-prediction-container .prediction-item:hover {
    cursor: pointer;
    background-color: #247ab7
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-prediction-container .prediction-item .search-string {
    color: #fff;
    position: absolute;
    left: 0
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-popular-container {
    font-family: sansSemiBold;
    color: #fff;
    display: block;
    position: relative
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-popular-container .search-popular-grid {
    color: #0f5293;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 10px
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-popular-container .search-popular-grid .search-popular-item {
    background-color: #fff;
    color: #0f5293;
    padding: 6px 15px;
    margin: 0 10px 8px 0;
    box-sizing: border-box;
    border-radius: 2px;
    font-family: sansLight;
    font-size: 14px;
    transition: background-color .2s ease-out
}

.menu-end-item.nav-search .search-outer-container .search-inner-container .search-popular-container .search-popular-grid .search-popular-item:hover {
    cursor: pointer;
    background-color: #afdcf6;
    color: #001e41
}

.menu-end-item.nav-search .search-click-detector {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    z-index: -1;
    left: 0;
    opacity: 0;
    display: none
}

.menu-end-item.nav-search.active .search-outer-container {
    pointer-events: all;
    z-index: 1
}

.modal {
    display: none;
    position: fixed;
    z-index: 10;
    top: 20px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(255, 255, 255, .721)
}

.modal .modal__modal-close {
    display: flex;
    justify-content: flex-end
}

.modal .modal__icon-cross {
    width: 13px;
    pointer-events: none
}

.modal .modal__container {
    height: 100%
}

.modal .modal__button {
    background-color: #fff;
    height: auto;
    min-width: auto;
    min-height: unset;
    box-shadow: none;
    margin: 0
}

.modal--login .modal__content {
    background-color: #fff;
    padding: 20px;
    max-width: 720px;
    width: 100%;
    position: absolute;
    right: 20px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5)
}

.modal--login .modal__row {
    display: grid;
    grid-auto-columns: 1fr 1fr;
    grid-auto-flow: column;
    grid-gap: 80px
}

@media(max-width:767px) {
    main {
        padding: 0
    }

    .content-block-template,
    .content-block__three-col,
    .insurance-cards-block,
    section.centered-content-block,
    section.kiwisaver-calculator,
    section.promo-article,
    section.video-block {
        margin: 60px 20px 0
    }

    .full-block-template,
    section.comparison-table {
        margin: 60px auto 0;
        padding: 0
    }

    section {
        margin: 60px auto 0
    }

    .content-modal .inner-container {
        grid-template-columns: 1fr
    }

    .mobile-hidden {
        display: none
    }

    .mobile-visible {
        display: block
    }

    .content-modal .inner-container div.col-1 {
        padding-right: 0;
        border: 0
    }

    .content-modal .inner-container div.col-2 {
        padding-left: 0
    }

    h2,
    h3 {
        line-height: 36px
    }

    h4,
    h5 {
        line-height: 24px
    }

    h1 {
        font-size: 46px;
        line-height: 54px
    }

    h2 {
        font-size: 32px
    }

    h3 {
        font-size: 28px
    }

    h4 {
        font-size: 20px
    }

    h5 {
        font-size: 16px
    }

    .modal {
        padding-top: 0;
        top: 0
    }

    .modal--login .modal__content {
        width: auto;
        right: 0
    }

    .modal--login .modal__row {
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        grid-gap: 0
    }
}

.modal--login .modal__wrapper {
    display: grid;
    grid-auto-columns: 1fr 10fr 1fr;
    grid-auto-flow: column;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 15px;
    cursor: pointer
}

.modal--login .modal__visual {
    display: inline-grid;
    align-items: center;
    margin-right: 5px
}

.modal--login .modal__visual--alignment {
    margin-right: 15px;
    align-items: flex-start
}

.modal--login .modal__icon {
    width: 32px
}

.modal--login .modal__icon---arrow {
    position: relative
}

.modal--login .modal__icon---arrow:before {
    content: '';
    position: absolute;
    right: 0;
    top: -8px;
    width: 14px;
    height: 14px;
    border: solid #646567;
    border-radius: 1px;
    border-width: 0 3px 3px 0;
    transform: rotate(-45deg)
}

.modal--login .modal__link {
    font-size: 22px;
    font-family: archerSemibold;
    color: #247ab7
}

.modal--login .modal__description {
    font-size: 12px;
    color: #001e41
}

.modal--login .modal__heading {
    font-size: 22px;
    color: #001e41;
    margin-bottom: 15px;
    margin-top: 40px;
    font-family: archerSemibold
}

.modal--login .modal__wrapper--last {
    margin-top: 40px
}

section.hero button {
    text-transform: none;
    font-size: 17px;
    letter-spacing: .25px
}

section.hero-block {
    height: 50em;
    margin: 20px 20px 0;
    position: relative
}

section.hero-block.img-focus--left .hero-block--bg-img img {
    -o-object-position: left;
    object-position: left
}

section.hero-block.img-focus--right .hero-block--bg-img img {
    -o-object-position: right;
    object-position: right
}

section.hero-block.img-focus--center .hero-block--bg-img img {
    -o-object-position: center;
    object-position: center
}

section.hero-block.img-focus--bottom .hero-block--bg-img img {
    -o-object-position: bottom;
    object-position: bottom
}

section.hero-block.img-focus--top .hero-block--bg-img img {
    -o-object-position: top;
    object-position: top
}

section.hero-block .hero-block--bg-img {
    position: absolute;
    width: 100%
}

section.hero-block .hero-block--bg-img img {
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 50em;
    width: 100%;
    pointer-events: none
}

section.hero-block .img-container img,
section.hero-block.hero-block--text .img-container img {
    width: 30%
}

section.hero-block .img-container {
    align-items: center;
    display: grid;
    position: relative;
    height: 100%;
    margin: auto;
    max-width: 1000px;
    pointer-events: all;
    padding: 0 20px
}

footer .footer-bottom .copyright .mobile-br,
section.hero-block .hero-block__text-container {
    display: none
}

section.hero-block.hero-block--text .hero-block__text-container {
    align-items: center;
    display: grid;
    height: 100%;
    margin: auto;
    max-width: 1000px;
    padding: 0 20px;
    position: relative
}

section.hero-block.hero-block--text .hero-block__text-container .inner-container {
    max-width: 430px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 3px;
    padding: 20px
}

section.hero-block.hero-block--text .hero-block__text-container .inner-container > * {
    margin: 20px 0
}

section.hero-block.hero-block--text .hero-block__text-container .inner-container > p {
    font-size: 1.125em
}

section.hero-block.hero-block--text .hero-block__text-container .inner-container h1.title {
    font-size: 3.75em;
    line-height: 1.25em;
    font-family: archerBold
}

section.hero-block.hero-block--text .img-container {
    position: relative;
    align-items: center;
    display: none;
    height: 100%;
    margin: auto;
    max-width: 1000px;
    pointer-events: none
}

section.hero-article {
    padding: 0;
    margin: 120px auto 0;
    max-width: 1000px
}

section.hero-article .outer-container {
    margin: 0;
    align-items: center;
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    position: relative
}

section.hero-article .outer-container .img-container {
    grid-column: 2/4;
    grid-row: 1;
    height: 100%;
    max-height: 600px;
    overflow: hidden;
    position: absolute;
    width: 100%
}

section.hero-article .outer-container .img-container img {
    height: -moz-available;
    height: -webkit-fill-available;
    width: -moz-available;
    width: -webkit-fill-available;
    max-width: 100%;
    max-height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

section.hero-article .outer-container .img-container.left {
    left: -5%;
    transform-origin: left
}

section.hero-article .outer-container .img-container.right {
    right: -5%;
    transform-origin: right
}

section.hero-article .outer-container .img-container.active {
    opacity: 1;
    transform: scale(1);
    box-shadow: -2px 3px 19px 2px rgba(0, 0, 0, .18);
    z-index: 5;
    transition: transform .3s ease-out
}

section.hero-article .outer-container .copy-wrapper {
    position: relative;
    grid-column: 1/3;
    grid-row: 1;
    padding: 20px 0 20px 40px;
    z-index: 0;
    width: 65%;
    background-color: inherit;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

section.hero-article .outer-container .copy-wrapper:before {
    content: '';
    transform: skewX(-16deg);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: inherit;
    z-index: -1;
    transform-origin: bottom left
}

section.hero-article .outer-container .copy-wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 119%;
    background-color: inherit;
    opacity: .7;
    z-index: -1;
    transform: skewX(-16deg);
    transform-origin: bottom left
}

section.hero-article .outer-container .copy-wrapper .category {
    background-color: transparent;
    border-radius: 2px;
    color: #0f5293;
    font-size: 14px;
    line-height: 13px;
    padding: 6px 0
}

section.hero-article .outer-container .copy-wrapper h2.title {
    padding: 22px 0 0;
    font-family: archerSemiBold;
    font-size: 2.625em;
    line-height: 1.125em
}

section.hero-article .outer-container .copy-wrapper .copy a {
    color: #247ab7;
    display: inline
}

section.hero-article .outer-container .copy-wrapper p.second-line {
    font-family: archerLight;
    font-size: 3.25em;
    line-height: 1.25em;
    padding-bottom: 30px
}

section.hero-article .outer-container .copy-wrapper .button-container {
    display: flex;
    padding-top: 42px
}

section.hero-article .outer-container .copy-wrapper .button-container a {
    padding: 0 10px 10px 0
}

section.hero-article .outer-container .copy-wrapper a button {
    line-height: inherit;
    font-family: sansBold;
    transition: .2s ease-out;
    box-shadow: -1px 1px 7px 0 rgba(0, 0, 0, .18)
}

section.hero-article .outer-container.blue-bg .copy-wrapper .category,
section.hero-article .outer-container.ltblue-bg .copy-wrapper .category {
    background-color: #247ab7;
    color: #fff;
    padding: 6px 11px 4px
}

section.hero-article .outer-container.dkblue-bg .copy-wrapper .category,
section.hero-article .outer-container.midblue-bg .copy-wrapper .category {
    background-color: #fff;
    padding: 6px 11px 4px;
    color: #247ab7
}

section.hero-article.image-left .outer-container .img-container {
    grid-column: 1;
    grid-row: 1
}

section.hero-article.image-left .outer-container .copy-wrapper {
    grid-column: 2;
    grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    padding: 60px 35px 60px 75px
}

section.hero-article.large-type .outer-container .copy-wrapper {
    padding: 20px 40px 20px 90px
}

section.hero-article.large-type .outer-container .copy-wrapper h1.title {
    font-family: archerBold;
    font-size: 3.75em;
    line-height: 1em;
    padding-bottom: 20px
}

section.hero-article.image-left:not(.blue-bg) .inner-container .copy-wrapper {
    padding: 20px 0 20px 90px
}

section.hero-article ul.nav-bar {
    border-top: 1px solid #64b5e5;
    border-bottom: 1px solid #64b5e5;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 5px
}

section.hero-article ul.nav-bar li {
    min-height: 50px
}

section.hero-article ul.nav-bar li:hover {
    background-color: #eff2f9
}

section.hero-article ul.nav-bar li a.active {
    border-bottom: 5px solid #64b5e5
}

section.hero-article ul.nav-bar li a {
    color: #0f5293;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0 10px
}

@media(max-width:1040px) {
    .menu-end-item.nav-search .search-outer-container .search-inner-container .search-prediction-container {
        top: 100px
    }

    section.hero-block.hero-block--hide-on-mobile .hero-block--bg-img,
    section.hero-block.hero-block--text .hero-block__text-container {
        display: none
    }

    section.hero-block .img-container img,
    section.hero-block.hero-block--text .img-container img {
        width: 200px
    }

    section.hero-block {
        background-position: right center;
        height: 25em;
        overflow: hidden;
        margin: 0;
        border-bottom: 3px solid #fff
    }

    section.hero-block.hero-block--hide-on-mobile {
        height: 260px;
        background-color: #afdcf6;
        border-bottom: 0
    }

    section.hero-block .img-container {
        align-items: inherit;
        justify-content: center;
        padding: 150px 20px 20px
    }

    section.hero-block.hero-block--text .img-container {
        align-items: inherit;
        justify-content: center;
        padding: 150px 20px 20px;
        display: grid
    }

    section.hero-article {
        margin: 120px 20px 0
    }

    section.hero-article .outer-container .img-container {
        max-height: 500px
    }

    section.hero-article.large-type .outer-container .copy-wrapper h1.title {
        font-size: 3.25em
    }

    section.hero-article.image-left .outer-container .copy-wrapper {
        padding: 20px 40px 20px 20px
    }
}

section.text-block {
    margin: 0 auto;
    max-width: 700px
}

section.text-block.full-width {
    max-width: 1000px
}

section.text-block p {
    line-height: 2.1875em;
    padding-bottom: 20px
}

section.text-block p .first-words {
    font-family: archerSemiBold;
    font-size: 1.75em;
    padding-right: 5px
}

section.text-block p.no-bottom-space {
    padding-bottom: 0
}

section.text-block img.image {
    width: 50%;
    float: left;
    margin: 5px 40px 15px -100px;
    max-width: 100%
}

section.text-block.img-right img.image {
    float: right;
    margin: 5px -100px 15px 40px
}

section.text-block .text-block__subheading {
    max-width: 60%;
    font-family: archerSemibold;
    font-size: 26px;
    line-height: 24px;
    padding-bottom: 10px
}

footer .footer-bottom .copyright,
section.text-block.centered p {
    text-align: center
}

section.text-block.centered .text-block__subheading {
    margin: auto;
    text-align: center
}

section.text-block ul li {
    list-style-type: disc
}

section.text-block ol li {
    list-style-type: decimal
}

section.text-block .clear {
    clear: both
}

section.video-block .video-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .18)
}

section.video-block .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

section.video-block .video-wrapper > video {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

section.video-block .video-wrapper .video-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    transition: opacity .2s ease-out
}

section.video-block .video-wrapper .video-overlay.hidden {
    display: block;
    opacity: 0;
    pointer-events: none
}

section.video-block .video-wrapper .caption {
    bottom: 0;
    color: #fff;
    font-family: archerLight;
    font-size: 45px;
    left: 0;
    line-height: 45px;
    margin: 80px;
    max-width: 500px;
    position: absolute
}

section.video-block .video-wrapper .playButton {
    pointer-events: all;
    border-radius: 100px;
    border: 2px solid #fff;
    height: 150px;
    position: absolute;
    width: 150px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    display: block;
    opacity: .95;
    transition: opacity 150ms
}

section.video-block .video-wrapper .playButton:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-radius: 5px;
    border-width: 25px 0 25px 50px;
    border-color: transparent transparent transparent #247ab7;
    position: absolute;
    top: 0;
    left: 0;
    right: -10px;
    bottom: 0;
    margin: auto
}

.media-hub {
    padding: 20px
}

.media-hub .media-hub__container {
    max-width: 1000px;
    margin: 40px auto
}

.media-hub .media-hub__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px
}

.media-hub .media-hub__row span {
    display: block
}

.media-hub .media-hub__col {
    background: #e8ebf4;
    border-radius: 4px;
    cursor: pointer
}

.media-hub .media-hub__col:hover {
    background-color: #fff
}

.media-hub .media-hub__text {
    padding: 20px;
    color: #001e41
}

.media-hub .media-hub__heading {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: sansBold;
    line-height: 1.28
}

.media-hub .media-hub__subtext {
    font-size: 14px
}

.media-hub .media-hub__image {
    max-width: 330px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

@media(max-width:767px) {
    section.hero-article {
        margin: 120px 20px 0
    }

    section.hero-article .outer-container .copy-wrapper .button-container {
        flex-wrap: wrap
    }

    section.hero-article.image-left .outer-container .copy-wrapper {
        grid-column: 1;
        grid-row: 2;
        padding: 20px 10px;
        margin-top: -35px
    }

    section.hero-article.large-type .outer-container .copy-wrapper {
        padding: 20px 10px
    }

    section.hero-article.large-type .outer-container .copy-wrapper > a {
        display: flex
    }

    section.hero-article .outer-container {
        border-bottom: 3px solid #fff;
        grid-template-columns: 100%;
        grid-template-rows: auto 1fr;
        margin: 0
    }

    section.hero-article .outer-container .img-container {
        height: 200px;
        grid-column: 1;
        grid-row: 1;
        position: relative
    }

    section.hero-article .outer-container .copy-wrapper {
        grid-row: 2;
        grid-column: 1;
        padding: 0 10px 10px;
        width: unset;
        min-height: unset
    }

    section.hero-article .outer-container .copy-wrapper:before {
        content: '';
        transform: skewY(4deg);
        position: absolute;
        top: unset;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: inherit;
        z-index: -1;
        transform-origin: bottom right
    }

    section.hero-article .outer-container .copy-wrapper:after {
        content: '';
        transform: skewY(4deg);
        position: absolute;
        top: unset;
        left: 0;
        width: 100%;
        height: 100%;
        bottom: 35px;
        background-color: inherit;
        z-index: -1;
        transform-origin: bottom right
    }

    section.hero-article .outer-container .copy-wrapper h2.title {
        padding: 5px 0 16px;
        font-size: 1.875em;
        line-height: 1.25em
    }

    section.hero-article .outer-container .copy-wrapper .copy {
        padding-bottom: 20px
    }

    section.hero-article .outer-container .copy-wrapper .category {
        background-color: #fff;
        color: #247ab7;
        position: absolute;
        top: -10px;
        padding: 6px 11px 4px;
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18)
    }

    section.hero-article ul.nav-bar {
        grid-template-columns: repeat(2, 1fr)
    }

    section.video-block .video-wrapper {
        margin-top: 0
    }

    section.video-block .video-wrapper .video-overlay .caption {
        font-size: 25px;
        line-height: 25px;
        max-width: 60vw;
        margin: 40px
    }

    .media-hub {
        padding: 15px
    }

    .media-hub .media-hub__row {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        grid-auto-flow: row;
        grid-gap: 20px
    }

    .media-hub .media-hub__image {
        max-width: 100%
    }
}

footer.no-margin-top {
    margin-top: 0
}

footer .footer-inner-container {
    padding: 40px 20px 0
}

footer .footer-inner-container hr {
    background-color: #64b5e5;
    margin: 35px 0 50px;
    height: 1px;
    opacity: .5
}

footer .footer-inner-container a {
    transition: opacity .1s ease-out
}

footer .footer-top {
    display: flex;
    width: 100%;
    justify-content: space-between
}

footer .footer-top > div {
    display: flex
}

footer .footer-top > div > * {
    padding-right: 33px;
    display: flex;
    align-items: center;
    justify-content: center
}

footer .footer-top > div a:last-of-type {
    padding-right: 0
}

footer .footer-top > div p {
    line-height: 24px;
    max-width: 115px
}

footer .footer-top > div a {
    transition: opacity .2s ease-out
}

footer .footer-middle {
    color: #fff;
    justify-content: space-between;
    display: flex;
    flex-flow: row wrap
}

footer .footer-middle > div {
    display: flex;
    flex-direction: column
}

footer .footer-middle > div a,
footer .footer-middle > div p {
    color: #fff;
    padding-bottom: 17px
}

@media(max-width:1040px) {
    section.text-block {
        padding: 0 20px
    }

    section.text-block img.image {
        display: block;
        max-height: 600px;
        width: inherit
    }

    section.text-block .text-block__subheading {
        max-width: 100%
    }

    section.text-block img.image,
    section.text-block.img-right img.image {
        float: none;
        margin: 40px auto
    }

    section.video-block.small-width {
        padding: 0 20px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    footer.no-margin-top {
        margin-top: 0
    }

    footer {
        margin-left: 0;
        margin-top: 80px
    }

    footer .footer-inner-container {
        padding: 20px 0 0
    }

    footer .footer-top {
        display: block
    }

    footer .footer-top > div {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row wrap
    }

    footer .footer-top > div p {
        padding: 40px 0 20px;
        flex: 1 100%;
        max-width: unset
    }

    footer .footer-top > div p .mobile-br {
        display: none
    }

    footer .footer-top > div:first-of-type p {
        padding: 0 0 20px
    }

    footer .footer-top > div a {
        align-self: center;
        justify-content: center
    }

    footer .footer-middle > div {
        flex: 1 calc(50% - 40px);
        padding-bottom: 30px;
        margin-left: 40px
    }
}

footer .footer-bottom .copyright-banner {
    height: 70px;
    background-color: #247ab7;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width:1440px) {
    footer .footer-bottom {
        background-color: #247ab7;
        border-top: 1px solid rgba(100, 181, 229, .49);
        padding: 8px 0
    }

    footer .footer-bottom .copyright-banner {
        padding: 15px 5px;
        background-color: #247ab7
    }

    footer .footer-bottom .copyright-banner .copyright .mobile-br {
        display: block
    }
}

@media (max-width:768px) {

    .cmp-hero__content,
    .cmp-hero__image {
        max-width: 100% !important
    }

    .cmp-container,
    .cmp-container__inner,
    .cmp-hero__content,
    .cmp-hero__image,
    footer,
    nav {
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    .cmp-hero {
        flex-direction: column !important
    }

    .cmp-hero__image {
        width: 100% !important
    }

    .cmp-hero__image img {
        width: 100% !important;
        height: auto !important
    }

    nav .cmp-navigation__group {
        flex-direction: column !important;
        gap: 10px !important
    }
}

body {
    min-height: 100vh;
    display: flex !important;
    flex-direction: column !important;
    position: static !important
}

footer {
    background-color: #001e41;
    box-sizing: border-box;
    font-family: sansSemiBold;
    font-size: .875em;
    line-height: normal;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: auto !important
}