.header__miniquote div.qtool {
    font: unset;
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
    transform: translateY(2px);
}
.header__miniquote div.qtool > div {
    font-size: unset;
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
}
.header__miniquote .qmod-miniquotes {
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
}
.header__miniquote {
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
    display: flex;
    line-height: normal;
    align-items: center;
    background: #bbcbdb;
    border-radius: 5em;
    padding: .2em .2em .2em 2em;
    margin: 0 0 0 2.5em;
    width: fit-content;
}
.header__miniquote-name h6 {
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
    color: #004280;
    font-size: 1.5em;
    margin: 0 6px 0 0;
    padding: 5px 0 4.5px 0;
}
.header__miniquote .qmod-miniquotes .qmod-segment.qmod-longname,
.header__miniquote .qmod-miniquotes .qmod-segment.qmod-last,
.header__miniquote .qmod-miniquotes .qmod-segment.qmod-volume,
.header__miniquote .qmod-miniquotes .qmod-segment.qmod-change,
.header__miniquote .qmod-miniquotes .qmod-change-group .qmod-segment.qmod-change + .qmod-segment > .qmod-element:first-of-type,
.header__miniquote .qmod-miniquotes .qmod-change-group .qmod-segment.qmod-change + .qmod-segment > .qmod-element:last-of-type {
    display: none;
}
.header__miniquote .qmod-miniquotes .qmod-segment.qmod-last-currency {
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
    display: inline-block;
    padding-right: 7px;
    font-size: 1.5em;
    color: #004280;
    transform: translateY(-2px);
}
.header__miniquote .qmod-miniquotes .qmod-change-group {
    transform: translateY(-2px);
    display: inline-block;
}
.header__miniquote .qmod-miniquotes .qmod-element.qmod-change-percent {
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
    color: #004280;
    font-size: 1.5em;
}
.header__miniquote .header__miniquote-cta {
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: .7em 1.8em .2em;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 2em;
    transition: background .3s ease-in-out;
    text-decoration: none;
    color: #004280;
    height: 26.5px;
    margin-left: .15em;

}
.header__miniquote .header__miniquote-cta:hover,
.header__miniquote .header__miniquote-cta:active,
.header__miniquote .header__miniquote-cta:focus {
    background: #fff;
}

.header__miniquote .header__miniquote-cta-text {
    font-family: "avenir-next-lt-pro", sans-serif;
    font-weight: 500;
    color: #004280;
    font-size: 1.5em;
}
.header__miniquote .header__miniquote-cta svg {
    width: 2.1em;
    transform: translateY(0);
    margin: 0 0 0 .5em;
    transition: transform .5s ease-in-out;
    fill: #004280;
}
.header__miniquote .header__miniquote-cta:hover svg {
    transform: translatex(.5em);
}

.header__miniquote .fa-arrow-circle-up,
.header__miniquote .fa-arrow-circle-down {
    position: relative;
    padding-left: 16px;
}
.header__miniquote .fa-arrow-circle-up:before {
    content: "";
    left: 0;
    top: -0.8em;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
    border-bottom: .8em solid #009a00;
    position: absolute;
    font-size: 1.3em;
}
.header__miniquote .fa-arrow-circle-down:before {
    content: "";
    left: 0;
    top: -0.8em;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
    border-top: .8em solid #D9363D;
    position: absolute;
    font-size: 1.3em;
}
/* Mobile Styles */
@media screen and (max-width: 767px) {
    .header__miniquote {
        width: 100%;
        margin-bottom: 14em;
        margin-left: 0;
        justify-content: flex-end;
    }
    .header__miniquote .header__miniquote-cta {
        margin: 0 0 0 10em;
    }
    .header__miniquote .header__miniquote-name h6,
    .header__miniquote .qmod-miniquotes .qmod-element.qmod-change-percent,
    .header__miniquote .qmod-miniquotes .qmod-segment.qmod-last-currency,
    .header__miniquote .header__miniquote-cta-text {
        font-size: 2.3em;
    }
    .header__miniquote .qmod-miniquotes .qmod-segment.qmod-last-currency {
        transform: translateY(-1px);
    }
    .header__miniquote .qmod-miniquotes .qmod-change-group {
        transform: translateY(-1px);
    }
}

@media screen and (max-width: 600px) {
    .header__miniquote .header__miniquote-cta {
        margin: 0 0 0 1.5em;
    }
}
@media screen and (max-width: 550px) {
    .header__miniquote .header__miniquote-cta {
        margin: 0;
    }
    .header__miniquote {
        margin-bottom: 11.5em;
    }
}

@media screen and (max-width: 479px) {
    .header__miniquote .header__miniquote-name h6,
    .header__miniquote .qmod-miniquotes .qmod-element.qmod-change-percent,
    .header__miniquote .qmod-miniquotes .qmod-segment.qmod-last-currency,
    .header__miniquote .header__miniquote-cta-text {
        font-size: 1.95em;
    }
}