button {
    cursor: pointer;
    font-family: "Noto Sans VF","Noto Sans","Helvetica","Arial",sans-serif;
    font-weight: 350
}

.ma__button-icon {
  background-color: white;
  border: 2px solid #DCDCDC;
  display: inline-flex;
  align-items: center;
  font-weight: 550;
  letter-spacing: 0.1em;
  padding: 10px 14px;
  text-transform: uppercase;
  transition: background-color 0.4s, color 0.4s, border 0.4s, fill 0.4s;
  white-space: nowrap;
  color: #388557;
  min-height: 46px;
  font-size: 0.875rem;
}

.ma__button-icon--c-highlight {
  border-color: #f6c51b;
  color: #141414;
}

.ma__button-icon--c-primary {
  color: #14558f;
}

.ma__button-icon--c-primary-alt {
  color: #388557;
}

.ma__button-icon--expanded>svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.ma__button-icon--quaternary.ma__button-icon--c-white:hover,.ma__button-icon--quaternary.ma__button-icon--c-white.active,.ma__button-icon--expanded.ma__button-icon--quaternary.ma__button-icon--c-white:hover,.ma__button-icon--expanded.ma__button-icon--quaternary.ma__button-icon--c-white.active,.ma__button-icon:hover.ma__button-icon--quaternary.ma__button-icon--c-white:hover,.ma__button-icon:hover.ma__button-icon--quaternary.ma__button-icon--c-white.active {
    border-bottom-color: #fff
}

.ma__brand-banner {
    width: 100%;
    background-color: #e8eef4;
    font-size: 16px;
    font-size: 1rem;
	position:fixed;
	top: 0;
    left: 0;
    z-index: 999;
}

.ma__brand-banner--c-primary-bg-light {
    background-color: #e8eef4
}

.ma__brand-banner--c-primary-alt-bg-light {
    background-color: #d7e7dd
}

.ma__brand-banner--c-highlight-bg-light {
    background-color: #fef9e8
}

.ma__brand-banner--c-gray-bg-light {
    background-color: #f2f2f2
}

.ma__brand-banner--c-white-bg-light {
    background-color: #fff
}

.ma__brand-banner--c-primary-bg-dark {
    background-color: #125386;
    color: #fff
}

.ma__brand-banner--c-primary-bg-dark>* {
    fill: #fff !important;
    color: #fff !important;
    border-color: #fff !important
}

.ma__brand-banner--c-primary-alt-bg-dark {
    background-color: #388557;
    color: #fff
}

.ma__brand-banner--c-primary-alt-bg-dark>* {
    fill: #fff !important;
    color: #fff !important;
    border-color: #fff !important
}

.ma__brand-banner--c-highlight-bg-dark {
    background-color: #f6c51b
}

.ma__brand-banner--c-gray-bg-dark {
    background-color: #141414;
    color: #fff
}

.ma__brand-banner--c-gray-bg-dark>* {
    fill: #fff !important;
    color: #fff !important;
    border-color: #fff !important
}

.ma__brand-banner--c-black-bg-dark {
    background-color: #141414;
    color: #fff
}

.ma__brand-banner--c-black-bg-dark>* {
    fill: #fff !important;
    color: #fff !important;
    border-color: #fff !important
}

.ma__brand-banner-container {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left
}

@media(min-width: 781px) {
    .ma__brand-banner-container {
        padding-left:30px;
        padding-right: 30px
    }
}

@media(min-width: 911px) {
    .ma__brand-banner-container {
        padding-left:40px;
        padding-right: 40px
    }
}

@media(min-width: 481px) {
    .ma__brand-banner-container {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ma__brand-banner-logo {
    height: 20px;
    width: 20px;
    margin-right: 5px
}

.ma__brand-banner-logo--dark {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.ma__brand-banner-expansion {
    margin-right: auto;
    max-width: 1320px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
    margin-bottom: 0
}

@media(min-width: 781px) {
    .ma__brand-banner-expansion {
        padding-left:30px;
        padding-right: 30px
    }
}

@media(min-width: 911px) {
    .ma__brand-banner-expansion {
        padding-left:40px;
        padding-right: 40px
    }
}

.ma__brand-banner-expansion--expanded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 5px;
    padding-top: 10px
}

.ma__brand-banner-expansion-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 500px
}

.ma__brand-banner-expansion-item-content {
    margin-left: 16px;
    margin-left: 1rem
}

.ma__brand-banner-expansion-item>svg {
    width: 30px;
    height: 30px;
    min-width: 20px
}

@media(min-width: 621px) {
    .ma__brand-banner-expansion-item>svg {
        min-width:30px
    }
}

.ma__brand-banner-expansion-item.light-c-primary>svg {
    fill: #14558f
}

.ma__brand-banner-expansion-item.light-c-primary-alt>svg {
    fill: #388557
}

.ma__brand-banner-expansion-item.dark>svg {
    fill: #fff
}

.ma__brand-banner-expansion-item+.ma__brand-banner-expansion-item {
    margin-top: 16px;
    margin-top: 1rem
}

.ma__brand-banner-expansion-item p {
    margin-bottom: 0
}

.ma__brand-banner-expansion-item p:first-of-type {
    font-weight: 550
}

@media(min-width: 621px) {
    .ma__brand-banner-expansion {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .ma__brand-banner-expansion-item+.ma__brand-banner-expansion-item {
        margin-left: 16px;
        margin-left: 1rem;
        margin-top: 0
    }
}

.ma__button-icon--quaternary,.ma__button-icon--expanded.ma__button-icon--quaternary,.ma__button-icon:hover.ma__button-icon--quaternary {
    min-height: 0px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
    text-transform: none;
    border-bottom: 2px solid rgba(20,85,143,.5);
    color: #14558f;
    letter-spacing: 0
}

.ma__button-icon--quaternary.ma__button-icon--c-white,.ma__button-icon--expanded.ma__button-icon--quaternary.ma__button-icon--c-white,.ma__button-icon:hover.ma__button-icon--quaternary.ma__button-icon--c-white {
    border-bottom-color: rgba(255,255,255,.5);
    color: #fff
}

.ma__button-icon.ma__icon-small>svg {
    height: 10px
}