/* GLOBAL */

.nowrap {
    width: 1%;
    white-space: nowrap;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

p a:not(.btn) {
    text-decoration: underline;
}

p a:not(.btn):focus,
p a:not(.btn):hover {
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: none;
}

#skip-navigation {
    padding: .5rem .75rem;
    display: block;
    border-radius: 5px;
    margin: 1px;
}

#skip-navigation:focus-visible {
    outline: -webkit-focus-ring-color auto 1px !important;
}

#global-index {
    min-height: 100vh;
    height: 100%;
    overflow-y: auto;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-color: #FFF;
    background: linear-gradient(rgba(255, 255, 255, .95), rgba(255, 255, 255, .95)), url('/cdn/AdobeStock-398189839.jpg') center center;
}

#global-index .section {
    display: flex;
    width: 100%;
    height: 100%;
    align-self: center;
}

#global-index .section .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.img-fluid {
    border-radius: 5px;
}

.rounded {
    border-radius: 5px !important;
}

@media (min-width: 1200px) {
    .h-xl-100 {
        height: 100% !important;
    }
}


/* GENERAL */

.text-shadow {
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .20);
}

.text-shadow-dark {
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .80);
}

.text-shadow-0 {
    text-shadow: none !important;
}

.box-shadow {
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}

.box-shadow-dark {
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .2);
}

.box-shadow-0 {
    box-shadow: none !important;
}

.svg-filter-sterling-blue {
    -webkit-filter: drop-shadow(1px 1px 0px rgba(56, 77, 117, 1));
    filter: drop-shadow(1px 1px 0px rgba(56, 77, 117, 1));
}

.svg-filter-digital-gray {
    -webkit-filter: drop-shadow(1px 1px 0px rgba(80, 80, 80, 1));
    filter: drop-shadow(1px 1px 0px rgba(80, 80, 80, 1));
}

.svg-filter-white {
    -webkit-filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 1));
    filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 1));
}

.image-overlay-25 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(80, 80, 80, .20);
}

.image-overlay-50 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(80, 80, 80, .5);
}

.image-overlay-75 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(80, 80, 80, .80);
}

.image-overlay-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: auto;
    padding: 1rem 1.5rem;
    color: #FFF;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: .25 !important;
}

.opacity-50 {
    opacity: .5 !important;
}

.opacity-75 {
    opacity: .75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.no-hover {
    color: inherit;
}

.no-hover:hover {
    text-decoration: none;
    color: inherit;
}

.centered {
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    margin: auto;
}

.bg-cover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.bg-ob-cover {
    -webkit-object-fit: cover !important;
    -moz-object-fit: cover !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    height: 100% !important;
}

/* @media (max-width: 991.98px) {
    .bg-ob-cover {
        width: 100%;
    }
} */

.bg-ob-cover.topleft {
    -webkit-object-position: left top !important;
    -moz-object-position: left top !important;
    -o-object-position: left top !important;
    object-position: left top !important;
}

.bg-gray-pattern1 {
    background: url('/assets/img/content/gray-pattern1.jpg') center top;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.bg-blue-triangle {
    background: linear-gradient(rgba(56, 77, 117, .5), rgba(56, 77, 117, .5)), url('/assets/img/content/blue-triangle-bg.jpg') center center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.bg-blue-lines {
    background: linear-gradient(rgba(56, 77, 117, .5), rgba(56, 77, 117, .5)), url('/assets/img/content/AdobeStock_333755834_Preview.jpeg') center center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.bg-s-light {
    background: url('/assets/img/content/bg-s-light.svg') center center;
}

.bg-bird-light {
    background: url('/assets/img/content/bg-bird-light.svg') center center;
}

.bg-stripes-light {
    background: url('/assets/img/content/bg-stripes-light.svg') center center;
}

.bg-flower-light {
    background: url('/assets/img/content/bg-flower-light.svg') center center;
}

.bg-banner {
    padding: 7rem 0;
    position: relative;
}

.bg-banner-home {
    padding: 7rem 0 4rem 0;
    position: relative;
}

@media (max-width: 1199.98px) {
    .bg-banner {
        padding: 6rem 0;
    }

    .bg-banner-home {
        padding: 6rem 0 3rem 0;
    }
}

@media (max-width: 991.98px) {
    .bg-banner {
        padding: 5rem 0;
    }

    .bg-banner-home {
        padding: 5rem 0 2rem 0;
    }
}

@media (max-width: 767.98px) {
    .bg-banner {
        padding: 4rem 0;
    }

    .bg-banner-home {
        padding: 4rem 0 1rem 0;
    }
}

@media (max-width: 575.98px) {
    .bg-banner {
        padding: 3rem 0;
    }

    .bg-banner-home {
        padding: 3rem 0 0 0;
    }
}

.bg-banner-overlay {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(80, 80, 80);
    background: linear-gradient(0deg, rgba(80, 80, 80, .80) 0%, rgba(80, 80, 80, .80) 100%);
}

.bg-banner-overlay-sterling-blue {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(56, 77, 117);
    background: linear-gradient(0deg, rgba(56, 77, 117, 1) 0%, rgba(56, 77, 117, .5) 100%);
}

.bg-banner-text {
    position: relative;
    z-index: 2;
    color: #FFF;
}

.bg-banner-text h2 {
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .80);
}

.bg-banner-text p {
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .80);
}

.bg-sterling-blue .glance-desc a,
.bg-banner-home .glance-desc a,
.bg-banner .glance-desc a {
    color: #FFF !important;
}

.badge {
    border-radius: 5px;
    font-weight: 400;
}

.divided-text {
    overflow: hidden;
    text-align: center;
}

.divided-text:before,
.divided-text:after {
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.divided-text:before {
    right: 7.5px;
    margin-left: -50%;
}

.divided-text:after {
    left: 7.5px;
    margin-right: -50%;
}

.divided-text:before,
.divided-text:after {
    background-color: #505050;
}

.divided-text.white:before,
.divided-text.white:after {
    background-color: #FFF;
}

.divided-text.sterling-blue:before,
.divided-text.sterling-blue:after {
    background-color: #384D75;
}

.divided-text.mid-gray:before,
.divided-text.mid-gray:after {
    background-color: #A8A8A8;
}

.divided-text.light-gray:before,
.divided-text.light-gray:after {
    background-color: #C9C9C9;
}

.divided-text.faded-gray:before,
.divided-text.faded-gray:after {
    background-color: #E7E9EC;
}

.divided-text-left {
    overflow: hidden;
    text-align: left;
}

.divided-text-left:after {
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.divided-text-left:after {
    left: 7.5px;
    margin-right: -100%;
}

.divided-text-left:after {
    background-color: #505050;
}

.divided-text-left.white:after {
    background-color: #FFF;
}

.divided-text-left.sterling-blue:after {
    background-color: #384D75;
}

.divided-text-left.faded-gray:after {
    background-color: #E7E9EC;
}

.text-stroke {
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #384D75;
}

.bg-sterling-blue .big-number,
.bg-banner-home .big-number,
.bg-banner .big-number {
    color: #FFF;
}

.big-number {
    color: #384D75;
    font-size: 4rem;
    line-height: 1.25;
    margin-bottom: 0;
}

.glance-desc {
    font-size: 14px;
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .big-number {
        font-size: 3.25rem;
    }
}


/* LAZY LOAD */

.lazyload {
    opacity: 0;
}

.lazyloading {
    opacity: 1;
    transition: opacity 300ms;
}

img.lazyload:not([src]) {
    visibility: hidden;
}


/* MARGIN/PADDING */

.row-15px {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
}

.row-15px [class*=col-],
.row-15px [class*=col] {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
}

.row-15px .row.no-gutters {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.row-15px .row.no-gutters [class*=col-],
.row-15px .row.no-gutters [class*=col] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.my-10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my-15px {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.my-30px {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mx-15px {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mx-30px {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.m-15px {
    margin: 15px !important;
}

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

.mt-n15px {
    margin-top: -15px !important;
}

.mt-18px {
    margin-top: 18px !important;
}

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

.mt-33px {
    margin-top: 33px !important;
}

.mb-10px {
    margin-bottom: 10px !important;
}

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

.mb-18px {
    margin-bottom: 18px !important;
}

.mb-20px {
    margin-bottom: 20px !important;
}

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

.mb-33px {
    margin-bottom: 33px !important;
}

.mb-38px {
    margin-bottom: 38px !important;
}

.mb-point75rem {
    margin-bottom: .75rem !important;
}

.ml-15px {
    margin-left: 15px !important;
}

.mr-15px {
    margin-right: 15px !important;
}

.px-15px {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

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

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

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

.py-7-5px {
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}

.py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-15px {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

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

.py-30px {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-30px {
    padding: 30px !important;
}

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

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

.pb-10px {
    padding-bottom: 10px !important;
}

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

.pb-18px {
    padding-bottom: 18px !important;
}

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

.pb-33px {
    padding-bottom: 33px !important;
}

.pb-38px {
    padding-bottom: 38px !important;
}

.pt-10px {
    padding-top: 10px !important;
}

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

.pt-18px {
    padding-top: 18px !important;
}

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

.pt-33px {
    padding-top: 33px !important;
}

.pt-38px {
    padding-top: 38px !important;
}

.p-15px {
    padding: 15px !important;
}

.p-75rem {
    padding: .75rem !important;
}

.button-row .btn {
    margin-bottom: 15px;
}

.row-small {
    justify-content: center;
}

.row-small>.col-12 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

@media (min-width: 576px) {
    .row-small>.col-12 {
        -ms-flex: 0 0 91.666667% !important;
        flex: 0 0 91.666667% !important;
        max-width: 91.666667% !important;
    }
}

@media (min-width: 768px) {
    .row-small>.col-12 {
        -ms-flex: 0 0 83.333333% !important;
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
    }
}

@media (min-width: 992px) {
    .row-small>.col-12 {
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
}

@media (min-width: 1200px) {
    .row-small>.col-12 {
        -ms-flex: 0 0 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }
}

@media (min-width: 1200px) {
    .col-xl-5ths {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667% !important;
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
}

@media (min-width: 992px) {
    .col-lg-5ths {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    .col-md-5ths {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 576px) {
    .col-sm-5ths {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.col-5ths {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-12 p:last-child,
.col-12 ol:last-child,
.col-12 ul:last-child {
    margin-bottom: 0;
}


/* COLORS

PRIMARY:
Sterling Blue: #384D75;
Dark Blue: #283753;
Digital Gray: #505050; Body Text
Truist Purple: #2E1A47;

SECONDARY:
Sky Blue: #B0E0E2; Benchmark Perf
Light Gray: #C9C9C9; Use Sparingly
Mid Gray: #A8A8A8; Net Perf
Faded Gray: #E7E9EC; Borders / Gridlines
Forest: #2B8A8C; Secondary Benchmark Perf
Dawn: #AFABC9;

TERTIARY:
"For data visualization only, when there are 8 or more elements."
Yellow: #FBB74D;
Moss: #7CB07A;
Forest: #2B8A8C;
Blue: #67A0D7;

TERTIARY - TINTS:
"For data visualization only."
Yellow-Tint: #FCD494;
Moss-Tint: #B0D0AF;
Forest-Tint: #80B9BA;
Blue-Tint: #A4C7E8;

MARKET FLUCTUATION:
Red: #FF0000;
Green: #00B050;

Grid Gray: #939393;

*/

.bg-digital-gray {
    background-color: #505050;
}

.text-digital-gray {
    color: #505050 !important;
}

.border-digital-gray {
    border: 1px solid #505050;
}

.bg-sterling-blue {
    background-color: #384D75;
}

.text-sterling-blue {
    color: #384D75;
}

.border-sterling-blue {
    border: 1px solid #384D75;
}

a.text-sterling-blue {
    color: #384D75;
}

a.text-sterling-blue:hover,
a.text-sterling-blue:focus,
a.text-sterling-blue:target,
a.text-sterling-blue:active {
    color: #283753 !important;
}

.border-sterling-blue {
    border: 1px solid #384D75;
}

.bg-dark-blue {
    background-color: #283753;
}

.text-dark-blue {
    color: #283753;
}

.border-dark-blue {
    border: 1px solid #283753;
}

.bg-purple {
    background-color: #2E1A47;
}

.text-purple {
    color: #2E1A47;
}

.border-purple {
    border: 1px solid #2E1A47;
}

.bg-sky-blue {
    background-color: #B0E0E2;
}

.text-sky-blue {
    color: #B0E0E2 !important;
}

.border-sky-blue {
    border: 1px solid #B0E0E2;
}

.bg-light-gray {
    background-color: #C9C9C9;
}

.text-light-gray {
    color: #C9C9C9;
}

.border-light-gray {
    border: 1px solid #C9C9C9;
}

.bg-mid-gray {
    background-color: #A8A8A8;
}

.text-mid-gray {
    color: #A8A8A8;
}

.border-mid-gray {
    border: 1px solid #A8A8A8;
}

.bg-faded-gray {
    background-color: #E7E9EC;
}

.bg-faded-gray hr {
    border-top: 1px solid rgba(255, 255, 255, 1);
}

.text-faded-gray {
    color: #E7E9EC;
}

.border-faded-gray {
    border: 1px solid #E7E9EC !important;
}

.border-faded-gray-top {
    border-top: 1px solid #E7E9EC !important;
}

.border-faded-gray-bottom {
    border-bottom: 1px solid #E7E9EC !important;
}

.border-faded-gray-left {
    border-left: 1px solid #E7E9EC !important;
}

.border-faded-gray-right {
    border-right: 1px solid #E7E9EC !important;
}

.border-white {
    border: 1px solid #E7E9EC;
}

.border-white-top {
    border-top: 1px solid #FFF;
}

.border-white-bottom {
    border-bottom: 1px solid #FFF;
}

.border-white-left {
    border-left: 1px solid #FFF;
}

.border-white-right {
    border-right: 1px solid #FFF;
}

@media (min-width: 992px) {
    .border-faded-gray-right-lg {
        border-right: 1px solid #E7E9EC;
    }

    .border-faded-gray-left-lg {
        border-right: 1px solid #E7E9EC;
    }

    .border-white-right-lg {
        border-right: 1px solid #FFF;
    }

    .border-white-left-lg {
        border-right: 1px solid #FFF;
    }
}

@media (min-width: 768px) {
    .border-faded-gray-right-md {
        border-right: 1px solid #E7E9EC;
    }

    .border-faded-gray-left-md {
        border-right: 1px solid #E7E9EC;
    }

    .border-white-right-md {
        border-right: 1px solid #FFF;
    }

    .border-white-left-md {
        border-right: 1px solid #FFF;
    }
}

@media (max-width: 991.98px) {
    .border-faded-gray-right-lg {
        border-right: 0;
        border-bottom: 1px solid #E7E9EC;
        padding-bottom: 3rem;
    }

    .border-faded-gray-left-lg {
        border-left: 0;
        border-top: 1px solid #E7E9EC;
        padding-top: 3rem;
    }

    .border-white-right-lg {
        border-right: 0;
        border-bottom: 1px solid #FFF;
        padding-bottom: 3rem;
    }

    .border-white-left-lg {
        border-left: 0;
        border-top: 1px solid #FFF;
        padding-top: 3rem;
    }
}

@media (max-width: 767.98px) {
    .border-faded-gray-right-md {
        border-right: 0;
        border-bottom: 1px solid #E7E9EC;
        padding-bottom: 3rem;
    }

    .border-faded-gray-left-md {
        border-left: 0;
        border-top: 1px solid #E7E9EC;
        padding-top: 3rem;
    }

    .border-white-right-md {
        border-right: 0;
        border-bottom: 1px solid #FFF;
        padding-bottom: 3rem;
    }

    .border-white-left-md {
        border-left: 0;
        border-top: 1px solid #FFF;
        padding-top: 3rem;
    }
}

.bg-forest {
    background-color: #2B8A8C;
}

.text-forest {
    color: #2B8A8C;
}

.border-forest {
    border: 1px solid #2B8A8C;
}

/* original dawn was #AFABC9 - they removed purple from their main branding as it related to truist */
/* see task id 57440 */

.bg-dawn {
    background-color: #80b9ba;
}

.text-dawn {
    color: #80b9ba;
}

.border-dawn {
    border: 1px solid #80b9ba;
}

.bg-yellow {
    background-color: #FBB74D;
}

.text-yellow {
    color: #FBB74D;
}

.border-yellow {
    border: 1px solid #FBB74D;
}

.bg-moss {
    background-color: #7CB07A;
}

.text-moss {
    color: #7CB07A;
}

.border-moss {
    border: 1px solid #7CB07A;
}

.bg-blue {
    background-color: #67A0D7;
}

.text-blue {
    color: #67A0D7;
}

.border-blue {
    border: 1px solid #67A0D7;
}

.bg-yellow-tint {
    background-color: #FCD494;
}

.text-yellow-tint {
    color: #FCD494;
}

.border-yellow-tint {
    border: 1px solid #FCD494;
}

.bg-moss-tint {
    background-color: #B0D0AF;
}

.text-moss-tint {
    color: #B0D0AF;
}

.border-moss-tint {
    border: 1px solid #B0D0AF;
}

.bg-forest-tint {
    background-color: #80B9BA;
}

.text-forest-tint {
    color: #80B9BA;
}

.border-forest-tint {
    border: 1px solid #80B9BA;
}

.bg-blue-tint {
    background-color: #A4C7E8;
}

.text-blue-tint {
    color: #A4C7E8;
}

.border-blue-tint {
    border: 1px solid #A4C7E8;
}

.bg-red {
    background-color: #FF0000;
}

.text-red {
    color: #FF0000 !important;
}

.border-red {
    border: 1px solid #FF0000;
}

.bg-green {
    background-color: #00B050;
}

.text-green {
    color: #00B050;
}

.border-green {
    border: 1px solid #00B050;
}

.bg-blue-gradient {
    background: rgb(56, 77, 117);
    background: -moz-linear-gradient(top, rgba(56, 77, 117, 1) 0%, rgba(40, 55, 83, 1) 62%);
    background: -webkit-linear-gradient(top, rgba(56, 77, 117, 1) 0%, rgba(40, 55, 83, 1) 62%);
    background: linear-gradient(to bottom, rgba(56, 77, 117, 1) 0%, rgba(40, 55, 83, 1) 62%);
}

.bg-black {
    background: #000;
}

.text-black {
    color: #000;
}

.bg-trans {
    background: transparent !important;
}

.border-white-right {
    border-right: 1px solid #FFF !important;
}

.border-white-left {
    border-left: 1px solid #FFF !important;
}

.border-top-white {
    border-top: 1px solid #FFF !important;
}

.border-bottom-white {
    border-bottom: 1px solid #FFF !important;
}

hr {
    margin: 1.5rem 0;
    border-top: 1px solid #E7E9EC;
}

hr.white {
    border-top: 1px solid #FFF;
}

hr.sterling-blue {
    border-top: 1px solid #384D75;
}

hr.light {
    border-top: 1px solid rgba(255, 255, 255, .125);
}

@-moz-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@-o-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}


/* TYPOGRAPHY

font-family: 'Open Sans', sans-serif;

*/

.font-weight-300 {
    font-weight: 300 !important;
}

.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-weight-900 {
    font-weight: 900 !important;
}

h1,
.h1 {
    font-size: 3rem;
}

h2,
.h2 {
    font-size: 2rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1.125rem;
}

@media (max-width: 991.98px) {

    h1,
    .h1 {
        font-size: 2rem;
    }

    h2,
    .h2 {
        font-size: 1.75rem;
    }

    h3,
    .h3 {
        font-size: 1.5rem;
    }

    h4,
    .h4 {
        font-size: 1.25rem;
    }

    h5,
    .h5 {
        font-size: 1.125rem;
    }

    h6,
    .h6 {
        font-size: 1rem;
    }

    .display-1 {
        font-size: calc(1.55rem + 2.5vw);
    }

    .display-2 {
        font-size: calc(1.45rem + 2.25vw);
    }

    .display-3 {
        font-size: calc(1.35rem + 2vw);
    }

    .display-4 {
        font-size: calc(1.25rem + 1.5vw);
    }
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #505050;
    font-size: 1rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.display-1,
.display-2,
.display-3,
.display-4 {
    color: #384D75;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: .75rem;
}

/* .bg-sterling-blue h1,
.bg-sterling-blue .h1,
.bg-sterling-blue h2,
.bg-sterling-blue .h2,
.bg-sterling-blue h3,
.bg-sterling-blue .h3,
.bg-sterling-blue h4,
.bg-sterling-blue .h4,
.bg-sterling-blue h5,
.bg-sterling-blue .h5,
.bg-sterling-blue h6,
.bg-sterling-blue .h6 {
    color: #FFF;
} */

.font-12px {
    font-size: 12px !important;
}

.font-13px {
    font-size: 13px !important;
}

.font-14px {
    font-size: 14px !important;
}

.font-15px {
    font-size: 15px !important;
}

.font-16px {
    font-size: 16px !important;
}

.font-17px {
    font-size: 17px !important;
}

.font-18px {
    font-size: 18px !important;
}

.font-19px {
    font-size: 19px !important;
}

.font-20px {
    font-size: 20px !important;
}

.font-22px {
    font-size: 22px !important;
}

.font-24px {
    font-size: 24px !important;
}

.lead {
    font-size: 1.15rem;
    font-weight: inherit;
}

@media (max-width: 1199.98px) {
    .lead {
        font-size: 1.125rem;
    }
}

@media (max-width: 991.98px) {
    .lead {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .lead {
        font-size: 1.075rem;
    }
}

@media (max-width: 767.98px) {
    .lead {
        font-size: 1.05rem;
    }
}

.huge {
    font-size: 1.5rem;
}

.eyebrow {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .5px;
    margin-bottom: .25rem;
}

.lh-125 {
    line-height: 1.25;
}

b,
strong {
    font-weight: 600;
}

#main-content a:not(.btn) {
    font-weight: 500;
    color: #384D75;
    transition: all .3s ease;
}

#main-content a:not(.btn):hover,
#main-content a:not(.btn):focus,
#main-content a:not(.btn):target,
#main-content a:not(.btn):active {
    color: #283753;
}

#main-content a:not(.btn).plain-link {
    text-decoration: none;
}

#main-content a:not(.btn).plain-link:hover,
#main-content a:not(.btn).plain-link:focus,
#main-content a:not(.btn).plain-link:target,
#main-content a:not(.btn).plain-link:active {
    text-decoration: underline;
}

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

ul {
    list-style-type: none;
}

#main-content ul,
#main-content ol {
    line-height: 1.25;
    padding: 0 0 0 1.25rem;
}

#main-content ul li,
#main-content ol li {
    margin-bottom: 10px;
}

#main-content ul li::before {
    /* content: "â–ª"; */
    font-size: 30%;
    content: "\f45c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #384D75;
    display: inline-block;
    width: 1rem;
    vertical-align: top;
    margin-top: .4rem;
    margin-left: -1rem;
}

#main-content ul li>ul {
    margin-top: 5px;
}

#main-content ul li>ul li::before {
    color: #80b9ba; /* originally AFABC9 - task id 57440 */
}

#main-content ul li>ul li>ul li::before {
    color: #B0E0E2;
}

#main-content ul li>ul li>ul li>ul li::before {
    color: #384D75;
}

#main-content ul li>ul li>ul li>ul li>ul li::before {
    color: #80b9ba; /* originally AFABC9 - task id 57440 */
}

#main-content ul li>ul li>ul li>ul li>ul li>ul li::before {
    color: #B0E0E2;
}

#main-content ul li>ul li>ul li>ul li>ul li>ul li {
    color: #384D75;
}

.no-before li::before {
    display: none !important;
}

.fa-ul {
    padding-left: 0 !important;
    margin-left: 1.75rem !important;
}

.m-star {
    width: 25px;
    max-width: 100%;
    height: auto;
    margin: 0 3px;
}

.m-star:first-of-type {
    margin-left: 0;
}

.m-star:last-of-type {
    margin-right: 0;
}

blockquote {
    font-size: 1.125em;
    font-weight: 400;
}

figcaption {
    font-size: 14px;
    font-weight: 600;
}

.sterling-blue-quote {
    background-color: #384D75;
    color: #FFF !important;
    padding: 3rem;
    border-radius: 5px;
}

.sterling-blue-quote h2 {
    color: #FFF !important;
}

.sterling-blue-quote a {
    color: #FFF !important;
}

@media (max-width: 575.98px) {
    .sterling-blue-quote {
        padding: 1.5rem;
    }
}

.faded-gray-quote {
    background-color: #E7E9EC;
    padding: 3rem;
    border-radius: 5px;
}

@media (max-width: 575.98px) {
    .faded-gray-quote {
        padding: 1.5rem;
    }
}

.sky-blue-quote {
    background-color: #B0E0E2;
    padding: 3rem;
    border-radius: 5px;
}

.sky-blue-quote p:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .sky-blue-quote {
        padding: 1.5rem;
    }
}


/* BUTTONS */

.btn-row {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
}

.btn-row [class*=col-],
.btn-row [class*=col] {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
}

.btn-row .btn {
    margin-bottom: 15px;
}

.btn {
    font-weight: 500;
    border-radius: 5px;
}

.btn-reg:focus-visible {
    box-shadow: none;
    border: 2px solid #FFF !important;
    outline: -webkit-focus-ring-color auto 1px !important;
}

button:focus-visible {
    outline-offset: 1px;
}

.btn-reg {
    font-size: 14px;
    padding: .75rem 1.5rem;
    line-height: 1.25;
}

.btn-sm {
    font-size: 14px;
}

p .fa-external-link,
a .fa-external-link,
.btn .fa-external-link {
    font-size: 75%;
    vertical-align: middle;
    margin-bottom: 1px;
}

.btn-sterling-blue {
    background-color: #384D75;
    color: #FFF;
    border: 2px solid #384D75;
}

.btn-sterling-blue:hover,
.btn-sterling-blue:focus,
.btn-sterling-blue:target,
.btn-sterling-blue:active {
    box-shadow: none;
    background-color: #283753;
    border: 2px solid #283753;
    color: #FFF;
}

.btn-group.border-1 .btn-outline-sterling-blue {
    border: 1px solid #384D75 !important;
}

.btn-group.btn-outline-sterling-blue.active {
    color: #FFF;
    border: 1px solid #384D75 !important;
}

.btn-group .btn-outline-sterling-blue+.btn-outline-sterling-blue {
    border-left: 1px solid #384D75 !important;
}

.btn-group.border-1 .btn-faded-gray {
    border: 1px solid #E7E9EC !important;
}

.btn-group.btn-faded-gray.active {
    border: 1px solid #E7E9EC !important;
}

.btn-group .btn-faded-gray+.btn-faded-gray {
    border-left: 1px solid #FFF !important;
}

.btn-outline-light {
    background-color: transparent;
}

.btn-outline-sterling-blue {
    color: #384D75;
    border: 2px solid #384D75;
    background-color: transparent;
}

.btn-outline-sterling-blue:hover {
    background-color: #384D75;
    color: #FFF !important;
    border: 2px solid #384D75;
}

.btn-outline-sterling-blue.focus,
.btn-outline-sterling-blue:focus,
.btn-outline-sterling-blue:target,
.btn-outline-sterling-blue:active {
    box-shadow: none;
    background-color: #384D75;
    color: #FFF !important;
    border: 2px solid #384D75;
}

.btn-outline-sterling-blue.active {
    background-color: #384D75;
    color: #FFF !important;
    border: 2px solid #384D75;
}

.btn-faded-gray {
    color: #505050 !important;
    border: 2px solid #E7E9EC;
    background-color: #E7E9EC;
}

.btn-faded-gray:hover {
    background-color: #FFF;
    color: #505050 !important;
    border: 2px solid #E7E9EC;
}

.btn-faded-gray.focus,
.btn-faded-gray:focus,
.btn-faded-gray:target,
.btn-faded-gray:active {
    box-shadow: none;
    background-color: #FFF;
    color: #505050 !important;
    border: 2px solid #E7E9EC;
}

.btn-faded-gray.active {
    background-color: #FFF;
    color: #505050 !important;
    border: 2px solid #E7E9EC;
}

.btn-faded-gray-border {
    color: #505050;
    border: 2px solid #E7E9EC;
    background-color: transparent;
}

.btn-faded-gray-border:hover {
    background-color: #E7E9EC;
    color: #505050 !important;
    border: 2px solid #E7E9EC;
}

.btn-faded-gray-border.focus,
.btn-faded-gray-border:focus,
.btn-faded-gray-border:target,
.btn-faded-gray-border:active {
    box-shadow: none;
    background-color: #E7E9EC;
    color: #505050 !important;
    border: 2px solid #E7E9EC;
}

.btn-faded-gray-border.active {
    background-color: #E7E9EC;
    color: #505050 !important;
    border: 2px solid #E7E9EC;
}

.btn-outline-faded-gray {
    color: #E7E9EC;
    border: 2px solid #E7E9EC;
    background-color: transparent;
}

.btn-outline-faded-gray:hover {
    background-color: #FFF;
    color: #505050 !important;
    border: 2px solid #E7E9EC;
}

.btn-outline-faded-gray.focus,
.btn-outline-faded-gray:focus,
.btn-outline-faded-gray:target,
.btn-outline-faded-gray:active {
    background-color: #E7E9EC;
    color: #505050 !important;
    border: 2px solid #E7E9EC;
}

.btn-sky-blue {
    background-color: #B0E0E2;
    border: 2px solid #B0E0E2;
    color: #505050 !important;
}

.btn-sky-blue:hover,
.btn-sky-blue:focus,
.btn-sky-blue:target,
.btn-sky-blue:active {
    background-color: #FFF;
    color: #505050 !important;
    border: 2px solid #B0E0E2;
    outline: 0;
}

.btn-forest {
    background-color: #2B8A8C;
    border: 2px solid #2B8A8C;
    color: #FFF !important;
}

.btn-forest:hover,
.btn-forest:focus,
.btn-forest:target,
.btn-forest:active {
    background-color: #FFF;
    color: #2B8A8C !important;
    border: 2px solid #B0E0E2;
    outline: 0;
}

.btn-outline-forest {
    color: #2B8A8C;
    border: 2px solid #2B8A8C;
    background-color: transparent;
}

.btn-outline-forest:hover {
    background-color: #2B8A8C;
    color: #FFFFFF !important;
    border: 2px solid #2B8A8C;
}

.btn-outline-forest.focus,
.btn-outline-forest:focus,
.btn-outline-forest:target,
.btn-outline-forest:active {
    background-color: #2B8A8C;
    color: #FFFFFF !important;
    border: 2px solid #2B8A8C;
}

.btn-outline-forest.active {
    background-color: #2B8A8C;
    color: #FFFFFF !important;
    border: 2px solid #2B8A8C;
}

.btn-group.border-1 .btn-outline-forest {
    border: 1px solid #2B8A8C !important;
}

.btn-group.btn-outline-forest.active {
    color: #FFF;
    border: 1px solid #2B8A8C !important;
}

.btn-group .btn-outline-forest+.btn-outline-forest {
    border-left: 1px solid #2B8A8C !important;
}


/* GLOBAL NAV */

.selected-link {
    background-color: #384D75;
    color: #FFF !important;
    pointer-events: none;
    user-select: none;
}

.selected-link a {
    color: #FFF !important;
}

.selected-link i {
    color: #FFF !important;
}

.disabled-link {
    pointer-events: none;
    opacity: .25;
    user-select: none;
}

.persona-selected {
    pointer-events: none !important;
    box-shadow: none !important;
}

.persona-selected::after {
    display: none;
}

#global-topbar {
    background: #384D75;
    color: #FFF;
}

#global-topbar p {
    font-size: 14px;
    margin-bottom: 0;
}

#global-topbar p span {
    padding: 0;
}

#global-topbar a {
    display: inline-block;
    padding: 7.5px;
    color: #FFF !important;
}

#global-topbar button {
    display: inline-block;
    padding: 7.5px;
    color: #FFF !important;
}

/* @media (max-width: 767.98px) {
    #global-topbar {
        display: none;
    }
} */

#global-topbar .persona-toggle {
    color: #FFF !important;
    padding: 7.5px !important;
    margin: 0 !important;
}

#global-topbar .persona-toggle:hover,
#global-topbar .persona-toggle:focus,
#global-topbar .persona-toggle:target,
#global-topbar .persona-toggle:active {
    text-decoration: underline;
}

.persona-toggle span {
    font-size: 14px;
}

.persona-toggle.collapsed i {
    vertical-align: middle;
    font-size: 8px;
    margin-left: 3px;
    transform: rotate(0deg);
    transition: all .1s ease-in-out;
}

.persona-toggle i {
    vertical-align: middle;
    font-size: 8px;
    margin-left: 3px;
    transform: rotate(-180deg);
    transition: all .1s ease-in-out;
}

#persona-type {
    position: relative;
}

.persona-close {
    position: absolute;
    top: 0;
    right: 0;
}

.persona-close button {
    border-radius: 30px !important;
    color: #FF0000 !important;
    position: relative;
    padding: .5rem;
    font-size: 15px;
    opacity: 1;
    outline: 0;
    border: 0;
    background-color: transparent;
    transition: all .3s ease;
}

.persona-close button:hover,
.persona-close button:focus {
    background: #FFF;
    opacity: 1 !important;
}

#mobile-company-bar {
    display: block;
    font-size: 14px;
    background-color: #384D75;
    color: #FFF !important;
    text-align: center !important;
    padding: 7.5px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

#mobile-company-bar p {
    margin-bottom: 0;
}

#mobile-company-bar p span {
    padding: 0 .5rem;
}

#mobile-company-bar a {
    color: #FFF !important;
}

@media (min-width: 1200px) {
    #mobile-company-bar {
        display: none;
    }
}


/* NAVIGATION */

.nav-offset {
    margin-top: -75px;
}

.nav-pad-offset {
    padding-top: 75px;
}

#main-navbar {
    background: #FFF;
    padding: 15px 0;
}

#main-navbar.navbar-scrolled {
    background: #FFF;
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}

#main-navbar.navbar-scrolled.no-shadow {
    box-shadow: none !important;
}

a.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-brand img {
    width: 220px;
    height: 55px;
    max-width: 100%;
    border-radius: 0 !important;
}

#main-navbar .navbar-nav .nav-item .nav-link {
    line-height: 1.25;
    border: 1px solid transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #384D75;
    position: relative;
}

#main-navbar .navbar-nav .nav-item .nav-link:hover,
#main-navbar .navbar-nav .nav-item .nav-link:focus {
    color: #384D75;
    -webkit-text-stroke: .5px #384D75;
}

#main-navbar.navbar-expand-xl .navbar-nav .persona-toggle {
    line-height: 1;
}

#main-navbar .dropdown.show .nav-link {
    color: #384D75;
    -webkit-text-stroke: .5px #384D75;
}

#main-navbar .dropdown-menu {
    margin: 0;
    padding: 1rem;
    border-radius: 0 0 5px 5px;
    background-color: #FFF;
    border: 0;
    border-top: 1px solid #E7E9EC;
    background-clip: border-box;
}

#main-navbar .dropdown-header {
    font-weight: 500;
    color: #505050;
    font-size: 14px;
    white-space: normal;
    letter-spacing: .5px;
    line-height: 1.25;
    margin: .25rem 0;
    padding: .25rem .75rem;
}

#main-navbar .dropdown-header span {
    display: inline-block;
    vertical-align: middle;
    width: 7.5px;
    height: 15px;
    margin-right: 7.5px;
}

#main-navbar .dropdown-item {
    font-size: 14px;
    color: #384D75;
    padding: .5rem .75rem;
    border-radius: 5px;
    line-height: 1.25;
    white-space: normal;
    transition: all .3s ease;
}

#main-navbar .dropdown-item:hover,
#main-navbar .dropdown-item:focus {
    color: #384D75;
    background-color: transparent;
    -webkit-text-stroke: .5px #384D75;
}

#main-navbar .dropdown-item.active {
    color: #384D75;
    background-color: transparent;
    text-decoration: underline;
}

#main-navbar .dropdown-item.indented {
    width: 90%;
    font-size: 14px;
    margin-left: .75rem;
}

#main-navbar .dropdown-item span i {
    float: right;
    margin-left: 1rem;
    font-size: 9px !important;
    margin-top: 3px;
}

#main-navbar .dropdown-divider {
    margin: .375rem 0;
    border-top: 1px solid #E7E9EC;
}

#searchbar button {
    font-size: 15px;
    padding-left: .75rem;
    padding-right: .75rem;
    border: 1px solid #E7E9EC;
}

#searchbar .form-control {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;
    opacity: .5;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
}

[type="search"]::-webkit-search-cancel-button:hover {
    opacity: 1;
    cursor: pointer;
}

#search-submit:focus {
    border: 1px solid #505050;
    box-shadow: none;
    outline: 0;
}

#search-close {
    color: #FF0000 !important;
}

#search-close:focus {
    border: 1px solid #505050;
    box-shadow: none;
    outline: 0;
}

#search-btn {
    padding: .75rem !important;
}

@media (min-width: 1200px) {
    /* #searchbar {
        position: absolute;
        left: 240px;
        right: 240px;
        margin: auto;
        width: 730px;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s ease;
    } */

    #searchbar {
        position: absolute;
        left: 240px;
        right: 180px;
        margin: auto;
        width: 675px;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s ease;
    }

    #main-navbar.navbar-expand-xl .navbar-nav .nav-link {
        padding: .75rem 1rem;
    }

    #main-navbar.navbar-expand-xl .navbar-nav .persona-toggle {
        padding: 6px 0;
        text-align: center;
    }

    #main-navbar .nav-item.dropdown.show:before {
        content: "";
        position: absolute;
        bottom: -20px;
        height: 20px;
        width: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 2;
    }

    #main-navbar .dropdown-toggle:after {
        border: 0;
        font-size: 10px;
        content: "\f078";
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        right: 0;
        top: 1px;
        position: relative;
        margin-left: 4px;
        color: inherit;
        display: inline-block !important;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: rotate(0deg);
        transition: all .2s ease;
    }

    #main-navbar .dropdown.show .dropdown-toggle:after {
        transform: rotate(-180deg);
        transition: all .1s ease-in-out;
    }

    /* #main-navbar .dropdown.show a.nav-link {
        pointer-events: none;
    } */

    #main-navbar .dropdown.show .dropdown-menu {
        display: block;
        margin-top: 19px;
    }

    #main-navbar .dropdown-menu.show {
        display: block;
        margin-top: 19px;
    }

    #main-navbar .dropdown-menu {
        width: 275px;
        max-height: calc(100vh - 75px);
        overflow-y: auto;
        overflow-x: hidden;
        box-shadow: 0px 10px 20px rgba(80, 80, 80, .1);
    }

    #main-navbar .dropdown.show a.nav-link:before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        content: '';
        bottom: -20px;
        width: 100%;
        height: 2px;
        background-color: #384D75;
        z-index: 1;
        display: block;
        cursor: default;
    }

    #right-nav-links {
        border-left: 1px solid #E7E9EC;
        margin-left: .75rem;
        padding-left: .75rem;
    }
}

@media (max-width: 1199.98px) {
    #searchbar {
        display: none;
    }

    #main-navbar {
        background: #FFF;
        padding: 0 15px;
        transition: all .3s ease;
    }

    #main-navbar .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #right-navbar {
        display: none;
    }

    #main-navbar .navbar-collapse {
        max-height: calc(85vh - 65px);
        overflow-y: auto;
    }

    #main-navbar .navbar-collapse::-webkit-scrollbar {
        display: none;
    }

    #main-navbar .navbar-collapse {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #mobile-search button {
        line-height: 1.1;
    }

    a.navbar-brand {
        margin: 15px 0;
    }

    .navbar-brand img {
        width: 180px;
        height: 45px;
        transition: all .3s ease;
    }

    /* .navbar-brand img {
        width: 150px;
        height: 45px;
        transition: all .3s ease;
    } */

    #main-navbar .navbar-nav .nav-item .nav-link {
        padding: 15px 30px 15px 12px;
        border-bottom: 1px solid #E7E9EC;
    }

    #main-navbar .navbar-nav .nav-item .nav-link:focus {
        outline: 0;
    }

    #main-navbar .navbar-nav .nav-item.dropdown.show .nav-link {
        outline: 0;
        border-bottom: 1px solid #384D75;
    }

    #main-navbar .navbar-nav .nav-item:last-of-type .nav-link {
        border-bottom: 0;
    }

    #main-navbar .dropdown .dropdown-toggle:after {
        position: absolute;
        right: 16px;
        top: 15px;
        font-size: 16px;
        background-color: none;
        border: 0;
        font-size: 1rem;
        content: "\f078";
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        color: inherit;
        display: inline-block !important;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: rotate(0deg);
        transition: all .2s ease;
    }

    #main-navbar .dropdown.show .dropdown-toggle:after {
        transform: rotate(-180deg);
        transition: all .1s ease-in-out;
    }
}

@media (max-width: 575.98px) {
    #main-navbar .container {
        padding-left: 0;
        padding-right: 0;
    }
}

#main-navbar .nav-link-active a.nav-link {
    color: #384D75 !important;
    text-decoration: underline !important;
}

#main-navbar .nav-link.active {
    color: #384D75 !important;
    text-decoration: underline !important;
}

@media (max-width: 1400px) {
    #main-navbar .dropdown:last-child>.dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }
}


/* MEGA MENU */

.mega-dropdown-container {
    display: block !important;
    width: 100%;
    padding: 15px 15px 0 15px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-around !important;
    /* background-color: #E7E9EC; */
}

.mega-dropdown-container .row {
    justify-content: center;
}

.mega-dropdown-container .col-12 {
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    #main-navbar .mega-dropdown-closer {
        border: 1px solid #FFF;
        color: #FF0000 !important;
        font-size: 1rem;
        padding: 12px !important;
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
        opacity: 1;
        border-radius: 100%;
    }

    #main-navbar .mega-dropdown-closer:hover,
    #main-navbar .mega-dropdown-closer:focus {
        border: 1px solid #E7E9EC;
        outline: 0;
        color: #FF0000;
        opacity: 1 !important;
        box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
    }

    #main-navbar.navbar .dropdown.mega {
        position: static;
    }

    #main-navbar.navbar .dropdown-menu.mega-drop {
        z-index: 1021;
        max-height: calc(100vh - 85px);
        overflow-y: auto;
        width: 100% !important;
        left: 0;
        right: 0;
        margin: 0 !important;
        padding: 0;
        transition: all .3s ease;
    }

    #main-navbar .nav-item.dropdown.mega:hover:before {
        bottom: 0px !important;
    }
}

@media (max-width: 1199.98px) {
    #main-navbar .navbar .dropdown-menu {
        box-shadow: none;
    }

    #main-navbar .mega-dropdown-closer {
        display: none;
    }

    #main-navbar .mega-dropdown-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    #main-navbar .mega-dropdown-container .row {
        padding: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .mega-dropdown-container .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* MOBILE MENU */

@media (min-width: 1200px) {
    .navbar-toggler {
        display: none;
    }
}

.navbar-toggler {
    margin: 0;
    padding: 15px;
    border: none;
    background: transparent;
    border-radius: 100%;
}

.navbar-toggler:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    background: transparent !important;
}

.navbar-toggler .icon-bar {
    background-color: #384D75;
    transform: rotate(0deg) translate(0px, 0px);
    transition: ease all .2s;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 1px;
    border-radius: 5px;
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 5px;
}

.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    background: #FF0000;
    transform: rotate(45deg) translate(5px, 4px);
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    background: #FF0000;
    transform: rotate(-45deg) translate(4px, -4px);
    transition: ease all .2s;
}


/* HERO CAROUSEL */

#hero-container {
    background-color: #505050;
}

#hero {
    position: relative;
}

#hero .carousel-item {
    overflow: hidden;
}

.hero-overlay {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 3rem 0;
    background: rgb(80, 80, 80);
    background: linear-gradient(0deg, rgba(80, 80, 80, .80) 0%, rgba(80, 80, 80, .80) 100%);
}

.hero-overlay-sterling-blue {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 3rem 0;
    background: rgb(56, 77, 117);
    background: linear-gradient(0deg, rgba(56, 77, 117, 1) 0%, rgba(56, 77, 117, .5) 100%);
}

.hero-text {
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: #FFF;
    padding-bottom: calc(3rem + 30px);
}

.hero-logo {
    width: 100%;
    min-width: 215px;
}

@media (max-width: 991.98px) {
    .hero-logo {
        width: 215px;
        margin-bottom: 30px;
    }
}

#hero ul li::before {
    color: #FFFFFF;
}

/* .hero-text .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
} */

/* @media (min-width: 992px) {
    .hero-text .col-12 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media (min-width: 1200px) {
    .hero-text .col-12 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
} */

.hero-text h2 {
    color: #FFF !important;
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .40);
}

.hero-text a:hover,
.hero-text a:focus,
.hero-text a:target,
.hero-text a:active {
    color: #FFF;
    transition: all .3 ease;
}

.hero-text p.eyebrow {
    color: #FFF;
    margin-bottom: .5rem;
}

.hero-text p.eyebrow small {
    font-size: 60%;
}

.hero-text p {
    margin-bottom: 1rem;
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .80);
}

.hero-text p:last-child {
    margin-bottom: 0;
}

.hero-text a {
    margin-top: 1.5rem;
}

.bg-hero {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: calc(75vh - 75px);
    max-height: 1080px;
    min-height: 600px;
}

@media (max-width: 1199.98px) {
    .bg-hero {
        height: calc(75vh - 65px);
        max-height: 600px;
    }
}

@media (max-width: 991.98px) {
    .bg-hero {
        height: calc(75vh - 65px);
    }
}

@media (max-width: 767.98px) {
    .bg-hero {
        height: calc(75vh - 65px);
    }
}

@media (max-width: 575.98px) {
    .bg-hero {
        height: calc(75vh - 65px);
    }
}

.hero-pp-btn {
    font-size: 15px;
    color: #FFF;
    margin: 0;
    padding: 5px;
    border: 0;
    border-radius: 100%;
    background-color: transparent;
    line-height: 1;
    overflow: visible;
    position: absolute;
    bottom: -8px;
    z-index: 5;
    transition: all .3s ease;
}

.hero-pp-btn:focus {
    outline: none;
}

.hero-pp-btn:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

#hero-indicators {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: calc(3rem + 15px);
}

#hero .carousel-indicators {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: calc(100% - 60px);
    left: 50px !important;
    right: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#hero .carousel-indicators li {
    display: flex;
    width: 100%;
    margin: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    background: transparent;
    opacity: 1;
    background-clip: border-box;
    cursor: auto;
}

#hero .carousel-indicators li a {
    display: block;
    width: 100%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 5px;
    padding: 4px;
    margin: 0 5px;
}

@keyframes bg-fill {
    from {
        background-position: right;
    }

    to {
        background-position: left;
    }
}

#hero .carousel-indicators li.active a {
    background-position: left;
    background: linear-gradient(to right, white 50%, transparent 50%);
    background-size: 200% 100%;
    border: 1px solid #FFF;
    opacity: 1;
    transition: all .3s ease;
    animation-name: bg-fill;
    animation-duration: 7s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-font-smoothing: antialiased;
}

/* #hero:hover .carousel-indicators li.active,
#hero:focus .carousel-indicators li.active {
    animation-play-state: paused;
} */

#hero .carousel-control-prev,
#hero .carousel-control-next {
    font-size: 17px;
    color: #FFF !important;
    width: 30px;
}

#hero .carousel-control-prev {
    -webkit-filter: drop-shadow(-3px 0px 0px rgba(56, 77, 117, 1));
    filter: drop-shadow(-3px 0px 0px rgba(56, 77, 117, 1));
    transition: all .3s ease;
}

#hero .carousel-control-next {
    -webkit-filter: drop-shadow(3px 0px 0px rgba(56, 77, 117, 1));
    filter: drop-shadow(3px 0px 0px rgba(56, 77, 117, 1));
    transition: all .3s ease;
}

@media (max-width: 575.98px) {

    #hero .carousel-control-prev,
    #hero .carousel-control-next {
        display: none;
    }
}

ul.hero-updates-list {
    padding: 0 !important;
    margin: 1rem 0 0 0 !important;
    list-style-type: none;
}

ul.hero-updates-list li {
    color: #FFF;
    margin: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .125);
}

ul.hero-updates-list li::before {
    display: none !important;
}

ul.hero-updates-list li span.date {
    letter-spacing: 1px;
    font-size: 14px;
}

ul.hero-updates-list li a {
    font-weight: 400;
    border-radius: 0px;
    padding: 15px;
    color: #FFF !important;
    display: block;
    position: relative;
    transition: all .3s ease;
}

ul.hero-updates-list li a:hover,
ul.hero-updates-list li a:focus {
    background: rgba(255, 255, 255, .125);
    text-decoration: none;
}

@-webkit-keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}

#home-first-section .container {
    background-color: #FFF;
    position: relative;
    z-index: 2;
    padding-top: 3rem;
    margin-top: -3rem;
    border-radius: 30px 30px 0 0;
}

@media (min-width: 992px) {

    #mutual-funds-home .btn,
    #smas-home .btn {
        border-radius: 0 5px 5px 0 !important;
    }
}

#linkbar {
    background-color: #384D75;
    padding-top: 15px;
}

#icon-linkbar {
    background-color: #B0E0E2;
}

#icon-linkbar .row {
    justify-content: center;
}

#icon-linkbar .col-12 {
    text-align: center;
    border-right: 1px solid #FFF;
    padding-left: 0;
    padding-right: 0;
}

#icon-linkbar .col-12:last-of-type {
    border-right: 0;
}

#icon-linkbar a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 15px;
}

#icon-linkbar a i {
    display: inline-block;
    font-size: 1.33333em;
    margin: 0 .5rem 0 0;
    vertical-align: middle;
}

@media (max-width: 991.98px) {
    #icon-linkbar .col-12 {
        border-right: 0;
        border-bottom: 1px solid #FFF;
    }

    #icon-linkbar .col-12:last-of-type {
        border-bottom: 0;
    }

    #icon-linkbar a {
        padding: 30px 15px;
        text-decoration: none !important;
    }

    #icon-linkbar .col-12:last-of-type a {
        margin-bottom: 0px;
    }

    #icon-linkbar a i {
        display: block;
        margin: 0 auto .25rem auto;
    }
}


/* SELECTPICKER */

.bootstrap-select ul {
    list-style-type: none !important;
    line-height: 1.25;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
}

.bootstrap-select ul li {
    text-align: left;
    margin: 0 !important;
}

.bootstrap-select ul li::before {
    display: none !important;
}

.bootstrap-select .dropdown-menu li a.opt {
    padding-left: .75rem;
}

.bootstrap-select ul li a {
    white-space: normal;
    padding: .5rem .75rem;
    font-weight: 400 !important;
}

.bootstrap-select ul li a:hover,
.bootstrap-select ul li a:focus {
    background-color: #E7E9EC;
}

.bootstrap-select .dropdown-header {
    font-weight: 400;
    color: #505050;
    padding: 0 0 .5rem 0;
    display: inline-block;
}

.bootstrap-select ul li.dropdown-divider {
    margin: .25rem 0 .75rem 0 !important;
}

.bootstrap-select .btn:focus {
    border: 1px solid #384D75;
    box-shadow: none;
}

.bootstrap-select .btn {
    font-weight: 400;
    box-shadow: none !important;
}

.bootstrap-select.show .btn {
    box-shadow: none !important;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    background-color: #E7E9EC;
    border: 1px solid #384D75;
    box-shadow: none;
}

.btn-light.dropdown-toggle {
    color: #505050 !important;
}

.bootstrap-select ul li.active a {
    background-color: #384D75 !important;
    color: #FFF !important;
    font-weight: 500 !important;
}

@media (max-width: 991.98px) {
    #team-filters .input-group-text {
        min-width: 105px;
    }

    #team-filters .input-group-text label {
        margin: auto;
    }
}

@media (max-width: 767.98px) {
    .input-group-text {
        min-width: 60px;
    }

    .input-group-text label {
        margin: auto;
    }
}

.input-group .bootstrap-select {
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}

.bootstrap-select {
    background-color: #FFF;
    border: 0;
    border-radius: 5px;
}

.bootstrap-select .btn {
    background-color: #FFF;
    border: 1px solid #E7E9EC;
    border-radius: 5px;
}

.bootstrap-select .btn:hover,
.bootstrap-select .btn:focus {
    background-color: #E7E9EC;
    outline: 0 !important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
}

.bootstrap-select .dropdown-menu {
    border-radius: 5px;
    border: 0;
    padding: 15px;
    max-height: 300px;
    background-color: #FFF !important;
    box-shadow: 0px 10px 20px rgba(80, 80, 80, .1);
}

.bootstrap-select .dropdown-menu .dropdown-item {
    border-radius: 5px;
    color: #384D75;
}

.bootstrap-select.dropdown.show .dropdown-menu {
    margin: 0;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    color: #505050;
    font-weight: 400;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    font-size: 12px;
    top: 8px;
}

.bs-searchbox {
    padding: 0 0 15px 0;
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 0 15px 0;
}

.bootstrap-select.dropdown .dropdown-toggle:after {
    position: absolute;
    right: 10px !important;
    top: 8px !important;
    font-size: 12px !important;
    background-color: none;
    border: 0;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    color: inherit;
    display: inline-block !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: rotate(0deg);
    transition: all .2s ease;
}

.bootstrap-select.dropdown.show .dropdown-toggle:after {
    transform: rotate(-180deg);
}


/* CARDS */

.card {
    border: 1px solid #E7E9EC;
    border-radius: 5px;
    transition: all .3s ease;
}

.card-hover:hover {
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}

.card-header:first-child {
    border-radius: 5px 5px 0 0;
}

/* .card-header {
    background-color: #384D75;
    color: #FFF !important;
} */

/* .card-heading {
    color: #FFF !important;
    margin-bottom: 0;
} */

.card-header,
.card-body,
.card-footer {
    padding: 1.5rem;
}

.card-footer {
    border: 0;
    border-top: 1px solid #E7E9EC;
    background: transparent;
    padding: 1.5rem;
}

.card-link p:last-child,
.card-link ul:last-child,
.card-link ol:last-child {
    margin-bottom: 0;
}

span.small ul:last-child,
span.small ol:last-child {
    padding-left: 1.5rem;
}

.card-body p:last-child {
    margin-bottom: 0;
}

.card-footer:last-child {
    border-radius: 0 0 5px 5px;
}

.card-link {
    color: inherit;
}

.card-link p {
    transition: all .3s ease;
}

.card-link .text-blue {
    transition: all .3s ease;
}

.card-link:hover,
.card-link:focus {
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
    transition: all .3s ease;
}

.card-link:hover .text-blue,
.card-link:focus .text-blue {
    opacity: .8;
    transition: all .3s ease;
}

.card-link:hover p,
.card-link:focus p {
    color: #555;
    transition: all .3s ease;
}

.card-link:hover ol,
.card-link:focus ol {
    color: #555;
    transition: all .3s ease;
}

.card-link:hover ul,
.card-link:focus ul {
    color: #555;
    transition: all .3s ease;
}

.card-img-overlay {
    background: linear-gradient(rgba(80, 80, 80, 0), rgba(80, 80, 80, .85));
}

.card-img-overlay p {
    color: #FFF;
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    right: 0;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
    text-shadow: 0px 2px 5px rgba(80, 80, 80, 1);
}

.zoom-wrapper {
    position: relative;
    overflow: hidden !important;
    border-radius: 5px;
    will-change: transform;
}

.zoom-wrapper img {
    max-width: 100% !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card-zoom:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.video-image {
    display: block;
    position: relative;
    text-align: center;
}

.video-image img {
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.video-image div {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
    right: 0;
}

.video-image div span {
    font-weight: 400;
    font-size: 14px;
}


/* PERSONA CARDS */

.persona-card {
    font-size: 14px;
    height: 100%;
    text-align: center;
    padding: 1.5rem;
    display: block;
}

.persona-card i {
    margin: 0 auto .5rem auto;
}

.persona-card:focus-visible {
    border: 2px solid #FFF;
    outline: -webkit-focus-ring-color auto 1px;
}

.card-hover:hover {
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}

.card-no-hover:hover {
    box-shadow: none !important;
}


/* SHARE BUTTONS */

.share-card {
    font-size: 14px;
    height: 100%;
    text-align: center;
    padding: 1.5rem;
    display: block;
}

.share-card i {
    margin: 0 auto .5rem auto;
}


/* INSIGHT CARDS */

#insight-filters {
    background: #FFF;
    border-bottom: 1px solid #E7E9EC;
    transition: all .3s ease;
}

@media (min-width: 992px) {
    #insight-filters {
        position: sticky;
        top: -1px;
        margin-top: 1px;
        z-index: 1020;
    }

    #insight-filters.scrolled {
        box-shadow: 0px 10px 20px rgba(80, 80, 80, .1);
    }
}

#insight-filters .bootstrap-select .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.insight-card {
    text-align: left;
    height: 100%;
    border: 1px solid #E7E9EC;
}

.insight-card:hover {
    box-shadow: 0px 10px 20px rgba(80, 80, 80, .1);
}

.insight-card img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #E7E9EC;
}

.insight-card .details {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: .25rem;
}

.insight-card .details span {
    letter-spacing: 1px;
}

.insight-card .details small {
    font-size: 60%;
}

.insight-card .heading {
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: .25rem;
}

.insight-card .heading a span {
    float: right;
    margin-left: .5rem;
    font-size: 12px;
    vertical-align: top;
    margin-top: 2px;
}

.insight-card .desc {
    margin-top: .25rem;
    font-size: 14px;
}

.insight-card .desc-large {
    font-size: 15px;
}

#subscribe-slidein {
    max-height: 100vh;
    overflow-y: auto;
    position: fixed;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 1021;
    margin: 0;
    border: 1px solid #E7E9EC;
    border-radius: 5px;
    animation-delay: 15s;
    padding: 1.5rem;
    width: 450px;
    box-shadow: 0px 10px 20px rgba(80, 80, 80, .1);
}

#subscribe-slidein .close {
    position: absolute;
    font-size: 18px;
    padding: 10px;
    margin-top: 5px;
    margin-right: 5px;
}

@media (max-width: 575.98px) {
    #subscribe-slidein {
        width: calc(100% - 30px);
    }
}


/* LINE CLAMP TEXT TRUNCATE */

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-two {
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.clamp-three {
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

.clamp-four {
    line-clamp: 4;
    -webkit-line-clamp: 4;
}

.clamp-five {
    line-clamp: 5;
    -webkit-line-clamp: 5;
}


/* LOCATION CARDS */

.location-card {
    height: 100%;
    border-radius: 5px;
    border: 1px solid #E7E9EC;
}

/* .location-card:hover {
    box-shadow: 0px 10px 20px rgba(80,80,80,.1);
} */

.location-card .location-img {
    width: 100%;
    border-bottom: 1px solid #E7E9EC;
}

.location-card .location-img-big {
    border: 0;
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover !important;
    -moz-object-fit: cover !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    height: 202px;
}

.location-card span.directions {
    float: right;
    margin-left: .5rem;
}

.location-card span.directions i {
    font-size: 14px;
    vertical-align: top;
    margin-top: 5px;
}

.location-heading {
    font-size: 1.15rem;
    color: #384D75;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: .25rem;
}

.location-card address {
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 0;
}

.location-card .card-body {
    padding: 1.5rem 1.5rem .5rem 1.5rem;
}

.location-card .card-footer {
    border: 0;
    background: transparent;
    padding: 0 1.5rem 1.5rem 1.5rem;
}

.location-card .img-container {
    position: relative;
}

.location-card .img-tag {
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    font-size: 14px;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFF !important;
    background-color: #505050;
}

@media (max-width: 1199.98px) {
    .location-card .location-img-big {
        height: 169px;
    }
}

@media (max-width: 991.98px) {
    .location-card .location-img-big {
        height: 190px;
    }
}

@media (max-width: 767.98px) {
    .location-card .location-img-big {
        height: 139px;
    }
}

@media (max-width: 575.98px) {
    .location-card .location-img-big {
        height: auto;
    }
}


/* CAREER CARDS */

.career-icon-card {
    background-color: transparent;
    border: 0;
    height: 100%;
}

.career-icon-card .card-body {
    padding: 0;
}

.career-icon-card .career-heading {
    font-weight: 500;
    margin-bottom: .25rem;
}

.career-icon-card .career-desc {
    font-size: 14px;
    margin-bottom: .5rem !important;
}

.career-icon-card .icon-div {
    color: #384D75;
    margin-bottom: .5rem;
}

.career-icon-card .card-footer {
    background-color: transparent;
    padding: 0;
    border: 0;
}

.career-icon-card .card-footer a {
    font-size: 14px;
}


/* BREADCRUMBS */

.breadcrumb {
    border-top: 1px solid #E7E9EC;
    background-color: transparent;
    font-size: 14px;
    padding: 15px 0 !important;
    margin: 0 !important;
}

.breadcrumb li {
    margin: 0 !important;
}

.breadcrumb-item.active {
    color: #505050;
}

.breadcrumb.white .breadcrumb-item a {
    color: #FFF !important;
}

.breadcrumb.white .breadcrumb-item.active {
    color: #FFF !important;
    opacity: .75;
}


/* SUB PAGE */

.subpage-banner {
    background-color: #505050;
    color: #FFF;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subpage-banner.background-img {
    min-height: 40vh;
}

.subpage-banner.no-img {
    background-color: #384D75;
    padding: 3rem 0;
}

.subpage-banner.background-img {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    text-align: center;
}

.subpage-banner-text {
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
}

.subpage-banner-text .container {
    padding: 3rem 15px;
}

.subpage-banner p.eyebrow {
    font-size: 14px !important;
    margin-top: 0 !important;
    color: #FFF !important;
}

.subpage-banner h2 {
    color: #FFF !important;
}

.subpage-banner h1 {
    color: #FFF !important;
    margin-bottom: 0;
}

.subpage-banner hr {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin: .75rem 0;
}

.subpage-banner p {
    font-size: 1.15rem;
    margin-top: .75rem;
}

.subpage-banner-text {
    color: #FFF !important;
}

.subpage-banner-text .row {
    justify-content: center;
}

.subpage-banner-text .row a {
    margin-top: 8px;
}

.subpage-banner-text p.eyebrow {
    font-size: 14px !important;
    margin-top: 0 !important;
    color: #FFF !important;
}

.subpage-banner-text h1 {
    color: #FFF !important;
    margin-bottom: 0;
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .20);
}

.subpage-banner-text p {
    font-size: 1.125rem;
    margin-top: .75rem;
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .80);
}

.subpage-banner-text a:not(.btn) {
    color: #FFF !important;
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .80);
}

.subpage-image {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover !important;
    -moz-object-fit: cover !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

@media (max-width: 1399.98px) {
    .subpage-banner.background-img {
        min-height: 34vh;
    }
}

@media (max-width: 1199.98px) {
    .subpage-banner.background-img {
        min-height: 32vh;
    }

    .subpage-banner p,
    .subpage-banner-text p {
        font-size: 1.125rem;
    }
}

@media (max-width: 991.98px) {
    .subpage-banner.background-img {
        min-height: 30vh;
    }

    .subpage-banner p,
    .subpage-banner-text p {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .subpage-banner.background-img {
        min-height: 28vh;
    }

    .subpage-banner p,
    .subpage-banner-text p {
        font-size: 1.075rem;
    }
}

@media (max-width: 575.98px) {
    .subpage-banner.background-img {
        min-height: 26vh;
    }

    .subpage-banner p,
    .subpage-banner-text p {
        font-size: 1.05rem;
    }
}

.banner-overlay-full {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(80, 80, 80);
    background: linear-gradient(0deg, rgba(80, 80, 80, .80) 0%, rgba(80, 80, 80, .80) 100%);
}

.banner-overlay-full-sterling-blue {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(56, 77, 117);
    background: linear-gradient(0deg, rgba(56, 77, 117, 1) 0%, rgba(56, 77, 117, .5) 100%);
}

.banner-overlay {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(80, 80, 80);
    background: linear-gradient(0deg, rgba(80, 80, 80, .5) 0%, rgba(80, 80, 80, 0) 100%);
}

@media (min-width: 992px) {
    .banner-overlay {
        background: rgb(80, 80, 80);
        background: linear-gradient(90deg, rgba(80, 80, 80, .5) 0%, rgba(80, 80, 80, 0) 100%);
    }
}

/*
.banner-overlay-full {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(56,77,117);
    background: linear-gradient(0deg, rgba(56,77,117,1) 0%, rgba(56,77,117,.5) 100%);
}

.banner-overlay {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(56,77,117);
    background: linear-gradient(0deg, rgba(56,77,117,1) 0%, rgba(56,77,117,0) 100%);
}

@media (min-width: 992px) {
    .banner-overlay {
        background: rgb(56,77,117);
        background: linear-gradient(90deg, rgba(56,77,117,1) 0%, rgba(56,77,117,0) 100%);
    }
} */

.subpage-header {
    padding: 11rem 1rem;
    text-align: center;
}

.subpage-header h1,
.subpage-header p {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 2px 2px rgba(80, 80, 80, 1);
}

.subpage-text p {
    animation-delay: 1s;
}

@media (max-width: 1199.98px) {
    .subpage-header {
        padding: 9rem 1rem;
    }
}

@media (max-width: 991.98px) {
    .subpage-header {
        padding: 7rem 1rem;
    }
}

@media (max-width: 767.98px) {
    .subpage-header {
        padding: 5rem 1rem;
    }
}

@media (max-width: 767.98px) {
    .subpage-text h1 {
        font-size: 1.8rem;
    }

    .subpage-text p {
        font-size: 1.05rem;
    }
}

#subnav-container {
    background: #E7E9EC;
    top: 75px;
    z-index: 999;
}

@media (max-width: 1199.98px) {
    #subnav-container {
        top: 65px;
    }
}

.subnav-tabs {
    font-size: 14px;
    padding: 2px !important;
    text-align: center;
}

@media (min-width: 768px) {
    .subnav-tabs {
        justify-content: center;
    }
}

.subnav-tabs li {
    margin-bottom: -2px !important;
}

.subnav-tabs li::before {
    display: none !important;
}

.nav-tabs {
    border-bottom: 1px solid #E7E9EC;
}

.nav-tabs .nav-link {
    border: 0;
    border-bottom: 2px solid transparent;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: 2px solid #E7E9EC;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #384D75;
    background: #FFF;
    border: 0;
    border-bottom: 2px solid #384D75;
}


/* ARTICLES */

#article-sticky-bar {
    background: #FFF;
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
    opacity: 0;
    transition: opacity .3s ease;
}

#article-sticky-bar.show {
    opacity: 1;
    transition: opacity .3s ease;
}

#article-sticky-bar .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

#article-sticky-bar .row {
    align-items: center;
}

#article-sticky-bar p {
    color: #384D75;
    font-weight: 600;
    margin-bottom: 0;
}

#article-sticky-bar .share-icons a {
    display: block !important;
    padding: 0 .25rem;
    text-align: center;
}

#article-sticky-bar .share-icons .row {
    justify-content: center;
}

@media (max-width: 767.98px) {
    #article-sticky-bar p {
        text-align: center;
        font-size: 14px;
    }

    #article-sticky-bar .share-icons {
        margin-top: .5rem;
    }

    #article-sticky-bar .share-icons a i {
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-decoration: none !important;
    }
}

.article-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    z-index: 1049;
    background-color: #384D75;
    border-bottom: 1px solid #E7E9EC;
    transition: all linear 0.1s;
    min-width: 0;
}

p.insight-details {
    letter-spacing: 1px;
    color: #B0E0E2;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: .5rem;
}

@media (max-width: 1199.98px) {
    .article-heading {
        font-size: 2em;
    }
}

.biography-link {
    margin-top: .75rem;
}

.biography-link .row {
    justify-content: center;
}

.biography-link img {
    width: 30px;
    border-radius: 5px;
}

.biography-link {
    margin: 0 5px;
    font-size: 14px;
    color: #FFF !important;
    display: inline-block;
}

.biography-link p {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

.biography-link .img-col img {
    width: 30px;
    height: 40px;

}

.biography-link .name-col {
    align-self: center;
}

.author-circle {
    position: relative;
    background: #FFF;
    color: #384D75;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    display: inline-block;
}

.author-circle span {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

p.insight-tags {
    font-size: 14px;
    padding-bottom: 1.5rem;
}

#sharebar .share-container {
    background-color: #FFF;
    border: 1px solid #E7E9EC;
    z-index: 1;
    position: relative;
    margin-top: -1.5rem;
    text-align: center;
    border-radius: 30px;
}

#sharebar .share-container .row {
    justify-content: center;
}

#sharebar .share-container a {
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding: .75rem 0;
    text-align: center;
    border-radius: 30px;
}

#sharebar .share-container a i {
    margin-right: .25rem;
    text-decoration: none !important;
}

@media (max-width: 575.98px) {
    #sharebar .share-container a i {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: .25rem;
        display: block;
        text-decoration: none !important;
    }
}


/* COLLAPSE */

.expand-btn {
    color: #505050;
    background-color: #E7E9EC;
    border: 2px solid #E7E9EC;
    display: block;
    font-size: 16px;
    text-align: left;
    padding: .5rem 2.5rem .5rem .75rem !important;
    white-space: normal;
    position: relative;
    width: 100%;
    line-height: 1.25;
}

.expand-btn.collapsed {
    color: #505050;
    background-color: #FFF;
    border: 2px solid #E7E9EC;
    display: block;
    font-size: 16px;
    text-align: left;
    padding: .5rem 2.5rem .5rem .75rem !important;
    white-space: normal;
    position: relative;
    width: 100%;
    line-height: 1.25;
}

.expand-btn:hover,
.expand-btn.collapsed:hover {
    color: #505050;
    box-shadow: none;
}

.expand-btn:hover {
    background-color: #E7E9EC;
    border-color: #E7E9EC;
    box-shadow: none;
}

.expand-btn:focus,
.expand-btn:target,
.expand-btn:active {
    color: #505050;
    background-color: #E7E9EC;
    border-color: #E7E9EC;
    box-shadow: none;
}

.expand-btn:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.expand-btn span {
    font-size: 12px;
    font-weight: 400;
    display: block;
}

.expand-btn::after {
    font-size: inherit;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    right: .7rem;
    top: .5rem;
    position: absolute;
    color: inherit;
    display: inline-block !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    transform: rotate(-180deg);
    -webkit-font-smoothing: antialiased;
    transition: all .2s ease;
}

.expand-btn.collapsed::after {
    font-size: inherit;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    right: .7rem;
    top: .5rem;
    position: absolute;
    color: inherit;
    display: inline-block !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: rotate(0deg);
    transition: all .2s ease;
}

.expand-btn.expand-model::after {
    top: .9rem;
}

.expand-btn.expand-model.collapsed::after {
    top: .9rem;
}

.table-disclaimer-expand,
.table-disclaimer-expand.collapsed {
    margin-top: 5px;
    padding: .5rem !important;
    text-align: center;
    font-size: 14px;
    border: 1px solid #E7E9EC !important;
}

.table-disclaimer-expand::after,
.table-disclaimer-expand.collapsed::after {
    font-size: 12px;
    position: relative;
    top: -1px;
    right: 0;
    margin-left: 4px;
}

.large-expand {
    background-color: transparent !important;
    padding: .5rem 2rem .5rem 2rem !important;
    font-size: 1.75rem !important;
    color: #384D75 !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: underline;
    border: 0;
}

.large-expand.collapsed {
    padding: .5rem 2rem .5rem 2rem !important;
    text-decoration: none;
    border: 0;
}

.large-expand:hover,
.large-expand:focus,
.large-expand:target,
.large-expand:active,
.large-expand.active {
    text-decoration: underline;
}

.large-expand::after {
    font-size: .75em !important;
    left: 0 !important;
    top: .75rem;
    right: inherit !important;
}

.large-expand.collapsed::after {
    font-size: .75em !important;
    left: 0;
    top: .75rem;
}

@media (max-width: 991.98px) {
    .large-expand {
        font-size: 1.5em !important;
    }
}

.expand-btn.disabled {
    cursor: inherit;
    opacity: .25;
}

ul.link-list {
    padding: 0;
    margin: 0;
}

.link-list li {
    list-style-type: none;
}

.link-list li a {
    color: #384D75;
    display: block;
    width: 100%;
    text-align: left;
    font-size: .9rem;
}

ul.spaced-list {
    padding: 0 0 0 1.25rem;
    margin: 0;
}

ul.spaced-list li {
    line-height: 1.25;
    margin-top: 10px;
}

ul.spaced-list li a {
    display: block;
}

ul.checklist {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

ul.checklist ul {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
}

.checklist li {
    line-height: 1.25;
    position: relative;
    padding: 0 0 0 1.5rem;
    margin-top: 15px;
}

.checklist li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path fill='%23384D75' d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

.checklist li ul li {
    line-height: 1.25;
    position: relative;
    padding: 0 0 0 1.5rem;
    margin-top: 15px;
}

.checklist li ul li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path fill='%23384D75' d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

ul.list-columns {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 45px;
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
}

ul.list-columns-two {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 45px;
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
}

@media (min-width: 992px) {
    ul.list-columns-two {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        column-gap: 45px;
        -webkit-column-gap: 45px;
        -moz-column-gap: 45px;
    }
}


@media (min-width: 992px) {
    ul.list-columns {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

@media (min-width: 1200px) {
    ul.list-columns {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
}

ul.list-columns-wide {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 45px;
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
}

@media (min-width: 992px) {
    ul.list-columns-wide {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

ol.numberlist {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    margin-top: .75rem;
    padding: 0 !important;
}

ol.numberlist li {
    counter-increment: my-awesome-counter;
    display: flex;
    width: 100%;
    padding: 15px 0;
}

ol.numberlist li::before {
    color: #384D75;
    content: counter(my-awesome-counter);
    font-size: 4rem;
    font-family: monospace;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    margin-right: 15px;
}

.sidebar-list {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px;
}

.sidebar-list li {
    margin: 0px !important;
}

.sidebar-list li::before {
    display: none !important;
}

.sidebar-list li a {
    display: block;
    padding: .5rem 0;
}

.sidebar-list li a.active {
    color: #283753;
    text-decoration: underline;
}


/* GLOSSARY */

#glossary-body {
    margin-top: -3rem;
    padding-bottom: 3rem;
    z-index: 2;
    position: relative;
    background-color: #FFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

@media (max-width: 575.98px) {
    #glossary-body {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* SEARCH RESULTS */

#search-results-body {
    margin-top: -3rem;
    padding-top: 3rem;
    z-index: 2;
    position: relative;
    background-color: #FFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

@media (max-width: 575.98px) {
    #search-results-body {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* LOCATION SLIDER */

#locations {
    position: relative;
    /* border-bottom: .25rem solid #384D75; */
}

.location-text {
    position: absolute;
    bottom: 10px;
    left: 15px;
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(56, 77, 117, .5);
}

.location-overlay {
    background: rgb(255, 255, 255);
    background: linear-gradient(200deg, rgba(255, 255, 255, 0) 0%, rgba(56, 77, 117, .5) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* TABLES */

[role="region"][aria-labelledby][tabindex] {
    overflow: auto;
}

[role="region"][aria-labelledby][tabindex]:focus {
    outline: .1em solid rgba(0, 0, 0, .25);
}

table,
.table {
    margin-bottom: 0;
    color: #505050;
    text-align: center;
}

table td {
    vertical-align: middle !important;
}

.table tbody th {
    font-weight: normal;
    font-size: inherit;
}

.table {
    font-size: 14px;
    line-height: 1.25;
    background: #FFF;
}

.table-responsive {
    border-radius: 0px;
}

.table-bordered {
    border: 1px solid #E7E9EC;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #E7E9EC;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFF;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #E7E9EC;
}

tr.indent-section {
    background-color: #E7E9EC !important;
}

tr.indented {
    background-color: #FFF !important;
}

tr.indented td:first-of-type {
    padding-left: 30px !important;
}

.table-responsive caption div {
    position: sticky;
    left: calc(1rem + 1px);
    right: calc(1rem + 1px);
}

.table-title-container,
caption {
    caption-side: top;
    background-color: #384D75;
    color: #FFF;
    padding: 1rem;
    border: 1px solid #E7E9EC;
    border-bottom: 0;
}

.table-title-container {
    border: 0 !important;
}

.table-title-container h3,
caption h3 {
    color: #FFF;
    margin-bottom: 0;
    font-size: 1.125rem !important;
}

caption p {
    font-size: 14px;
    margin-bottom: 0;
}

caption p.tickers {
    font-size: 16px !important;
    margin-left: -5px;
}

caption p.tickers a {
    padding: 3px 5px;
}

caption span {
    position: relative;
    z-index: 2;
    display: inline-block;
}

caption span.float-right {
    font-size: 12px;
    margin-top: 2px;
    margin-left: 15px;
}

.table-title-container a,
caption a {
    color: #FFF !important;
}

.table-title-container a.ticker,
caption a.ticker {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-weight: 600 !important;
    color: #FFF !important;
    display: inline-block;
}

caption h3 small {
    display: inline-block;
}

@media (max-width: 991.98px) {
    caption h3 {
        font-size: 1em;
    }
}

.table-section {
    position: relative;
    margin-bottom: 30px;
}

.table thead th {
    border-bottom: 1px solid #E7E9EC;
}

.table th {
    font-weight: 600;
    font-size: 12px;
}

.table a {
    display: block;
}

.table thead tr {
    background-color: #384D75;
    color: #FFF;
}

.table thead tr {
    background-color: #384D75;
    color: #FFF;
}

.table thead.sky-blue tr {
    background-color: #B1E1E3 !important;
    color: #505050 !important;
}

.table thead tr.bg-sterling-blue.text-white {
    background-color: #384D75 !important;
    color: #FFF !important;
}

.table tr.subhead th {
    padding: .25rem .75rem;
}

.fund-table-row-head {
    font-size: 12px;
}

th.star,
td.star {
    min-width: 125px !important;
}

td.star .m-star {
    width: 14px !important;
}

.disclaimer-section {
    background-color: #FFF;
    color: #505050;
    border: 1px solid #E7E9EC;
    border-top: 0;
    padding: .75rem;
    text-align: left;
}

.disclaimer-section p {
    font-size: 12px;
    margin-bottom: .5rem;
}

.disclaimer-section a {
    display: inline-block !important;
}

p.disclaimer-text,
.disclaimer-text p,
.disclaimer-text ol,
.disclaimer-text ul {
    font-size: 12px;
}

.disclaimer-text a {
    font-weight: 500;
    color: #384D75;
}

.disclaimer-text a:hover,
.disclaimer-text a:focus,
.disclaimer-text a:target,
.disclaimer-text a:active {
    color: #283753;
}

.disclaimer-text strong {
    font-weight: 500;
}

div.collapse>.disclaimer-text {
    padding: .75rem !important;
}


/* DATA TABLES */

table.dataTable {
    margin: 0 !important;
    width: 100% !important;
    text-align: center;
}

table.dataTable thead th,
table.dataTable thead td {
    border-top: 0;
    border-bottom: 1px solid #E7E9EC;
}

table.dataTable thead tr>.dtfc-fixed-left,
table.dataTable thead tr>.dtfc-fixed-right {
    background: #384D75 !important;
    color: #FFF !important;
}

table.dataTable tbody tr>.dtfc-fixed-left,
table.dataTable tbody tr>.dtfc-fixed-right {
    background-color: inherit;
}

.dtfh-floatingparenthead {
    background: #384D75 !important;
}

table th,
table td {
    min-width: 75px !important;
}

table.dataTable tr:nth-of-type(even) td.ticker {
    background-color: #E8EBED !important;
}

table.dataTable tr:nth-of-type(odd) td.ticker {
    background-color: #FFF !important;
}

table th.ticker {
    min-width: 50px !important;
    width: 50px !important;
    text-align: center;
}

table td.ticker {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    min-width: 50px !important;
    width: 50px !important;
    text-align: center;
}

table th.portfolioname,
table td.portfolioname {
    min-width: 245px !important;
    width: 245px !important;
    text-align: left !important;
    padding: 0;
}

table th.portfolioname a,
table td.portfolioname a {
    padding: .75rem;
}

table th.portfolioname i,
table td.portfolioname i {
    float: right;
    margin-top: 2px;
    margin-left: .5rem;
}

table th.termname,
table td.termname {
    min-width: 245px !important;
    width: 245px !important;
    text-align: left !important;
}

table th.termnameshort,
table td.termnameshort {
    min-width: 160px !important;
    width: 160px !important;
    text-align: left !important;
}

table th.investmentname,
table td.investmentname {
    min-width: 245px !important;
    width: 245px !important;
    text-align: left !important;
}

th.investmentname-eratio,
td.investmentname-eratio {
    min-width: 180px !important;
    text-align: left !important;
}

table th.etfname,
table td.etfname {
    min-width: 200px !important;
    width: 200px !important;
    text-align: left !important;
}

table th.etfbenchmark,
table td.etfbenchmark {
    min-width: 175px !important;
    width: 175px !important;
}

table th.etfdate,
table td.etfdate {
    min-width: 40px !important;
    width: 40px !important;
}

table th.etfnav,
table td.etfnav {
    min-width: 25px !important;
    width: 25px !important;
}

table th.etfpremdis,
table td.etfpremdis {
    min-width: 70px !important;
    width: 70px !important;
}

table th.etfmbas,
table td.etfmbas {
    min-width: 90px !important;
    width: 90px !important;
}

table th.holdingdesc,
table td.holdingdesc {
    min-width: 200px !important;
}

@media (max-width: 767.98px) {

    table th.portfolioname,
    table td.portfolioname {
        min-width: 140px !important;
        width: 140px !important;
    }

    table th.investmentname,
    table td.investmentname {
        min-width: 140px !important;
        width: 140px !important;
    }

    th.investmentname-eratio,
    td.investmentname-eratio {
        min-width: 140px !important;
    }

    table th.etfname,
    table td.etfname {
        min-width: 120px !important;
        width: 120px !important;
    }
}

table th.shareclass,
table td.shareclass {
    min-width: 35px !important;
    width: 35px !important;
}

table th.shareclasslong,
table td.shareclasslong {
    min-width: 70px !important;
    width: 70px !important;
}

table th.prospectus,
table td.prospectus {
    min-width: 65px !important;
    width: 65px !important;
}

table th.factsheet,
table td.factsheet {
    min-width: 45px !important;
    width: 45px !important;
}

table th.ytdwmsc,
table td.ytdwmsc {
    min-width: 110px !important;
    width: 110px !important;
}

table th.hashnumber,
table td.hashnumber {
    min-width: 40px !important;
    width: 40px !important;
}

table th.value,
table td.value {
    min-width: 75px !important;
    width: 75px !important;
}

table th.valueshort,
table td.valueshort {
    min-width: 50px !important;
    width: 50px !important;
}

table th.valuelong,
table td.valuelong {
    min-width: 140px !important;
    width: 140px !important;
}

table th.smastrategyname,
table td.smastrategyname {
    min-width: 125px !important;
    text-align: left;
}

table th.smainceptiondate,
table td.smainceptiondate {
    min-width: 90px !important;
    width: 90px !important;
}

table th.smaproductprofile,
table td.smaproductprofile {
    min-width: 90px !important;
    width: 90px !important;
}

table.dataTable tr.group td {
    color: #505050;
    font-weight: 600;
    font-size: 12px;
    text-align: left !important;
    background-color: #B1E1E3 !important;
}

table.dataTable tr.group td span {
    position: sticky;
    left: .75rem;
}

table.dataTable td.ticker,
table.dataTable td.prospectus,
table.dataTable td.factsheet,
table.dataTable td.productprofile {
    padding: 0;
}

table.dataTable td.ticker a,
table.dataTable td.prospectus a,
table.dataTable td.factsheet a,
table.dataTable td.productprofile a {
    padding: .75rem;
}

/* table.dataTable tr.group:hover {
    cursor: pointer;
} */

div.dataTables_wrapper div.dataTables_filter input {
    margin: 0 !important;
    display: block;
    width: 100%;
}

div.dataTables_wrapper div.dataTables_filter label {
    margin: 0 !important;
    display: block;
    width: 100%;
    padding: 15px;
}

.dataTables_info {
    font-size: 12px;
    text-align: left;
    margin-top: .5rem;
}

@media (min-width: 768px) {
    .dataTables_info {
        margin-top: 1rem;
    }
}

@media (max-width: 767.98px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: .6;
    color: #FFF;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  right: 1.3em;
}


table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    color: #FFF;
    opacity: 1;
	border:1px solid #CCC;
	font-weight:bold;
}

.tablethumb {
    width: 1%;
    white-space: nowrap;
    padding: .25rem !important;
}

.tablethumb a {
    padding: 0;
}

@media (max-width: 767.98px) {
    .tablethumb {
        display: none;
    }
}

.nowrap {
    min-width: 1% !important;
    width: 1% !important;
    white-space: nowrap !important;
}


/* MORNINGSTAR BOX */
.morningstar-box {
    width: auto;
    font-size: 12px;
    background: transparent;
    border: 0;
    margin-bottom: 0;
}

.morningstar-box caption {
    padding: 0;
    border: 0;
    color: #FFF;
    font-size: 12px;
    text-shadow: 0px 0px 10px rgba(80, 80, 80, .20);
}

.morningstar-box th,
.morningstar-box td {
    text-align: center;
    background-color: #FFF;
    min-width: 40px !important;
    max-width: 40px !important;
    width: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
}

/* .morningstar-box th,
.morningstar-box td {
    text-align: center;
    background-color: #FFF;
    min-width: 60px !important;
    max-width: 60px !important;
    width: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    height: 60px !important;
} */

.morningstar-box td.selected {
    background-color: #384D75;
}

.morningstar-box td.bg-trans {
    background-color: transparent;
}

.morningstar-box td.t-box {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #FFF;
}


.featured-investments .container {
    background-color: #E7E9EC;
    margin-top: -3rem;
    z-index: 1;
    position: relative;
    border-radius: 30px 30px 0 0;
}

.dtfh-floatingparenthead {
    top: 85px !important;
}

@media (max-width: 1199.98px) {
    .dtfh-floatingparenthead {
        top: 75px !important;
    }
}


/* HORIZONTAL TABLE SCROLL */

.scroll {
    padding: 2px !important;
    font-size: 16px;
    color: #384D75;
    border: 0;
    background: transparent;
}

.scroll:hover,
.scroll:focus {
    color: #283753;
    box-shadow: none;
}

.left-scroll {
    position: absolute;
    z-index: 10;
    left: -15px;
    right: auto;
    top: 15px;
}

.right-scroll {
    position: absolute;
    z-index: 10;
    left: auto;
    right: -15px;
    top: 15px;
}

.left-scroll.disabled,
.right-scroll.disabled {
    display: none;
}


/* INDIVIDUAL INVESTMENTS */

#investment-select-container .bootstrap-select.show {
    z-index: 1019;
}

#investment-select-label {
    margin: 0;
    padding: 0.375rem 0.75rem;
}

#investment-select-container .input-group-text {
    padding: 0;
}

#investment-select-container .bootstrap-select .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#investment-select-container .form-group {
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    #investment-select-container .input-group-text {
        border: 0;
        min-width: 0;
    }

    #investment-select-container #investment-select-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

    #investment-select-container .bootstrap-select .btn {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }
}

#ticker-toggle-row {
    margin-top: 33px;
}

#ticker-toggle-row a {
    opacity: .75 !important;
    padding: .5rem;
    background: #FFF;
    color: #384D75 !important;
    font-size: 12px;
    text-shadow: none;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin: 0;
    text-decoration: none;
}

#ticker-toggle-row a span {
    font-weight: 400 !important;
    color: #505050 !important;
}

#ticker-toggle-row a:hover,
#ticker-toggle-row a:focus,
#ticker-toggle-row a:target,
#ticker-toggle-row a:active,
#ticker-toggle-row a.active {
    opacity: 1 !important;
}

#ticker-toggle-row a:active,
#ticker-toggle-row a.active {
    text-decoration: underline;
}

#ticker-toggle-row a.active {
    font-weight: 600 !important;
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .20);
}

.material-link-list {
    color: #FFF;
    padding: 0 !important;
    margin: 0 !important;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
}

.material-link-list-gray {
    color: inherit;
}

@media (min-width: 992px) {
    .material-link-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

.material-link-list.single-col {
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
}

.material-link-list li::before {
    display: none !important;
}

.material-link-list li {
    position: relative;
    margin: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .1);
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.material-link-list li a {
    padding: 15px;
    color: #FFF !important;
    display: block;
    width: 100%;
    line-height: 1.5;
    border-radius: 5px;
}

.material-link-list.sterling-blue li a {
    color: #384D75 !important;
}

.material-link-list.sterling-blue li a span {
    color: #505050 !important;
}

.material-link-list li a:hover,
.material-link-list li a:focus,
.material-link-list li a:target,
.material-link-list li a:active {
    color: #384D75 !important;
    background-color: #FFF;
    text-decoration: none;
}

.material-link-list li a span {
    font-size: 14px;
}

.material-link-list .icon {
    display: flex;
    align-self: end;
    font-size: 14px;
    float: right;
    margin-left: 15px;
    margin-top: 18px;
}

.material-link-list.sterling-blue li {
    border-top: 1px solid #FFF;
}

.material-link-list.sterling-blue li a {
    color: #384D75 !important;
}

.material-link-list.no-first li:first-of-type {
    border-top: 0;
}


/* MODELS */

.as-model-body p+ul {
    margin-top: -.5rem;
}


/* PAGINATION */

ul.pagination {
    margin: 0;
    padding: 15px 0 !important;
}

ul.pagination li {
    margin: 0 !important;
}

ul.pagination li::before {
    display: none !important;
}

ul.pagination li a {
    border-radius: 0 !important;
}

.page-link {
    border: 1px solid #E7E9EC;
}

.page-link:hover {
    border: 1px solid #E7E9EC;
    background-color: 1px solid #E7E9EC;
}

.page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(231, 233, 236, .5);
}

.page-item.active .page-link {
    background-color: #384D75 !important;
    color: #FFF !important;
    border: 1px solid #384D75 !important;
}

.page-item.disabled .page-link {
    border: 1px solid #E7E9EC;
    opacity: .75;
}


/* SUBPAGES */

.offset-div .container {
    background-color: #E7E9EC;
    margin-top: -3rem;
    z-index: 1;
    position: relative;
    border-radius: 30px 30px 0 0;
}

#subpage-nav {
    z-index: 999;
    background-color: #384D75;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
}

/* #subpage-nav .col-12::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    z-index: 9;
    background: linear-gradient(to right, rgba(56,77,117,0) 0%, rgba(56,77,117,1) 100%);
} */

#subpage-nav .container,
#subpage-nav .container-fluid {
    width: 100% !important;
    display: block !important;
    flex-wrap: nowrap !important;
    padding: 0;
}

#subpage-nav .navbar-nav {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: row;
    padding: 0;
    /* border-bottom: 1px solid #FFF; */
}

#subpage-nav li {
    position: relative;
    margin: 0 !important;
}

#subpage-nav li a {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    color: #E7E9EC !important;
    padding: 15px;
    border: 0;
    transition: all .3s ease;
}

#subpage-nav li::before {
    display: none !important;
}

#subpage-nav li a i {
    font-size: 10px;
    vertical-align: top;
    margin-top: 1px;
    margin-left: 2px;
}

#subpage-nav li a:hover,
#subpage-nav li a:focus {
    background-color: transparent;
}

#subpage-nav li a:hover,
#subpage-nav li a:focus {
    text-decoration: underline;
}

#subpage-nav li a.active {
    color: #FFF !important;
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    #subpage-nav .navbar-nav {
        justify-content: start;
        /* margin-left: -.75rem; */
    }
}

@media (max-width: 767.98px) {
    #subpage-nav {
        top: 0px;
    }

    /* #subpage-nav {
        top: 83px;
    } */
}

/* @media (max-width: 575.98px) {
    #subpage-nav .container,
    #subpage-nav .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
} */

/* #subpage-nav li a.active:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFF;
} */

.hscroll-menu {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
}

/* @media (max-width: 575.98px) {
    .hscroll-menu {
        margin: 0 -15px;
    }
} */

/* .hscroll-menu::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
    z-index: 9;
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.hscroll-menu::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 15px;
    z-index: 9;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
} */

/* .hscroll-menu::-webkit-scrollbar {
    display: none;
} */

ul.team-nav {
    margin: 0 0 0 -.75rem;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    width: 100%;
}

ul.team-nav::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    z-index: 9;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

ul.team-nav li a {
    font-size: 14px;
    color: #384D75 !important;
    padding: 1rem .75rem;
    display: block;
}

ul.team-nav li a.active {
    color: #384D75 !important;
    text-decoration: underline;
}

#team-filters {
    background: #FFF;
    border-bottom: 1px solid #E7E9EC;
    transition: all .3s ease;
}

#team-filters .bootstrap-select .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (min-width: 992px) {
    #team-filters {
        position: sticky;
        top: -1px;
        margin-top: 1px;
        z-index: 1020;
    }

    #team-filters.scrolled {
        box-shadow: 0px 10px 20px rgba(80, 80, 80, .1);
    }
}

.team-card {
    border: 0;
    height: 100%;
}

.team-card .card-body {
    padding: 1rem;
}

.team-card .team-name {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    line-height: 1.25;
}

.team-card .team-link {
    font-size: 14px;
    margin-top: .25rem;
    margin-bottom: 0;
}

.team-card a {
    font-weight: 600;
    text-decoration: none !important;
}

.team-card a:hover,
.team-card a:focus {
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
}

.team-card address {
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 0;
}

.team-card .team-title {
    font-size: 14px;
    line-height: 1.25;
    margin-top: .25rem;
}

.team-card img {
    width: 100%;
}

.map-key {
    font-size: 14px;
}

.map-key li::before {
    display: none !important;
}

.bio-img-wrapper {
    position: relative;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .bio-img-wrapper {
        max-width: 275px;
        margin: 0 auto;
    }
}

.region-badge {
    position: absolute;
    z-index: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 5px;
}


/* FUNDS */

.featured-card {
    border: 1px solid #E7E9EC;
    height: 100%;
    width: 100%;
    background-color: #FFF;
}

.add-fund-btn {
    position: relative;
}

.add-fund-btn a {
    font-size: 12px;
    padding: 5px;
    background: #FFF;
    border-radius: 100%;
    z-index: 2;
    position: absolute;
    top: 7.5px;
    right: 7.5px;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

.add-fund-btn a:hover,
.add-fund-btn a:focus,
.add-fund-btn a:target,
.add-fund-btn a:active {
    background: #E7E9EC;
}

.featured-card .card-body {
    text-align: center;
}

.featured-card .card-footer {
    background-color: transparent;
    padding: 0 1.5rem 1.5rem 1.5rem;
    border: 0;
}

.featured-card .featured-ticker {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: .25rem;
}

.featured-card .featured-name {
    margin-bottom: 0;
    line-height: 1.25;
}

.featured-card .featured-details {
    margin-top: .25rem;
    margin-bottom: 0;
    font-size: 14px;
}

.fund-num-header {
    line-height: 1.25;
    font-size: 14px;
    margin-bottom: 0;
}

.fund-num-highlight {
    font-size: 20px;
    margin: 0;
}

.as-of {
    font-size: 14px;
    line-height: 1.25;
}

.overview-card {
    background: #FFF;
    height: 100%;
    padding: 1rem;
    text-align: center;
    line-height: 1.25;
    border-radius: 5px;
}

.overview-card p.heading {
    font-size: 14px;
    margin-bottom: 0 !important;
}

.overview-card p.detail {
    font-weight: 500;
    margin-top: .25rem;
    margin-bottom: 0;
}

.border-row {
    justify-content: center;
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.border-row .grid-border {
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #E7E9EC;
}

.border-row .grid-border-white {
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #FFF;
}

.border-row .grid-border:last-of-type {
    border-right: none;
}

.border-row .grid-border-white:last-of-type {
    border-right: none;
}

.grid-card {
    height: 100%;
    line-height: 1.25;
}

@media (max-width: 991.98px) {
    .border-row .grid-border {
        border-bottom: 1px solid #E7E9EC;
    }

    .border-row .grid-border-white {
        border-bottom: 1px solid #FFF;
    }

    .border-row .grid-border:nth-child(3) {
        border-right: 0;
    }

    .border-row .grid-border-white:nth-child(3) {
        border-right: 0;
    }

    .border-row .grid-border:nth-child(4),
    .border-row .grid-border:nth-child(5),
    .border-row .grid-border:nth-child(6) {
        border-bottom: none;
    }

    .border-row .grid-border-white:nth-child(4),
    .border-row .grid-border-white:nth-child(5),
    .border-row .grid-border-white:nth-child(6) {
        border-bottom: none;
    }
}

@media (max-width: 767.98px) {
    .border-row .grid-border {
        border-bottom: 1px solid #E7E9EC;
    }

    .border-row .grid-border-white {
        border-bottom: 1px solid #FFF;
    }

    .border-row .grid-border:nth-child(2) {
        border-right: 0;
    }

    .border-row .grid-border-white:nth-child(2) {
        border-right: 0;
    }

    .border-row .grid-border:nth-child(3) {
        border-right: 1px solid #E7E9EC;
    }

    .border-row .grid-border-white:nth-child(3) {
        border-right: 1px solid #FFF;
    }

    .border-row .grid-border:nth-child(4) {
        border-right: 0;
        border-bottom: 1px solid #E7E9EC;
    }

    .border-row .grid-border-white:nth-child(4) {
        border-right: 0;
        border-bottom: 1px solid #FFF;
    }
}

.fund-manager-list {
    margin: 0;
    padding: 0 !important;
    list-style-type: none;
    font-size: 14px;
}

.fund-manager-list li {
    display: inline-block;
    line-height: 1.25;
    margin: 0 !important;
}

.fund-manager-list li a {
    display: block;
    padding: 2px 7.5px;
}

.fund-manager-list li::before {
    display: none !important;
}

@media (min-width: 768px) {
    .fund-sticky-bar-offset {
        top: 58px !important;
    }
}

#fund-sticky-bar {
    background: #FFF;
    opacity: 0;
    transition: opacity .3s ease;
}

#fund-sticky-bar.show {
    opacity: 1;
    transition: opacity .3s ease;
}

#fund-sticky-bar .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

#fund-sticky-bar .row {
    align-items: center;
}

#fund-sticky-bar p {
    color: #384D75;
    font-weight: 600;
    margin-bottom: 0;
}

#fund-sticky-bar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 175px !important;
}

.page-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    z-index: 1049;
    background-color: #384D75;
    border-bottom: 1px solid #E7E9EC;
    transition: all linear 0.1s;
    min-width: 0;
}

@media (max-width: 767.98px) {
    #fund-sticky-bar p {
        text-align: center;
        font-size: 14px;
    }

    #fund-sticky-bar {
        display: none !important;
        height: 0;
        padding: 0;
    }

    /* #fund-sticky-bar .row {
        justify-content: center;
    } */

    .page-progress {
        display: none;
    }
}


/* CHARTS / GRAPHS */

.highcharts-title {
    visibility: hidden;
    /* title required for the data table... */
}

.highcharts-figure,
.highcharts-data-table table {
    max-width: 100%;
    margin: 0 auto;
}

.highcharts-figure li::before {
    display: none !important;
}

.highcharts-legend-item,
.highcharts-legend-item span {
    color: #505050 !important;
    fill: #505050 !important;
    background-color: #FFF !important;
}

.highcharts-point {
    display: block;
}

.highcharts-tooltip {
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}

.highcharts-tooltip span {
    font-size: 12px !important;
}

.highcharts-tooltip span>span {
    font-size: 12px !important;
}

.highcharts-axis-labels text {
    font-size: 12px !important;
}

text.highcharts-legend-navigation {
    color: #505050;
}

path.highcharts-legend-nav-inactive {
    fill: #E7E9EC;
}

path.highcharts-legend-nav-active {
    fill: #384D75;
}

text.highcharts-credits {
    display: none !important;
    fill: #FFF !important;
}

.highcharts-data-table th:not(:first-child),
.highcharts-data-table td:not(:first-child) {
    width: 1%;
    white-space: nowrap;
}

.highcharts-data-table th:first-child,
.highcharts-data-table td:first-child {
    text-align: left;
}

.highcharts-data-table sup,
.highcharts-data-table sub {
    position: inherit;
}

/* SWIPERS */

.swiper {
    padding: 0 15px;
    margin: 0 -15px;
}

.swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
}

.swiper-slide .card {
    width: 100%;
    height: 100%;
}

.swiper-pagination {
    position: relative;
    height: 45px;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -15px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.swiper-button-prev,
.swiper-button-next {
    width: 30px;
    height: 30px;
    color: #384D75;
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 100%;
    padding: 15px;
    transition: all .3s ease;
}

.swiper-button-prev:focus,
.swiper-button-prev:hover,
.swiper-button-prev:active {
    background-color: #FFF;
    border: 1px solid #FFF;
}

.swiper-button-next:focus,
.swiper-button-next:hover,
.swiper-button-next:active {
    background-color: #FFF;
    border: 1px solid #FFF;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: #FFF;
    border: 1px solid #E7E9EC;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 16px;
}

.swiper-button-prev {
    left: 15px;
}

.swiper-button-next {
    right: 15px;
}

/* .swiper-button-prev:focus,
.swiper-button-next:focus {
    outline: 0;
} */

.swiper-button-prev.flush {
    left: 0;
}

.swiper-button-next.flush {
    right: 0;
}

.swiper-button-prev.bottom {
    top: auto;
    bottom: 0 !important;
}

.swiper-button-next.bottom {
    top: auto;
    bottom: 0 !important;
}

.swiper-pagination-bullet {
    position: relative;
    background: transparent;
    border: 1px solid #384D75;
    opacity: 1;
}

.swiper-pagination-bullet:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.swiper-pagination-bullet-active {
    background: #384D75;
    border: 1px solid #384D75;
    opacity: 1;
}

.swiper-pagination.white .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #FFF;
    opacity: 1;
}

.swiper-pagination.white .swiper-pagination-bullet-active {
    background: #FFF;
    border: 1px solid #FFF;
    opacity: 1;
}

.swiper-pagination-fraction {
    color: #384D75;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.swiper-scrollbar {
    background: transparent;
    border: 1px solid #384D75;
}

.swiper-horizontal>.swiper-scrollbar {
    position: relative;
    margin-top: 25px;
    height: 5px;
    bottom: 12px;
    left: 47px;
    width: calc(100% - 95px);
    border-radius: 5px;
}

.swiper-scrollbar-drag {
    background: rgba(56, 77, 117, 1);
    border-radius: 5px;
}


/* TIMELINE */

.swiper-timeline .card {
    border: 0;
    border-radius: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.swiper-timeline .card img {
    width: 100%;
}

.swiper-timeline .card-body {
    text-align: left;
    padding: 15px;
}

.swiper-timeline .year {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.swiper-timeline .timeline-desc {
    font-size: 14px;
}


/* ICONS */

.icon-circle-container {
    display: block;
    margin: 0 auto .5rem auto;
}

.fa-stack.fa-stack-normal {
    font-size: 1.5em;
    margin-bottom: .5rem;
    text-align: center;
}

.fa-stack.fa-stack-normal .fa-circle {
    font-size: 2.25em;
}

.fa-stack.fa-stack-normal .fa-stack-1x {
    margin-top: 2px;
}

.fa-stack .fa-light,
.fa-stack .fal {
    color: #FFF;
}

.fa-stack .fa-light.text-sterling-blue,
.fa-stack .fal.text-sterling-blue {
    color: #384D75;
}


/* RESEARCH PORTAL */

.research-card {
    position: relative;
    height: 100%;
}

.research-card .add-bell-btn {
    text-align: center;
}

.research-card .add-bell-btn a {
    font-size: 12px;
    padding: 5px;
    background: #FFF;
    border-radius: 100%;
    z-index: 2;
    position: absolute;
    top: 7.5px;
    right: 7.5px;
    width: 30px;
    height: 30px;
}

.research-card .add-bell-btn a:hover,
.research-card .add-bell-btn a:focus,
.research-card .add-bell-btn a:target,
.research-card .add-bell-btn a:active {
    background: #E7E9EC;
}

.research-card .add-bell-btn a.subscribed {
    color: #FBB74D !important;
}

.research-card .card-body a {
    font-size: 14px;
    margin-bottom: 0;
    display: block;
}

.research-card .eyebrow span {
    float: right;
    margin-left: .5rem;
    font-size: 10px;
    vertical-align: top;
    margin-top: 0;
}

.link-card {
    height: 100%;
}

.link-card:hover {
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}

.link-card .card-body {
    padding: 1rem;
}

.link-card .heading {
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 0;
}

.link-card .heading span {
    float: right;
    margin-left: .25rem;
}

.link-card .small-title {
    font-size: 14px;
    margin-bottom: 0;
}


/* FOOTER */

.footer-logo {
    width: 160px;
    /* height: 48px; */
}

footer a {
    font-weight: 400 !important;
}

ul.footer-legal {
    font-size: 12px;
    margin: 15px 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

ul.footer-legal li {
    display: inline-block;
    list-style-type: none;
}

ul.footer-legal li a {
    color: #FFF !important;
    display: block;
    padding: 15px;
}

ul.footer-legal li a i {
    font-size: 10px;
}

ul.footer-legal li a i.fa-file-pdf {
    margin-right: 2px;
}

ul.footer-links {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px;
}

.footer-links li {
    list-style-type: none;
    line-height: 1.25;
    margin-bottom: 5px !important;
}

.footer-links li a {
    display: block;
    padding: .25rem 0;
    color: #384D75;
}

.footer-links li::before {
    display: none !important;
}

.footer-links li a i {
    font-size: 9px;
    vertical-align: top;
    margin-top: 5px;
}

#footerNavLinks {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    justify-content: center;
}

#footerNavLinks li {
    display: inline-block;
}

#footerNavLinks li a {
    color: #384D75;
    display: block;
    margin-bottom: .15rem;
}

#footerNavLinks li a.btn:hover,
#footerNavLinks li a.btn:focus,
#footerNavLinks li a.btn:target,
#footerNavLinks li a.btn:active {
    background: #E2E6EA;
    color: #384D75;
    text-decoration: none;
}

#ot-sdk-btn {
    color: #384D75 !important;
    background-color: #E7E9EC !important;
}


/* TOOLTIPS */

.tooltip {
    opacity: 1 !important;
    z-index: 1049;
}

.tooltip-inner {
    background-color: #505050;
    opacity: 1 !important;
    border-radius: 5px;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #505050 !important;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #505050 !important;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #505050 !important;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #505050 !important;
    opacity: 1 !important;
}


/* MODALS */

.modal-shield {
    width: 22px;
}

.modal-title {
    color: #384D75;
    font-size: 1.25rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 0;
}

.modal .close {
    background-color: #FFF;
    font-size: 19px;
    padding: 10px;
    margin: -8px -8px -8px auto;
    color: #FF0000;
    opacity: 1;
    border: 1px solid #FFF;
    border-radius: 100%;
    transition: all .3s ease;
}

.modal .close:hover,
.modal .close:focus {
    border: 1px solid #E7E9EC;
    color: #FF0000;
    opacity: 1 !important;
}

.floating-close .close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: auto;
    background-color: #FFF;
    font-size: 14px;
    padding: 10px;
    margin: -5px -7px -7px auto;
    color: #FF0000;
    opacity: 1;
    border: 1px solid #FFF;
    border-radius: 100%;
    transition: all .3s ease;
}

.modal-dialog {
    border-radius: 30px;
}

.modal-header {
    padding: 1.5rem;
    border-radius: 30px 30px 0 0;
    border-bottom: 1px solid #E7E9EC;
}

.modal-content {
    border-radius: 30px;
    border: 0;
    background-clip: border-box;
}

.modal-body {
    padding: 1.5rem;
}

.modal-body p:last-child {
    margin-bottom: 0;
}

.modal-footer {
    border-top: 1px solid #E7E9EC;
    padding: 1.5rem;
    border-radius: 0 0 30px 30px;
    justify-content: flex-start;
}

.modal-footer>* {
    margin: 0;
}

.modal-footer p {
    margin: 0 !important;
}

.modal-backdrop {
    background: rgb(80, 80, 80);
    background: linear-gradient(0deg, rgba(80, 80, 80, .80) 0%, rgba(80, 80, 80, .80) 100%);
}

.modal-backdrop.show {
    opacity: 1;
}

a.modal-img-link img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

a.modal-img-link {
    display: block;
}

a.modal-img-link {
    transition: all .3s ease;
}

a.modal-img-link:hover,
a.modal-img-link:focus,
a.modal-img-link:target,
a.modal-img-link:active {
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}

.img-caption {
    font-size: 14px;
    margin-top: -.5rem;
}


/* TOASTS */

#cookies-popup {
    z-index: 99;
    position: fixed;
    left: 0;
    right: auto;
    bottom: 0;
    margin: 15px;
    max-height: 75vh;
    overflow-y: auto;
}

.toast.show {
    opacity: 1;
}

.toast {
    text-align: left;
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #E7E9EC;
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}

.toast-title {
    color: #384D75;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-right: auto;
}

.toast-header {
    border-bottom: 1px solid #E7E9EC;
}

.toast-body {
    font-size: 14px;
    background-color: #FFF;
}

.toast-body p {
    margin-bottom: 0;
}

.toast-body a {
    font-weight: 500;
    color: #384D75 !important;
    display: inline-block;
}

.toast .close {
    font-size: 16px;
    padding: 4px;
    margin-top: -2px;
    margin-right: -6px;
    color: #FF0000 !important;
    opacity: 1;
}


/* ALERTS */

.alert {
    margin-bottom: 15px;
}

.custom-alert {
    background: #FFF;
    padding: 0;
}

.icon-body {
    padding: 15px;
    height: 100%;
}

.alert-title {
    font-weight: 600;
    margin-bottom: .25rem;
}

.alert-text {
    font-size: 14px;
}

.alert-body {
    padding: 15px;
    margin: 0;
}

.alert-body a:not(.btn) {
    color: #384D75 !important;
}

.alert-text p:last-of-type {
    margin-bottom: 0;
}

.alert-sterling-blue {
    border: 1px solid #384D75;
}

.alert-sterling-blue .icon-body {
    background: #384D75;
    color: #FFF;
}

.alert-sky-blue {
    border: 1px solid #B0E0E2;
}

.alert-sky-blue .icon-body {
    background: #B0E0E2;
}

.alert-yellow {
    border: 1px solid #FBB74D;
}

.alert-yellow .icon-body {
    background: #FBB74D;
}

.alert-red {
    border: 1px solid #FF0000;
}

.alert-red .icon-body {
    background: #FF0000;
    color: #FFF;
}

.alert .close {
    color: #FF0000;
    font-size: 16px;
    position: relative;
    padding: 15px;
    border-radius: 100%;
    opacity: 1;
    line-height: 1;
    transition: all .3s ease;
}

.alert .close:hover,
.alert .close:focus {
    background: #FFF;
    outline: 0;
    color: #FF0000;
    opacity: 1 !important;
    box-shadow: 0px 5px 15px rgba(80, 80, 80, .1);
}


/* LOGIN MODAL */

#login-modal .modal-body {
    padding-top: 9px;
    text-align: center;
}


/* FORMS */

legend {
    color: #384D75;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.25em;
    line-height: 1.25;
    margin-bottom: .75rem;
}

@media (max-width: 991.98px) {
    legend {
        font-size: 1.125em;
    }
}

label,
.label {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 4px;
}

input,
select,
textarea,
.form-control,
.custom-select {
    color: #505050 !important;
}

.form-group {
    margin-bottom: 15px;
}

.custom-select {
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #E7E9EC;
    transition: all .3s ease;
}

.custom-control-label {
    font-weight: 400;
}

.custom-control-label::before {
    border: 2px solid #E7E9EC;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #384D75;
    background-color: #384D75;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #384D75;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgb(56 77 117 / 25%);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: #384D75;
    border-color: #384D75;
}

.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
    top: 2px;
}

.form-control {
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #E7E9EC;
    transition: all .3s ease;
}

.form-control.flush,
.custom-select.flush {
    border: 1px solid #FFF;
}

.form-control.flush:hover,
.custom-select.flush:hover {
    border: 1px solid #E7E9EC;
}

.form-control:not(.custom-focus):focus,
.custom-select:focus,
.input-group.input-focused .input-group-text,
.input-group.input-focused .custom-focus
 {
    border-color: #384D75;
    outline: 0;
    box-shadow: none;
}

.form-control.highlight:focus,
.custom-select.highlight:focus {
    border-color: #B0E0E2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(176 224 226 / 50%);
}

.input-group-text {
    border-radius: 5px;
    background-color: #FFF;
    border: 1px solid #E7E9EC;
}

.input-group-text label {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}

.invalid-feedback {
    color: #FF0000;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #FF0000;
    background-image: none;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #00B050;
    background-image: none;
}


/* HIDE UP/DOWN ZIP NUMBER ARROWS */
input.zip-field::-webkit-outer-spin-button,
input.zip-field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* FIREFOX */
input.zip-field[type=number] {
    -moz-appearance: textfield;
}


/* TO TOP */

.scroll-top {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    z-index: 9;
    background-color: #FFF;
    color: #384D75;
    width: 34px;
    height: 34px;
    line-height: 34px;
    right: 15px;
    bottom: 15px;
    border-radius: 100%;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 10px 20px rgba(80, 80, 80, .1);
}

.scroll-top.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1;
    box-shadow: 0px 10px 20px rgba(80, 80, 80, .1);
}

.scroll-top.show:hover,
.scroll-top.show:focus {
    color: #283753;
}

.yt-video-placeholder {
    position: relative;
    margin-bottom: 1.5rem;
}

.yt-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.no-last-p-margins p:last-child {
    margin-bottom: 0;
}

.no-last-ul-margins ul:last-child {
    margin-bottom: 0;
}

.no-last-margins *:last-child {
    margin-bottom: 0;
}

.diagonal-yellow-header {
    background-color: #FCD494;
    padding: .5rem 1rem .5rem 3rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 40px 100%, 0 calc(100% - 40px));
}


/* USED FOR HIDING BODY UNTIL JS LOADS - LEAVE AT THE END */

body {
    display: none;
}

.fontawesome-i2svg-active body {
    display: initial;
}

body {
    opacity: 0;
}