/* 10:00 AM 03.19.2019 - CDO BASE CSS */
html {
    text-shadow: none !important
}

body {
    position: relative
}

.page-wrapper,
.wcm-content {
    background-color: #FFF
}

.site-content,
.main-content,
.page-content {
    width: 100%;
    margin: 0;
    padding: 0
}

.hiddenMessage {
    display: inline-block;
    height: .01em;
    width: .01em;
    overflow: hidden;
    position: absolute
}

.page-title {
    display: none
}

.cdo * {
    box-sizing: border-box
}

.cdo {
    font-family: "Gotham Narrow", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.cdo .center-link {
    display: block;
    text-align: center
}

.cdo .block-wrapper,
.cdo .block-wrap {
    display: block
}

.cdo p,
.cdo h1,
.cdo h2,
.cdo h3 {
    margin-bottom: 0;
    text-shadow: none
}

.cdo h1 {
    font-family: "Gotham Narrow", Arial, sans-serif;
    color: #FAC705;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.05em;
    letter-spacing: .1em
}

.cdo h2 {
    font-family: "Mercury Display", Times, serif
}

.cdo sup {
    font-size: 80%;
    bottom: 0;
    vertical-align: super
}

.cdo span.embolden {
    font-weight: 900
}

.cdo .italicize {
    font-style: italic !important
}

ul,
ul li {
    list-style: none
}

.cdo p.body-copy,
.cdo p.sub-info {
    line-height: 1.4
}

img {
    margin: 0
}

.cdo span.two-tone {
    position: relative;
    font-size: 80%;
    margin-right: 4px
}

.cdo span.two-tone span:last-child {
    color: #54732d;
    position: absolute;
    height: 100%;
    top: 2px;
    left: 0;
    overflow: hidden
}

.cdo span.two-tone span:first-child {
    position: absolute;
    height: .5em;
    top: 2px;
    left: 0;
    overflow: hidden;
    color: #435F21;
    z-index: 1
}

.cdo span.two-tone.gold {
    position: relative
}

.cdo span.two-tone.gold:focus {
    outline: none
}

.cdo span.two-tone.gold span:first-child {
    color: #e8ab06
}

.cdo span.two-tone.gold span:last-child {
    color: #fac705
}

.cdo span.two-tone span:nth-child(2) {
    color: transparent;
    padding-top: .1em
}

.cdo a {
    text-decoration: none !important
}

.cdo a.inline-link.underline {
    text-decoration: underline!important
}

.cdo a.cta-major {
    display: inline-block;
    min-width: 150px;
    position: relative;
    padding: 15px 30px;
    font-family: "Gotham", Arial, sans-serif;
    font-size: 1.1em;
    text-align: center
}

.cdo a.cta-major.small {
    min-width: 115px;
    padding: 8px 15px;
    font-size: 1em
}

.cdo a.cta-major:focus::after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 2px solid #FFF;
    border-radius: 5px;
    background: none
}

.cdo a.cta-major.ghost {
    position: relative;
    color: #FFF;
    border: 2px solid #9EAEBE;
    border-radius: 3px;
    transition: box-shadow .2s, background .2s
}

.cdo a.cta-major.ghost:hover {
    text-decoration: none !important;
    border: 2px solid rgba(138, 205, 255, .5);
    box-shadow: 0 0 5px 0 rgba(158, 174, 186, .5);
    background: rgba(1, 7, 13, .25);
    text-decoration: underline solid transparent !important
}

.cdo a.cta-major.ghost:focus {
    outline: none;
    border: 2px solid #00668A
}

.cdo a.cta-major.ghost:focus::after {
    border: 2px solid #FFF
}

.cdo a.cta-major.green {
    border: 1px solid transparent;
    border-radius: 3px;
    background: linear-gradient(180deg, #54732D 0%, #435C24 100%);
    box-shadow: inset 0 -2px 0 0 #32451B;
    font-family: "Gotham Narrow", Arial, sans-serif;
    color: #FFF;
    text-align: center
}

.cdo a.cta-major.green:hover {
    background: #54732D;
    text-decoration: underline solid transparent !important
}

.cdo a.cta-major.green:focus {
    outline: none
}

.cdo a.cta-major.green:focus::after {
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid #00668A
}

.cdo a.cta-major.gray,
.cdo a.cta-major.grey {
    display: inline-block;
    border: 1px solid #CFCCCA;
    border-radius: 3px;
    background: linear-gradient(to bottom, #F7F7F6 0%, #ECEAE8 100%);
    font-family: "Gotham Narrow", Arial, sans-serif;
    color: #333940;
    font-size: 1em
}

.cdo a.cta-major.gray:hover,
.cdo a.cta-major.grey:hover {
    background: #F6F5F5;
    text-decoration: underline transparent !important
}

.cdo a.cta-major.gray:focus,
.cdo a.cta-major.grey:focus {
    outline: none
}

.cdo a.cta-major.gray:focus::after,
.cdo a.cta-major.grey:focus::after {
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid #00668A
}

.cdo a.cta-minor {
    display: inline-block;
    width: auto;
    font-size: 1.1em;
    color: #FFF
}

.cdo .block-wrapper a.cta-minor {
    display: inline-block
}

.cdo a.cta-minor.gold .usaa-glyph-chevron-right {
    margin-right: 4px;
    color: #FAC705;
    font-size: 94%
}

.cdo a.cta-minor.green {
    color: #00668A;
    font-weight: 500
}

.cdo a.cta-major:hover .underline-fix {
    text-decoration: underline
}

.cdo a.cta-minor:hover .underline-fix,
.cdo a.cta-minor:focus .underline-fix {
    text-decoration: underline
}

.cdo a.cta-minor .underline-always,
.cdo a.inline-link .underline-always {
    text-decoration: underline !important;
    color: #00668A
}

.cdo .banner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.cdo .banner .star-bar-desktop {
    position: absolute;
    top: -925px;
    left: 21px;
    display: block;
    z-index: 600
}

.cdo .banner .star-bar-desktop.align-h1 {
    top: -925px
}

.cdo .banner .star-bar-desktop.align-subhead {
    top: -872px
}

.cdo .banner .star-bar-mobile {
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0 30px
}

.cdo .banner .star-bar-mobile .star-bar-bar {
    width: calc(50% - 2em);
    height: 5px;
    background-color: #AB080E
}

.cdo .banner .star-bar-mobile .star-bar-star {
    font-size: 1.8em;
    color: #FAC705
}

.cdo .banner .content p.sub-info {
    margin-bottom: 22px;
    font-size: 1.25em;
    color: #E0DEDC;
    font-weight: 300
}

.cdo .banner.standard {
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/prodOther_accent_brandBanner_diamondBackground.svg);
    background-color: #12395B;
    color: #FFF
}

.cdo .banner.standard::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, rgba(15, 30, 49, 0) 0%, rgba(15, 30, 49, .4) 100%);
    mix-blend-mode: overlay
}

.cdo .watermark {
    position: absolute;
    opacity: .05
}

.cdo .watermark img {
    width: 100%
}

.cdo .banner.standard img.watermark {
    top: -100px;
    right: -157px;
    width: 600px;
    z-index: 500
}

.cdo .banner.standard .content {
    position: relative;
    padding: 86px 90px 90px 90px;
    z-index: 1000;
    text-align: center
}

.cdo .banner.standard.with-ratings .content {
    padding: 86px 90px 60px 90px
}

.cdo .banner.standard .content h1 {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 12px
}

.cdo .banner.standard .content h2,
.cdo .banner.standard .content p.sub-head {
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 12px;
    font-family: 'Mercury Display', Times, serif;
    color: #FFF;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.1
}

.cdo .banner.standard .content p.sub-info {
    margin-bottom: 22px;
    font-size: 1.25em;
    color: #E0DEDC;
    font-weight: 300
}

.cdo .banner.standard a.cta-major {
    display: table;
    margin: 0 auto
}

.cdo .banner.standard a.cta-minor {
    display: table;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: -5px
}

.cdo .banner.bottom .star-bar-desktop {
    top: 0
}

.cdo .banner.bottom.standard .content h2,
.cdo .banner.bottom.standard .content p.sub-head {
    line-height: 1.2;
    font-weight: 600
}

.cdo .banner.bottom.standard .content p.sub-info {
    margin-bottom: 30px
}

.cdo .banner.bottom a.cta-major {
    padding: 15px 30px
}

.cdo .banner.bottom.functional .content h2 {
    color: #FFF;
    margin-bottom: 0
}

.cdo .banner.fifty-fifty {
    background-color: #12395B;
    color: #FFF
}

.cdo .banner.fifty-fifty img.watermark {
    position: absolute;
    top: -100px;
    right: -157px;
    width: 600px;
    opacity: .05;
    display: none
}

.cdo .banner.fifty-fifty .content {
    position: relative;
    width: 50%;
    padding: 86px 45px 90px 90px;
    z-index: 1000;
    overflow: hidden;
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/prodOther_accent_brandBanner_diamondBackground.svg);
    background-color: #12395B;
    text-align: left
}

.cdo .banner.fifty-fifty:not(.functional) .content::before {
    content: "";
    width: 200%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, rgba(15, 30, 49, 0) 0%, rgba(15, 30, 49, .4) 100%);
    mix-blend-mode: overlay;
    z-index: -1
}

.cdo .banner.fifty-fifty .star-bar-desktop {
    z-index: 1100
}

.cdo .banner.fifty-fifty .star-bar-desktop.align-subhead {
    top: -882px
}

.cdo .banner.fifty-fifty img.banner-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-width: 50%;
    margin: 0
}

.cdo .banner.fifty-fifty .content h1 {
    margin-bottom: 8px
}

.cdo .banner.fifty-fifty h2,
.cdo .banner.fifty-fifty p.sub-head {
    font-family: 'Mercury Display', Arial, serif;
    font-size: 2.5em;
    margin-bottom: 16px;
    line-height: 1.1;
    font-weight: 600
}

.cdo .banner.fifty-fifty p.sub-info {
    font-size: 1.125em
}

.cdo .banner.fifty-fifty a.cta-major {
    display: table;
    margin-bottom: 26px;
    padding: 15px 30px;
    font-size: 1em
}

.cdo .banner.fifty-fifty a.cta-minor {
    margin-bottom: 15px
}

.cdo .banner.fifty-fifty a.cta-minor:last-of-type {
    margin-bottom: -5px
}

.cdo section.fifty-fifty.stacked-mobile .content .glyph-for-arrow {
    display: none
}

.cdo section.fifty-fifty.stacked-mobile .content p.body-copy {
    line-height: 1.5;
    font-size: 1.1em
}

.cdo section.fifty-fifty.stacked-mobile.three .content {
    padding-right: 40px
}

.cdo .banner.functional {
    background-color: #12395B;
    color: #FFF
}

.cdo .banner.functional .content {
    position: relative;
    padding: 86px 90px 90px 90px;
    text-align: center
}

.cdo .banner.functional .content h1 {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 12px;
    font-size: 1.05em;
    letter-spacing: .1em
}

.cdo .banner.functional .content h2,
.cdo .banner.functional .content p.sub-head {
    margin: 0 auto 12px auto;
    font-family: "Gotham Narrow", Arial, sans-serif;
    font-size: 2.8em;
    font-weight: 500;
    line-height: 1.125
}

.cdo .banner.functional a.cta-major {
    display: table;
    margin: 0 auto
}

.cdo .banner.functional a.cta-minor {
    margin-top: 30px
}

.cdo .banner.functional.fifty-fifty .content {
    padding: 86px 60px 90px 60px;
    text-align: left;
    background-image: none
}

.cdo .banner.functional.fifty-fifty .content h1 {
    margin-bottom: 16px
}

.cdo .banner.functional.fifty-fifty .content h2,
.cdo .banner.functional .content p.sub-head {
    margin-bottom: 22px;
    font-size: 2.7em
}

.cdo .banner.fifty-fifty.functional p.sub-info {
    margin-bottom: 22px;
    font-size: 1.2em
}

.cdo .banner.fifty-fifty.functional a.cta-major {
    display: inline-block
}

.cdo .banner.seventy-thirty {
    background-color: #12395B;
    color: #FFF
}

.cdo .banner.seventy-thirty.functional .content {
    position: relative;
    width: 70%;
    padding: 86px 45px 90px 60px;
    z-index: 1000;
    overflow: hidden;
    background-color: #12395B;
    text-align: left
}

.cdo .banner.seventy-thirty img.banner-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-width: 30%;
    margin: 0
}

.cdo .banner.seventy-thirty .content h1 {
    margin-bottom: 8px
}

.cdo .banner.seventy-thirty h2,
.cdo .banner.seventy-thirty p.sub-head {
    font-family: 'Mercury Display', Arial, serif;
    font-size: 2.55em;
    margin-bottom: 16px;
    line-height: 1.1
}

.cdo .banner.seventy-thirty p.sub-info {
    font-size: 1.125em
}

.cdo section .usaa-glyph-sunrise {
    display: block;
    margin-bottom: 18px;
    color: #FAC705;
    font-size: 2.125em;
    text-align: center
}

.cdo section h2 {
    width: 100%;
    margin: 0 auto;
    font-size: 2.5em;
    color: #424951;
    font-weight: 600;
    line-height: 1.125
}

.cdo section p,
.cdo section p.body-copy {
    margin: 0 auto;
    font-size: 1.125em;
    color: #424951
}

.cdo section h2+p,
.cdo section h2+.block-wrapper,
.cdo section h2+a {
    margin-top: 12px
}

.cdo section a.cta-major.green {
    display: inline-block
}

.cdo section.generic {
    padding: 79px 60px 90px 60px
}

.cdo section.generic.with-sunrise {
    padding: 85px 60px 90px 60px
}

.cdo section.generic h2,
.cdo section.generic h2.section-head {
    font-family: 'Mercury Display', Times, serif;
    text-align: center
}

.cdo section.generic a.cta-major.green {
    margin: 0 auto 30px auto;
    letter-spacing: .5px
}

.cdo section.generic p.sub-info,
.cdo section.generic p.body-copy {
    line-height: 1.5;
    text-align: center
}

.cdo section.split {
    display: flex;
    position: relative;
    overflow: hidden
}

.cdo section.split .content {
    position: relative;
    background-color: #FFF
}

.cdo section.split .image-wrap {
    position: absolute;
    top: 0;
    height: 100%;
    overflow: hidden
}

.cdo section.fifty-fifty {
    display: flex;
    position: relative;
    overflow: hidden
}

.cdo section.fifty-fifty .content {
    position: relative;
    width: 50%;
    padding: 80px 60px 90px 60px;
    z-index: 100;
    background-color: #FFF
}

.cdo section.fifty-fifty .content a.cta-major.green {
    font-size: 1.05em
}

.cdo section.fifty-fifty .white-back a.cta-minor {
    color: #00668A
}

.cdo section.fifty-fifty.right .content {
    margin-left: 50%
}

.cdo section.fifty-fifty .content h2 {
    margin-bottom: 14px
}

.cdo section.fifty-fifty .content p.body-copy+a,
.cdo section.fifty-fifty .content p.body-copy+.block-wrapper {
    margin-top: 23px
}

.cdo section.fifty-fifty .content a.cta-major+a.cta-minor,
.cdo section.fifty-fifty .content a.cta-major+.block-wrapper,
.cdo section.fifty-fifty .content .block-wrapper+a.cta-minor,
.cdo section.fifty-fifty .content .block-wrapper+.block-wrapper {
    margin-top: 24px
}

.cdo section.fifty-fifty .image-wrap {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.cdo section.fifty-fifty img.feature-image {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    margin: 0
}

.cdo section.fifty-fifty.left .image-wrap {
    right: 0;
    left: auto
}

.cdo section.fifty-fifty.right .image-wrap {
    left: 0
}

.cdo section.split.seventy-thirty .image-wrap {
    width: 30%
}

.cdo section.split.seventy-thirty .content {
    width: 70%;
    margin-left: 30%;
    padding: 90px 45px
}

.cdo section.split.seventy-thirty.left .content {
    margin-left: 0
}

.cdo section.split.seventy-thirty.left .image-wrap {
    width: 30%;
    margin-left: 70%
}

.cdo section.split.seventy-thirty .content h2 {
    margin-bottom: 27px
}

.cdo section.split.seventy-thirty .content p.body-copy {
    max-width: 500px;
    margin: 0
}

.cdo section.fifty-fifty.floating {
    position: relative;
    padding: 60px
}

.cdo section.fifty-fifty.floating .content {
    padding: 55px 30px 60px 30px;
    text-align: center;
    background: rgba(255, 255, 255, .97)
}

.cdo section.fifty-fifty.floating .content .usaa-glyph-diamond-pack {
    display: block;
    color: #FAC007;
    font-size: 1.5em;
    margin-bottom: 15px
}

.cdo section.fifty-fifty.floating .content .usaa-glyph-diamond {
    display: none;
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-80px);
    font-size: 4em
}

.cdo section.fifty-fifty.floating .content h2 {
    max-width: 250px
}

.cdo section.fifty-fifty.floating .content p.body-copy {
    max-width: 380px;
    font-size: 1.1em;
    line-height: 1.4
}

.cdo section.fifty-fifty.floating .image-wrap {
    top: 0
}

.cdo section.fifty-fifty.floating .image-wrap,
.cdo section.fifty-fifty.floating .image-wrap img.feature-image {
    width: 100%
}

.cdo section.fifty-fifty.floating .image-wrap img.feature-image {
    width: auto;
    height: 100%
}

.cdo section.card-section {
    padding: 79px 60px 90px 60px
}

.cdo section.card-section h2 {
    margin-bottom: 15px
}

.cdo section.card-section h2+ul.card-pack {
    margin-top: 37px
}

.cdo section.card-section p+ul.card-pack,
.cdo section.card-section p.body-copy+ul.card-pack,
.cdo section.card-section p.sub-info+ul.card-pack {
    margin-top: 38px
}

.cdo .card-pack {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    flex: 1;
    margin: 0 auto;
    list-style: none
}

.cdo .card-pack .card {
    position: relative;
    margin: 0 30px 0 0;
    margin-top: 30px;
    padding: 30px 30px 30px 30px;
    border: 1px solid transparent;
    background: #F2F3F3;
    text-align: center;
    list-style: none
}

.cdo .card-pack.white .card {
    background-color: #FFF !important
}

.cdo .card-pack.grey .card,
.cdo .card-pack.gray .card {
    background-color: #F2F3F3 !important
}

.cdo .card-pack .card .card-label {
    display: block;
    margin-bottom: 15px;
    color: #12395B;
    font-weight: 900;
    font-size: 1.05em
}

.cdo .card-pack.two-pack .card {
    width: calc(50% - 30px);
    min-width: calc(50% - 30px)
}

.cdo .card-pack.two-pack .card:nth-of-type(even) {
    margin: 30px 0 0 0
}

.cdo .card-pack.two-pack .card:nth-of-type(-n+2) {
    margin-top: 0
}

.cdo .card-pack.three-pack .card {
    width: calc(33.3333337% - 30px);
    min-width: calc(33.3333337% - 30px)
}

.cdo .card-pack.three-pack .card:nth-of-type(-n+3) {
    margin-top: 0
}

.cdo .card-pack.three-pack .card:nth-of-type(3n),
.cdo .card-pack.three-pack .card:last-of-type {
    margin-right: 0
}

.cdo .card-pack.four-pack .card {
    width: calc(25% - 24px);
    min-width: calc(25% - 24px)
}

.cdo .card-pack.four-pack .card:nth-of-type(-n+4) {
    margin-top: 0
}

.cdo .card-pack.four-pack .card:nth-of-type(4n),
.cdo .card-pack.four-pack .card:last-of-type {
    margin-right: 0
}

.cdo .card-pack.link-cards .card {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    background-color: #FFF;
    transition: transform .2s, box-shadow .3s
}

.cdo .card-pack.link-cards .card:hover {
    box-shadow: 0 4px 3px rgba(0, 0, 0, .15);
    transform: translateY(-3px)
}

.cdo .card-pack.link-cards .card a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 0 solid #F2F3F3
}

.cdo .card-pack.link-cards .card a:focus {
    border-top: 6px solid #086B94;
    outline: none
}

.cdo .card-pack.link-cards .card .card-icon {
    height: 50px
}

.cdo .card-pack.link-cards .card .card-label {
    margin-bottom: 0
}

.cdo .card-pack.info-cards .card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 30px;
    background-color: #FFF
}

.cdo .card-pack.info-cards .card img.card-icon {
    height: 50px;
    margin-left: calc(50% - 30px);
    margin-right: calc(50% - 30px)
}

.cdo .card-pack.info-cards .card span.card-label {
    display: block;
    margin-bottom: 15px;
    color: #0D2F4C
}

.cdo .card-pack.info-cards .card .body-copy {
    color: #424951;
    font-size: 1em
}

.cdo .card-pack.info-cards .card .top {
    width: 100%;
    min-width: 100%;
    flex: 8 8 auto;
    padding-bottom: 15px
}

.cdo .card-pack.info-cards .card .bottom {
    width: 100%;
    min-width: 100%;
    flex: 1 1 auto
}

.cdo .card-pack.info-cards .card a.cta-minor {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.05em;
    color: #00668A;
    font-weight: 500;
    text-align: center
}

.cdo .card-pack.info-cards.grey .card a.cta-minor,
.cdo .card-pack.info-cards.gray .card a.cta-minor {
    color: #086B94
}

.cdo .card-pack.info-cards.image .card {
    padding: 0
}

.cdo .card-pack.info-cards.image .card .top {
    padding: 30px 30px 15px 30px
}

.cdo .card-pack.info-cards.image .card .bottom {
    padding: 0 30px 30px 30px
}

.cdo .card-pack.info-cards.image .card .image-wrap {
    position: relative;
    width: 100%;
    min-height: 150px;
    overflow: hidden
}

.cdo .card-pack.info-cards.image .card img.card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cdo section.link-farm.blue {
    padding: 90px 60px;
    background-color: #0D2F4C
}

.cdo section.link-farm.blue h2,
.cdo section.link-farm.blue .section-head {
    margin-bottom: 45px;
    font-family: "Gotham Narrow", Arial, sans-serif;
    font-size: 2.2em;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    line-height: 1.125
}

.cdo section.link-farm.blue h2.high-brand,
.cdo section.link-farm.blue .section-head.high-brand {
    font-family: "Mercury Display", Times, serif;
    font-size: 2.5em;
    font-weight: 600
}

.cdo section.link-farm.blue .list-flex {
    display: flex;
    justify-content: space-around;
    max-width: 800px;
    margin: 0 auto
}

.cdo section.link-farm.blue .list-wrap {
    width: 30%
}

.cdo section.link-farm.blue .list-wrap h3 {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 1.3em;
    color: #FFF;
    font-weight: 500
}

.cdo section.link-farm.blue .list-wrap h3 a {
    color: inherit;
    border-bottom: 1px solid #FFF;
    padding-bottom: 1px
}

.cdo section.link-farm.blue .list-wrap:first-of-type ul {
    margin-right: 15px;
    list-style: none
}

.cdo section.link-farm.blue .list-wrap ul li {
    margin-bottom: 15px;
    margin-left: 0;
    font-size: .9em;
    font-weight: 500;
    list-style: none
}

.cdo .cdo_tabs {
    width: 100%
}

.cdo .cdo_tabs .tab_labels {
    display: flex;
    justify-content: center;
    text-decoration: none;
    list-style: none;
    align-items: flex-end
}

.cdo .cdo_tabs .tab_labels.unbound li {
    margin: 0 45px;
    font-family: "Gotham", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: .85em;
    color: #086B94;
    text-align: center;
    list-style: none
}

.cdo .cdo_tabs .tab_labels.unbound .label {
    position: relative
}

.cdo .cdo_tabs .tab_labels.unbound.multi-line .label {
    display: inline-block
}

.cdo .cdo_tabs .tab_content {
    padding: 10px;
    transition: height .5s;
    height: 0
}

.cdo .cdo_tabs .tab_content>.content {
    padding: 10px;
    opacity: 0;
    position: relative;
    transition-property: opacity;
    transition-duration: .4s
}

.cdo .cdo_tabs .tab_content>div.content.closed {
    display: none
}

.cdo .cdo_tabs .tab_content>div.content.open {
    opacity: 1
}

.cdo .cdo_tabs .tab_content>.content .hiddenTitle,
.cdo .cdo_tabs .hiddenLeaveTabs {
    display: inline-block;
    height: .01em;
    width: .01em;
    overflow: hidden;
    position: absolute
}

.cdo section.faqs .cdoPi-expcol-toggle-all {
    display: inline-block;
    margin-bottom: 30px;
    padding: 4px 8px 4px 4px;
    font-size: 1.05em;
    font-weight: 500;
    color: #00668A;
    padding: 0 15px
}

.cdo section.faqs .cdoPi-expcol-toggle-all:hover {
    text-decoration: underline !important
}

.cdo section.faqs .cdoPi-expcol-toggle-all .two-tone {
    display: inline-block;
    transform: rotate(0deg);
    transition: transform .4s
}

.cdo section.faqs .cdoPi-expcol-toggle-all.expanded .two-tone {
    transform: rotate(90deg)
}

.cdo section.faqs .cdoPi-expcol {
    border-top: none;
    border-bottom: 1px solid #D0CFCE;
    margin-bottom: 0
}

.cdo section.faqs div.cdoPi-expcol:first-of-type {
    border-top: 1px solid #D0CFCE
}

.cdo section.faqs .cdoPi-expcol:last-of-type {
    margin-bottom: 0
}

.cdo section.faqs .cdoPi-expcol a.cdoPi-expcol-toggle {
    position: relative;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    border-radius: 3px;
    padding: 18px 15px;
    box-shadow: none;
    z-index: 100;
    background: none;
    text-decoration: none !important
}

.cdo section.faqs .cdoPi-expcol .cdoPi-expcol-toggle:hover {
    background: rgba(0, 0, 0, .03)
}

.cdo section.faqs .cdoPi-expcol .cdoPi-expcol-toggle:hover h3,
.cdo section.faqs .cdoPi-expcol .cdoPi-expcol-toggle:hover span.expcol-head {
    text-decoration: underline transparent
}

.cdo section.faqs .cdoPi-expcol .cdoPi-expcol-toggle:focus span.expcol-head {
    text-decoration: underline
}

.cdo section.faqs .cdoPi-expcol .cdoPi-expcol-toggle h3 {
    font-size: 1.05em;
    color: #00668A;
    font-weight: 500
}

.cdo section.faqs .cdoPi-expcol .cdoPi-expcol-toggle .usaa-glyph-chevron-down {
    transform: rotate(-90deg);
    margin-right: 15px
}

.cdo section.faqs .cdoPi-expcol.expanded .cdoPi-expcol-toggle .usaa-glyph-chevron-down {
    transform: rotate(0deg)
}

.cdo section.faqs .cdoPi-expcol.expanded {
    border-bottom: 1px solid #D0CFCE
}

.cdo section.faqs .cdoPi-expcol .cdoPi-expcol-content {
    position: relative;
    padding: 0 30px 18px 53px
}

.cdo section.faqs .cdoPi-expcol .cdoPi-expcol-content p {
    font-size: 1em;
    line-height: 1.4
}

.cdo section.faqs .cdoPi-expcol a.cdoPi-expcol-toggle span.expcol-head {
    color: #00668A;
    font-weight: 500
}

.cdo section.faqs a.cdoPi-expcol-toggle .toggle-flex-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.cdo .block-wrapper {
    display: block !important
}

.cdo .uppercase {
    text-transform: uppercase
}

.cdo .bold-text {
    font-weight: 900
}

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

.cdo .left-text {
    text-align: left
}

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

.cdo .white-text {
    color: #FFF !important
}

.co .core-blue-text {
    color: #12395B
}

.cdo .white-back {
    background-color: #FFF !important
}

.cdo .core-blue-back a.cta-minor {
    color: #086B94
}

.cdo .grey-back,
.cdo .gray-back,
.cdo .cool-gray-light-back,
.cdo .cool-grey-light-back {
    background-color: #F2F3F3 !important
}

.cdo .core-blue-back {
    background-color: #12395B !important
}

.cdo .core-blue-medium-back {
    background-color: #0D2F4C !important
}

.cdo .core-blue-back a.cta-minor,
.cdo .core-blue-medium-back a.cta-minor {
    color: #FFF
}

.cdo .core-blue-medium-back,
.cdo .core-blue-medium-back h2,
.cdo .core-blue-medium-back p,
.cdo .core-blue-medium-back p.sub-info,
.cdo .core-blue-medium-back p.body-copy {
    color: #FFF !important
}

.cdo .pad-90-60 {
    padding: 90px 60px !important
}

.cdo .pad-60-90 {
    padding: 60px 90px !important
}

.cdo .pt-15 {
    padding-top: 15px !important
}

.cdo .pr-15 {
    padding-right: 15px !important
}

.cdo .pb-15 {
    padding-bottom: 15px !important
}

.cdo .pl-15 {
    padding-left: 15px !important
}

.cdo .pt-30 {
    padding-top: 30px !important
}

.cdo .pr-30 {
    padding-right: 30px !important
}

.cdo .pb-30 {
    padding-bottom: 30px !important
}

.cdo .pl-30 {
    padding-left: 30px !important
}

.cdo .mt-30 {
    margin-top: 30px !important
}

.cdo .mr-30 {
    margin-right: 30px !important
}

.cdo .mb-30 {
    margin-bottom: 30px !important
}

.cdo .ml-30 {
    margin-left: 30px !important
}

.cdo .pt-60 {
    padding-top: 60px !important
}

.cdo .pr-60 {
    padding-right: 60px !important
}

.cdo .pb-60 {
    padding-bottom: 60px !important
}

.cdo .pl-60 {
    padding-left: 60px !important
}

.cdo .mt-60 {
    margin-top: 60px !important
}

.cdo .mr-60 {
    margin-right: 60px !important
}

.cdo .mb-60 {
    margin-bottom: 60px !important
}

.cdo .ml-60 {
    margin-left: 60px
}

.cdo .pt-90 {
    padding-top: 90px
}

.cdo .pr-90 {
    padding-right: 90px
}

.cdo .pb-90 {
    padding-bottom: 90px
}

.cdo .pl-90 {
    padding-left: 90px
}

.cdo .mt-90 {
    margin-top: 90px
}

.cdo .mr-90 {
    margin-right: 90px
}

.cdo .mb-90 {
    margin-bottom: 90px
}

.cdo .ml-90 {
    margin-left: 90px
}