@charset "UTF-8";

.product-accordion {
    opacity: 1
}

.product-accordion__heading-wrapper {
    margin: 0 0 30px
}

@media(min-width:768px) {
    .product-accordion__heading-wrapper {
        margin: 0 0 54px
    }
}

.product-accordion__heading {
    color: #178830;
    margin: 0
}

.product-accordion__heading+.product-accordion__intro {
    margin-top: 20px
}

@media(min-width:768px) {
    .product-accordion__heading+.product-accordion__intro {
        margin-top: 36px 0
    }
}

.product-accordion__intro {
    margin: 0
}

.product-accordion__container.container {
    max-width: 900px;
    position: relative
}

.product-accordion .accordion .accordion__item {
    position: relative
}

.product-accordion .accordion .accordion__item .accordion__head {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 20px 0
}

.product-accordion .accordion .accordion__item .accordion__head:after {
    background: rgba(0, 63, 116, .1);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .4s linear;
    width: 100%
}

@media(min-width:768px) {
    .product-accordion .accordion .accordion__item .accordion__head {
        padding: 36px 0
    }
}

.product-accordion .accordion .accordion__item .accordion__head .accordion__head__label {
    color: #04589b;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    width: calc(100% - 40px)
}

.product-accordion .accordion .accordion__item .accordion__head .accordion__icon {
    margin-left: auto
}

.product-accordion .accordion .accordion__item:first-child .accordion__head {
    padding-top: 0
}

.product-accordion .accordion .accordion__item:last-child .accordion__head:after {
    display: none
}

.product-accordion .accordion .accordion__item .accordion__article {
    padding-bottom: 17px
}

@media(min-width:768px) {
    .product-accordion .accordion .accordion__item .accordion__article {
        padding-bottom: 26px
    }
}

.product-accordion .accordion .accordion__item:not(.accordion__item--open) .accordion__head:hover:after {
    background-color: #3d3d3d
}

.product-accordion .accordion .accordion__item:not(.accordion__item--open) .accordion__head:hover .accordion__head__label {
    color: #3d3d3d
}

.product-accordion .accordion .accordion__item:not(.accordion__item--open) .accordion__head:hover .accordion__icon .icon--plus span {
    background: #3d3d3d
}

.accordion__icon {
    height: 12px;
    line-height: 1;
    position: relative;
    width: 12px
}

.accordion__icon .icon {
    position: static
}

.accordion__item--open .accordion__icon span+span {
    height: 0
}

.accordion--default .accordion__head {
    border-top: 1px solid #f8fafb;
    color: #04589b;
    cursor: pointer;
    line-height: 1.2;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    position: relative
}

.accordion--default .accordion__head__label {
    border-bottom: 1px solid rgba(4, 88, 155, 0);
    transition: all .4s
}

.accordion--default .accordion__head:hover {
    color: #3d3d3d
}

.accordion--default .accordion__head:hover .accordion__head__label {
    border-color: #3d3d3d
}

.accordion--default .accordion__icon {
    border: 2px solid #04589b;
    border-radius: 100%;
    height: 30px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px
}

.accordion--default .accordion__article {
    padding: 0 1rem 1rem 3rem
}

.accordion--default .accordion__article p:last-child {
    margin-bottom: 0
}

.accordion__section {
    height: auto;
    overflow: hidden;
    transition: height .5s
}

.contact__main {
    display: flex
}

.contact__main .imagerenderd {
    max-width: 60px;
    min-width: 45px
}

.contact__introWrapper {
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .contact__introWrapper {
        margin-bottom: 36px
    }
}

.contact__title {
    color: #178830
}

.contact__lead {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 16px
}

.contact__lead>* {
    font-size: inherit
}

.contact__intro {
    margin-bottom: 16px
}

.contact .cta {
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.contact .cta--primary {
    margin-bottom: 26px;
    padding-right: 2.5rem
}

.contact__primary-contact {
    color: #04589b;
    margin-bottom: .8rem
}

.contact__primary-contact a {
    color: inherit
}

.contact__primary-contact .prefix {
    line-height: 1.2;
    margin-bottom: 0
}

.contact__primary-contact+.contact__secondary-contact {
    border-top: 1px solid rgba(0, 63, 116, .1);
    padding-top: .6rem
}

.contact__details>* {
    border-top: 1px solid rgba(0, 63, 116, .1);
    margin: .6rem 0;
    padding: .6rem 0
}

.contact__details>*>:last-child {
    margin-bottom: 0
}

.contact__notes {
    border-top: 1px solid rgba(0, 63, 116, .1);
    line-height: 1.4;
    margin-top: .4rem;
    padding-top: .8rem
}

.contact__notes li,
.contact__notes p {
    margin-bottom: 16px
}

.contact__notes ol:last-child,
.contact__notes ol:last-child li:last-child,
.contact__notes ul:last-child,
.contact__notes ul:last-child li:last-child {
    margin-bottom: 0
}

.contact__body {
    flex: 1 1 auto;
    width: 100%
}

.contact__body p {
    font-size: 14px;
    line-height: 1.15;
    margin-bottom: 10px
}

.contact__image {
    display: block;
    flex: 1 0 auto;
    margin-right: 16px;
    max-width: 60px;
    min-width: 45px
}

.contact__image img {
    display: block;
    line-height: 1
}

.contact__email-prefix,
.contact__tel-prefix,
.contact__tel-suffix {
    color: inherit;
    display: block;
    line-height: 1
}

.contact__write-prefix {
    color: inherit;
    display: block
}

.contact__tel {
    color: #04589b;
    font-family: livvic, sans-serif;
    font-size: calc(18.54545px + 1.70455vw);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 1.05
}

@media(max-width:320px) {
    .contact__tel {
        font-size: 24px
    }
}

@media(min-width:1024px) {
    .contact__tel {
        font-size: 36px
    }
}

.contact__secondary-contact .contact__tel {
    font-size: calc(12.54545px + 1.70455vw)
}

@media(max-width:320px) {
    .contact__secondary-contact .contact__tel {
        font-size: 18px
    }
}

@media(min-width:1024px) {
    .contact__secondary-contact .contact__tel {
        font-size: 30px
    }
}

.contact__secondary-contact .contact__tel-prefix {
    color: inherit;
    margin-bottom: 0
}

.contact--alt .contact__secondary-contact {
    display: flex;
    flex-wrap: wrap
}

.contact--alt .contact__secondary-contact .prefix {
    padding-right: 10px
}

.contact--alt .contact__secondary-contact>* {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.6
}

.contact--alt .contact__secondary-contact a {
    min-width: 200px
}

.contact__opening {
    line-height: 1.3
}

.contact__info {
    color: #707070;
    line-height: 1.2
}

.contact .contact__opening+.contact__info {
    margin-top: 1em
}

.contact .cms-edit {
    float: right;
    padding-top: 0
}

.contact .cta--edit {
    margin: 1px;
    padding: .8rem
}

.cms-edit {
    padding: 10px 0
}

.cms-edit .scLooseFrameZone {
    display: inline-block
}

.cta--edit {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: .5px .5px 1px 1px rgba(0, 0, 0, .08);
    color: #04589b;
    line-height: 1;
    margin: 1px;
    overflow: hidden;
    padding: .8rem 1.5rem;
    position: relative
}

.cta--edit:hover {
    background-color: #eee
}

.cta--edit span,
.cta--edit:after {
    display: inline-block;
    vertical-align: middle
}

.cta--edit:after {
    background-size: cover;
    content: "";
    height: 16px;
    line-height: 1;
    margin-left: 8px;
    position: relative;
    width: 16px
}

.cms-edit--sm .cta--edit {
    height: 45px;
    margin: 1px;
    padding: .8rem;
    width: 45px
}

.cms-edit--sm .cta--edit>span {
    background: #000;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 90%;
    left: 50%;
    padding: 8px;
    position: absolute;
    top: 0;
    transform: translate(-50%, -120%);
    white-space: nowrap
}

.cms-edit--sm .cta--edit:hover>span {
    display: block
}

.cms-edit--sm .cta--edit:after {
    margin-left: 0
}

.head {
    align-items: flex-start;
    display: flex;
    padding-bottom: 20px;
    position: relative
}

.head.align-center {
    justify-content: center
}

@media(min-width:768px) {
    .head {
        padding-bottom: 36px
    }
}

.head .title,
.head p {
    color: #178830
}

.head .icon {
    display: block;
    flex: 0 0 60px;
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 25px;
    max-width: 80px;
    position: relative
}

.head__main {
    flex: 0 1 auto
}

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

@media(min-width:1024px) {
    .head .icon {
        flex: 0 0 80px
    }
}

.head--compact {
    padding-bottom: 15px
}

.head--compact .label {
    margin-bottom: 15px
}

.head.theme-text-dark .label,
.head.theme-text-dark .title,
.head.theme-text-light .label,
.head.theme-text-light .title {
    color: inherit
}

.advice {
    opacity: 1;
    overflow: hidden;
    padding: 46px 0 0;
    position: relative
}

@media(min-width:768px) {
    .advice {
        padding-bottom: 3rem
    }
}

.advice__main {
    display: flex;
    flex-wrap: wrap
}

.advice__image {
    align-self: flex-end;
    display: flex;
    flex: 0 0 100%;
    margin-bottom: -70px;
    order: 2;
    position: relative;
    top: -60px;
    z-index: 1
}

.advice__image .image {
    display: block;
    height: 100%;
    margin-left: auto
}

@media(min-width:768px) {
    .advice__image {
        margin-bottom: -10rem;
        margin-top: -6rem;
        order: 1;
        position: relative;
        top: 0
    }
}

.advice__image .lazyload-placeholder,
.advice__image img {
    display: block;
    line-height: 1;
    margin: 2rem 0 0 auto;
    max-width: 200px
}

@media(min-width:768px) {

    .advice__image .lazyload-placeholder,
    .advice__image img {
        max-width: 300px
    }
}

.advice__copy {
    flex: 0 0 100%
}

@media(min-width:768px) {
    .advice__copy {
        order: 2
    }
}

.advice__cta {
    border-top: 1px solid rgba(0, 63, 116, .1);
    margin-left: 61px;
    margin-top: 1rem;
    padding-top: 1rem;
    position: relative
}

.advice p a {
    font-weight: 700
}

.advice__speech {
    background-color: #fff;
    border-radius: 10px;
    padding: 1rem 1rem 2rem;
    position: relative
}

@media(min-width:768px) {
    .advice__speech {
        padding: 36px
    }
}

.advice__speech:before {
    background: url(images/speech-tail.png) no-repeat 100% 50%;
    bottom: 0;
    content: "";
    height: 72px;
    left: 100px;
    position: absolute;
    transform: translateY(64%) rotate(-90deg);
    width: 22px
}

@media(min-width:768px) {
    .advice__speech:before {
        bottom: auto;
        left: -22px;
        right: auto;
        top: 50%;
        transform: translateY(-50%)
    }
}

.advice__copyText {
    margin-bottom: 2rem
}

.advice__copyText p:last-child {
    margin-bottom: 0
}

.advice .advice__bottomCurve {
    z-index: 2
}

@media(min-width:768px) {
    .advice {
        padding: 4rem 0
    }

    .advice__image {
        margin-bottom: -4rem;
        margin-top: -100px
    }

    .advice__image .image {
        margin: 0 auto
    }

    .advice__image .lazyload-placeholder,
    .advice__image img {
        max-width: 300px
    }

    .advice__main {
        display: flex
    }

    .advice__main>* {
        flex: 0 0 48%
    }

    .advice__main .advice__copy {
        flex: 0 0 38%;
        margin-left: 3%
    }

    .advice.module-curve-after-concave {
        z-index: 99
    }
}

.advice .advice__image--center {
    margin: 0;
    top: 0
}

.advice .advice__image--center .lazyload-placeholder,
.advice .advice__image--center img {
    margin-bottom: 2rem;
    margin-right: auto
}

@media(min-width:768px) {
    .advice .advice__image--center {
        align-self: center
    }

    .advice .advice__image--center .lazyload-placeholder,
    .advice .advice__image--center img {
        margin: 0
    }
}

.advice .contact__cta .cta:last-child {
    margin-bottom: 0
}

@media(min-width:1024px) {

    .advice__image .lazyload-placeholder,
    .advice__image img {
        max-width: 500px
    }
}

.anchorHeading {
    margin-bottom: -36px;
    margin-top: 20px;
    padding: 0
}

@media(min-width:1024px) {
    .anchorHeading {
        margin-bottom: -50px;
        margin-top: 36px
    }
}

@media(min-width:768px) {
    .anchorHeading .container {
        max-width: 700px
    }
}

.anchorHeading .container h3 {
    font-family: livvic, sans-serif;
    font-style: normal;
    font-weight: 600
}

.anchorNav {
    opacity: 1
}

@media(min-width:768px) {
    .anchorNav .container {
        max-width: 700px
    }
}

.anchorNav h2 {
    color: #178830
}

.anchorNav ol {
    counter-reset: counter1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

.anchorNav ol li {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    display: flex;
    flex: 0 0 calc(100% - 15px);
    font-family: Mulish, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 22px;
    line-height: 1.375rem;
    list-style: none;
    margin: 0 0 1rem;
    position: relative;
    transition: all .4s
}

@media(min-width:768px) {
    .anchorNav ol li {
        flex: 0 0 44%
    }
}

@media(min-width:1024px) {
    .anchorNav ol li {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.anchorNav ol li h3 {
    font: inherit;
    margin: 0;
    width: 100%
}

.anchorNav ol li a {
    align-items: center;
    display: block;
    padding: .8rem 0;
    position: relative
}

.anchorNav ol li a:before {
    color: #04589b;
    content: counter(counter1) ".";
    counter-increment: counter1;
    margin-right: .5rem;
    padding: .5rem 0;
    position: relative
}

.anchorNav ol li:hover {
    border-color: #3d3d3d
}

.anchorNav ol li:hover a:before {
    color: #3d3d3d
}

.archive {
    opacity: 1
}

.archive__container.container {
    max-width: calc(792px + 2rem)
}

@media(min-width:1024px) {
    .archive__container.container {
        max-width: calc(792px + 3rem)
    }
}

.archive__section:not(:last-child) {
    margin-bottom: 46px
}

@media(min-width:1024px) {
    .archive__section:not(:last-child) {
        margin-bottom: 60px
    }
}

.archive__section .article:last-child {
    margin-bottom: 0
}

.archive__title {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    color: #178830;
    margin-bottom: 30px;
    padding-bottom: 17px
}

@media(min-width:1024px) {
    .archive__title {
        margin-bottom: 54px;
        padding-bottom: 26px
    }
}

.article {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 0 transparent;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .5s;
    width: 100%
}

.article__category {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 14px 17px
}

@media(min-width:1024px) {
    .article__category {
        padding: 15px 26px
    }
}

.article__media {
    overflow: hidden;
    position: relative
}

.article__media:after {
    background: linear-gradient(0deg, #000, transparent);
    bottom: 0;
    content: "";
    height: 90px;
    left: 0;
    position: absolute;
    right: 0
}

.article__media img {
    display: block;
    height: auto;
    line-height: 1;
    max-width: none;
    width: 100%
}

.article__media .article__category {
    bottom: 0;
    color: #fff;
    font-weight: inherit;
    left: 0;
    position: absolute;
    z-index: 5
}

@media(min-width:1024px) {
    .article:hover {
        box-shadow: 0 2px 20px 4px rgba(0, 0, 0, .05);
        transform: translateY(-5px)
    }
}

.article .cta {
    margin: 0 0 8px
}

.article__title {
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 14px
}

@media(min-width:1024px) {
    .article__title {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 24px;
        line-height: 1.5rem;
        margin-bottom: 15px
    }
}

.article__title a {
    display: inline
}

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

.article__body {
    padding: 14px 17px;
    position: relative
}

@media(min-width:1024px) {
    .article__body {
        padding: 15px 26px 26px
    }
}

.article__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    margin: 0 17px 17px;
    padding-top: 17px
}

@media(min-width:1024px) {
    .article__footer {
        margin: 0 26px 26px;
        padding-top: 26px
    }
}

.article__body {
    flex-grow: 1
}

.article__date {
    display: inline-block;
    flex: 0 0 100%;
    margin: 0 2rem .5rem 0
}

@media(min-width:768px) {
    .article__date {
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

.article__readtime {
    display: inline-block;
    flex: 0 0 100%
}

@media(min-width:768px) {
    .article__readtime {
        flex: 0 0 auto
    }
}

.article__readtime .icon {
    fill: #178830
}

.article__wrapper {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column
}

.article__main {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

.article--alt {
    margin-bottom: 16px
}

.article--alt:hover {
    transform: translate(0)
}

.article--alt .article__wrapper {
    flex-direction: row
}

.article--alt .article__media {
    flex: 0 0 33%
}

.article--alt .article__media img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.article--alt .article__main {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

.article--alt .article__footer {
    border: none;
    margin-bottom: 0;
    order: 1
}

.article--alt .article__body {
    order: 2
}

.article--alt .article__category {
    order: 3
}

.author {
    font-family: livvic, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    opacity: 1;
    padding: 0
}

.author__container {
    max-width: 700px;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    position: relative
}

.author__container:before {
    background-color: rgba(0, 63, 116, .1);
    content: "";
    display: block;
    height: 2px;
    left: 1rem;
    position: absolute;
    right: 1rem;
    top: 0
}

@media(min-width:1024px) {
    .author__container:before {
        left: 1.5rem;
        right: 1.5rem
    }
}

.author dd,
.author dt {
    margin: 0;
    padding: 0
}

.author dt {
    margin-right: .5rem
}

.author dd,
.author dt {
    display: inline-block
}

.author dd {
    padding-right: .2rem
}

.author dd:nth-child(2):after {
    content: ","
}

.author dd a {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0);
    transition: all .4s linear
}

.author dd a:hover {
    border-color: #3d3d3d
}

blockquote {
    color: #003578;
    margin: 3rem 0 2rem;
    position: relative
}

@media(min-width:1024px) {
    blockquote {
        margin-bottom: 4rem
    }
}

blockquote:before {
    background: url(images/icon/icon-quote.png) no-repeat 50% 50%;
    background-size: cover;
    content: "";
    height: 63px;
    left: -1rem;
    position: absolute;
    top: 0;
    transform: translateY(-30%);
    width: 87px
}

@media(min-width:1024px) {
    blockquote:before {
        left: 0;
        transform: translateX(-20%) translateY(-30%)
    }
}

blockquote p {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 28px;
    line-height: 1.75rem;
    position: relative
}

@media(min-width:1024px) {
    blockquote p {
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 38px;
        line-height: 2.375rem
    }
}

.quote {
    line-height: 1;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    position: relative
}

.quote .container {
    align-items: center;
    display: flex;
    flex-flow: wrap;
    max-width: calc(995px + 3rem)
}

.quote__copy {
    flex: 0 0 100%;
    margin-bottom: 2rem;
    padding-left: 3rem
}

@media(min-width:768px) {
    .quote__copy {
        flex: 0 0 49%;
        margin: 0;
        padding-left: 0
    }
}

.quote__copy blockquote {
    margin: 0;
    padding: 0
}

.quote__copy footer {
    align-items: center;
    border-top: 1px solid rgba(0, 63, 116, .1);
    display: flex;
    padding-top: .8rem
}

.quote__copy footer span {
    display: block;
    line-height: 1.2
}

.quote__copy footer .quote__author {
    font-weight: 600
}

.quote__copy .quote__details {
    flex-grow: 1
}

.quote__copy .avatar {
    margin: 0 1rem 0 0
}

.quote__source {
    width: 60px
}

.quote__source .image {
    margin: 0 !important
}

.quote__source .quote__source__label {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    line-height: 12px;
    line-height: .75rem;
    margin-bottom: .2rem;
    text-align: right
}

.quote__image {
    position: relative;
    right: -1rem
}

@media(min-width:768px) {
    .quote__image {
        flex: 0 0 49%;
        margin-left: auto;
        right: 0
    }
}

.quote__image .lazyload-placeholder,
.quote__image img {
    width: 100%
}

.quote__image .imagerenderd {
    display: block;
    min-height: 240px
}

@media(min-width:1024px) {
    .quote__image .imagerenderd {
        min-height: 280px
    }
}

.quote--mini .container {
    max-width: 700px
}

.quote--mini .quote__copy {
    flex: 0 0 100%;
    margin-bottom: 0
}

.quote--mini .quote__copy blockquote {
    margin: 0;
    width: 100%
}

.quote--themed {
    border-radius: .5rem;
    padding: 36px
}

.quote--themed .container {
    padding: 0
}

.quote--themed:not(.theme-white) blockquote:before {
    background-image: url(images/icon/icon-quote-white.png)
}

.quote--themed .quote__copy {
    padding-left: 0
}

.quote--themed:before {
    background-image: url(images/flourish/quote-hearts.png);
    content: "";
    height: 27px;
    left: 15px;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: 51px
}

.quote--themed .avatar img {
    border: 2px solid #fff
}

.quote--themed p {
    font-size: 18px;
    line-height: 1.2
}

@media(min-width:1024px) {
    .quote--themed p {
        font-size: 22px
    }
}

.avatar {
    line-height: 1;
    overflow: hidden;
    position: relative
}

.avatar .image {
    margin: 0 !important
}

.avatar img {
    border-radius: 100%;
    width: 60px
}

.awards {
    opacity: 1;
    position: relative
}

.awards__container.container {
    max-width: 900px
}

.awards--no-quote .awards__container.container {
    margin: 0 auto
}

@media(min-width:768px) {
    .awards--no-quote .awards__container.container {
        max-width: 580px
    }
}

.awards__content ul {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0
}

.awards__content li {
    align-items: center;
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    display: flex;
    padding-bottom: .5rem
}

.awards__content li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.awards__content li .image {
    display: block;
    text-align: right
}

.awards__content li .lazyload-placeholder,
.awards__content li img {
    display: block
}

.awards__copy {
    flex-grow: 1;
    flex-shrink: 1;
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    margin: 0;
    padding: 0 2.5rem 0 0
}

@media(min-width:768px) {
    .awards__copy {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.awards__copy p {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.awards__logo {
    flex: 0 0 60px
}

@media(min-width:768px) {
    .awards__logo {
        flex: 0 0 90px
    }
}

@media(max-width:767px) {
    .awards .quote {
        margin-bottom: 0
    }
}

.awards .head {
    display: flex
}

.awards .head .icon {
    flex: 0 0 80px;
    margin-left: 3rem;
    max-width: 80px;
    order: 2
}

@media(min-width:768px) {
    .awards .head .icon {
        margin-left: 1rem;
        margin-right: 0
    }
}

.awards .awards__quote {
    align-items: flex-end;
    display: flex
}

.awards .quote {
    flex-basis: 100%;
    flex-shrink: 1;
    margin: auto 0 0
}

.arrowlink {
    position: relative;
    width: 100%
}

.arrowlink .icon--rightarrow {
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: -3px;
    width: 12px
}

.arrowlink .icon--rightarrow svg {
    height: 100%;
    width: 100%
}

.arrowlink .arrowlink__link {
    display: block;
    line-height: 1.2rem;
    padding-left: 30px
}

.arrowlink .arrowlink__link a {
    display: inline
}

.arrowlink__link-container {
    display: flex
}

.arrowlink__link-container .icon {
    flex-shrink: 0
}

.arrowlink .arrowlink__subText {
    color: #3d3d3d;
    display: block;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 16px;
    line-height: 1rem;
    padding-left: 30px
}

.arrowlink:hover .icon svg path {
    fill: #3d3d3d
}

.backToTop {
    margin: 1.5rem 0 0
}

.backToTop:hover {
    cursor: pointer
}

.backToTop:hover .icon svg path {
    fill: #3d3d3d
}

.backToTop .icon {
    margin: 0 .8rem 0 0
}

.backToTop .icon svg {
    height: 10px;
    width: 10px
}

.backToTop a {
    color: #04589b;
    display: inline-block;
    line-height: 1.5rem;
    text-decoration: none;
    transition: all .4s
}

.backToTop a:hover {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #3d3d3d;
    text-decoration: none
}

.backToTop a:active,
.backToTop a:focus,
.backToTop a:visited {
    box-shadow: none;
    color: #04589b
}

@media(hover:none) {
    .backToTop a:hover {
        box-shadow: none;
        color: #04589b
    }
}

.blocklinks {
    opacity: 1;
    padding: 46px 0
}

@media(min-width:768px) {
    .blocklinks {
        padding: 60px 0
    }
}

.blocklinks__container.container {
    max-width: 900px
}

@media(min-width:768px) {
    .blocklinks__main>div {
        display: flex;
        flex-direction: column
    }
}

.blocklinks__main .blocklinks__body {
    flex-grow: 1;
    margin-left: auto
}

.blocklinks__main .blocklinks__body ul {
    margin-bottom: 0
}

@media(min-width:768px) {
    .blocklinks__main .blocklinks__body>ul {
        margin-top: 10px
    }
}

.blocklinks .head {
    display: block;
    margin: 0 auto;
    max-width: 550px;
    width: 100%
}

.blocklinks .blocklinks__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.blocklinks .blocklinks__item {
    background: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative;
    width: 100%;
    z-index: 10
}

@media(max-width:767px) {
    .blocklinks .blocklinks__item:last-child {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .blocklinks .blocklinks__item {
        padding: 36px
    }
}

.blocklinks .blocklinks__item .blocklinks__item__info {
    color: #3d3d3d;
    display: flex;
    flex: 100% 1 0;
    flex-direction: column
}

.blocklinks .blocklinks__item .blocklinks__item__label {
    display: none;
    margin-bottom: .8rem
}

@media(min-width:768px) {
    .blocklinks .blocklinks__item .blocklinks__item__label {
        display: block;
        margin-bottom: 1rem
    }
}

.blocklinks .blocklinks__item .blocklinks__item__heading {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: calc(15.27273px + .85227vw);
    font-style: normal;
    font-weight: 600;
    margin-bottom: 1rem
}

@media(max-width:320px) {
    .blocklinks .blocklinks__item .blocklinks__item__heading {
        font-size: 18px
    }
}

@media(min-width:1024px) {
    .blocklinks .blocklinks__item .blocklinks__item__heading {
        font-size: 24px
    }
}

@media(min-width:768px) {
    .blocklinks .blocklinks__item .blocklinks__item__heading {
        margin-bottom: 1.5rem
    }
}

.blocklinks .blocklinks__item .blocklinks__item__content {
    flex-grow: 1;
    line-height: 1.5rem
}

.blocklinks .blocklinks__item.image .blocklinks__item__icon {
    display: block;
    flex: 20% 0 0
}

.blocklinks .blocklinks__item.image .blocklinks__item__info {
    flex: 70% 0 0
}

.blocklinks .blocklinks__item.featured {
    flex-wrap: wrap
}

.blocklinks .blocklinks__item.featured .blocklinks__item__icon {
    flex: 100% 0 0;
    margin: 0 0 2rem
}

.blocklinks .blocklinks__item.featured .blocklinks__item__icon img {
    display: block;
    margin: 0 auto
}

.blocklinks .blocklinks__item.featured .blocklinks__item__info {
    flex: 100% 0 0
}

.blocklinks .blocklinks__item.featured .blocklinks__item__label {
    display: block
}

@media(min-width:768px) {
    .blocklinks .blocklinks__item.featured.image .blocklinks__item__icon {
        flex: 46.3% 0 0;
        margin-bottom: 0;
        order: 2
    }

    .blocklinks .blocklinks__item.featured.image .blocklinks__item__info {
        flex: 50% 0 0;
        order: 1
    }
}

.blocklinks.blocklinks--inline .container {
    max-width: 1280px
}

@media(min-width:768px) {
    .blocklinks.blocklinks--inline .blocklinks__item {
        flex: 0 0 auto;
        width: calc(33.33333% - .66667rem)
    }
}

.blocklinks.blocklinks--inline .blocklinks__item .blocklinks__item__label {
    display: block
}

@media(min-width:768px) {
    .blocklinks.blocklinks--featured .blocklinks__item {
        flex: 0 0 auto;
        width: calc(50% - .5rem)
    }

    .blocklinks.blocklinks--featured .blocklinks__item.featured {
        width: 100%
    }
}

.blocklinks.blocklinks--featured .blocklinks__item.featured .blocklinks__item__label {
    margin-bottom: 1.5rem
}

.bodyCopy {
    font-size: 15px;
    font-size: .9375rem;
    opacity: 1
}

.bodyCopy h1,
.bodyCopy h2,
.bodyCopy h3,
.bodyCopy h4 {
    color: #3d3d3d
}

.bodyCopy.theme--green h1,
.bodyCopy.theme--green h2,
.bodyCopy.theme--green h3,
.bodyCopy.theme--green h4 {
    color: #178830
}

.bodyCopy.theme--white h1,
.bodyCopy.theme--white h2,
.bodyCopy.theme--white h3,
.bodyCopy.theme--white h4 {
    color: #fff
}

.bodyCopy h3 {
    font-family: livvic, sans-serif;
    font-style: normal;
    font-weight: 700
}

.bodyCopy p+h3 {
    margin-top: 3rem
}

.bodyCopy a {
    border-bottom: 1px solid rgba(4, 88, 155, .5);
    font-weight: 600;
    transition: all .4s linear
}

.bodyCopy a:focus,
.bodyCopy a:hover {
    border-color: #3d3d3d
}

.bodyCopy .container li:last-child,
.bodyCopy .container p:last-child,
.bodyCopy .container ul:last-child {
    margin-bottom: 0
}

@media(min-width:768px) {
    .bodyCopy--micro .container {
        margin-left: 38%;
        text-align: center;
        width: 26%
    }

    .bodyCopy--mini .container {
        margin: 0 auto;
        max-width: 700px;
        padding: 0 1.5rem
    }
}

@media(min-width:1024px) {
    .bodyCopy--product .container {
        margin: 0 auto;
        max-width: 900px;
        padding: 0 1.5rem
    }
}

.bodyCopy--withBg {
    background: #f7f7f7;
    padding: 3rem 0
}

.bodyCopy--hasTheme {
    margin: 0
}

.bodyCopy--hasTheme.module-noCurveTop {
    padding-top: 46px
}

@media(min-width:1024px) {
    .bodyCopy--hasTheme.module-noCurveTop {
        padding-top: 60px
    }
}

.bodyCopy--hasTheme.module-noCurveBottom {
    padding-bottom: 46px
}

@media(min-width:1024px) {
    .bodyCopy--hasTheme.module-noCurveBottom {
        padding-bottom: 60px
    }
}

.bodyCopy--intro .container h2:first-child {
    color: #178830
}

.bodyCopy--alt-headings.bodyCopy--intro p:first-child {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: calc(17.63636px + 1.98864vw);
    font-style: normal;
    font-weight: 400;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 1.2rem
}

@media(max-width:320px) {
    .bodyCopy--alt-headings.bodyCopy--intro p:first-child {
        font-size: 24px
    }
}

@media(min-width:1024px) {
    .bodyCopy--alt-headings.bodyCopy--intro p:first-child {
        font-size: 38px
    }
}

.bodyCopy--alt-headings h2 {
    font-family: livvic, sans-serif;
    font-size: calc(18.18182px + .56818vw);
    font-style: normal;
    font-weight: 300;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media(max-width:320px) {
    .bodyCopy--alt-headings h2 {
        font-size: 20px
    }
}

@media(min-width:1024px) {
    .bodyCopy--alt-headings h2 {
        font-size: 24px
    }
}

.bodyCopy--alt-headings p+h2 {
    margin-top: 3rem
}

.bodyCopy--alt-headings h3 {
    font-family: livvic, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    font-weight: 400;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: .8rem
}

@media(min-width:1024px) {
    .bodyCopy--alt-headings h3 {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.bodyCopy--alt-headings p+h3 {
    margin-top: 0
}

.bodyCopy--alt-headings h4,
.bodyCopy--alt-headings h5,
.bodyCopy--alt-headings h6 {
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: .8rem
}

.bodyIntro {
    margin-top: 46px;
    opacity: 1
}

@media(min-width:1024px) {
    .bodyIntro {
        margin-top: 60px
    }
}

.bodyIntro h2 {
    color: #178830
}

@media(min-width:768px) {
    .bodyIntro--micro .container {
        margin-left: 38%;
        text-align: center;
        width: 24%
    }

    .bodyIntro--mini .container {
        margin: 0 auto;
        max-width: 700px;
        padding: 0 1.5rem
    }
}

.nav--breadcrumb {
    background: #fff;
    border-top: 1px solid #f8fafb;
    font-size: 14px;
    line-height: 1.42;
    opacity: 1
}

.nav--breadcrumb li {
    margin-bottom: .5rem;
    margin-right: 1rem;
    margin-top: .5rem;
    position: relative
}

@media(min-width:1024px) {
    .nav--breadcrumb li {
        margin-bottom: 0;
        margin-right: 1rem
    }

    .nav--breadcrumb li a {
        margin-right: calc(1rem + 5px)
    }
}

.nav--breadcrumb li:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAALCAYAAAC3ZUeVAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMy8xN9yqzvYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAlklEQVQImVWOSQ6CQAAEixmEuKEeVLxpgv9/jB8wbpEgoOxgmPFAjFLHSrpT+M9CK6V7iDhvuEQZ/4jdakKU1dzi/CctU7JdTrnHJf6rBMAEmI0s1vMh1zBHCgPxnSzGNgBBUnWyVZpjkGJbEs91OnkOM1ql8VyHgRSIR1qRFA37zQzblN3X4RTqon734o1WKS0Moxf/AWjFVRCqzX7rAAAAAElFTkSuQmCC");
    content: "";
    height: 11px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.nav--breadcrumb li:last-child:after {
    display: none
}

.nav--breadcrumb .a,
.nav--breadcrumb a {
    display: inline-block;
    margin-right: 23px;
    position: relative
}

.nav--breadcrumb a {
    border-bottom: 1px solid rgba(4, 88, 155, 0);
    transition: all .4s
}

.nav--breadcrumb a:focus,
.nav--breadcrumb a:hover {
    border-color: #3d3d3d
}

.nav--breadcrumb ul {
    display: block;
    list-style: none;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media(min-width:1024px) {
    .nav--breadcrumb ul {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

.nav--breadcrumb ul li {
    display: inline-block
}

.nav--breadcrumb ul li a,
.nav--breadcrumb ul li span {
    margin-left: 0 !important
}

.nav--breadcrumb ul li span {
    font-weight: 600
}

.nav--breadcrumb li:first-child,
.nav--breadcrumb li:first-child a {
    padding-left: 0
}

.nav--breadcrumb li:last-child .a,
.nav--breadcrumb li:last-child a {
    margin-right: 0
}

.nav--breadcrumb li:last-child .a:after,
.nav--breadcrumb li:last-child a:after {
    display: none
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    height: 100%;
    overflow: hidden;
    position: relative
}

.flickity-slider {
    height: 100%;
    position: absolute;
    width: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333;
    position: absolute
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    box-shadow: 0 0 0 5px #19f;
    outline: none
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    cursor: auto;
    opacity: .3;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    border-radius: 50%;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    left: 10px;
    right: auto
}

.flickity-prev-next-button .flickity-button-icon {
    height: 60%;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60%
}

.flickity-page-dots {
    bottom: -25px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 8px;
    opacity: .25;
    width: 10px
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.slider {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.slider .flickity-viewport {
    flex: 0 0 100%;
    order: 0
}

@media(min-width:1024px) {
    .slider .flickity-viewport {
        margin-bottom: 1rem
    }
}

.slider .flickity-prev-next-button {
    background: none;
    border: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    left: 0;
    margin-top: 0;
    outline: 0;
    padding: 5px;
    position: absolute;
    top: 20px;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    z-index: 2
}

.slider .flickity-prev-next-button svg {
    display: none
}

.slider .flickity-prev-next-button.previous {
    background-image: url(images/mobile_imageGallery_arrowLeft.png);
    background-size: cover;
    bottom: 1rem;
    flex: 0 1 auto;
    height: 28px;
    left: 2rem;
    margin: 0 1rem 0 auto;
    position: absolute;
    top: auto;
    width: 20px
}

@media(min-width:1024px) {
    .slider .flickity-prev-next-button.previous {
        background-image: url(images/icon-arrow.png);
        bottom: auto;
        height: 19px;
        left: auto;
        order: 2;
        position: relative;
        top: auto;
        transform: rotate(-180deg);
        width: 10px
    }
}

.slider .flickity-prev-next-button.next {
    background-image: url(images/mobile_imageGallery_arrow.png);
    background-size: cover;
    bottom: 1rem;
    flex: 0 1 auto;
    height: 28px;
    left: auto;
    margin: 0 0 0 1rem;
    order: 4;
    position: absolute;
    right: 2rem;
    top: auto;
    width: 20px
}

@media(min-width:1024px) {
    .slider .flickity-prev-next-button.next {
        background-image: url(images/icon-arrow.png);
        bottom: auto;
        height: 19px;
        order: 4;
        position: relative;
        right: 0;
        top: auto;
        width: 10px
    }
}

.slider .flickity-page-dots {
    bottom: 0;
    display: none;
    flex: 0 1 auto;
    margin: 0;
    order: 3;
    position: relative;
    text-align: center;
    width: auto
}

@media(min-width:960px) {
    .slider .flickity-page-dots {
        bottom: 0
    }
}

@media(min-width:1024px) {
    .slider .flickity-page-dots {
        align-items: center;
        display: flex
    }
}

.slider__cell {
    width: 100%
}

.slider__cell>div {
    height: 100%;
    width: 96%
}

@media(min-width:1024px) {
    .slider__cell>div {
        width: 100%
    }
}

.slider__cell .carousel__caption {
    display: none
}

.slider__cell .carousel__caption.editing {
    display: block;
    margin-top: 0 !important
}

.flickity-resize .slider__cell {
    min-height: 100%
}

.flickity-resize .slider__cell>div {
    position: absolute
}

@media(min-width:1024px) {
    .flickity-resize .slider__cell>div {
        position: relative
    }
}

.carousel {
    position: relative
}

.carousel>.wrapper>div {
    height: 100%;
    position: relative;
    width: 100%
}

.carousel .slider__controls {
    margin-top: 1rem
}

@media(min-width:768px) {
    .carousel .slider__controls {
        margin: 0
    }
}

.carousel .slider__controls ul {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0
}

.carousel .slider__controls ul li {
    cursor: pointer;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: -2000em
}

.carousel .slider__controls ul li.slider__controls__prev {
    background-image: url(images/icon-arrow.png);
    background-size: cover;
    height: 19px;
    margin-right: 1rem;
    transform: rotate(-180deg);
    width: 10px
}

.carousel .slider__controls ul li.slider__controls__next {
    background-image: url(images/icon-arrow.png);
    background-size: cover;
    height: 19px;
    margin-left: 1rem;
    width: 10px
}

.carousel .slider__controls ul li.slider__controls__paging {
    background: #d2d9dc;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 0 8px;
    opacity: .3;
    transition: all .2s linear;
    width: 8px
}

.carousel .slider__controls ul li.slider__controls__paging:hover {
    opacity: 1
}

.carousel .slider__controls ul li.slider__controls__paging.selected {
    background-color: #37a640;
    opacity: 1
}

.carousel .slider__controls.slider__controls--right ul {
    justify-content: flex-end
}

.carousel--image {
    opacity: 1
}

.carousel--image .carousel__caption {
    margin-left: 2rem;
    margin-right: 2rem
}

@media(min-width:1024px) {
    .carousel--image .carousel__caption {
        margin-left: 0;
        margin-right: 0
    }
}

.carousel--image img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}

@media(min-width:1024px) {
    .carousel--image {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(995px + 3rem);
        padding: 0 1.5rem
    }
}

.carousel--image .slider:after {
    content: "flickity";
    display: none
}

.carousel--image .slider .slider__cell>div {
    width: 100%
}

.carousel--image .slider .slider__cell .cms-edit {
    position: absolute;
    right: 0;
    top: 0
}

.carousel--image .slider__controls {
    bottom: 0;
    position: absolute;
    width: 100%
}

@media(min-width:1024px) {
    .carousel--image .slider__controls {
        bottom: -1rem;
        right: 0;
        width: auto
    }
}

.carousel--image .slider__controls ul {
    justify-content: space-between !important;
    padding: 1rem
}

@media(min-width:1024px) {
    .carousel--image .slider__controls ul {
        padding: 0
    }
}

.carousel--image .slider__controls ul li.slider__controls__paging {
    display: none
}

@media(min-width:1024px) {
    .carousel--image .slider__controls ul li.slider__controls__paging {
        display: inline-block
    }
}

.carousel__caption {
    margin: .4rem 0 0
}

@media(min-width:1024px) {
    .carousel__caption {
        margin: 0;
        max-width: 65%
    }
}

.carousel--2up,
.carousel--3up,
.carousel--4up {
    margin-left: -.5rem;
    margin-right: -.5rem
}

@media(min-width:1024px) {

    .carousel--2up,
    .carousel--3up,
    .carousel--4up {
        margin-left: -.75rem;
        margin-right: -.75rem
    }
}

.carousel--2up .slider__cell,
.carousel--3up .slider__cell,
.carousel--4up .slider__cell {
    max-width: 300px;
    padding: .5rem;
    width: 90%
}

@media(min-width:768px) {

    .carousel--2up .slider__cell,
    .carousel--3up .slider__cell,
    .carousel--4up .slider__cell {
        max-width: none
    }
}

@media(min-width:1024px) {

    .carousel--2up .slider__cell,
    .carousel--3up .slider__cell,
    .carousel--4up .slider__cell {
        padding: .75rem
    }
}

.carousel--2up .slider__cell {
    max-width: 500px
}

@media(min-width:768px) {
    .carousel--2up .slider__cell {
        width: 50%
    }
}

@media(min-width:1024px) {
    .carousel--2up .slider__cell {
        width: 32%
    }
}

@media(min-width:768px) {
    .carousel--3up .slider__cell {
        width: 33.333333%
    }
}

.carousel--4up .slider__cell {
    max-width: 400px
}

@media(min-width:768px) {
    .carousel--4up .slider__cell {
        width: 25%
    }
}

.carousel--noMobileCarousel .slider:after {
    content: "" !important
}

.carousel--noMobileCarousel .slider .slider__cell {
    flex: 0 0 auto;
    max-width: none;
    width: 100%
}

.carousel--noMobileCarousel .slider .slider__cell>div {
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .carousel--noMobileCarousel.carousel--2up .slider .slider__cell {
        width: 49.95%
    }

    .carousel--noMobileCarousel.carousel--3up .slider .slider__cell {
        width: 33.3%
    }
}

.casestudy-carousel {
    opacity: 1;
    padding: 46px 0;
    position: relative
}

@media(min-width:1024px) {
    .casestudy-carousel {
        padding: 60px 0
    }
}

.casestudy-carousel .head {
    display: block;
    margin: 0 auto;
    max-width: 800px;
    width: 100%
}

.casestudy-carousel .carousel .slider:after {
    content: "flickity";
    display: none
}

.casestudy-carousel .carousel .slider .slider__cell {
    display: flex;
    width: 90%
}

@media(min-width:768px) {
    .casestudy-carousel .carousel .slider .slider__cell {
        max-width: 500px;
        width: 33.33333333%
    }
}

.casestudy-preview {
    align-content: flex-start;
    background: #fff;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative
}

.casestudy-preview__image {
    flex: 0 0 auto;
    width: 100%
}

.casestudy-preview__image .image {
    display: block;
    min-height: 180px
}

@media(min-width:1024px) {
    .casestudy-preview__image .image {
        min-height: 240px
    }
}

.casestudy-preview__image img {
    width: 100%
}

.casestudy-preview__body {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    padding: 18px;
    width: 100%
}

.casestudy-preview__body p {
    flex: 1 1 auto
}

.casestudy-preview__title {
    color: #178830
}

.casestudy-preview__title a {
    color: inherit
}

.claims {
    opacity: 1
}

.claims__container.container {
    max-width: 790px
}

.claims__container.container .imagerenderd {
    min-height: 120px
}

.claims .title {
    color: #178830
}

.claims__image {
    display: block;
    margin-top: 3rem
}

.notification-detail {
    margin-bottom: 16px
}

.notification-detail__title {
    color: #71b500
}

.notification-detail.warning .notification-detail__main {
    border-color: #6f3695
}

.notification-detail.warning .notification-detail__title {
    color: #6f3695
}

.notification-detail__main {
    border: 2px solid #e5ebf1;
    border-radius: 8px;
    padding: 16px;
    position: relative
}

.notification-detail__content {
    line-height: 1.25;
    margin-bottom: 1.5rem
}

.notification-detail__content * {
    line-height: inherit
}

.notification-detail__content p:last-child {
    margin-bottom: 0
}

.comparisonTable {
    margin: 46px 0;
    opacity: 1
}

@media(min-width:768px) {
    .comparisonTable {
        margin: 60px 0
    }
}

.comparisonTable .container {
    max-width: 900px
}

.comparisonTable h2 {
    color: #178830
}

.comparisonTable h2+p {
    margin-bottom: .8rem;
    margin-top: -16px
}

.comparisonTable .code-error {
    background: #eb3924;
    color: #fff;
    padding: 4px
}

.comparisonTable table.comparison-table {
    border-collapse: separate
}

.comparisonTable table.comparison-table td,
.comparisonTable table.comparison-table th {
    border-bottom: 1px solid;
    border-radius: 0;
    border-right: 1px solid
}

.comparisonTable table.comparison-table thead th {
    border-top: 1px solid
}

.comparisonTable table.comparison-table thead th:first-child {
    border: 1px solid
}

.comparisonTable table.comparison-table tbody th:first-child {
    border-left: 1px solid
}

.table {
    background-color: #fff;
    line-height: 1.2;
    margin: 0 0 3rem;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%
}

.table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.table table a {
    background: #fff;
    border-radius: 2rem;
    box-shadow: .5px .5px 1px 1px rgba(0, 0, 0, .08);
    color: #003578;
    cursor: pointer;
    display: inline-block;
    font-family: livvic, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    font-weight: 400;
    line-height: 1;
    margin: .8rem 0 0;
    padding: .4rem 1.5rem;
    position: relative;
    text-align: center;
    transition: all .3s;
    vertical-align: middle;
    white-space: nowrap
}

@media(min-width:1024px) {
    .table table a {
        font-size: 16px
    }
}

.table table a:focus,
.table table a:hover {
    background-color: #fefefe;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .2);
    color: #3d3d3d
}

.table .table__footer {
    margin: 1rem 0 0;
    padding: 0 0 1px;
    text-align: center
}

.table .table__footer,
.table .table__footer p {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 16px;
    line-height: 1rem
}

.table .table__footer a {
    border-bottom: 1px solid rgba(4, 88, 155, 0);
    transition: all .4s
}

.table .table__footer a:focus,
.table .table__footer a:hover {
    border-color: #3d3d3d
}

.table thead {
    color: #178830;
    font-family: livvic, sans-serif;
    font-style: normal;
    font-weight: 400
}

.table thead>tr td,
.table thead>tr>th {
    background: #fff;
    padding: 17px;
    text-align: Center;
    vertical-align: top
}

@media(min-width:1024px) {

    .table thead>tr td,
    .table thead>tr>th {
        padding: 26px
    }
}

.table tbody tr td,
.table tbody tr th {
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    padding: 17px;
    text-align: Center
}

@media(min-width:1024px) {

    .table tbody tr td,
    .table tbody tr th {
        padding: 26px
    }
}

.table tbody tr td:first-child,
.table tbody tr th:first-child {
    min-width: 120px;
    width: 120px;
    word-break: break-word
}

@media(min-width:500px) {

    .table tbody tr td:first-child,
    .table tbody tr th:first-child {
        min-width: 160px;
        padding-right: 15px;
        width: 160px
    }
}

.table tbody tr th {
    font-weight: 600;
    position: relative;
    text-align: left
}

.table tbody tr th:after {
    border-right: 1px solid #d2d9dc;
    bottom: 16px;
    content: "";
    opacity: .5;
    position: absolute;
    right: 0;
    top: 16px
}

.table tbody tr td {
    min-width: calc(66.66667vw - 100px - 1.33333rem)
}

@media(min-width:500px) {
    .table tbody tr td {
        min-width: calc(40vw - 60px - .8rem)
    }
}

@media(min-width:620px) {
    .table tbody tr td {
        min-width: calc(28.57143vw - 42.85714px - .57143rem)
    }
}

@media(min-width:768px) {
    .table tbody tr td {
        min-width: calc(22.22222vw - 33.33333px - .44444rem)
    }
}

@media(min-width:900px) {
    .table tbody tr td {
        min-width: 100px
    }
}

.table tbody tr>:first-child {
    border-radius: 8px 0 0 8px
}

.table tbody tr>:last-child {
    border-radius: 0 8px 8px 0
}

.table tbody tr:nth-child(2n)>* {
    background-color: #fff
}

.table tbody tr:nth-child(odd)>*,
.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child,
.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child~tr {
    background-color: #f9fafc
}

.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child:first-child>:first-child,
.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child~tr:first-child>:first-child {
    border-radius: 8px 0 0 0
}

.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child:first-child>:last-child,
.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child~tr:first-child>:last-child {
    border-radius: 0 8px 0 0
}

.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child:last-child>:first-child,
.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child~tr:last-child>:first-child {
    border-radius: 0 0 0 8px
}

.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child:last-child>:last-child,
.table tbody tr:nth-last-child(n+2):nth-last-child(-n+2):first-child~tr:last-child>:last-child {
    border-radius: 0 0 8px 0
}

.table td>:first-child,
.table th>:first-child {
    margin-top: 0
}

.table td>:last-child,
.table th>:last-child {
    margin-bottom: 0
}

.table [colspan] {
    text-align: center
}

.table [colspan="1"] {
    text-align: left
}

.table [rowspan] {
    vertical-align: middle
}

.table [rowspan="1"] {
    vertical-align: top
}

.table .cloned {
    position: relative
}

.table .scrollableTable {
    overflow-x: auto;
    padding-bottom: 1rem
}

.table .scrollableTable td:first-child,
.table .scrollableTable th:first-child {
    visibility: hidden
}

.table .clone table {
    background: transparent;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.table .clone table td,
.table .clone table th {
    visibility: hidden
}

.table .clone table td:first-child,
.table .clone table th:first-child {
    visibility: visible
}

.table .clone table thead th:first-child:before {
    display: none
}

.table.table--highlight thead th:nth-child(2) {
    position: relative
}

.table.table--highlight thead th:nth-child(2):before {
    border-bottom: 5px solid #178830;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: auto
}

.table.table--firstRowPrice tbody tr:first-child td {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem
}

.table.table--noStripes tbody tr td,
.table.table--noStripes tbody tr th {
    background: #f9fafc !important;
    padding-bottom: 8px;
    padding-top: 8px;
    position: relative
}

.table.table--noStripes tbody tr td:after,
.table.table--noStripes tbody tr th:after {
    border-right: 1px solid #d2d9dc;
    bottom: 0;
    content: "";
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

.table.table--noStripes tbody tr td:last-child:after,
.table.table--noStripes tbody tr th:last-child:after {
    display: none
}

.table.table--noStripes tbody tr:first-child td:after,
.table.table--noStripes tbody tr:first-child th:after {
    top: 14px
}

.table.table--noStripes tbody tr:last-child td:after,
.table.table--noStripes tbody tr:last-child th:after {
    bottom: 14px
}

.table.table--noStripes tbody tr:first-child td,
.table.table--noStripes tbody tr:first-child th {
    padding-top: 17px
}

@media(min-width:1024px) {

    .table.table--noStripes tbody tr:first-child td,
    .table.table--noStripes tbody tr:first-child th {
        padding-top: 26px
    }
}

.table.table--noStripes tbody tr:last-child td,
.table.table--noStripes tbody tr:last-child th {
    padding-bottom: 17px
}

@media(min-width:1024px) {

    .table.table--noStripes tbody tr:last-child td,
    .table.table--noStripes tbody tr:last-child th {
        padding-bottom: 26px
    }
}

.table.table--overflow thead tr th:first-child {
    position: relative
}

.table.table--overflow thead tr th:first-child:before {
    background-image: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
    background-image: -o-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
    background-repeat: repeat-x;
    content: "";
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#00FFFFFF", GradientType=1);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: 16px;
    z-index: 10
}

.table.table--overflow tbody tr th:first-child {
    position: relative
}

.table.table--overflow tbody tr th:first-child:after {
    display: none
}

.table.table--overflow tbody tr th:first-child:before {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .1), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .1) 0, transparent 100%);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0, transparent);
    background-repeat: repeat-x;
    content: "";
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A000000", endColorstr="#00000000", GradientType=1);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: 8px;
    z-index: 10
}

.table.cols-2 tbody tr td:first-child,
.table.cols-2 tbody tr th:first-child {
    width: 50%
}

.table.cols-3 tbody tr td:first-child,
.table.cols-3 tbody tr th:first-child {
    width: 30%
}

.table.cols-4 tbody tr td:first-child,
.table.cols-4 tbody tr th:first-child {
    width: 25%
}

.table-caption {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    padding: .4rem 0;
    text-align: left
}

.table-caption small {
    color: #3d3d3d;
    display: block;
    font-size: 72%
}

.contact-cards {
    opacity: 1
}

@media(min-width:1024px) {
    .contact-cards.contact-cards {
        padding: 60px 0
    }
}

.contact-cards__container.container {
    max-width: calc(792px + 2rem)
}

@media(min-width:1024px) {
    .contact-cards__container.container {
        max-width: calc(792px + 3rem)
    }
}

.contact-cards__title {
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .contact-cards__title {
        margin-bottom: 36px
    }
}

.contact-cards__desc {
    margin-bottom: 30px
}

@media(min-width:1024px) {
    .contact-cards__desc {
        margin-bottom: 54px
    }
}

.contact-cards__desc p:last-child {
    margin-bottom: 0
}

.contact-cards .imagerenderd {
    height: auto;
    min-height: 120px
}

@media(min-width:1024px) {
    .contact-cards .imagerenderd {
        height: auto;
        max-width: 33%;
        min-width: 33%
    }
}

.contact-card {
    margin-bottom: 46px
}

@media(min-width:1024px) {
    .contact-card {
        margin-bottom: 60px
    }
}

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

@media(min-width:768px) {
    .contact-card__main {
        display: flex
    }
}

.contact-card__image {
    display: block;
    margin: 0 0 20px
}

@media(min-width:768px) {
    .contact-card__image {
        flex: 0 0 40%;
        margin: 0 36px 0 0
    }
}

.contact-card__image img {
    border-radius: 8px;
    display: block
}

.contact-card__body {
    flex-grow: 1
}

.contact-card__body a {
    border-bottom: 1px solid rgba(4, 88, 155, 0);
    font-weight: 300;
    transition: all .4s
}

.contact-card__body a:focus,
.contact-card__body a:hover {
    border-color: #3d3d3d
}

.contact-card dl:first-child {
    margin-top: 0
}

.contact-card dl:last-child {
    margin-bottom: 0
}

.contact-card__name {
    color: #178830;
    margin: 0 !important
}

.contact-card__position {
    font-weight: 600
}

.contact-card__position:not(:last-child) {
    margin-bottom: 16px
}

.contact-card__description p:last-child {
    margin-bottom: .4rem
}

.contact-card__name+.contact-card__description {
    margin-top: .4rem
}

.contact-card__position+.contact-card__description {
    margin-top: -.4rem
}

.contact-card__email,
.contact-card__mobile,
.contact-card__tel {
    padding: 6px 0 6px 30px;
    position: relative
}

.contact-card__email:before,
.contact-card__mobile:before,
.contact-card__tel:before {
    background: no-repeat 50% 50%;
    background-size: contain;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.contact-card__email:before {
    background-image: url(images/icon/icon-email.svg)
}

.contact-card__tel:before {
    background-image: url(images/icon/icon-phone.svg)
}

.contact-card__mobile:before {
    background-image: url(images/icon/icon-mobile.svg)
}

.contact-number {
    opacity: 1
}

.contact-number__container.container {
    max-width: 840px
}

@media(max-width:767px) {
    .contact-number__container.container>.columns\@md>div {
        margin-bottom: 20px
    }
}

.contact-number__container.container .imagerenderd {
    min-height: 120px
}

@media(min-width:768px) {

    .contact-number__container.container .equal-heights,
    .contact-number__container.container .equal-heights>div {
        display: flex
    }

    .contact-number__container.container .equal-heights>div>.box {
        flex: 1 1 0%
    }
}

.contact-number .title {
    color: #178830
}

.contact-number__header {
    text-align: center
}

.contact-number__image {
    display: block
}

.contact-number__content {
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .contact-number__content {
        margin-bottom: 36px
    }
}

.ctaModule {
    margin: 0;
    opacity: 1;
    padding: 0;
    position: relative;
    z-index: 2
}

.ctaModule__spacer {
    height: 1rem
}

@media(min-width:768px) {
    .ctaModule__spacer {
        height: 3rem
    }
}

.ctaModule .theme-blackcurrant .ctaModule__phone a,
.ctaModule .theme-clover .ctaModule__phone a,
.ctaModule .theme-strawberry .ctaModule__phone a,
.ctaModule .theme-teal .ctaModule__phone a {
    color: inherit
}

.ctaModule__header {
    left: -50%;
    padding-top: 5%;
    position: absolute;
    top: 0;
    transform: translateY(-80%);
    width: 200%
}

@media(min-width:1024px) {
    .ctaModule__header {
        left: -10%;
        padding-top: 3%;
        transform: translateY(-90%);
        width: 120%
    }
}

.ctaModule__header svg {
    height: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.ctaModule__body {
    padding: 2rem 0;
    position: relative
}

.ctaModule__body .container {
    max-width: 700px;
    position: relative
}

.ctaModule__body .lazyload-placeholder,
.ctaModule__body img {
    bottom: 0;
    height: auto;
    position: absolute;
    right: 1rem;
    transform: translateY(100%);
    width: 300px;
    z-index: 1
}

@media(min-width:500px) {

    .ctaModule__body .lazyload-placeholder,
    .ctaModule__body img {
        width: 400px
    }
}

@media(min-width:1024px) {

    .ctaModule__body .lazyload-placeholder,
    .ctaModule__body img {
        right: 0;
        transform: translateY(80%);
        width: 100%
    }
}

.ctaModule__body .imagerenderd {
    min-height: 97px
}

@media(min-width:1024px) {
    .ctaModule__body .imagerenderd {
        min-height: 200px
    }
}

.ctaModule__footer {
    bottom: 1rem;
    left: -50%;
    padding-top: 5%;
    position: absolute;
    transform: translateY(80%);
    width: 200%
}

@media(min-width:768px) {
    .ctaModule__footer {
        bottom: 3rem
    }
}

@media(min-width:1024px) {
    .ctaModule__footer {
        left: -10%;
        padding-top: 3%;
        transform: translateY(90%);
        width: 120%
    }
}

.ctaModule__footer svg {
    height: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.ctaModule.ctaModule--hasImage .ctaModule__spacer {
    height: 8rem
}

@media(min-width:768px) {
    .ctaModule.ctaModule--hasImage .ctaModule__spacer {
        height: 8rem
    }
}

@media(min-width:1024px) {
    .ctaModule.ctaModule--hasImage .ctaModule__spacer {
        height: 8rem
    }
}

.ctaModule.ctaModule--hasImage .ctaModule__footer {
    bottom: 8rem
}

@media(min-width:768px) {
    .ctaModule.ctaModule--hasImage .ctaModule__footer {
        bottom: 8rem
    }
}

@media(min-width:1024px) {
    .ctaModule.ctaModule--hasImage .ctaModule__footer {
        bottom: 8rem
    }
}

.ctaModule__heading {
    font-family: livvic, sans-serif;
    font-size: 38px;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    line-height: 2.5rem;
    width: 80%
}

.ctaModule__phone {
    position: relative;
    z-index: 3
}

.ctaModule__phone__number {
    border: none;
    display: block;
    font-family: livvic, sans-serif;
    font-size: 30px;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    line-height: 1.625rem;
    margin-bottom: .4rem
}

.ctaModule__phone__text {
    display: block;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 14px;
    line-height: .875rem
}

.theme-text-green .ctaModule__phone {
    color: #3d3d3d
}

.contact-us {
    display: block;
    padding: 46px 0
}

@media(min-width:1024px) {
    .contact-us {
        padding: 60px 0
    }
}

.contact-us__main {
    align-items: flex-start;
    display: flex;
    overflow: hidden;
    transition: height .3s ease-out
}

@media(min-width:1024px) {
    .contact-us__main {
        align-items: stretch;
        height: auto !important;
        overflow: hidden
    }
}

.contact-us .container {
    max-width: calc(995px + 3rem)
}

@media(max-width:767px) {
    .contact-us .container {
        margin: 0;
        padding: 0
    }
}

.contact-us__backLink {
    color: #3d3d3d;
    cursor: pointer;
    line-height: 25px;
    padding-left: calc(25px + .6rem);
    position: relative
}

.contact-us__backLink .icon {
    border: 2px solid #04589b;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px
}

@media(min-width:1024px) {
    .contact-us__backLink .icon {
        top: 0
    }
}

.contact-us__backLink .icon svg {
    left: 4px;
    position: absolute;
    top: 6px;
    width: 12px
}

.contact-us__primary,
.contact-us__quaternary,
.contact-us__secondary,
.contact-us__tertiary {
    background: #fff;
    flex: 0 0 100%;
    position: relative;
    transform: translate(0);
    transition: transform .3s ease-out
}

@media(min-width:1024px) {

    .contact-us__primary,
    .contact-us__quaternary,
    .contact-us__secondary,
    .contact-us__tertiary {
        transition: transform .3s ease-out .1s
    }

    .contact-us__primary>*,
    .contact-us__quaternary>*,
    .contact-us__secondary>*,
    .contact-us__tertiary>* {
        opacity: 0;
        transition: opacity .1s linear
    }
}

.contact-us__primary .inner,
.contact-us__quaternary .inner,
.contact-us__secondary .inner,
.contact-us__tertiary .inner {
    width: 100%
}

.contact-us__primary .inner-items,
.contact-us__quaternary .inner-items,
.contact-us__secondary .inner-items,
.contact-us__tertiary .inner-items {
    display: flex;
    flex-direction: column
}

.contact-us__primary .inner-items>.is-important,
.contact-us__quaternary .inner-items>.is-important,
.contact-us__secondary .inner-items>.is-important,
.contact-us__tertiary .inner-items>.is-important {
    margin-bottom: 2rem;
    order: -1
}

.contact-us__primary {
    padding: 0 1rem
}

@media(min-width:1024px) {
    .contact-us__primary {
        flex: 0 0 45%;
        padding: 0 1.5rem 0 0;
        transform: translate(20%);
        transition: transform .3s ease-out
    }
}

.contact-us__primary h3 {
    padding-left: 0
}

.contact-us__primary .image {
    display: block;
    margin: 0 auto;
    text-align: center
}

.contact-us__primary>* {
    opacity: 1
}

.contact-us__secondary {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    padding: 0 1rem;
    transform: translate(0);
    width: 100%
}

@media(min-width:1024px) {
    .contact-us__secondary {
        align-items: stretch;
        flex: 0 0 auto;
        transform: translate(30%);
        transition: transform .3s ease-out, width 0s linear;
        width: 35%
    }

    .contact-us__secondary:before {
        box-shadow: -2px 0 20px 0 transparent;
        content: "";
        display: block;
        height: 96%;
        left: 0;
        position: absolute;
        top: 2%;
        transition: all .3s linear;
        width: 7px;
        z-index: -2
    }

    .contact-us__secondary:after {
        background: #fff;
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.contact-us__breadcrumb {
    align-self: flex-start;
    flex: 0 0 100%;
    padding: 0 1rem
}

.contact-us__breadcrumb .nav--breadcrumb {
    border-top: 0;
    margin-bottom: 1rem
}

.contact-us__breadcrumb .nav--breadcrumb .container,
.contact-us__breadcrumb .nav--breadcrumb ul {
    padding: 0
}

.contact-us__intro {
    display: none;
    opacity: 1;
    padding: 1rem;
    text-align: center
}

@media(min-width:1024px) {
    .contact-us__intro {
        display: block;
        left: 50%;
        margin: 0 auto;
        max-width: 320px;
        padding: 1.5rem;
        position: absolute;
        transform: translateX(-50%);
        width: 100%
    }
}

.contact-us__intro h2 {
    margin-bottom: 2rem
}

.contact-us__secondaryitems {
    width: 100%
}

@media(min-width:1024px) {
    .contact-us__secondaryitems {
        opacity: 0;
        padding: 0 3rem;
        transform: translate(20px);
        transition: opacity .3s linear;
        z-index: -1
    }
}

.contact-us .contact-us__links {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    margin: 0 0 1rem;
    padding-bottom: 1rem
}

.contact-us .contact-us__links:last-child {
    border: none
}

.contact-us .contact-us__links li {
    flex-wrap: wrap;
    padding: .8rem 0
}

.contact-us .contact-us__links li .arrowlink {
    width: 100%
}

.contact-us .contact-us__links li a {
    padding: 0
}

.contact-us .box+.contact-us__links {
    margin-top: 2rem
}

.contact-us .contact-us__navlinks {
    display: block;
    padding-bottom: 17px
}

.contact-us .contact-us__navlinks li {
    border-radius: 10px;
    color: #04589b;
    display: block;
    overflow: hidden;
    padding: 0
}

@media(min-width:1024px) {
    .contact-us .contact-us__navlinks li {
        margin-left: -1.2rem
    }
}

.contact-us .contact-us__navlinks li a,
.contact-us .contact-us__navlinks li>span {
    border: none;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    padding: .8rem 1rem .8rem .7rem
}

@media(min-width:1024px) {

    .contact-us .contact-us__navlinks li a,
    .contact-us .contact-us__navlinks li>span {
        padding: .8rem 1.8rem .8rem 1.2rem
    }
}

@media screen and (min-width:0\0) {

    .contact-us .contact-us__navlinks li a .arrowlink__link-container,
    .contact-us .contact-us__navlinks li>span .arrowlink__link-container {
        display: block
    }
}

.contact-us .contact-us__navlinks li a .arrowlink__link,
.contact-us .contact-us__navlinks li>span .arrowlink__link {
    margin-left: 20px;
    padding: 0
}

@media(min-width:1024px) {

    .contact-us .contact-us__navlinks li a .arrowlink__link,
    .contact-us .contact-us__navlinks li>span .arrowlink__link {
        margin-left: 30px
    }
}

.contact-us .contact-us__navlinks li a .arrowlink__link span:first-child,
.contact-us .contact-us__navlinks li>span .arrowlink__link span:first-child {
    border-bottom: 1px solid transparent;
    transition: border-color .3s linear
}

.contact-us .contact-us__navlinks li a .arrowlink__link span:not(:first-child),
.contact-us .contact-us__navlinks li>span .arrowlink__link span:not(:first-child) {
    color: #3d3d3d;
    display: block;
    font-size: 80%;
    margin-top: .4rem
}

.contact-us .contact-us__navlinks li a:hover,
.contact-us .contact-us__navlinks li>span:hover {
    background-color: #f7f7f7
}

.contact-us .contact-us__navlinks li a:hover .arrowlink__link span:first-child,
.contact-us .contact-us__navlinks li>span:hover .arrowlink__link span:first-child {
    border-color: #3d3d3d
}

.contact-us .contact-us__navlinks li.featured {
    border: 1px solid rgba(0, 63, 116, .1);
    margin-bottom: .5rem
}

@media(min-width:1024px) {
    .contact-us .contact-us__navlinks li.featured {
        margin-left: -1.2rem
    }
}

.contact-us .contact-us__navlinks li.featured a,
.contact-us .contact-us__navlinks li.featured>span {
    display: block;
    margin-left: 0;
    padding: .7rem
}

@media(min-width:1024px) {

    .contact-us .contact-us__navlinks li.featured a,
    .contact-us .contact-us__navlinks li.featured>span {
        padding: 1.2rem
    }
}

.contact-us .contact-us__navlinks li.selected a,
.contact-us .contact-us__navlinks li.selected>span {
    background-color: #f7f7f7
}

.contact-us .contact-us__navlinks li .contact-us__customlinks a {
    padding: 0
}

.contact-us .contact .contact__detail {
    margin-bottom: 0;
    padding-bottom: 0
}

.contact-us .contact .contact__opening {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    margin: 0 0 .7rem;
    padding: 0 0 .7rem
}

.contact-us__copy {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    margin-bottom: 1.5rem;
    margin-top: 2rem
}

.contact-us__copy:last-child {
    border: none
}

.contact-us__tertiary {
    flex: 0 0 auto;
    height: 0;
    padding: 0 1rem;
    transform: translate(200%);
    width: 100%
}

@media(min-width:1024px) {
    .contact-us__tertiary {
        flex: 0 0 auto;
        padding: 0 0 0 5rem;
        transform: translate(10%);
        transition: transform .3s ease-out;
        width: 60%
    }

    .contact-us__tertiary>* {
        opacity: 0;
        transition: opacity .15s linear
    }

    .contact-us__tertiary:before {
        box-shadow: -2px 0 20px 0 transparent;
        content: "";
        display: block;
        height: 96%;
        left: 0;
        position: absolute;
        top: 2%;
        transition: all .3s linear;
        width: 7px;
        z-index: -2
    }

    .contact-us__tertiary:after {
        background: #fff;
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.contact-us__quaternary {
    flex: 0 0 auto;
    height: 0;
    padding: 0 1rem;
    transform: translate(300%);
    width: 100%
}

@media(min-width:1024px) {
    .contact-us__quaternary {
        flex: 0 0 auto;
        padding: 0 5rem;
        transform: translate(-50%);
        transition: transform .3s ease-out;
        width: 60%
    }

    .contact-us__quaternary>* {
        opacity: 0;
        transition: opacity .15s linear
    }

    .contact-us__quaternary:before {
        box-shadow: -2px 0 20px 0 transparent;
        content: "";
        display: block;
        height: 96%;
        left: 0;
        position: absolute;
        top: 2%;
        transition: all .3s linear;
        width: 7px;
        z-index: -2
    }

    .contact-us__quaternary:after {
        background: #fff;
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.contact-us--stage2 .contact-us__intro {
    display: none
}

.contact-us--stage2 .contact-us__primary {
    transform: translate(-100%)
}

@media(min-width:1024px) {
    .contact-us--stage2 .contact-us__primary {
        transform: translate(20%)
    }
}

.contact-us--stage2 .contact-us__secondary {
    transform: translate(-100%)
}

@media(min-width:1024px) {
    .contact-us--stage2 .contact-us__secondary {
        flex: 0 0 auto;
        transform: translate(-20%);
        transition: transform .3s ease-out;
        width: 55%
    }

    .contact-us--stage2 .contact-us__secondary:before {
        box-shadow: -2px 0 20px 0 rgba(0, 0, 0, .5);
        transition: all .3s linear
    }

    .contact-us--stage2 .contact-us__secondary .contact-us__secondaryitems {
        opacity: 1;
        transform: translate(0);
        transition: opacity .3s linear .3s;
        z-index: 3
    }
}

.contact-us--stage2 .contact-us__tertiary {
    transform: translate(-100%)
}

@media(min-width:1024px) {
    .contact-us--stage2 .contact-us__tertiary {
        pointer-events: none;
        transform: translate(-70%)
    }
}

.contact-us--stage2 .contact-us__quaternary {
    transform: translate(-100%)
}

@media(min-width:1024px) {
    .contact-us--stage2 .contact-us__quaternary {
        transform: translate(-100%)
    }
}

.contact-us--stage3 .contact-us__intro {
    display: none
}

.contact-us--stage3 .contact-us__primary {
    transform: translate(-200%)
}

@media(min-width:1024px) {
    .contact-us--stage3 .contact-us__primary {
        transform: translate(5%)
    }
}

.contact-us--stage3 .contact-us__secondary {
    transform: translate(-200%)
}

@media(min-width:1024px) {
    .contact-us--stage3 .contact-us__secondary {
        flex: 0 0 auto;
        transform: translate(-58%);
        transition: transform .3s ease-out;
        width: 55%
    }

    .contact-us--stage3 .contact-us__secondary:before {
        box-shadow: -2px 0 20px 0 rgba(0, 0, 0, .5);
        transition: all .3s linear
    }
}

.contact-us--stage3 .contact-us__secondary .contact-us__secondaryitems {
    opacity: 1;
    transform: translate(0);
    z-index: 3
}

@media(min-width:1024px) {
    .contact-us--stage3 .contact-us__secondary .contact-us__secondaryitems {
        padding: 0 1.5rem;
        transition: opacity .3s linear
    }
}

.contact-us--stage3 .contact-us__tertiary {
    height: auto;
    opacity: 1;
    transform: translate(-200%)
}

@media(min-width:1024px) {
    .contact-us--stage3 .contact-us__tertiary {
        border-left: 1px solid rgba(0, 63, 116, .1);
        position: relative;
        transform: translate(-108%);
        transition: transform .3s ease-out
    }

    .contact-us--stage3 .contact-us__tertiary>* {
        opacity: 1;
        transition: opacity .3s linear .3s
    }

    .contact-us--stage3 .contact-us__tertiary:before {
        box-shadow: -2px 0 20px 0 rgba(0, 0, 0, .5);
        transition: all .3s linear
    }
}

.contact-us--stage3 .contact-us__quaternary {
    transform: translate(-200%)
}

@media(min-width:1024px) {
    .contact-us--stage3 .contact-us__quaternary {
        pointer-events: none;
        transform: translate(-170%)
    }
}

.contact-us--stage4 .contact-us__intro {
    display: none
}

.contact-us--stage4 .contact-us__primary {
    transform: translate(-300%)
}

@media(min-width:1024px) {
    .contact-us--stage4 .contact-us__primary {
        transform: translate(5%)
    }
}

.contact-us--stage4 .contact-us__secondary {
    transform: translate(-300%)
}

@media(min-width:1024px) {
    .contact-us--stage4 .contact-us__secondary {
        flex: 0 0 auto;
        transform: translate(-66%);
        transition: transform .3s ease-out;
        width: 55%
    }

    .contact-us--stage4 .contact-us__secondary:before {
        box-shadow: -2px 0 20px 0 rgba(0, 0, 0, .5);
        transition: all .3s linear
    }
}

.contact-us--stage4 .contact-us__secondary .contact-us__secondaryitems {
    opacity: 1;
    padding: 0 1.5rem;
    transform: translate(0);
    transition: opacity .3s linear;
    z-index: 3
}

.contact-us--stage4 .contact-us__tertiary {
    height: auto;
    opacity: 1;
    transform: translate(-300%)
}

@media(min-width:1024px) {
    .contact-us--stage4 .contact-us__tertiary {
        border-left: 1px solid rgba(0, 63, 116, .1);
        padding: 0 2.5rem;
        position: relative;
        transform: translate(-130%)
    }

    .contact-us--stage4 .contact-us__tertiary>* {
        opacity: 1;
        transition: opacity .3s linear .3s
    }

    .contact-us--stage4 .contact-us__tertiary:before {
        box-shadow: -2px 0 20px 0 rgba(0, 0, 0, .5)
    }
}

.contact-us--stage4 .contact-us__quaternary {
    height: auto;
    opacity: 1;
    transform: translate(-300%)
}

@media(min-width:1024px) {
    .contact-us--stage4 .contact-us__quaternary {
        border-left: 1px solid rgba(0, 63, 116, .1);
        position: relative;
        transform: translate(-200%);
        transition: transform .3s ease-out
    }

    .contact-us--stage4 .contact-us__quaternary>* {
        opacity: 1;
        transition: opacity .3s linear .3s
    }

    .contact-us--stage4 .contact-us__quaternary:before {
        box-shadow: -2px 0 20px 0 rgba(0, 0, 0, .5)
    }
}

.contact-us__sectionHeading {
    color: #178830;
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .contact-us__sectionHeading {
        margin-bottom: 36px
    }
}

.contact-us__section {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    margin-bottom: 17px
}

@media(min-width:1024px) {
    .contact-us__section {
        margin-bottom: 26px
    }
}

.contact-us__section:last-of-type {
    border: none
}

.contact-us__section.hasContent {
    border-bottom: 1px solid rgba(0, 63, 116, .1)
}

.contact-us__section ul {
    margin: 0
}

.contact-us__section__headline {
    color: #178830;
    font-family: livvic, sans-serif;
    font-style: normal;
    font-weight: 500
}

.contact-us__headline {
    color: #178830
}

.contact-us__customlinks a {
    padding: 0
}

.contentSectionhide {
    display: none
}

.product-cover {
    opacity: 1;
    position: relative
}

.product-cover__container.container {
    max-width: 900px;
    position: relative
}

.product-cover__wrapper {
    position: relative
}

.product-cover.product-cover--flourish {
    padding-bottom: calc(70px + 2.47394vw)
}

.product-cover.product-cover--flourish+.product-cover__spacer {
    min-height: 35px
}

@media(min-width:768px) {
    .product-cover.product-cover--flourish {
        padding-bottom: calc(100px + 2.47394vw)
    }

    .product-cover.product-cover--flourish+.product-cover__spacer {
        min-height: 70px
    }
}

.product-cover__main {
    position: relative;
    z-index: 5
}

@media(min-width:768px) {
    .product-cover__main {
        min-height: 23rem
    }

    .product-cover--hasButton .product-cover__main,
    .product-cover--hasIntro .product-cover__main {
        min-height: 29rem
    }

    .product-cover--shortItems .product-cover__main {
        min-height: 23rem
    }
}

.product-cover__spacer {
    min-height: 2rem
}

@media(min-width:500px) {
    .product-cover__spacer {
        min-height: 5rem
    }
}

@media(min-width:768px) {
    .product-cover__spacer {
        min-height: 2rem
    }
}

.product-cover__spacer.theme-light-bluebell {
    min-height: 0
}

.product-cover__price {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 1
}

@media(min-width:768px) {
    .product-cover__price {
        margin-left: 36px
    }
}

.product-cover__price small {
    display: block;
    font-size: 11px;
    font-weight: 600
}

.product-cover__copy {
    color: #3d3d3d;
    flex-grow: 1;
    flex-shrink: 1
}

.product-cover__copy a {
    display: inline
}

.product-cover__copy a:focus {
    outline: none
}

.product-cover__buttons {
    margin-top: 36px
}

.product-cover__cell {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .98);
    border-radius: 13px;
    margin: 0 0 16px;
    padding: 26px
}

@media(min-width:1024px) {
    .product-cover__cell {
        padding: 36px
    }

    .product-cover__cell.sm {
        padding-bottom: 18px;
        padding-top: 18px
    }
}

.product-cover__cell:last-child,
.product-cover__cell>:last-child {
    margin-bottom: 0
}

.product-cover__cell.linked {
    color: #04589b;
    cursor: pointer;
    padding-right: 35px
}

.product-cover__cell.linked .product-cover__copy {
    font-weight: 600
}

.product-cover__cell.linked:hover {
    color: #3d3d3d
}

.product-cover li.product-cover__cell {
    padding-bottom: 20px;
    padding-top: 20px
}

@media(min-width:1024px) {
    .product-cover li.product-cover__cell {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media(min-width:768px) {
    .product-cover__data {
        align-items: center;
        display: flex
    }
}

.product-cover__flourish {
    bottom: -75px;
    left: 0;
    margin: 0;
    position: absolute;
    transform: translateY(50%);
    user-select: none;
    width: 100%;
    z-index: 4
}

@media(min-width:768px) {
    .product-cover__flourish {
        transform: translateY(60%);
        width: auto
    }
}

.product-cover__flourish img {
    display: block;
    left: 50%;
    line-height: 1;
    max-height: 260px;
    position: relative;
    transform: translateX(-50%);
    width: 50%
}

@media(min-width:768px) {
    .product-cover__flourish img {
        left: 50%;
        max-height: none;
        max-width: 500px;
        width: 70%;
        width: auto
    }
}

@media(min-width:1024px) {
    .product-cover__flourish img {
        left: 40%
    }
}

.product-cover ul {
    list-style: none;
    margin: 0;
    padding: 2rem 0 0;
    position: relative
}

@media(min-width:768px) {
    .product-cover ul {
        border-left: 1px solid hsla(0, 0%, 100%, .3);
        padding: 4rem 0 0 2rem
    }
}

.product-cover ul:before {
    background: #fff;
    content: "";
    height: 2rem;
    left: 1.48rem;
    position: absolute;
    top: 0;
    width: 1px
}

@media(min-width:768px) {
    .product-cover ul:before {
        display: none
    }
}

.product-cover ul:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 1.5rem;
    position: absolute;
    top: 1rem;
    transform: translate(-50%, -50%);
    width: 10px
}

@media(min-width:768px) {
    .product-cover ul:after {
        display: none
    }
}

.product-cover ul li {
    line-height: 1.2;
    min-height: 80px;
    padding-left: 70px;
    position: relative
}

@media(min-width:1024px) {
    .product-cover ul li {
        min-height: 80px;
        padding-left: 70px
    }
}

.product-cover ul li p {
    line-height: inherit
}

.product-cover ul li p:last-child {
    margin-bottom: 0
}

.product-cover ul li:before {
    background: #fff;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: -2rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px
}

.product-cover .lazyload-placeholder,
.product-cover__icon {
    left: 1rem;
    line-height: 1;
    position: absolute;
    top: 20px;
    width: 40px
}

.product-cover .lazyload-placeholder img,
.product-cover__icon img {
    display: block
}

@media(min-width:1024px) {

    .product-cover .lazyload-placeholder,
    .product-cover__icon {
        width: 40px
    }
}

.product-cover__link-icon {
    align-items: center;
    border-left: 1px solid #edeff0;
    bottom: 14px;
    display: flex;
    padding-left: 5px;
    position: absolute;
    right: 10px;
    top: 14px
}

.product-cover__link-icon svg {
    width: 14px;
    fill: #04589b
}

@media(min-width:768px) {
    .product-cover__link-icon {
        padding-left: 5px;
        right: 5px
    }
}

.product-cover__cell.linked:hover a {
    border-color: #3d3d3d;
    color: #3d3d3d
}

.product-cover__cell.linked:hover .product-cover__link-icon svg {
    fill: #3d3d3d
}

.product-cover .head {
    padding: 0
}

.product-cover .lead {
    color: #178830
}

.product-cover--extraTopPadding {
    padding-top: 3rem
}

.product-cover .allOverlayContent {
    display: none
}

@media(min-width:1024px) {
    .overlay {
        width: 500px !important
    }
}

.overlay h1,
.overlay h2,
.overlay h3,
.overlay h4,
.overlay h5,
.overlay h6 {
    color: #178830
}

.overlay .slide-pane__content {
    padding: 4rem 1rem 2rem
}

@media(min-width:1024px) {
    .overlay .slide-pane__content {
        padding: 4rem 36px 2rem
    }
}

.slide-pane {
    background: #fff;
    box-shadow: 0 2px 5px 8px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 100px;
    transition: transform .5s;
    will-change: transform
}

.slide-pane:focus {
    outline-style: none
}

.slide-pane_from_right {
    margin-left: auto;
    transform: translateX(100%)
}

.slide-pane_from_right.ReactModal__Content--after-open {
    transform: translateX(0)
}

.slide-pane_from_right.ReactModal__Content--before-close {
    transform: translateX(100%)
}

.slide-pane_from_left {
    margin-right: auto;
    transform: translateX(-100%)
}

.slide-pane_from_left.ReactModal__Content--after-open {
    transform: translateX(0)
}

.slide-pane_from_left.ReactModal__Content--before-close {
    transform: translateX(-100%)
}

.slide-pane_from_top {
    transform: translateY(-100%)
}

.slide-pane_from_top.ReactModal__Content--after-open {
    transform: translateY(0)
}

.slide-pane_from_top.ReactModal__Content--before-close {
    transform: translateY(-100%)
}

.slide-pane_from_bottom {
    transform: translateY(100%)
}

.slide-pane_from_bottom.ReactModal__Content--after-open {
    transform: translateY(0)
}

.slide-pane_from_bottom.ReactModal__Content--before-close {
    transform: translateY(100%)
}

.slide-pane__overlay {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.slide-pane__overlay.ReactModal__Overlay--after-open {
    background-color: rgba(0, 0, 0, .3);
    transition: background-color .5s
}

.slide-pane__overlay.ReactModal__Overlay--before-close {
    background-color: transparent
}

.slide-pane__header {
    align-items: center;
    background: #ebebeb;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex: 0 0 64px;
    height: 64px
}

.slide-pane__title-wrapper {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    margin-left: 32px;
    min-width: 0
}

.slide-pane__title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    max-width: 80%;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slide-pane__close {
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px
}

.slide-pane__close .close {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    height: 48px;
    line-height: 1;
    position: fixed;
    width: 48px
}

.slide-pane__close .close:hover svg {
    fill: #757575
}

.slide-pane__close .close svg {
    fill: #003578
}

.slide-pane__close .close .icon {
    display: block;
    height: 16px;
    margin: 16px;
    width: 16px
}

.slide-pane__content {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 24px 32px;
    position: relative
}

.slide-pane__subtitle {
    font-size: 12px;
    margin-top: 2px
}

.some-custom-class {
    transition: transform 2s cubic-bezier(.165, .84, .44, 1)
}

.ReactModal__Body--open {
    height: 100%;
    overflow: hidden
}

.overlayContent .overlayContent__image {
    display: block;
    margin-bottom: 2rem;
    margin-top: 2rem
}

.overlayContent .overlayContent__image img {
    display: block;
    margin: 0 auto
}

.overlayContent .overlayContent__label {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.overlayContent .overlayContent__heading {
    color: #178830;
    margin-bottom: 2rem
}

.overlayContent .overlayContent__links {
    list-style: none;
    margin: 0 0 3rem;
    padding: 0
}

.imageLink a {
    display: block
}

.imageLink .imageLink__image {
    display: block;
    margin: 0
}

.imageLink .imageLink__image img {
    display: block;
    width: 100%
}

.imageLink .imageLink__link {
    background: #fcf9f2;
    display: block;
    padding: 1rem
}

.documents {
    opacity: 1
}

.documents__container.container {
    max-width: 900px
}

.documents .documents__icon,
.documents .lazyload-placeholder {
    display: block;
    flex: 0 0 160px;
    margin: 25px 0 26px 6%;
    order: 2
}

.documents .documents__icon img,
.documents .lazyload-placeholder img {
    display: block;
    width: 160px
}

@media(min-width:768px) {
    .documents__main>* .links:last-child {
        margin-bottom: 0
    }
}

.documents__main .imagerenderd {
    min-height: 150px
}

@media(min-width:1024px) {
    .documents__main .imagerenderd {
        min-height: 150px
    }
}

@media(min-width:768px) {
    .documents .curve.top+.container {
        margin-top: 3rem
    }
}

.example {
    padding: 46px 0;
    position: relative;
    text-align: center
}

@media(min-width:1024px) {
    .example {
        padding: 60px 0
    }
}

.product-overview {
    opacity: 1;
    position: relative
}

.product-overview .wrapper {
    position: relative;
    z-index: 2
}

.product-overview__container.container {
    max-width: 900px
}

.product-overview__body,
.product-overview__header {
    background: #fff;
    border-radius: 13px;
    padding: .6rem 1rem;
    position: relative
}

@media(min-width:1024px) {

    .product-overview__body,
    .product-overview__header {
        padding: 1rem 1.5rem
    }
}

.product-overview__item {
    display: flex;
    flex-direction: column;
    height: 100%
}

.product-overview__body {
    flex-grow: 1;
    margin-bottom: 1.5rem;
    padding: 1rem
}

@media(min-width:768px) {
    .product-overview__body {
        margin-bottom: 0;
        padding: 1.7rem 1.5rem
    }
}

.product-overview__header {
    align-items: center;
    color: #178830;
    display: flex;
    margin-bottom: 36px;
    position: relative
}

.product-overview__header .product-overview__heading {
    flex: 0 0 auto;
    width: calc(100% - 80px - 1rem)
}

.product-overview__header:before {
    background: #fff;
    bottom: -3rem;
    content: "";
    display: block;
    height: 3rem;
    left: 1rem;
    opacity: .2;
    position: absolute;
    width: 1px
}

@media(min-width:1024px) {
    .product-overview__header:before {
        left: 1.6rem
    }
}

.product-overview__header:after {
    background: #fff;
    border-radius: 50%;
    bottom: calc(-2rem + 10px);
    content: "";
    height: 10px;
    left: calc(1rem - 4px);
    position: absolute;
    width: 10px
}

@media(min-width:1024px) {
    .product-overview__header:after {
        left: calc(1.6rem - 4px)
    }
}

.product-overview__header .image {
    flex: 0 0 80px;
    line-height: 1;
    margin: -.5rem -.75rem -.5rem 1rem;
    text-align: right
}

.product-overview__header .image img {
    display: inline-block
}

.product-overview__buttons {
    margin-top: 36px
}

.product-overview__head {
    margin-bottom: 2rem;
    text-align: center
}

.product-overview__subhead,
.product-overview__title {
    margin: 0;
    padding: 0
}

.product-overview__subhead {
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600
}

.product-overview__title {
    font-size: 30px
}

.product-overview__body>ul:last-child>li:last-child {
    margin-bottom: 0
}

.product-overview__body__links .links {
    margin: 0
}

.product-overview__main>div:last-child .product-overview__body {
    margin-bottom: 0
}

.faq {
    opacity: 1
}

.faq__container.container {
    margin: 0 auto
}

@media(min-width:768px) {
    .faq__container.container {
        max-width: 580px
    }
}

.faq__head .icon {
    margin-left: 15px;
    margin-right: 0;
    order: 2
}

.faq__buttons {
    text-align: center
}

.faq__body ul,
.faq__body ul li:last-child {
    margin-bottom: 0
}

.faq-head {
    opacity: 1
}

.faq-head__container.container {
    margin: 0 auto;
    max-width: 700px;
    padding: 0 1rem;
    position: relative
}

@media(min-width:768px) {
    .faq-head__container.container {
        padding: 0 1.5rem
    }
}

.faq-head .box h3,
.faq-head__title {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: calc(18.18182px + .56818vw);
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media(max-width:320px) {

    .faq-head .box h3,
    .faq-head__title {
        font-size: 20px
    }
}

@media(min-width:1024px) {

    .faq-head .box h3,
    .faq-head__title {
        font-size: 24px
    }
}

.faq-head__related {
    margin-top: 46px;
    opacity: 1
}

.faq-head__related .container {
    margin: 0 auto;
    max-width: 700px;
    padding: 0 1rem;
    position: relative
}

@media(min-width:768px) {
    .faq-head__related .container {
        padding: 0 1.5rem
    }

    .faq-head__related {
        margin-top: 0
    }
}

.faq-head__related .links {
    margin-bottom: 0
}

.faq-head__related .links li {
    padding: .8rem 0
}

.faq-head__related .links li:last-child {
    padding-bottom: 0
}

.faq-head__related__heading {
    color: #178830
}

.faq-section {
    opacity: 1
}

.faq-section__container.container {
    max-width: 900px;
    position: relative
}

.faq-section__section-title {
    color: #178830
}

.faq-section .image {
    display: block;
    margin-top: 4rem
}

.faq-section .links li {
    padding: .8rem 0
}

.faq-section .links li:first-child {
    padding-top: .4rem
}

.faq-section .links:last-child {
    margin: 0
}

@media(max-width:767px) {
    .faq-section .columns\@md>div:not(:last-child) {
        margin-bottom: 46px
    }
}

.featuredArticles {
    margin-bottom: 2rem;
    margin-top: 30px;
    opacity: 1
}

@media(min-width:1024px) {
    .featuredArticles {
        margin-top: 36px
    }
}

.featuredArticles__container {
    padding: 0
}

@media(min-width:768px) {
    .featuredArticles__container {
        padding: 0 1rem
    }
}

@media(min-width:1024px) {
    .featuredArticles__container {
        padding: 0 1.5rem
    }
}

.featuredArticles__heading {
    margin-bottom: 2rem;
    text-align: center
}

@media(min-width:768px) {
    .featuredArticles__heading {
        margin-bottom: 3rem
    }
}

.featuredArticles__heading:after {
    background: rgba(0, 63, 116, .1);
    content: "";
    display: block;
    height: 2px;
    margin: 1rem auto 0;
    position: relative;
    width: 50px
}

@media(min-width:768px) {
    .featuredArticles__items {
        display: flex;
        margin: 0 -.5rem
    }
}

.featuredArticles__items>div {
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .featuredArticles__items>div {
        flex: 0 0 50%;
        margin-bottom: 0;
        padding: 0 .5rem
    }
}

.section-head {
    align-items: center;
    border-bottom: 1px solid #ededed;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .section-head {
        align-items: flex-end;
        margin-bottom: 54px
    }
}

.section-head>* {
    margin: 0;
    padding: 0 0 17px
}

@media(min-width:768px) {
    .section-head>* {
        padding: 0 0 26px
    }
}

.section-head a {
    color: #0a4489;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 18px;
    line-height: 1.125rem;
    margin-right: 1rem
}

@media(min-width:1024px) {
    .section-head a {
        margin-right: 0
    }
}

.section-head img {
    display: block;
    line-height: 1
}

.section-head .section-head__title {
    color: #178830;
    font-size: 24px;
    line-height: 1.15;
    margin: 0
}

@media(min-width:768px) {
    .section-head .section-head__title {
        font-size: 38px
    }
}

.section-head .section-head__icon {
    bottom: 0;
    margin-left: 1rem;
    padding: 0;
    position: relative;
    right: 1rem
}

@media(min-width:768px) {
    .section-head .section-head__icon {
        right: 0
    }
}

.product-features {
    opacity: 1
}

.product-features__container.container {
    max-width: 900px;
    position: relative
}

.product-features__flourish {
    margin: 0 !important;
    position: absolute;
    right: 1rem;
    top: -1rem;
    width: auto !important
}

@media(min-width:1024px) {
    .product-features__flourish {
        left: auto;
        right: -130px
    }
}

@media(min-width:768px) {
    .product-features__main>div {
        display: flex;
        flex-direction: column
    }
}

.product-features__main .quote {
    margin-top: 2rem
}

@media(max-width:767px) {
    .product-features__main .quote {
        margin-bottom: 0
    }
}

.product-features__main .product-features__body {
    color: #3d3d3d;
    margin-left: auto;
    width: 100%
}

@media(min-width:768px) {
    .product-features__main .product-features__body {
        margin-bottom: 0
    }
}

.product-features__main .product-features__body ul {
    margin-bottom: 0
}

@media(min-width:768px) {
    .product-features__main .product-features__body>ul {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
}

.product-features .product-features__cta .cta:nth-child(2n) {
    margin-right: 0
}

.product-features__image {
    margin: 3rem auto 0;
    width: 100%
}

.product-features__image img {
    display: block;
    margin: 0 auto
}

.product-features__iconList {
    margin-top: 1rem
}

@media(min-width:768px) {
    .product-features .quote {
        margin: 2rem auto 0
    }
}

.floatingActionButton {
    bottom: 30px;
    display: block;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 100
}

@media(min-width:1024px) {
    .floatingActionButton {
        bottom: 6.5rem
    }
}

@media(min-width:1400px) {
    .floatingActionButton {
        bottom: 1.5rem
    }
}

.floatingActionButton .container {
    max-width: none;
    padding: 0
}

.floatingActionButton .floatingElement .btn--contactUs {
    background: none;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    color: #fff;
    float: right;
    margin-right: 1rem;
    max-width: 46px;
    padding: 0;
    pointer-events: all;
    position: relative;
    transition: padding .3s ease, max-width .3s ease .2s
}

.floatingActionButton .floatingElement .btn--contactUs:after {
    background-image: -webkit-linear-gradient(160deg, #178830, #a0d007);
    background-image: -o-linear-gradient(160deg, #178830 0, #a0d007 100%);
    background-image: linear-gradient(160deg, #178830, #a0d007);
    background-repeat: repeat-x;
    border-radius: 40px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media(min-width:1024px) {
    .floatingActionButton .floatingElement .btn--contactUs {
        margin-right: 1.5rem;
        max-width: 66px
    }
}

.floatingActionButton .floatingElement .btn--contactUs .text {
    font-family: livvic, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    margin: 0;
    opacity: 0;
    padding: 0 68px 0 35px;
    transition: opacity .2s ease
}

@media(min-width:1024px) {
    .floatingActionButton .floatingElement .btn--contactUs .text {
        line-height: 64px;
        padding: 0 88px 0 35px
    }
}

.floatingActionButton .floatingElement .btn--contactUs .icon-wrap {
    height: 36px;
    padding: 0;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px
}

@media(min-width:1024px) {
    .floatingActionButton .floatingElement .btn--contactUs .icon-wrap {
        height: 50px;
        right: 7px;
        width: 50px
    }
}

.floatingActionButton .floatingElement .btn--contactUs .icon-wrap img {
    height: 14px;
    width: 14px
}

@media(min-width:1024px) {
    .floatingActionButton .floatingElement .btn--contactUs .icon-wrap img {
        height: 24px;
        width: 24px
    }
}

.floatingActionButton .floatingElement .btn--contactUs:focus {
    outline: 0
}

.floatingActionButton .floatingElement .btn--contactUs.active {
    max-width: 300px;
    transition: max-width .3s ease
}

.floatingActionButton .floatingElement .btn--contactUs.active .text {
    opacity: 1;
    transition: opacity .2s ease .2s
}

@media(min-width:1024px) {
    .floatingActionButton .floatingElement .btn--contactUs:hover {
        max-width: 300px;
        transition: max-width .3s ease
    }

    .floatingActionButton .floatingElement .btn--contactUs:hover .text {
        opacity: 1;
        transition: opacity .2s ease .2s
    }
}

.fabContent {
    background: #fff;
    border-radius: 10px;
    bottom: 100px;
    box-shadow: 0 2px 5px 8px rgba(0, 0, 0, .05);
    display: none;
    height: calc(90vh - 6.5rem - 100px);
    max-height: 550px;
    padding: 1rem 0;
    pointer-events: all;
    position: absolute;
    right: 1.5rem;
    transition: opacity .3s linear;
    width: 425px
}

@media(min-width:1024px) {
    .fabContent {
        padding: 1.5rem 0
    }

    .fabContent--active {
        display: block;
        opacity: 0
    }

    .fabContent--visible {
        opacity: 1
    }
}

.fabContent .close {
    z-index: 99
}

.fabContent .track-vertical {
    border-radius: 3px;
    bottom: 10px;
    position: absolute;
    right: .5rem;
    top: 62px;
    width: 6px
}

.fabContent .thumb-vertical {
    background: #999;
    border-radius: 3px
}

.fabContentInner {
    padding: 0 1rem 0 0
}

@media(min-width:1024px) {
    .fabContentInner {
        padding: 0 3rem 1.5rem 1.5rem
    }
}

.fabContentInner .box {
    margin: 20px 0
}

@media(min-width:1024px) {
    .fabContentInner .box {
        margin: 36px 0
    }
}

.fabContentInner .fabContentInner__intro {
    margin-bottom: 14px
}

@media(min-width:1024px) {
    .fabContentInner .fabContentInner__intro {
        margin-bottom: 15px
    }
}

.contact-popup {
    padding-right: .5rem
}

.alert {
    background: #fff;
    border-radius: 10px;
    border-top: 10px solid #6f3695;
    bottom: 60px;
    box-shadow: 0 2px 5px 8px rgba(0, 0, 0, .05);
    left: 1rem;
    pointer-events: all;
    position: absolute;
    right: 1rem;
    width: calc(100% - 2rem)
}

@media(min-width:1024px) {
    .alert {
        bottom: 100px;
        left: auto;
        right: 1.5rem;
        width: 300px
    }

    .alert.alert--noContact {
        bottom: 0
    }
}

.alert .alert__icon {
    background: #fff;
    height: 65px;
    top: 0;
    width: 65px
}

.alert .alert__icon,
.alert .alert__icon .alert__icon__inner {
    border-radius: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%)
}

.alert .alert__icon .alert__icon__inner {
    background: #6f3695;
    height: 50px;
    padding: 8px;
    top: 50%;
    width: 50px
}

.alert .alert__icon .alert__icon__inner svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px
}

.alert .alert__inner {
    margin-top: 1.2rem;
    padding: 1rem
}

@media(min-width:1024px) {
    .alert .alert__inner {
        padding: 1.5rem
    }
}

.alert .alert__inner .alert__title {
    color: #178830;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: .8rem
}

.alert .alert__inner p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem
}

@media(max-width:767px) {
    .alert .alert__inner p {
        margin-bottom: .4rem
    }
}

.alert .close {
    right: 1rem;
    top: 1rem
}

.alert .btn {
    display: inline-block;
    margin-top: .5rem;
    width: 100%
}

.alertBg {
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9
}

@media(min-width:1024px) {
    .alertBg {
        display: none
    }
}

.AlertModal__Body--open {
    height: 100%;
    overflow: hidden
}

@media(min-width:1024px) {
    .AlertModal__Body--open {
        height: auto;
        overflow: auto
    }
}

.footer {
    background-color: #fff;
    border-top: 1px solid #f8fafb;
    clear: both;
    line-height: 1;
    opacity: 1;
    padding: 0 0 1rem
}

.footer__header {
    align-items: center;
    display: flex
}

.footer__header .mobileOnly {
    display: flex;
    width: 100%
}

@media(min-width:1024px) {
    .footer__header {
        border-top: 1px solid #f8fafb;
        padding-top: 1rem
    }
}

.footer__header .logo {
    max-width: 80px
}

@media(min-width:1024px) {
    .footer__header .logo {
        margin-right: 2rem
    }
}


@media(min-width:1024px) {
    

    .footer__content .accordion {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }

    .footer__content .accordion__item {
        max-width: 20%
    }
}

.footer__content .accordion__head {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    color: #04589b;
    display: flex;
    font-weight: 600;
    padding: 1.3rem 0;
    position: relative
}

@media(min-width:1024px) {
    .footer__content .accordion__head {
        border-bottom: 0;
        color: #2e2e2e;
        padding: 0
    }
}

.footer__content .accordion__icon {
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:1024px) {
    .footer__content .accordion__icon {
        display: none
    }

    .footer__content .accordion__section {
        height: auto !important
    }

    .footer__content .footer__security .accordion__item {
        max-width: 100%;
        width: 100%
    }

    .footer__content .footer__security .accordion__head {
        display: none
    }
}

.footer__list ul {
    list-style: none;
    margin: 1rem 0;
    padding: 0
}

@media(min-width:1024px) {
    

    .footer__list--legal ul {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0
    }
}

.footer__list .socialIcons {
    display: none
}

@media(min-width:1024px) {
    .footer__list .socialIcons {
        display: flex
    }
}

.footer__listItem {
    display: flex;
    margin: 0;
    padding: .5rem 0
}

.footer__listItem a {
    border-bottom: 1px solid rgba(4, 88, 155, 0);
    font-weight: 300;
    transition: all .4s
}

.footer__listItem a:focus,
.footer__listItem a:hover {
    border-color: #3d3d3d
}

.footer__listItem .icon {
    flex-shrink: 0;
    margin-left: 10px
}

.footer__listItem--bottom-line {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    margin-bottom: 15px !important;
    padding-bottom: 15px !important
}

.footer__listItem .arrowlink__subText {
    margin-top: 1em
}

.footer__copyright {
    margin-right: 4rem
}

@media(min-width:768px) {
    .footer__copyright {
        margin-right: 2rem
    }

    .footer__copyright p {
        display: inline
    }
}

.footer__copyright p {
    color: #2e2e2e;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.42;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: .6rem;
    padding-right: .5rem
}

@media(min-width:1024px) {
    .footer__copyright p {
        font-size: 14px;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        margin: 0
    }
}

.footer__foot .logo {
    margin: 1rem 0
}

@media(min-width:1024px) {
    .footer__foot {
        align-items: center;
        display: flex
    }

    .footer__foot .logo {
        margin: 0 2.5rem 0 0;
        width: auto
    }

    .footer__foot .logo img {
        height: auto;
        width: 84px
    }
}

.footer__foot .socialIcons {
    border-bottom: 1px solid rgba(0, 63, 116, .1)
}

.footer__foot .socialIcons div {
    margin-right: 2rem
}

@media(min-width:768px) {
    .footer__foot .socialIcons {
        justify-content: flex-start
    }
}

@media(min-width:1024px) {
    .footer__foot .socialIcons {
        display: none
    }
}

.footer--mini {
    border-top: none;
    padding: 4rem 0 1rem
}

.footer--mini .container {
    display: flex;
    flex-flow: row wrap
}

@media(min-width:1024px) {
    .footer--mini .container {
        flex-flow: initial
    }
}

.footer--mini .footer__content {
    flex: 0 0 auto;
    margin-left: auto
}

@media(min-width:1024px) {
    .footer--mini .footer__content {
        border-top: 1px solid #f8fafb;
        flex: 0 0 100%;
        flex: 0 0 40%;
        order: 2
    }
}

.footer--mini .footer__foot {
    flex: 0 0 100%
}

@media(min-width:1024px) {
    .footer--mini .footer__foot {
        flex: 0 0 60%;
        margin: 0;
        order: 1
    }
}

#opv-footer .footer__content {
    border-top: none;
    padding-top: 6px
}

#opv-footer .footer__list--legal {
    border-top: none;
    margin-top: 0
}

.logo {
    flex: 0 0 auto;
    height: 20px;
    margin: 1rem 0;
    width: 68.6666666667px
}

@media(min-width:1024px) {
    .logo {
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        height: 30px;
        margin: .7rem 0;
        min-height: 60px;
        width: 103px
    }

    .logo a {
        display: block;
        flex-shrink: 1
    }
}

.logo img {
    height: auto;
    width: 100%
}

@media(min-width:768px) {
    .logo img {
        max-width: none
    }
}

.logo--broker {
    width: 140px
}

@media(min-width:768px) {
    .logo--broker {
        width: 160px
    }
}

.socialIcons {
    align-items: center;
    display: flex;
    padding: 1rem 0
}

@media(min-width:1024px) {
    .socialIcons {
        margin-left: auto;
        padding-left: 2rem
    }
}

.socialIcons div {
    margin-right: 1.5rem
}

.socialIcons div:last-child {
    margin: 0
}

.socialIcons a img {
    height: 25px;
    transition: all .3s linear;
    width: 25px
}

.socialIcons a:hover img {
    filter: grayscale(100%)
}

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

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

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

:-moz-placeholder {
    color: #757575
}

.form {
    opacity: 1
}

.form label {
    color: #3d3d3d;
    display: block;
    font-weight: 600;
    max-width: 100%;
    position: relative;
    text-align: left;
    transition: all .2s;
    vertical-align: middle
}

.form label em {
    font-style: inherit
}

.form label a {
    font-weight: 700
}

.form label:empty {
    display: none
}

.form input,
.form keygen,
.form legend,
.form optgroup,
.form option,
.form select,
.form textarea {
    color: #3d3d3d;
    display: block;
    outline: none;
    vertical-align: top
}

.form input,
.form keygen,
.form select,
.form textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit
}

.form fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

.form fieldset legend {
    display: none
}

.form fieldset .vertical .legend-wrapper {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin: 0 0 3em
}

.form fieldset .vertical h2,
.form fieldset .vertical h3 {
    margin: 0
}

.form legend {
    border: 0;
    display: block;
    font-weight: inherit;
    line-height: inherit;
    padding: 0;
    width: 100%
}

.form .input,
.form input[list],
.form input[type=color],
.form input[type=date],
.form input[type=datetime-local],
.form input[type=datetime],
.form input[type=email],
.form input[type=file],
.form input[type=month],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=time],
.form input[type=url],
.form input[type=week],
.form keygen,
.form select,
.form textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    max-width: 370px;
    min-height: 45px;
    padding: 8px 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.form .input:active,
.form .input:focus,
.form input[list]:active,
.form input[list]:focus,
.form input[type=color]:active,
.form input[type=color]:focus,
.form input[type=date]:active,
.form input[type=date]:focus,
.form input[type=datetime-local]:active,
.form input[type=datetime-local]:focus,
.form input[type=datetime]:active,
.form input[type=datetime]:focus,
.form input[type=email]:active,
.form input[type=email]:focus,
.form input[type=file]:active,
.form input[type=file]:focus,
.form input[type=month]:active,
.form input[type=month]:focus,
.form input[type=number]:active,
.form input[type=number]:focus,
.form input[type=password]:active,
.form input[type=password]:focus,
.form input[type=search]:active,
.form input[type=search]:focus,
.form input[type=tel]:active,
.form input[type=tel]:focus,
.form input[type=text]:active,
.form input[type=text]:focus,
.form input[type=time]:active,
.form input[type=time]:focus,
.form input[type=url]:active,
.form input[type=url]:focus,
.form input[type=week]:active,
.form input[type=week]:focus,
.form keygen:active,
.form keygen:focus,
.form select:active,
.form select:focus,
.form textarea:active,
.form textarea:focus {
    cursor: text;
    outline: none
}

.form .input:focus,
.form input[list]:focus,
.form input[type=color]:focus,
.form input[type=date]:focus,
.form input[type=datetime-local]:focus,
.form input[type=datetime]:focus,
.form input[type=email]:focus,
.form input[type=file]:focus,
.form input[type=month]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form input[type=text]:focus,
.form input[type=time]:focus,
.form input[type=url]:focus,
.form input[type=week]:focus,
.form keygen:focus,
.form select:focus,
.form textarea:focus {
    background-color: #fefefe;
    border-color: #178830 !important;
    box-shadow: 0 0 0 1px #178830
}

.form .input {
    display: block
}

.form .input:empty {
    color: #b8b8b8
}

.form .input:empty:before {
    content: attr(data-placeholder)
}

.form-field--invalid .input {
    border-color: #eb3924
}

.form input[list].valid,
.form input[type=color].valid,
.form input[type=date].valid,
.form input[type=datetime-local].valid,
.form input[type=datetime].valid,
.form input[type=email].valid,
.form input[type=file].valid,
.form input[type=month].valid,
.form input[type=number].valid,
.form input[type=password].valid,
.form input[type=search].valid,
.form input[type=tel].valid,
.form input[type=text].valid,
.form input[type=time].valid,
.form input[type=url].valid,
.form input[type=week].valid,
.form keygen.valid,
.form select.valid,
.form textarea.valid,
.form-field--valid .input {
    border-color: #178830
}

.form input[list].error,
.form input[type=color].error,
.form input[type=date].error,
.form input[type=datetime-local].error,
.form input[type=datetime].error,
.form input[type=email].error,
.form input[type=file].error,
.form input[type=month].error,
.form input[type=number].error,
.form input[type=password].error,
.form input[type=search].error,
.form input[type=tel].error,
.form input[type=text].error,
.form input[type=time].error,
.form input[type=url].error,
.form input[type=week].error,
.form keygen.error,
.form select.error,
.form textarea.error {
    border-color: #eb3924
}

.form input[list].lg,
.form input[type=color].lg,
.form input[type=date].lg,
.form input[type=datetime-local].lg,
.form input[type=datetime].lg,
.form input[type=email].lg,
.form input[type=file].lg,
.form input[type=month].lg,
.form input[type=number].lg,
.form input[type=password].lg,
.form input[type=search].lg,
.form input[type=tel].lg,
.form input[type=text].lg,
.form input[type=time].lg,
.form input[type=url].lg,
.form input[type=week].lg,
.form keygen.lg,
.form select.lg,
.form textarea.lg {
    max-width: 370px
}

.form input[list].md,
.form input[type=color].md,
.form input[type=date].md,
.form input[type=datetime-local].md,
.form input[type=datetime].md,
.form input[type=email].md,
.form input[type=file].md,
.form input[type=month].md,
.form input[type=number].md,
.form input[type=password].md,
.form input[type=search].md,
.form input[type=tel].md,
.form input[type=text].md,
.form input[type=time].md,
.form input[type=url].md,
.form input[type=week].md,
.form keygen.md,
.form select.md,
.form textarea.md {
    max-width: 240px
}

.form input[list].sm,
.form input[type=color].sm,
.form input[type=date].sm,
.form input[type=datetime-local].sm,
.form input[type=datetime].sm,
.form input[type=email].sm,
.form input[type=file].sm,
.form input[type=month].sm,
.form input[type=number].sm,
.form input[type=password].sm,
.form input[type=search].sm,
.form input[type=tel].sm,
.form input[type=text].sm,
.form input[type=time].sm,
.form input[type=url].sm,
.form input[type=week].sm,
.form keygen.sm,
.form select.sm,
.form textarea.sm {
    max-width: 130px
}

.form input[type=date],
.form input[type=datetime-local],
.form input[type=month],
.form input[type=password],
.form input[type=tel],
.form input[type=week] {
    max-width: 240px
}

.form input[type=number],
.form input[type=time] {
    max-width: 130px
}

.form input[type=color]::-ms-expand,
.form input[type=date]::-ms-expand,
.form input[type=datetime-local]::-ms-expand,
.form input[type=datetime]::-ms-expand,
.form input[type=email]::-ms-expand,
.form input[type=month]::-ms-expand,
.form input[type=number]::-ms-expand,
.form input[type=password]::-ms-expand,
.form input[type=search]::-ms-expand,
.form input[type=tel]::-ms-expand,
.form input[type=text]::-ms-expand,
.form input[type=time]::-ms-expand,
.form input[type=url]::-ms-expand,
.form input[type=week]::-ms-expand,
.form keygen::-ms-expand,
.form select::-ms-expand,
.form textarea::-ms-expand {
    background-color: transparent;
    border: 0
}

.form input[type=color][disabled],
.form input[type=color][readonly],
.form input[type=date][disabled],
.form input[type=date][readonly],
.form input[type=datetime-local][disabled],
.form input[type=datetime-local][readonly],
.form input[type=datetime][disabled],
.form input[type=datetime][readonly],
.form input[type=email][disabled],
.form input[type=email][readonly],
.form input[type=month][disabled],
.form input[type=month][readonly],
.form input[type=number][disabled],
.form input[type=number][readonly],
.form input[type=password][disabled],
.form input[type=password][readonly],
.form input[type=search][disabled],
.form input[type=search][readonly],
.form input[type=tel][disabled],
.form input[type=tel][readonly],
.form input[type=text][disabled],
.form input[type=text][readonly],
.form input[type=time][disabled],
.form input[type=time][readonly],
.form input[type=url][disabled],
.form input[type=url][readonly],
.form input[type=week][disabled],
.form input[type=week][readonly],
.form keygen[disabled],
.form keygen[readonly],
.form select[disabled],
.form select[readonly],
.form textarea[disabled],
.form textarea[readonly],
fieldset[disabled] .form input[type=color],
fieldset[disabled] .form input[type=date],
fieldset[disabled] .form input[type=datetime-local],
fieldset[disabled] .form input[type=datetime],
fieldset[disabled] .form input[type=email],
fieldset[disabled] .form input[type=month],
fieldset[disabled] .form input[type=number],
fieldset[disabled] .form input[type=password],
fieldset[disabled] .form input[type=search],
fieldset[disabled] .form input[type=tel],
fieldset[disabled] .form input[type=text],
fieldset[disabled] .form input[type=time],
fieldset[disabled] .form input[type=url],
fieldset[disabled] .form input[type=week],
fieldset[disabled] .form keygen,
fieldset[disabled] .form select,
fieldset[disabled] .form textarea {
    opacity: 1
}

.form input[type=color][disabled],
.form input[type=date][disabled],
.form input[type=datetime-local][disabled],
.form input[type=datetime][disabled],
.form input[type=email][disabled],
.form input[type=month][disabled],
.form input[type=number][disabled],
.form input[type=password][disabled],
.form input[type=search][disabled],
.form input[type=tel][disabled],
.form input[type=text][disabled],
.form input[type=time][disabled],
.form input[type=url][disabled],
.form input[type=week][disabled],
.form keygen[disabled],
.form select[disabled],
.form textarea[disabled],
fieldset[disabled] .form input[type=color],
fieldset[disabled] .form input[type=date],
fieldset[disabled] .form input[type=datetime-local],
fieldset[disabled] .form input[type=datetime],
fieldset[disabled] .form input[type=email],
fieldset[disabled] .form input[type=month],
fieldset[disabled] .form input[type=number],
fieldset[disabled] .form input[type=password],
fieldset[disabled] .form input[type=search],
fieldset[disabled] .form input[type=tel],
fieldset[disabled] .form input[type=text],
fieldset[disabled] .form input[type=time],
fieldset[disabled] .form input[type=url],
fieldset[disabled] .form input[type=week],
fieldset[disabled] .form keygen,
fieldset[disabled] .form select,
fieldset[disabled] .form textarea {
    cursor: not-allowed
}

.form button[disabled],
.form input[disabled],
.form textarea[disabled] {
    pointer-events: none
}

.form input[list],
.form input[type=color],
.form input[type=date],
.form input[type=datetime-local],
.form input[type=datetime],
.form input[type=email],
.form input[type=month],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=time],
.form input[type=url],
.form input[type=week] {
    -webkit-appearance: none
}

.form input[type=number]:not(.enable-spinners)::-webkit-inner-spin-button,
.form input[type=number]:not(.enable-spinners)::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.form input[type=number].enable-spinners:focus,
.form input[type=number].enable-spinners:hover {
    -moz-appearance: none
}

.form textarea {
    -webkit-appearance: none;
    height: auto;
    min-height: 8rem;
    overflow: auto;
    resize: vertical
}

.form input[type=file] {
    display: block
}

.form input[type=search] {
    -webkit-appearance: none;
    box-sizing: border-box
}

.form input[type=search]::-webkit-search-cancel-button,
.form input[type=search]::-webkit-search-decoration,
.form input[type=search]::-webkit-search-results-button,
.form input[type=search]::-webkit-search-results-decoration {
    display: none
}

.form select {
    width: 100%
}

.form select option {
    padding: 8px 10px
}

.form select[multiple],
.form select[size] {
    height: auto;
    padding: 0
}

.form select[multiple] option,
.form select[size] option {
    margin: 0
}

.form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 9' height='9' width='30' focusable='false'%3E%3Cpath id='path2' fill='%23003578' d='M8,8.4 15.4,1.5 14.5,0.4 8,5.3 1.5,0.4 0.6,1.5' /%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    height: 27px;
    height: 2.7rem
}

.form select.valid {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 9' height='9' width='30' focusable='false'%3E%3Cpath id='path2' fill='%23178830' d='M8,8.4 15.4,1.5 14.5,0.4 8,5.3 1.5,0.4 0.6,1.5' /%3E%3C/svg%3E")
}

.form select.error {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 9' height='9' width='30' focusable='false'%3E%3Cpath id='path2' fill='%23eb3924' d='M8,8.4 15.4,1.5 14.5,0.4 8,5.3 1.5,0.4 0.6,1.5' /%3E%3C/svg%3E")
}

.form select:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 9' height='9' width='30' focusable='false'%3E%3Cpath id='path2' fill='%23178830' d='M8,8.4 15.4,1.5 14.5,0.4 8,5.3 1.5,0.4 0.6,1.5' /%3E%3C/svg%3E")
}

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

.form button,
.form input,
.form label,
.form option,
.form select,
.form textarea {
    cursor: pointer
}

.form input[type=checkbox],
.form input[type=radio] {
    display: inline-block;
    line-height: normal;
    margin: 0 5px 0 0;
    margin-top: 1px\9;
    vertical-align: middle
}

.form input[type=checkbox]+label,
.form input[type=radio]+label {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    width: auto
}

.form input[type=checkbox][disabled]+label,
.form input[type=radio][disabled]+label {
    cursor: not-allowed
}

.form input[type=checkbox]:focus,
.form input[type=radio]:focus {
    outline: 0
}

.form input[type=range] {
    -webkit-appearance: none;
    display: block;
    width: 100%
}

.form input[type=range]::-webkit-slider-runnable-track {
    cursor: pointer;
    height: 5px;
    width: 100%;
    animate: .2s;
    background: green;
    border: 0 solid #000;
    border-radius: 0;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

.form input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: green;
    border: 0 solid #000;
    border-radius: 100%;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    cursor: pointer;
    height: 20px;
    margin-top: -3.6px;
    width: 20px
}

.form input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ac51b5
}

.form input[type=range]::-moz-range-track {
    cursor: pointer;
    height: 5px;
    width: 100%;
    animate: .2s;
    background: #ac51b5;
    border: 0 solid #000;
    border-radius: 0;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

.form input[type=range]::-moz-range-thumb {
    background: #65001c;
    border: 0 solid #000;
    border-radius: 7px;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    cursor: pointer;
    height: 20px;
    width: 39px
}

.form input[type=range]::-ms-track {
    cursor: pointer;
    height: 5px;
    width: 100%;
    animate: .2s;
    background: transparent;
    border-color: transparent;
    border-width: 39px 0;
    color: transparent
}

.form input[type=range]::-ms-fill-lower,
.form input[type=range]::-ms-fill-upper {
    background: #ac51b5;
    border: 0 solid #000;
    border-radius: 50px;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

.form input[type=range]::-ms-thumb {
    background: #65001c;
    border: 0 solid #000;
    border-radius: 7px;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    cursor: pointer;
    height: 20px;
    width: 39px
}

.form input[type=range]:focus::-ms-fill-lower,
.form input[type=range]:focus::-ms-fill-upper {
    background: #ac51b5
}

.form input[type=color] {
    height: 40px;
    padding: 0;
    width: 40px
}

.form {
    position: relative
}

.form__main-heading {
    border-bottom: 1px solid rgba(4, 88, 155, .1);
    margin-bottom: 17px;
    padding-bottom: 30px
}

.form__main-heading h2:last-child,
.form__main-heading p:last-child {
    margin-bottom: 0
}

@media(min-width:768px) {
    .form__main-heading {
        margin-bottom: 54px;
        padding-bottom: 36px
    }
}

.form__header {
    line-height: 1.25;
    margin-bottom: 28px
}

.form .container {
    max-width: 900px
}

.form .form-field {
    margin-bottom: 20px
}

.form .form-field--button {
    margin-top: 1rem;
    text-align: right
}

.form .form-field--button .cta.cta--no-icon {
    margin: 0;
    min-width: 205px;
    padding: .8rem 1.5rem
}

.form .form-field--button .cta.cta--no-icon:after,
.form .form-field.hide-label .labelText {
    display: none
}

.form .form-field .fieldErrors {
    display: block
}

.form .form-field__additional,
.form .form-field__label {
    display: block;
    font-size: 13px
}

.form .form-field__label {
    font-weight: 600;
    margin-bottom: 4px
}

.form .form-field__label .validator__message~.validator__message {
    display: none
}

.form .form-field__additional {
    margin-bottom: 10px
}

@media(min-width:768px) {
    .form .form-field {
        margin-bottom: 36px
    }
}

.form .form-field:last-child {
    margin-bottom: 0 !important
}

.form .form-field__field {
    align-items: center;
    display: flex;
    position: relative
}

.form .form-field__info {
    line-height: 1.25;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s
}

.form .form-field__info>div {
    background: #eee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 16px
}

.form .form-field__info.open {
    max-height: 10rem
}

.form .form-field__infoicon {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin: 0 0 0 12px;
    vertical-align: middle
}

.form .form-field__infoicon svg #tt-bg {
    fill: none
}

.form .form-field__infoicon svg #tt-i,
.form .form-field__infoicon.open svg #tt-bg,
.form .form-field__infoicon:hover svg #tt-bg {
    fill: #003578
}

.form .form-field__infoicon.open svg #tt-i,
.form .form-field__infoicon:hover svg #tt-i {
    fill: #fff
}

.form .form-field--invalid label {
    color: #eb3924
}

.form .form-field--select .form-field__field div {
    width: 100%
}

.form .form-field ul {
    line-height: 1.2;
    list-style: none;
    margin: 0;
    max-width: 370px;
    padding: 0;
    width: 100%
}

.form .form-field li {
    margin: 0;
    overflow: hidden;
    padding: 12px 0;
    position: relative
}

.form .form-field li input[type=checkbox],
.form .form-field li input[type=radio] {
    left: -999rem;
    position: absolute
}

.form .form-field li input[type=checkbox]+label,
.form .form-field li input[type=radio]+label {
    display: block;
    font-weight: 400;
    padding-left: 34px;
    position: relative
}

.form .form-field li input[type=checkbox]+label>span,
.form .form-field li input[type=radio]+label>span {
    border: 1px solid #d2d9dc;
    border-radius: 4px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.form .form-field li input[type=checkbox]:checked+label>span,
.form .form-field li input[type=checkbox]:focus+label>span,
.form .form-field li input[type=radio]:checked+label>span,
.form .form-field li input[type=radio]:focus+label>span {
    border-color: #178830
}

.form .form-field li input[type=checkbox]+label>span:before {
    border: 1px solid #d2d9dc;
    border-radius: 2px;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
    width: 10px
}

.form .form-field li input[type=checkbox]+label>span svg {
    left: 4px;
    position: absolute;
    top: -3px;
    fill: #178830;
    opacity: 0;
    transition: all .5s
}

.form .form-field li input[type=checkbox]:checked+label svg {
    opacity: 1
}

.form .form-field li input[type=radio]+label span {
    border-radius: 50%
}

.form .form-field li input[type=radio]+label span:after,
.form .form-field li input[type=radio]+label span:before {
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
    width: 10px
}

.form .form-field li input[type=radio]+label span:after {
    border: 1px solid #d2d9dc
}

.form .form-field li input[type=radio]+label span:before {
    background-color: #178830;
    transform: translate(-50%, -50%) scale(0)
}

.form .form-field li input[type=radio]:checked+label span:after {
    border-color: #178830
}

.form .form-field li input[type=radio]:checked+label span:before {
    transform: translate(-50%, -50%) scale(1)
}

.form .form-field li:not(:last-child) {
    border-bottom: 1px solid #d2d9dc
}

.form .feedback {
    margin: 0 auto;
    max-width: 650px
}

.form .feedback h2 {
    color: #178830
}

.form .feedback .columns\@md>div:first-child {
    margin-bottom: 3rem
}

@media(min-width:768px) {
    .form .feedback .columns\@md>div:first-child {
        margin-bottom: 0
    }
}

.xx {
    margin-bottom: 30px
}

@media(min-width:1024px) {
    .xx {
        margin-bottom: 54px
    }
}

.xx__left h2 {
    color: #178830
}

.xx__left .image {
    display: block;
    margin-top: 20px
}

@media(min-width:1024px) {
    .xx__left .image {
        margin-top: 36px
    }
}

.xx__left {
    padding: 20px 0
}

@media(min-width:768px) {
    .xx__left {
        padding: 36px 0
    }
}

.xx__right {
    padding: 20px
}

@media(min-width:768px) {
    .xx__right {
        padding: 36px
    }
}

.xx__right {
    background-color: #fff;
    border-radius: 8px
}

@media(min-width:768px) {
    .xx {
        display: flex;
        justify-content: space-between
    }

    .xx__left {
        flex: 0 0 38%
    }

    .xx__right {
        flex: 0 0 486px;
        padding-right: 78px
    }
}

.overlay--form .slide-pane__content {
    display: block !important;
    padding: 1rem !important
}

.overlay--form .slide-pane__header {
    background-color: #fff
}

.overlay--form .slide-pane__title {
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 10px 10px 10px 50px;
    position: relative
}

.overlay--form .slide-pane__title:before {
    background: url(images/icon/icon-tick.svg) no-repeat 50% 50%;
    content: "";
    height: 16px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.overlay--form .slide-pane__title-wrapper {
    margin-left: 1rem
}

.overlay--form ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.overlay--form li {
    border-radius: 8px;
    color: #04589b;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 10px 10px 10px 50px;
    position: relative
}

.overlay--form li .icon {
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.overlay--form li .icon svg {
    fill: #178830
}

.overlay--form li.selected {
    background: #eee
}

.form-errors {
    background-color: #fff;
    border: 2px solid #eb3924;
    border-radius: 8px;
    color: #eb3924;
    margin-bottom: 40px;
    padding: 20px 35px 35px 80px
}

.form-errors label {
    color: inherit;
    display: inline-block;
    font-weight: 300
}

.form-errors li,
.form-errors ul {
    margin: 0
}

.form-errors ul {
    border-top: 1px solid #eee;
    list-style-position: inside;
    padding-left: 0;
    padding-top: 20px
}

.form-errors h3 {
    position: relative
}

.form-errors h3 .icon {
    height: 30px;
    margin-left: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    fill: #eb3924
}

.form input[type=file] {
    height: .1px;
    opacity: 0;
    padding: 0;
    width: .1px
}

.form input[type=file]:focus+.custom-file .input {
    background-color: #fefefe;
    border-color: #178830 !important;
    box-shadow: 0 0 0 1px #178830
}

.form-field--file .form-field__field {
    flex-wrap: wrap
}

.form-field--document-library-document .form-field__label {
    display: none
}

.form .custom-file {
    align-items: flex-start;
    display: flex;
    flex: 0 0 100%;
    font-weight: 400
}

.form .custom-file__additional {
    color: #b9b9b9;
    display: block;
    font-family: Mulish, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    margin-top: 10px;
    text-align: center
}

.form .custom-file .input {
    margin-right: 16px
}

.form .custom-file .cta {
    margin: 5px 0;
    padding: 8px 12px
}

.contentExpander {
    height: 0;
    left: -2000em;
    overflow: hidden;
    position: absolute
}

.contentExpander .close {
    z-index: 10
}

.document-link {
    border-bottom: 1px solid #eee;
    position: relative;
    width: 100%
}

.document-link__head {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch
}

.document-link__thumb {
    display: block;
    flex: 0 0 auto;
    margin: 0 21px 1em 0
}

.document-link__thumb img {
    height: auto
}

.document-link__content {
    flex: 0 0 auto;
    margin: 0 0 2em;
    max-width: calc(100% - 125px);
    width: 100%
}

.document-link__name {
    color: #003578;
    display: block;
    line-height: 1;
    margin-bottom: 0;
    padding: 0
}

.document-link .document-link__thumb {
    margin-bottom: 0;
    padding-left: 10px;
    width: 30px
}

.document-link .document-link__thumb a,
.document-link .document-link__thumb img {
    float: left
}

.document-link .document-link__content {
    margin-bottom: 0
}

.document-link .document-link__content a {
    display: block;
    margin-bottom: .5rem
}

.document-link .document-link__body,
.document-link .document-link__head {
    margin-bottom: 1rem
}

.document-link__ref {
    display: block;
    margin: 0
}

.document-link__ref span {
    display: inline-block
}

.document-link__expander {
    display: block;
    flex: 0 0 100%;
    margin-left: 0
}

@media(min-width:1024px) {
    .document-link__expander {
        flex: 0 0 calc(100% - 45px);
        margin-left: 50px
    }
}

.document-link__toggle {
    color: #04589b;
    cursor: pointer;
    margin-right: -10px;
    margin-top: -10px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.document-link__toggle .icon {
    margin-left: 8px
}

.document-link__body {
    margin: 0 0 2em
}

.document-link__control {
    display: inline-block;
    margin: 0 .75em 1em 0
}

.document-link__cancel,
.document-link__save {
    cursor: pointer;
    font-weight: 300;
    padding: 0 0 0 19px
}

.document-link__save {
    display: inline;
    font-size: 14px;
    font-weight: 300;
    padding: 0 0 0 25px;
    position: relative
}

.document-link__save:before {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%
}

.document-link__save--saved {
    padding: 0 0 0 25px
}

.document-link__save--saved:before {
    display: none
}

.document-link__save--saved .icon {
    display: block;
    left: 0;
    position: absolute;
    top: -1px
}

.document-link__download:before {
    background-image: url(/dist/images/icon/dw-ico.png);
    height: 17px;
    margin-top: -11px;
    width: 18px
}

.document-link__post:before {
    background-image: url(/dist/images/icon/mail-ico.png);
    height: 15px;
    margin-top: -7px;
    width: 20px
}

.document-link__icons {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 2em;
    padding: 0
}

.document-link__icon {
    display: flex;
    flex: 0 0 100%;
    margin: 0 0 1em
}

@media(min-width:1024px) {
    .document-link__icon {
        flex: 0 0 25%;
        padding-right: 10px
    }
}

.document-link__icon img {
    flex: 0 0 auto;
    height: auto;
    margin-right: 5px;
    position: absolute;
    width: 20px
}

.document-link__icon span {
    flex: 0 0 calc(100% - 25px);
    font-size: 11px;
    line-height: 13px;
    padding-left: 25px
}

.document-link__quantity {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.document-link__quantity label {
    margin: 0 0 6px
}

.document-link__quantity input[type=number] {
    width: 3em !important
}

.document-link__quantity-label {
    flex: 0 0 100%
}

.document-link__quantity-input {
    margin: 0 1em 0 0
}

.document-link__remove {
    align-self: center
}

.document-link--post-basket {
    padding: 0 0 2em
}

.document-link--post-basket .document-link__content {
    margin-bottom: 1em
}

@-webkit-keyframes opIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1) rotate(0)
    }

    70% {
        opacity: .4;
        -webkit-transform: scale(1) rotate(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0)
    }
}

@keyframes opIn {
    0% {
        opacity: 0;
        transform: scale(1) rotate(0)
    }

    70% {
        opacity: .4;
        transform: scale(1) rotate(0)
    }

    to {
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

.loading {
    align-items: center;
    animation: opIn 1.5s ease-in-out;
    display: flex;
    justify-content: center
}

.loading img {
    max-height: 25px;
    max-width: 25px;
    opacity: 0
}

.loading img:not(:last-child) {
    margin-right: 15px
}

.loading img.img__left {
    animation: animateIconLeft 1.5s ease-in-out .1s infinite
}

@-webkit-keyframes animateIconLeft {
    0% {
        opacity: .3;
        -webkit-transform: scale(.3) rotate(-20deg)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.4) rotate(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.4) rotate(-20deg)
    }
}

@keyframes animateIconLeft {
    0% {
        opacity: .3;
        transform: scale(.3) rotate(-20deg)
    }

    70% {
        opacity: 1;
        transform: scale(1.4) rotate(-20deg)
    }

    to {
        opacity: 0;
        transform: scale(1.4) rotate(-20deg)
    }
}

.loading img.img__middle {
    animation: animateIcon 1.5s ease-in-out .5s infinite;
    margin-top: -10px
}

@-webkit-keyframes animateIcon {
    0% {
        opacity: .3;
        -webkit-transform: scale(.3) rotate(0deg)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.4) rotate(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.4) rotate(0deg)
    }
}

@keyframes animateIcon {
    0% {
        opacity: .3;
        transform: scale(.3) rotate(0deg)
    }

    70% {
        opacity: 1;
        transform: scale(1.4) rotate(0deg)
    }

    to {
        opacity: 0;
        transform: scale(1.4) rotate(0deg)
    }
}

.loading img.img__right {
    animation: animateIconRight 1.5s ease-in-out .9s infinite
}

@-webkit-keyframes animateIconRight {
    0% {
        opacity: .3;
        -webkit-transform: scale(.3) rotate(20deg)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.4) rotate(20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.4) rotate(20deg)
    }
}

@keyframes animateIconRight {
    0% {
        opacity: .3;
        transform: scale(.3) rotate(20deg)
    }

    70% {
        opacity: 1;
        transform: scale(1.4) rotate(20deg)
    }

    to {
        opacity: 0;
        transform: scale(1.4) rotate(20deg)
    }
}

.loading--fullscreen {
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

.glossary {
    opacity: 1;
    position: relative
}

.glossary__container.container {
    max-width: 1000px
}

.glossary .label {
    margin-bottom: -10px;
    padding-left: 10px;
    position: relative;
    z-index: 100
}

.glossary__header {
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    overflow: auto;
    transition: all .5s
}

@media(min-width:1024px) {
    .glossary__header {
        border-bottom: 0
    }
}

.glossary__header ul {
    color: #ccc;
    display: table;
    font-family: livvic, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    width: 100%
}

@media(min-width:1024px) {
    .glossary__header ul {
        font-size: 22px
    }
}

.glossary__header li {
    display: table-cell;
    text-transform: uppercase
}

.glossary__header a,
.glossary__header span {
    display: block;
    padding: 20px 8px;
    text-align: center
}

@media(min-width:1024px) {

    .glossary__header a,
    .glossary__header span {
        padding: 30px 0
    }
}

.glossary__header a span,
.glossary__header span span {
    padding: 0
}

.fixed .glossary__header {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.glossary__items {
    margin-top: 46px
}

@media(min-width:1024px) {
    .glossary__items {
        margin-top: 60px
    }
}

.glossary__item {
    margin-bottom: 50px;
    position: relative
}

.glossary__item h2 {
    font-size: 30px;
    min-width: 200px !important
}

@media(min-width:1024px) {
    .glossary__item h2 {
        font-size: 72px
    }

    .glossary__item {
        display: flex
    }

    .glossary__item>div {
        flex-grow: 1
    }
}

.glossary .accordion {
    margin-bottom: 20px
}

.glossary .accordion__head {
    border-top: 1px solid #f4f4f4;
    color: #04589b;
    cursor: pointer;
    line-height: 1.2;
    margin-bottom: -10px;
    margin-top: 10px;
    padding: 20px 30px 20px 20px;
    position: relative;
    transition: all .3s linear
}

@media(min-width:1024px) {
    .glossary .accordion__head {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

.glossary .accordion__head:hover {
    background: #f7f7f7
}

.glossary .accordion__icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s
}

.glossary .accordion__article {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 20px
}

.glossary .accordion__article ul:last-child,
.glossary .accordion__article ul:last-child li:last-child {
    margin-bottom: 0
}

@media(min-width:1024px) {
    .glossary .accordion__article {
        padding: 36px
    }
}

#logout-page {
    flex: 1 0 auto
}

#logout-page .content {
    align-items: flex-start;
    display: flex;
    justify-content: space-around;
    margin: 45px 100px
}

#logout-page .content .left-block {
    width: 70%
}

#logout-page .content .heading {
    color: #007c9e;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.5
}

#logout-page .content .desc p {
    color: #46616e;
    font-size: 14px
}

#logout-page .content .cta {
    background-color: #006cf4;
    height: 44px;
    padding-top: .8rem
}

#logout-page .content .cta:hover {
    background-color: #003578
}

#logout-page .content .links {
    display: block;
    margin-top: 10px
}

#logout-page+#dashboard-footer {
    bottom: 0;
    position: fixed;
    width: 100%
}

#dashboard-header {
    background: #007c9e
}

.dashboard-header {
    margin: 0 auto;
    max-width: 1220px
}

.dashboard-header .primary {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 85%, .5);
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0
}

.dashboard-header .primary .nav-links {
    display: flex
}

.dashboard-header .primary .nav-links .pph-link {
    line-height: 16px;
    padding: 0 1.5rem
}

.dashboard-header .primary .nav-links .pph-link:not(:last-child) {
    border-right: 1px solid #fff
}

.dashboard-header .primary .nav-links .pph-link a {
    color: #fff;
    font-weight: 300;
    text-decoration: none
}

.dashboard-header .primary .nav-links .pph-link a:hover {
    border-bottom: 1px solid #fff;
    padding-bottom: 26px
}

.dashboard-header .primary .logo {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 27px;
    margin: 0;
    min-height: auto;
    width: 207px
}

.dashboard-header .primary .logo a {
    display: flex
}

.dashboard-header .secondary {
    padding: 3.75rem 0
}

@media(max-width:1280px) {
    .dashboard-header {
        max-width: 90%
    }
}

.pph-link {
    padding-left: 1.5rem
}

.pph-link a {
    color: #fff;
    font-weight: 300
}

#dashboard-footer {
    background-color: #fff
}

.dashboard-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 7.75rem;
    padding: 0
}

@media(max-width:1280px) {
    .dashboard-footer {
        margin: 0 1.5rem
    }
}

@media(max-width:1024px) {
    .dashboard-footer {
        margin: 0;
        padding: 29px 36px 16px
    }
}

.dashboard-footer .nav-links {
    display: flex
}

.dashboard-footer .nav-links .link {
    line-height: 1.3rem
}

.dashboard-footer .nav-links a {
    color: #04589b;
    font-size: 16px;
    line-height: 1.3rem
}

.dashboard-footer .logo-block {
    align-items: center;
    display: flex
}

.dashboard-footer .logo-block .logo {
    height: 26px;
    margin-top: 1.25rem;
    width: 95px
}

@media(max-width:1024px) {
    .dashboard-footer .logo-block .logo {
        margin-top: 0
    }
}

.dashboard-footer .logo-block .copyright {
    font-size: 14px;
    line-height: 1.25;
    margin-left: 15px
}

.dashboard-article {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.dashboard-article.wrapper {
    margin: 3.75rem auto;
    max-width: 1220px
}

@media(min-width:768px)and (max-width:1024px) {
    .dashboard-article.wrapper {
        width: 90%
    }
}

@media(max-width:1280px) {
    .dashboard-article.wrapper {
        max-width: 90%
    }
}

.dashboard-article .body {
    flex-basis: 70%
}

.dashboard-article .body h4 {
    line-height: 36px;
    margin-bottom: 1.5rem
}

.dashboard-article .body ul {
    margin: 0 0 0 2rem;
    padding: 0
}

.dashboard-article .body ul li {
    list-style-type: disc;
    margin: 0 0 .5rem
}

.detail-parent.wrapper {
    margin: 1.5rem auto 3.75rem;
    max-width: 1100px
}

@media(max-width:1280px) {
    .detail-parent.wrapper {
        max-width: 90%
    }
}

.detail-parent.wrapper .joint-cta {
    display: none
}

@media(min-width:768px)and (max-width:1024px) {
    .detail-parent.wrapper .joint-cta {
        align-items: center;
        display: flex;
        margin-bottom: 25px
    }

    .detail-parent.wrapper .joint-cta .links a,
    .detail-parent.wrapper .joint-cta .title {
        margin: 0 15px 0 0
    }

    .detail-parent.wrapper .joint-cta .title {
        color: #007c9e
    }
}

.detail-parent.wrapper .right-section .tooltip .content {
    left: -100px
}

.detail-parent.wrapper .main-container {
    align-items: flex-start;
    display: flex;
    margin: 0 auto
}

@media(max-width:1024px) {
    .detail-parent.wrapper .main-container {
        display: block;
        flex-direction: column
    }

    .detail-parent.wrapper .main-container .content-section {
        margin-top: 20px
    }
}

.detail-parent.wrapper .main-container aside {
    flex: 1
}

.detail-parent.wrapper .msg {
    background-color: #eb3924;
    border-radius: 13px;
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    margin: 15px auto;
    padding: 15px
}

.detail-parent.wrapper .select-wrapper {
    width: 300px
}

.detail-parent.wrapper .select-wrapper .select__option a {
    color: #3d3d3d;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.3px;
    line-height: 32px
}

.detail-parent.wrapper .select-wrapper .select__option--is-focused {
    background-color: #04589b
}

.detail-parent.wrapper .select-wrapper .select__option--is-focused a {
    color: #fff
}

.detail-parent.wrapper .select-wrapper:first-child {
    margin-right: 20px
}

.detail-container {
    background-color: #fff;
    border-radius: 13px !important;
    box-shadow: -1px 0 2px 1px rgba(0, 0, 0, .09);
    margin: 0 auto 1.5rem;
    padding: 1.5rem;
    width: 100%
}

.detail-container .title-heading {
    border-bottom: 1px solid #cce5ec;
    margin-bottom: .75rem;
    padding-bottom: 1.5rem
}

.detail-container .tooltip:hover .content {
    display: block
}

@media(max-width:1024px) {
    .detail-parent.wrapper {
        margin: 32px 36px 48px
    }

    .detail-parent.wrapper .detail-container,
    .detail-parent.wrapper .msg {
        width: auto
    }

    .detail-parent.wrapper .main-container {
        margin: 0;
        max-width: none
    }
}

#detail-parent {
    flex: 1 0 auto
}

.info-cont .back-label {
    align-items: center;
    color: #04589b;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding-left: 0 !important
}

.info-cont .back-label:before {
    background-image: url(images/icon-arrow-link.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: .75rem;
    transform: rotate(180deg);
    width: 8px
}

.info-cont .heading {
    font-weight: 600;
    margin-bottom: 3.75rem;
    margin-top: 1.5rem
}

.loading {
    height: 30px
}

.loading .spnr {
    animation: spnr 1s linear infinite;
    background: url(images/icon/icon-pph-loading.png) no-repeat;
    height: 24px;
    opacity: 1 !important;
    width: 24px
}

.dashboard-table .loading {
    float: right
}

.sidebar {
    border-radius: 12px;
    margin-right: 1.5rem;
    width: 308px
}

@media(max-width:1024px) {
    .sidebar {
        display: none
    }
}

.sidebar .sidebar-heading {
    border-bottom: 1px solid #d2d9dc;
    line-height: normal;
    margin: 0 1.5rem;
    padding: 1.5rem 0
}

.sidebar .cta-links {
    margin: 0 10px 10px;
    text-align: center
}

.sidebar .cta-links .cta {
    display: block;
    margin: 10px
}

.sidebar .cta-links:after {
    border-bottom: 1px solid #d2d9dc;
    content: "";
    display: block;
    text-align: center
}

.sidebar ul.nav-item {
    margin-top: 4px;
    padding-bottom: .75rem
}

.sidebar .nav-item li {
    list-style: none
}

.sidebar .nav-item li a {
    color: #04589b;
    cursor: pointer;
    display: block;
    padding: .75rem 1.5rem;
    position: relative
}

.sidebar .nav-item li a .link-label {
    display: block;
    max-width: calc(100% - 25px)
}

.sidebar .nav-item li a .link-label.new {
    max-width: calc(100% - 60px)
}

.sidebar .nav-item li a .new-icon {
    background-color: #178830;
    border-radius: 5px;
    color: #fff;
    font-family: Mulish, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: -.19px;
    line-height: 13px;
    padding: 4px 6px;
    position: absolute;
    right: 48px;
    top: 50%;
    transform: translateY(-50%)
}

.sidebar .nav-item li a:after {
    background-image: url(images/icon/arrow.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    content: "";
    height: 25px;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 25px
}

.sidebar .nav-item li a.active {
    background-color: #04589b;
    color: #fff
}

.sidebar .nav-item li a.active:after {
    background-image: url(images/icon/arrow-hover.svg)
}

.sidebar.sticky-wrapper {
    min-width: 308px;
    position: relative
}

.sidebar.sticky-wrapper .sticky-inner {
    border-radius: 12px;
    transform: translateY(0);
    width: 308px
}

.sidebar.sticky .sticky-inner {
    position: fixed;
    top: 0;
    z-index: 2
}

.sidebar .links-section {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .1)
}

@media(max-width:1024px) {

    .detail-parent.wrapper .side-wrapper,
    .plan-overview.wrapper .side-wrapper {
        margin-right: 10px
    }
}

.detail-parent.wrapper .side-wrapper.hide,
.plan-overview.wrapper .side-wrapper.hide {
    display: none
}

@media(max-width:1024px) {

    .detail-parent .wrap-div,
    .plan-overview .wrap-div {
        display: flex;
        height: 44px
    }

    .detail-parent .wrap-div .select__control,
    .plan-overview .wrap-div .select__control {
        width: 300px
    }

    .detail-parent .wrap-div .select__control:after,
    .plan-overview .wrap-div .select__control:after {
        background: url(images/icon/dropdown-arrow.svg) 50% 50% no-repeat
    }
}

.action-required .progress-block .progress {
    background-image: url(images/chevron.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 17px;
    width: 74px
}

.action-required .progress-block .progress.stage-0 {
    background-image: url(images/icon/Progress_0.svg);
    display: none
}

.action-required .progress-block .progress.stage-1 {
    background-image: url(images/icon/Progress_1.svg)
}

.action-required .progress-block .progress.stage-2 {
    background-image: url(images/icon/Progress_2.svg)
}

.action-required .progress-block .progress.stage-3 {
    background-image: url(images/icon/Progress_3.svg)
}

.action-required .progress-block .progress.stage-4 {
    background-image: url(images/icon/Progress_4.svg)
}

.action-required .title-heading.no-action:before {
    background-image: none;
    content: none;
    width: 0
}

.action-required .title-heading:before {
    background-image: url(images/Alert.svg);
    background-size: 25px;
    content: "";
    display: inline-block;
    height: 22px;
    margin-right: .75rem;
    position: relative;
    top: 1px;
    width: 25px
}

.action-required>.content {
    display: flex;
    justify-content: space-between
}

.action-required>.content .right-section {
    background-color: #c1da98;
    border-radius: 10px;
    height: 100%;
    margin-top: .75rem;
    padding: 1.5rem;
    position: relative;
    width: 240px
}

.action-required>.content .right-section .date-label {
    font-weight: 600
}

.action-required>.content .right-section .date-value {
    background-color: #fff;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0 0;
    padding: .75rem 0;
    text-align: center
}

.action-required>.content .right-section .tooltip {
    background-image: url(images/icon/info-detail-tooltip.svg);
    left: auto;
    right: .75rem;
    top: .75rem
}

.action-required>.content .right-section .tooltip:hover .content {
    display: block !important
}

.action-required>.content p {
    color: #3d3d3d;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: .75rem
}

.action-required>.content .left-section.half-width {
    flex-basis: 55%
}

.action-required>.content .left-section .status .value {
    font-weight: 600
}

.action-required>.content .left-section .underwriting {
    font-size: 22px;
    font-weight: 600;
    margin: 1.5rem 0
}

.action-required>.content .left-section .underwriting .further-progress {
    display: block;
    font-size: 16px;
    margin-top: .75rem
}

.action-required .info {
    line-height: 20px;
    margin: 0
}

.pph-tooltip {
    background-image: url(images/icon/info.svg);
    background-size: 16px;
    display: inline-block;
    height: 16px;
    left: 10px;
    position: absolute;
    top: -20px;
    width: 16px
}

.pph-tooltip.powerBarProgressInd {
    left: 10px
}

@media(max-width:1024px) {
    .pph-tooltip.powerBarProgressInd {
        left: -4px
    }
}

@media(min-width:1025px) {
    .pph-tooltip:hover {
        background-image: url(images/icon/info-over.svg)
    }

    .pph-tooltip:hover .content {
        opacity: 1;
        visibility: visible
    }
}

@media(min-width:1025px)and (max-width:1280px) {
    .pph-tooltip:hover .content {
        top: 0
    }
}

@media(max-width:1024px) {
    .pph-tooltip.open {
        background-image: url(images/icon/info-over.svg)
    }

    .pph-tooltip.open .content {
        opacity: 1;
        top: 0;
        visibility: visible
    }
}

.pph-tooltip .content {
    background-color: #ecf5f8;
    border: 1px solid #007c9e;
    border-radius: 14px;
    box-sizing: border-box;
    left: 20px;
    opacity: 0;
    padding: 1.5rem;
    position: relative;
    top: -30px;
    transition: visibility 0s, opacity .5s linear;
    visibility: hidden;
    width: 288px;
    z-index: 9999
}

.pph-tooltip .content:hover {
    display: none
}

.pph-tooltip .content__heading {
    align-items: center;
    display: flex;
    margin-bottom: 1.5rem;
    position: relative
}

.pph-tooltip .content__heading:before {
    background-image: url(images/icon/info-tooltip.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    height: 24px;
    margin-right: .75rem;
    width: 24px
}

.pph-tooltip .content__content {
    margin: 0;
    text-align: left
}

.main-container .addstart-date-section {
    margin: 0 0 1.5rem;
    padding: 1.5rem
}

.main-container .addstart-date-section .title-heading {
    border-bottom: 1px solid #cce5ec;
    line-height: normal;
    margin-bottom: .75rem;
    padding-bottom: 1.5rem
}

.main-container .addstart-date-section .debit-details {
    border-bottom: 1px solid #cce5ec;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.5rem
}

.main-container .addstart-date-section .debit-details .payment-details-label {
    font-weight: 600;
    padding-bottom: 1.5rem
}

.main-container .addstart-date-section .debit-details .row {
    display: flex;
    flex: 0 0 100%
}

.main-container .addstart-date-section .debit-details .row:not(:last-child) {
    margin-bottom: .75rem
}

.main-container .addstart-date-section .debit-details .row .field-label {
    flex: 0 0 33%;
    font-weight: 600
}

.main-container .addstart-date-section .form-section {
    line-height: 20px
}

.main-container .addstart-date-section .form-section .desc {
    margin: 0;
    padding: 1.5rem 0
}

.main-container .addstart-date-section .form-section .question {
    line-height: 20px
}

.main-container .addstart-date-section .form-section .error {
    color: #d72714;
    display: block;
    margin-bottom: .75rem
}

.main-container .addstart-date-section .form-section .collection-dates,
.main-container .addstart-date-section .form-section .date-wrapper:first-child,
.main-container .addstart-date-section .form-section .datefield-wrapper,
.main-container .addstart-date-section .form-section .startdate-desc {
    margin-bottom: 1.5rem
}

.main-container .addstart-date-section .form-section .collection-dates {
    width: 420px
}

.main-container .addstart-date-section .form-section .collection-dates .date-wrapper {
    align-items: center;
    background: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    font-weight: 600;
    height: 44px
}

.main-container .addstart-date-section .form-section .collection-dates .date-wrapper .date-info,
.main-container .addstart-date-section .form-section .collection-dates .date-wrapper .premium-amt,
.main-container .addstart-date-section .form-section .collection-dates .date-wrapper .right-section {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.main-container .addstart-date-section .form-section .collection-dates .date-wrapper .date-info {
    width: 150px
}

.main-container .addstart-date-section .form-section .collection-dates .date-wrapper .premium-amt {
    width: 100px
}

.main-container .addstart-date-section .form-section .collection-dates .date-wrapper .right-section {
    background-color: #007c9e;
    color: #fff;
    width: 170px
}

.main-container .addstart-date-section .form-section .collection-dates .premium-msg {
    display: block;
    margin-top: .75rem
}

.main-container .addstart-date-section .form-section .submit-btn {
    align-items: center;
    display: inline-flex
}

.main-container .addstart-date-section .form-section .submit-btn:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat;
    content: "";
    height: 16px;
    margin-left: .75rem;
    position: relative;
    top: 8px;
    transform: translateY(-50%);
    width: 8px
}

.main-container .addstart-date-section .form-section .submit-btn.inactive:after {
    background: url(images/icon/arrow-disabled.svg) 50% 50% no-repeat
}

.main-container .addstart-date-section .datefield-wrapper {
    height: 44px
}

.main-container .addstart-date-section .datefield-wrapper .icon-valid {
    background: url(images/icon/circle-tick.svg) 50% 50% no-repeat;
    background-size: 24px;
    display: flex;
    height: 24px;
    left: 268px;
    position: relative;
    top: 10px;
    width: 24px
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container {
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    box-sizing: border-box;
    flex-grow: 1;
    max-width: 256px;
    position: absolute;
    width: 256px
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container:after {
    background: url(images/icon/dropdown-arrow.svg) 50% 50% no-repeat
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container.open {
    border-width: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    z-index: 2
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container.date-provided,
.main-container .addstart-date-section .datefield-wrapper .date-picker-container.open {
    border-color: #178830
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container.date-provided:after,
.main-container .addstart-date-section .datefield-wrapper .date-picker-container.open:after {
    background: url(images/icon/dropdown-arrow-active.svg) 50% 50% no-repeat;
    border-color: #178830
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container.error {
    border: 1px solid #d72714
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container.error:after {
    background: url(images/icon/icon-select-error.svg) 50% 50% no-repeat !important
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container.date-provided .react-datepicker-popper .react-datepicker__day.react-datepicker__day--today {
    background-color: #fff;
    color: #3d3d3d
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container .react-datepicker-wrapper {
    display: block
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container .react-datepicker-wrapper .react-datepicker__input-container input {
    background: transparent;
    border: none;
    color: #3d3d3d;
    font-family: Mulish, sans-serif;
    font-weight: 300;
    height: 42px;
    letter-spacing: -.26px;
    line-height: 26px;
    padding: 10px 16px;
    text-align: left;
    width: 100%
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container .react-datepicker-wrapper .react-datepicker__input-container input::placeholder {
    color: rgba(61, 61, 61, .5)
}

.main-container .addstart-date-section .datefield-wrapper .date-picker-container .react-datepicker-wrapper .react-datepicker__input-container input:focus {
    outline: none
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper {
    left: -1px;
    margin: 0;
    position: relative !important;
    transform: none !important
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker {
    border: none;
    padding: 7px 6px 0
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__navigation {
    background-image: url(images/icon/arrow.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    height: 25px;
    position: absolute;
    top: 16px;
    width: 25px
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__navigation span:before {
    content: none !important
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous {
    transform: rotate(180deg)
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__month {
    margin-top: .75rem
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__header {
    background: none;
    border-bottom: 1px solid #cce5ec;
    border-radius: 0;
    border-top: 1px solid #cce5ec;
    padding: 12px
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__header .react-datepicker__current-month {
    color: #04589b;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__day-names {
    display: none
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__day {
    background-color: #fff;
    color: #3d3d3d;
    font-family: Mulish, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__day.react-datepicker__day--outside-month {
    color: rgba(61, 61, 61, .3)
}

.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__day.react-datepicker__day--selected,
.main-container .addstart-date-section .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__day.react-datepicker__day--today {
    background-color: #04589b;
    color: #fff
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-wrapper {
    border: 0;
    display: inline-block;
    padding: 0
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: .8rem;
    line-height: normal;
    position: relative
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker-popper {
    line-height: 0;
    z-index: 1
}

.react-datepicker-popper .react-datepicker__triangle {
    stroke: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    fill: #f0f0f0;
    color: #f0f0f0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    fill: #fff;
    color: #fff
}

.react-datepicker__header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative;
    text-align: center
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    color: #000;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0
}

h2.react-datepicker__current-month {
    margin: 0;
    padding: 0
}

.react-datepicker-time__header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 2px;
    width: 32px;
    z-index: 1
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
    font-size: 20px;
    position: relative;
    top: -1px;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    left: -7px;
    transform: rotate(45deg)
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    right: -7px;
    transform: rotate(225deg)
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__input-time-container {
    clear: both;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
    width: 100%
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    display: inline-block;
    margin-left: 5px
}

.react-datepicker__time-container {
    border-left: 1px solid #aeaeae;
    float: right;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline;
    position: absolute;
    right: -87px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    border-bottom-right-radius: .3rem;
    position: relative
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    border-bottom-right-radius: .3rem;
    margin: 0 auto;
    overflow-x: hidden;
    text-align: center;
    width: 85px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    box-sizing: content-box;
    height: calc(195px + .85rem);
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    background-color: transparent;
    cursor: default
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__week-number--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__week-number--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day-names {
    margin-bottom: -8px;
    white-space: nowrap
}

.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    background-color: #3dcc4a;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
    background-color: #ff6803;
    border-radius: .3rem;
    color: #fff;
    position: relative
}

.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
    background-color: #333;
    border-radius: 4px;
    bottom: 100%;
    color: #fff;
    left: 50%;
    opacity: 0;
    padding: 4px;
    position: absolute;
    transform: translateX(-50%);
    transition: visibility 0s, opacity .3s ease-in-out;
    visibility: hidden;
    white-space: nowrap
}

.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
    background-color: #cf5300
}

.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
    opacity: 1;
    visibility: visible
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__day--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    background-color: #bad9f1;
    border-radius: .3rem;
    color: #000
}

.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
    background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    color: #ccc;
    cursor: default
}

.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
    background-color: #333;
    border-radius: 4px;
    bottom: 70%;
    color: #fff;
    left: 50%;
    opacity: 0;
    padding: 4px;
    position: absolute;
    transform: translateX(-50%);
    transition: visibility 0s, opacity .3s ease-in-out;
    visibility: hidden;
    white-space: nowrap
}

.react-datepicker__input-container {
    display: inline-block;
    position: relative;
    width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    box-sizing: content-box;
    padding: .5rem;
    position: absolute
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    right: -16px;
    top: 0;
    transform: rotate(135deg)
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    left: 25%;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50%;
    z-index: 1
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    display: block;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    left: 15px;
    position: absolute
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    background-color: #216ba5;
    border-radius: 50%;
    color: #fff;
    content: "×";
    cursor: pointer;
    display: table-cell;
    font-size: 12px;
    height: 16px;
    line-height: 1;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.react-datepicker__close-icon--disabled {
    cursor: default
}

.react-datepicker__close-icon--disabled:after {
    background-color: #ccc;
    cursor: default
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    clear: left;
    cursor: pointer;
    font-weight: 700;
    padding: 5px 0;
    text-align: center
}

.react-datepicker__portal {
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    line-height: 3rem;
    width: 3rem
}

@media (max-height:550px),
(max-width:400px) {

    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        line-height: 2rem;
        width: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    height: auto;
    margin: .4rem;
    padding-left: .2rem;
    padding-right: .2rem;
    width: 13.8rem
}

.react-datepicker__aria-live {
    border: 0;
    clip-path: circle(0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.react-datepicker__calendar-icon {
    height: 1em;
    vertical-align: -.125em;
    width: 1em
}

.edit-date-section {
    margin-bottom: 1.5rem;
    padding: 1.5rem !important
}

.edit-date-section .title-heading {
    border-bottom: 1px solid #cce5ec;
    line-height: normal;
    margin-bottom: .75rem;
    padding-bottom: 1.5rem
}

.edit-date-section .debit-details {
    border-bottom: 1px solid #cce5ec;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.5rem
}

.edit-date-section .debit-details .payment-details-label {
    font-weight: 600;
    padding-bottom: 1.5rem
}

.edit-date-section .debit-details .row {
    display: flex;
    flex: 0 0 100%
}

.edit-date-section .debit-details .row:not(:last-child) {
    margin-bottom: .75rem
}

.edit-date-section .debit-details .row .field-label {
    flex: 0 0 33%;
    font-weight: 600
}

.edit-date-section .select-container {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.edit-date-section .paymentday-description {
    background-color: #f7f7f7;
    border-radius: 12px;
    padding: 1.5rem
}

.edit-date-section .select-wrapper .select__menu {
    border: 2px solid #178830;
    border-radius: 8px;
    border-top: none
}

.edit-date-section .select-wrapper .select__menu .select__option {
    padding: 3px 12px
}

.edit-date-section .select-wrapper .select__menu .select__option.select__option--is-selected:not(.select__option--is-focused) {
    background: inherit;
    color: inherit
}

.edit-date-section .select-wrapper.selected .select__control {
    border: 1px solid #178830
}

.edit-date-section .select-wrapper.selected .select__control:after {
    background: url(images/icon/dropdown-arrow-active.svg) 50% 50% no-repeat
}

.edit-date-section .select-wrapper .select__control {
    border-color: #b8b8b8;
    border-radius: 8px;
    height: 44px
}

.edit-date-section .select-wrapper .select__control:after {
    background: url(images/icon/dropdown-arrow.svg) 50% 50% no-repeat
}

.edit-date-section .select-wrapper .select__control.select__control--menu-is-open {
    border: 2px solid #178830;
    border-bottom: none
}

.edit-date-section .select-wrapper .select__control.select__control--menu-is-open:after {
    background: url(images/icon/dropdown-arrow-active.svg) 50% 50% no-repeat
}

.edit-date-section .submit-btn {
    align-items: center;
    display: inline-flex
}

.edit-date-section .submit-btn:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat;
    content: "";
    height: 16px;
    margin-left: .75rem;
    position: relative;
    top: 8px;
    transform: translateY(-50%);
    width: 8px
}

.edit-date-section .submit-btn.inactive:after {
    background: url(images/icon/arrow-disabled.svg) 50% 50% no-repeat
}

.edit-date-section .error {
    color: #d72714
}

.acceptance-terms .pdf-links {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-family: Mulish, sans-serif;
    margin-bottom: .75rem
}

.acceptance-terms .pdf-links .pdf-link {
    background: url(images/icon/doc-icon-24x24.png) transparent no-repeat 0;
    box-shadow: none;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: .75rem;
    padding: 0 2rem
}

.acceptance-terms .pdf-links .pdf-link:hover {
    background-color: transparent;
    box-shadow: none
}

.acceptance-terms .pdf-links .pdf-link:focus {
    outline: none
}

.acceptance-terms .pdf-links .pdf-link span {
    color: #04589b
}

.acceptance-terms .cta {
    margin-top: 0
}

.acceptance-terms .info {
    margin-bottom: 1.5rem
}

.further-container .block-container {
    padding-top: .75rem
}

.further-container .block-container .block {
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    padding: .75rem
}

.further-container .block-container .block p,
.further-container .block-container .block:last-child {
    margin: 0
}

.further-container .block-container .block.required {
    background-color: #f7f7f7
}

.further-container .block-container .block.received {
    background-color: #e3edc7
}

.further-container .block-container .block.outstanding {
    border: 1px solid #efc400;
    border-top: 12px solid #efc400
}

.further-container .block-container .block .block-value {
    font-weight: 700;
    margin: 5px
}

.further-container .block-container .block .sub-title {
    flex: 1 0 100%;
    font-size: 20px;
    font-weight: 600
}

.further-container .block-container .block .sub-title:before {
    background-image: url(images/Exclamation.svg)
}

.further-container .block-container .block .sub-title.required:before {
    background-image: url(images/Elipses.svg)
}

.further-container .block-container .block .sub-title.received:before {
    background-image: url(images/Check.svg)
}

.further-container .block-container .block .sub-title:before {
    background-size: 25px;
    content: "";
    display: inline-block;
    height: 25px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    width: 25px
}

.further-container .block-container .block p {
    color: #3d3d3d;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: .75rem
}

.further-container .block-container .block .left-block,
.further-container .block-container .block .right-block {
    flex: 1;
    flex-basis: 40%
}

.further-container .block-container .block .right-block span {
    display: block;
    margin: 0 0 .75rem
}

.further-container .block-container .block.sitecore .contact-details,
.further-container .block-container .block.sitecore .date-request,
.further-container .block-container .block.sitecore .request-from,
.further-container .block-container .block.sitecore .status {
    display: block !important
}

.payment-details .payment-provided-btn-container {
    display: inline-block;
    margin-top: .75rem
}

.payment-details .pph-btn {
    margin-right: 1.5rem;
    margin-top: .75rem
}

.payment-details .pph-btn.icon:after,
.payment-details .pph-btn:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat
}

.payment-details .pph-btn.icon.secondary:after {
    background: url(images/icon/arrow.svg) 50% 50% no-repeat
}

.payment-details .pph-btn.icon.secondary:active:after,
.payment-details .pph-btn.icon.secondary:focus:after,
.payment-details .pph-btn.icon.secondary:hover:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat
}

.payment-details .pph-btn.inactive:after {
    background: url(images/icon/arrow-disabled.svg) 50% 50% no-repeat
}

.payment-details .info {
    margin: 0
}

.payment-details .info br {
    content: "";
    display: block;
    margin-top: .75rem
}

.payment-details .info p {
    line-height: 20px;
    margin: 0
}

.payment-details .info .info-row {
    display: flex;
    margin-bottom: .75rem
}

.payment-details .info .info-row.start-date {
    border-top: 1px solid #dfdfdf;
    display: block;
    margin: 1.5rem 0 0;
    padding-top: 1.5rem
}

.payment-details .info .info-row .info-label {
    font-weight: 600
}

.payment-details .info .info-row span:first-child {
    flex: 1 50%;
    margin-right: 1.5rem
}

.payment-details .info .info-row span {
    flex: 1 75%
}

.summary-container .content .sum-label {
    display: inline-block;
    width: 175px
}

.summary-container .content .sum-label:after {
    content: ":"
}

.summary-container .content .sum-value {
    font-weight: 600
}

.summary-container .content .owner .sum-value {
    margin-left: -3px
}

.summary-container .content .pph-btn.icon {
    margin-top: .75rem
}

.summary-container .content .pph-btn.icon:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat
}

.summary-container .content .summary-info {
    margin-bottom: .75rem
}

.history-container .row {
    align-items: center;
    display: flex;
    padding: 1.5rem .75rem
}

.history-container .row:not(:last-child) {
    border-bottom: 1px solid rgba(0, 63, 116, .1)
}

.history-container .row:first-child {
    border-bottom: 2px solid #007c9e;
    padding: .75rem
}

.history-container .row:first-child span {
    color: #007c9e;
    font-weight: 600
}

.history-container .row .trackedItemStatus span {
    display: inline-block
}

.history-container .row .trackedItemNote {
    flex-basis: 40%;
    word-break: break-word
}

.history-container .row .trackedItemNote span {
    display: inline-block
}

.history-container .row .trackedItemReachedAtDate {
    flex-basis: 25%;
    margin-right: 0
}

.history-container .row p {
    flex-basis: 17%;
    margin-bottom: 0;
    margin-right: 2rem
}

.history-container .row .table-heading {
    font-family: livvic, sans-serif
}

.history-container .content .last-updated {
    margin-bottom: .75rem
}

.plan-overview.wrapper {
    margin: 1.5rem auto 3.75rem;
    max-width: 1100px
}

@media(max-width:1280px) {
    .plan-overview.wrapper {
        max-width: 90%
    }
}

.plan-overview.wrapper .main-container {
    align-items: flex-start;
    display: flex;
    margin: 0 auto
}

@media(max-width:1024px) {
    .plan-overview.wrapper .main-container {
        display: block;
        flex-direction: column
    }

    .plan-overview.wrapper .main-container .content-section {
        margin-top: 20px
    }
}

.plan-overview.wrapper .main-container aside {
    flex: 1
}

.plan-overview.wrapper .main-container .status {
    display: flex
}

.plan-overview.wrapper .main-container .status .action-required:first-child {
    margin-right: 1.5rem
}

.plan-overview.wrapper .main-container .status .action-required {
    flex: 1
}

.plan-overview.wrapper .main-container .status .action-required>.content {
    flex-direction: column;
    flex-grow: 1
}

.plan-overview.wrapper .main-container .status .action-required>.content .underwriting {
    margin-bottom: 0
}

.plan-overview.wrapper .main-container .status .action-required>.content .left-section {
    flex: 1 0 auto
}

.plan-overview.wrapper .main-container .status .action-required>.content .left-section .info,
.plan-overview.wrapper .main-container .status .action-required>.content .right-section {
    margin-top: 1.5rem
}

.plan-overview.wrapper .main-container .status .action-required>.content .right-section .tooltip {
    right: 6px;
    top: 6px
}

.plan-overview.wrapper .main-container .status .action-required:nth-of-type(2) .right-section .tooltip .content {
    left: -100px
}

.plan-overview.wrapper .main-container .status .action-required .pph-btn {
    margin-top: 1.5rem
}

.plan-overview.wrapper .main-container .status .action-required .pph-btn:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat
}

.plan-overview.wrapper .msg {
    background-color: #eb3924;
    border-radius: 13px;
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    margin: 15px auto;
    padding: 15px
}

.plan-overview.wrapper .select-wrapper {
    width: 300px
}

.plan-overview.wrapper .select-wrapper .select__option a {
    color: #3d3d3d;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.3px;
    line-height: 32px
}

.plan-overview.wrapper .select-wrapper .select__option--is-focused {
    background-color: #04589b
}

.plan-overview.wrapper .select-wrapper .select__option--is-focused a {
    color: #fff
}

.plan-overview.wrapper .select-wrapper:first-child {
    margin-right: 20px
}

@media(max-width:768px) {
    .main-container {
        margin: 0;
        max-width: none
    }
}

@media(max-width:1024px) {
    .plan-overview.wrapper {
        margin: 32px 36px 48px
    }

    .plan-overview.wrapper .detail-container,
    .plan-overview.wrapper .msg {
        width: auto
    }
}

@media(min-width:768px) {
    .status .action-required .cta {
        padding: .8rem 3.5rem
    }
}

#plan-overview {
    flex: 1 0 auto
}

.date-submit-overlay .date-submit-modal {
    margin: 0;
    padding: 1.5rem
}

.date-submit-overlay .date-submit-modal .title-heading {
    border-bottom: 1px solid #cce5ec;
    line-height: normal;
    margin-bottom: .75rem;
    padding-bottom: 1.5rem
}

.date-submit-overlay .date-submit-modal .modal-info p {
    margin-bottom: .75rem
}

.date-submit-overlay .date-submit-modal .pph-btn:not(:last-child) {
    margin-right: 1.5rem
}

.date-submit-overlay .date-submit-modal .pph-btn.icon:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat
}

.date-submit-overlay .date-submit-modal .pph-btn.icon.secondary:after {
    background: url(images/icon/arrow.svg) 50% 50% no-repeat
}

.date-submit-overlay .date-submit-modal .pph-btn.icon.secondary:active:after,
.date-submit-overlay .date-submit-modal .pph-btn.icon.secondary:focus:after,
.date-submit-overlay .date-submit-modal .pph-btn.icon.secondary:hover:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat
}

.debit-form fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.debit-form .form-field {
    margin-bottom: 1.5rem
}

.debit-form .form-field .pph-label {
    line-height: normal
}

.debit-form .form-field .select-label {
    opacity: .5
}

.debit-form .submit-error {
    color: #d72714;
    display: block;
    margin-top: 1.5rem
}

.debit-form .submit-btn {
    align-items: center;
    display: inline-flex;
    margin-top: 1.5rem
}

.debit-form .submit-btn:after {
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat;
    content: "";
    height: 16px;
    margin-left: .75rem;
    position: relative;
    top: 8px;
    transform: translateY(-50%);
    width: 8px
}

.debit-form .submit-btn.inactive:after {
    background: url(images/icon/arrow-disabled.svg) 50% 50% no-repeat
}

.debit-form .select-wrapper {
    width: 372px
}

.debit-form .select-wrapper .select__menu {
    border: 2px solid #178830;
    border-radius: 8px;
    border-top: none
}

.debit-form .select-wrapper .select__menu .select__menu-list {
    max-height: 200px
}

.debit-form .select-wrapper .select__menu .select__option {
    padding: 3px 12px
}

.debit-form .select-wrapper .select__menu .select__option.select__option--is-selected:not(.select__option--is-focused) {
    background: inherit;
    color: inherit
}

.debit-form .select-wrapper.selected .select__control {
    border: 1px solid #178830
}

.debit-form .select-wrapper.selected .select__control:after {
    background: url(images/icon/dropdown-arrow-active.svg) 50% 50% no-repeat;
    border-color: #178830
}

.debit-form .select-wrapper .select__control {
    border-radius: 8px
}

.debit-form .select-wrapper .select__control:after {
    background: url(images/icon/dropdown-arrow.svg) 50% 50% no-repeat
}

.debit-form .select-wrapper .select__control.select__control--menu-is-open {
    border: 2px solid #178830;
    border-bottom: none
}

.debit-form .select-wrapper .select__control.select__control--menu-is-open:after {
    background: url(images/icon/dropdown-arrow-active.svg) 50% 50% no-repeat
}

.debit-form .acc-no .input-form {
    width: 372px
}

.debit-form .sort-code .input-form {
    margin-left: 6px;
    margin-right: 6px;
    padding: .75rem;
    text-align: center;
    width: 54px
}

.debit-form .sort-code [name=code-1] {
    margin-left: 0
}

.debit-form .sort-code [name=code-3] {
    margin-right: 0
}

.debit-form.validating .spnr {
    animation: spnr 1s linear infinite;
    background: url(images/icon/icon-pph-loading.png) no-repeat;
    content: "";
    display: inline-block;
    height: 24px;
    left: .75rem;
    position: relative;
    top: 10px;
    width: 24px
}

.debit-form .error .input-form,
.debit-form .invalid .input-form {
    border: 2px solid #d72714 !important
}

.debit-form .error .select__control,
.debit-form .invalid .select__control {
    border: 2px solid #d72714
}

.debit-form .error .select__control:not(.select__control--menu-is-open):hover,
.debit-form .invalid .select__control:not(.select__control--menu-is-open):hover {
    border-color: #d72714
}

.debit-form .error .select__control:not(.select__control--menu-is-open):after,
.debit-form .invalid .select__control:not(.select__control--menu-is-open):after {
    background: url(images/icon/icon-select-error.svg) 50% 50% no-repeat !important;
    border: 0;
    border-right: 1px solid #d72714;
    transform: rotate(180deg)
}

.debit-form .error .pph-label,
.debit-form .invalid .pph-label {
    color: #d72714
}

.debit-form .icon-invalid,
.debit-form .icon-valid {
    background: url(images/icon/circle-tick.svg) no-repeat;
    display: inline-block;
    height: 26px;
    margin-left: .75rem;
    vertical-align: middle;
    width: 26px
}

.debit-form .icon-invalid {
    background: url(images/icon/circle-cross.svg) no-repeat
}

@keyframes spnr {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn)
    }
}

.direct-debit.wrapper {
    margin: 1.5rem auto 3.75rem;
    max-width: 1100px
}

@media(max-width:1280px) {
    .direct-debit.wrapper {
        max-width: 90%
    }
}

.direct-debit .main-container .direct-debit-section {
    display: flex;
    margin-bottom: 1.5rem;
    padding: 1.5rem
}

.direct-debit .main-container .direct-debit-section .info {
    flex: 1 75%;
    margin-right: 1.5rem
}

.direct-debit .main-container .direct-debit-section .info p:not(:last-child) {
    line-height: 20px;
    margin-bottom: .75rem
}

.direct-debit .main-container .direct-debit-section .image {
    align-items: center;
    display: flex
}

.direct-debit .main-container .direct-debit-section #debit_guarantee {
    border: 0;
    text-decoration: underline
}

.direct-debit .main-container .direct-debit-section br {
    content: "";
    display: block;
    margin-top: .75rem
}

.direct-debit .main-container .direct-debit-section p {
    line-height: 20px;
    margin: 0
}

.direct-debit .main-container .account-holder-section {
    margin-bottom: 1.5rem;
    padding: 1.5rem
}

.direct-debit .main-container .account-holder-section .title-heading {
    border-bottom: 1px solid #cce5ec;
    line-height: normal;
    margin-bottom: .75rem;
    padding-bottom: 1.5rem
}

.direct-debit .main-container .account-holder-section .info {
    font-weight: 600;
    margin-bottom: 1.5rem
}

.direct-debit .main-container .account-holder-section .radio-button-container {
    margin-bottom: 1.5rem
}

.direct-debit .main-container .account-holder-section .radio-button-container .radio-button {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    letter-spacing: -.26px;
    line-height: 18px;
    margin-bottom: .75rem
}

.direct-debit .main-container .account-holder-section .radio-button-container .radio-button:before {
    background-color: transparent;
    background-image: url(images/icon/radio.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    content: "";
    display: flex;
    height: 18px;
    margin-right: .75rem;
    width: 18px
}

.direct-debit .main-container .account-holder-section .radio-button-container .radio-button.selected:before {
    background-image: url(images/icon/radio_check.svg)
}

.direct-debit .main-container .account-holder-section .description {
    background-color: #f7f7f7;
    border-radius: 12px;
    display: block;
    margin: 0;
    padding: 1.5rem
}

.direct-debit .main-container .account-holder-section .description a {
    border: 0;
    text-decoration: underline
}

.direct-debit-guarantee-modal {
    margin: 0;
    padding: 1.5rem
}

.direct-debit-guarantee-modal br {
    content: "";
    display: block;
    margin-top: .75rem
}

.direct-debit-guarantee-modal .content p {
    line-height: 20px;
    margin: 0
}

.direct-debit-guarantee-modal .content p:not(:last-child) {
    margin-bottom: .75rem
}

.date-submit-overlay,
.direct-debit-guarantee-overlay,
.pph-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.date-submit-overlay .detail-container,
.direct-debit-guarantee-overlay .detail-container,
.pph-overlay .detail-container {
    max-width: 768px;
    min-width: 768px;
    outline: 0;
    position: relative
}

.date-submit-overlay .title-heading,
.direct-debit-guarantee-overlay .title-heading,
.pph-overlay .title-heading {
    border-bottom: 1px solid #cce5ec;
    line-height: normal;
    margin-bottom: .75rem;
    padding-bottom: 1.5rem
}

.date-submit-overlay .title,
.direct-debit-guarantee-overlay .title,
.pph-overlay .title {
    margin-bottom: 14px
}

.date-submit-overlay .info,
.direct-debit-guarantee-overlay .info,
.pph-overlay .info {
    color: #4a4a49;
    font-size: 14px;
    line-height: 18px
}

.date-submit-overlay .content-container,
.direct-debit-guarantee-overlay .content-container,
.pph-overlay .content-container {
    align-items: flex-end;
    display: flex;
    padding-bottom: 1.5rem
}

.date-submit-overlay .content-container .content,
.direct-debit-guarantee-overlay .content-container .content,
.pph-overlay .content-container .content {
    flex: 1 85%;
    margin-right: 1.5rem
}

.date-submit-overlay .content-container .image,
.direct-debit-guarantee-overlay .content-container .image,
.pph-overlay .content-container .image {
    flex: 1 15%
}

.date-submit-overlay .cta,
.direct-debit-guarantee-overlay .cta,
.pph-overlay .cta {
    border-radius: 42px;
    box-shadow: 1px 2px 0 0 rgba(0, 0, 0, .02);
    margin-top: 0;
    padding: 13px 3rem 13px 1.5rem
}

.date-submit-overlay .cta.cta--secondary,
.direct-debit-guarantee-overlay .cta.cta--secondary,
.pph-overlay .cta.cta--secondary {
    border: 1px solid #04589b;
    box-shadow: none;
    padding: 12px 3rem 12px 1.5rem;
    vertical-align: middle
}

.date-submit-overlay .cta.cta--secondary .icon,
.direct-debit-guarantee-overlay .cta.cta--secondary .icon,
.pph-overlay .cta.cta--secondary .icon {
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: right .3s
}

.date-submit-overlay .cta.cta--secondary .icon path,
.direct-debit-guarantee-overlay .cta.cta--secondary .icon path,
.pph-overlay .cta.cta--secondary .icon path {
    fill: #04589b
}

.date-submit-overlay .close-btn,
.direct-debit-guarantee-overlay .close-btn,
.pph-overlay .close-btn {
    background-color: transparent;
    background-image: url(images/icon/close.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: .75rem;
    top: .75rem;
    width: 25px;
    z-index: 2
}

.dashboard-table-container {
    max-width: 1220px
}

.dashboard-table-container :focus {
    outline: none
}

@media(max-width:1024px) {
    .dashboard-table-container .outer {
        overflow-x: scroll
    }

    .dashboard-table-container .outer::-webkit-scrollbar {
        width: 10px
    }

    .dashboard-table-container .outer::-webkit-scrollbar-track {
        background: #f7f7f7;
        border-color: #d2d9dc;
        border-radius: 10.5px
    }

    .dashboard-table-container .outer::-webkit-scrollbar-thumb {
        background-color: #62bda8;
        border-radius: 10.5px
    }
}

@media(max-width:1280px) {
    .dashboard-table-container {
        max-width: 90%
    }
}

.dashboard-table-container.wrapper {
    margin: 0 auto
}

@media(max-width:1024px) {
    .dashboard-table-container.wrapper {
        width: 90%
    }
}

.dashboard-table-container.wrapper .dashboard-table,
.dashboard-table-container.wrapper .msg {
    border-radius: 13px;
    padding: 1.5rem
}

.dashboard-table-container.wrapper .dashboard-table {
    background-color: #fff;
    box-shadow: -1px 0 2px 1px rgba(0, 0, 0, .09);
    margin-bottom: 6.25rem
}

.dashboard-table-container.wrapper .msg {
    background-color: #eb3924;
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: .75rem
}

.dashboard-table-container.wrapper .dashboard-table .dashboardtable {
    position: relative
}

@media(max-width:1024px) {
    .dashboard-table-container.wrapper .dashboard-table .dashboardtable {
        width: 1220px
    }
}

#dashboard-table {
    flex: 1 0 auto
}

.search-container,
.search-container .heading {
    margin-bottom: 1.5rem
}

.search-container .input-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.5rem
}

.search-container .input-container .search-field {
    margin: 0 1.5rem 0 0;
    width: 256px
}

.search-container .input-container .filter-btn,
.search-container .input-container .search {
    margin: 0 1.5rem 0 0
}

.search-container .input-container .clear,
.search-container .input-container .clear-filter {
    margin: 0 1.5rem 0 0;
    order: 3
}

.search-container .input-container .clear-filter {
    order: 4
}

.search-container .input-container .fca-search,
.search-container .input-container .filter-btn {
    display: flex;
    order: 4;
    padding-left: 52px;
    position: relative
}

.search-container .input-container .fca-search svg,
.search-container .input-container .filter-btn svg {
    left: 20px;
    position: absolute;
    fill: #04589b
}

.search-container .input-container .fca-search:focus svg,
.search-container .input-container .fca-search:hover svg,
.search-container .input-container .filter-btn:focus svg,
.search-container .input-container .filter-btn:hover svg {
    fill: #fff
}

.search-container .input-container .fca-search svg {
    top: 10px
}

.search-container .errorMsg {
    display: none
}

.search-container .errorMsg.error {
    border: none;
    color: #eb3924;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px
}

.filters-container {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.filters-container .filters-pop-up {
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 448px;
    position: relative;
    width: 768px
}

.filters-container .filters-pop-up .filters-header {
    border-bottom: 1px solid #cce5ec;
    font-weight: 400;
    padding: 1.5rem
}

.filters-container .filters-pop-up .filters-header .filter-by {
    color: #007c9e;
    position: absolute
}

.filters-container .filters-pop-up .filters-header .total-result {
    display: flex;
    font-weight: 600;
    justify-content: center;
    text-align: center
}

.filters-container .filters-pop-up .filters-header .loading-filter {
    color: #04589b;
    float: none;
    height: auto
}

.filters-container .filters-pop-up .filters-header .loading-filter .spnr {
    margin-left: .75rem
}

.filters-container .filters-pop-up .close-btn {
    background-color: transparent;
    background-image: url(images/icon/close.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 25px;
    z-index: 2
}

.filters-container .filters-pop-up .filters-footer {
    display: flex;
    justify-content: flex-end;
    padding: 1.5rem
}

.filters-container .filters-pop-up .filters-footer .apply-filters,
.filters-container .filters-pop-up .filters-footer .remove-filters {
    margin-left: 1.5rem
}

.filters-container .filters-pop-up .filters-body {
    display: flex;
    flex: 1
}

.filters-container .filters-pop-up .filters-body .left-panel {
    border-right: 1px solid #cce5ec;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: .75rem 0 0;
    width: 300px
}

.filters-container .filters-pop-up .filters-body .left-panel .left-panel-item {
    align-items: center;
    color: #04589b;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    margin: 0;
    padding: .75rem 1.5rem
}

.filters-container .filters-pop-up .filters-body .left-panel .left-panel-item span:first-child {
    flex: 1
}

.filters-container .filters-pop-up .filters-body .left-panel .left-panel-item:after {
    background-image: url(images/icon/arrow.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    content: "";
    height: 25px;
    width: 25px
}

.filters-container .filters-pop-up .filters-body .left-panel .left-panel-item.active {
    background-color: #04589b;
    color: #fff
}

.filters-container .filters-pop-up .filters-body .left-panel .left-panel-item.active:after {
    filter: brightness(0) invert(1)
}

.filters-container .filters-pop-up .filters-body .left-panel .left-panel-item .filtered {
    background-color: #178830;
    border-radius: 5px;
    color: #fff;
    font-family: Mulish, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: -.19px;
    line-height: 13px;
    margin-right: 1.5rem;
    padding: 6px;
    text-transform: uppercase
}

.filters-container .filters-pop-up .filters-body .right-panel {
    flex: 1;
    list-style: none;
    margin: 0;
    max-height: 285px;
    overflow: auto;
    padding: .75rem 0 0
}

.filters-container .filters-pop-up .filters-body .right-panel.statusdetail {
    display: flex;
    flex-wrap: wrap
}

.filters-container .filters-pop-up .filters-body .right-panel.statusdetail .right-panel-item {
    width: 50%
}

.filters-container .filters-pop-up .filters-body .right-panel::-webkit-scrollbar {
    width: 15px
}

.filters-container .filters-pop-up .filters-body .right-panel::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-color: #d2d9dc;
    border-radius: 10.5px
}

.filters-container .filters-pop-up .filters-body .right-panel::-webkit-scrollbar-thumb {
    background-color: #dbede2;
    border-radius: 10.5px
}

.filters-container .filters-pop-up .filters-body .right-panel .right-panel-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: .75rem 1.5rem .75rem 3rem;
    position: relative
}

.filters-container .filters-pop-up .filters-body .right-panel .right-panel-item .check-icon {
    background-image: url(images/icon/checkbox_unchecked.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    height: 18px;
    left: 1.5rem;
    position: absolute;
    width: 18px
}

.filters-container .filters-pop-up .filters-body .right-panel .right-panel-item.selected .check-icon {
    background-image: url(images/icon/Checkbox_checked.svg)
}

.filters-container .filters-pop-up .filters-body .right-panel .right-panel-item.disabled {
    color: #b8b8b8
}

.search-popup-container {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.search-popup-container .search-popup {
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 423px;
    position: relative;
    width: 768px
}

.search-popup-container .search-popup .close-btn {
    background-color: transparent;
    background-image: url(images/icon/close.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 25px;
    z-index: 2
}

.search-popup-container .search-popup .search-container {
    border: 2px solid #d2d9dc;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    min-height: 140px;
    padding: 17px 20px 12px
}

.search-popup-container .search-popup .search-container .heading {
    font-size: 16px;
    letter-spacing: -.3px;
    margin-bottom: 18px
}

.search-popup-container .search-popup .search-container .input-form {
    border: 1px solid #b8b8b8;
    color: #3d3d3d;
    font-family: Mulish, sans-serif;
    font-weight: 300;
    letter-spacing: -.3px;
    padding: 12px;
    width: 256px
}

.search-popup-container .search-popup .search-container .input-form.error {
    border: 2px solid #eb3924;
    color: #eb3924
}

.search-popup-container .search-popup .search-container .input-form:disabled {
    background-color: #fff
}

.search-popup-container .search-popup .search-container .search {
    margin-left: 1.5rem;
    order: unset
}

.search-popup-container .search-popup .search-container .search:disabled {
    background-color: #fff;
    border: 1px solid #b8b8b8;
    color: #b8b8b8;
    cursor: not-allowed
}

.search-popup-container .search-popup .search-container .clear {
    font-weight: 600;
    margin-left: 18px
}

.search-popup-container .search-popup .search-container .loading {
    color: #04589b;
    font-family: livvic, sans-serif;
    margin-left: 18px
}

.search-popup-container .search-popup .search-container .loading .spnr {
    height: 20px;
    margin-left: 12px;
    width: 20px
}

.search-popup-container .search-popup .result-container {
    color: #3d3d3d;
    font-family: Mulish, sans-serif;
    line-height: 22px
}

.search-popup-container .search-popup .result-container .view-application {
    align-items: center;
    background: none;
    border: none;
    color: #04589b;
    cursor: pointer;
    display: flex;
    font-family: Mulish, sans-serif;
    font-weight: 600;
    line-height: 22px;
    padding: 0
}

.search-popup-container .search-popup .result-container .view-application:after {
    background-image: url(images/icon/arrow.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    content: "";
    height: 25px;
    margin-left: 8px;
    width: 25px
}

.search-popup-container .search-popup .result-container .result-header {
    background-color: #ecf5f8;
    border-bottom: 2px solid #d2d9dc;
    display: flex;
    padding: 12px 20px
}

.search-popup-container .search-popup .result-container .result-header .result-for {
    flex: 1;
    font-weight: 700;
    letter-spacing: -.3px;
    line-height: 26px;
    margin-right: 11px
}

.search-popup-container .search-popup .result-container .adviser-results {
    height: 232px;
    list-style: none;
    overflow: auto;
    padding: 0 12px
}

.search-popup-container .search-popup .result-container .adviser-results::-webkit-scrollbar {
    width: 13px
}

.search-popup-container .search-popup .result-container .adviser-results::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-color: #d2d9dc;
    border-radius: 10.5px
}

.search-popup-container .search-popup .result-container .adviser-results::-webkit-scrollbar-thumb {
    background-color: #62bda8;
    border-radius: 10.5px
}

.search-popup-container .search-popup .result-container .adviser-results .adviser-list {
    align-items: center;
    border-bottom: 1px solid #d2d9dc;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 20px 12px
}

.search-popup-container .search-popup .result-container .adviser-results .adviser-list .adviser-name {
    flex: 1;
    font-weight: 300
}

.dashboardtable-container {
    position: relative
}

.dashboardtable-container .last-updated {
    position: absolute;
    right: 0;
    top: -3rem
}

@media(max-width:1024px) {
    .dashboardtable-container .last-updated {
        top: -2rem
    }
}

.dashboardtable-container .last-updated .info {
    font-size: 12px
}

.dashboardtable-container .dashboard-pagination {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-top: 1.5rem
}

.dashboardtable-container .dashboard-pagination span {
    color: #003578;
    cursor: pointer;
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 10px;
    text-align: center
}

.dashboardtable-container .dashboard-pagination span.active {
    color: #4a4a49;
    font-size: 22px
}

.dashboardtable-container .dashboard-pagination span:focus,
.dashboardtable-container .dashboard-pagination span:hover {
    color: #4a4a49
}

.dashboardtable-container .dashboard-pagination span:focus.active,
.dashboardtable-container .dashboard-pagination span:hover.active {
    border-color: transparent
}

.dashboardtable-container .dashboard-pagination .elipses {
    background-image: url(images/icon/Pagination_Elipses.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 20px;
    margin: 0;
    padding: 10px
}

.dashboardtable-container .dashboard-pagination .elipses:hover {
    border-bottom: none
}

.dashboardtable-container .dashboard-pagination .button {
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    padding: 8px;
    width: 15px
}

.dashboardtable-container .dashboard-pagination .button.prev {
    background-image: url(images/icon/Pagination_Arrow_Left.svg)
}

.dashboardtable-container .dashboard-pagination .button.prev.disabled {
    background-image: url(images/icon-arrow.png);
    cursor: not-allowed;
    margin-right: 6px;
    transform: rotate(180DEG)
}

.dashboardtable-container .dashboard-pagination .button.next {
    background-image: url(images/icon/Pagination_Arrow_Right.svg);
    margin-left: 10px
}

.dashboardtable-container .dashboard-pagination .button.next.disabled {
    background-image: url(images/icon-arrow.png);
    cursor: not-allowed
}

.dashboardtable-container .dashboardtable .row.heading:first-child {
    border-bottom: 2px solid #007c9e;
    border-top: 2px solid #007c9e
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info {
    align-self: stretch;
    color: #007c9e;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: livvic, sans-serif;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 18px;
    padding: 0 9px;
    position: relative
}

@media (-ms-high-contrast:none) {
    .dashboardtable-container .dashboardtable .row.heading:first-child .info {
        height: 2em;
        min-height: 5.2em
    }
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .heading-label {
    display: flex;
    outline: none
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .sorted-heading {
    color: #4a4a49
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .sorting-border {
    border: 1px solid #007c9e;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .sorting-icons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .sorting-icons .sort {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 6px;
    width: 11px
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .sorting-icons .up {
    background-image: url(images/icon/Sorting_Arrow_Inactive_Up.svg);
    margin-bottom: 6px
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .sorting-icons .up.active {
    background-image: url(images/icon/Sorting_Arrow_Active_Up.svg)
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .sorting-icons .down {
    background-image: url(images/icon/Sorting_Arrow_Active_Down.svg)
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .sorting-icons .down.active {
    background-image: url(images/icon/Sorting_Arrow_Inactive_Down.svg)
}

.dashboardtable-container .dashboardtable .row.heading:first-child .info .tooltip {
    top: 10px !important
}

.dashboardtable-container .dashboardtable .row-wrapper {
    cursor: pointer;
    margin: 0 -1.5rem;
    outline: none;
    padding: 0 1.5rem
}

@media(hover:hover)and (pointer:fine) {

    .dashboardtable-container .dashboardtable .row-wrapper:focus,
    .dashboardtable-container .dashboardtable .row-wrapper:hover {
        background-color: #dbede2
    }
}

.dashboardtable-container .dashboardtable .row-wrapper:last-child .row {
    border-bottom: 2px solid #007c9e
}

.dashboardtable-container .dashboardtable .row {
    align-items: center;
    border-bottom: 1px solid #e2e3e4;
    display: flex;
    min-height: 75px
}

.dashboardtable-container .dashboardtable .row:focus .info,
.dashboardtable-container .dashboardtable .row:hover .info {
    font-weight: 600
}

.dashboardtable-container .dashboardtable .row .info.button-info {
    padding: 10px 0;
    text-align: right;
    width: auto !important
}

.dashboardtable-container .dashboardtable .row .info {
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    width: 10%;
    word-break: break-word
}

.dashboardtable-container .dashboardtable .row .info.bold {
    font-weight: 700 !important
}

.dashboardtable-container .dashboardtable .row .info .progress {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 17px;
    margin: 3px;
    width: 74px
}

.dashboardtable-container .dashboardtable .row .info .progress.stage-0 {
    display: none
}

.dashboardtable-container .dashboardtable .row .info .progress.stage-1 {
    background-image: url(images/icon/Progress_1.svg)
}

.dashboardtable-container .dashboardtable .row .info .progress.stage-2 {
    background-image: url(images/icon/Progress_2.svg)
}

.dashboardtable-container .dashboardtable .row .info .progress.stage-3 {
    background-image: url(images/icon/Progress_3.svg)
}

.dashboardtable-container .dashboardtable .row .info .progress.stage-4 {
    background-image: url(images/icon/Progress_4.svg)
}

.dashboardtable-container .dashboardtable .row .info .action-required {
    display: flex;
    margin-top: 0 !important
}

.dashboardtable-container .dashboardtable .row .info .action-required:before {
    background-image: url(images/icon/Alert.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    content: "";
    display: block;
    height: 23px;
    margin-right: 8px;
    width: 23px
}

.dashboardtable-container .dashboardtable .row .info:first-child {
    word-wrap: break-word;
    align-items: center;
    align-self: stretch;
    color: #04589b;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    justify-content: center;
    margin-left: -10px;
    padding: 10px 0;
    text-align: left;
    width: 115px
}

@media(max-width:1024px) {
    .dashboardtable-container .dashboardtable .row .info:first-child {
        background-color: #fff;
        box-shadow: 5px 0 5px 0 rgba(0, 0, 0, .2);
        left: 0;
        margin-right: 20px;
        position: sticky !important;
        width: 140px;
        z-index: 2
    }
}

.dashboardtable-container .dashboardtable .row .info:nth-child(2) {
    padding-left: 15px
}

@media(max-width:1024px) {
    .dashboardtable-container .dashboardtable .row .info:nth-child(6) {
        max-width: 130px;
        padding: .75rem 0;
        width: 130px
    }
}

@media(min-width:1300px) {
    .dashboardtable-container .dashboardtable .row .info:nth-child(6) {
        max-width: 130px;
        padding: .75rem 0;
        width: 130px
    }
}

@media(min-width:1440px) {
    .dashboardtable-container .dashboardtable .row .info:nth-child(6) {
        max-width: 180px;
        width: 160px
    }

    .dashboardtable-container .dashboardtable .row .info:nth-child(7) {
        width: 100px
    }
}

.dashboardtable-container .dashboardtable .row .info:nth-child(8) {
    flex-basis: 12%;
    max-width: 119px
}

.dashboardtable-container .dashboardtable .row .info .alternative-plan,
.dashboardtable-container .dashboardtable .row .info .joint-plan {
    background-color: #178830;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: -.19px;
    line-height: 13px;
    margin-top: .75rem;
    padding: 4px 6px
}

.dashboardtable-container .dashboardtable .row .info .alternative-plan {
    background-color: #007c9e;
    position: relative
}

.dashboardtable-container .dashboardtable .row .info .premium-amt.pph-tooltip {
    left: 50px;
    position: relative;
    top: -18px
}

.dashboardtable-container .dashboardtable .row .info .premium-amt.pph-tooltip .content {
    width: 190px
}

@media(max-width:1024px) {
    .dashboardtable-container .dashboardtable .row .info .premium-amt.pph-tooltip .content {
        left: 36px;
        top: -30px
    }
}

.dashboardtable-container .dashboardtable .row.last .premium-amt.pph-tooltip .content {
    top: -7rem
}

.dashboardtable-container .dashboardtable .high-msg {
    border-bottom: 2px solid #007c9e;
    line-height: 36px;
    padding: 16px 14px 24px
}

.dashboardtable-container.hide-table .dashboard-pagination,
.dashboardtable-container.hide-table .row.application {
    display: none
}

.dashboardtable-container.hide-table .no-results {
    text-align: center
}

.dashboardtable-container .fca-application-for {
    background-color: #ecf5f8;
    border: 2px solid #d2d9dc;
    font-weight: 600;
    letter-spacing: -.3px;
    line-height: 26px;
    padding: 12px 21px
}

.dashboardtable-container .fca-application-for .clear-result {
    background: none;
    border: 0;
    color: #04589b;
    cursor: pointer;
    font-family: Mulish, sans-serif;
    font-weight: 600;
    line-height: 20px;
    margin-left: 10px;
    text-decoration: underline
}

.date-calculator-container {
    margin: 0;
    padding: 1.5rem
}

.date-calculator-container .date-calculator-section .title-heading {
    border-bottom: 1px solid #cce5ec;
    line-height: normal;
    margin-bottom: .75rem;
    padding-bottom: 1.5rem
}

.date-calculator-container .date-calculator-section .info {
    display: flex;
    margin: 0
}

.date-calculator-container .date-calculator-section .info .description {
    flex: 4
}

.date-calculator-container .date-calculator-section .info .description p {
    color: #3d3d3d;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0
}

.date-calculator-container .date-calculator-section .info .description p:not(:last-child) {
    margin: 0 0 .75rem
}

.date-calculator-container .date-calculator-section .info .image {
    flex: 1;
    margin: .75rem .75rem 0 1.5rem
}

.date-calculator-container .date-calculator-section .addstart-date-section {
    margin: 1.5rem 0;
    padding: 1.5rem
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper {
    display: flex;
    justify-content: center;
    padding: 0
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form,
.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-dates {
    flex: 1
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form {
    border-right: 1px solid #cce5ec;
    height: 178px;
    position: relative
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form.error {
    height: 228px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form.error .payment-day {
    top: 152px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper {
    width: 150px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper.selected .select__control {
    border: 1px solid #178830
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper.selected .select__control:after {
    background: url(images/icon/dropdown-arrow-active.svg) 50% 50% no-repeat;
    border-color: #178830
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__control {
    border-radius: 8px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__control:after {
    background: url(images/icon/dropdown-arrow.svg) 50% 50% no-repeat
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__control .select__placeholder {
    color: rgba(61, 61, 61, .5);
    font-weight: 300;
    letter-spacing: -.3px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__control .select__value-container {
    padding-left: .75rem
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__control.select__control--menu-is-open {
    border: 2px solid #178830;
    border-bottom: none
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__control.select__control--menu-is-open .select__value-container {
    padding-bottom: 1px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__control.select__control--menu-is-open:after {
    background: url(images/icon/dropdown-arrow-active.svg) 50% 50% no-repeat;
    border-color: #178830
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__menu {
    border: 2px solid #178830;
    border-radius: 8px;
    border-top: none;
    margin: 0
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__menu .select__menu-list {
    max-height: 138px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__menu .select__menu-list .select__option {
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -.3px;
    line-height: 26px;
    padding: 0 .75rem
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__menu .select__menu-list .select__option.select__option--is-selected:not(.select__option--is-focused) {
    background: inherit;
    color: inherit
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__menu .select__menu-list::-webkit-scrollbar {
    width: 13px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day .select-wrapper .select__menu .select__menu-list::-webkit-scrollbar-thumb {
    background-color: #62bda8
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .payment-day {
    position: absolute;
    top: 100px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper {
    margin-bottom: 1.5rem;
    position: absolute;
    top: 0
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .select-day-label {
    margin-bottom: .75rem
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .date-picker-container {
    width: 256px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .date-picker-container.open {
    border-width: 2px;
    z-index: 2
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .date-picker-container.date-provided,
.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .date-picker-container.open {
    border-color: #178830
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .date-picker-container.date-provided:after,
.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .date-picker-container.open:after {
    background: url(images/icon/dropdown-arrow-active.svg) 50% 50% no-repeat;
    border-color: #178830
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .date-picker-container:after {
    background: url(images/icon/dropdown-arrow.svg) 50% 50% no-repeat
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .react-datepicker-popper {
    left: -1px;
    margin: 0
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .react-datepicker-popper .react-datepicker {
    border: none;
    padding: 7px 6px 0
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .react-datepicker-popper .react-datepicker .react-datepicker__header {
    border-color: #cce5ec
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-date-form .datefield-wrapper .error-message {
    color: #d72714;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: .75rem
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-dates {
    font-weight: 600;
    padding-left: 1.5rem
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-dates .date-label {
    line-height: 18px
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-dates .date-wrapper {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 44px;
    margin-bottom: 1.5rem
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-dates .date-wrapper .date-value,
.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-dates .date-wrapper .right-section {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center
}

.date-calculator-container .date-calculator-section .addstart-date-section .wrapper .collection-dates .date-wrapper .right-section {
    background-color: #007c9e;
    border-radius: 0 8px 8px 0;
    color: #fff;
    letter-spacing: -.3px
}

.tools-menu-container {
    width: 308px
}

@media(max-width:1024px) {
    .tools-menu-container {
        width: 300px
    }

    .tools-menu-container .select__control:after {
        background: url(images/icon/dropdown-arrow.svg) 50% 50% no-repeat
    }
}

.tools-menu-container .tools-section {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .1);
    margin-top: 1.5rem
}

.tools-menu-container .tools-section .section-heading {
    border-bottom: 1px solid #d2d9dc;
    line-height: normal;
    margin: 0 1.5rem;
    padding: 1.5rem 0
}

.tools-menu-container .tools-section .cta {
    margin: 1.5rem
}

.tools-menu-container .tools-section .cta .new {
    display: block;
    max-width: calc(100% - 40px);
    position: relative
}

.tools-menu-container .new-icon {
    background-color: #178830;
    border-radius: 5px;
    color: #fff;
    font-family: Mulish, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: -.19px;
    line-height: 13px;
    padding: 4px 6px;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%)
}

.headerCopy {
    color: #178830;
    opacity: 1
}

@media(min-width:768px) {
    .headerCopy {
        margin-left: 15%;
        max-width: 70%
    }
}

@media(min-width:1024px) {
    .headerCopy {
        margin-left: auto;
        margin-right: auto;
        max-width: 670px
    }
}

.headerCopy .headerCopy__copy p {
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    line-height: 1.375rem
}

@media(min-width:1024px) {
    .headerCopy .headerCopy__copy p {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 1.75rem
    }
}

.headercta {
    opacity: 1
}

.headercta__container {
    max-width: 700px
}

@media(max-width:767px) {
    .headercta .head .icon {
        display: none
    }
}

@media(min-width:768px) {
    .headercta {
        text-align: center
    }

    .headercta .head {
        display: block
    }

    .headercta .head .icon {
        margin: 0;
        position: absolute;
        right: 14%;
        top: -54px
    }
}

@media(max-width:767px) {
    .headercta__cta {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        width: 100%
    }
}

.iframe {
    border: 0;
    margin-top: 46px;
    opacity: 1
}

.iframe.theme-apricot,
.iframe.theme-blackcurrant,
.iframe.theme-clover,
.iframe.theme-cool-grey,
.iframe.theme-dusty-mint,
.iframe.theme-dusty-pistachio,
.iframe.theme-light-apricot,
.iframe.theme-light-bluebell,
.iframe.theme-light-meadow,
.iframe.theme-mint,
.iframe.theme-pistachio,
.iframe.theme-strawberry,
.iframe.theme-teal,
.iframe.theme-warm-grey,
.iframe.theme-white {
    box-sizing: content-box;
    margin-top: 0;
    padding-top: 46px
}

@media(min-width:768px) {
    .iframe {
        margin-top: 60px
    }

    .iframe.theme-apricot,
    .iframe.theme-blackcurrant,
    .iframe.theme-clover,
    .iframe.theme-cool-grey,
    .iframe.theme-dusty-mint,
    .iframe.theme-dusty-pistachio,
    .iframe.theme-light-apricot,
    .iframe.theme-light-bluebell,
    .iframe.theme-light-meadow,
    .iframe.theme-mint,
    .iframe.theme-pistachio,
    .iframe.theme-strawberry,
    .iframe.theme-teal,
    .iframe.theme-warm-grey,
    .iframe.theme-white {
        box-sizing: content-box;
        margin-top: 0;
        padding-top: 60px
    }
}

.iframe.iframe--alignCenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.image-module {
    opacity: 1
}

.image-module .image,
.image-module .image img {
    display: block
}

.image-module .container {
    max-width: calc(995px + 3rem);
    padding: 0
}

@media(min-width:1024px) {
    .image-module .container {
        padding: 0 1.5rem
    }
}

.image-module--full .lazyload-placeholder,
.image-module--full img {
    display: block;
    height: auto;
    width: 100%
}

.image-module--max img {
    height: auto;
    width: 100%
}

.image-module__caption {
    margin-top: .5rem
}

.imageBlocks {
    margin: 2rem 0;
    opacity: 1
}

.imageBlocks .imageBlocks__block {
    margin-bottom: 1rem;
    padding-bottom: 82%;
    position: relative;
    width: 100%
}

.imageBlocks .imageBlocks__block .imageBlocks__inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.imageBlocks .imageBlocks__block .imageBlocks__inner a {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 1px 1px 2px 1px rgba(0, 0, 0, .09);
    display: block;
    height: 100%;
    transition: all .2s linear;
    width: 100%
}

.imageBlocks .imageBlocks__block .imageBlocks__inner a img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: filter .2s linear;
    width: 100%
}

.imageBlocks .imageBlocks__block .imageBlocks__inner a:hover {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 1px 2px 4px 0 rgba(0, 0, 0, .39)
}

.imageBlocks .imageBlocks__block .imageBlocks__inner a:hover img {
    filter: none
}

.imageBlocks .imageBlocks__block .imageBlocks__inner .imageBlocks__cta {
    border-top: 1px solid rgba(0, 63, 116, .1);
    bottom: 1rem;
    left: 1rem;
    padding-top: 1rem;
    position: absolute;
    right: 1rem;
    text-align: right
}

@media(min-width:1024px) {
    .imageBlocks .imageBlocks__block .imageBlocks__inner .imageBlocks__cta {
        bottom: 1.5rem;
        left: 1.5rem;
        right: 1.5rem
    }
}

@media(min-width:768px) {
    .imageBlocks {
        margin-top: 4rem
    }

    .imageBlocks .imageBlocks__block {
        display: inline-block;
        margin: .5rem;
        padding-bottom: calc(27.33% - 1rem);
        width: calc(33.33% - 1rem)
    }
}

@media(min-width:1024px) {
    .imageBlocks .imageBlocks__block {
        flex: 0 0 auto;
        margin: .75rem;
        padding-bottom: calc(20.5% - 1.5rem);
        width: calc(25% - 1.5rem)
    }
}

.important-information {
    opacity: 1
}

.important-information__flourish {
    display: block
}

.important-information__container.container {
    max-width: 900px
}

.important-information__main {
    color: #3d3d3d
}

@media(min-width:1024px) {
    .important-information__main {
        margin-top: 15px
    }
}

.important-information__main ul {
    margin-bottom: 1.5rem
}

.important-information__main ul li:last-child {
    margin-bottom: 0
}

.important-information__flourish img {
    max-width: 100%;
    min-height: 140px;
    min-width: 61px
}

@media(max-width:767px) {
    .important-information__flourish img {
        display: block;
        margin: auto
    }
}

.important-information__flourish .imagerenderd {
    min-height: 140px
}

.important-information__buttons {
    margin-bottom: -1rem;
    margin-top: 2rem;
    text-align: center
}

.important-information__buttons .cta {
    margin-left: .8rem;
    margin-right: .8rem
}

.important-information__body--lead p {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500
}

@media(min-width:1024px) {
    .important-information__body--lead p {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.inPageNav {
    margin-top: 46px
}

@media(min-width:768px) {
    .inPageNav {
        margin-top: 54px
    }
}

.inPageNav .container {
    display: block
}

.inPageNav .inPageNav__trigger {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 200;
    line-height: 22px;
    line-height: 1.375rem;
    padding-bottom: .2rem;
    position: relative
}

.inPageNav .inPageNav__trigger .link {
    display: block;
    height: 22px
}

@media(min-width:768px) {
    .inPageNav .inPageNav__trigger .link:hover {
        color: #04589b
    }
}

.inPageNav .inPageNav__trigger .icon {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
    width: 10px
}

.inPageNav .inPageNav__trigger .icon svg {
    width: 100%
}

.inPageNav .inPageNav__trigger.active .icon {
    transform: rotate(180deg) translateY(50%)
}

.inPageNav .inPageNav__marker {
    background-color: #3d3d3d;
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .5s ease;
    width: 0;
    z-index: 2
}

.inPageNav .inPageNav__marker.hover {
    background-color: #3d3d3d
}

.inPageNav .inPageNav__marker.visible {
    opacity: 1
}

.inPageNav .inPageNav__marker.invisible {
    transition: none
}

.inPageNav .inPageNav__marker.animate {
    transition: all .5s ease
}

.inPageNav nav {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    padding-bottom: 1rem;
    position: relative
}

.inPageNav nav>ul {
    margin: .5rem 0
}

@media(min-width:1024px) {
    .inPageNav nav>ul {
        display: flex
    }
}

.inPageNav nav>ul>li {
    position: relative
}

.inPageNav nav>ul>li:last-child {
    padding-right: 0
}

.inPageNav nav>ul>li .link,
.inPageNav nav>ul>li>a {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: 15px;
    font-size: .9375rem;
    font-size: .9375rem !important;
    font-weight: 200;
    line-height: 22px;
    line-height: 1.375rem;
    padding: 1.2rem 0 .9rem;
    position: relative;
    white-space: nowrap
}

@media(min-width:1024px) {

    .inPageNav nav>ul>li .link,
    .inPageNav nav>ul>li>a {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem;
        padding-right: 1rem
    }
}

.inPageNav nav>ul>li .link .icon,
.inPageNav nav>ul>li>a .icon {
    align-items: center;
    display: inline-block;
    left: 0;
    margin-left: .4rem;
    margin-right: 0;
    padding-bottom: .9rem;
    position: relative;
    right: auto;
    top: 0;
    width: 10px
}

.inPageNav nav>ul>li .link .icon svg,
.inPageNav nav>ul>li>a .icon svg {
    width: 100% !important
}

.inPageNav nav>ul>li.selected>a {
    font-weight: 600
}

.inPageNav nav>ul>li.selected>a span {
    position: relative
}

.inPageNav nav>ul>li.selected>a span:after {
    background-color: #04589b;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: -2%;
    position: absolute;
    width: 104%;
    z-index: 1
}

@media(min-width:1024px) {
    .inPageNav nav>ul>li.selected>a span:after {
        bottom: -33px
    }
}

.inPageNav nav>ul>li.active {
    color: #000 !important
}

.inPageNav nav>ul>li.active .link span:before,
.inPageNav nav>ul>li.active>a span:before {
    background: url(/dist/images/flourish/menu_curve_right.svg) no-repeat 0 0;
    background-size: cover;
    bottom: 0;
    content: "";
    display: block;
    height: 20px;
    opacity: 1;
    position: absolute;
    right: -20px;
    width: 20px
}

.inPageNav nav>ul>li.active .link span:after,
.inPageNav nav>ul>li.active>a span:after {
    background: #fff;
    border-radius: 17px 17px 0 0;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .2) !important;
    color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: -1rem;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% + 1rem);
    z-index: -1
}

.inPageNav nav>ul>li.active .icon path {
    fill: #1b1b1b;
    align-items: center;
    display: inline-block;
    font-size: .9375rem;
    left: 0;
    line-height: 1.375rem;
    margin-right: 0;
    padding-bottom: .9rem;
    padding-top: .9rem;
    position: relative;
    right: auto;
    top: 0;
    width: calc(100% + 1rem);
    z-index: -1
}

.inPageNav.mini {
    margin-bottom: 0
}

.inPageNav.mini .container {
    display: block
}

@media(min-width:1024px) {
    .inPageNav.mini .container {
        padding: 0
    }
}

.inPageNav.mini nav {
    align-items: center;
    border: none;
    padding: 0
}

@media(min-width:1024px) {
    .inPageNav.mini nav {
        display: flex
    }
}

.inPageNav.mini nav>ul {
    margin: 0;
    padding: 0
}

@media(min-width:1024px) {
    .inPageNav.mini nav>ul>li.selected>a span:after {
        bottom: -16px
    }
}

.inPageNav.mini nav>ul>a {
    font-size: 16px
}

.inPageNav.product .inPageNav__trigger .link {
    font-size: 15px;
    font-size: .9375rem;
    padding: .7rem 20px .7rem 0
}

.inPageNav.product .inPageNav__trigger .icon {
    top: .7rem;
    transform: none
}

.inPageNav.product .inPageNav__trigger .icon svg path {
    fill: #fff
}

.inPageNav.product .inPageNav__trigger.active .icon {
    transform: rotate(-180deg)
}

.inPageNav.product .inPageNav__marker {
    background: #fff
}

.inPageNav .contentExpander {
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.articleHubNav,
.media-library-nav {
    opacity: 1
}

.articleHubNav nav ul li a,
.media-library-nav nav ul li a {
    display: block;
    padding-right: 54px
}

.articleHubNav nav ul li a .icon,
.media-library-nav nav ul li a .icon {
    display: none
}

.subNav_panel {
    background-color: #fff;
    border-radius: 0 17px 17px 17px;
    box-sizing: border-box;
    color: #000;
    left: -2000em;
    min-width: calc(100% + 60px);
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 50px;
    transition: opacity .2s linear;
    z-index: 3
}

.subNav_panel ul {
    align-items: center;
    margin: .6rem 0;
    min-width: 150px
}

.subNav_panel ul,
.subNav_panel ul li {
    display: block;
    height: auto;
    position: relative
}

.subNav_panel ul li {
    margin: 0 0 0 5px;
    opacity: 0;
    padding: 0;
    text-align: left;
    transition: opacity .3s linear
}

.subNav_panel ul li.hidden {
    transition-delay: 0s !important
}

.subNav_panel ul li.visible {
    opacity: 1
}

.subNav_panel ul li:hover {
    background: #f7f7f7;
    border-left: 4px solid #04589b;
    border-radius: 4px 0 0 4px
}

.subNav_panel ul li:hover a {
    padding: .5rem 1rem .5rem .75rem
}

.subNav_panel ul li a {
    color: #04589b;
    display: block;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 22px;
    line-height: 1.375rem;
    padding: .5rem 1rem
}

.subNav_panel.visible {
    left: 0;
    opacity: 1
}

@media(min-width:1024px) {
    .subNav_panel.visible {
        left: 0
    }
}

.subNav_panel.visible ul li {
    opacity: 1
}

.inPageNav .subNav_panel.visible {
    left: -1rem
}

.product-item {
    position: relative
}

.product-item__container.container {
    padding: 0
}

.product-item__isBlackGradient:before {
    background: inherit !important
}

.product-item__image {
    display: flex;
    flex: 0 0 auto;
    position: relative;
    width: 100%
}

.product-item__image:before {
    background: linear-gradient(0deg, #000, transparent);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 40%
}

.product-item__image .image {
    display: block
}

.product-item__image img {
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 100%
}

.product-item__title {
    margin-bottom: 10px
}

.product-item__info {
    align-items: baseline;
    bottom: 20px;
    display: flex;
    left: 20px;
    line-height: 1;
    position: absolute;
    right: 20px
}

.product-item__info .image {
    display: inline-block;
    flex: 0 0 50%;
    max-width: 125px;
    vertical-align: bottom
}

[class*="--3up"] .product-item__info .image {
    max-width: 105px
}

@media(min-width:768px) {
    [class*="--3up"] .product-item__info .image {
        flex: 0 0 30%;
        flex: 0 0 50%
    }
}

.product-item__info p {
    align-items: flex-end;
    color: #fff;
    display: flex;
    flex-grow: 1;
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    max-width: 225px;
    padding-left: 15px
}

.product-item__info p span:first-child {
    font-size: 60px;
    letter-spacing: -2px;
    padding-right: 5px
}

@media(min-width:768px) {
    .product-item__info p span:first-child {
        font-size: 45px
    }
}

@media(min-width:1024px) {
    .product-item__info p span:first-child {
        font-size: 60px
    }
}

@media(max-width:767px) {
    .product-item__info {
        align-items: flex-end;
        bottom: 10px;
        left: 8px;
        right: 8px
    }

    .product-item__info .image {
        flex: 1 1 80px
    }

    .product-item__info p {
        font-size: 16px;
        max-width: 170px
    }

    .product-item__info p span:first-child {
        font-size: 30px;
        padding-right: 10px;
        position: relative;
        top: -10px
    }
}

.product-item__content {
    padding: 25px 40px 25px 25px
}

.product-item__content p:last-of-type {
    margin-bottom: 0
}

.product-item__main {
    background: #fff;
    border-radius: 7px;
    flex: 1 1 0%;
    overflow: hidden
}

@media(min-width:768px) {
    [class*="--1up"] .product-item__main {
        display: flex;
        flex-direction: row
    }

    [class*="--1up"] .product-item__main>* {
        width: 50%
    }
}

.product-item__footer {
    border-top: 1px solid rgba(0, 63, 116, .1);
    margin-top: 20px;
    padding-top: 20px
}

.product-item__footer>:last-child {
    margin-bottom: 0
}

.product-item__footer .cta+.arrowlink {
    margin-top: 15px
}

.product-item__content,
.product-item__main {
    display: flex;
    flex-direction: column
}

.product-item__content,
.product-item__copy {
    flex-grow: 1
}

.product-item--blank {
    margin: 0
}

.make-claim {
    opacity: 1
}

.make-claim__container.container {
    max-width: 840px
}

.make-claim__container.container .imagerenderd {
    height: 140px
}

@media(min-width:1024px) {
    .make-claim__container.container .imagerenderd {
        height: 120px
    }
}

.make-claim .title {
    color: #178830
}

.make-claim__image {
    display: block;
    margin-top: 3rem
}

.media {
    opacity: 1
}

.media__title {
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .media__title {
        margin-bottom: 36px
    }
}

.media__container.container {
    max-width: calc(792px + 2rem)
}

@media(min-width:1024px) {
    .media__container.container {
        max-width: calc(792px + 3rem)
    }
}

.media-item {
    margin-bottom: 30px
}

@media(min-width:1024px) {
    .media-item {
        margin-bottom: 54px
    }
}

.media-item:last-child {
    margin-bottom: 0
}

.media-item__main {
    display: flex
}

.media-item__image {
    display: block;
    flex: 0 0 40%;
    margin: 0 36px 0 0
}

.media-item__image img {
    border-radius: 8px;
    display: block
}

.media-item__body {
    flex-grow: 1
}

.notification {
    opacity: 1;
    padding: 30px 0 0
}

@media(min-width:768px) {
    .notification {
        padding: 54px 0 0
    }
}

.notification__container.container {
    max-width: 840px
}

.notification__main.plain {
    background-color: transparent
}

.notification__main.plain .icon {
    fill: #000
}

.notification__main.warning {
    background-color: #6f3695;
    color: #fff
}

.notification__main.error {
    background-color: #eb3924;
    color: #fff
}

.notification__main {
    align-items: center;
    border-radius: 8px;
    display: flex;
    padding: 16px;
    position: relative
}

@media(max-width:767px) {
    .notification__main {
        align-items: flex-start
    }
}

.notification .icon {
    fill: #fff
}

@media(min-width:768px) {
    .notification__title-container {
        align-items: center;
        display: flex;
        flex-grow: 1
    }
}

.notification__title {
    display: block;
    flex-grow: 1;
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    line-height: 1.375rem;
    padding: 0 16px
}

.notification__link {
    line-height: 1.2;
    margin-left: auto
}

@media(max-width:767px) {
    .notification__link {
        padding: 16px 16px 0
    }
}

.notification__link a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.notification__link .icon {
    margin-right: 10px
}

.notification__link .icon svg {
    width: 12px
}

.notification a {
    border-bottom: 1px solid rgba(4, 88, 155, 0);
    color: inherit;
    transition: all .4s
}

.notification a:focus,
.notification a:hover {
    border-color: #fff;
    color: inherit
}

.pagination {
    opacity: 1;
    padding: 20px 0 46px
}

@media(min-width:768px) {
    .pagination {
        padding: 36px 0 60px
    }
}

.pagination__container.container {
    max-width: calc(792px + 2rem)
}

@media(min-width:1024px) {
    .pagination__container.container {
        max-width: calc(792px + 3rem)
    }
}

.pagination__nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.pagination__nav__indicator {
    flex: 0 0 100%;
    margin-bottom: 1rem
}

@media(min-width:400px) {
    .pagination__nav__indicator {
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

.pagination__buttons .cta {
    margin: 0
}

.pagination__buttons .cta:nth-child(2) {
    margin-left: 1rem
}

.pagination__pageList {
    display: flex;
    margin: 0 2rem;
    padding: 0
}

.pagination__pageList li {
    list-style: none;
    margin: 0 1rem;
    padding: 0
}

.pagination__pageList li a {
    display: block;
    padding: 0
}

.popularArticles {
    opacity: 1;
    padding: 46px 0;
    position: relative
}

@media(min-width:1024px) {
    .popularArticles {
        padding: 36px 0 60px
    }
}

.popularArticles__total {
    display: block;
    margin: -30px auto 46px;
    position: relative
}

@media(min-width:1024px) {
    .popularArticles__total {
        margin: -36px auto 60px
    }
}

.popularArticles__heading {
    text-align: center
}

.popularArticles__heading:after {
    background: rgba(0, 63, 116, .1);
    content: "";
    display: block;
    height: 2px;
    margin: 1rem auto 0;
    position: relative;
    width: 50px
}

.popularArticles .carousel .slider:after {
    content: "flickity";
    display: none
}

@media(min-width:1024px) {
    .popularArticles .carousel .slider:after {
        content: ""
    }
}

.popularArticles .carousel .slider .slider__cell {
    margin-bottom: 30px;
    padding: 0 .75rem
}

@media(min-width:1024px) {
    .popularArticles .carousel .slider .slider__cell {
        margin-bottom: 54px
    }
}

@media(min-width:768px) {
    .popularArticles .carousel .slider .slider__cell.last {
        margin-bottom: 0
    }
}

.popularArticles .popularArticles__cta {
    padding-top: 46px;
    text-align: center
}

@media(min-width:1024px) {
    .popularArticles .popularArticles__cta {
        padding-top: 60px
    }
}

.popularArticles .popularArticles__cta .cta {
    margin: 0
}

.popularArticles .all-seo-items {
    display: none
}

.loadMore {
    position: relative
}

.loadMore--loading a {
    opacity: 0
}

.loadMore__loading {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.product-list {
    opacity: 1;
    padding: 0;
    position: relative
}

.product-list--first {
    padding-top: 46px
}

@media(min-width:1024px) {
    .product-list--first {
        padding-top: 60px
    }
}

.product-list--last {
    padding-bottom: 16px
}

@media(min-width:1024px) {
    .product-list--last {
        padding-bottom: 6px
    }
}

.product-list__main {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative
}

.product-list__main>* {
    display: inline-block;
    display: flex;
    flex: 0 0 100%;
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .product-list__main>* {
        margin-bottom: 36px
    }
}

@media(min-width:768px) {
    .product-list--2up .product-list__main>* {
        flex: 0 0 49%
    }

    .product-list--3up .product-list__main>* {
        flex: 0 0 32%
    }
}

.product-list .cta {
    max-width: 320px
}

.producttiles {
    opacity: 1;
    text-align: center;
    z-index: 6
}

.producttiles--overlap {
    padding-top: 26px
}

@media(min-width:768px) {
    .producttiles--overlap {
        padding-top: 0
    }

    .producttiles--overlap .producttiles__container {
        margin-bottom: -70px;
        position: relative;
        top: -70px
    }
}

.producttiles__items {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -12px;
    margin-right: -12px
}

.producttiles .contentExpander .producttiles__items {
    justify-content: flex-start;
    opacity: 0;
    transition: opacity 1s
}

.producttiles .contentExpander.open .producttiles__items {
    opacity: 1
}

.producttiles__item {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(min-width:768px) {
    .producttiles__item {
        width: 50%
    }
}

@media(min-width:1024px) {
    .producttiles__item {
        width: 25%
    }
}

.producttiles__item__inner {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 12px;
    min-height: 310px;
    padding: 24px
}

.producttiles__item__top--no-link {
    color: #04589b
}

.producttiles__item__top .imagerenderd {
    height: 120px
}

@media(min-width:1024px) {
    .producttiles__item__top .imagerenderd {
        height: 120px
    }
}

.producttiles__item__heading {
    font-family: livvic, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-top: 5px;
    min-height: 58px
}

.producttiles__item__icon {
    display: block;
    height: 120px
}

.producttiles__item__icon img {
    display: block;
    margin: auto;
    max-height: 100%
}

.producttiles__item__link {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px
}

.producttiles__item__link a {
    display: inline
}

.producttiles .showmore--wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 104px;
    justify-content: flex-end;
    overflow: hidden;
    transition: height .4s ease;
    transition-delay: 50ms
}

.producttiles .showmore--wrapper .showmore {
    margin: 34px 0 5px
}

.producttiles .showmore--wrapper .showmore:hover .icon {
    background-color: #003578
}

@media(max-width:767px) {
    .producttiles .showmore--wrapper .showmore {
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%
    }
}

.producttiles .showmore--wrapper.open {
    height: 0
}

.producttiles .showmore--wrapper .icon {
    background: #006cf4;
    border-radius: 50%;
    height: 20px;
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    transition: background .3s;
    vertical-align: bottom;
    width: 20px
}

.producttiles .showmore--wrapper .icon span {
    background: #fff
}

@media(min-width:768px) {
    .producttiles .showmore--wrapper .icon {
        right: 21px
    }
}

.producttiles__items--wide .producttiles__item__icon {
    height: 140px
}

@media(min-width:768px) {
    .producttiles__items--wide .producttiles__item {
        width: 50%
    }

    .producttiles__items--wide .producttiles__item__bottom {
        margin: 0 auto;
        max-width: 320px;
        width: 100%
    }
}

.promo {
    opacity: 1;
    text-align: center
}

@media(min-width:768px) {
    .promo {
        text-align: left
    }
}

.promo .promo__container {
    margin: 0 auto;
    max-width: 700px;
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative
}

.promo .promo__container:before {
    background: rgba(0, 63, 116, .1);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

@media(min-width:1024px) {
    .promo .promo__container:before {
        width: calc(995px + 3rem)
    }
}

.promo__title {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    font-weight: 500;
    line-height: 1.1;
    margin: 0
}

.promo__icon {
    display: inline-block;
    flex: 0 0 auto;
    vertical-align: middle;
    width: 80px
}

@media(min-width:768px) {
    .promo__icon {
        margin-right: 1rem;
        margin-top: -1rem
    }
}

.promo__icon .imagerenderd {
    height: 87px
}

@media(min-width:1024px) {
    .promo__icon .imagerenderd {
        height: auto
    }
}

.promo__body {
    padding: 1rem 1rem 2.5rem
}

@media(min-width:768px) {
    .promo__body {
        padding: 0 1.5rem
    }

    .promo__main {
        align-items: center;
        display: flex
    }

    .promo__footer {
        flex-shrink: 0
    }

    .promo .cta {
        margin: 0;
        max-width: 300px;
        min-width: 150px
    }

    .promo__body {
        flex-grow: 1
    }
}

.promo--noTopMargin {
    margin-top: 0;
    padding-top: 0
}

.promo--noMargin {
    margin: 0
}

.promo--noMargin .promo__container:before {
    display: none
}

.promo--noMargin .promo__icon {
    margin-top: 0
}

.module--quicklinks {
    opacity: 1;
    position: relative
}

.module--quicklinks .container {
    position: relative
}

@media(min-width:1024px) {
    .module--quicklinks .container {
        margin: 0 auto;
        max-width: 900px;
        padding: 0 1.5rem
    }
}

.module--quicklinks__flourish {
    position: absolute;
    right: 1rem;
    top: -1rem
}

@media(min-width:1024px) {
    .module--quicklinks__flourish {
        left: -130px;
        right: auto;
        top: 100px
    }
}

.module--quicklinks__title,
.module--quicklinks__title+p {
    color: #178830
}

.module--quicklinks__main {
    position: relative
}

@media(min-width:768px) {
    .module--quicklinks__main .reevoo {
        margin-top: 3rem
    }
}

.module--quicklinks__info .head {
    padding-right: 80px
}

@media(min-width:768px) {
    .module--quicklinks__info .head {
        padding-right: 0
    }
}

.module--quicklinks__info .imagerenderd {
    height: 128px;
    min-width: 61px
}

@media(min-width:1024px) {
    .module--quicklinks__info .imagerenderd {
        height: 120px
    }
}

.module--quicklinks .module--quicklinks__image {
    display: block;
    margin-bottom: 0;
    margin-top: 2rem
}

.module--quicklinks .module--quicklinks__image img {
    display: block;
    margin: 0 auto
}

@media(min-width:768px) {
    .module--quicklinks .module--quicklinks__image img {
        margin-left: 0;
        margin-right: 0
    }
}

.module--quicklinks--extraTopPadding {
    padding-top: 3rem
}

.module--quicklinks .contact__detail {
    padding-top: 1rem
}

.module--quicklinks .contact__info {
    border-top: 1px solid rgba(0, 63, 116, .1);
    margin-top: 1rem !important;
    padding-top: 1rem
}

@media(min-width:768px) {
    .module--quicklinks--thirds .columns\@md>:first-child {
        flex-basis: 30.8%
    }

    .module--quicklinks--thirds .columns\@md>:last-child {
        flex-basis: 61.7%
    }

    .module--quicklinks--thirds .module--quicklinks__info p:last-child {
        margin-bottom: 0
    }

    .module--quicklinks--thirds .module--quicklinks__list ul {
        display: flex;
        flex-wrap: wrap
    }

    .module--quicklinks--thirds .module--quicklinks__list ul li {
        flex-basis: 50%;
        padding: 1rem 0
    }
}

@media(min-width:1024px) {
    .module--quicklinks--thirds .container {
        max-width: calc(995px + 3rem)
    }
}

.module--quicklinks--reducedTopPadding {
    padding-top: 0
}

.related {
    opacity: 1;
    padding: 40px 0;
    position: relative
}

@media(min-width:1024px) {
    .related {
        padding: 70px 0;
        padding-right: 1.5rem
    }
}

.related__header {
    align-items: baseline;
    display: flex
}

.related__items>div {
    display: flex;
    flex-direction: row
}

.related__items>div+div {
    margin-top: 1rem
}

@media(min-width:768px) {
    .related__items {
        display: flex;
        justify-content: space-between
    }

    .related__items>div+div {
        margin-top: 0
    }

    .related__items>div:nth-last-child(n+2):nth-last-child(-n+2):first-child,
    .related__items>div:nth-last-child(n+2):nth-last-child(-n+2):first-child~div {
        width: 48%
    }

    .related__items>div:nth-last-child(n+3):nth-last-child(-n+3):first-child,
    .related__items>div:nth-last-child(n+3):nth-last-child(-n+3):first-child~div {
        width: 32%
    }
}

.related__cta {
    margin-top: 2rem;
    text-align: center
}

.related__more {
    margin-top: 1.5rem !important
}

@media(min-width:768px) {
    .related__more {
        display: none !important
    }
}

.related--padtop {
    padding-top: 6rem
}

@media(min-width:768px) {
    .related--padtop {
        padding-top: 10rem
    }
}

.related .carousel .slider:after {
    content: "flickity";
    display: none
}

@media(min-width:1024px) {
    .related .carousel .slider:after {
        content: ""
    }
}

.related.related--1up .slider__cell>div {
    width: 100%
}

@media(min-width:1024px) {
    .related.related--1up .slider__cell {
        width: 32%
    }
}

.related:not(.related--1up) .related__container.container {
    padding-right: 0
}

.searchResults {
    opacity: 1;
    padding: 30px 0
}

@media(min-width:1024px) {
    .searchResults {
        background-color: #f7f7f7;
        padding: 120px 0
    }

    .searchResults .container {
        max-width: 700px
    }
}

.searchResults h3 {
    font-family: livvic, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 0 .7rem
}

.searchResults .searchResults__summary {
    margin: 1rem 0 4rem
}

.searchResults .searchResults__summary p {
    color: #46616e;
    font-size: 13px
}

.searchResults .searchResults__item {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .searchResults .searchResults__item {
        margin-bottom: 36px
    }
}

.searchResults .searchResults__item p {
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .searchResults .searchResults__item p {
        margin-bottom: 36px
    }
}

.searchResults .searchResults__item:last-child {
    border: none;
    margin-bottom: 0
}

.searchResults .searchResults__item:last-child p {
    margin: 0
}

.share {
    margin-top: -30px;
    opacity: 1;
    position: absolute;
    right: 0;
    z-index: 5
}

@media(min-width:1024px) {
    .share {
        margin: 0;
        position: relative;
        right: auto;
        top: 60px
    }
}

.share__main {
    margin: 0 0 0 auto;
    position: relative;
    width: 70px
}

@media(min-width:1024px) {
    .share__main {
        left: -150px;
        position: absolute;
        top: 0
    }
}

.share__button {
    background-color: #fff;
    border: 1px solid #edf2f6;
    border-radius: 100%;
    color: #58595b;
    display: block;
    height: 42px;
    margin: 20px auto;
    position: relative;
    width: 42px
}

@media(min-width:1024px) {
    .share__button {
        display: none
    }
}

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

.share__button:focus,
.share__button:hover {
    color: #178830
}

.share__button a,
.share__button button {
    background: transparent;
    border: none;
    color: inherit;
    display: block;
    height: 100%;
    outline: none;
    padding: 11px;
    width: 100%
}

.share__button--pinterest {
    position: relative
}

.share__button--pinterest>span:first-child {
    background-image: none !important
}

.share__button--pinterest .icon,
.share__button--pinterest>span:last-child {
    position: static !important
}

.share__button--pinterest svg {
    pointer-events: none
}

.share__button--pinterest:focus,
.share__button--pinterest:hover {
    color: #178830 !important
}

.share__button img {
    display: block
}

.share__button svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: currentColor;
    height: 18px;
    width: 18px
}

.share__container {
    padding: 0;
    position: relative
}

@media(min-width:1024px) {
    .share__container {
        max-width: 700px !important
    }
}

.share__networks {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    opacity: 0;
    position: absolute;
    transition: all .5s;
    visibility: hidden;
    width: 100%;
    z-index: 99
}

.share__networks .share__button {
    display: block
}

.share__networks:before {
    background: #fff;
    content: "";
    display: block;
    height: 20px;
    left: 50%;
    position: absolute;
    top: -4px;
    transform: translateX(-50%) rotate(45deg);
    width: 20px
}

@media(min-width:1024px) {
    .share__networks {
        background: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible
    }

    .share__networks:before {
        display: none
    }
}

.share--open .share__networks {
    opacity: 1;
    visibility: visible
}

.share__button--pinterest span {
    background: none !important
}

.start-quote {
    opacity: 1;
    position: relative;
    text-align: center
}

.start-quote .start-quote__flourish {
    content: "";
    height: 45px;
    left: 70%;
    margin-top: -22px;
    position: absolute;
    top: calc(-46px - 1rem);
    width: 83px;
    z-index: 4
}

@media(min-width:1024px) {
    .start-quote .start-quote__flourish {
        top: calc(-60px - 1rem)
    }
}

.start-quote .theme-blackcurrant,
.start-quote .theme-clover,
.start-quote .theme-strawberry,
.start-quote .theme-teal {
    color: #fff
}

.start-quote__container.container {
    max-width: 900px
}

.start-quote__content {
    margin: 0 auto;
    max-width: 560px
}

.start-quote__title {
    margin: 0
}

.start-quote__buttons {
    margin-bottom: -1rem;
    margin-top: 2rem
}

.start-quote__buttons .cta {
    margin-left: .8rem;
    margin-right: .8rem
}

.product-stickyNav {
    opacity: 1
}

.product-stickyNav .duplicate {
    display: none
}

.product-stickyNav .product-stickyNav__content {
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    display: none !important;
    text-align: right;
    transition: opacity .2s linear;
    width: 100%
}

.product-stickyNav .product-stickyNav__content.isEditing {
    display: block !important
}

.product-stickyNav .product-stickyNav__content.isPreview {
    top: 89px !important
}

.product-stickyNav .product-stickyNav__content.fixed {
    display: block !important;
    min-height: 30px
}

.product-stickyNav .product-stickyNav__content .cta {
    margin: .5rem 0
}

.product-stickyNav .product-stickyNav__content .product-stickyNav__contact {
    align-items: baseline;
    display: flex;
    justify-content: flex-end;
    padding: .2rem 0 .5rem
}

.product-stickyNav .product-stickyNav__content .product-stickyNav__intro {
    color: #04589b;
    font-size: 12px;
    font-size: .75rem;
    line-height: 12px;
    line-height: .75rem
}

.product-stickyNav .product-stickyNav__content .product-stickyNav__number {
    color: #04589b;
    font-family: livvic, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    line-height: 1.375rem;
    margin-left: .5rem
}

.product-stickyNav .product-stickyNav__content .product-stickyNav__image {
    margin: 0 0 0 .5rem;
    position: relative;
    top: .4rem
}

.product-stickyNav .product-stickyNav__content .product-stickyNav__image img {
    height: auto;
    width: 30px
}

.storycards__card {
    position: relative
}

.storycards__card .cms-edit {
    padding: 10px 0;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 999
}

.storycards__card .cta {
    width: 100%
}

@media(min-width:768px) {
    .storycards__card .cta {
        width: auto
    }
}

.storycards__card__inner,
.storycards__card__inner.quote {
    background-size: cover;
    border-radius: 10px;
    margin: 1rem 0;
    padding: 1.5rem;
    position: relative
}

@media(min-width:768px) {

    .storycards__card__inner,
    .storycards__card__inner.quote {
        height: 270px;
        margin: 12px
    }
}

@media(min-width:1024px) {

    .storycards__card__inner,
    .storycards__card__inner.quote {
        padding: 36px
    }

    .storycards__card__inner.quote,
    .storycards__card__top-wrapper {
        padding-right: 43px
    }
}

.storycards__card__content-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.storycards__card__top-wrapper {
    flex-grow: 1
}

.storycards__card__title {
    font-family: livvic, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.storycards__card__background img {
    border-radius: 10px
}

.storycards__card__video {
    display: block;
    margin-top: 32px;
    text-align: center
}

.storycards__card__video:hover {
    text-decoration: underline
}

.storycards__card__video .cta {
    margin: 0 0 32px;
    width: auto
}

.storycards__card__video p a {
    border-bottom: none
}

.storycards__card__icon img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

@media(min-width:768px) {
    .storycards__card.storycards--icon .storycards__card__top-wrapper {
        flex: 1 1 0
    }

    .storycards__card.storycards--icon .storycards__card__bottom-wrapper {
        flex: 1 1 0;
        min-height: 0
    }

    .storycards__card.storycards--quote .container.wrapper,
    .storycards__card.storycards--quote .quote__copy {
        height: 100%
    }

    .storycards__card.storycards--quote blockquote {
        height: 100%;
        padding-bottom: 70px
    }

    .storycards__card.storycards--quote footer {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0
    }

    .storycards__card.storycards--tall .storycards__card__inner {
        height: 540px
    }
}

.storycards__card.storycards--tall .storycards__card__title {
    font-size: 30px;
    line-height: 30px
}

@media(min-width:768px) {
    .storycards__card.storycards--tall .storycards__card__title {
        font-family: livvic, sans-serif;
        font-size: 38px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px
    }

    .storycards__card.storycards--wide {
        max-width: none
    }
}

.storycards__card.storycards--wide .storycards__card__inner {
    height: auto
}

@media(max-width:767px) {
    .storycards__card.storycards--background .storycards__card__inner {
        padding-bottom: 84%
    }

    .storycards__card.storycards--background.storycards--tall .storycards__card__inner {
        padding-bottom: 166%
    }

    .storycards__card.storycards--background .storycards__card__content-wrapper {
        bottom: 1.5rem;
        height: auto;
        left: 1.5rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem
    }
}

.storycards__card.storycards--image .storycards__card__top-wrapper {
    padding: 1.5rem
}

@media(min-width:1024px) {
    .storycards__card.storycards--image .storycards__card__top-wrapper {
        padding: 36px
    }
}

.storycards__card.storycards--image .storycards__card__inner {
    overflow: hidden;
    padding: 0
}

.storycards__card.storycards--image .storycards__card__content-wrapper {
    height: auto
}

.storycards__card.storycards--image .storycards__card__image {
    border-radius: 10px;
    display: block;
    overflow: hidden;
    padding-top: 10px
}

.storycards__card.storycards--image .storycards__card__image img {
    vertical-align: bottom;
    width: 100%
}

.storycards__card.storycards--image .storycards__card__title {
    font-size: 30px;
    line-height: 30px
}

@media(min-width:1024px) {
    .storycards__card.storycards--image .storycards__card__title {
        font-size: 38px;
        line-height: 40px
    }
}

@media(min-width:768px) {
    .storycards__card.storycards--image:not(.storycards--tall):not(.storycards--wide) .storycards__card__image {
        display: none
    }

    .storycards__card.storycards--image:not(.storycards--tall):not(.storycards--wide) .storycards__card__inner .cta {
        margin: -1rem 1.5rem 1.5rem
    }

    .storycards__card.storycards--image:not(.storycards--tall):not(.storycards--wide) .storycards__card__title {
        font-size: 26px;
        line-height: 1.1
    }

    .storycards__card.storycards--image.storycards--tall .storycards__card__inner .cta {
        bottom: 1.5rem;
        left: 1.5rem;
        position: absolute;
        right: 1.5rem;
        width: auto
    }
}

@media(max-width:767px) {
    .storycards__card.storycards--image .storycards__card__inner .cta {
        bottom: 1.5rem;
        left: 1.5rem;
        position: absolute;
        right: 1.5rem;
        width: auto
    }
}

.storycards__card.storycards--story .storycards__card__inner .storycards__card__title {
    font-size: 20px;
    line-height: 24px
}

.storycards__card.storycards--story .storycards__card__inner .cta {
    font-size: 16px;
    margin-right: 0;
    margin-top: 0;
    padding: .85rem 2rem
}

.storycards__card.storycards--story .storycards__card__bottom-wrapper {
    text-align: center
}

@media(min-width:768px) {
    .storycards__card.storycards--wide.storycards--image .storycards__card__content-wrapper {
        max-width: 100%
    }

    .storycards__card.storycards--wide.storycards--image .storycards__card__inner {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        min-height: 270px
    }

    .storycards__card.storycards--wide.storycards--image .storycards__card__top-wrapper {
        flex-grow: 1;
        height: 100%;
        max-width: 100%;
        padding-bottom: 0;
        padding-right: 370px
    }

    .storycards__card.storycards--wide.storycards--image .storycards__card__image {
        border-radius: 10px;
        bottom: 0;
        flex-grow: 0;
        left: auto;
        max-height: none;
        max-width: 370px;
        overflow: hidden;
        padding-left: 10px;
        padding-top: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0
    }

    .storycards__card.storycards--wide.storycards--image .storycards__card__image img {
        height: 100%;
        max-width: none;
        width: auto
    }

    .storycards__card.storycards--wide.storycards--image .storycards__card__inner .cta {
        margin: 1.5rem;
        width: auto
    }
}

@media(min-width:768px)and (min-width:1024px) {
    .storycards__card.storycards--wide.storycards--image .storycards__card__inner .cta {
        margin: 36px
    }
}

.storycards {
    opacity: 1
}

.storycards .head {
    display: block
}

.storycards .cta-wrapper {
    text-align: center
}

.storycards .more-stories {
    margin: 42px 0 0
}

@media(max-width:767px) {
    .storycards .head {
        margin: 0 24px
    }

    .storycards .cta {
        margin-right: 0;
        z-index: 1
    }

    .storycards .more-stories {
        display: none
    }
}

@media(min-width:768px) {
    .storycards .head {
        text-align: center
    }
}

.storycards__cards {
    margin: auto;
    max-width: 1020px
}

@media(min-width:768px) {
    .storycards__cards__top {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 858px
    }

    .storycards__cards__top .storycards__card {
        width: 50%
    }

    .storycards__cards__top .storycards__card:first-child {
        order: 1
    }

    .storycards__cards__top .storycards__card:nth-child(2) {
        order: 3
    }

    .storycards__cards__top .storycards__card:nth-child(3) {
        order: 2
    }

    .storycards__cards__top .storycards__card:nth-child(4) {
        order: 4
    }
}

.subArticles {
    margin: 0;
    opacity: 1;
    padding: 46px 0;
    position: relative
}

@media(min-width:1024px) {
    .subArticles {
        padding: 36px 0
    }
}

.subArticles .container {
    padding-right: 0
}

.subArticles__heading {
    text-align: center
}

.subArticles__heading:after {
    background: rgba(0, 63, 116, .1);
    content: "";
    display: block;
    height: 2px;
    margin: 1rem auto 0;
    position: relative;
    width: 50px
}

.subArticles__footer {
    text-align: center
}

.subArticles .carousel .slider .slider__cell {
    width: 90%
}

.subArticles .carousel .slider:after {
    content: "flickity";
    display: none
}

@media(min-width:768px) {
    .subArticles .carousel .slider .slider__cell {
        max-width: 500px;
        width: 30%
    }
}

@media(min-width:1024px) {
    .subArticles .carousel .slider:after {
        content: ""
    }

    .subArticles .carousel .slider .slider__cell {
        width: 25%
    }
}

.support__container.container {
    max-width: 840px
}

.support .title {
    color: #178830
}

.tags {
    opacity: 1
}

.tags .container {
    align-items: center;
    display: flex
}

@media(min-width:1024px) {
    .tags .container {
        margin: 0 auto;
        max-width: 700px;
        padding: 0 1.5rem
    }
}

.tags .icon,
.tags a {
    margin-right: 1rem
}

.tags a {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    color: #3d3d3d;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 600;
    line-height: 14px;
    line-height: .875rem;
    margin-top: .3rem;
    padding-bottom: .2rem
}

@media(min-width:1024px) {
    .tags a {
        font-size: 14px;
        font-size: .875rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.timeline {
    opacity: 1;
    padding: 46px 0;
    position: relative
}

@media(min-width:768px) {
    .timeline {
        padding: 60px 0
    }
}

.timeline .head {
    display: block;
    margin: 0 auto;
    max-width: 550px;
    width: 100%
}

.timeline__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    position: relative
}

@media(min-width:768px) {
    .timeline__items {
        padding-top: 4rem
    }
}

.timeline__item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    flex: 0 1 100%;
    margin-bottom: 3rem;
    margin-left: 30px;
    padding: 1rem 1rem 50px;
    position: relative
}

@media(min-width:768px) {
    .timeline__item {
        margin: 0
    }
}

.timeline__item:before {
    background: #cddc29;
    content: "";
    display: block;
    height: calc(50% - 18px);
    left: -30px;
    position: absolute;
    top: 0;
    width: 1px
}

@media(min-width:768px) {
    .timeline__item:before {
        display: none
    }
}

.timeline__item:after {
    background: #cddc29;
    content: "";
    display: block;
    height: calc(50% + 3rem - 18px);
    left: -30px;
    position: absolute;
    top: calc(50% + 18px);
    width: 1px
}

@media(min-width:768px) {
    .timeline__item:after {
        height: 1px;
        left: calc(50% + 15px);
        top: -38px;
        width: 100%
    }
}

.timeline__item .timeline__item__speech {
    background: url(images/flourish/timeline-speech-mark.png) 0 0 no-repeat;
    background-size: cover;
    display: block;
    height: 40px;
    left: -23px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 23px
}

@media(min-width:768px) {
    .timeline__item .timeline__item__speech {
        left: 50%;
        top: -31px;
        transform: translateX(-50%) rotate(90deg)
    }
}

.timeline__item .timeline__item__marker {
    border: 1px solid #cddc29;
    border-radius: 50%;
    height: 15px;
    left: -37px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

@media(min-width:768px) {
    .timeline__item .timeline__item__marker {
        left: 50%;
        top: -45px;
        transform: translateX(-50%)
    }
}

.timeline__item .timeline__item__marker .icon {
    height: 10px;
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 7px
}

@media(min-width:768px) {
    .timeline__item .timeline__item__marker .icon {
        left: 65%;
        top: 52%;
        transform: translateX(-50%) translateY(-50%) rotate(-90deg)
    }
}

.timeline__item .timeline__item__marker .icon svg {
    position: absolute;
    width: 100%
}

@media(min-width:768px) {
    .timeline__item {
        flex: 0 0 auto;
        padding: 1.5rem 1.5rem 36px;
        width: calc(25% - 1.5rem)
    }
}

.timeline__item .timeline__item__image {
    display: block;
    margin-bottom: 1rem
}

.timeline__item .timeline__item__image img {
    display: block;
    margin: 0 auto
}

.timeline__item .timeline__item__label {
    border-bottom: 1px solid rgba(0, 63, 116, .1);
    color: #04589b;
    font-family: Mulish, sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    padding-bottom: 1rem
}

.timeline__item .timeline__item__text {
    color: #178830;
    font-family: livvic, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 0
}

.timeline__item:first-child:before {
    display: none
}

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

.timeline__item:last-child:after {
    display: none
}

@media(min-width:768px) {
    .timeline__item:last-child:after {
        background: linear-gradient(90deg, #cddc29 0, rgba(205, 220, 41, 0));
        display: block
    }
}

.timeline__item .imagerenderd {
    height: 120px
}

@media(min-width:768px) {
    .timeline--1 .timeline__items {
        max-width: 280px
    }

    .timeline--1 .timeline__item {
        width: 100%
    }

    .timeline--2 .timeline__items {
        max-width: 600px
    }

    .timeline--2 .timeline__item {
        width: calc(50% - 1rem)
    }

    .timeline--3 .timeline__items {
        max-width: 916px
    }

    .timeline--3 .timeline__item {
        width: calc(33.33333% - 1.33333rem)
    }
}

.timeline__more {
    -webkit-appearance: none;
    background: #04589b;
    border: 0;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
    transition: background .4s linear;
    width: 40px
}

.timeline__more:before {
    height: 1px;
    width: 10px
}

.timeline__more:after,
.timeline__more:before {
    background: #fff;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.timeline__more:after {
    height: 10px;
    width: 1px
}

.timeline__more:focus,
.timeline__more:hover {
    background: #3d3d3d;
    outline: none
}

.timeline .allOverlayContent {
    display: none
}

.unit-price {
    margin: 46px 0;
    opacity: 1;
    padding: 0
}

@media(min-width:768px) {
    .unit-price {
        margin: 60px 0
    }
}

.unit-price__container.container {
    max-width: 900px
}

.unit-price h2,
.unit-price h3 {
    color: #178830
}

.unit-price h2+p,
.unit-price h3+p {
    margin-bottom: .8rem;
    margin-top: -16px
}

.unit-price .n,
.unit-price .y {
    display: inline-block;
    height: 15px;
    width: 15px
}

.unit-price__table {
    margin-bottom: 1.5rem
}

.unit-price__table table {
    margin: 0
}

.unit-price__items {
    margin-bottom: 20px
}

@media(min-width:768px) {
    .unit-price__items {
        margin-bottom: 36px
    }
}

.unit-price__items:last-child {
    margin-bottom: 0
}

@media(min-width:768px) {
    .unit-price__items {
        display: flex;
        flex-wrap: wrap
    }

    .unit-price-item {
        display: flex;
        flex: 0 0 33.3333%;
        flex-direction: column
    }

    .unit-price-item>:last-child {
        flex-grow: 1
    }
}

.unit-price .accordion {
    margin-top: 16px
}

.unit-price .accordion__head {
    color: #04589b;
    cursor: pointer;
    padding: 10px 0 10px 40px;
    position: relative
}

.unit-price .accordion__head:hover {
    color: #3d3d3d
}

.unit-price .accordion__icon {
    border: 1.6px solid #04589b;
    border-radius: 100%;
    height: 30px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px
}

.unit-price .accordion__article {
    background-color: #f9fafc;
    border-radius: 8px;
    padding: 24px
}

.unit-price .accordion__article li {
    margin: 0
}

.unit-price .accordion__article>span>:last-child {
    margin-bottom: 0
}

.unit-price-item {
    border-radius: 8px;
    margin-top: 16px
}

.unit-price-item__section {
    background-color: #f9fafc;
    padding: 15px 24px;
    position: relative
}

.unit-price-item__section:first-child p b {
    display: block
}

@media(min-width:768px) {
    .unit-price-item__section:after {
        border-right: 1px solid #d2d9dc;
        bottom: 16px;
        content: "";
        opacity: .5;
        position: absolute;
        right: 0;
        top: 16px
    }
}

.unit-price-item__section+.unit-price-item__section {
    margin-top: 3px
}

.unit-price-item__section:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.unit-price-item__section:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.unit-price-item__section>:last-child,
.unit-price-item__section>div>:last-child {
    margin-bottom: 0
}

@media(min-width:768px) {

    .unit-price-item__section:first-child,
    .unit-price-item__section:last-child {
        border-radius: 0
    }

    .unit-price-item:first-child>:first-child,
    .unit-price-item:nth-child(4n)>:first-child {
        border-top-left-radius: 8px
    }

    .unit-price-item:first-child>:last-child,
    .unit-price-item:nth-child(4n)>:last-child {
        border-bottom-left-radius: 8px
    }

    .unit-price-item:last-child>:first-child,
    .unit-price-item:nth-child(3n)>:first-child {
        border-top-right-radius: 8px
    }

    .unit-price-item:last-child>:last-child,
    .unit-price-item:nth-child(3n)>:last-child {
        border-bottom-right-radius: 8px
    }

    .unit-price-item:last-child .unit-price-item__section:after,
    .unit-price-item:nth-child(3n) .unit-price-item__section:after {
        display: none
    }
}

.unit-price-item li {
    margin: 0
}

.video {
    opacity: 1;
    position: relative
}

.video .container {
    max-width: calc(995px + 3rem);
    padding: 0;
    text-align: center
}

@media(min-width:1024px) {
    .video .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.video .container .inner {
    padding-top: 50%;
    position: relative
}

@media(min-width:1024px) {
    .video .container .inner {
        position: relative
    }
}

.video .container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video__info {
    display: flex;
    flex-flow: wrap
}

.video__caption {
    flex: 0 0 100%
}

@media(min-width:1024px) {
    .video__caption {
        flex: 0 0 50%
    }
}

.video__transTrigger {
    border-top: 1px solid rgba(0, 63, 116, .1);
    flex: 0 0 100%;
    margin-bottom: 0;
    margin-left: auto;
    padding: 1rem;
    text-align: right
}

@media(min-width:1024px) {
    .video__transTrigger {
        border: none;
        flex: 0 0 40%;
        margin-top: .6rem;
        padding: 0
    }
}

.video__transTrigger>span {
    border: none;
    color: #04589b;
    cursor: pointer;
    display: inline-block;
    padding-right: 34px;
    position: relative
}

.video__transTrigger>span .text {
    border-bottom: 1px solid rgba(4, 88, 155, 0);
    transition: all .4s linear
}

.video__transTrigger>span:hover {
    color: #3d3d3d
}

.video__transTrigger>span:hover .text {
    border-color: #3d3d3d
}

.video__transTrigger>span:hover .icon span {
    background: #3d3d3d
}

.video__transTrigger .icon {
    border: 1px solid;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

@media(min-width:1024px) {
    .video__transTrigger .icon {
        margin-left: 1rem
    }
}

.video__transTrigger .icon span {
    background: #04589b;
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.video__transTrigger .icon span+span {
    height: 10px;
    transition: height .3s;
    width: 2px
}

.video__transTrigger--open .icon span+span {
    height: 0
}

.video__transcript {
    background: #fff;
    flex: 0 0 100%;
    text-align: left
}

.video__transcript>div {
    padding: 1rem
}

@media(min-width:1024px) {
    .video__transcript>div {
        padding: 1.5rem
    }
}

.video__transcript>div p:last-child {
    margin-bottom: 0
}

.video--hasPriorContent {
    margin-bottom: -46px;
    padding-top: 0;
    top: -46px
}

@media(min-width:1024px) {
    .video--hasPriorContent {
        margin-bottom: -60px;
        top: -60px
    }
}

.video--hasPriorContent.video--hasTheme {
    padding-bottom: 46px
}

@media(min-width:1024px) {
    .video--hasPriorContent.video--hasTheme {
        padding-bottom: 60px
    }
}

.video--hasTheme:not(.video--hasPriorContent) {
    margin: 0;
    padding: 46px 0
}

@media(min-width:1024px) {
    .video--hasTheme:not(.video--hasPriorContent) {
        padding: 60px 0
    }
}

.product-accordion__container {
    max-width: 645px
}

.product-accordion .accordion--product .accordion__head {
    border-top: 1px solid #efefeb;
    color: #04589b;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1.2;
    padding: 1.5rem 1.5rem 1.5rem 0;
    position: relative
}

.product-accordion .accordion--product .accordion__head__label {
    border-bottom: 1px solid rgba(4, 88, 155, 0);
    transition: all .4s
}

.product-accordion .accordion--product .accordion__head:hover {
    color: #3d3d3d
}

.product-accordion .accordion--product .accordion__head:hover .icon--plus span {
    background: #3d3d3d
}

.product-accordion .accordion--product .accordion__icon {
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px
}

.product-accordion .accordion--product .accordion__article {
    padding: 0 3rem 1rem 0
}

.product-accordion .accordion--product .accordion__article p:last-child {
    margin-bottom: 0
}

.nav--search-refiner {
    display: flex;
    opacity: 1;
    position: relative
}

@media(max-width:1023px) {
    .nav--search-refiner {
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 20px 0
    }
}

@media(min-width:1024px) {
    .nav--search-refiner {
        align-items: center;
        flex-direction: row
    }

    .nav--search-refiner .container {
        max-width: 700px
    }
}

@media(max-width:1023px) {
    .nav--search-refiner .mobileNavTitle {
        color: #757575;
        display: inline-block;
        font-size: .85rem;
        margin: 2rem 0 0
    }

    .nav--search-refiner .mobileNav__trigger a {
        color: #003578;
        display: block;
        font-size: 1.1rem;
        font-weight: 700;
        padding: 1rem 0;
        position: relative
    }

    .nav--search-refiner .mobileNav__trigger .icon {
        position: absolute;
        right: 0
    }

    .nav--search-refiner .contentExpander {
        border-top: 1px solid rgba(0, 63, 116, .1);
        padding: .5rem 0 0
    }
}

.nav--search-refiner nav>ul {
    display: flex
}

@media(max-width:1023px) {
    .nav--search-refiner nav>ul {
        border-bottom: 1px solid rgba(0, 63, 116, .1);
        flex-direction: column;
        padding: 0 0 .5rem
    }
}

@media(min-width:1024px) {
    .nav--search-refiner nav>ul {
        align-items: center;
        flex-direction: row
    }
}

.nav--search-refiner nav>ul li {
    display: flex;
    position: relative
}

@media(max-width:1023px) {
    .nav--search-refiner nav>ul li {
        padding: .7rem 0
    }
}

@media(min-width:1024px) {
    .nav--search-refiner nav>ul li {
        margin-right: 1.6rem;
        padding: 36px 0;
        text-align: center;
        transition: all .5s ease
    }
}

.nav--search-refiner nav>ul li a {
    color: #003578;
    transition: all .5s ease
}

@media(min-width:768px) {
    .nav--search-refiner nav>ul li a {
        font-size: 1.1rem
    }
}

.nav--search-refiner nav>ul li.selected {
    font-weight: 700
}

@media(min-width:1024px) {
    .nav--search-refiner nav>ul li .marker {
        background-color: #003578;
        bottom: -1px;
        display: block;
        height: 3px;
        left: 0;
        opacity: 0;
        position: absolute;
        transition: all .5s ease;
        width: 100%;
        z-index: 1
    }

    .nav--search-refiner nav>ul li .marker.hover,
    .nav--search-refiner nav>ul li .marker.selected {
        opacity: 1;
        transition: all .5s ease
    }
}

.nav--search-refiner .search__results {
    color: #757575;
    font-size: .85rem;
    margin: 1.2rem 0 0
}

@media(min-width:1024px) {
    .nav--search-refiner .search__results {
        bottom: -60px;
        position: absolute
    }
}

.twocol {
    opacity: 1;
    padding: 46px 0;
    position: relative
}

@media(min-width:768px) {
    .twocol {
        padding: 60px 0
    }
}

.twocol__container.container {
    max-width: 900px
}

.twocol .head {
    display: block;
    margin: 0 auto;
    width: 100%
}

.feedback-module {
    opacity: 1;
    position: relative;
    text-align: center
}

.feedback-module .feedback-module__flourish {
    content: "";
    height: 45px;
    left: 70%;
    margin-top: -22px;
    position: absolute;
    top: calc(-46px - 1rem);
    width: 83px;
    z-index: 4
}

@media(min-width:1024px) {
    .feedback-module .feedback-module__flourish {
        top: calc(-60px - 1rem)
    }
}

.feedback-module .theme-blackcurrant,
.feedback-module .theme-clover,
.feedback-module .theme-strawberry,
.feedback-module .theme-teal {
    color: #fff
}

.feedback-module__container.container {
    max-width: 900px
}

.feedback-module__content {
    margin: 0 auto;
    max-width: 560px
}

.feedback-module__title {
    margin: 0
}

.feedback-module .cta {
    margin: 2rem .8rem -1rem
}

.error-details {
    border: 3px solid #d72714;
    border-radius: 12px;
    display: block;
    margin: 20px 11px;
    padding: 25px 40px;
    position: relative
}

.error-details .error-title {
    color: #d72714;
    font-family: livvic, sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 12px
}

.error-details .icon-warning {
    display: flex;
    flex: auto;
    justify-content: center;
    min-height: 80px;
    min-width: 200px
}

.error-details .content {
    border-right: 0;
    margin-left: 0;
    text-align: center
}

@media(min-width:1024px) {
    .error-details {
        display: flex;
        margin: 20px auto;
        max-width: 1152px;
        padding: 40px 5px;
        position: relative
    }

    .error-details .icon-warning {
        max-width: 30%
    }

    .error-details .content {
        border-left: 1px solid #ccdeea;
        padding-left: 27px;
        text-align: left
    }
}

@media(min-width:768px) {
    .error-details {
        display: flex;
        margin: 20px auto;
        max-width: 768px;
        padding: 40px 5px;
        position: relative
    }

    .error-details .icon-warning {
        max-width: 30%
    }

    .error-details .content {
        border-left: 1px solid #ccdeea;
        padding-left: 27px;
        text-align: left
    }
}

.lcc-module {
    padding-bottom: 3.75rem
}

.life-cover-calculator {
    background-color: #fff;
    border: 1px solid #d2d9dc;
    border-radius: 12px;
    margin: 0 auto;
    width: 900px
}

.sr-only {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

@media(max-width:479px) {
    .life-cover-calculator {
        padding: 1.5rem;
        width: 94%
    }
}

@media(min-width:480px)and (max-width:899px) {
    .life-cover-calculator {
        padding: 1.5rem;
        width: 96%
    }
}

.life-form {
    padding: 2.125rem;
    width: 100%
}

.life-form__field:not(:first-child),
.life-form__footer {
    margin-top: 2.125rem
}

.life-form__footer {
    display: flex;
    justify-content: flex-end
}

@media(max-width:479px) {
    .life-form {
        padding: 0
    }

    .form-field {
        width: 100%
    }

    .life-form__footer {
        flex-direction: column-reverse
    }
}

@media(min-width:480px)and (max-width:899px) {
    .life-form {
        padding: 0
    }
}

.lccbutton {
    background-color: #006cf4;
    border: none;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: livvic, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    line-height: 1;
    padding: 12px 34px;
    position: relative;
    text-align: center;
    transition: all .3s;
    vertical-align: middle
}

.lccbutton__icon {
    gap: 5px
}

.lccbutton:hover {
    color: #fff;
    opacity: .85
}

.lccbutton:disabled {
    cursor: not-allowed;
    opacity: .3
}

@media(max-width:479px) {
    .button {
        width: 100%
    }
}

.input-field {
    display: flex;
    flex-direction: column
}

.input-field__label-container {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    margin-bottom: .688rem
}

.input-field__label-with-tooltip {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    top: -5px
}

.input-field__label {
    color: #4a4a49;
    flex: 0 0 auto;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    overflow-wrap: break-word;
    white-space: nowrap;
    word-break: break-word
}

.input-field__label-helper {
    color: #4a4a49;
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: .688rem
}

.input-field__wrapper {
    background-color: #fff;
    display: flex;
    overflow: hidden;
    transition: border-color .2s ease
}

.input-field__wrapper--lg {
    width: 400px
}

.input-field__wrapper--md {
    width: 356px
}

.input-field__wrapper--sm {
    width: 271px
}

.input-field__addon {
    align-items: center;
    background-color: #efefef;
    color: #4a4a49;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    height: 45px;
    justify-content: center;
    padding: .75rem .938rem;
    white-space: nowrap
}

.input-field__addon--prefix {
    border: 1px solid #b8b8b8;
    border-radius: .5rem 0 0 .5rem;
    border-right: 0
}

.input-field__addon--suffix {
    border: 1px solid #b8b8b8;
    border-left: 0;
    border-radius: 0 .5rem .5rem 0
}

.input-field__link {
    margin-top: .688rem
}

.input-field__input {
    border: 1px solid #b8b8b8;
    color: #3d3d3d;
    flex: 1;
    font-family: Mulish, sans-serif;
    font-size: 1rem;
    height: 45px;
    min-width: 0;
    outline: none;
    padding: .75rem
}

.input-field__input--number {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield
}

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

.input-field__input--prefix {
    border-radius: 0 .5rem .5rem 0
}

.input-field__input--suffix {
    border-radius: .5rem 0 0 .5rem
}

.input-field__input::placeholder {
    color: #b8b8b8;
    font-family: Mulish, sans-serif;
    font-size: 1rem;
    font-weight: 300
}

.input-field__error {
    color: #d72714;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .688rem
}

.input-field--success .input-field__input,
.input-field--success .input-field__input:focus {
    border-color: #178830
}

.input-field--error .input-field__label {
    font-weight: 700
}

.input-field--error .input-field__label,
.input-field--error .input-field__label-helper {
    color: #d72714
}

.input-field--error .input-field__input,
.input-field--error .input-field__input:focus {
    border-color: #d72714
}

@media(max-width:479px) {
    .input-field__label-container {
        align-items: flex-start;
        gap: .5rem
    }

    .input-field__label {
        flex: 0 1 auto;
        margin-bottom: .25rem;
        min-width: 0;
        white-space: normal
    }

    .input-field__wrapper--lg,
    .input-field__wrapper--md,
    .input-field__wrapper--sm {
        width: 100%
    }
}

@media(min-width:480px)and (max-width:899px) {
    .input-field__label-container {
        align-items: flex-start
    }

    .input-field__label {
        flex: 0 1 auto;
        margin-bottom: .25rem;
        min-width: 0;
        white-space: normal
    }
}

.link {
    margin-top: 5px
}

.link__anchor {
    color: #04589b;
    cursor: pointer;
    font-family: Mulish, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline
}

.link__anchor--button {
    background: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.lcctooltip,
.lcctooltip__overlay {
    position: relative;
    width: 100%
}

.lcctooltip__trigger {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center
}

.lcctooltip__content-wrapper {
    animation: fadeIn .2s ease-in;
    background-color: #04589b;
    box-sizing: border-box;
    color: #fff;
    font-size: 1rem;
    left: 0;
    margin-top: .5rem;
    padding: 1rem;
    position: relative;
    width: 100%;
    z-index: 9999
}

.lcctooltip__arrow {
    border-bottom: 10px solid #04589b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    width: 0
}

.lcctooltip__content {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.lcctooltip__text {
    font-weight: 300;
    margin: 0
}

.lcctooltip__close {
    align-self: flex-start;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: Mulish, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 0;
    text-decoration: underline
}

.lcctooltip__close:hover {
    opacity: .85
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-4px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.info-tooltip--button {
    background: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0
}

.info-tooltip--icon {
    border: 2px solid;
    border-radius: 50%;
    color: #04589b;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    height: 24px;
    line-height: 20px;
    padding: 0 8px;
    text-decoration: none;
    vertical-align: middle;
    width: 24px
}

.info-tooltip--icon:hover {
    opacity: .85
}

.overlaymodal__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

.overlaymodal__heading {
    color: #0d2c41;
    font-family: livvic, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0
}

.overlaymodal__footer {
    bottom: 0;
    margin-top: 1.5rem;
    position: relative
}

.overlaymodal__close-btn {
    align-items: flex-start;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0
}

.overlaymodal__close-btn img {
    height: 24px;
    max-width: 24px;
    width: 24px
}

.result {
    padding: 2.125rem 3rem;
    width: 100%
}

.result__banner {
    display: flex;
    flex-wrap: wrap
}

.result__banner--main-heading {
    color: #0d2c41;
    font-family: livvic, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 1.5rem
}

.result__banner--left {
    align-items: center;
    background-color: #178830;
    border-radius: 12px 0 0 12px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    text-align: center
}

.result__banner--left--heading {
    font-family: livvic, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1.5rem
}

.result__banner--left--price {
    font-family: livvic, sans-serif;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.75rem
}

.result__banner--right {
    border: 2px solid #178830;
    border-radius: 0 12px 12px 0;
    display: flex;
    flex-basis: 0;
    flex-direction: column;
    flex-grow: 1;
    padding: 1.75rem
}

.result__banner--right--title {
    color: #4a4a49;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .313rem
}

.result__banner--right--link {
    margin-top: 1.25rem
}

.result__banner--right--price {
    font-size: 1rem;
    font-weight: 300
}

.result__banner--right--price--price-row {
    display: flex;
    justify-content: space-between
}

.result__important-information {
    margin-top: 2.125rem
}

.result__important-information--heading {
    color: #0d2c41;
    font-family: livvic, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: .688rem
}

.result__important-information--sub-heading {
    font-family: Mulish, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    margin-bottom: .688rem
}

.result__important-information--list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.result__important-information--list--item {
    background: #fff;
    font-family: Mulish, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    margin-bottom: .313rem;
    padding: 0 .75rem;
    position: relative
}

.result__important-information--list--item:before {
    background: #cddc29;
    border-radius: 2px;
    bottom: 8px;
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 3px
}

.result__important-information--link {
    margin-top: .625rem
}

.result__get-quote {
    align-items: center;
    background-color: #ecf5f8;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 1.5rem;
    padding: 2.5rem 2rem
}

.result__get-quote--text {
    color: #0d2c41;
    font-family: livvic, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center
}

.result__get-quote--button-container {
    margin-top: 2.5rem
}

.result__get-quote--button-container a {
    color: #fff;
    text-decoration: none
}

.result__get-quote--button-container a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:479px) {
    .result {
        padding: 0
    }

    .result__banner--main-heading {
        font-size: 1.25rem;
        margin-bottom: 2.125rem
    }

    .result__banner--left {
        border-radius: 12px 12px 0 0;
        padding: 2.125rem .75rem;
        width: 100%
    }

    .result__banner--right {
        border-radius: 0 0 12px 12px;
        padding: 1.5rem 1rem;
        width: 100%
    }

    .result__banner--right--title {
        margin-bottom: .75rem
    }

    .result__banner--right--price--price-row {
        flex-wrap: wrap;
        gap: 5px;
        justify-content: flex-start
    }

    .result__important-information--link {
        margin-top: 2.125rem;
        text-align: left
    }

    .result__get-quote {
        margin-top: 2.125rem;
        padding: 1.5rem
    }

    .result__get-quote--button-container {
        margin-top: 1.5rem
    }
}

@media(min-width:480px)and (max-width:899px) {
    .result {
        padding: 0
    }

    .result__banner--left {
        border-radius: 12px 12px 0 0;
        padding: 2.125rem .75rem;
        width: 100%
    }

    .result__banner--right {
        border-radius: 0 0 12px 12px;
        padding: 1.5rem 1rem;
        width: 100%
    }
}