/*! 6710 12/05/2019 1:07 PM; Copyright 2019 USAA. All Rights Reserved. */
.flow-wrapper,body {
    font-size: 100%
}

.noindex {
    margin-bottom: 4px
}

.main-content {
    padding: 0;
    width: 100%
}

.wcm-content {
    font-size: 100%;
    font-family: "Gotham Narrow",Arial,sans-serif;
    position: relative;
    color: #424951
}

.display-table {
    display: table!important
}

.display-flex {
    display: flex;
    justify-content: center;
    align-items: center
}

.justify-content-flex-start {
    justify-content: flex-start
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute!important
}

.line-height-1 {
    line-height: 1
}

.content-ctr,.page-content,.site-content {
    width: 970px!important;
    max-width: 970px!important;
    margin: 0 auto;
    padding: 0
}

.site-header-ia {
    left: 30px!important;
    position: absolute
}

.site-header-section {
    width: 100%;
    max-width: 970px;
    margin: auto;
    height: 80px
}

.site-footer-section {
    max-width: 970px
}

.card--halves .card--dark,.card--static .card,.card--thirds .card--dark {
    -webkit-flex-basis: 40%
}

a,a:link,a:visited {
    /* text-decoration:none!important; */
}

a:focus {
    /* outline-color:#1e91c1; */
}

.page-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

div {
    display: block
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

h1 {
    margin-bottom: 15px
}

.h3,.p,.paragraph,h2,h3,h4,h5,h6,p {
    line-height: normal;
    margin-bottom: 15px;
    -webkit-font-smoothing: antialiased;
    text-shadow: none!important;
    color: #424951;
    font-weight: 400
}

[class*=content-section]:not(.information-block) h2 {
    margin-bottom: 45px
}

[class*=content-section]:not(.information-block) div:not(.full-card) h2+p,[class*=content-section]:not(.information-block)>h2+p {
    margin-top: -35px;
    margin-bottom: 45px
}

.h3 {
    display: block
}

.p,.paragraph,p {
    font-family: "Gotham Narrow",Arial,sans-serif;
    line-height: 1.6;
    display: block;
    font-size: 1em
}

ul li {
    line-height: 1.6
}

.page-wrapper ul {
    font-weight: 400;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    text-shadow: none!important
}

li {
    font-weight: 400;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    text-shadow: none!important
}

h1 {
    font-size: 1em;
    line-height: 1.2
}

h2 {
    font-family: "Mercury Display",Times,serif;
    font-size: 2.5em;
    text-transform: none;
    position: relative;
    line-height: 1.2
}

.h3,h3 {
    font-size: 1.1em;
    color: #12395b;
    font-weight: 600
}

.page-wrapper a {
    font-size: 1em;
    font-weight: 500;
    color: #086b94;
    text-decoration: none;
    text-shadow: none;
    font-family: "Gotham Narrow",Arial,sans-serif
}

#helpMeChoose .hidden,.tool-container .hidden {
    visibility: visible
}

.prepend-top-6 #startOverButton {
    position: absolute;
    bottom: 84px;
    right: 490px
}

.tableTiers {
    border: none;
    min-width: 0;
    width: 100%;
    max-width: 100%
}

ul {
    font-size: 1em
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.bold {
    font-weight: 700
}

.font-weight-400 {
    font-weight: 400!important
}

.font-weight-500 {
    font-weight: 500!important
}

.font-weight-600 {
    font-weight: 600!important
}

.font-weight-700 {
    font-weight: 700!important
}

.font-weight-800 {
    font-weight: 800!important
}

.font-size-0-5 {
    font-size: .5em!important
}

.font-size-0-6 {
    font-size: .6em!important
}

.font-size-0-7 {
    font-size: .7em!important
}

.font-size-0-7-2 {
    font-size: .72em!important
}

.font-size-0-8 {
    font-size: .8em!important
}

.font-size-0-9 {
    font-size: .9em!important
}

.font-size-1 {
    font-size: 1em!important
}

.font-size-1-1 {
    font-size: 1.1em!important
}

.font-size-1-1-5 {
    font-size: 1.15em!important
}

.font-size-1-1-8 {
    font-size: 1.18em!important
}

.font-size-0-8-3 {
    font-size: .83em!important
}

.font-size-1-2 {
    font-size: 1.2em!important
}

.font-size-1-3 {
    font-size: 1.3em!important
}

.font-size-1-4 {
    font-size: 1.4em!important
}

.font-size-1-5 {
    font-size: 1.5em!important
}

.font-size-1-7 {
    font-size: 1.7em!important
}

.font-size-1-6 {
    font-size: 1.6em!important
}

.font-size-2 {
    font-size: 2em!important
}

.font-size-3 {
    font-size: 3em!important
}

.font-size-3-2 {
    font-size: 3.2em!important
}

.font-size-4 {
    font-size: 4em!important
}

.font-size-5 {
    font-size: 5em!important
}

.font-size-2-3 {
    font-size: 2.3em!important
}

.font-size-2-5 {
    font-size: 2.5em!important
}

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

.font-gotham {
    font-family: Gotham
}

.z-index-9 {
    z-index: 9;
    position: relative
}

[class^=glyph-] {
    font-size: 1em
}

.paragraph {
    display: block
}

.banner .subheading,.banner h2 {
    word-spacing: .05em;
    letter-spacing: -.01em;
    text-shadow: 0 2px 2px rgba(15,30,49,.7)!important;
    max-width: 80%;
    line-height: 1.1;
    font-family: "Mercury Display",Times,serif;
    font-size: 3em;
    color: #fff;
    margin-bottom: 18px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.banner p {
    position: relative;
    font-size: 1.3em;
    margin: 0 auto;
    margin-bottom: 22px;
    width: 80%;
    line-height: 1.33;
    color: #e0dedc
}

.text-center {
    text-align: center!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.no-margin {
    margin: 0!important
}

.no-padding {
    padding: 0!important
}

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

.no-padding-bottom {
    padding-bottom: 0!important
}

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

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

.no-border-bottom,.no-border-bottom td {
    border-bottom: none
}

div[class^=content-section] {
    background: #fff;
    position: relative;
    font-family: "Gotham Narrow",Arial,sans-serif;
    overflow: hidden
}

.content-section-sm {
    padding: 30px
}

.content-section-md {
    padding: 60px
}

.content-section-lrg {
    padding: 90px
}

.content-section-xlrg {
    padding: 120px
}

.content-section-sm-md {
    padding: 30px 60px!important
}

.content-section-sm-lrg {
    padding: 30px 90px!important
}

.content-section-sm-xlrg {
    padding: 30px 120px
}

.content-section-md-sm {
    padding: 60px 30px
}

.content-section-md-lrg {
    padding: 60px 90px
}

.content-section-md-xlrg {
    padding: 60px 120px
}

.content-section-lrg-sm {
    padding: 90px 30px
}

.content-section-lrg-md {
    padding: 90px 60px
}

.content-section-lrg-xlrg {
    padding: 90px 120px
}

.content-section-xlrg-sm {
    padding: 120px 30px
}

.content-section-xlrg-md {
    padding: 120px 60px
}

.content-section-xlrg-lrg {
    padding: 120px 90px
}

div[class^=content-section] .content-header {
    margin-bottom: 45px
}

.row {
    padding: 15px 0;
    width: 100%
}

.functional .row {
    padding: 30px 0
}

.row-header,.row-sub-header {
    padding: 30px
}

.functional .row-header h2 {
    font-size: 20px;
    font-weight: 400;
    font-family: "Gotham Narrow",Arial,sans-serif;
    text-align: left;
    color: #fff;
    margin-bottom: 0
}

.functional .row-sub-header h3 {
    margin-bottom: 0;
    color: #12395b
}

.row:last-of-type {
    padding-bottom: 0
}

.row:first-of-type {
    padding-top: 0
}

.linkContainer.primaryButton a {
    background: rgba(0,0,0,0);
    border-radius: 3px;
    border: 2px solid rgba(158,174,185,.5);
    color: #fff!important;
    display: inline-block;
    position: relative;
    font-family: Gotham,Arial,sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    padding: 1.125em 1.875em;
    text-decoration: none!important;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    transition: background .25s ease 0s,box-shadow .5s ease 0s;
    z-index: 1;
    margin: 0
}

.linkContainer.grayBtn a,.linkContainer.greenBtn a {
    font-weight: 400!important;
    text-shadow: none;
    font-size: 16px!important;
    border: none!important
}

.grayBtn a,.greenBtn a {
    border: none!important;
    text-shadow: none!important;
    box-shadow: none!important;
    min-width: 128px
}

.greenBtn {
    border: 1px solid rgba(158,174,185,.5)!important;
    margin: 45px auto 0;
    display: table;
    background: #54732d;
    border-radius: 3px
}

.greenBtn:hover {
    border: none;
    background: #435f21;
    box-shadow: none;
    text-shadow: none
}

.linkContainer.primaryButton.greenBtn a:hover {
    background: inherit;
    border: 2px solid #435f21;
    box-shadow: none
}

.grayBtn {
    border: none;
    margin: 45px auto 0;
    display: table;
    background: #f2f3f3;
    border-radius: 3px
}

.grayBtn:hover {
    border: none;
    background: #edecea;
    box-shadow: none;
    text-shadow: none
}

.linkContainer.primaryButton.grayBtn a:hover {
    background: inherit;
    border: 2px solid #edecea;
    box-shadow: none
}

.linkContainer.primaryButton.grayBtn a {
    color: #424951!important
}

,.functional .banner .banner-content>:first-child,.functional .banner>:first-child,.row>:first-child,div[class*=content-section]>:first-child {
    margin-top: 0!important
}

.p:last-child,p:last-child {
    margin-bottom: 0!important
}

.banner-content:last-child {
    margin-bottom: 0
}

.banner {
    padding-top: 400px
}

.functional .banner>:last-child,.row>:last-child,div[class*=content-section]>:first-child.row {
    margin-bottom: 0!important
}

.information-block {
    background: #0d2f4b
}

.information-block a,.information-block h2,.information-block p {
    color: #fff!important;
    text-align: left!important
}

.information-block h2 {
    font-size: 1.23em!important;
    font-weight: 700!important;
    font-family: "Gotham Narrow",Arial,sans-serif;
    margin-bottom: 15px
}

.information-block p {
    font-size: 1em
}

.information-block a {
    text-decoration: underline!important
}

.display-none {
    display: none
}

.card {
    border: 1px solid transparent
}

.card-pack.three-pack .card:nth-child(3n-2) {
    margin-left: 0
}

.card-pack.three-pack .card:nth-child(3n) {
    margin-right: 0
}

.card-pack.two-pack .card:nth-child(2n-1) {
    margin-left: 0
}

.card-pack.two-pack .card:nth-child(2n) {
    margin-right: 0
}

.secondaryNav,.secondaryNav .mainNav,.secondaryNav .subNav {
    width: 100%;
    display: inline-block;
    text-align: left
}

.secondaryNav {
    font-size: .75em;
    background: #112940;
    position: relative;
    z-index: 2;
    margin-bottom: 90px;
    border-top: 1px solid #496a7a
}

.top-call-out .secondaryNav {
    margin-bottom: 4px
}

.secondaryNav .mainNav ul,.secondaryNav .mainNav ul li,.secondaryNav .subNav ul,.secondaryNav .subNav ul li {
    list-style: none;
    display: inline-block
}

.secondaryNav .subNav {
    background: #edecea;
    display: none
}

.secondaryNav .mainNav ul,.secondaryNav .subNav ul {
    padding-left: 70px;
    margin: 0
}

.secondaryNav .mainNav ul li,.secondaryNav .subNav ul li {
    padding: 0;
    margin: 0
}

.secondaryNav .mainNav ul li a,.secondaryNav .subNav ul li a {
    color: #fff;
    padding: 25px 15px;
    display: block
}

.secondaryNav .subNav ul li a {
    color: #086b94
}

.secondaryNav .mainNav ul li a {
    font-weight: 400;
    max-height: 69px
}

.secondaryNav .mainNav ul li.selected-link .activeSubNav {
    border: none;
    min-height: 69px
}

.secondaryNav .subNav .selected-link a:after {
    content: '';
    border-bottom: 3px solid #086b94;
    height: 100%;
    width: 100%;
    display: block
}

.secondaryNav .mainNav ul li a:hover {
    background-color: initial
}

.page-content a {
    position: relative
}

a:hover::after {
    content: '';
    border-bottom: .1px solid transparent!important;
    bottom: 5%;
    width: 100%;
    left: 0;
    right: 0;
    position: absolute
}

.secondaryNav .mainNav ul li .subNav a:hover {
    text-decoration: none
}

.secondaryNav .mainNav ul li .subNav a:hover {
    background-color: initial
}

.secondaryNav .mainNav ul li .subNav li:hover a:after {
    content: '';
    border-bottom: 3px solid #086b94!important;
    height: 100%;
    width: 100%;
    display: block;
    position: static
}

.secondaryNav .activeSubNav {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5.79em
}

.secondaryNav .toggle {
    display: none
}

.display-block {
    display: block
}

.no-min-width {
    min-width: 0!important;
    min-width: unset!important
}

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

.warm-gray-light-background {
    background: #edecea!important
}

.warm-gray-md-background {
    background: #e0dedc!important
}

.cool-gray-light-background {
    background: #f2f3f3!important
}

.core-blue-md-background {
    background: #0d2f4c!important
}

.core-blue-dark-background {
    background-color: #0f1e31!important
}

.core-blue-background {
    background: #12395b!important
}

.dark-blue-background {
    background: #12627b!important
}

.light-gray-background {
    background: #a1b1bc!important
}

.slight-light-gray-background {
    background: rgba(161,177,188,.5)!important
}

.active-blue-light-background {
    background: #1e91c1!important
}

.jacobra-blue-background {
    background-color: #14637c!important
}

.medium-green-background {
    background-color: #868d47!important
}

.medium-brown-text {
    color: #996c40!important
}

.medium-blue-text {
    color: #57879d!important
}

.yellow-text {
    color: #fac705!important
}

.cool-gray-md-text {
    color: #676a6e!important
}

.cool-gray-drk-text {
    color: #424951!important
}

.core-blue-text {
    color: #12395b!important
}

.core-blue-dark-text {
    color: #0f1e31!important
}

.light-blue-text {
    color: #6999af!important
}

.active-blue-light-text {
    color: #007fac!important
}

.active-blue-dark-text {
    color: #086b94!important
}

.light-gray-text {
    color: #a1b1bc!important
}

.dark-gray-text {
    color: #496a7a!important
}

.md-blue-text {
    color: #57879d!important
}

.white-text {
    color: #fff!important
}

.warm-gray-light-text {
    color: #edecea!important
}

.warm-gray-medium-text {
    color: #e0dedc!important
}

.warm-gray-dark-text {
    color: #d0cfce!important
}

.active-green-text {
    color: #54732d!important
}

.core-blue-md-text {
    color: #0d2f4c!important
}

.light-gray-border {
    border-color: #a1b1bc!important
}

.md-blue-border {
    border-color: #57879d!important
}

.yellow-border {
    border-color: #fac705!important
}

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

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

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

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

.margin-bottom-15 {
    margin-bottom: 15px!important
}

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

.margin-bottom-45 {
    margin-bottom: 45px!important
}

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

.margin-bottom-90 {
    margin-bottom: 90px!important
}

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

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

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

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

.margin-auto {
    margin-left: auto!important;
    margin-right: auto!important;
    display: block
}

.margin-auto-no-block {
    margin-left: auto!important;
    margin-right: auto!important
}

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

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

.dotcom-padding-left-60 {
    padding-left: 60px!important
}

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

.padding-15 {
    padding: 15px
}

.padding-30 {
    padding: 30px
}

.padding-45 {
    padding: 45px
}

.padding-60 {
    padding: 60px
}

.padding-90 {
    padding: 90px
}

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

.padding-bottom-20 {
    padding-bottom: 20px!important
}

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

.padding-bottom-45 {
    padding-bottom: 45px!important
}

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

.padding-bottom-90 {
    padding-bottom: 90px!important
}

.padding-120 {
    padding: 120px
}

.padding-sm {
    padding: 3.1%
}

.padding-md {
    padding: 6.2%
}

.padding-lrg {
    padding: 9.3%
}

.padding-lrg-md {
    padding: 7.7% 6.2%
}

.padding-md-lrg {
    padding: 4.6% 9.3%
}

.padding-left-right-sm {
    padding-right: 3.1%;
    padding-left: 3.1%
}

.padding-left-right-md {
    padding-right: 6.2%;
    padding-left: 6.2%
}

.padding-left-right-lrg {
    padding-right: 9.3%;
    padding-left: 9.3%
}

.padding-top-bottom-sm {
    padding-top: 3.1%;
    padding-bottom: 3.1%
}

.padding-top-bottom-md {
    padding-top: 6.2%;
    padding-bottom: 6.2%
}

.padding-top-bottom-lrg {
    padding-top: 9.3%;
    padding-bottom: 9.3%
}

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

.padding-top-45 {
    padding-top: 45px!important
}

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

.padding-top-90 {
    padding-top: 90px!important
}

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

.padding-bottom-45 {
    padding-bottom: 45px!important
}

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

.functional .banner .primaryButton {
    margin-bottom: 15px
}

.functional .banner p {
    margin-bottom: 30px
}

.banner .linkContainer.primary_cta {
    margin-top: 15px
}

.banner .linkContainer.primary_cta a {
    margin: 0
}

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

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.linkContainer.primaryButton a {
    background: rgba(0,0,0,0);
    border-radius: 3px;
    border: 2px solid rgba(158,174,185,.5);
    color: #fff!important;
    display: inline-block;
    position: relative;
    font-family: Gotham,Arial,sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    padding: 1.125em 1.875em;
    text-decoration: none!important;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    transition: background .25s ease 0s,box-shadow .5s ease 0s;
    z-index: 1;
    margin: 0
}

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

.linkContainer.filledButton a {
    background: #f6f6f5;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    font-family: Gotham,Arial,sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    padding: 1.125em 1.875em;
    text-decoration: none!important;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    transition: background .25s ease 0s,box-shadow .5s ease 0s;
    z-index: 1;
    margin: 0;
    text-shadow: none;
    text-transform: none;
    font-size: 1em;
    box-shadow: 0 3px 1px 0 rgba(158,174,186,.5)
}

.linkContainer.filledButton a:hover {
    background: #f6f6f5;
    box-shadow: 0 0 5px 0 rgba(158,174,186,.5);
    text-decoration: none!important
}

.functional .banner {
    text-align: center;
    background-image: none;
    text-shadow: none;
    background-color: #12395b
}

.functional .banner:before {
    background: 0 0
}

.functional .banner h1 {
    font-family: "Gotham Narrow",Arial,sans-serif;
    color: #fff;
    font-size: 2.5em;
    text-transform: initial
}

.functional .banner h2 {
    font-family: "Gotham Narrow",Arial,sans-serif;
    color: #fff;
    font-weight: 500;
    font-size: 2.5em;
    margin-bottom: 15px;
    max-width: 90%
}

.functional .banner p {
    font-size: 1.4em;
    color: #e0dedc
}

.functional .banner .button {
    font-size: 1em;
    color: #fff
}

.row-border {
    border-bottom: 1px solid #e0dedc
}

.border-top {
    border-top: 1px solid #e0dedc
}

.functional h1 {
    font-size: 1.9em;
    margin-bottom: 15px;
    font-weight: 600;
    color: #fff;
    padding: 0 30px
}

.functional h2 {
    font-family: "Gotham Narrow",Arial,sans-serif;
    color: #12395b;
    font-weight: 500;
    font-size: 2.1em;
    text-align: center;
    margin-bottom: 45px
}

.functional h4 {
    color: #12395b;
    font-weight: 800;
    font-size: 1.125em
}

.functional .header-with-sub h4,.functional h3 {
    font-family: "Gotham Narrow",Arial,sans-serif;
    color: #12395b;
    font-weight: 700;
    font-size: 1.25em
}

.banner-feature h1,.high-brand-banner h1 {
    font-size: 1em;
    color: #fac705
}

.high-brand-banner h2 {
    font-size: 2.8em;
    color: #fff;
    font-family: "Mercury Display",Times,serif
}

.high-brand-banner p {
    font-size: 1.4em;
    color: #e0dedc
}

.high-brand-banner .button {
    font-size: 1em;
    color: #fff
}

.reach-a-rep-banner {
    padding-bottom: 0!important
}

.phone.section-ctr-2 a,.reach-a-rep {
    margin: 9.3% 0 0
}

div.reach-a-rep {
    text-align: center;
    padding: 18px 1.8em 22px;
    color: #fff;
    position: relative;
    text-decoration: none;
    font-family: "Gotham Narrow",Arial,sans-serif;
    font-weight: 500;
    display: block;
    background-color: rgba(13,35,58,.3)
}

.banner .phone.section-ctr-2 {
    width: 100%
}

.phone.section-ctr-2 a,a.reach-a-rep,eva.reach-a-rep {
    text-align: center;
    padding: 18px 1.8em;
    color: #fff;
    position: relative;
    text-decoration: none;
    font-family: "Gotham Narrow",Arial,sans-serif;
    font-weight: 500;
    display: block;
    font-size: 16px;
    background-color: rgba(13,35,58,.3)
}

.phone.section-ctr-2 a:hover,a.reach-a-rep:hover,eva.reach-a-rep:hover {
    background-color: rgba(13,35,58,.9);
    color: #fac705
}

.banner .reach-a-rep img,.reach-a-rep span[class*=usaa-glyph] {
    position: relative;
    bottom: -4px;
    z-index: 9;
    height: 26px;
    font-size: 1.6em;
    margin-right: 8px
}

.call-a-rep.link {
    display: none
}

.banner-feature,.call-a-rep {
    background-color: rgba(15,30,49,.3);
    font-family: Gotham,Arial,sans-serif;
    padding: 1.5em;
    font-weight: 700;
    font-size: 1em;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    margin-top: calc(9.3% - 15px);
    position: relative;
    z-index: 2
}

.call-a-rep {
    margin-top: 90px
}

.call-a-rep p {
    color: #fff
}

.banner.with-secondary-cta .call-a-rep {
    margin-top: 6.2%
}

.banner.top-call-out .secondaryNav {
    margin-bottom: 0!important
}

.banner.with-secondary-cta {
    padding-bottom: 6.2%
}

.banner .call-a-rep p {
    font-size: 1em;
    margin-bottom: 0;
    font-weight: 500;
    font-family: Gotham Narrow,Arial,sans-serif
}

.call-a-rep p {
    line-height: 1.3em;
    font-size: 1em
}

.call-a-rep a.yellow-text {
    white-space: nowrap
}

.visible-sm {
    display: none!important
}

.hidden-sm {
    display: initial
}

.hidden {
    visibility: hidden
}

.two-pack {
    width: 100%;
    padding: 0
}

.two-pack ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%
}

.two-pack ul li {
    padding: 0 0;
    width: 100%;
    list-style-type: none;
    float: left;
    box-sizing: border-box;
    margin-right: 45px;
    margin-left: 0;
    margin-bottom: 0
}

.two-pack ul li:nth-child(2n) {
    margin-right: 0
}

.two-pack ul li>a {
    width: 100%;
    display: block;
    padding: 45px 0;
    background: #fff;
    text-align: center;
    height: auto;
    border: none;
    margin-bottom: 0;
    text-decoration: none
}

.content-section-sm.two-pack {
    padding: 3.1%
}

.content-section-md.two-pack {
    padding: 6.2%
}

.content-section-lrg.two-pack {
    padding: 9.3%
}

.two-pack ul li {
    width: calc(50% - 22.5px);
    margin-right: 45px;
    margin-left: 0;
    margin-top: 22px
}

.four-pack {
    width: 100%;
    padding: 0
}

.four-pack ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%
}

.four-pack ul li {
    padding: 0 0;
    width: calc(50% - 22.5px);
    list-style-type: none;
    float: left;
    box-sizing: border-box;
    margin-right: 45px;
    margin-left: 0;
    margin-top: 45px
}

.four-pack ul li:nth-child(2n) {
    margin-right: 0
}

.four-pack ul li>a {
    width: 100%;
    display: block;
    padding: 45px 0;
    background: #fff;
    text-align: center;
    height: auto;
    border: none;
    margin-bottom: 0;
    text-decoration: none
}

.content-section-sm.four-pack {
    padding: 3.1%
}

.content-section-md.four-pack {
    padding: 6.2%
}

.content-section-lrg.four-pack {
    padding: 9.3%
}

#IMCO_Mobile .gray-note {
    background-color: #edecea;
    padding: .5em 2%;
    margin: 1em 0
}

#IMCO_Mobile .gray-note p {
    margin: .5em;
    font-size: 1em
}

#list-filter {
    z-index: 1000000
}

#list-filter .filter-header-section {
    background: #00647a
}

.ecSimple-contentShowing {
    display: block;
    margin-top: 0
}

#IMCO_Mobile_Menu a.ecSimple-clickBar.ecSimple-ecShowing {
    text-align: center
}

.split-diamond .details.money {
    align-items: inherit
}

.split-diamond .details.money .diamond {
    top: calc(34% - 25px)
}

#category-filters.ecSimple-contentShowing>span,#list-filter .filter-header-section h2 {
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    text-align: left;
    padding: 1.2em 2em;
    font-size: 1.25em;
    line-height: 1.16
}

.ecSimple-contentShowing,.ecSimple-ecText {
    font-size: 1em
}

#category-filters.ecSimple-contentShowing>span {
    font-family: "Gotham Narrow",Arial,sans-serif!important;
    color: #fff;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: -3.6em;
    z-index: 2147483647;
    background: #00647a;
    width: 75%
}

#list-filter a.ecSimple-clickBar.ecSimple-ecCollapsed {
    right: 0;
    padding: 24px 60px;
    margin-bottom: 0;
    background: #000
}

#list-filter a.ecSimple-clickBar.ecSimple-ecCollapsed,#list-filter a.ecSimple-clickBar.ecSimple-ecShowing,a.ecSimple-clickBar.ecSimple-ecShowing {
    background-color: #005e74;
    padding: 1.6em 0;
    right: 0;
    text-align: left;
    top: 0;
    z-index: 1000;
    width: 25%;
    color: #fff;
    padding-right: 35px;
    padding-left: 16px;
    position: absolute
}

#list-filter .ecSimple-textContent {
    margin-left: 0;
    z-index: 2147483647!important
}

#category-filters {
    margin-top: 4.5em;
    overflow: visible;
    position: absolute;
    width: 100%;
    z-index: 2147483647;
    background: #fff
}

ul#category-list {
    background: #fff;
    clear: both;
    float: left;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    z-index: 0;
    box-shadow: -1px 1px 13px 0 #565656
}

#category-list li {
    clear: both;
    display: block;
    float: left;
    width: 100%
}

ul#category-list li a {
    border-bottom: 1px solid #ccc;
    color: #086b94;
    display: block;
    float: left;
    font-family: "Gotham Narrow",Arial,sans-serif;
    font-weight: 600;
    padding: 1.5em 2.5em;
    text-decoration: none;
    width: 100%;
    margin-bottom: 0
}

ul#category-list .selected a::before {
    right: 3.28em;
    top: 50%;
    width: 1em;
    -ms-transform: rotate(-49deg);
    -webkit-transform: rotate(-49deg);
    transform: rotate(-49deg)
}

ul#category-list .selected a::after {
    right: 3.9em;
    top: 54%;
    width: .59em;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

ul#category-list .selected a::after,ul#category-list .selected a::before {
    content: "";
    background-color: #54732d;
    color: #54732d;
    display: inline-block;
    height: .3em;
    outline: transparent solid 1px;
    border-radius: 1px;
    position: absolute;
    left: unset
}

ul#category-list li a em {
    font-size: 1.4em
}

#category-filters.ecSimple-contentShowing {
    -moz-animation-name: menu-drop-down-box;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: .2s;
    -webkit-animation-name: menu-drop-down-box;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: .2s;
    animation-name: menu-drop-down-box;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .2s
}

#category-menu-wrap a.ecSimple-clickBar.ecSimple-ecShowing span.overlay {
    background-color: #0f1e31;
    display: block;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.yui3-u {
    width: 100%
}

.button-list {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%
}

.button-list .header h3 {
    display: inline-block;
    padding: 15px 30px;
    margin: 0;
    font-size: 1em;
    color: #424951;
    font-weight: 600
}

.button-list .header h3:last-child {
    float: right
}

.button-list .list-item {
    padding: 22px 30px;
    display: flex;
    border-top: 1px solid #e0dedc;
    align-items: center;
    justify-content: space-between
}

.button-list .list-item h3 {
    font-size: 1.375em;
    font-weight: 500!important;
    font-family: "Gotham Narrow",Arial,sans-serif;
    color: #086b94;
    display: inline-block;
    margin-bottom: 0
}

.button-list .list-item p {
    display: inline-block;
    font-size: 1.125em;
    width: 63%;
    margin: 0
}

.button-list .list-item .buttonContainer {
    min-width: 220px
}

.button-list .list-item .buttonContainer .button {
    text-decoration: none!important;
    border-radius: 3px;
    position: relative;
    overflow: visible;
    transition: opacity .5s;
    border: 1px solid #d0cfce;
    background: linear-gradient(to bottom,#f7f7f6 0,#eceae8 100%);
    box-shadow: inset 0 1px 0 #fafaf9;
    text-shadow: 0 1px 1px rgba(255,255,255,.8);
    display: block
}

.button-list .list-item .buttonContainer .button>a {
    padding: .7em 1.2em!important;
    display: block;
    margin-bottom: 0;
    color: #676a6e;
    font-size: 1em;
    font-weight: 400
}

.banner {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #0d2f4c;
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/prodOther_accent_brandBanner_diamondBackground.svg);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover!important;
    color: #e0dedc;
    display: block;
    margin: auto;
    position: relative;
    text-align: center;
    text-shadow: 0 2px 2px rgba(15,30,49,.5);
    padding: 0 0 90px 0
}

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

.banner .banner-stripe1 {
    width: 5px
}

.banner .banner-stripe1::after,.banner .banner-stripe2::after {
    content: "";
    top: 521px
}

.banner .banner-stripe1,.banner .banner-stripe1::after {
    position: absolute;
    top: auto!important;
    left: 8px;
    height: 121px!important
}

.banner .banner-stripe1::after {
    width: 3px
}

.banner-stripe1,.banner-stripe1::after {
    background: #80000b
}

.banner .banner-stripe2 {
    left: 8px;
    width: 5px;
    height: 100%;
    top: 162px
}

.banner .banner-stripe2::after {
    top: 0;
    left: 8px;
    width: 3px;
    height: 100%;
    background: #80000b;
    content: "";
    position: absolute
}

.banner .banner-stripe1,.banner .banner-stripe2 {
    background: #ab070d;
    position: absolute
}

.banner .banner-starIcon {
    background: url(https://content.usaa.com/mcontent/static_assets/Media/brand-banner-star.svg) rgba(0,0,0,0);
    height: 28px;
    position: absolute;
    top: 127px!important;
    width: 28px
}

.banner h1,.banner h1.gold-heading,.banner-feature h1 {
    position: relative;
    color: #f9c705;
    font-weight: 500;
    font-size: 1em;
    font-family: "Gotham Narrow",Arial,sans-serif
}

.banner-feature p {
    font-weight: 400;
    font-family: "Gotham Narrow",Arial,sans-serif
}

.functional .banner .linkContainer.primaryButton a {
    margin-top: 0
}

.banner .linkContainer.primaryButton a,.functional .banner .linkContainer.primaryButton a,.mobile-rw-closing-block .linkContainer.primaryButton a {
    background: rgba(0,0,0,0);
    border-radius: 3px;
    border: 2px solid rgba(158,174,185,.5);
    color: #fff!important;
    display: inline-block;
    position: relative;
    font-family: Gotham,Arial,sans-serif;
    font-size: 1em;
    font-weight: 500;
    padding: 18px 30px;
    text-decoration: none!important;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    transition: background .25s ease 0s,box-shadow .5s ease 0s;
    z-index: 1
}

.mobile-rw-closing-block .linkContainer.primaryButton a {
    text-shadow: none!important
}

.banner .linkContainer.primaryButton a:focus,.banner .linkContainer.primaryButton a:hover,.functional .banner .linkContainer.primaryButton a:focus,.functional .banner .linkContainer.primaryButton a:hover,.mobile-rw-closing-block .linkContainer.primaryButton a:focus,.mobile-rw-closing-block .linkContainer.primaryButton a:hover {
    background: rgba(1,7,13,.25);
    border: 2px solid rgba(138,205,255,.5);
    box-shadow: 0 0 5px 0 rgba(158,174,186,.5);
    text-decoration: none!important
}

.banner .linkContainer.primary_cta a,.mobile-rw-closing-block .linkContainer.primary_cta a {
    display: inline-block;
    font-size: 1.1em;
    position: relative;
    color: #fff!important;
    text-decoration: none;
    font-weight: 100;
    text-align: left;
    margin-top: 0;
    font-family: "Gotham Narrow",Arial,sans-serif
}

.banner-feature {
    padding: 4.65% 3.1% 3.1%;
    margin-top: 69px!important;
    margin-bottom: 60px!important
}

.banner.bottom-banner {
    padding-top: 90px
}

.site-header {
    height: auto!important;
    margin-bottom: -4px;
    border-bottom: none;
    box-shadow: none;
    z-index: 3!important
}

.site-header-ia {
    position: relative;
    left: 1em!important;
    width: inherit
}

.site-header:after {
    display: none
}

.site-header-ia:before {
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/globalIcon-starAndStripe-double-vertical.svg);
    background-repeat: no-repeat;
    background-position: -9px 0;
    content: " ";
    width: 12px;
    height: 122px;
    position: absolute;
    top: -76px
}

.site-header .site-logo {
    width: 60px!important;
    height: 60px!important;
    top: -23px;
    left: 22px;
    display: block;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    border: none;
    background: 0 0;
    box-shadow: none;
    border-radius: 0
}

.site-header .site-logo .liner {
    left: 0;
    width: 63px;
    height: 60px;
    top: inherit;
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/enterprise_nav_globalnav_usaalogo.svg)!important;
    background-size: 51px auto!important
}

.site-header .site-header-content {
    width: 100%!important;
    padding: 1.9em 1em 0;
    font-size: 18px!important;
    box-sizing: border-box
}

.global-footer,.global-header,.site-header {
    background-color: #112940!important
}

.site-header-ia div#logOnButton {
    left: inherit
}

.button-logon {
    float: right;
    margin-top: -13px
}

.button-3,.button-logoff,.button-logon {
    color: #112940;
    text-decoration: none;
    text-shadow: 0 2px rgba(239,239,239,.5);
    padding: 10px;
    border-radius: 2px;
    background-color: #e3e3e3;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e3e3e4),to(rgba(160,160,160,.99)));
    background-image: -moz-linear-gradient(top,#ebebeb,#9c9e9d);
    background-image: -ms-linear-gradient(top,#ebebeb,#9c9e9d);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,.15),0 -1px 1px rgba(232,232,232,.6);
    font-family: Gotham,Arial,Sans-serif;
    font-size: 14px;
    font-weight: 700
}

.banner .stripesContainer,.banner-feature .stripesContainer {
    width: 28px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 21px;
    z-index: 1
}

.banner .starAndStripe,.banner-feature .starAndStripe {
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/globalIcon-starAndStripe-double-vertical.svg);
    background-repeat: no-repeat;
    background-position: 0 -407px;
    position: absolute;
    height: 100%;
    width: 30px
}

.consolidated-pri .red-stripe:before,.consolidated-pub .red-stripe:before {
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/globalIcon-starAndStripe-double-vertical.svg)
}

.banner.bottom-banner .starAndStripe {
    background-position: 0 -569px!important
}

.banner-feature .starAndStripe {
    background-position: 0 -400px
}

.horizontalStripesContainer {
    display: none;
    padding-top: 16px
}

.banner .starAndStripe-horizontal {
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/globalIcon-starAndBars-horizontal.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    position: absolute;
    height: 26px;
    width: calc(100% - 30px);
    margin: auto;
    left: 0;
    right: 0
}

.page-wrapper .modal-wrapper {
    position: absolute;
    margin: 0 auto;
    width: 70%;
    padding: 0;
    background: #fff;
    border: 0 solid transparent;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border-radius: 6px;
    box-shadow: 0 0 16px #333;
    outline: transparent solid 1px;
    float: left;
    border-collapse: separate;
    -moz-outline-radius: 6px;
    left: 0;
    right: 0;
    max-width: 800px
}

.page-wrapper .modal-liner button#close {
    width: 70px;
    color: #333940!important;
    border: 1px solid #cfccca;
    background: linear-gradient(to bottom,#f7f7f6 0,#eceae8 100%);
    box-shadow: inset 0 1px 0 #fafaf9;
    font-weight: 500;
    transition: opacity .5s;
    text-shadow: 0 1px 1px rgba(255,255,255,.8)
}

.page-wrapper .modal-liner button#close {
    transition: opacity .5s;
    text-shadow: 0 1px 1px rgba(255,255,255,.8)
}

.page-wrapper .modal-button-close {
    border: none;
    box-shadow: none;
    color: transparent;
    display: block;
    font-size: 13pt;
    line-height: .5em;
    position: absolute;
    right: 29px!important;
    top: 27px!important;
    background: none url(https://content.usaa.com/mcontent/static_assets/Media/globalIcon-imco-modal-close.png);
    height: 1.8em
}

.page-wrapper .modal-wrapper h2.sctn-heading {
    border-bottom: 1px solid #ccc;
    color: #12395b!important;
    font-size: 1.5em!important;
    font-weight: 700!important;
    padding-bottom: 20px;
    text-align: center;
    font-family: "Gotham Narrow",Arial,sans-serif!important
}

.page-wrapper .modal-wrapper .modal-liner {
    padding: 15px 0
}

.page-wrapper .modal-wrapper .modal-container {
    margin: 0 auto;
    max-width: inherit;
    background: #fff;
    box-shadow: 0 1px 12px #111;
    position: relative;
    padding: 30px
}

.ec_v1 .c-label,.ec_v1 .ec-active .e-label {
    display: inline;
    visibility: visible;
    color: #086b94;
    font-weight: 600
}

.ec_v1 .ec-content {
    display: inline-block;
    width: 100%
}

.txt-age-info {
    white-space: nowrap;
    padding-left: 5px
}

.ec_v1 .c-label,.ec_v1 .ec-active .e-label,.ec_v1 .ec-content .ec-hd,.imco-ts-modal-content h2,.imco-ts-modal-content h3,.imco-ts-modal-content p {
    font-family: "Gotham Narrow",Arial,sans-serif!important;
    font-size: 1.18em;
    text-align: left
}

.ec_v1 .e-label,.ec_v1 .ec-active .c-label {
    display: none;
    visibility: hidden
}

.ec_v1 .ec-content {
    background-image: none;
    background: rgba(0,0,0,0)
}

.ec_v1 .ec-content .ec-hd a,.ec_v1 .ec-content .ec-hd a:hover {
    text-decoration: none!important
}

.ec_v1 .c-label,.ec_v1 .ec-active .e-label {
    display: block;
    visibility: visible
}

div#idb.yui3-bd.ec-bd {
    height: auto
}

.ec-bd {
    overflow: auto
}

.ec_v1 .ec-state-wrapper {
    width: 30px!important
}

.ec_v1 .ec-content .ec-hd a {
    position: relative;
    display: block
}

.ec_v1 .ec-content {
    border-bottom: 1px solid #e0dedc
}

.ec_v1 .ec-content h2.ec-hd {
    margin-bottom: 0
}

.ec_v1 .ec-content .ec-hd .ec-active:before,.ec_v1 .ec-content .ec-hd a:after {
    background-color: #435f21;
    content: ""!important;
    position: absolute;
    height: 9px;
    width: 10px
}

.ec_v1 .ec-content .ec-hd a:before {
    content: "";
    position: absolute;
    left: 0!important;
    top: 23px;
    height: 9px;
    width: 10px;
    background-color: #54732d;
    transform: rotate(90deg) skew(20deg)!important;
    -webkit-transform: rotate(90deg) skew(-36deg)!important
}

.ec_v1 .ec-content .ec-hd .ec-active:before {
    left: 0!important;
    top: 23px;
    -webkit-transform: rotate(-36deg) skew(-36deg)!important
}

.ec_v1 .ec-content .ec-hd a:after {
    left: 8px!important;
    outline: transparent solid 1px;
    top: 23px!important;
    transform: rotate(90deg) skew(-20deg)!important;
    -webkit-transform: rotate(90deg) skew(36deg)!important;
    background-image: none!important
}

.ec_v1 .ec-content .ec-hd .ec-active:after {
    content: ""!important;
    left: 8px!important;
    outline: transparent solid 1px;
    position: absolute;
    top: 23px!important;
    height: 9px;
    width: 10px;
    background-color: #54732d;
    transform: rotate(90deg) skew(-20deg)!important;
    -webkit-transform: rotate(216deg) skew(36deg)!important;
    background-image: none!important
}

.ec_v1 .ec-all-wrapper {
    display: none
}

.ec_v1 .ec-content .yui3-hd {
    padding: 1.2em 1em 1.2em 2em
}

.ec-holder {
    width: 100%
}

.ec-table {
    box-shadow: none;
    min-width: 400px
}

.ec-table thead th {
    padding: 4% 8%;
    background-color: #12395b;
    font-size: .8em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 50%;
    text-shadow: none
}

.ec-table tbody td {
    padding: 4%;
    font-family: "Gotham Narrow",Arial,sans-serif;
    font-size: 1.125em;
    color: #424951;
    text-shadow: none!important;
    border-right: none;
    border-bottom: none;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    font-weight: 200
}

table {
    width: 100%;
    min-width: 750px;
    border-radius: 0;
    border: none;
    background-color: #fff;
    box-shadow: 0 2px 2px #d0cfce;
    width: auto;
    margin: 0 4px;
    margin-bottom: 5px;
    font-size: 1em
}

table thead {
    background: #edecea;
    border-top: 1px solid #ccc;
    border-right: none;
    border-left: none
}

table tbody td {
    font-size: .8em;
    padding: 15px
}

table td {
    padding: 5px;
    border-right: none;
    border-left: none;
    line-height: 1.5;
    vertical-align: top;
    text-align: center
}

table thead th {
    border-right: none;
    border-left: none;
    font-size: .8em;
    font-weight: 700;
    border-radius: 0;
    text-align: center;
    background: #edecea;
    color: #424951;
    padding: 10px;
    border-radius: 0
}

thead td:first-child,thead th:first-child {
    -webkit-border-radius: 0;
    border-radius: 0
}

tr:last-child td,tr:last-child th {
    border-bottom: none
}

thead td:last-child,thead th:last-child {
    border-radius: 0
}

.table-panel-bg {
    margin-bottom: 20px;
    padding: 0!important;
    margin: 15px auto!important
}

.scrolling-panel {
    overflow: auto;
    margin-bottom: 15px
}

#category-filters.ecSimple-contentHidden ul#category-list,#category-filters.ecSimple-contentShowing ul#category-list {
    transition: max-height .7s cubic-bezier(.25,.1,.25,1);
    -webkit-transition: max-height .7s cubic-bezier(.25,.1,.25,1);
    overflow: hidden;
    max-height: 0
}

#category-filters.ecSimple-contentShowing ul#category-list {
    max-height: 1000px
}

#category-filters.ecSimple-contentHidden span {
    display: none
}

#category-filters.ecSimple-contentHidden {
    display: block
}

.switchoptionsmobile {
    background-color: #112940!important;
    font-family: "Gotham Narrow",Arial,sans-serif!important;
    padding-bottom: 30px;
    padding-top: 30px;
    height: auto!important;
    font-size: 15px!important
}

.switchoptionsmobile span {
    text-decoration: none;
    color: #42c5f1;
    text-shadow: none
}

.switchoptionsmobile a.usaa-link {
    color: #25a2d6;
    text-shadow: none;
    font-family: "Gotham Narrow",Arial,sans-serif!important
}

.usaa-button,.usaa-copyright,a.usaa-link {
    font-family: "Gotham Narrow",Arial,sans-serif!important
}

.cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.cards-container .card-holder {
    padding: 1rem;
    flex-grow: 1
}

.cards-container .card-holder .card {
    background: #000
}

.cards-container.card-row-3 .card {
    flex-basis: 33.33%;
    min-width: 200px
}

.full-card {
    background: #fff;
    color: #424951;
    font-family: "Gotham Narrow",Arial,sans-serif;
    line-height: 1.5;
    position: relative;
    margin-bottom: 45px;
    padding-bottom: 45px
}

.full-card .top {
    padding: 0 0;
    padding-top: 0
}

.full-card:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

#mktcomm_feed_1 .full-card:last-child {
    margin-bottom: 45px;
    padding-bottom: 45px
}

.split-diamond {
    position: relative;
    overflow: hidden
}

.split-diamond h2 {
    margin: 0 auto 16px;
    font-family: "Mercury Display",Times,serif;
    font-weight: 700;
    line-height: 1.3em;
    color: #424951!important
}

.split-diamond .details {
    position: relative;
    height: auto;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.split-diamond.bordered-links .details {
    float: left;
    flex-wrap: wrap;
    margin: 0
}

.split-diamond .details .half {
    flex-basis: 45%
}

.split-diamond .diamond {
    background: url(https://content.usaa.com/mcontent/static_assets/Media/invest-hr-diamond-portrait.svg) center no-repeat;
    display: inline-block;
    width: 100px;
    height: 55px;
    color: transparent;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 25px);
    background-size: cover;
    font-family: Gotham,Arial,sans-serif;
    font-size: 1.125em;
    line-height: 2.8;
    text-shadow: none;
    z-index: 10;
    color: #fff;
    text-align: center
}

.split-diamond .diamond.gray {
    background: url(https://content.usaa.com/mcontent/static_assets/Media/globalIcon-usaaDiamond-lightGrey.svg) center no-repeat;
    background-size: contain
}

.split-diamond.no-stack .diamond {
    background-size: auto 100%
}

.split-diamond .diamond.hiddentext {
    color: transparent
}

.split-diamond .details {
    margin: 50px 0
}

.split-diamond .details .half .amount {
    font-family: "Mercury Display",Times,serif;
    font-size: 4.5em;
    width: auto;
    display: inline-block;
    margin: 13px 0 20px;
    line-height: .6em
}

.split-diamond .details .half .sub-amount {
    font-family: "Mercury Display",Times,serif;
    font-size: 1.375em
}

.split-diamond .details .half .pre-amount {
    font-size: 1.125em
}

.split-diamond .details .half .disclaimer {
    font-size: .875em;
    padding-top: 8px;
    padding-bottom: 0
}

.split-diamond .details .half .amount .border-bottom {
    border-bottom: 2px solid #ccc;
    padding-bottom: .3em
}

.split-diamond .details .half p {
    font-size: 1.25em;
    margin: auto;
    padding-bottom: 1em;
    line-height: 1.6em
}

.card-container .link.card-button a {
    position: relative
}

.card-container .link.card-button a {
    position: relative
}

.card-pack {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 1;
    position: relative
}

.card-pack.light .card {
    background: #fff
}

.card-pack.dark .card {
    background: #edecea
}

.card-pack.no-back .card {
    padding: 0
}

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

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

.card-pack.two-pack .card:nth-last-child(-n+2) {
    margin-bottom: 0
}

.card-pack.three-pack .card {
    flex-basis: calc(27% - 30px);
    width: calc(33.33% - 30px);
    min-width: calc(33.33% - 30px)
}

.card-pack.three-pack .card:nth-last-child(-n+3) {
    margin-bottom: 0
}

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

.page-wrapper .modal .card-pack.four-pack .card {
    align-items: center;
    text-align: center
}

.card-pack.four-pack .card {
    flex-basis: calc(25% - 30px);
    width: calc(25% - 30px);
    min-width: calc(25% - 30px)
}

.card-pack.four-pack .card:nth-last-child(-n+4) {
    margin-bottom: 0
}

.card-pack .card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 30px;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 15px;
    flex: 1
}

.link-list .card-pack .card {
    padding: 0;
    box-shadow: 0 3px 2px 0 rgba(66,73,81,.25)
}

.link-list .card-pack.no-back .card {
    box-shadow: none
}

.link-list .card-pack.small-link-heading .card .h3,.link-list .card-pack.small-link-heading .card h3 {
    font-size: 1em;
    color: #086b94;
    font-weight: 600
}

.card-pack .card a {
    flex: auto
}

.link-list .card-pack .card a {
    padding: 30px 15px;
    border: 1px solid transparent
}

.link-list .card-pack .card a:hover {
    background-color: #f5f5f5
}

.link-list.full-width-mobile .card-pack .card>a {
    background: 0 0;
    padding: 0;
    margin: 15px auto 0;
    display: block;
    width: auto
}

.link-list.full-width-mobile .card-pack .card>a [class*=glyph] {
    font-size: 1em
}

.card-pack .card h3 {
    min-width: 100%;
    color: #12395b
}

.card-pack .card>:last-child {
    margin-bottom: 0
}

.socialmedia-footer {
    background-color: #395873;
    color: #fff;
    display: flex
}

.socialmedia-footer h2 {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
    font-family: "Gotham Narrow",Arial,sans-serif
}

.socialmedia-footer a,.socialmedia-footer p {
    font-size: 1.125em;
    color: #fff;
    font-family: "Gotham Narrow",Arial,sans-serif
}

.socialmedia-footer .social-icons {
    flex: 1;
    margin-right: 10px
}

.socialmedia-footer .text-content {
    flex: 8
}

.socialmedia-footer .icon-twitter,.socialmedia-footer .social-icons .icon-facebook {
    margin-bottom: 15px;
    display: block
}

.socialmedia-footer .icon-twitter img,.socialmedia-footer .social-icons .icon-facebook img {
    max-width: 50px;
    width: 100%;
    margin: 0 auto;
    display: block
}

.imco-subcontent-block h2 {
    width: 50%;
    margin: 0 auto 16px;
    font-size: 2em;
    font-family: "Mercury Display",Times,serif;
    font-weight: 700;
    color: #424951
}

.imco-subcontent-block p {
    font-family: "Gotham Narrow",Arial,sans-serif;
    font-size: 18px;
    color: #424951;
    padding: 0 2em;
    line-height: 1.5
}

.imco-nav-table {
    position: relative;
    background: #fff
}

.imco-nav-table .diamond-separator {
    background: url(https://content.usaa.com/mcontent/static_assets/Media/globalIcon-usaaDiamond-lightGrey.svg) center no-repeat;
    padding: 30px 0;
    display: inline-block;
    width: 95px;
    color: #fff;
    position: absolute;
    left: 43.6%;
    top: 25%;
    background-size: 90px;
    text-align: center
}

.imco-529-nav-list {
    display: table;
    width: 100%
}

.imco-529-nav-list-row {
    display: table-row
}

.bordered-links .details a.half {
    box-sizing: initial;
    padding: 30px 15px;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    color: #086b94;
    text-decoration: none!important;
    border-top: 2px solid #edecea;
    border-bottom: 2px solid #edecea;
    border-right: 1px solid #edecea;
    background: #fff;
    margin: 0;
    flex-basis: calc(50% - 31px);
    min-width: calc(50% - 31px);
    width: calc(50% - 31px)
}

.bordered-links .details a.half:last-child {
    border-right: none;
    border-left: 1px solid #edecea
}

.bordered-links .details a.half:hover {
    background: #eee
}

.bordered-links .details a.half span {
    display: inline-block;
    width: 100%;
    font-size: 1.1em;
    font-weight: 700;
    color: #676a6e;
    white-space: nowrap
}

.imco-bottom-txt {
    padding: 2em;
    background: #fff;
    margin-bottom: 2em;
    text-align: center
}

.mlContent {
    display: none
}

#list-filter .ecSimple-textContent:after,#list-filter .ecSimple-textContent:before {
    content: ""!important;
    position: absolute;
    height: 6px;
    width: 9px;
    top: 44%;
    background-image: none!important
}

#list-filter .ecSimple-textContent:before {
    right: 22px!important;
    outline: transparent solid 1px;
    background-color: #fac705;
    transform: rotate(90deg) skew(20deg)!important;
    -webkit-transform: rotate(90deg) skew(-36deg)!important
}

#list-filter .ecSimple-textContent:after {
    right: 16px!important;
    outline: transparent solid 1px;
    background-color: #e8ab06;
    transform: rotate(90deg) skew(-20deg)!important;
    -webkit-transform: rotate(90deg) skew(36deg)!important
}

#list-filter .ecSimple-ecShowing .ecSimple-textContent:before {
    right: 16px!important;
    background-color: #e8ab06
}

#list-filter .ecSimple-ecShowing .ecSimple-textContent:after {
    right: 22px!important;
    background-color: #fac705
}

.glyph-diamond-pack {
    font-size: 4em;
    display: block;
    text-align: center;
    top: -19px;
    position: relative
}

a [class*=glyph] {
    padding-right: 8px;
    font-size: .8em
}

.feature {
    background: #fff;
    display: flex;
    align-items: center;
    font-family: "Mercury Display",Times,serif
}

.feature-focus>:last-child,.feature>:last-child,.half-section>:last-child,.text-content>:last-child {
    margin: 0
}

[class*=glyph].circle {
    border-radius: 20px;
    background: #000;
    height: 20px;
    width: 20px;
    box-sizing: border-box;
    display: block;
    padding: 0;
    text-align: center;
    line-height: 22px;
    font-size: .7em;
    position: absolute;
    left: 0;
    top: 4px
}

.feature [class*=glyph] {
    font-size: 1.5em;
    flex: 1;
    margin-right: 8px
}

.feature p {
    flex: 8;
    color: #00647a;
    font-size: 1.125em;
    font-weight: 500
}

.feature-dotcom {
    background: #fff;
    color: #fff;
    display: flex;
    align-items: center;
    font-family: "Mercury Display",Times,serif;
    flex-direction: row
}

.feature-dotcom>:last-child {
    margin: 0
}

.feature-dotcom [class*=glyph] {
    font-size: 7em;
    flex: 1;
    margin-right: 8px;
    line-height: .4;
    text-align: right;
    flex-basis: .9em;
    opacity: .5
}

.feature-dotcom p {
    flex: 6;
    font-size: 1.125em;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0
}

div[class^=content-section] .feature-dotcom p {
    flex: 8;
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    text-align: center
}

.feature-dotcom [class*=glyph] {
    margin-right: 0;
    color: #a8c5cb!important;
    top: 0
}

.feature-focus {
    text-decoration: none;
    display: block;
    background: #12395b;
    color: #fff;
    overflow: hidden;
    position: relative;
    width: auto;
    z-index: 1
}

.feature-focus h2 {
    font-size: 2.5em;
    font-family: "Mercury Display",Times,serif;
    position: relative;
    line-height: 1em
}

.feature-focus h2 a {
    color: #fff;
    text-decoration: none
}

.feature-focus a {
    margin-top: 30px;
    display: block
}

.feature-focus.link h2 a:before {
    width: 100%;
    height: 100%;
    z-index: 444;
    left: 0;
    top: 0;
    position: absolute;
    content: ""
}

.feature-focus p {
    display: inline-block;
    width: 100%;
    font-family: "Gotham Narrow",Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5em;
    padding-bottom: 0!important
}

.feature-focus img {
    right: 0;
    top: 0;
    position: absolute;
    margin: 0;
    object-fit: cover;
    max-width: 150%;
    max-height: 150%;
    min-height: 100%;
    width: 970px
}

.feature-focus .text-half-area h2 {
    text-align: center
}

.feature-focus .text-half-area {
    max-width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    padding: 60px 60px;
    background-color: rgba(17,41,64,.85);
    margin: 60px 0;
    text-align: center;
    color: #fff
}

.feature-focus .text-half-area p {
    margin: 30px 0;
    color: #fff
}

.feature-focus .text-half-area h2 {
    color: #fff;
    margin: 15px 0 30px
}

.word-break {
    white-space: nowrap
}

.item-list-with-icon {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center
}

.item-list-with-icon .text-content {
    flex: 8
}

.item-list-with-icon .icon {
    flex: 1;
    padding: 0 15px;
    text-align: center
}

.item-list-with-icon .text-content h3 {
    color: #12395b
}

.item-list-with-icon img {
    max-width: 60px;
    width: 100%
}

.glyph-horizontal-diamond-pack,div[class*=content-section] .glyph-horizontal-diamond-pack {
    font-size: 6em;
    display: block;
    text-align: center;
    margin-top: -6.2%!important;
    margin-bottom: -6.2%
}

.card [class*=glyph-] {
    padding-bottom: 15px
}

.fifty-fifty {
    display: flex;
    position: relative;
    justify-content: flex-start;
    flex-wrap: wrap
}

.fifty-fifty .half-section {
    flex-wrap: wrap;
    flex: 1;
    flex-basis: 260px
}

.fifty-fifty.flex-vertical-center {
    align-items: center
}

.fifty-fifty img {
    margin: 0;
    height: inherit;
    width: 100%;
    display: block
}

.watermark {
    position: absolute;
    opacity: .2;
    mix-blend-mode: overlay
}

.banner.top-call-out .starAndStripe {
    background-position: 0 -307px
}

.banner .primaryButton {
    margin-bottom: 0
}

.banner .primaryButton:last-child {
    margin-bottom: 0
}

.banner .secondaryLink {
    z-index: 1;
    position: relative;
    color: #e0dedc;
    margin: 30px auto 0
}

.banner .secondaryLink a {
    color: #e0dedc;
    font-size: 1.1em
}

.card .icon {
    font-size: 60px;
    margin: 0 0 22px 0
}

.note {
    padding: 20px 3.1% 20px 3.1%;
    border: 1px solid #000;
    margin: 0 auto;
    position: relative
}

.note p {
    margin-bottom: 0
}

.note span[class^=usaa-glyph] {
    position: absolute;
    top: -.8em;
    left: calc(50% - 1.1em);
    text-align: center;
    padding: 0 .2em;
    font-size: 1.75em
}

.list-columns {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.list-columns li {
    flex: 1;
    margin: 0;
    padding: 0;
    margin: 0 20px
}

.list-columns.two-columns li {
    flex-basis: 300px
}

.list-columns.three-columns li {
    flex-basis: 200px
}

.list-with-icons {
    list-style-type: none;
    padding: 0
}

.list-with-icons li [class*=glyph-] {
    position: absolute;
    line-height: 1.5;
    left: 0;
    padding-right: 8px;
    font-size: .9em
}

.list-with-icons li p {
    margin: 0
}

.list-with-icons li {
    list-style-type: none;
    position: relative;
    padding-left: 24px;
    margin-bottom: 15px;
    margin-left: 0;
    padding-top: 0
}

.left-neg-39 [class^=glyph-] {
    padding-right: 8px
}

.left-neg-39 {
    position: relative;
    left: -39px
}

.wealth-management-resources h3 {
    font-size: 1.3em;
    font-weight: 100
}

.wealth-management-resources .laurel-icon {
    width: 72%;
    left: -29%;
    top: -70px
}

.make-investing-simpler .laurel-icon {
    width: 75%;
    left: -35%;
    top: -100px
}

.choosingUsaaAsTrustee .laurel-icon {
    width: 46%;
    left: 27%;
    top: 27%
}

.planningForLife .image {
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/invest-featurette-retiredCoupleOutdoors.jpg);
    background-size: cover
}

.logo-block {
    display: flex;
    align-items: center
}

.logo-block .usaa-brandlogo {
    flex: 1
}

.logo-block .brand-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.logo-block .brand-logos .logo {
    padding: 22px;
    min-width: 25%;
    flex-basis: 25%
}

@media screen\0 {
    .logo-block .brand-logos .logo {
        padding: 22px;
        min-width: 4%;
        flex-basis: 15%
    }
}

.logo-block .brand-logos .logo img {
    width: 100%
}

.page-wrapper .modal-container .modal {
    border-radius: 6px;
    box-shadow: 0 0 16px #333;
    width: 90%!important;
    max-width: 920px!important
}

.page-wrapper .modal-container .modal .modal-content {
    padding: 0
}

.page-wrapper .modal-container .modal .modal-content .header {
    padding: 30px;
    padding-right: 60px;
    position: relative
}

.page-wrapper .modal-container .modal .modal-content .app-store-links {
    display: flex;
    width: 55%;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap
}

.page-wrapper .modal-container .modal .modal-content .app-store-links .store-link {
    padding: 15px;
    width: 50%;
    flex-basis: 150px;
    flex: 1
}

.page-wrapper .modal-container .modal .modal-content .app-store-links .store-link img {
    width: 100%;
    max-width: 163px;
    margin: 0 auto
}

.page-wrapper .modal-container .modal .modal-content img {
    width: 100%
}

.page-wrapper .modal-container .modal .modal-content h2 {
    font-family: "Mercury Display",Times,serif;
    font-size: 40px;
    position: relative;
    line-height: 1;
    margin: 0 auto;
    padding: 45px 0
}

.page-wrapper .modal-container.active .modal {
    padding: 0;
    border-radius: 5px
}

.page-wrapper .modal-container .modal .modal-content {
    padding: 0!important
}

.page-wrapper .modal-container .modal .modal-content [class*=block] {
    padding: 0 45px
}

.page-wrapper .modal-container .close-modal {
    display: inline-block;
    text-decoration: none;
    padding: 15px 45px!important;
    color: #0b6997!important;
    width: inherit;
    border: 2px solid transparent;
    float: right;
    background-color: #fff;
    background: linear-gradient(#fcfcfc,#fbfbfb);
    border-bottom: 2px solid #d0cfce;
    box-shadow: none;
    margin: 0
}

.page-wrapper .modal-container .close-modal:hover {
    background: #fff;
    border-bottom: 2px solid #d0cfce
}

.page-wrapper .modal-container .modal p.bottom-close {
    text-align: center;
    margin: 0;
    padding: 30px;
    overflow: auto
}

.page-wrapper .modal-link-list {
    padding: 45px 0 37.5px;
    background-color: #edecea
}

.page-wrapper .modal .modal-content .modal-link-list p {
    margin-bottom: 22.5px
}

.page-wrapper .modal .modal-content .modal-link-list a:hover {
    background: #fff
}

.page-wrapper .modal .modal-content .modal-link-list a {
    padding: 17px 45px;
    margin: 22.5px;
    width: 30%;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 3px 3px #d5d7db;
    background-color: #fff;
    background: linear-gradient(#fcfcfc,#fbfbfb)
}

.scrolling-panel .table-panel-bg {
    max-width: 970px;
    margin: 0!important;
    padding-right: 30px
}

.imco-portfolio-style-table thead tr th {
    background-color: #fff;
    padding: 1em
}

.imco-portfolio-style-table h3 {
    color: #496a7a;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.imco-portfolio-style-table thead tr th p {
    width: 65%;
    text-align: center;
    margin: 0 auto;
    font-weight: 400
}

.imco-portfolio-style-table .table-subheading td {
    background-color: #e4e9eb;
    text-align: center;
    padding: 2% 4%;
    color: #496a7a;
    font-weight: 700;
    font-size: 1.1em;
    text-transform: uppercase
}

.imco-portfolio-style-table tbody td {
    border-right: 2px solid #e4e9eb;
    padding: 22px
}

.imco-portfolio-style-table td {
    background-color: #fff
}

.imco-portfolio-style-table td p {
    margin-bottom: 15px;
    position: relative;
    line-height: 1.5em;
    text-align: left;
    padding-left: 25px
}

.imco-portfolio-style-table .last-bluerow {
    background-color: #e7eff0;
    text-align: left
}

.imco-portfolio-style-table .last-yellowrow {
    background-color: #fefae9;
    text-align: left;
    vertical-align: top
}

.feature-banner-with-icon,div[class^=content-section].feature-banner-with-icon {
    display: flex;
    background: rgba(161,177,188,.45);
    align-content: center
}

.feature-banner-with-icon .icon {
    font-size: 9em;
    padding-right: 30px;
    align-items: center
}

.feature-banner-with-icon .icon span {
    color: rgba(18,57,91,.21)!important
}

.darker-core-blue-dark-text {
    color: #0f1e20!important
}

.width-95-mobile {
    width: 95%!important
}

.width-90-mobile {
    width: 90%!important
}

.width-85-mobile {
    width: 85%!important
}

.width-80-mobile {
    width: 80%!important
}

.width-75-mobile {
    width: 75%!important
}

.width-70-mobile {
    width: 70%!important
}

.width-65-mobile {
    width: 65%!important
}

.width-60-mobile {
    width: 60%!important
}

.width-55-mobile {
    width: 55%!important
}

.width-50-mobile {
    width: 50%!important
}

.max-width-55 {
    max-width: 55%!important
}

.max-width-60 {
    max-width: 60%!important
}

.and-spacing {
    margin: 0 7px
}

@media (min-width: 969px) {
    .no-padding-dotcom {
        padding:0
    }

    .no-shadow-dotcom {
        box-shadow: none!important
    }

    .no-padding-top-dotcom {
        padding-top: 0
    }

    .dotcom-padding-30 {
        padding: 0 30px
    }

    .dotcom-padding-45 {
        padding: 0 45px
    }

    .dotcom-padding-60 {
        padding: 0 60px
    }

    .dotcom-padding-75 {
        padding: 0 75px
    }

    .dotcom-padding-90 {
        padding: 0 90px
    }

    .dotcom-padding-120 {
        padding: 0 120px
    }

    .width-95 {
        width: 95%!important
    }

    .width-90 {
        width: 90%!important
    }

    .width-85 {
        width: 85%!important
    }

    .width-80 {
        width: 80%!important
    }

    .width-81 {
        width: 81%!important
    }

    .width-75 {
        width: 75%!important
    }

    .width-70 {
        width: 70%!important
    }

    .width-65 {
        width: 65%!important
    }

    .width-60 {
        width: 60%!important
    }

    .width-55 {
        width: 55%!important
    }

    .width-50 {
        width: 50%!important
    }

    .width-49 {
        width: 49%!important
    }

    .width-45 {
        width: 45%!important
    }

    .full-card .top {
        margin-bottom: 15px
    }

    .page-wrapper .modal-container .width-50 {
        width: 50%!important
    }
}

.custom-link-list-section .glyph-horizontal-diamond-pack {
    font-size: 5.5em;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px
}

.custom-link-list-section p:first-of-type {
    position: relative;
    width: 60%;
    font-size: 15px;
    line-height: 1.7em
}

.custom-link-list-section {
    background-color: #0d2f4c;
    padding: 90px;
    margin: 0 auto 0;
    position: relative;
    color: #fff
}

.custom-link-list-section img.compass-icon {
    position: absolute;
    width: 85%;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .1;
    mix-blend-mode: overlay
}

.custom-link-list-section::before {
    content: "";
    background: -webkit-radial-gradient(center top,ellipse farthest-corner,rgba(255,255,255,.3) 0,rgba(15,30,49,.7) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    mix-blend-mode: overlay
}

.custom-link-list-section h2 {
    color: #fff
}

.custom-link-list-section ul li.card>a .list-text-content {
    display: block;
    color: #fac705
}

.custom-link-list-section ul li.card>a {
    padding: 15px;
    font-size: 16px;
    background: 0 0;
    display: flex;
    border: none;
    color: #0391c1;
    min-height: 70px;
    align-items: flex-start
}

.custom-link-list-section ul li.card>a:hover {
    background-color: rgba(15,30,49,.89)!important;
    mix-blend-mode: multiply;
    border-radius: 4px
}

.custom-link-list-section ul li.card .list-text-content span {
    font-size: 14px;
    color: #fff;
    display: block
}

.custom-link-list-section ul li.card {
    width: 50%;
    position: relative
}

.custom-link-list-section ul li.card a [class*=glyph] {
    font-size: 30px;
    min-width: 60px;
    text-align: center
}

.graph-section .disclaimer {
    font-size: .8em
}

.graph-section img {
    max-width: 286px
}

.visible-mobile {
    display: none
}

.hidden-mobile {
    display: initial
}

.feature-link-with-button {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden
}

.feature-link-with-button .text-content {
    flex: 8
}

.feature-link-with-button .primaryButton {
    flex: 1;
    padding-left: 15px;
    flex-basis: 161px
}

.feature-link-with-button .primaryButton a {
    font-size: 1em;
    float: right;
    text-shadow: none
}

.feature-link-with-button .watermark {
    width: 62%;
    left: -6%;
    top: -65%
}

.number-circle {
    height: 35px;
    width: 35px;
    border-radius: 35px;
    line-height: 35px;
    text-align: center;
    background: #12395b;
    color: #fff;
    font-size: 1.2em;
    margin: 10px auto
}

.divider.usaa-glyph-horizontal-diamond-pack:before {
    background-color: #0d2f4c;
    padding: 0 7px
}

.divider:after {
    content: '';
    border-bottom: 3px solid #0f1e31!important;
    height: 0%;
    width: 250%;
    display: block;
    position: absolute;
    left: -55px;
    z-index: -1
}

.divider {
    align-items: center;
    display: flex;
    transform: rotate(90deg);
    position: relative;
    bottom: calc(50% - calc(3px / 2))
}

.ecSimple-contentShowing,.ecSimple-ecText {
    font-family: Gotham;
    font-size: 1em!important
}

.ec-section {
    border-bottom: 1px solid #ccc
}

.ec-section:first-of-type {
    border-top: 1px solid #ccc
}

.page-wrapper .modal-container .modal .modal-content table th:first-child {
    width: auto!important
}

.card-links .card {
    box-shadow: 0 3px 3px #d0cfce
}

.link-list {
    background: #fff
}

.link-list .link {
    border-bottom: 1px solid #e0dedc;
    position: relative
}

.link-list .link:first-child {
    border-top: 1px solid #e0dedc
}

.link-list .link a {
    padding: 30px;
    display: block;
    padding-right: 90px
}

.link-list .link a:hover {
    background: #edecea
}

.link-list .link .h3,.link-list .link h3 {
    color: #086b94;
    font-weight: 600;
    text-decoration: none
}

.link-list .link .p,.link-list .link p {
    font-size: 1.125em;
    font-weight: 400;
    text-decoration: none
}

.link-list .link .icon {
    position: absolute;
    top: calc(50% - 15px);
    right: 30px;
    font-size: 30px
}

.questionnaire {
    overflow: hidden;
    position: relative;
    height: auto;
    margin: .6em auto 0;
    padding: 60px 45px 30px;
    box-shadow: 0 3px 4px 1px rgba(66,73,81,.2);
    position: relative;
    text-align: left;
    background: #fff
}

.questionnaire>li {
    list-style: none;
    position: relative
}

.questionnaire .hidden {
    visibility: visible;
    display: none
}

.questionnaire h3 {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 18px;
    width: 80%;
    display: inline
}

.questionnaire p {
    padding-bottom: .5em;
    border-bottom: none
}

.questionnaire .baseSection p {
    font-size: 1em
}

.questionnaire h3 {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25em;
    margin-bottom: 18px;
    width: 80%;
    display: inline
}

.questionnaire p {
    padding-bottom: .5em;
    border-bottom: none
}

.questionnaire .panel5List.imco-ira-questionnaire.ira-inner-title-txt {
    font-size: 1em;
    padding-bottom: 1em
}

.questionnaire .panel5List ul {
    padding-left: 4%
}

.sliderBullets {
    height: auto;
    box-shadow: 0 3px 4px 1px rgba(66,73,81,.2);
    padding: 6px 45px 33px;
    display: inherit;
    position: relative;
    top: 0;
    background-color: #fbfbfc;
    z-index: 26
}

.sliderBullets {
    display: inline-table;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 0
}

.sliderBullets ul {
    background-color: #fff;
    display: inline;
    border-radius: 25px;
    position: relative;
    padding: 3px 12px 3px 7px;
    float: right;
    bottom: -13px
}

.sliderBullets li:first-child {
    margin-left: 0
}

.sliderBullets li {
    display: inline-flex;
    list-style: none;
    padding: 0;
    line-height: 0;
    position: relative;
    bottom: 5px;
    margin: 0 5px
}

.sliderBullets li::after {
    background-color: #d0cfce;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 10px;
    width: 10px
}

.sliderBullets li.active::after {
    background-color: #038dbc
}

.sliderBullets {
    height: auto;
    box-shadow: 0 3px 4px 1px rgba(66,73,81,.2);
    padding: 6px 45px 33px;
    display: inherit;
    position: relative;
    top: 0;
    background-color: #fbfbfc;
    z-index: 26
}

.questionnaire .buttonsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.questionnaire .button {
    text-decoration: none!important;
    border-radius: 4px;
    position: relative;
    overflow: visible;
    transition: opacity .5s;
    margin: 10px;
    color: #333940!important;
    padding: 10px 30px;
    border: 1px solid #cfccca;
    background: linear-gradient(to bottom,#f7f7f6 0,#eceae8 100%);
    box-shadow: inset 0 1px 0 #fafaf9;
    text-shadow: 0 1px 1px rgba(255,255,255,.8)
}

.questionnaire .button {
    border: 1px solid #e0dedc;
    color: #424951!important
}

.questionnaire a.button.button--secondary {
    font-size: 18px;
    text-align: center;
    margin: 1em 0;
    flex-basis: 300px;
    padding: .75em 0;
    font-weight: 500
}

.questionnaire #panel1,.questionnaire #panel2,.questionnaire #panel3,.questionnaire #panel4,.questionnaire #panel5 {
    transition: opacity .3s
}

#panel5 a.button.button--secondary:last-child {
    background: linear-gradient(to bottom,#8d8d49 0,#7c7e47 100%) rgba(0,0,0,0);
    box-shadow: none;
    color: #fff!important;
    text-shadow: none
}

.accessibility .consolidated-pri #usaa-my-accounts-tab-menu .my-usaa-accounts .my-accounts-arrow,.accessibility .consolidated-pri .profile-tab #usaa-my-profile .my-profile-arrow,.accessibility .consolidated-pub #usaa-my-accounts-tab-menu .my-usaa-accounts .my-accounts-arrow,.accessibility .consolidated-pub .profile-tab #usaa-my-profile .my-profile-arrow,.accessibility .consolidated-pub .profile-tab #usaa-my-profile .my-profile-arrow-active {
    width: auto
}

iframe .player {
    width: 100%;
    height: auto
}

.document-list .list-item {
    background: #edecea;
    margin: 4px 0;
    display: flex;
    padding: 30px;
    align-items: center
}

.document-list .list-item .date {
    padding-right: 30px;
    color: #424951
}

.document-list .list-item .date .month {
    font-size: 1.15em
}

.document-list .list-item .text {
    flex: 8;
    text-align: left
}

.document-list .list-item .text .name {
    font-size: 1.125em;
    font-weight: 400;
    color: #086b94;
    margin-bottom: 8px;
    padding: 0
}

.document-list .list-item .text .types {
    display: flex;
    color: #424951
}

.document-list .list-item .text .type {
    padding: 0 15px;
    border-left: 1px solid #a6a8a9;
    font-size: .93em
}

.document-list .list-item .text .type:first-child {
    border: none;
    padding-left: 0
}

#paginated>div>* {
    display: none
}

#paginated .page {
    display: none;
    -webkit-animation: fadeEffect 1.5s;
    animation: fadeEffect 1.5s
}

#paginated .page.active {
    display: block
}

#paginated .page>:last-child {
    padding-bottom: 45px
}

#paginationLinksContainer {
    margin: 30px 0 15px;
    text-align: center
}

#paginationLinksContainer a {
    padding: 1px 4px;
    margin: 0 4px
}

#paginationLinksContainer a:hover {
    cursor: pointer;
    border-bottom: 2px solid #086b94
}

#paginationLinksContainer a.active {
    color: #424951;
    border-bottom: 2px solid #086b94
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.managers-iframe {
    margin: 0 auto!important;
    min-width: 630px!important
}

.mobile-message {
    display: none
}

.card.team-member-card {
    flex-direction: row;
    align-items: center;
    background-color: rgba(18,57,91,.9);
    box-shadow: 0 1px 5px rgba(15,30,49,.9)
}

.card.team-member-card:hover {
    background-color: rgba(18,57,91,.7)
}

.card-pack .card.team-member-card img {
    margin: 0
}

.card-pack .card.team-member-card .text-content h3 {
    min-width: 20px
}

.card.team-member-card .text-content {
    flex: 2;
    text-align: left;
    padding-left: 20px
}

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

.margin-bottom-8 {
    margin-bottom: 8px!important
}

.glyph-horizontal-diamond-pack {
    margin: 0!important
}

.our-team-laurel {
    width: 100%;
    left: 0;
    right: 0;
    top: 70px;
    bottom: 0;
    opacity: .1;
    mix-blend-mode: overlay
}

.our-team-section::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: -webkit-radial-gradient(center top,ellipse farthest-corner,rgba(255,255,255,.5) 0,rgba(15,30,49,.7) 100%);
    mix-blend-mode: overlay
}

.hr-break {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: visible;
    margin: 90px 0;
    display: block
}

.hr-break .hr {
    border-bottom: 1px solid #000;
    display: block
}

.hr-break [class*=glyph] {
    position: absolute;
    top: -13px;
    left: calc(50% - 22px);
    bottom: 0;
    z-index: 3;
    font-size: 26px;
    padding: 0 8px;
    display: block
}

.white-heading-mobile .header {
    margin-bottom: 30px
}

.uppercase {
    text-transform: uppercase
}

.modal-container .modal .modal-content img {
    margin: 0
}

.page-wrapperdiv.modal-container .modal .header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 1px;
    width: calc(100% - 60px);
    border-bottom: 3px solid #edecea
}

.page-wrapperdiv.modal-container .modal .bottom-close:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    height: 1px;
    width: calc(100% - 60px);
    border-bottom: 3px solid #edecea
}

.page-wrapperdiv.modal-container .modal .modal-body {
    text-align: left;
    padding: 30px;
    overflow-x: auto;
    position: relative
}

.page-wrapperdiv.modal-content .header {
    text-align: center
}

.modal-container .modal .modal-content .header h2 {
    padding: 60px 0 30px;
    font-size: 2.5em
}

.padding-60-0-60-60 {
    padding: 60px 0 60px 40px
}

.our-team-section .team-member-card a {
    text-decoration: underline
}

.page-wrapper .modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    background-color: rgba(33,44,61,.3)
}

.page-wrapper .modal-container.active {
    display: block
}

.page-wrapper .modal-container .modal {
    position: absolute;
    left: 0;
    right: 0;
    padding: 60px 0 0;
    background-color: #fff;
    text-align: center;
    width: 51.8em;
    max-width: 970px;
    margin: 14vh auto;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 100%;
    border: 1px solid transparent
}

.modal-container .modal .nav.nav-tabs a:before,.modal-container .modal a.close-modal:after,.modal-container .modal a.close-modal:before,.page-wrapper .modal-container .modal .nav.nav-tabs a:after {
    content: none!important
}

.page-wrapper .modal-container .modal .modal-content {
    padding: 0 45px
}

.page-wrapper .modal-container .modal .modal-content h2 {
    color: #424951;
    font-size: 1.5em;
    font-weight: 700
}

.page-wrapper .modal-container .modal .modal-content p.sub-heading {
    font-size: 1em;
    margin-bottom: 0
}

.page-wrapper .modal-container .modal .modal-content table {
    width: 101%;
    margin-bottom: -1px;
    margin-left: -1px
}

.page-wrapper .modal-container .modal .modal-content table thead tr {
    border-bottom: 2px solid transparent
}

.page-wrapper .modal-container .modal .modal-content table th {
    text-align: left;
    color: #666a6c;
    border: none;
    background: #f2f4f3;
    padding-top: 30px;
    padding-left: 40px;
    vertical-align: initial
}

.page-wrapper .modal-container .modal .modal-content table th:first-child {
    text-align: center;
    width: 15%;
    padding-left: 10px
}

.page-wrapper .modal-container .modal .modal-content table td {
    border: none;
    text-align: left!important;
    padding-left: 40px
}

.page-wrapper .modal-container .modal .modal-content table td:first-child {
    border-right: 1px solid #f2f4f3;
    text-align: center;
    padding-left: 10px
}

.page-wrapper .modal-container .modal .modal-content .disclaimers {
    margin-bottom: 45px
}

.page-wrapper .modal-container .modal .modal-content .disclaimers p {
    font-size: .75em;
    font-style: italic;
    text-align: left
}

.page-wrapper .modal-container .modal .modal-content .disclaimers p:first-child {
    margin-top: 1.5em
}

.page-wrapper .modal-container .modal .modal-footer {
    background-color: #f2f4f3;
    color: #0291c6;
    padding: 10px 26%;
    font-size: .75em
}

.page-wrapper .modal-container .modal .modal-footer p {
    margin-bottom: 0
}

.page-wrapper .modal-container .modal .close-modal.top-close {
    position: absolute;
    top: 12px;
    right: 12px
}

.page-wrapper .modal-container .modal p.bottom-close {
    text-align: center;
    position: relative
}

.page-wrapper .modal-container .close-modal {
    display: inline-block;
    text-decoration: none;
    padding: 10px;
    color: #0b6997!important
}

.modal-container .close-modal:hover,.page-wrapper .modal-container .close-modal:focus {
    border: 2px solid transparent
}

.tab-container {
    margin: auto;
    width: auto;
    border: 1px solid #eee
}

.tab-content {
    padding: 0
}

.nav.nav-tabs li {
    margin-left: 0;
    width: 25%;
    font-size: 1em;
    height: 4em;
    padding: 1em 0 0;
    border-bottom: 10px solid #cfcece
}

.nav.nav-tabs li.active {
    border-bottom-color: #0291c6;
    position: relative
}

.nav.nav-tabs li.active:after {
    content: '';
    display: block;
    position: absolute;
    border-left: solid 7px #0291c6;
    border-top: solid 7px #0291c6;
    border-right: solid 7px #0291c6;
    bottom: -17px;
    right: 47%;
    border-bottom: solid 7px #0291c6;
    transform: rotate(45deg)
}

.nav.nav-tabs li.active a {
    color: #0291c6
}

.nav.nav-tabs li.active a:after,.nav.nav-tabs li.active a:before {
    content: none!important
}

.nav.nav-tabs li a:focus,.nav.nav-tabs li a:hover {
    background-color: rgba(161,177,188,.3);
    color: #000;
    border: 1px solid transparent
}

.nav.nav-tabs li {
    position: relative
}

.nav.nav-tabs li a {
    position: absolute;
    padding-top: 15px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.showing-modal {
    overflow: hidden
}

.banner p {
    font-size: 1.35em
}

.page-wrapper .modal-container .modal {
    overflow-y: auto
}

.page-wrapper .modal-container .modal-content h3 {
    font-family: gotham narrow
}

.page-wrapper.header .modal-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: calc(100% - 2px);
    background: url(https://content.usaa.com/mcontent/static_assets/Media/modal-close-light.svg) no-repeat center 52%;
    transition: all .3s ease
}

button {
    -webkit-appearance: button
}

button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0;
    font: 11px gotham narrow
}

.link-button:focus,.page-wrapper .modal-container .bottom-close button:focus {
    border: none;
    border-bottom: 2px solid #d0cfce
}

.link-button:hover,.page-wrapper .modal-container .bottom-close button:hover {
    color: #1e91c1;
    background: #d0cfce;
    border: none;
    border-bottom: 2px solid #d0cfce
}

.link-button,.page-wrapper .modal-container .bottom-close button {
    cursor: pointer;
    border-radius: 2px;
    border: none;
    min-width: 120px;
    padding: 17px 45px;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    background: #e0dedc;
    border-bottom: 2px solid #d0cfce;
    color: #086b94;
    transition: background .1s;
    margin-right: 0;
    box-shadow: 0 1px 0 rgba(0,0,0,.07)
}

.page-wrapper .modal-container .modal .modal-content .header h2 {
    padding: 0
}

.page-wrapper .modal-container .modal {
    border: 1px solid #edecea;
    box-shadow: 0 0 27px rgba(66,73,81,.45)
}

.page-wrapper .modal-body .link-list-container {
    display: flex;
    flex-wrap: wrap
}

.page-wrapper .modal-container .link-button {
    min-width: auto;
    width: 100%;
    margin: 10px 0 10px 20px;
    box-shadow: none;
    border: none;
    text-align: left;
    background: 0 0;
    display: list-item;
    padding: 0
}

.switchoptionsmobile {
    background-color: #112940!important;
    font-family: "Gotham Narrow",Arial,sans-serif!important;
    padding-bottom: 30px;
    padding-top: 30px;
    height: auto!important;
    font-size: 15px!important
}

.switchoptionsmobile span {
    text-decoration: none;
    color: #42c5f1;
    text-shadow: none
}

.switchoptionsmobile a.usaa-link {
    color: #25a2d6;
    text-shadow: none
}

a:focus {
    /* outline-color:#1e91c1; */
}

.information-block .brokerCheckLink img {
    width: 200px;
    border: 1px solid
}

.usaa-footer-nav ul.sub li a:focus,.usaa-footer-nav ul.sub li a:hover {
    height: initial
}

.chooseCommunity-details+.usaa-footer-nav,.socialLinks+.usaa-footer-nav {
    border: 0;
    height: initial
}

.usaa-footer-nav .sub li a {
    padding: 7.5px 18px
}

.disclosure-item {
    margin-bottom: 10px
}

.information-block .brokerCheckLink {
    display: table;
    margin: auto
}

.page-wrapper .modal-container .modal .modal-content .header .top-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 25px!important;
    display: flex;
    align-items: center;
    font-size: 1.5em;
    border: none;
    background: 0 0;
    z-index: 2;
    color: transparent!important;
    background-image: url(https://content.usaa.com/mcontent/static_assets/Media/globalIcon-imco-modal-close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%
}

a.close-modal.top-close:hover {
    background-color: #edecea!important;
    text-decoration: underline
}

a.close-modal.top-close:focus {
    text-decoration: underline
}

.custom-modal-tile-container {
    margin: 0;
    background: url(https://content.usaa.com/mcontent/static_assets/Media/invest-mainBnr-accountTypes.png) center no-repeat;
    min-height: 724px;
    padding: 0
}

.custom-modal-tiles {
    width: 52%;
    padding-left: 50px
}

.custom-modal-tile-container h2 .usaa-glyph-sunrise {
    display: block;
    text-align: center
}

.custom-modal-tile-container h2 {
    font-size: 2em;
    line-height: 1.2em;
    width: 54%;
    padding: 60px 60px 30px;
    color: #424951!important;
    font-family: "Mercury Display",Times,serif;
    margin: 0;
    text-align: center
}

.custom-modal-tiles a {
    width: 50%;
    color: #086b94;
    font-size: 1.5em;
    display: inline-block;
    border-top: 2px solid #edecea;
    border-right: 2px solid #edecea;
    box-sizing: border-box;
    padding: 6% 4%;
    text-align: center;
    cursor: pointer;
    font-weight: 700
}

.page-wrapper.custom-modal-tiles a.modal-link:hover {
    background-color: #fff;
    background: linear-gradient(#fbfbfb,#fcfcfc)
}

.custom-modal-tiles a {
    width: 42%;
    font-size: 16px;
    border: none;
    padding: 20px 30px;
    background-color: #fff;
    background: linear-gradient(#fcfcfc,#fbfbfb);
    margin: 10px;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(14,40,49,.1),0 2px 1px rgba(14,40,49,.2)
}

.page-wrapper .modal-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    display: none;
    background-color: rgba(33,44,61,.3)
}

.usaa-footer-nav .sub {
    padding-right: 0;
    margin: 0
}

.usaaCommunityBar_v4 {
    width: 100%
}

.usaa-footer-nav li {
    line-height: normal
}

div.tab {
    overflow: hidden;
    background-color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    flex-basis: 150px
}

button {
    font-family: "Gotham Narrow",Arial,sans-serif
}

div.tab button {
    background-color: inherit;
    border: none;
    margin: 0;
    outline: 0;
    cursor: pointer;
    padding: 30px 10px;
    transition: .3s;
    display: block;
    flex-grow: 1;
    text-align: center;
    color: #1e91c1;
    border-top: 0 transparent;
    font-size: 1em
}

div.tab.unbound {
    justify-content: center;
    background: 0 0;
    margin-bottom: 30px
}

.tab.unbound button {
    margin: 15px;
    font-size: 1em;
    font-family: 'Gotham Narrow',Arial,sans-serif;
    padding: 5px 0;
    border-bottom: 5px solid transparent;
    flex-grow: 0
}

div.tab.unbound button.active {
    background: 0 0;
    border-bottom: 5px solid #086b94;
    color: #424951;
    padding-top: 5px;
    border-top: none
}

div.tab.unbound button:hover {
    background: 0 0
}

div.tab button:hover {
    background-color: #ddd
}

div.tab button:focus {
    background: rgba(1,7,13,.25);
    outline: 1px solid rgba(138,205,255,.5);
    outline-offset: -1px
}

div.tab button.active {
    background-color: #fff;
    border-top: 10px solid #086b94;
    color: #424951;
    padding-top: 30px
}

.tabcontent {
    background-color: #fff;
    display: none;
    border-top: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s
}

.tabcontent a {
    display: block;
    padding: 30px
}

.functional .tabcontent .row {
    padding: 0
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gray-content-callout h4 {
    background-color: #f1f1f0;
    text-align: center;
    font-weight: 600;
    margin: 0;
    padding: 20px 0
}

.gray-content-callout p {
    background-color: #f9f9f9;
    text-align: center;
    font-weight: 700;
    margin: 0;
    font-size: 2.5em;
    padding: 10px 0
}

.expand-content {
    display: none
}

.expand-trigger.expanded+.expand-content {
    display: block
}

.expand-trigger [class*=glyph-] {
    font-size: .9em;
    padding-right: 8px
}

.expand-trigger.expanded .usaa-glyph-chevron-down,.expand-trigger.expanded .usaa-glyph-plus {
    display: none
}

.expand-trigger.expanded .usaa-glyph-chevron-up,.expand-trigger.expanded .usaa-glyph-minus {
    display: inline
}

.expand-trigger .usaa-glyph-chevron-up,.expand-trigger .usaa-glyph-minus {
    display: none
}

.expand-trigger {
    padding: 30px;
    margin: 0;
    cursor: pointer;
    position: relative;
    padding-right: 60px
}

h3.expand-trigger {
    font-weight: 500;
    color: #086b94;
    display: flex;
    align-items: center
}

.disclaimer-with-sup {
    position: relative
}

.disclaimer-with-sup sup {
    margin-left: -8px
}

.left-glyph {
    display: flex
}

.left-glyph [class*=usaa-glyph] {
    margin-right: 15px;
    font-size: .8em
}

.banner .starAndStripe.without-gold-heading {
    background-position: 0 -450px
}

.underline {
    text-decoration: underline!important
}

a.no-underline {
    text-decoration: none!important
}

.page-wrapper .modal .list-with-icons li [class*=glyph-] {
    position: relative;
    top: 0
}

table ul li {
    text-align: left
}

.modal div[class^=content-section],.page-wrapper .modal .modal-body {
    max-height: 100%;
    overflow: auto
}

.page-wrapper .modal-container .modal {
    overflow-y: hidden
}

html {
    text-shadow: none!important
}

.banner h1.gold-heading,h1 {
    letter-spacing: .2em
}

.functional h1 {
    letter-spacing: 0
}

.secondaryNav .mainNav ul li .activeTopNavLinkTriangle:before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: calc(50% - 10px);
    z-index: 5;
    height: 15px;
    width: 13px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    background-color: #112940;
    border-color: #112940;
    transform: rotate(61.5deg) skewY(-35deg)
}

.secondaryNav .mainNav ul li .activeTopNavLink:after {
    content: '';
    border-bottom: 3px solid #c49205!important;
    height: 100%;
    width: 100%;
    display: block;
    position: relative
}

.secondaryNav .mainNav ul li a {
    line-height: 1.7em
}

.flex-basis-50 {
    flex-basis: 50%!important
}

.position-unset {
    position: unset!important
}

.border-bottom {
    border-bottom: 2px solid #edecea
}

.page-wrapper .modal-container .modal .modal-content table th.width-30 {
    width: 30%!important
}

tr {
    outline: 1px solid #e0dedc
}

.panel-set .hidden {
    visibility: visible
}

.imco-ai-app-download-block {
    display: inline-block;
    background-color: #f4f4f4;
    margin-top: 1.8em;
    padding: 2em 1.3em;
    width: 93%;
    text-align: center
}

.info-txt {
    font-size: 18px;
    color: #6d6d6d;
    margin-top: 1em;
    font-family: "Gotham Narrow",Arial,sans-serif;
    font-weight: 600
}

.green-link-btn {
    color: #fff!important;
    text-shadow: 0 -1px 1px rgba(0,0,0,.25);
    border: 1px solid transparent;
    padding: .8em 3em;
    border-radius: 4px;
    transition: background .25s,box-shadow .5s;
    cursor: pointer;
    background: #737443;
    background: -moz-linear-gradient(top,#87864a 0,#737443 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#87864a),color-stop(100%,#737443));
    background: -webkit-linear-gradient(top,#87864a 0,#737443 100%);
    background: -o-linear-gradient(top,#87864a 0,#737443 100%);
    background: -ms-linear-gradient(top,#87864a 0,#737443 100%);
    background: linear-gradient(to bottom,#87864a 0,#737443 100%);
    outline: transparent solid 2px;
    -moz-outline-radius: 4px;
    clear: both;
    font-weight: 400;
    font-size: 1em;
    width: 30%;
    min-width: 250px;
    margin: 2em;
    text-decoration: none!important
}

.warm-gray-md-text {
    color: #e0dedc!important
}

ol li {
    list-style: decimal!important;
    line-height: 2em;
    font-size: 16px;
    font-weight: 400
}

ol {
    list-style: decimal;
    margin: 1em
}

.yes-no-btns {
    width: 48%;
    padding: .6em 1em;
    margin: 0 1%;
    text-decoration: none!important;
    border-radius: 4px;
    position: relative;
    overflow: visible;
    transition: opacity .5s;
    color: #333940!important;
    border: 1px solid #cfccca;
    background: linear-gradient(to bottom,#f7f7f6 0,#eceae8 100%);
    box-shadow: inset 0 1px 0 #fafaf9;
    text-shadow: 0 1px 1px rgba(255,255,255,.8);
    font-weight: 400
}

.btn-holder {
    display: flex;
    text-align: center
}

.help-bubble.help-blue-left p {
    color: #edecea
}

div#memberassistance-help-popup {
    bottom: 80px!important;
    top: unset!important;
    left: unset!important;
    right: 20px!important
}

h2 sup {
    top: -1.2em
}

h2 sub,h2 sup {
    font-size: 40%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.padding-bottom-300 {
    padding-bottom: 300px
}

.padding-top-370 {
    padding-top: 370px
}

.blue-card-area-ump {
    margin-top: -220px!important;
    left: 0;
    right: 0;
    z-index: 2
}

.page-wrapper .modal-container .modal .modal-content .imco-529-modal-content-block img {
    width: 50%
}

.ump-promo-banner p {
    max-width: 600px
}

.ump-promo-banner {
    background: url(https://content.usaa.com/mcontent/static_assets/Media/ump-promo-banner-desktop-background.jpg) center right no-repeat;
    background-color: rgba(255,255,255,.8);
    background-size: cover;
    padding: 30px 40px
}

.ump-promo-banner .promo-big-text {
    font-size: 1.8em;
    margin-bottom: 25px
}

.promo-heading-text {
    font-size: .85em;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: Gotham;
    letter-spacing: 1.5px
}

.search-input {
    display: none
}

.no-break {
    white-space: nowrap
}

.rar-wrapper {
    margin: 30px 10px 0
}

.functional .breadcrumb-banner {
    padding: 60px 60px 60px 45px
}

.functional .breadcrumb-banner .breadcrumb-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
    font-size: 14px;
    color: #d0cfce
}

.functional .breadcrumb-banner .breadcrumb-wrapper .bold-crumb {
    font-weight: 700;
    border-bottom: 2px solid #d0cfce;
    color: #fff
}

.functional .breadcrumb-banner .breadcrumb-wrapper .carrot-crumb {
    margin: 0 10px
}

.functional .breadcrumb-banner .breadcrumb-wrapper .arrow {
    height: 18px;
    width: 18px;
    margin-right: 15px
}

.functional .breadcrumb-banner h1 {
    text-align: left;
    font-size: 2.2em;
    padding: 0 0 0 18px
}

.page-title {
    display: none!important
}

span.list-text-content span:nth-child(2) {
    display: block;
    padding-top: 10px
}

.cdo a.cta-minor.gold .usaa-glyph-chevron-right {
    font-size: .8em
}

.cdo .alert-item {
    background-color: #fff9e6;
    padding: 24px 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.cdo .alert-item-header {
    display: block;
    margin-bottom: 12px;
    font-weight: bold;
    color: #3e4042
}

.cdo .alert-item-copy {
    color: #3e4042;
    margin-bottom: 0;
    font-size: 16px;
}

.cdo .alert-item-cta {
    display: flex;
    align-items: center;
    min-width: 140px;
    margin-left: 16px
}

.cdo .alert-item-link-wrap {
    font-weight: bold;
    width: 100%;
    text-align: right
}

.cdo .alert-item-link {
    text-decoration: underline !important
}
.cdo .popover-title {
    font-family: "Gotham Narrow", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 0 40px;
    line-height: 13px;
    color: #3e4042;
    /* width: auto; */
    padding: 0px;
    display: inline-block;
}
.cdo .popover-arrow {
	display: none !important;
}

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