.Header {
    /* height: 5.375rem; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    /*margin: auto; */
    max-width: 75rem;
    padding: 1.25rem 0 1.25rem 5rem;
    width: 100%;
}

@media (max-width: 47.9375rem) {
    .Header {
        /* height: 3.125rem; */
        /*background-color: #1b4695;*/
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1.25rem 0 1.25rem 0;
    }
    .Header-logoImage--mobile{
        height: 40px;
        width: 40px;
    }
}

.Header-logoLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 48rem) {
    .Header-logoLink {
        max-width: 9rem;
    }
}

.Header-links {
    margin-bottom: 0;
    margin-top: 0
}

@media (max-width: 47.9375rem) {
    .Header-links {
        position: absolute;
        right: 1rem
    }
}

.Header-logo,
.Header-logoImage,
.Header-logoLink {
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 47.9375rem) {
    .Header-logoImage {
        height: 2.125rem
    }
}

ul,
img,
div,
li {
    border: 0;
    border-radius: 0;
    color: inherit;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
}

.Button--login {
    appearance: none;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    transition: background-color .4s ease-in-out;
    font-size: 1.1875rem;
    line-height: 1.26;
    padding: .5rem 2rem;
    color: #fff;
    background-color: #08aa66;
}

a {
    border: 0;
    border-radius: 0;
    font: inherit;
    margin: 0;
    vertical-align: baseline;
}

img,
svg {
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 48rem) {
    .l-visible-only-xs {
        display: none;
    }
}
ol,
ul {
    list-style: none;
}

@media (max-width: 47.9375rem) {
    .Button--login {
        width: 100%;
    }
}

@media (max-width: 47.9375rem) {
    .l-hidden-xs {
        display: none;
    }
}

img,
svg {
    max-width: 100%;
    max-height: 100%;
}

/* cbios */

@media (min-width: 75rem) {
    .l-container {
        width: 71.25rem;
    }
}

@media (min-width: 62rem) {
    .l-container {
        width: 58.75rem;
    }
}

@media (min-width: 48rem) {
    .l-container {
        width: 45rem;
    }
}

.l-container {
    margin-left: auto;
    margin-right: auto;
}

/* securties advisor & preferred specialist */
.mobile-nav {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0.625rem;
}

.mobile-nav-icon {
    font-size: 33px;
}

.mobile-nav-title {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 10px;
}

.visible-xs {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}

/* locator button */
@media (max-width: 767px) {
  .locator-button-desktop {
        width: 100%
    }
}

.locator-button {
    float: right;
    text-transform: uppercase;
    position : absolute;
    right: 0.625em;
}

.locator-button-desktop {
    background-color: #fff;
    color: #1D4094;
    font-weight: 700;
    padding: 10px 20px;
    display: inline-block
}

.locator-button-desktop:link, .locator-button-desktop:visited {
    color: #1D4094;
    text-decoration: none
}

 .locator-button-desktop:active {
    background-color: #6AADE4;
    color: #1D4094;
    text-decoration: none
}

.locator-button-desktop:hover {
    background-color: #F1F1F1;
    color: #1D4094;
    text-decoration: none
}

.locator-button-mobile {
    color: #fff;
    font-size: 30px;
    position: relative;
}

.fa-bars::before,
.fa-navicon::before,
.fa-reorder::before {
    content: "";
}

/*  system styles for header */
.advisorfta {
    background-color: #003858
}

.privatebankadvisor {
    background-color: #333;
}

.preferredSpecilist {
    background-color: #1B459C;
    ;
}

.location53 {
    background-color: white;
}

.securitesAdvisor {
    background-color: #1D4094;
}

.cbios {
    background-color: #1c2758;
}

.mortageAdvisor {
    background-color: #1b459cbf;
}

.investmentbank {
    background-color: #1c2758;
}

.businessbank {
    background-color: #1b459c;
}