.async-hide {
    opacity: 0 !important
}

tp-menu .mdc-list-item {
    padding: 14px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    white-space: nowrap;
}

tp-menu .mdc-list-item:hover {
    background-color: rgb(204, 204, 204);
}

.swiper-button-next,
.swiper-button-prev {
    border-radius: 30px !important;
    background-color: #fff !important;
    position: absolute !important;
    z-index: 4 !important;
    top: 50% !important;
    width: 48px !important;
    height: 48px !important;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%) !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%) !important;
    border: 0 !important;
    font-size: 16px !important;
    --tw-text-opacity: 1 !important;
    color: rgba(71, 85, 105, var(--tw-text-opacity)) !important;
    display: flex !important;
}

.swiper-button-next {
    right: 0 !important;
}

.swiper-button-prev {
    left: 0 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 16px !important;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.u-wp-3-overflow-x-auto::-webkit-scrollbar {
    display: none;
    overflow-y: hidden;
}

.u-wp-3-overflow-x-auto {
  
    scrollbar-width: none;
    overflow-y: hidden;
}

#wp-navigation-container.tp-hide-blog-menu {

    visibility: hidden !important;
    height: 0 !important;
}

#wp-navigation-container tp-header .tp-hide-blog-menu {
    display: none !important;
}

#wp-navigation-container #navigation-wrapper.tp-hide-nav-header {
    min-height: 0 !important;
}


@media only screen and (min-width: 783px) {

    body.logged-in .navbar-fixed-top,
    body.logged-in #tp-header-sticky-slider,
    body.logged-in.scrolled-down .c-sticky-subnav,
    body.logged-in tp-sidebar .u-sidebar {
        top: 28px !important;
    }

    body.logged-in.scrolled-down #aside-nav.is-affixed .c-aside-nav__inner.for-desktop {

        top: 98px !important;

    }

}

/*We need to show the admin bar on all environment when logged in, this fixing the padding body.logged-in is a class that only applies to the logged in state of wordpress */
@media only screen and (max-width: 783px) {

    body.logged-in #wpadminbar {
        display: none !important;
    }

    html[data-logged-in='logged-in-html'] {

        margin-top: unset !important;
    }

}

/*Tired of looking at the GDPR Consent Screen at the bottom, display none if you are logged in admin*/
body.logged-in .js-privacy-notification {
    display: none !important;
}

body.logged-in .edit-button {
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    background-color: #005695;
    color: #fff
}

body.logged-in .edit-button a:focus,
body.logged-in .edit-button a:hover {
    color: #fff !important;
}

/*End*/

@media (max-width: 1279px){

    #tp-block-modal-container [id*="-sign-up"] img {
        display:none !important;
        height: calc(100vh + 1rem);
    }
    
}

li a {
    word-break: break-word;
}

.tp-z-0 {
    z-index: 0 !important;
}

.wp-block-table.alignleft, 
.wp-block-table.aligncenter, 
.wp-block-table.alignright {
    display: block !important;
    width: auto !important;
}

@media (max-width: 991px){

    .single-post .c-card-container {
        margin-left: unset !important;
        margin-right: unset !important;
    }

}

@media (max-width: 400px){
    
    a[href="https://www.trainheroic.com/"] svg {

        height: unset !important;

    }
}

.wp-block-table thead {
        border-bottom: 1.5px solid !important;
}

.wsyiwyg-table::-webkit-scrollbar {
    -webkit-appearance: none;
} 

img {
    display: unset;
    vertical-align: unset;
}

.o-container {
    margin: 0 auto
}

@media (min-width:768px) {
    .o-container {
        max-width: 100%;
        width: 100%
    }
}

@media (min-width:992px) {
    .o-container {
        max-width: 960px;
        width: 960px
    }
}

@media (min-width:1280px) {
    .o-container {
        max-width: 1200px;
        width: 1200px
    }
}

.c-spinner {
    height: 2.5rem;
    position: relative
}

.c-spinner:before {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    border-radius: 50%;
    border: 2px solid #dcdcdc;
    border-top-color: #349bdc;
    -webkit-animation: spinner 1.2s linear infinite;
    animation: spinner 1.2s linear infinite;
    margin-top: -1.25rem;
    left: -20px;
    left: -1.25rem
}

.c-spinner--sm {
    height: 1.25rem
}

.c-spinner--sm:before {
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
    border-width: 1px;
    margin-top: -.625rem;
    left: -10px;
    left: -.625rem
}

.c-spinner--xs {
    height: .6875rem
}

.c-spinner--xs:before {
    width: 10px;
    width: .625rem;
    height: 10px;
    height: .625rem;
    border-width: 1px;
    margin-top: -.3125rem;
    left: -5px;
    left: -.3125rem
}

.c-spinner--greyscale:before {
    border-color: #aeaeae #494949 #494949
}

.c-card-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
    margin-top: 2rem
}

.c-card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.c-card {
    padding-left: .5rem;
    padding-right: .5rem;
    margin-bottom: 2rem
}

.c-card,
.c-card-contents {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-card-contents {
    max-width: 30rem;
    overflow: hidden;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08)
}

.is-ie-11 .c-card-contents {
    display: block
}

.c-card-contents__image {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.c-card-contents__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem 1.5rem 1.5rem
}

.c-card-contents__subhead {
    text-transform: uppercase;
    color: #a4a4a4;
    font-weight: 700;
    font-size: .875rem;
    margin-bottom: 1rem;
    letter-spacing: .02rem
}

.c-card-contents__title {
    color: #000;
    margin-top: 1rem;
    margin-bottom: .875rem;
    font-size: 1.5rem;
    line-height: 1.3
}

.has-font-hnm .c-card-contents__title {
    font-family: HNM, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
}

.c-card-contents__intro {
    color: #000;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: .75rem
}

.has-font-hnr .c-card-contents__intro {
    font-family: tpfont, HNR, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
}

.c-card-contents__cta {
    padding: 0 1.5rem 1rem;
    width: 100%
}

.c-card-contents__link,
.c-card-contents__link--gray {
    display: block;
    border: 2px solid #349bdc;
    width: 100%;
    border-radius: .125rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-color: #349bdc
}

.c-card-contents__link--gray {
    border-color: #666;
    background-color: #666
}

.c-card-contents__banner {
    position: absolute;
    text-align: center;
    font-style: italic;
    right: 0;
    top: 1rem;
    background-color: hsla(0, 0%, 100%, .85);
    padding: .5rem 1rem
}

.c-card-ribbon {
    position: absolute;
    display: block;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #349bdc;
    height: 2rem;
    width: 11rem;
    z-index: 49;
    left: -2.25rem;
    top: 2rem
}

.c-card-ribbon__text {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    font-size: .875rem;
    letter-spacing: .05rem
}

.c-card-contents__image-container {
    display: inline-block;
    line-height: 0
}

.c-card--full .c-card-contents {
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-card--full .c-card-contents__text {
    display: block
}

.c-card--full .c-card-contents__subhead,
.c-card--full .c-card-contents__title {
    margin-bottom: 1.5rem
}

.c-card--full .c-card-contents__intro {
    margin-bottom: 0
}

.c-card--full .c-card-contents__image-container,
.c-card--full .c-card-contents__inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.c-card--full .c-card-contents__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center
}

.c-card--full .c-card-contents__cta {
    display: inline-block;
    width: auto
}

@media (min-width:992px) {
    .c-card--animated-hover {
        -webkit-transition: all .25s ease-in;
        transition: all .25s ease-in
    }

    .c-card--animated-hover:hover {
        -webkit-transform: scale(1.025);
        transform: scale(1.025);
        -webkit-transition: all .25s ease-out;
        transition: all .25s ease-out
    }
}

.c-btn {
    border-radius: .25rem;
    padding: .875rem 1.375rem;
    border: 2px solid transparent;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.c-btn--primary {
    background-color: #005695;
    border-color: #005695;
    color: #fff
}

.c-btn--primary:hover {
    background-color: #80abca;
    border-color: #80abca;
    color: #fff
}

.c-btn--secondary {
    background-color: #349bdc;
    border-color: #349bdc;
    color: #fff
}

.c-btn--secondary:hover {
    background-color: #2186c4;
    border-color: #2186c4;
    color: #fff
}

.c-btn--light {
    background-color: hsla(0, 0%, 100%, .85);
    color: #005695
}

.c-btn--light:hover {
    background-color: #fff;
    border-color: #fff
}

.c-btn--dark {
    background-color: #494949;
    border-color: #494949;
    color: #fff
}

.c-btn--dark:hover {
    background-color: #a4a4a4;
    border-color: #a4a4a4
}

.c-btn--green {
    background-color: #68cb83;
    border-color: #68cb83;
    color: #fff
}

.c-btn--green:hover {
    background-color: #b4e5c1;
    border-color: #b4e5c1
}

.c-btn--outline-primary {
    background-color: hsla(0, 0%, 100%, 0);
    border-color: #005695;
    color: #005695
}

.c-btn--outline-primary:hover {
    background-color: hsla(0, 0%, 100%, .3);
    border-color: #005695
}

.c-btn--outline-secondary {
    background-color: hsla(0, 0%, 100%, 0);
    border-color: #349bdc;
    color: #349bdc
}

.c-btn--outline-secondary:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.c-btn--outline-light {
    background-color: hsla(0, 0%, 100%, 0);
    border-color: #f8f8f8;
    color: #f8f8f8
}

.c-btn--outline-light:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.c-btn--outline-dark {
    background-color: hsla(0, 0%, 100%, 0);
    border-color: #000;
    color: #000
}

.c-btn--outline-dark:hover {
    background-color: #000;
    color: #fff
}

.c-btn--outline-green {
    background-color: hsla(0, 0%, 100%, 0);
    border-color: #68cb83;
    color: #68cb83
}

.c-btn--outline-green:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.c-btn--large {
    padding: 1.125rem 2.625rem;
    border: 2px solid transparent;
    font-size: 1.125rem
}

.c-btn--small {
    padding: .375rem .875rem;
    border: 1px solid transparent;
    font-size: .875rem
}

.c-btn--block {
    display: block;
    width: 100%
}

.c-btn--base {
    padding: .875rem 1.375rem;
    border: 2px solid transparent;
    font-size: 1rem
}

.c-btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-btn-group>.c-btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.c-btn-group>.c-btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.c-arrow {
    width: 2.2rem;
    height: 2.2rem;
    background: transparent;
    border-color: currentcolor currentcolor #666 #666;
    border-right: .08rem solid #666;
    border-top: .08rem solid #666
}

.c-arrow--left {
    -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);
    transform: translate3d(0, -50%, 0) rotate(-135deg)
}

.c-arrow--right {
    -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
    transform: translate3d(0, -50%, 0) rotate(45deg)
}

.c-arrow--down {
    -webkit-transform: translate3d(0, -75%, 0) rotate(135deg);
    transform: translate3d(0, -75%, 0) rotate(135deg)
}

.c-arrow--up {
    -webkit-transform: translate3d(0, -25%, 0) rotate(-45deg);
    transform: translate3d(0, -25%, 0) rotate(-45deg)
}

.c-arrow--sm {
    width: 1rem;
    height: 1rem
}

.c-arrow--md {
    width: 1.5rem;
    height: 1.5rem
}

.c-arrow--lg {
    width: 2.2rem;
    height: 2.2rem
}





@media (min-width:639px) {
    .sm\:c-spinner {
        height: 2.5rem;
        position: relative
    }

    .sm\:c-spinner:before {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 50%;
        width: 40px;
        width: 2.5rem;
        height: 40px;
        height: 2.5rem;
        border-radius: 50%;
        border: 2px solid #dcdcdc;
        border-top-color: #349bdc;
        -webkit-animation: spinner 1.2s linear infinite;
        animation: spinner 1.2s linear infinite;
        margin-top: -1.25rem;
        left: -20px;
        left: -1.25rem
    }

    .sm\:c-spinner--sm {
        height: 1.25rem
    }

    .sm\:c-spinner--sm:before {
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
        border-width: 1px;
        margin-top: -.625rem;
        left: -10px;
        left: -.625rem
    }

    .sm\:c-spinner--xs {
        height: .6875rem
    }

    .sm\:c-spinner--xs:before {
        width: 10px;
        width: .625rem;
        height: 10px;
        height: .625rem;
        border-width: 1px;
        margin-top: -.3125rem;
        left: -5px;
        left: -.3125rem
    }

    .sm\:c-spinner--greyscale:before {
        border-color: #aeaeae #494949 #494949
    }

    .sm\:c-card-wrapper {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-top: 2rem
    }

    .sm\:c-card-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .sm\:c-card {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-bottom: 2rem
    }

    .sm\:c-card,
    .sm\:c-card-contents {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sm\:c-card-contents {
        max-width: 30rem;
        overflow: hidden;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08);
        box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08)
    }

    .sm\:is-ie-11 .c-card-contents {
        display: block
    }

    .sm\:c-card-contents__image {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .sm\:c-card-contents__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 1rem 1.5rem 1.5rem
    }

    .sm\:c-card-contents__subhead {
        text-transform: uppercase;
        color: #a4a4a4;
        font-weight: 700;
        font-size: .875rem;
        margin-bottom: 1rem;
        letter-spacing: .02rem
    }

    .sm\:c-card-contents__title {
        color: #000;
        margin-top: 1rem;
        margin-bottom: .875rem;
        font-size: 1.5rem;
        line-height: 1.3
    }

    .sm\:has-font-hnm .c-card-contents__title {
        font-family: HNM, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
    }

    .sm\:c-card-contents__intro {
        color: #000;
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: .75rem
    }

    .sm\:has-font-hnr .c-card-contents__intro {
        font-family: tpfont, HNR, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
    }

    .sm\:c-card-contents__cta {
        padding: 0 1.5rem 1rem;
        width: 100%
    }

    .sm\:c-card-contents__link,
    .sm\:c-card-contents__link--gray {
        display: block;
        border: 2px solid #349bdc;
        width: 100%;
        border-radius: .125rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        text-align: center;
        color: #fff;
        text-decoration: none;
        background-color: #349bdc
    }

    .sm\:c-card-contents__link--gray {
        border-color: #666;
        background-color: #666
    }

    .sm\:c-card-contents__banner {
        position: absolute;
        text-align: center;
        font-style: italic;
        right: 0;
        top: 1rem;
        background-color: hsla(0, 0%, 100%, .85);
        padding: .5rem 1rem
    }

    .sm\:c-card-ribbon {
        position: absolute;
        display: block;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #349bdc;
        height: 2rem;
        width: 11rem;
        z-index: 49;
        left: -2.25rem;
        top: 2rem
    }

    .sm\:c-card-ribbon__text {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        font-size: .875rem;
        letter-spacing: .05rem
    }

    .sm\:c-card-contents__image-container {
        display: inline-block;
        line-height: 0
    }

    .sm\:c-card--full .c-card-contents {
        max-width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sm\:c-card--full .c-card-contents__text {
        display: block
    }

    .sm\:c-card--full .c-card-contents__subhead,
    .sm\:c-card--full .c-card-contents__title {
        margin-bottom: 1.5rem
    }

    .sm\:c-card--full .c-card-contents__intro {
        margin-bottom: 0
    }

    .sm\:c-card--full .c-card-contents__image-container,
    .sm\:c-card--full .c-card-contents__inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .sm\:c-card--full .c-card-contents__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: center;
        align-self: center
    }

    .sm\:c-card--full .c-card-contents__cta {
        display: inline-block;
        width: auto
    }

    .sm\:c-btn {
        border-radius: .25rem;
        padding: .875rem 1.375rem;
        border: 2px solid transparent;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
    }

    .sm\:c-btn--primary {
        background-color: #005695;
        border-color: #005695;
        color: #fff
    }

    .sm\:c-btn--primary:hover {
        background-color: #80abca;
        border-color: #80abca;
        color: #fff
    }

    .sm\:c-btn--secondary {
        background-color: #349bdc;
        border-color: #349bdc;
        color: #fff
    }

    .sm\:c-btn--secondary:hover {
        background-color: #2186c4;
        border-color: #2186c4;
        color: #fff
    }

    .sm\:c-btn--light {
        background-color: hsla(0, 0%, 100%, .85);
        color: #005695
    }

    .sm\:c-btn--light:hover {
        background-color: #fff;
        border-color: #fff
    }

    .sm\:c-btn--dark {
        background-color: #494949;
        border-color: #494949;
        color: #fff
    }

    .sm\:c-btn--dark:hover {
        background-color: #a4a4a4;
        border-color: #a4a4a4
    }

    .sm\:c-btn--green {
        background-color: #68cb83;
        border-color: #68cb83;
        color: #fff
    }

    .sm\:c-btn--green:hover {
        background-color: #b4e5c1;
        border-color: #b4e5c1
    }

    .sm\:c-btn--outline-primary {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #005695;
        color: #005695
    }

    .sm\:c-btn--outline-primary:hover {
        background-color: hsla(0, 0%, 100%, .3);
        border-color: #005695
    }

    .sm\:c-btn--outline-secondary {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #349bdc;
        color: #349bdc
    }

    .sm\:c-btn--outline-secondary:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .sm\:c-btn--outline-light {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #f8f8f8;
        color: #f8f8f8
    }

    .sm\:c-btn--outline-light:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .sm\:c-btn--outline-dark {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #000;
        color: #000
    }

    .sm\:c-btn--outline-dark:hover {
        background-color: #000;
        color: #fff
    }

    .sm\:c-btn--outline-green {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #68cb83;
        color: #68cb83
    }

    .sm\:c-btn--outline-green:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .sm\:c-btn--large {
        padding: 1.125rem 2.625rem;
        border: 2px solid transparent;
        font-size: 1.125rem
    }

    .sm\:c-btn--small {
        padding: .375rem .875rem;
        border: 1px solid transparent;
        font-size: .875rem
    }

    .sm\:c-btn--block {
        display: block;
        width: 100%
    }

    .sm\:c-btn--base {
        padding: .875rem 1.375rem;
        border: 2px solid transparent;
        font-size: 1rem
    }

    .sm\:c-arrow {
        width: 2.2rem;
        height: 2.2rem;
        background: transparent;
        border-color: currentcolor currentcolor #666 #666;
        border-right: .08rem solid #666;
        border-top: .08rem solid #666
    }

    .sm\:c-arrow--left {
        -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);
        transform: translate3d(0, -50%, 0) rotate(-135deg)
    }

    .sm\:c-arrow--right {
        -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
        transform: translate3d(0, -50%, 0) rotate(45deg)
    }

    .sm\:c-arrow--down {
        -webkit-transform: translate3d(0, -75%, 0) rotate(135deg);
        transform: translate3d(0, -75%, 0) rotate(135deg)
    }

    .sm\:c-arrow--up {
        -webkit-transform: translate3d(0, -25%, 0) rotate(-45deg);
        transform: translate3d(0, -25%, 0) rotate(-45deg)
    }

    .sm\:c-arrow--sm {
        width: 1rem;
        height: 1rem
    }

    .sm\:c-arrow--md {
        width: 1.5rem;
        height: 1.5rem
    }

    .sm\:c-arrow--lg {
        width: 2.2rem;
        height: 2.2rem
    }


}

@media (min-width:768px) {
    .md\:c-spinner {
        height: 2.5rem;
        position: relative
    }

    .md\:c-spinner:before {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 50%;
        width: 40px;
        width: 2.5rem;
        height: 40px;
        height: 2.5rem;
        border-radius: 50%;
        border: 2px solid #dcdcdc;
        border-top-color: #349bdc;
        -webkit-animation: spinner 1.2s linear infinite;
        animation: spinner 1.2s linear infinite;
        margin-top: -1.25rem;
        left: -20px;
        left: -1.25rem
    }

    .md\:c-spinner--sm {
        height: 1.25rem
    }

    .md\:c-spinner--sm:before {
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
        border-width: 1px;
        margin-top: -.625rem;
        left: -10px;
        left: -.625rem
    }

    .md\:c-spinner--xs {
        height: .6875rem
    }

    .md\:c-spinner--xs:before {
        width: 10px;
        width: .625rem;
        height: 10px;
        height: .625rem;
        border-width: 1px;
        margin-top: -.3125rem;
        left: -5px;
        left: -.3125rem
    }

    .md\:c-spinner--greyscale:before {
        border-color: #aeaeae #494949 #494949
    }

    .md\:c-card-wrapper {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-top: 2rem
    }

    .md\:c-card-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .md\:c-card {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-bottom: 2rem
    }

    .md\:c-card,
    .md\:c-card-contents {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .md\:c-card-contents {
        max-width: 30rem;
        overflow: hidden;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08);
        box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08)
    }

    .md\:is-ie-11 .c-card-contents {
        display: block
    }

    .md\:c-card-contents__image {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .md\:c-card-contents__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 1rem 1.5rem 1.5rem
    }

    .md\:c-card-contents__subhead {
        text-transform: uppercase;
        color: #a4a4a4;
        font-weight: 700;
        font-size: .875rem;
        margin-bottom: 1rem;
        letter-spacing: .02rem
    }

    .md\:c-card-contents__title {
        color: #000;
        margin-top: 1rem;
        margin-bottom: .875rem;
        font-size: 1.5rem;
        line-height: 1.3
    }

    .md\:has-font-hnm .c-card-contents__title {
        font-family: HNM, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
    }

    .md\:c-card-contents__intro {
        color: #000;
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: .75rem
    }

    .md\:has-font-hnr .c-card-contents__intro {
        font-family: tpfont, HNR, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
    }

    .md\:c-card-contents__cta {
        padding: 0 1.5rem 1rem;
        width: 100%
    }

    .md\:c-card-contents__link,
    .md\:c-card-contents__link--gray {
        display: block;
        border: 2px solid #349bdc;
        width: 100%;
        border-radius: .125rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        text-align: center;
        color: #fff;
        text-decoration: none;
        background-color: #349bdc
    }

    .md\:c-card-contents__link--gray {
        border-color: #666;
        background-color: #666
    }

    .md\:c-card-contents__banner {
        position: absolute;
        text-align: center;
        font-style: italic;
        right: 0;
        top: 1rem;
        background-color: hsla(0, 0%, 100%, .85);
        padding: .5rem 1rem
    }

    .md\:c-card-ribbon {
        position: absolute;
        display: block;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #349bdc;
        height: 2rem;
        width: 11rem;
        z-index: 49;
        left: -2.25rem;
        top: 2rem
    }

    .md\:c-card-ribbon__text {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        font-size: .875rem;
        letter-spacing: .05rem
    }

    .md\:c-card-contents__image-container {
        display: inline-block;
        line-height: 0
    }

    .md\:c-card--full .c-card-contents {
        max-width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .md\:c-card--full .c-card-contents__text {
        display: block
    }

    .md\:c-card--full .c-card-contents__subhead,
    .md\:c-card--full .c-card-contents__title {
        margin-bottom: 1.5rem
    }

    .md\:c-card--full .c-card-contents__intro {
        margin-bottom: 0
    }

    .md\:c-card--full .c-card-contents__image-container,
    .md\:c-card--full .c-card-contents__inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .md\:c-card--full .c-card-contents__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: center;
        align-self: center
    }

    .md\:c-card--full .c-card-contents__cta {
        display: inline-block;
        width: auto
    }

    .md\:c-btn {
        border-radius: .25rem;
        padding: .875rem 1.375rem;
        border: 2px solid transparent;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
    }

    .md\:c-btn--primary {
        background-color: #005695;
        border-color: #005695;
        color: #fff
    }

    .md\:c-btn--primary:hover {
        background-color: #80abca;
        border-color: #80abca;
        color: #fff
    }

    .md\:c-btn--secondary {
        background-color: #349bdc;
        border-color: #349bdc;
        color: #fff
    }

    .md\:c-btn--secondary:hover {
        background-color: #2186c4;
        border-color: #2186c4;
        color: #fff
    }

    .md\:c-btn--light {
        background-color: hsla(0, 0%, 100%, .85);
        color: #005695
    }

    .md\:c-btn--light:hover {
        background-color: #fff;
        border-color: #fff
    }

    .md\:c-btn--dark {
        background-color: #494949;
        border-color: #494949;
        color: #fff
    }

    .md\:c-btn--dark:hover {
        background-color: #a4a4a4;
        border-color: #a4a4a4
    }

    .md\:c-btn--green {
        background-color: #68cb83;
        border-color: #68cb83;
        color: #fff
    }

    .md\:c-btn--green:hover {
        background-color: #b4e5c1;
        border-color: #b4e5c1
    }

    .md\:c-btn--outline-primary {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #005695;
        color: #005695
    }

    .md\:c-btn--outline-primary:hover {
        background-color: hsla(0, 0%, 100%, .3);
        border-color: #005695
    }

    .md\:c-btn--outline-secondary {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #349bdc;
        color: #349bdc
    }

    .md\:c-btn--outline-secondary:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .md\:c-btn--outline-light {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #f8f8f8;
        color: #f8f8f8
    }

    .md\:c-btn--outline-light:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .md\:c-btn--outline-dark {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #000;
        color: #000
    }

    .md\:c-btn--outline-dark:hover {
        background-color: #000;
        color: #fff
    }

    .md\:c-btn--outline-green {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #68cb83;
        color: #68cb83
    }

    .md\:c-btn--outline-green:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .md\:c-btn--large {
        padding: 1.125rem 2.625rem;
        border: 2px solid transparent;
        font-size: 1.125rem
    }

    .md\:c-btn--small {
        padding: .375rem .875rem;
        border: 1px solid transparent;
        font-size: .875rem
    }

    .md\:c-btn--block {
        display: block;
        width: 100%
    }

    .md\:c-btn--base {
        padding: .875rem 1.375rem;
        border: 2px solid transparent;
        font-size: 1rem
    }

    .md\:c-arrow {
        width: 2.2rem;
        height: 2.2rem;
        background: transparent;
        border-color: currentcolor currentcolor #666 #666;
        border-right: .08rem solid #666;
        border-top: .08rem solid #666
    }

    .md\:c-arrow--left {
        -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);
        transform: translate3d(0, -50%, 0) rotate(-135deg)
    }

    .md\:c-arrow--right {
        -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
        transform: translate3d(0, -50%, 0) rotate(45deg)
    }

    .md\:c-arrow--down {
        -webkit-transform: translate3d(0, -75%, 0) rotate(135deg);
        transform: translate3d(0, -75%, 0) rotate(135deg)
    }

    .md\:c-arrow--up {
        -webkit-transform: translate3d(0, -25%, 0) rotate(-45deg);
        transform: translate3d(0, -25%, 0) rotate(-45deg)
    }

    .md\:c-arrow--sm {
        width: 1rem;
        height: 1rem
    }

    .md\:c-arrow--md {
        width: 1.5rem;
        height: 1.5rem
    }

    .md\:c-arrow--lg {
        width: 2.2rem;
        height: 2.2rem
    }

}

@media (min-width:992px) {
    .lg\:c-spinner {
        height: 2.5rem;
        position: relative
    }

    .lg\:c-spinner:before {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 50%;
        width: 40px;
        width: 2.5rem;
        height: 40px;
        height: 2.5rem;
        border-radius: 50%;
        border: 2px solid #dcdcdc;
        border-top-color: #349bdc;
        -webkit-animation: spinner 1.2s linear infinite;
        animation: spinner 1.2s linear infinite;
        margin-top: -1.25rem;
        left: -20px;
        left: -1.25rem
    }

    .lg\:c-spinner--sm {
        height: 1.25rem
    }

    .lg\:c-spinner--sm:before {
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
        border-width: 1px;
        margin-top: -.625rem;
        left: -10px;
        left: -.625rem
    }

    .lg\:c-spinner--xs {
        height: .6875rem
    }

    .lg\:c-spinner--xs:before {
        width: 10px;
        width: .625rem;
        height: 10px;
        height: .625rem;
        border-width: 1px;
        margin-top: -.3125rem;
        left: -5px;
        left: -.3125rem
    }

    .lg\:c-spinner--greyscale:before {
        border-color: #aeaeae #494949 #494949
    }

    .lg\:c-card-wrapper {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-top: 2rem
    }

    .lg\:c-card-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .lg\:c-card {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-bottom: 2rem
    }

    .lg\:c-card,
    .lg\:c-card-contents {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .lg\:c-card-contents {
        max-width: 30rem;
        overflow: hidden;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08);
        box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08)
    }

    .lg\:is-ie-11 .c-card-contents {
        display: block
    }

    .lg\:c-card-contents__image {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .lg\:c-card-contents__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 1rem 1.5rem 1.5rem
    }

    .lg\:c-card-contents__subhead {
        text-transform: uppercase;
        color: #a4a4a4;
        font-weight: 700;
        font-size: .875rem;
        margin-bottom: 1rem;
        letter-spacing: .02rem
    }

    .lg\:c-card-contents__title {
        color: #000;
        margin-top: 1rem;
        margin-bottom: .875rem;
        font-size: 1.5rem;
        line-height: 1.3
    }

    .lg\:has-font-hnm .c-card-contents__title {
        font-family: HNM, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
    }

    .lg\:c-card-contents__intro {
        color: #000;
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: .75rem
    }

    .lg\:has-font-hnr .c-card-contents__intro {
        font-family: tpfont, HNR, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
    }

    .lg\:c-card-contents__cta {
        padding: 0 1.5rem 1rem;
        width: 100%
    }

    .lg\:c-card-contents__link,
    .lg\:c-card-contents__link--gray {
        display: block;
        border: 2px solid #349bdc;
        width: 100%;
        border-radius: .125rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        text-align: center;
        color: #fff;
        text-decoration: none;
        background-color: #349bdc
    }

    .lg\:c-card-contents__link--gray {
        border-color: #666;
        background-color: #666
    }

    .lg\:c-card-contents__banner {
        position: absolute;
        text-align: center;
        font-style: italic;
        right: 0;
        top: 1rem;
        background-color: hsla(0, 0%, 100%, .85);
        padding: .5rem 1rem
    }

    .lg\:c-card-ribbon {
        position: absolute;
        display: block;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #349bdc;
        height: 2rem;
        width: 11rem;
        z-index: 49;
        left: -2.25rem;
        top: 2rem
    }

    .lg\:c-card-ribbon__text {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        font-size: .875rem;
        letter-spacing: .05rem
    }

    .lg\:c-card-contents__image-container {
        display: inline-block;
        line-height: 0
    }

    .lg\:c-card--full .c-card-contents {
        max-width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .lg\:c-card--full .c-card-contents__text {
        display: block
    }

    .lg\:c-card--full .c-card-contents__subhead,
    .lg\:c-card--full .c-card-contents__title {
        margin-bottom: 1.5rem
    }

    .lg\:c-card--full .c-card-contents__intro {
        margin-bottom: 0
    }

    .lg\:c-card--full .c-card-contents__image-container,
    .lg\:c-card--full .c-card-contents__inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .lg\:c-card--full .c-card-contents__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: center;
        align-self: center
    }

    .lg\:c-card--full .c-card-contents__cta {
        display: inline-block;
        width: auto
    }

    .lg\:c-btn {
        border-radius: .25rem;
        padding: .875rem 1.375rem;
        border: 2px solid transparent;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
    }

    .lg\:c-btn--primary {
        background-color: #005695;
        border-color: #005695;
        color: #fff
    }

    .lg\:c-btn--primary:hover {
        background-color: #80abca;
        border-color: #80abca;
        color: #fff
    }

    .lg\:c-btn--secondary {
        background-color: #349bdc;
        border-color: #349bdc;
        color: #fff
    }

    .lg\:c-btn--secondary:hover {
        background-color: #2186c4;
        border-color: #2186c4;
        color: #fff
    }

    .lg\:c-btn--light {
        background-color: hsla(0, 0%, 100%, .85);
        color: #005695
    }

    .lg\:c-btn--light:hover {
        background-color: #fff;
        border-color: #fff
    }

    .lg\:c-btn--dark {
        background-color: #494949;
        border-color: #494949;
        color: #fff
    }

    .lg\:c-btn--dark:hover {
        background-color: #a4a4a4;
        border-color: #a4a4a4
    }

    .lg\:c-btn--green {
        background-color: #68cb83;
        border-color: #68cb83;
        color: #fff
    }

    .lg\:c-btn--green:hover {
        background-color: #b4e5c1;
        border-color: #b4e5c1
    }

    .lg\:c-btn--outline-primary {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #005695;
        color: #005695
    }

    .lg\:c-btn--outline-primary:hover {
        background-color: hsla(0, 0%, 100%, .3);
        border-color: #005695
    }

    .lg\:c-btn--outline-secondary {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #349bdc;
        color: #349bdc
    }

    .lg\:c-btn--outline-secondary:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .lg\:c-btn--outline-light {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #f8f8f8;
        color: #f8f8f8
    }

    .lg\:c-btn--outline-light:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .lg\:c-btn--outline-dark {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #000;
        color: #000
    }

    .lg\:c-btn--outline-dark:hover {
        background-color: #000;
        color: #fff
    }

    .lg\:c-btn--outline-green {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #68cb83;
        color: #68cb83
    }

    .lg\:c-btn--outline-green:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .lg\:c-btn--large {
        padding: 1.125rem 2.625rem;
        border: 2px solid transparent;
        font-size: 1.125rem
    }

    .lg\:c-btn--small {
        padding: .375rem .875rem;
        border: 1px solid transparent;
        font-size: .875rem
    }

    .lg\:c-btn--block {
        display: block;
        width: 100%
    }

    .lg\:c-btn--base {
        padding: .875rem 1.375rem;
        border: 2px solid transparent;
        font-size: 1rem
    }

    .lg\:c-arrow {
        width: 2.2rem;
        height: 2.2rem;
        background: transparent;
        border-color: currentcolor currentcolor #666 #666;
        border-right: .08rem solid #666;
        border-top: .08rem solid #666
    }

    .lg\:c-arrow--left {
        -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);
        transform: translate3d(0, -50%, 0) rotate(-135deg)
    }

    .lg\:c-arrow--right {
        -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
        transform: translate3d(0, -50%, 0) rotate(45deg)
    }

    .lg\:c-arrow--down {
        -webkit-transform: translate3d(0, -75%, 0) rotate(135deg);
        transform: translate3d(0, -75%, 0) rotate(135deg)
    }

    .lg\:c-arrow--up {
        -webkit-transform: translate3d(0, -25%, 0) rotate(-45deg);
        transform: translate3d(0, -25%, 0) rotate(-45deg)
    }

    .lg\:c-arrow--sm {
        width: 1rem;
        height: 1rem
    }

    .lg\:c-arrow--md {
        width: 1.5rem;
        height: 1.5rem
    }

    .lg\:c-arrow--lg {
        width: 2.2rem;
        height: 2.2rem
    }

    .lg\:u-w-1\/2 {
        width: 50%
    }

    .lg\:u-w-1\/3 {
        width: 33.33333%
    }

    .lg\:u-w-2\/3 {
        width: 66.66667%
    }

    .lg\:u-w-1\/4 {
        width: 25%
    }

    .lg\:u-w-3\/4 {
        width: 75%
    }

    .lg\:u-w-1\/5 {
        width: 20%
    }

    .lg\:u-w-2\/5 {
        width: 40%
    }

    .lg\:u-w-3\/5 {
        width: 60%
    }

    .lg\:u-w-4\/5 {
        width: 80%
    }

    .lg\:u-w-1\/6 {
        width: 16.66667%
    }

    .lg\:u-w-5\/6 {
        width: 83.33333%
    }

    .lg\:u-w-1\/8 {
        width: 12.5%
    }

    .lg\:u-w-7\/8 {
        width: 87.75%
    }

    .lg\:u-w-full {
        width: 100%
    }

    .lg\:u-w-screen {
        width: 100vw
    }

}

@media (min-width:1280px) {
    .xl\:c-spinner {
        height: 2.5rem;
        position: relative
    }

    .xl\:c-spinner:before {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 50%;
        width: 40px;
        width: 2.5rem;
        height: 40px;
        height: 2.5rem;
        border-radius: 50%;
        border: 2px solid #dcdcdc;
        border-top-color: #349bdc;
        -webkit-animation: spinner 1.2s linear infinite;
        animation: spinner 1.2s linear infinite;
        margin-top: -1.25rem;
        left: -20px;
        left: -1.25rem
    }

    .xl\:c-spinner--sm {
        height: 1.25rem
    }

    .xl\:c-spinner--sm:before {
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
        border-width: 1px;
        margin-top: -.625rem;
        left: -10px;
        left: -.625rem
    }

    .xl\:c-spinner--xs {
        height: .6875rem
    }

    .xl\:c-spinner--xs:before {
        width: 10px;
        width: .625rem;
        height: 10px;
        height: .625rem;
        border-width: 1px;
        margin-top: -.3125rem;
        left: -5px;
        left: -.3125rem
    }

    .xl\:c-spinner--greyscale:before {
        border-color: #aeaeae #494949 #494949
    }

    .xl\:c-card-wrapper {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-top: 2rem
    }

    .xl\:c-card-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .xl\:c-card {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-bottom: 2rem
    }

    .xl\:c-card,
    .xl\:c-card-contents {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .xl\:c-card-contents {
        max-width: 30rem;
        overflow: hidden;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08);
        box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .08)
    }

    .xl\:is-ie-11 .c-card-contents {
        display: block
    }

    .xl\:c-card-contents__image {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .xl\:c-card-contents__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 1rem 1.5rem 1.5rem
    }

    .xl\:c-card-contents__subhead {
        text-transform: uppercase;
        color: #a4a4a4;
        font-weight: 700;
        font-size: .875rem;
        margin-bottom: 1rem;
        letter-spacing: .02rem
    }

    .xl\:c-card-contents__title {
        color: #000;
        margin-top: 1rem;
        margin-bottom: .875rem;
        font-size: 1.5rem;
        line-height: 1.3
    }

    .xl\:has-font-hnm .c-card-contents__title {
        font-family: HNM, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
    }

    .xl\:c-card-contents__intro {
        color: #000;
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: .75rem
    }

    .xl\:has-font-hnr .c-card-contents__intro {
        font-family: tpfont, HNR, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue
    }

    .xl\:c-card-contents__cta {
        padding: 0 1.5rem 1rem;
        width: 100%
    }

    .xl\:c-card-contents__link,
    .xl\:c-card-contents__link--gray {
        display: block;
        border: 2px solid #349bdc;
        width: 100%;
        border-radius: .125rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        text-align: center;
        color: #fff;
        text-decoration: none;
        background-color: #349bdc
    }

    .xl\:c-card-contents__link--gray {
        border-color: #666;
        background-color: #666
    }

    .xl\:c-card-contents__banner {
        position: absolute;
        text-align: center;
        font-style: italic;
        right: 0;
        top: 1rem;
        background-color: hsla(0, 0%, 100%, .85);
        padding: .5rem 1rem
    }

    .xl\:c-card-ribbon {
        position: absolute;
        display: block;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #349bdc;
        height: 2rem;
        width: 11rem;
        z-index: 49;
        left: -2.25rem;
        top: 2rem
    }

    .xl\:c-card-ribbon__text {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        font-size: .875rem;
        letter-spacing: .05rem
    }

    .xl\:c-card-contents__image-container {
        display: inline-block;
        line-height: 0
    }

    .xl\:c-card--full .c-card-contents {
        max-width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .xl\:c-card--full .c-card-contents__text {
        display: block
    }

    .xl\:c-card--full .c-card-contents__subhead,
    .xl\:c-card--full .c-card-contents__title {
        margin-bottom: 1.5rem
    }

    .xl\:c-card--full .c-card-contents__intro {
        margin-bottom: 0
    }

    .xl\:c-card--full .c-card-contents__image-container,
    .xl\:c-card--full .c-card-contents__inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .xl\:c-card--full .c-card-contents__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: center;
        align-self: center
    }

    .xl\:c-card--full .c-card-contents__cta {
        display: inline-block;
        width: auto
    }

    .xl\:c-btn {
        border-radius: .25rem;
        padding: .875rem 1.375rem;
        border: 2px solid transparent;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
    }

    .xl\:c-btn--primary {
        background-color: #005695;
        border-color: #005695;
        color: #fff
    }

    .xl\:c-btn--primary:hover {
        background-color: #80abca;
        border-color: #80abca;
        color: #fff
    }

    .xl\:c-btn--secondary {
        background-color: #349bdc;
        border-color: #349bdc;
        color: #fff
    }

    .xl\:c-btn--secondary:hover {
        background-color: #2186c4;
        border-color: #2186c4;
        color: #fff
    }

    .xl\:c-btn--light {
        background-color: hsla(0, 0%, 100%, .85);
        color: #005695
    }

    .xl\:c-btn--light:hover {
        background-color: #fff;
        border-color: #fff
    }

    .xl\:c-btn--dark {
        background-color: #494949;
        border-color: #494949;
        color: #fff
    }

    .xl\:c-btn--dark:hover {
        background-color: #a4a4a4;
        border-color: #a4a4a4
    }

    .xl\:c-btn--green {
        background-color: #68cb83;
        border-color: #68cb83;
        color: #fff
    }

    .xl\:c-btn--green:hover {
        background-color: #b4e5c1;
        border-color: #b4e5c1
    }

    .xl\:c-btn--outline-primary {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #005695;
        color: #005695
    }

    .xl\:c-btn--outline-primary:hover {
        background-color: hsla(0, 0%, 100%, .3);
        border-color: #005695
    }

    .xl\:c-btn--outline-secondary {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #349bdc;
        color: #349bdc
    }

    .xl\:c-btn--outline-secondary:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .xl\:c-btn--outline-light {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #f8f8f8;
        color: #f8f8f8
    }

    .xl\:c-btn--outline-light:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .xl\:c-btn--outline-dark {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #000;
        color: #000
    }

    .xl\:c-btn--outline-dark:hover {
        background-color: #000;
        color: #fff
    }

    .xl\:c-btn--outline-green {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: #68cb83;
        color: #68cb83
    }

    .xl\:c-btn--outline-green:hover {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .xl\:c-btn--large {
        padding: 1.125rem 2.625rem;
        border: 2px solid transparent;
        font-size: 1.125rem
    }

    .xl\:c-btn--small {
        padding: .375rem .875rem;
        border: 1px solid transparent;
        font-size: .875rem
    }

    .xl\:c-btn--block {
        display: block;
        width: 100%
    }

    .xl\:c-btn--base {
        padding: .875rem 1.375rem;
        border: 2px solid transparent;
        font-size: 1rem
    }

    .xl\:c-arrow {
        width: 2.2rem;
        height: 2.2rem;
        background: transparent;
        border-color: currentcolor currentcolor #666 #666;
        border-right: .08rem solid #666;
        border-top: .08rem solid #666
    }

    .xl\:c-arrow--left {
        -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);
        transform: translate3d(0, -50%, 0) rotate(-135deg)
    }

    .xl\:c-arrow--right {
        -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
        transform: translate3d(0, -50%, 0) rotate(45deg)
    }

    .xl\:c-arrow--down {
        -webkit-transform: translate3d(0, -75%, 0) rotate(135deg);
        transform: translate3d(0, -75%, 0) rotate(135deg)
    }

    .xl\:c-arrow--up {
        -webkit-transform: translate3d(0, -25%, 0) rotate(-45deg);
        transform: translate3d(0, -25%, 0) rotate(-45deg)
    }

    .xl\:c-arrow--sm {
        width: 1rem;
        height: 1rem
    }

    .xl\:c-arrow--md {
        width: 1.5rem;
        height: 1.5rem
    }

    .xl\:c-arrow--lg {
        width: 2.2rem;
        height: 2.2rem
    }

}