/*! 6557 10/18/2017 10:30 AM Copyright 2019 USAA. All Rights Reserved. */
.brandBanner-primaryButton a,.brandBanner-primaryLink,.brandBanner-reachARepLink a,.brandBanner-reachARepLink a:focus,.brandBanner-reachARepLink a:hover {
    text-decoration: none!important
}

.brandBanner {
    position: relative;
    background: #12395b;
    padding: 0;
    margin: 0
}

.brandBanner-content {
    padding: 90px;
    position: relative;
    text-align: center;
    z-index: 1
}

.brandBanner--half .brandBanner-content {
    padding: 90px 34px 90px 58px;
    background-position: 256px 0;
    text-align: left
}

.brandBanner--half .brandBanner-primaryHeading,.brandBanner--thematic .brandBanner-primaryHeading {
    font-size: 48px
}

.brandBanner--half .brandBanner-primaryHeading {
    margin: 14px 0
}

.brandBanner-content .brandBanner-accentHeading:first-child,.brandBanner-content .brandBanner-primaryHeading:first-child {
    margin-top: -4px
}

.brandBanner-content .brandBanner-subHeading:last-child {
    margin-bottom: -8px
}

.brandBanner-accentHeading,.brandBanner-primaryHeading {
    margin: 18px 0;
    font-family: 'Gotham Narrow',Arial,sans-serif
}

.brandBanner-backgroundPhoto {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%
}

.brandBanner-backgroundPhoto img {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    width: 100%
}

.brandBanner-primaryHeading {
    color: #FFF;
    font-size: 40px;
    line-height: 1em;
    letter-spacing: -.03em;
    font-weight: 500;
    max-width: 790px;
    padding-bottom: 0;
    -webkit-font-smoothing: antialiased;
    clear: both
}

.brandBanner-accentHeading {
    color: #F9C705;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    font-weight: 400
}

.brandBanner-accent {
    color: #F9C705
}

.brandBanner--withRatings .brandBanner-content {
    padding: 90px 90px 161px!important
}

.brandBanner-ratingsSection {
    position: absolute;
    bottom: 0;
    height: 71px;
    background: #0f1e31\9;
    background: rgba(0,0,0,.25);
    left: 0;
    width: 100%;
    z-index: 2
}

.brandBanner-ratingsSection a {
    color: #FFF
}

.brandBanner-headingList ul {
    padding-left: 0;
    margin: 14px 0 32px!important
}

.brandBanner-headingList ul li {
    display: inline-block;
    font-size: 15px;
    padding-right: 26px;
    letter-spacing: .01em;
    margin-left: 0
}

.brandBanner-ratingsSection-content {
    color: #E6E4E3;
    display: inline-block;
    padding: 27px 0;
    font-family: Gotham,Arial,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    opacity: 0;
    transition: opacity .5s
}

.brandBanner-ratingsSection-content--loaded,.brandBanner-ratingsSection-content-loaded {
    opacity: 1
}

.brandBanner-subHeading {
    text-transform: none;
    font-size: 24px;
    margin: 17px auto;
    color: #e0dedc;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -.015em;
    font-family: 'Gotham Narrow',Arial,sans-serif
}

.brandBanner-primaryButton a {
    background: linear-gradient(#f6f5f5, #ececeb);
    margin-top: 6px;
    border: 2px solid #ADBCC6;
    border: 2px solid #9eaeba\9;
    border-radius: 3px;
    padding: 18px 29px;
    display: inline-block;
    font-size: 18px;
    font-family: Gotham,Arial,sans-serif;
    font-weight: 500;
    transition: background .25s,box-shadow .5s;
    position: relative;
    color: #00668a;
}

.brandBanner-primaryButton a:focus,.brandBanner-primaryButton a:hover {
    text-decoration: none!important;
    border: 2px solid rgba(138,205,255,.5);
    border: 2px solid #8acdff\9;
    box-shadow: 0 0 5px 0 rgba(158,174,186,.5)
}

.brandBanner sup {
    top: .1em;
    bottom: 0;
    font-size: .6em;
    letter-spacing: .005em
}

.brandBanner--rightAligned {
    padding-left: 423px
}

.brandBanner--rightAligned .brandBanner-backgroundPhoto {
    left: -56.2%
}

.brandBanner--rightAligned .brandBanner-backgroundPhoto img {
    right: -31px
}

.brandBanner-infoSquare {
    background: rgba(0,0,0,.6);
    padding: 31px 29px;
    position: absolute;
    top: 60px;
    right: 0
}

.brandBanner-infoSquareHeading {
    font-family: 'Mercury Display',Times,serif;
    font-weight: 600;
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin: 6px 0
}

.brandBanner-infoSquareSubheading {
    font-family: Gotham,Arial,sans-serif;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .025em;
    color: #fff;
    text-transform: uppercase;
    margin: 6px 0
}

.brandBanner-infoSquareDiamonds {
    text-align: center;
    margin: 0 auto;
    display: block
}

.brandBanner-reachARepLink a {
    text-transform: none;
    font-size: 18px;
    padding: 10px 0;
    margin: 14px auto;
    position: relative;
    color: #e0dedc!important;
    display: block;
    width: 30%;
    font-family: 'Gotham Narrow',Arial,sans-serif;
    font-weight: 400
}

.brandBanner-reachARepLink a:after {
    content: '\00BB';
    position: absolute;
    width: 14px;
    height: 12px;
    background: url(../Media/primary-link-icon-inverted.svg);
    right: 0;
    top: 19px;
    font-size: 17px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: transparent
}

.brandBanner-primaryLink {
    font-size: 18px;
    padding: 8px 16px 8px 1.25em;
    display: inline-block;
    position: relative;
    line-height: 1.2em;
    color: #e0dedc!important
}

.brandBanner-primaryLink:after {
    content: '\00BB';
    position: absolute;
    width: 14px;
    height: 12px;
    background: url(../Media/primary-link-icon-inverted.png);
    left: 0;
    top: 12px;
    font-size: 27px;
    line-height: .25em;
    color: transparent;
    text-shadow: none
}

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

.brandBanner--thematic:after {
    background: url(../Media/prodOther_accent_brandBanner_stripesAndStar.svg) 0 -869px no-repeat;
    bottom: 0;
    content: '';
    left: 21px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 28px;
    z-index: 1
}

.brandBanner--overlay .brandBanner-content,.brandBanner--thematic,.brandBanner--thematicWithPhoto .brandBanner-content {
    background: url(../Media/prodOther_accent_brandBanner_diamondBackground.svg) left top no-repeat #12395b;
    background-size: cover
}

.brandBanner-accentSymbol img {
    backface-visibility: hidden;
    bottom: 0;
    height: 115%;
    mix-blend-mode: overlay;
    opacity: .18;
    position: absolute;
    right: 0;
    transform: translateX(30%)
}

.brandBanner--overlay .brandBanner-primaryButton,.brandBanner--thematicClosing .brandBanner-primaryButton {
    margin-top: 8px!important
}

.brandBanner--thematic .brandBanner-primaryButton,.brandBanner--thematicWithPhoto .brandBanner-primaryButton {
    margin-top: 7px
}

.brandBanner--thematic .brandBanner-subHeading {
    margin: 15px auto
}

.brandBanner--thematicWithPhoto .brandBanner-subHeading {
    font-size: 21px
}

.brandBanner--thematic .brandBanner-primaryHeading {
    line-height: 1.1em;
    letter-spacing: .01em;
    width: 76%;
    margin: 12px auto;
    padding-bottom: 0;
    font-family: 'Mercury Display',Times,serif;
    font-weight: 600
}

.brandBanner--thematic .brandBanner-accentHeading {
    margin: 12px 0
}

.brandBanner--thematic .brandBanner-content {
    padding: 90px
}

.brandBanner--thematicWithPhoto .brandBanner-content {
    padding: 90px 45px 90px 84px;
    text-align: left
}

.brandBanner--rightAligned .brandBanner-accentHeading:first-child,.brandBanner--thematic .brandBanner-accentHeading:first-child {
    margin-top: -6px
}

.brandBanner--overlay .brandBanner-accentHeading:first-child {
    margin-top: -4px
}

.brandBanner--thematic .brandBanner-primaryHeading:first-child {
    margin-top: -12px
}

.brandBanner--overlay .brandBanner-primaryHeading:first-child,.brandBanner--thematicClosing .brandBanner-primaryHeading:first-child,.brandBanner--thematicWithPhoto .brandBanner-primaryHeading:first-child {
    margin-top: -10px!important
}

.brandBanner--overlay {
    padding: 60px 0
}

.brandBanner--overlay .brandBanner-content {
    padding: 60px 90px;
    text-align: center
}

.brandBanner--overlay:after {
    top: 60px;
    bottom: 60px;
    height: auto
}

.brandBanner--overlay .brandBanner-primaryHeading,.brandBanner--thematicClosing .brandBanner-primaryHeading,.brandBanner--thematicWithPhoto .brandBanner-primaryHeading {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: .005em;
    margin: 14px 0;
    width: 100%
}

.brandBanner--overlay .brandBanner-accentHeading,.brandBanner--thematicClosing .brandBanner-accentHeading,.brandBanner--thematicWithPhoto .brandBanner-accentHeading {
    margin: 14px 0
}

.brandBanner--overlay .brandBanner-accentHeading,.brandBanner--overlay .brandBanner-primaryButton,.brandBanner--thematicWithPhoto .brandBanner-primaryButton {
    font-size: 15px
}

.brandBanner--thematicClosing .brandBanner-primaryHeading {
    text-transform: none
}

.brandBanner--thematicClosing .brandBanner-content {
    padding: 90px 90px 60px
}

.brandBanner--overlay .brandBanner-content .linkContainer,.brandBanner-content .linkContainer {
    padding-top: 15px
}

.brandBanner--thematicClosing .brandBanner-reachARepLink:last-child {
    margin-bottom: -30px
}

@media screen\0 {
    .brandBanner--thematic {
        background: url(../Media/brand-banner-generic.gif) no-repeat #0d2f4c;
        background-size: cover
    }

    .brandBanner-accentImage img {
        opacity: .05
    }
}

.brandBanner-content .primaryLink a {
    color: #fff
}

.brandBanner-content .primaryLink::after {
    background: url(../Media/primary-link-icon-inverted.svg) 0 0/cover rgba(0,0,0,0)
}

.brandBanner-accentSymbol {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.brandBanner-ratingsSection-accent {
    color: #F9C705
}

.bannerTransparent .brandBanner-content {
    background-color: rgba(15,28,49,.7);
    width: 50%
}

.brandBanner-subHeading sup {
    font-size: .6em;
    top: -.3em
}

.brandBanner--overlay .brandBanner-content .primaryLink {
    font-size: 17px;
    padding: 2px 16px 0 1.25em;
    position: relative;
    font-family: 'Gotham Narrow',Arial,sans-serif;
    font-weight: 100;
    line-height: 1.2em
}

.brandBanner--overlay .brandBanner-content .primaryLink a {
    color: #fff;
    text-decoration: none
}

.brandBanner--overlay .brandBanner-content .primaryLink:after {
    content: '';
    position: absolute;
    width: .52em;
    height: .448em;
    background: url(../Media/primary-link-icon-inverted.svg);
    background: url(../Media/primary-link-icon-inverted.png)\9;
    background-size: cover;
    left: 0;
    top: .2em;
    font-size: 27px;
    line-height: .25em;
    color: transparent;
    text-shadow: none
}

.brandBanner-primaryHeading sup {
    vertical-align: super
}