@keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @keyframes fadeOut {
        from {
            opacity: 1;
            transform: translateY(0px);
        }

        to {
            opacity: 0;
            transform: translateY(20px);
        }
    }

    /* Navigation */
    .cmp-header__main-navigation {
        position: relative;
    }

    .root.container > .cmp-container > div > div {
        margin-top: 0 !important;
    }

    /* Hero */
    .cmp-hero__dark-blue.aem-GridColumn.aem-GridColumn--default--12 .cmp-hero__image {
        order: 0;
    }

    .cmp-hero__dark-blue.aem-GridColumn.aem-GridColumn--default--12 .cmp-hero__content {
        background-color: #016355 !important;
    }

    .cmp-hero__container .cmp-hero__cta .button .button--wrapper {
        background-color: #0468ff !important;
        border: 2px solid #0468ff !important;
        color: #FFFFFF !important;
        transition: 0.3s;
    }

    .cmp-hero__dark-blue .cmp-hero__cta .button a {
        border: none !important;
        border-radius: 4px !important;
    }

    .cmp-hero__dark-blue .cmp-hero__cta .button a:hover .button--wrapper {
        background-color: #001e94 !important;
        border: 2px solid #001e94 !important;
        transition: 0.3s;
        border-radius: 4px !important;

    }


    .cmp-hero__container {
        background-color: #f4f7fc;
    }

    .cmp-hero__container h1 {
        color: #000860;
    }

    .cmp-hero__pretitle {
        color: #0468ff;
    }


    /* CEROS fixes */
    @media screen and (min-width:1024px) {

        .embed.margin-top--small.aem-GridColumn.aem-GridColumn--default--12,
        .embed.margin-top--medium.aem-GridColumn.aem-GridColumn--default--12 {
            margin-left: -68px;
            margin-right: -68px;
            width: initial !important;
            clear: both;
            float: none;
        }

        .embed.margin-top--small.aem-GridColumn.aem-GridColumn--default--12,
        .embed.margin-top--medium.aem-GridColumn.aem-GridColumn--default--12:first-child {
            padding-top: 60px;
        }
    }

    /* Middle Blue Teaser */
    .cmp-teaser {
        background-color: #80baff !important;
        color: #000a62 !important;
    }

    .cmp-teaser__title {
        color: #000a62 !important;
    }

    .cmp-teaser__description {
        color: #000a62 !important;
    }

    /* Keep more of what you've built */
    @media screen and (min-width:576px){
        .aem-GridColumn.aem-GridColumn--default--12:nth-child(5) > .cmp-hero {
            position:relative;
            background:none;
        }

        .aem-GridColumn.aem-GridColumn--default--12:nth-child(5) .cmp-hero__container {
            background: linear-gradient(to right, rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0),rgba(255,255,255,0));
            width:100% !important;
        }

        .aem-GridColumn.aem-GridColumn--default--12:nth-child(5) .cmp-hero__content {
            width:25% !important;
        }

        .aem-GridColumn.aem-GridColumn--default--12:nth-child(5) > .cmp-hero > .cmp-hero__image {
            position:absolute;
            width:100%;
            height:100%;
            overflow:hidden;
            z-index:-1;
        }

        .aem-GridColumn.aem-GridColumn--default--12:nth-child(5) > .cmp-hero > .cmp-hero__image img {
            width:100%;
        }
    }

    /* Cards */
    .text.margin-top--medium.aem-GridColumn--tablet--12.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--mobile--none.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--default--0.aem-GridColumn--mobile--12.aem-GridColumn--offset--mobile--0 h2 {
        color: #000a62 !important;
    }

    .container.responsivegrid.cmp-container--card-same-height.aem-GridColumn.aem-GridColumn--default--12 .cmp-container {
        background: none !important;
    }

    .cmp-card--list.card-color__ultralight-gray .cmp-card {
        background-color: transparent;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.cmp-card--list .open-cmp__flexibility-flip-flipped {
        display: flex;
        justify-content: center;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.cmp-card--list .open-cmp__flexibility-flip-flipped .cmp-card__content {
        flex: 0 0 auto;
    }


    /* First */
    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(1) .cmp-card.d-flex {
        background-color: #0468ff;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .cmp-card.d-flex .cmp-card__image-wrapper svg path {
        fill: #ffffff;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .cmp-card.d-flex div.text__body {
        display: none;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .cmp-card.d-flex div.text__body p {
        color: #ffffff;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .cmp-card.d-flex p.text__medium span {
        color: #ffffff;
        font-family: alverata, Georgia, serif !important;
        font-size: 32px;
        font-weight: 300;
        line-height: 46px;
    }


    /* Second */
    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .cmp-card.d-flex {
        /*background-color:white;*/
        background-color: #ffe8cf;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .open-cmp__flexibility-svg-2 path {
        stroke: #ff9522 !important;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .text__medium span {
        color: #000a62 !important;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .text__body p {
        color: #000a62 !important;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .cmp-card.d-flex .cmp-card__image-wrapper svg path {
        fill: #000a62 !important;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .cmp-card.d-flex .cmp-card__image-wrapper svg path {
        fill: #000a62 !important;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .cmp-card.d-flex {
        fill: #000a62 !important;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .open-cmp__flexibility-flip__button::before {
        background-color: #000a62 !important;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(2) .open-cmp__flexibility-flip__button::after {
        background-color: #000a62 !important;
    }

    /* Third */
    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(3) .cmp-card.d-flex {
        /*background-color:white;*/
        background-color: #016355;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list:nth-child(3) .open-cmp__flexibility-svg-2 path {
        stroke: #a5efbf !important;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .cmp-card.d-flex {
        padding: 60px !important;
        position: relative;
        height: 400px;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-svg-2 {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 20px;
        top: 0px;
        left: 0px;
        box-sizing: border-box;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-svg-2 path {
        stroke: #ffffff !important;
        stroke-width: 2px;
        fill: none !important;
        width: 100%;
        height: 100%;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip-flipped .open-cmp__flexibility-svg-2 path {
        opacity: 0;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip {
        position: absolute;
        right: 32px;
        bottom: 32px;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip__button {
        background: none;
        width: 32px;
        height: 32px;
        border: none;
        padding: 0px;
        cursor: pointer;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip__button {
        background: none;
        width: 32px;
        height: 32px;
        border: none;
        padding: 0px;
        cursor: pointer;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip__button::before {
        width: 2px;
        height: 32px;
        background-color: white;
        display: block;
        content: '';
        position: relative;
        right: -15px;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip__button::after {
        width: 32px;
        height: 2px;
        background-color: white;
        display: block;
        content: '';
        position: relative;
        top: -17px;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip__fadeIn {
        animation: fadeIn 0.5s;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip__fadeOut {
        animation: fadeOut 0.5s;
    }

    .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .open-cmp__flexibility-flip-flipped .open-cmp__flexibility-flip__button {
        rotate: 45deg;
    }

    /* Cards Mobile */
    @media screen and (min-width:1024px) and (max-width:1320px) {
        .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .cmp-card.d-flex p.text__medium span {
            font-size: 24px !important;
            line-height: 32px !important;
        }
    }

    @media screen and (min-width:576px) and (max-width:757px) {
        .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .cmp-card.d-flex p.text__medium span {
            font-size: 24px !important;
            line-height: 32px !important;
        }
    }

    @media screen and (max-width:400px) {
        .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list .cmp-card.d-flex p.text__medium span {
            font-size: 24px !important;
            line-height: 32px !important;
        }
    }

    @media screen and (min-width:576px) and (max-width:1023px) {
        .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list {
            width: 50%;
        }
    }

    @media screen and (max-width:575px) {
        .aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.cmp-card--list {
            width: 100%;
        }
    }

    /* ... A diversified retirement plan */

    .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12:nth-child(9) .cmp-container {
        background-color: #f5f8fa !important;
    }

    .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12:nth-child(9) .cmp-container h2 span {
        background-color: #f5f8fa !important;
        color: #000a62 !important;
        font-size: 32px;
        line-height: 42px;
    }

    .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12:nth-child(9) .text.margin-top--medium.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 .cmp-text{
        width:70% !important;
    }

    .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12:nth-child(9) .cmp-container h2 {
        margin-bottom: 12px;
    }

    .cmp-card--list.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 .cmp-card.d-flex {
        border-left: 2px solid #80baff;
    }

    .cmp-card--list.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 .text__medium span {
        font-weight: 400;
    }

    .text.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 {
        background-color: #000a62;
        clip-path: url('https://www.newyorklife.com/resources/retirement-income-tax-diversification#clipPath3.svg');
    }

    .text.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 .cmp-text h3 {
        color: #ffffff !important;
        margin-top:20px;
        font-size:22px;
        line-height:34px;
    }

    .text.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 .cmp-text {
        margin-right: 40% !important;
        margin-bottom: 40% !important;
        margin-left: 40px !important;
        margin-top: 40px !important;
    }

    .container.responsivegrid.cmp-container--card-same-height.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 .cmp-container {
        margin-right: 60px;
    }

    @media screen and (max-width:1023px) {
        .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 .text.margin-top--medium.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 {
            width: 100%;
        }

        .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 .container.responsivegrid.cmp-container--card-same-height.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 {
            width: 100%;
        }

        .text.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 {
            width:100%;
            margin-top:40px;
        }
    }

    @media screen and (max-width:575px){
        .text.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 .cmp-text {
        margin-right: 40% !important;
        margin-bottom: 60% !important;
        margin-left: 40px !important;
        margin-top: 40px !important;
    }

        .text.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 .cmp-text h3 {
            font-size:14px;
            line-height:24px;
        }
    }

    .button--link-text {
        display: inline-block;
    }

    /* Footer*/
    .cmp-experiencefragment--global-footer .cmp-footer {
        margin-top: 0;
    }

    @media (min-width: 1024px) {
        .cmp-experiencefragment--global-footer .cmp-footer {
            margin-top: 0;
        }
    }