@charset"UTF-8";

.table,
.table>thead tr>th {
    background-color: transparent
}

.commission-tables .item-title h4,
.country-block h4 {
    display: inline
}

#intro .eyebrow,
#intro h5,
.country-block h4 {
    text-transform: uppercase;
    letter-spacing: .125rem
}

@layer bootstrap {

    .commission-tables .nav-pills .nav-item .nav-link:hover,
    .commission-tables .nav-pills .nav-item a,
    .commission-tables .nav-pills .nav-item a:active,
    .commission-tables .nav-pills .nav-item a:focus,
    .commission-tables .nav-pills .nav-item a:hover,
    .commission-tables .nav-pills .nav-item a:link,
    .commission-tables .nav-pills .nav-item a:visited {
        color: var(--btn-default-color) !important;
        background-color: var(--btn-default-bg-color) !important;
        border: 1px solid var(--btn-default-border-color) !important
    }

    .commission-tables .nav-pills .nav-item .nav-link.active,
    .commission-tables .nav-pills>li .nav-link.active {
        color: var(--light) !important;
        background-color: var(--primary) !important;
        border: 1px solid var(--primary) !important
    }

    .commission-tables .nav-item .nav-link:hover,
    [data-theme=light] .nav-pills .nav-item a:hover {
        filter: brightness(.9)
    }

    .commission-tables .nav-item .nav-link:hover,
    [data-theme=dark] .nav-pills .nav-item a:hover {
        filter: brightness(1.3)
    }
}

#content .hide,
#page-title {
    display: none
}

h5 img {
    margin: 0;
    margin-end: 20px;
    -webkit-margin-end: 20px;
    -moz-margin-end: 20px;
    width: 42px
}

.body-img {
    max-width: 420px
}

.sb-award {
    max-width: 200px;
    padding-top: 20px
}

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

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

.d-inlineblock,
.title-block {
    display: inline-block
}

.d-inlineblock {
    margin-end: 10px;
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px
}

#award-tiles {
    padding: 60px 0 20px
}

#final-cta,
.commission-tables .panel-group>.panel.panel-default>.panel-heading {
    background-color: var(--gray-5-solid)
}

.modal-dialog-top {
    margin-top: 10%
}

.table>tr>td {
    padding: 16px 8px
}

.table>thead tr>th {
    line-height: 1.25rem
}

.commission-tables .text-price,
.commission-tables h4,
.commission-tables h5,
.text-price {
    font-weight: var(--fw-600)
}

#box-fees-exp .title-box h4,
#box-incentive .title-box h4,
.country-block h4 {
    font-weight: var(--fw-600)
}

.item-title {
    margin-bottom: 5px
}

#intro .eyebrow,
#intro h1,
#intro h2,
#intro h3,
#intro h4,
.commission-tables .tier-set,
.page-title h2,
.panel-group .content-box h5 {
    font-weight: var(--fw-600)
}

.country-block img {
    margin-top: 2px;
    margin-bottom: 0;
    margin-start: 0;
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    margin-end: 10px;
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    width: 36px;
    vertical-align: top
}

#box-fees-exp p,
.commission-tables p {
    margin-bottom: 4px
}

.table-footnote {
    margin: 8px 0;
    font-size: .875rem;
    color: var(--gray)
}

.example-link {
    margin-top: 5px
}

#box-fees-exp .title-box {
    border-bottom: 1px solid var(--border-color);
    padding: 8px 0
}

#box-fees-exp .bkgd-box,
#box-incentive .bkgd-box,
#stocks-us .bkgd-box {
    padding: 8px 24px 32px;
    background-color: var(--gray-5-solid);
    border: 1px solid var(--border-color)
}

#box-fees-exp .content-box,
#box-incentive .content-box {
    padding: 24px 0
}

#box-fees-exp .nolines .table td,
#box-incentive .nolines .table td,
.table>tbody tr>.noborder-t {
    border-top: none
}

#box-fees-exp p {
    padding-top: 8px
}

.accordion-body .table tr>td>a,
.accordion-body a,
.featured-text {
    line-height: 1.5rem
}

.text-below-table {
    margin-bottom: 0;
    padding-top: 5px;
    font-size: .9rem;
    line-height: 1.125rem;
    color: var(--dark)
}

.notes .table,
.panel-body {
    background-color: var(--bg-body)
}

.note .table td {
    padding: 3px
}

.bkgd-box-gray {
    background-color: var(--gray-5-solid) !important;
    border-color: var(--border-color) !important
}

.panel-group .content-box,
.panel-group .content-box li,
.panel-group .content-box p {
    font-size: .9rem
}

.panel-group .content-box h5 {
    font-size: 1rem
}

.page-title h2 {
    font-size: 2.5rem
}

.page-title h3 {
    margin-top: 0
}

.commission-tables {
    padding-bottom: 20px
}

.commission-tables .item-title {
    margin-bottom: 10px
}

.commission-tables .item-title img {
    max-width: 30px
}

.commission-tables tr>td>ul {
    padding-start: 15px;
    -webkit-padding-start: 15px;
    -moz-padding-start: 15px
}

.commission-tables .table>tbody tr>td {
    padding-start: 20px;
    -webkit-padding-start: 20px;
    -moz-padding-start: 20px
}

.commission-tables .table-bordered>:not(caption)>* {
    border-width: inherit
}

.commission-tables .accordion>.card.card-default,
.commission-tables .accordion>.card.panel-default,
.commission-tables .accordion>.panel.card-default,
.commission-tables .accordion>.panel.panel-default,
.commission-tables .panel-group>.card.card-default,
.commission-tables .panel-group>.card.panel-default,
.commission-tables .panel-group>.panel.card-default,
.commission-tables .panel-group>.panel.panel-default {
    border: 1px solid var(--border-color)
}

.commission-tables .table>thead tr>th,
.table>tbody tr>th,
.table>tfoot tr>th {
    padding: 15px 20px;
    font-weight: var(--fw-600);
    font-size: .9875rem;
    line-height: 1rem;
    text-transform: none;
    background-color: var(--gray-5-solid);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    color: var(--dark)
}

.commission-tables .tier-set {
    background-color: var(--gray-5-solid)
}

#intro,
.commission-tables .tab-content {
    padding: 0
}

.commission-tables .tab-content>.active {
    display: block;
    padding: 5px 0
}

.commission-tables .col-min-170 {
    min-width: 170px
}

.commission-tables ul li {
    margin-start: 0;
    -webkit-margin-start: 0;
    -moz-margin-start: 0
}

.nolines>.table,
.nolines>.table tr>td {
    border: 0 !important
}

.table>tbody tr>.noborder-b {
    border-bottom: none
}

.table>tbody tr>.noborder-tb {
    border-top: none;
    border-bottom: none
}

.disclosure {
    margin: 80px 0 0
}

#content .navbar {
    margin-bottom: 40px;
    padding: 15px 10px;
    background: var(--gray-5-solid);
    border: 0;
    border-radius: 0;
    box-shadow: 1px 1px 3px hsla(0, 0%, 0%, .1)
}

#content .navbar-btn {
    border: 0;
    box-shadow: none;
    outline: 0 !important
}

#product-body .wrapper {
    display: flex;
    align-items: stretch;
    width: 100%
}

#content {
    padding: 20px 20px 80px;
    width: 100%;
    transition: .3s
}

#intro h1,
#intro h2 {
    margin: 0 0 16px;
    font-size: 2.875rem;
    line-height: 3.125rem;
    color: var(--white)
}

#intro .hero-color {
    padding-bottom: 30px;
    min-height: 585px;
    background: url(/images/web/Commissions-bg-900x495.jpg) 80% 0/cover no-repeat #222243
}

#intro .eyebrow {
    font-size: .9375rem;
    color: var(--white)
}

#intro h4 {
    padding-bottom: 32px;
    padding-end: 80px;
    -webkit-padding-end: 80px;
    -moz-padding-end: 80px;
    font-size: var(--fs-5);
    line-height: var(--h5-line-height);
    color: var(--white)
}

#intro .wrapper {
    padding-top: 96px;
    padding-bottom: 16px;
    padding-end: 32px;
    -webkit-padding-end: 32px;
    -moz-padding-end: 32px;
    padding-start: 48px;
    -webkit-padding-start: 48px;
    -moz-padding-start: 48px
}

#intro .btn {
    min-width: 140px;
    margin: 8px 0 4px
}

#intro .btn-region,
#intro .btn-region:focus,
#intro .btn-region:visited {
    color: var(--gray);
    background-color: var(--gray-5)
}

#intro h3,
#intro h5,
#intro p {
    color: var(--white)
}

#intro .btn-region-active,
#intro .btn-region-active:focus,
#intro .btn-region-active:hover,
#intro .btn-region-active:visited,
#intro .btn-region:hover {
    color: var(--white);
    background-color: var(--primary)
}

#intro .comm-tabs {
    margin: 16px 0
}

#intro .lifestyle {
    bottom: -30px;
    max-width: 460px
}

#intro h5 {
    padding: 10px;
    font-weight: var(--fw-700);
    font-size: .875rem
}

#intro .fa-li {
    font-size: 1rem
}

#intro h5 svg.fa-check-circle,
#intro h5.fa-ul h5 i.fa-check-circle,
#intro ul li svg.fa-check-circle,
#intro ul.fa-ul li i.fa-check-circle {
    color: var(--primary)
}

#intro ul.fa-ul li {
    padding-bottom: 4px;
    font-size: 1.125rem;
    line-height: 1.325rem
}

@media(max-width:575.98px) {
    #intro .hero-color {
        min-height: 280px
    }

    #intro h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    #intro .wrapper {
        padding: 48px 32px 16px
    }

    #intro h4 {
        padding-end: 32px;
        -webkit-padding-end: 32px;
        -moz-padding-end: 32px
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    #intro .hero-color {
        min-height: 280px
    }

    #intro h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    #intro .wrapper {
        padding: 48px 32px 16px
    }

    #intro h4 {
        padding-end: 32px;
        -webkit-padding-end: 32px;
        -moz-padding-end: 32px
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    #intro .hero-color {
        min-height: 280px
    }
}