/* Minification failed. Returning unminified contents.
(1088,12): run-time error CSS1036: Expected expression, found '!important'
 */
@keyframes moaBlock1 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes moaBlock2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes moaBlock3 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes moaBlock4 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes moaBlock5 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideInRight-moaLine1 {
    0% {
        width: 0px;
        height: 2px;
    }

    100% {
        width: 82px;
        height: 2px;
    }
}

@keyframes slideInRight-moaLine2 {
    0% {
        width: 0px;
        height: 9px;
    }

    100% {
        width: 70px;
        height: 9px;
    }
}

@keyframes slideInRight-moaLine3 {
    0% {
        width: 0px;
        height: 2px;
    }

    100% {
        width: 29px;
        height: 2px;
    }
}

@keyframes slideRightEfficacy2 {
    0% {
        left: -849px;
    }

    100% {
        left: 1px;
    }
}

@keyframes slideInRight-efficacyOne {
    0% {
        left: -305px;
    }

    100% {
        left: 0px;
    }
}

@media only screen and (min-width: 960px) {
    .innerBlock1, .num1-Moa-Img {
        opacity: 0;
        animation: moaBlock1 .5s forwards 0s linear;
        -moz-animation: moaBlock1 .5s forwards 0s linear;
        -webkit-animation: moaBlock1 .5s forwards 0s linear;
    }

    .innerBlock2, .num2-Moa-Img {
        opacity: 0;
        animation: moaBlock2 .5s forwards .7s linear;
        -moz-animation: moaBlock2 .5s forwards .7s linear;
        -webkit-animation: moaBlock2 .5s forwards .7s linear;
    }

    .innerBlock3, .num3-Moa-Img {
        opacity: 0;
        animation: moaBlock3 .5s forwards 1.7s linear;
        -moz-animation: moaBlock3 .5s forwards 1.7s linear;
        -webkit-animation: moaBlock3 .5s forwards 1.7s linear;
    }

    .innerBlock4, .num4-Moa-Img {
        opacity: 0;
        animation: moaBlock4 .5s forwards 2.7s linear;
        -moz-animation: moaBlock4 .5s forwards 2.7s linear;
        -webkit-animation: moaBlock4 .5s forwards 2.7s linear;
    }

    .innerBlock5, .num5-Moa-Img {
        opacity: 0;
        animation: moaBlock5 .5s forwards 3.7s linear;
        -moz-animation: moaBlock5 .5s forwards 3.7s linear;
        -webkit-animation: moaBlock5 .5s forwards 3.7s linear;
    }

    .moaImg2 {
        opacity: 0;
    }

    .fadeInMoa {
        animation: moaBlock5 1s forwards 0s linear;
        -moz-animation: moaBlock5 1s forwards 0s linear;
        -webkit-animation: moaBlock5 1s forwards 0s linear;
    }

    .slideInRight-moaLine1 {
        animation: slideInRight-moaLine1 .2s forwards .2s linear;
        -moz-animation: slideInRight-moaLine1 .2s forwards .2s linear;
        -webkit-animation: slideInRight-moaLine1 .2s forwards .2s linear;
    }

    .fadeIn-moaText1 {
        animation: moaBlock5 .5s forwards .5s linear;
        -moz-animation: moaBlock5 .5s forwards .5s linear;
        -webkit-animation: moaBlock5 .5s forwards .5s linear;
    }

    .slideInRight-moaLine2 {
        animation: slideInRight-moaLine2 .2s forwards 1s linear;
        -moz-animation: slideInRight-moaLine2 .2s forwards 1s linear;
        -webkit-animation: slideInRight-moaLine2 .2s forwards 1s linear;
    }

    .fadeIn-moaText2 {
        animation: moaBlock5 .5s forwards 1.4s linear;
        -moz-animation: moaBlock5 .5s forwards 1.4s linear;
        -webkit-animation: moaBlock5 .5s forwards 1.4s linear;
    }

    .slideInRight-moaLine3 {
        animation: slideInRight-moaLine3 .3s forwards 1.9s linear;
        -moz-animation: slideInRight-moaLine3 .3s forwards 1.9s linear;
        -webkit-animation: slideInRight-moaLine3 .3s forwards 1.9s linear;
    }

    .fadeIn-moaText3 {
        animation: moaBlock5 .5s forwards 2.3s linear;
        -moz-animation: moaBlock5 .5s forwards 2.3s linear;
        -webkit-animation: moaBlock5 .5s forwards 2.3s linear;
    }

    .overviewChart1 {
        opacity: 0;
        animation: moaBlock1 .7s forwards 0s linear;
        -moz-animation: moaBlock1 .7s forwards 0s linear;
        -webkit-animation: moaBlock1 .7s forwards 0s linear;
    }

    .overviewChartArrow1 {
        opacity: 0;
        animation: moaBlock1 .7s forwards .2s linear;
        -moz-animation: moaBlock1 .7s forwards .2s linear;
        -webkit-animation: moaBlock1 .7s forwards .2s linear;
    }

    .overviewChart2 {
        opacity: 0;
        animation: moaBlock1 .7s forwards .5s linear;
        -moz-animation: moaBlock1 .7s forwards .5s linear;
        -webkit-animation: moaBlock1 .7s forwards .5s linear;
    }

    .overviewChartArrow2 {
        opacity: 0;
        animation: moaBlock1 .7s forwards .7s linear;
        -moz-animation: moaBlock1 .7s forwards .7s linear;
        -webkit-animation: moaBlock1 .7s forwards .7s linear;
    }

    .overviewChart3 {
        opacity: 0;
        animation: moaBlock1 .7s forwards 1s linear;
        -moz-animation: moaBlock1 .7s forwards 1s linear;
        -webkit-animation: moaBlock1 .7s forwards 1s linear;
    }

    .overviewChart4 {
        opacity: 0;
        animation: moaBlock1 .7s forwards 1.7s linear;
        -moz-animation: moaBlock1 .7s forwards 1.7s linear;
        -webkit-animation: moaBlock1 .7s forwards 1.7s linear;
    }

    .percentBox img {
        opacity: 0;
    }

    .fadeIn-percent1 {
        animation: moaBlock1 .7s forwards 0s linear;
        -moz-animation: moaBlock1 .7s forwards 0s linear;
        -webkit-animation: moaBlock1 .7s forwards 0s linear;
    }

    .fadeIn-percent2 {
        animation: moaBlock1 .7s forwards .5s linear;
        -moz-animation: moaBlock1 .7s forwards .5s linear;
        -webkit-animation: moaBlock1 .7s forwards .5s linear;
    }

    .fadeIn-percent3 {
        animation: moaBlock1 .7s forwards 1s linear;
        -moz-animation: moaBlock1 .7s forwards 1s linear;
        -webkit-animation: moaBlock1 .7s forwards 1s linear;
    }

    .fadeIn-percent4 {
        animation: moaBlock1 .7s forwards 1.5s linear;
        -moz-animation: moaBlock1 .7s forwards 1.5s linear;
        -webkit-animation: moaBlock1 .7s forwards 1.5s linear;
    }

    .fadeIn-percent5 {
        animation: moaBlock1 .7s forwards 2s linear;
        -moz-animation: moaBlock1 .7s forwards 2s linear;
        -webkit-animation: moaBlock1 .7s forwards 2s linear;
    }

    .efficacyChartTwo-Wrap .hero {
        left: -849px;
    }

    .efficacyChartTwo-Wrap {
        overflow: hidden;
    }

    .slideRightEfficacy2 {
        animation: slideRightEfficacy2 .55s forwards 0s linear;
        -moz-animation: slideRightEfficacy2 .55s forwards 0s linear;
        -webkit-animation: slideRightEfficacy2 .55s forwards 0s linear;
    }

    .efficacy44Txt {
        opacity: 0;
        animation: moaBlock1 .6s forwards .1s linear;
        -moz-animation: moaBlock1 .6s forwards .1s linear;
        -webkit-animation: moaBlock1 .6s forwards .1s linear;
    }

    .efficacyRightImg {
        left: -305px;
        animation: slideInRight-efficacyOne .4s forwards .4s linear;
        -moz-animation: slideInRight-efficacyOne .4s forwards .4s linear;
        -webkit-animation: slideInRight-efficacyOne .4s forwards .4s linear;
    }

    .checkmark1 {
        opacity: 0;
        animation: moaBlock1 .7s forwards 0s linear;
        -moz-animation: moaBlock1 .7s forwards 0s linear;
        -webkit-animation: moaBlock1 .7s forwards 0s linear;
    }

    .checkmark2 {
        opacity: 0;
        animation: moaBlock1 .7s forwards .5s linear;
        -moz-animation: moaBlock1 .7s forwards .5s linear;
        -webkit-animation: moaBlock1 .7s forwards .5s linear;
    }

    .checkmark3 {
        opacity: 0;
        animation: moaBlock1 .7s forwards 1s linear;
        -moz-animation: moaBlock1 .7s forwards 1s linear;
        -webkit-animation: moaBlock1 .7s forwards 1s linear;
    }
}

.footerDesk {
    margin-top: 40px;
}

    .footerDesk li a {
        font-family: 'Alright_Medium';
        font-size: 17px;
        color: #180f5e !important;
        text-decoration: none !important;
        border-bottom: 2px solid #180f5e;
        line-height: 0px;
    }

    .footerDesk .nav-link {
        display: block;
        padding: .35rem .0rem;
        margin: 0rem .34rem;
        position: relative;
        z-index: 3;
    }

    .footerDesk .separator {
        width: 2px;
        background: #180f5e;
        height: 17px;
        position: relative;
        top: -4px;
    }

    .footerDesk .footerLogos {
        position: relative;
        top: -29px;
        left: -22px;
    }

    .footerDesk .copyrightTxt {
        color: #5b6770;
        font-family: 'Alright_Medium';
        font-size: 11px;
        width: 62% !important;
        position: relative;
        top: -10px;
    }

.footerMobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .footerDesk {
        display: none;
    }

    .footerMobile {
        display: block;
        border-top: 3px solid #cfa644;
        padding-top: 50px;
        padding-bottom: 20px;
    }

        .footerMobile .isiGoldArrow-footer {
            position: absolute;
            margin-top: -98px;
            left: 40px;
        }

        .footerMobile li a {
            font-family: 'Alright_Bold';
            font-size: 17px;
            color: #180f5e !important;
            text-decoration: none !important;
            border-bottom: 2px solid #180f5e;
            line-height: 0px;
        }

        .footerMobile .nav-link {
            display: block;
            padding: .35rem .0rem;
            margin: .55rem .5rem;
            position: relative;
            z-index: 3;
        }

        .footerMobile .separator {
            width: 2px;
            background: #180f5e;
            height: 17px;
            position: relative;
            top: 5px;
        }

        .footerMobile .footerLogos {
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            margin-top: 15px;
            width: 383px;
            margin-left: 6px;
        }

        .footerMobile .copyrightTxt {
            margin-top: 15px;
            width: 100%;
            padding-left: 30px;
            padding-right: 30px;
        }
}

@media only screen and (max-width: 1021px) {
    .footerDesk {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 843px) {
    .footerDesk li a {
        font-family: 'Alright_Medium';
        font-size: 14px;
        color: #180f5e !important;
        text-decoration: none !important;
        border-bottom: 2px solid #180f5e;
        line-height: 0;
    }

    .footerDesk .separator {
        width: 2px;
        background: #180f5e;
        height: 15px;
        position: relative;
        top: -2px;
    }

    .footerDesk .footerLogos {
        position: relative;
        top: -32px;
        left: -22px;
    }
}

@media only screen and (max-width: 420px) {
    .footerMobile .footerLogos {
        left: 47%;
    }
}

@media only screen and (max-width: 390px) {
    .footerMobile .footerLogos {
        left: 49.7%;
    }

        .footerMobile .footerLogos img {
            transform: scale(0.9) !important;
        }

    .seatleLogo {
        margin-left: -25px;
    }
}

.mobileModalBr {
    display: none;
}

#hcpModalWrap {
    height: 100%;
    overflow: hidden;
}

    #hcpModalWrap #demo-modal-Leaving {
        overflow: hidden;
    }

        #hcpModalWrap #demo-modal-Leaving #wrapper {
            overflow: hidden;
            height: 340px !important;
        }

        #hcpModalWrap #demo-modal-Leaving #modal-wrapper {
            height: 93.5% !important;
        }

            #hcpModalWrap #demo-modal-Leaving #modal-wrapper #modal-wrapper:before {
                width: 5% !important;
            }

            #hcpModalWrap #demo-modal-Leaving #modal-wrapper #modal-wrapper:after {
                width: 95% !important;
            }

        #hcpModalWrap #demo-modal-Leaving .interstitialArrow {
            position: absolute;
            bottom: 0px;
            left: 0px;
        }

    #hcpModalWrap #hcpModalWrap {
        display: none;
    }

    #hcpModalWrap .modal-HCP {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        background: rgba(0, 0, 0, 0.8);
        z-index: 99999;
        animation-name: show;
        animation-duration: 0.5s;
    }

        #hcpModalWrap .modal-HCP .bodyCopy {
            line-height: 20px !important;
        }

@media only screen and (max-width: 901px) {
    #hcpModalWrap .interstitialArrow {
        left: -8px !important;
    }
}

@media only screen and (max-width: 767px) {
    #hcpModalWrap .desktopModalBr {
        display: none;
    }

    #hcpModalWrap #demo-modal-Leaving #wrapper {
        height: 414px !important;
    }

    #hcpModalWrap #demo-modal-Leaving #modal-wrapper {
        height: 94.3% !important;
    }

        #hcpModalWrap #demo-modal-Leaving #modal-wrapper #modal-wrapper:before {
            width: 5% !important;
        }

        #hcpModalWrap #demo-modal-Leaving #modal-wrapper #modal-wrapper:after {
            width: 95% !important;
        }

    #hcpModalWrap #demo-modal-Leaving .interstitialArrow {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
}

@media only screen and (max-width: 738px) {
    #hcpModalWrap #modal-wrapper:before {
        width: 7% !important;
    }

    #hcpModalWrap #modal-wrapper:after {
        width: 93% !important;
    }
}

@media only screen and (max-width: 540px) {
    #hcpModalWrap #modal-wrapper:before {
        width: 9% !important;
    }

    #hcpModalWrap #modal-wrapper:after {
        width: 91% !important;
    }
}

@media only screen and (max-width: 427px) {
    #hcpModalWrap #modal-wrapper:before {
        width: 11% !important;
    }

    #hcpModalWrap #modal-wrapper:after {
        width: 89% !important;
    }

    #hcpModalWrap .mobileModalBr {
        display: block;
    }

    #hcpModalWrap .modalRow {
        margin-top: -25px;
    }

    #hcpModalWrap #demo-modal-Leaving .modal-InnerWrap-Leaving .modalPNew {
        top: 0;
        width: 186px;
        font-size: 24px;
        font-family: 'Alright_Bold';
        margin-bottom: 30px;
        line-height: 28px !important;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    #hcpModalWrap #demo-modal-Leaving #wrapper {
        height: 567px !important;
    }

    #hcpModalWrap #demo-modal-Leaving #modal-wrapper {
        height: 96% !important;
    }

    #hcpModalWrap #demo-modal-Leaving .interstitialArrow {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
}

.modalHidden {
    display: none !important;
}

.modalShow {
    display: block !important;
}

#hcpModalWrap {
    display: none;
}

@media only screen and (max-width: 380px) {
    #hcpModalWrap .modal-HCP {
        top: -60px !important;
    }
}

/* ---------------------------------------- ISI ---------------------------------------- */
.isi-content {
    color: #000000;
    font-weight: 400;
}

    .isi-content .isi-header {
        color: #000000;
        font-weight: 700;
        font-size: 1rem;
    }

.indication {
    position: relative;
    top: 1px;
}

.isi-content strong {
    color: #000000;
    margin-bottom: 1rem;
}

.isi-content p strong {
    color: #78787a;
    margin-bottom: 0;
}

.fixed-isi {
    background-color: #ffffff;
    bottom: 0;
    border-top: 1px solid black;
    height: 32%;
    left: 0;
    min-height: 160px;
    position: fixed;
    width: 100%;
    z-index: 9;
    display: none;
}

    .fixed-isi .expand {
        cursor: pointer;
        float: right;
        position: relative;
        top: -20px;
        margin-left: -104px;
    }

    .fixed-isi.expanded .expand {
        top: -16px !important;
        margin-left: -110px;
        z-index: 1000;
        background: white;
    }

.expand-button,
.collapse-button {
    display: inline-block;
    color: #ffffff;
    background-color: #000000;
    padding: 4px 10px 2px 10px;
    font-size: 12px;
    margin-right: 4px;
}

.collapse-button {
    display: none;
}

.fixed-isi.expanded .expand .expand-button {
    display: none;
}

.fixed-isi.expanded .expand .collapse-button {
    display: inline-block;
}

.newExpandLogo {
    cursor: pointer;
    margin-top: -27px;
    margin-left: 872px !important;
}

.isi .scroll-body p:last-child {
    padding-bottom: 1rem;
}

/* -----  Inner expanded ISI scroll  -----*/
.fixed-isi.expanded {
    background-color: white;
    position: relative;
    /*overflow: hidden;*/
}

.fixed-isi .isi-content {
    padding-bottom: 0;
}

.fixed-isi.expanded .isi-content {
    padding-bottom: 1rem;
}

.fixed-isi .isi-content .scroll-body {
    overflow: auto;
    margin-right: 0.3rem;
}

.fixed-isi.expanded .isi-content .scroll-body {
    height: 95%;
}

.fixed-isi .isi-content .scroll-body::-webkit-scrollbar {
    width: 10px;
}

.fixed-isi .isi-content .scroll-body::-webkit-scrollbar-track {
    background: #e0e0e0;
    -webkit-border-radius: 15px;
    margin-top: 15px !important;
}

.fixed-isi .isi-content .scroll-body::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 10px;
}

.fixed-isi.expanded {
    margin-top: -161px !important;
}

.fixed-isi.collapsed {
    height: 20%;
}

.fixed-isi.expanded .expand img {
    content: url("../img/icon-isi-arrow.png");
    transform: rotate(180deg);
}

.fixed-isi.expanded .expand img {
    content: url("../img/icon-isi-arrow.png");
    transform: rotate(180deg);
}

.isi .container,
.fixed-isi .container {
    padding-left: 0;
    padding-right: 0;
}

.fixed-isi .container {
    overflow: visible !important;
}

.indicationOne {
    position: relative;
}

.contactFooterLink {
    cursor: pointer;
}

/* ---------------------------------------- Media Queries ---------------------------------------- */
@media screen and (min-width: 768px) {
    .fixed-isi.expanded {
        height: calc(100% - 146px);
    }
}

@media screen and (max-width: 991.98px) {
    .scroll-body {
        border-top: 3px solid #cfa644;
    }

    .fixed-isi .container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .isi .container {
        padding-left: 8px;
        padding-right: 8px;
    }

    .indicationOne {
        position: relative;
        top: -1px;
        margin-top: -15px !important;
    }

    .scroll-body {
        position: relative;
        top: -13px !important;
    }

    .fixed-isi.expanded {
        margin-top: 0px !important;
    }

    .isiNavMobile {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 767.98px) {
    .isi {
        background-color: #ffffff;
        padding-top: 40px;
    }

    .isi-content p {
        font-size: 0.875rem;
    }

    .isi-content h1 {
        font-size: 1.625rem;
    }

    .fixed-isi {
        height: 30%;
        min-height: 115px;
    }

        .fixed-isi .isi-content .scroll-body {
            height: 70%;
        }

        .fixed-isi.expanded {
            height: calc(100% - 148px);
        }

    .isi .scroll-body p:last-child {
        padding-bottom: 2rem;
        margin-bottom: 0;
    }

    .fixed-isi .expand {
        top: -16px;
        margin-left: -58px;
    }

    .fixed-isi .container .isaText {
        padding: 0 4px 0 0;
        margin: 0;
    }

    .fixed-isi .isi-content .scroll-body {
        width: 100%;
        margin-right: 0;
    }

        .fixed-isi .isi-content .scroll-body .container {
            padding: 0;
        }

    .isiNavMobile {
        padding-left: 20px;
        padding-right: 0px;
    }
}

.spaceOneIsi {
    margin-top: 5px !important;
}

.isiImpSafetyMobile {
    display: none;
}

@media screen and (min-width: 767px) {
    .expand-button {
        position: relative;
        bottom: -3px;
    }
}

@media screen and (min-width: 991px) {
    .expand img {
        position: relative;
        bottom: -2px;
    }
}

.ISIrBall {
    position: relative;
    font-size: 12px !important;
    top: -4px !important;
    left: -2px;
}

.isiRow, .scroll-body, .isi-content, .isiContainer {
    overflow-x: hidden !important;
}

#isi-contentDesktopView ::-webkit-scrollbar, .fixed-isi ::-webkit-scrollbar {
    width: 0px !important;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
}

.fixed-isi {
    border-top: 10px solid #EBC971;
    background-color: #fff;
    /* For browsers that do not support gradients */
}

    .fixed-isi .isiContainer {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

        .fixed-isi .isiContainer .col-md-6 {
            margin-top: -30px;
        }

.isi-content .goldArrowImg {
    top: 35px !important;
}

.fixed-isi .isi-content .goldArrowImg {
    top: -2px !important;
}

.fixed-isi .isiContainer img {
    right: 50px !important;
}

#addressTxt {
    font-family: 'Alright_Regular' !important;
    font-weight: 200 !important;
    font-size: 14px !important;
    margin-top: -13px !important;
}

.box {
    /* background: blue; */
    width: 100% !important;
    position: relative;
}

.iconImg {
    position: absolute;
    left: 5px;
    top: 4px !important;
}

.img2, .img8 {
    left: 22px !important;
}

.img3, .img7 {
    left: 15px !important;
}

.img5, .img6 {
    left: 16px;
}

.img9 {
    left: 23px;
}

.boxP {
    position: relative;
    left: 70px;
    width: 80% !important;
    font-size: 16px !important;
}

.isiContainer .boldTxt {
    color: #5b6770;
}

.regFont {
    color: #5b6770;
    font-family: 'Alright_Regular' !important;
}

.boxP .boldTxt {
    font-size: 16px !important;
    line-height: 20px;
}

.boxPLi {
    color: #5b6770;
    font-family: 'Alright_Medium';
    margin-top: -15px;
}

.boldTxtHeader {
    padding-bottom: 10px !important;
    color: #5b6770;
}

.boxList {
    position: relative;
    width: 100%;
    margin-top: -10px;
    height: 230px;
}

.boxLeft {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45% !important;
}

.boxRight {
    position: absolute;
    left: 70% !important;
    transform: translateX(-50%);
    top: 0px;
    width: 30% !important;
}

.boldHeaderIsi {
    margin-top: -80px !important;
    color: !important;
    font-family: 'Alright_Medium';
    margin-top: -15px;
    font-size: 16px !important;
}

.pBodyTxt, .pBodyTxt a {
    color: #5b6770 !important;
    font-family: 'Alright_Medium';
    text-decoration: none !important;
    font-size: 15px !important;
}

.underlineStyle {
    text-decoration: underline !important;
}

.smallerTxt {
    color: #5b6770 !important;
    font-family: 'Alright_Medium';
    text-decoration: none !important;
    margin-top: -5px !important;
    font-size: 12px !important;
}

.hiddenPrescribeDsk {
    display: none;
}

.isiContainer {
    position: relative;
}

    .isiContainer img {
        position: absolute;
        right: 54px;
        top: 43px;
        z-index: 2;
    }

.goldArrowImg {
    cursor: pointer !important;
}

.isiP1 {
    color: #180f5e;
    font-family: 'Alright_Bold';
    font-size: 19px;
    letter-spacing: 0px;
}

.p2 {
    color: #5b6770;
    font-family: 'Alright_Regular';
    font-size: 18px;
    line-height: 23px;
}

.boldTxt {
    font-family: 'Alright_Bold' !important;
    font-size: 20px !important;
    line-height: 23px;
}

.boldFont {
    font-family: 'Alright_Bold' !important;
}

.bolderTxtIsi {
    font-family: 'Alright_Bold';
    font-size: 20px !important;
    line-height: 23px;
}

#bolderTxtIsi {
    font-family: 'Alright_Bold';
    font-size: 20px !important;
    line-height: 23px;
}

.isiUnderline {
    font-family: 'Alright_Bold';
    color: #180f5e !important;
    text-decoration: none !important;
    border-bottom: 2.5px solid #180f5e;
}

.fixed-isi {
    background-color: #ffffff;
    bottom: 0;
    border-top: 1px solid black;
    height: 16%;
    left: 0;
    min-height: 225px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    display: none;
}

.scroll-body {
    border-top: 3px solid #cfa644;
}

.isiWrap {
    position: relative;
}

    .isiWrap .isiGoldArrow-whitebg {
        position: absolute;
        z-index: 5;
        left: 0px;
        top: -45px;
    }

.isiContainer {
    margin-top: -40px !important;
}

.colRight {
    margin-top: -21px !important;
}

.fixed-isi .colRight {
    margin-top: -61px !important;
}

.fixed-isi .isiContainer .indicationSection {
    margin-top: -40px !important;
}

.isiHeader-Font {
    position: relative;
    padding-left: 27px;
}

    .isiHeader-Font img {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.isi-content .goldArrowImg {
    top: 71px !important;
}

.isiContainer .goldArrowImg {
    position: absolute;
    right: 7px !important;
    top: 43px;
    z-index: 2;
}

.underlineIsi {
    color: #180f5e !important;
    font-family: 'Alright_Bold' !important;
    text-decoration: none !important;
    border-bottom: 2px solid #180f5e;
    line-height: 0px !important;
}

.fixed-isi .isi-content .goldArrowImg {
    top: 14px !important;
    right: -13px !important;
}

.fixed-isi .indicationSection {
    padding-left: 0px !important;
}

.fixed-isi .isi-content {
    height: 100%;
}

.fixed-isi .scroll-body {
    border: none;
}

.fixed-isi {
    border-top: 3px solid #cfa644;
}

#important-safety-information {
    position: relative;
    top: 10px;
}

.goldArrowImg {
    display: none;
}

.fixed-isi .isi-content .goldArrowImg {
    display: block !important;
}

.isiViewBox, .isiWrap {
    padding: 0px !important;
    width: 100% !important;
}

.isiRow {
    margin: 0px !important;
}

.fixed-isi .isiGoldArrow-whitebg {
    top: -48px;
}

@media only screen and (max-width: 1045px) {
    .isiGoldArrow-whitebg {
        position: absolute;
        z-index: 5;
        left: 20px !important;
        top: -45px;
    }

    .fixed-isi .isi-content .goldArrowImg {
        top: 14px !important;
        right: 0px !important;
        display: block !important;
    }
}

.indicationSection {
    padding-left: 0px !important;
}

@media screen and (max-width: 991.98px) {
    .scroll-body {
        position: relative;
        top: 0px !important;
    }
}

.referenceTxt {
    line-height: 16px;
}

    .referenceTxt strong {
        font-family: 'Alright_Bold' !important;
    }

@media screen and (max-width: 767.98px) {
    .referenceTxt {
        margin-top: 35px;
    }

    .warningTxt {
        width: 150px;
    }

    .modalOnlyBreak {
        display: none;
    }

    .colRight {
        margin-top: -44px !important;
    }

    .fixed-isi .isi-content .scroll-body {
        height: 100% !important;
    }

    .fixed-isi .isi-content {
        margin-top: 10px;
    }

    .fixed-isi {
        min-height: 234px !important;
    }

        .fixed-isi .isi-content .goldArrowImg {
            top: 4px !important;
            right: 4px !important;
            display: block !important;
            width: 30px;
        }

    .isiImpSafetyMobile {
        font-size: 18px !important;
        position: relative;
        left: -5px;
        width: 200px;
        line-height: 20px;
    }

    .p2 {
        font-size: 16px !important;
        font-family: 'Alright_Regular';
        line-height: 20px;
    }

        .p2 .boldFont {
            font-family: 'Alright_Bold' !important;
        }

    .isiHeader-Font {
        position: relative;
        padding-left: 20px !important;
    }

    .isiP1 {
        font-family: 'Alright_Bold';
        font-size: 18px !important;
        line-height: 20px;
        margin-bottom: 5px !important;
    }

    .isiIndicationTxt {
        margin-top: 25px;
    }

    .isiHeader-Font img {
        position: absolute;
        left: 0;
        top: -4px;
        width: 16px !important;
    }

    .deskIsiBreak {
        display: none;
    }

    .colRight {
        padding: 0px !important;
    }

    .isiImpSafetyDesktop {
        display: none;
    }

    .isiImpSafetyMobile {
        display: block;
    }
}

@media screen and (max-width: 980px) {
    .isiImpSafetyDesktop {
        width: 300px;
        line-height: 23px;
    }
}

.isiWrap .boldFont {
    font-family: 'Alright_Bold' !important;
}

.isiExpanded {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999999;
    background: #fff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: none;
}

    .isiExpanded #isiArrowUp, .isiExpanded .isiGoldArrow-whitebg {
        display: none !important;
    }

    .isiExpanded .isiContainer img {
        right: 0px !important;
    }

.isiArrowDown {
    position: absolute;
    top: 15px !important;
    right: 0px !important;
    z-index: 9999999999 !important;
    display: none;
}

.isiExpanded .isiArrowDown {
    display: block !important;
}

@media only screen and (max-width: 1045px) {
    .isiArrowDown {
        top: 14px !important;
        right: 0px !important;
    }
}

@media screen and (max-width: 767.98px) {
    .isiArrowDown {
        top: 4px !important;
        right: 4px !important;
        width: 30px;
    }
}

.expanded {
    display: block;
}

.bodyOverflow {
    overflow: hidden !important;
}

@media only screen and (max-width: 820px) {
    .isiExpanded {
        top: 105px;
        padding-top: 15px;
        padding-bottom: 150px;
    }
}

.isiRow, .scroll-body, .isi-content, .isiContainer {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

    .isiRow::-webkit-scrollbar, .scroll-body::-webkit-scrollbar, .isi-content::-webkit-scrollbar, .isiContainer::-webkit-scrollbar {
        display: none !important;
    }

.isiBottomLinkBr {
    overflow-wrap: break-word;
    word-wrap: break-word;
}



.mainNav .nav-item {
    position: relative;
    height: 40px;
}

.navArrowIndicator {
    position: absolute;
    bottom: -22px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.navArrowIndicatorGold {
    z-index: 9999;
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.bladderCancer .desktopNav:before {
    width: 39% !important;
    border-right: 4px solid #cfa644;
    background-image: url("images/navArrow.png");
    background-position: right 30px center;
}

.bladderCancer .desktopNav:after {
    width: 61% !important;
    border-left: 4px solid #cfa644;
    background-image: url("images/navArrow.png");
    background-position: right 30px center;
}

.desktopNav {
    background: rgba(221, 227, 234, 0.7);
    height: 95px;
    position: relative;
    width: 100%;
    border-bottom: 3px solid #cfa644;
    padding: 0px;
    z-index: 9999 !important;
}

    .desktopNav .navInner {
        height: 100%;
        position: relative;
    }

        .desktopNav .navInner .topNav {
            position: relative;
            right: 10px;
        }

            .desktopNav .navInner .topNav ul li a {
                color: #3b4045 !important;
                text-decoration: none !important;
                font-size: 14px;
                font-family: 'Alright_Regular';
            }

            .desktopNav .navInner .topNav .nav-link {
                display: block;
                padding: .4rem .4rem;
            }

            .desktopNav .navInner .topNav .vLine {
                height: 15px;
                width: 1px;
                background: #3b4045;
                position: relative;
                margin-top: 8px;
            }

        .desktopNav .navInner .mainNav ul li a {
            color: #180f5e !important;
            text-decoration: none !important;
            font-size: 16px;
            font-family: 'Alright_Regular';
        }

        .desktopNav .navInner .mainNav .navLogo {
            position: absolute;
            left: -42px;
            bottom: 8px;
            z-index: 999;
        }

        .desktopNav .navInner .mainNav .innerNav-Main {
            position: relative;
            top: 5px;
        }

.boldNav {
    font-family: 'Alright_Bold' !important;
}

.homePage .desktopNav {
    position: absolute !important;
}

#demo-modal #wrapper {
    overflow: hidden;
    height: 347px;
    width: 830px;
    position: relative;
    margin: 160px auto;
    border-top: 4px solid #cfa644;
    border-right: 4px solid #cfa644;
    border-left: 4px solid #cfa644;
}

#demo-modal #modal-wrapper {
    height: 320px;
    background-image: url("../Content/images/gradientBg.png");
    background-position: center;
    background-size: cover;
    position: relative;
}

    #demo-modal #modal-wrapper:before {
        content: "";
        position: absolute;
        left: -6px;
        width: 5%;
        height: 30px;
        bottom: -23px;
        background: #0D0648;
        -webkit-transform: skew(-40deg);
        -moz-transform: skew(-40deg);
        -o-transform: skew(-40deg);
        -ms-transform: skew(-40deg);
        transform: skew(-40deg);
        border-bottom: 4px solid #cfa644;
    }

    #demo-modal #modal-wrapper:after {
        content: "";
        position: absolute;
        right: -25px;
        width: 95%;
        height: 30px;
        bottom: -23px;
        -webkit-transform: skew(40deg);
        -moz-transform: skew(40deg);
        -o-transform: skew(40deg);
        -ms-transform: skew(40deg);
        transform: skew(40deg);
        border-bottom: 4px solid #cfa644;
        background-image: url("../Content/images/gradientBg1.png");
        background-position: bottom;
        background-size: cover;
    }

.interstitialArrow {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    animation-name: show;
    animation-duration: 0.5s;
}

@keyframes show {
    0% {
        display: none;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.modal-footer {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 12px;
}

.modal-close {
    right: 15px;
    top: 15px;
    position: absolute;
    opacity: 1;
    z-index: 4;
}

    .modal-close:hover,
    .modal-close:focus {
        opacity: 1;
        cursor: pointer;
    }

.modal-InnerWrap {
    position: absolute;
    top: 57px;
    left: 50%;
    transform: translateX(-50%);
}

    .modal-InnerWrap .modalPNew {
        color: #fff;
        top: 0px;
        width: 100%;
        text-align: center;
        font-size: 24px;
        font-family: 'Alright_Bold';
        margin-bottom: 30px;
    }

    .modal-InnerWrap a {
        text-decoration: none !important;
    }

    .modal-InnerWrap button {
        display: block;
        color: #180f5e;
        width: 450px;
        border-bottom-right-radius: 80px;
        border-top-right-radius: 80px;
        height: 55px;
        text-decoration: none !important;
        background: #fff;
        margin-bottom: 35px;
        position: relative;
        font-size: 24px;
        font-family: 'Alright_Bold';
        border: 1.5px solid #cfa644;
        border-right: 0px !important;
        padding-top: 5px;
        position: relative;
        margin-left: -10px;
    }

        .modal-InnerWrap button img {
            position: absolute;
            top: -7px;
            right: -13px;
        }

#demo-modal-Leaving #wrapper {
    overflow: hidden;
    height: 497px;
    width: 830px;
    position: relative;
    margin: 160px auto;
    border-top: 4px solid #cfa644;
    border-right: 4px solid #cfa644;
    border-left: 4px solid #cfa644;
}

#demo-modal-Leaving #modal-wrapper {
    height: 470px;
    background-image: url("../Content/images/gradientBg.png");
    background-position: center;
    background-size: cover;
    position: relative;
}

    #demo-modal-Leaving #modal-wrapper:before {
        content: "";
        position: absolute;
        left: -6px;
        width: 5%;
        height: 30px;
        bottom: -23px;
        background: #0D0648;
        -webkit-transform: skew(-40deg);
        -moz-transform: skew(-40deg);
        -o-transform: skew(-40deg);
        -ms-transform: skew(-40deg);
        transform: skew(-40deg);
        border-bottom: 4px solid #cfa644;
    }

    #demo-modal-Leaving #modal-wrapper:after {
        content: "";
        position: absolute;
        right: -25px;
        width: 95%;
        height: 30px;
        bottom: -23px;
        -webkit-transform: skew(40deg);
        -moz-transform: skew(40deg);
        -o-transform: skew(40deg);
        -ms-transform: skew(40deg);
        transform: skew(40deg);
        border-bottom: 4px solid #cfa644;
        background-image: url("../Content/images/gradientBg1.png");
        background-position: bottom;
        background-size: cover;
    }

.interstitialArrow {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.modal-Leaving {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    animation-name: show;
    animation-duration: 0.5s;
}

@keyframes show {
    0% {
        display: none;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.modal-footer {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 12px;
}

.modal-close {
    right: 15px;
    top: 15px;
    position: absolute;
    opacity: 1;
}

    .modal-close:hover,
    .modal-close:focus {
        opacity: 1;
        cursor: pointer;
    }

.modal-InnerWrap-Leaving {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 645px;
}

    .modal-InnerWrap-Leaving .bodyCopy {
        width: 100%;
        text-align: center;
        color: #fff;
        font-family: 'Alright_Regular';
        font-size: 16px;
    }

    .modal-InnerWrap-Leaving .modalPNew {
        color: #fff;
        top: 0px;
        width: 100%;
        text-align: center;
        font-size: 24px;
        font-family: 'Alright_Bold';
        margin-bottom: 20px;
    }

    .modal-InnerWrap-Leaving a {
        text-decoration: none !important;
    }

    .modal-InnerWrap-Leaving button {
        color: #fff;
        width: 145px;
        height: 55px;
        text-decoration: none !important;
        background: transparent;
        margin-top: 35px;
        position: relative;
        font-size: 24px;
        font-family: 'Alright_Bold';
        border: 1.5px solid #cfa644;
        border-right: 0px !important;
        padding-top: 5px;
        position: relative;
    }

        .modal-InnerWrap-Leaving button img {
            position: absolute;
            top: -7px;
            right: -35px;
        }

    .modal-InnerWrap-Leaving .linkBtn {
        background: #fff !important;
        color: #0A0640;
        width: 160px !important;
        border-bottom-right-radius: 80px;
        border-top-right-radius: 80px;
        padding-right: 20px;
    }

        .modal-InnerWrap-Leaving .linkBtn img {
            right: -13px;
        }

    .modal-InnerWrap-Leaving .modalRow .col-md {
        max-width: 200px !important;
    }

.hcpNavArrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
    display: none;
}

.moaPage .navMoa a {
    font-family: 'Alright_Bold' !important;
}

.moaPage .navMoa .hcpNavArrow {
    display: block;
}

.studyOverviewPage .navStudyOverview a {
    font-family: 'Alright_Bold' !important;
}

.studyOverviewPage .navStudyOverview .hcpNavArrow {
    display: block;
}

.efficacyPage .navEfficacy a {
    font-family: 'Alright_Bold' !important;
}

.efficacyPage .navEfficacy .hcpNavArrow {
    display: block;
}

.safetyPage .navSafety a {
    font-family: 'Alright_Bold' !important;
}

.safetyPage .navSafety .hcpNavArrow {
    display: block;
}

.dosingPage .navDosing a {
    font-family: 'Alright_Bold' !important;
}

.dosingPage .navDosing .hcpNavArrow {
    display: block;
}

.supportPage .navSupport a {
    font-family: 'Alright_Bold' !important;
}

.supportPage .navSupport #smSupNav {
    font-weight: bold !important;
}

.supportPage .navSupport .hcpNavArrow {
    display: block;
}

.resourcePage .navResources a {
    font-family: 'Alright_Bold' !important;
}

.resourcePage .navResources .hcpNavArrow {
    display: block;
}

@media only screen and (max-width: 1119px) {
    .desktopNav .navInner .mainNav .navLogo {
        left: 0px;
    }

    .desktopNav .nav-link {
        display: block;
        padding: .5rem .7rem;
    }

    .topNav {
        position: relative;
        right: 5px !important;
    }
}

@media only screen and (max-width: 1043px) {
    .topNav {
        position: relative;
        right: 0px !important;
    }

    .desktopNav .navInner .mainNav .navLogo {
        left: 15px;
    }

    .desktopNav .nav-link {
        display: block;
        padding: .5rem .4rem;
    }
}

@media only screen and (max-width: 926px) {
    .desktopNav .navInner .mainNav .navLogo {
        left: 15px;
    }

    .desktopNav .nav-link {
        display: block;
        padding: .5rem .32rem;
    }

    .desktopNav .navInner .mainNav ul li a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 820px) {
    .mobileMenu-Overlay, .mobileNav {
        display: none;
    }
}

.navCover {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99999999;
    display: none;
}

@media only screen and (max-width: 820px) {
    .desktopNav {
        display: none;
    }

    .mobileMenu-Overlay {
        display: none;
    }

    .mobileNav {
        display: block;
        background: #d6dde7 !important;
        width: 100% !important;
        overflow: hidden;
        height: 105px;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999999999;
        border-bottom: 3px solid #cfa644;
    }

    .mobileTopNav li a {
        color: #180f5e !important;
        text-decoration: none !important;
        font-size: 14px;
        font-family: 'Alright_Medium';
        border-bottom: 2px solid #180f5e;
        padding: 0px !important;
        line-height: 12px !important;
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        margin-top: 10px;
    }

    .mobileTopNav .nav-link {
        display: block;
    }

    .mobileTopNav .vLine {
        height: 15px;
        width: 2px;
        background: #180f5e;
        position: relative;
        margin-top: 8px;
    }

    .mobileNavRow .navLogo {
        position: absolute;
        left: 9px;
        bottom: 7px;
        width: 150px;
    }

    .mobileNavRow .navMenuImg {
        width: 47px;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    .heroTextWrap {
        margin-top: 0px;
    }
}

.mobileMenu-List {
    width: 100%;
    position: relative;
    height: 573px;
    z-index: 9999999999;
}

    .mobileMenu-List #mobileNav-Ul {
        height: 623px;
        background-image: url("../Content/images/gradientBg.png");
        background-position: center;
        background-size: cover;
        position: relative;
        z-index: 99999999999999999999 !important;
        padding: 45px 0px;
    }

        .mobileMenu-List #mobileNav-Ul:before {
            content: "";
            position: absolute;
            left: -6px;
            width: 8%;
            height: 30px;
            bottom: -23px;
            background: #08023B;
            border-bottom: 4px solid #cfa644;
            -webkit-transform: skew(-40deg);
            -moz-transform: skew(-40deg);
            -o-transform: skew(-40deg);
            -ms-transform: skew(-40deg);
            transform: skew(-40deg);
        }

        .mobileMenu-List #mobileNav-Ul:after {
            content: "";
            position: absolute;
            right: -6px;
            width: 90%;
            height: 30px;
            bottom: -23px;
            background-image: url("../Content/images/gradientBg1.png");
            background-position: bottom;
            background-size: cover;
            border-bottom: 4px solid #cfa644;
            -webkit-transform: skew(40deg);
            -moz-transform: skew(40deg);
            -o-transform: skew(40deg);
            -ms-transform: skew(40deg);
            transform: skew(40deg);
        }

    .mobileMenu-List .modal-close-Nav {
        position: absolute;
        right: 25px;
        top: 15px;
    }

    .mobileMenu-List .interstitialArrow {
        position: absolute;
        bottom: -23px;
        left: 4%;
        z-index: 9999999;
    }

#mobilePatientsLink {
    border-bottom: 0px;
}

.outerMobileLi {
    background: transparent;
    height: 60px;
    width: 100%;
}

.mobile-ulBox {
    position: relative;
    text-decoration: none !important;
    width: 90%;
    transform: translateX(-50%);
    left: 50%;
    border-bottom: 3px solid #cfa644;
    height: 60px;
}

    .mobile-ulBox p {
        position: relative;
        color: #fff !important;
        font-family: 'Alright_Bold';
        top: 50%;
        transform: translateY(-50%);
        text-decoration: none !important;
    }

    .mobile-ulBox img {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }

.mobileNav-interstitialArrow {
    position: absolute;
    bottom: -23px;
    left: 6%;
    z-index: 9999999;
}

@media only screen and (max-width: 615px) {
    #mobileNav-Ul:after {
        width: 88.1% !important;
    }
}

@media only screen and (max-width: 573px) {
    #mobileNav-Ul:after {
        width: 87.3% !important;
    }
}

@media only screen and (max-width: 561px) {
    #mobileNav-Ul:after {
        width: 88% !important;
    }
}

@media only screen and (max-width: 549px) {
    .mobileMenu-List #mobileNav-Ul:before {
        width: 10.4% !important;
    }
}

@media only screen and (max-width: 462px) {
    #mobileNav-Ul:after {
        width: 86% !important;
    }
}

@media only screen and (max-width: 458px) {
    .mobileNav-interstitialArrow {
        position: absolute;
        bottom: -23px;
        left: 4% !important;
        z-index: 9999999;
    }
}

@media only screen and (max-width: 390px) {
    .mobileNav-interstitialArrow {
        position: absolute;
        bottom: -23px;
        left: 3.5% !important;
        z-index: 9999999;
    }
}

.mobileMenu-Overlay {
    width: 100vw;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999999999;
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
    body {
        padding-top: 105px;
    }
}

.arrow-active {
    display: none;
}

.homePage .activeHome {
    background: #ebc971 !important;
}

    .homePage .activeHome .mobile-ulBox {
        border-bottom: 0px;
    }

    .homePage .activeHome p {
        color: #180f5e !important;
    }

    .homePage .activeHome .arrow-active {
        display: block;
    }

    .homePage .activeHome .arrow-not-active {
        display: none;
    }

.moaPage .activeHome .mobile-ulBox {
    border-bottom: 0px;
}

.moaPage .active1 {
    background: #ebc971 !important;
}

    .moaPage .active1 .mobile-ulBox {
        border-bottom: 0px;
    }

    .moaPage .active1 p {
        color: #180f5e !important;
    }

    .moaPage .active1 .arrow-active {
        display: block;
    }

    .moaPage .active1 .arrow-not-active {
        display: none;
    }

.studyOverviewPage .active1 .mobile-ulBox {
    border-bottom: 0px;
}

.studyOverviewPage .active2 {
    background: #ebc971 !important;
}

    .studyOverviewPage .active2 .mobile-ulBox {
        border-bottom: 0px;
    }

    .studyOverviewPage .active2 p {
        color: #180f5e !important;
    }

    .studyOverviewPage .active2 .arrow-active {
        display: block;
    }

    .studyOverviewPage .active2 .arrow-not-active {
        display: none;
    }

.efficacyPage .active2 .mobile-ulBox {
    border-bottom: 0px;
}

.efficacyPage .active3 {
    background: #ebc971 !important;
}

    .efficacyPage .active3 .mobile-ulBox {
        border-bottom: 0px;
    }

    .efficacyPage .active3 p {
        color: #180f5e !important;
    }

    .efficacyPage .active3 .arrow-active {
        display: block;
    }

    .efficacyPage .active3 .arrow-not-active {
        display: none;
    }

.safetyPage .active3 .mobile-ulBox {
    border-bottom: 0px;
}

.safetyPage .active4 {
    background: #ebc971 !important;
}

    .safetyPage .active4 .mobile-ulBox {
        border-bottom: 0px;
    }

    .safetyPage .active4 p {
        color: #180f5e !important;
    }

    .safetyPage .active4 .arrow-active {
        display: block;
    }

    .safetyPage .active4 .arrow-not-active {
        display: none;
    }

.dosingPage .active4 .mobile-ulBox {
    border-bottom: 0px;
}

.dosingPage .active5 {
    background: #ebc971 !important;
}

    .dosingPage .active5 .mobile-ulBox {
        border-bottom: 0px;
    }

    .dosingPage .active5 p {
        color: #180f5e !important;
    }

    .dosingPage .active5 .arrow-active {
        display: block;
    }

    .dosingPage .active5 .arrow-not-active {
        display: none;
    }

.supportPage .active5 .mobile-ulBox {
    border-bottom: 0px;
}

.supportPage .active6 {
    background: #ebc971 !important;
}

    .supportPage .active6 .mobile-ulBox {
        border-bottom: 0px;
    }

    .supportPage .active6 p {
        color: #180f5e !important;
    }

    .supportPage .active6 .arrow-active {
        display: block;
    }

    .supportPage .active6 .arrow-not-active {
        display: none;
    }

.resourcePage .active6 .mobile-ulBox {
    border-bottom: 0px;
}

.resourcePage .active7 {
    background: #ebc971 !important;
}

    .resourcePage .active7 .mobile-ulBox {
        border-bottom: 0px;
    }

    .resourcePage .active7 p {
        color: #180f5e !important;
    }

    .resourcePage .active7 .arrow-active {
        display: block;
    }

    .resourcePage .active7 .arrow-not-active {
        display: none;
    }

.mobileBrModal {
    display: none;
}

#demo-modal .modal {
    overflow: hidden;
}

#demo-modal #wrapper, #demo-modal-Leaving #wrapper {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 901px) {
    #demo-modal .interstitialArrow, #demo-modal-Leaving .interstitialArrow {
        left: -12px;
    }

    #demo-modal #wrapper, #demo-modal-Leaving #wrapper {
        overflow: hidden;
        width: 700px;
        position: relative;
        margin: 160px auto;
        border-top: 4px solid #cfa644;
        border-right: 4px solid #cfa644;
        border-left: 4px solid #cfa644;
    }
}

@media only screen and (max-width: 820px) {
    #demo-modal #wrapper, #demo-modal-Leaving #wrapper {
        margin: 110px auto !important;
    }

    .modal, .modal-Leaving, .modal-HCP {
        z-index: 999999999999999 !important;
    }
}

@media only screen and (max-width: 767px) {
    .mobileTopNav li a {
        color: #180f5e !important;
        text-decoration: none !important;
        font-size: 12px;
    }

    .modal-InnerWrap-Leaving button {
        width: 140px;
    }

    .modalBtnTwo-Leaving {
        margin-left: -16px !important;
    }

    #demo-modal-Leaving .modal-InnerWrap-Leaving .modalPNew {
        top: 0;
        font-size: 24px;
        font-family: 'Alright_Bold';
        margin-bottom: 20px;
        line-height: 28px !important;
    }

    #demo-modal-Leaving #wrapper {
        overflow: hidden;
        height: 645px !important;
    }

    #demo-modal-Leaving #modal-wrapper {
        height: 96.6% !important;
        background-image: url(../Content/images/gradientBg.png);
        background-position: center;
        background-size: cover;
        position: relative;
    }

    .modal-InnerWrap-Leaving {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        width: 94%;
    }

    .mobileBrModal {
        display: block;
    }

    #demo-modal .interstitialArrow, #demo-modal-Leaving .interstitialArrow {
        left: -12px;
    }

    #demo-modal #wrapper, #demo-modal-Leaving #wrapper {
        overflow: hidden;
        height: 497px;
        width: 90%;
        position: relative;
        margin: 160px auto;
        border-top: 4px solid #cfa644;
        border-right: 4px solid #cfa644;
        border-left: 4px solid #cfa644;
    }

    #demo-modal .modal-InnerWrap, #demo-modal-Leaving .modal-InnerWrap {
        position: absolute;
        top: 55px;
        left: 50%;
        transform: translateX(-50%);
    }

        #demo-modal .modal-InnerWrap button, #demo-modal-Leaving .modal-InnerWrap button {
            display: block;
            background: #fff !important;
            width: 175px;
            height: 70px;
            background: 0 0;
            margin-bottom: 35px;
            font-size: 18px;
            font-family: 'Alright_Bold';
            border: 1.5px solid #cfa644;
            border-right: 0 !important;
            padding-top: 5px;
            position: relative;
            margin-left: -15px;
            text-align: left;
            line-height: 21px;
            padding-left: 10px;
        }

            #demo-modal .modal-InnerWrap button img, #demo-modal-Leaving .modal-InnerWrap button img {
                position: absolute;
                right: -15px;
                width: 48px;
            }

        #demo-modal .modal-InnerWrap .modalPNew, #demo-modal-Leaving .modal-InnerWrap .modalPNew {
            top: 0;
            width: 100%;
            text-align: center;
            font-size: 24px;
            font-family: 'Alright_Bold';
            margin-bottom: 30px;
            margin-left: -16px;
        }

    #demo-modal #modal-wrapper, #demo-modal-Leaving #modal-wrapper {
        height: 363px;
        background-image: url(../Content/images/gradientBg.png);
        background-position: center;
        background-size: cover;
        position: relative;
    }

    #demo-modal #wrapper, #demo-modal-Leaving #wrapper {
        overflow: hidden;
        height: 390px;
    }

    #demo-modal .modal-close, #demo-modal-Leaving .modal-close {
        right: 8px;
        top: 10px;
    }
}

@media only screen and (max-width: 665px) {
    #demo-modal #modal-wrapper:before {
        width: 7%;
    }

    #demo-modal #modal-wrapper:after {
        width: 93%;
    }
}

@media only screen and (max-width: 501px) {
    #demo-modal-Leaving #wrapper {
        overflow: hidden;
        height: 807px !important;
    }

    #demo-modal-Leaving #modal-wrapper {
        height: 780px !important;
        background-image: url(../Content/images/gradientBg.png);
        background-position: center;
        background-size: cover;
        position: relative;
    }
}

@media only screen and (max-width: 483px) {
    #demo-modal #modal-wrapper:before {
        width: 9%;
    }

    #demo-modal #modal-wrapper:after {
        width: 91%;
    }
}

@media only screen and (max-width: 665px) {
    #demo-modal-Leaving #modal-wrapper:before {
        width: 7%;
    }

    #demo-modal-Leaving #modal-wrapper:after {
        width: 93%;
    }
}

@media only screen and (max-width: 490px) {
    #demo-modal-Leaving #modal-wrapper:before {
        width: 9%;
    }

    #demo-modal-Leaving #modal-wrapper:after {
        width: 91%;
    }

    .modalClose-Leaving {
        right: 10px !important;
    }
}

.cancelModalGold {
    color: #cfa644 !important;
}

.navSupportDesk a {
    margin-top: -2px;
}

@font-face {
    font-family: 'Alright_Black';
    src: url("/fonts/Alrightv2NormalLT-Black.woff2") format("woff2"), url("/fonts/Alrightv2NormalLT-Black.woff") format("woff");
}

@font-face {
    font-family: 'Alright_Bold';
    src: url("/fonts/Alright-v2-Normal-LT-Bold.woff2") format("woff2"), url("/fonts/Alright-v2-Normal-LT-Bold.woff") format("woff");
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: 'Alright_Medium';
    src: url("/fonts/Alright-v2-Normal-LT-Medium.woff2") format("woff2"), url("/fonts/Alright-v2-Normal-LT-Medium.woff") format("woff");
}

@font-face {
    font-family: 'Alright_Regular';
    src: url("/fonts/Alright-v2-Normal-LT-Regular.woff2") format("woff2"), url("/fonts/Alright-v2-Normal-LT-Regular.woff") format("woff");

}

body, html {
    width: 100% !important;
}

a, button {
    cursor: pointer !important;
}

.container {
    max-width: 994px;
    padding: 0px;
}

li {
    font-family: 'Alright_Regular';
}

@media only screen and (max-width: 1045px) {
    .navySectionBtn {
        right: 20px !important;
    }

    .moaPage .buttonRow .buttonCol {
        right: 0px !important;
        position: absolute;
        flex-grow: 0 !important;
    }

    .safetyPage .moaUl {
        width: 350px;
        position: absolute;
        top: 113px;
        right: unset !important;
        left: 589px;
    }

    .safetyPage .safetyChart {
        margin-bottom: 50px;
        margin-top: 30px;
        width: 550px !important;
    }

    .blueSection .bodyText {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        position: relative;
        left: 110px;
        top: 30px;
        width: 85% !important;
    }

    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
        max-width: 100%;
    }

    .fixed-isi .isi-content, .isiWrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .isiContainer {
        padding: 0px 20px !important;
    }

    .fixed-isi .isiContainer {
        padding: 0px !important;
    }
}

.container-fluid {
    padding: 0px;
}

.bodyWrap {
    width: 100% !important;
    position: relative;
    overflow-x: hidden;
}

.home-hero {
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) !important;
}

.heroTextWrap {
    position: relative;
    z-index: 4 !important;
    width: 776px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 95px;
}

    .heroTextWrap P {
        width: 100%;
        text-align: center;
        color: #180f5e;
        font-family: 'Alright_Bold';
    }

    .heroTextWrap hr {
        width: 240px;
        height: 1px;
        background: #180f5e;
        margin-top: 30px;
    }

    .heroTextWrap .hrLeft {
        position: absolute;
        left: 32px;
    }

    .heroTextWrap .hrRight {
        position: absolute;
        right: 32px;
    }

    .heroTextWrap .fdaP {
        font-size: 18px;
        width: 220px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: 20px;
    }

    .heroTextWrap .headerImg {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px;
    }

    .heroTextWrap .bodyBold {
        font-size: 15px;
        line-height: 18px;
        margin-top: 10px;
    }

    .heroTextWrap .buttonRow button {
        background: none !important;
        border: 0px;
        color: #180f5e;
        font-family: 'Alright_Bold';
        width: 180px !important;
        font-size: 18px;
    }

    .heroTextWrap .buttonRow .buttonCol {
        flex-grow: 0 !important;
    }

    .heroTextWrap .buttonRow .midBtnCol {
        margin: 0px -45px !important;
    }

.blueSection {
    height: 180px;
    background: #180f5e;
    width: 100%;
    position: relative;
    z-index: 5;
    margin-top: 192px;
}

    .blueSection .bodyText {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        position: relative;
        left: 110px;
        top: 30px;
    }

    .blueSection .blueContainer {
        position: relative;
    }

    .blueSection .blueTriangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 47.5px 48px 47.5px;
        border-color: transparent transparent #180f5e transparent;
        position: absolute;
        top: -48px;
    }

.bodyCopy {
    color: #3b4045;
    font-size: 19px;
    line-height: 25px;
}

.copy-header {
    font-family: 'Alright_Black';
    color: #180f5e;
    font-size: 25px;
    line-height: 35px;
    position: relative;
    z-index: 2;
}

.containerMargin {
    padding-top: 40px;
}

.blueGradient {
    background-image: linear-gradient(#cbd7e4, #f5f8fa);
}

.moaUl li {
    font-size: 16px;
    color: #180f5e;
    line-height: 22px;
}

.imageBlock-Moa {
    position: relative;
    margin-left: 326px;
    top: -411px;
}

    .imageBlock-Moa .num1-Moa-Img {
        position: absolute;
        top: 192px;
        left: 23px;
    }

    .imageBlock-Moa .num2-Moa-Img {
        position: absolute;
        top: 277px;
        left: 113px;
    }

    .imageBlock-Moa .num3-Moa-Img {
        position: absolute;
        top: 276px;
        left: 237px;
    }

    .imageBlock-Moa .num4-Moa-Img {
        position: absolute;
        top: 275px;
        left: 384px;
    }

    .imageBlock-Moa .num5-Moa-Img {
        position: absolute;
        top: 279px;
        left: 569px;
    }

.moaUl {
    margin-left: -20px;
}

.studyOverviewPage .moaUl {
    margin-top: 20px;
}

.moaListBlock {
    position: relative;
    margin-top: 50px;
    margin-left: 20px;
}

    .moaListBlock .innerBlock {
        position: relative;
        height: 50px;
        width: 310px;
        margin-bottom: 15px;
    }

        .moaListBlock .innerBlock img {
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .moaListBlock .innerBlock p {
            font-family: 'Alright_Bold';
            color: #180f5e;
            position: absolute;
            left: 50px;
            top: 0px;
            font-size: 17px;
            line-height: 22px;
        }

.moaPage .boldMidCopy {
    top: 34px;
}

.moaImgTwo-Wrap {
    position: absolute;
}

    .moaImgTwo-Wrap p {
        width: 300px;
        font-family: 'Alright_Regular';
        font-size: 18px;
    }

    .moaImgTwo-Wrap .moa-ImgTwo {
        position: relative;
        top: 50px;
    }

    .moaImgTwo-Wrap .moaImg2 {
        position: relative;
        z-index: 2;
    }

    .moaImgTwo-Wrap .line1 {
        position: absolute;
        top: 3px;
        left: 100px;
        width: 0px;
    }

    .moaImgTwo-Wrap .line1Txt {
        position: absolute;
        top: -8px;
        left: 191px;
        opacity: 0;
    }

    .moaImgTwo-Wrap .line2 {
        position: absolute;
        top: 49px;
        left: 110px;
        width: 0px;
    }

    .moaImgTwo-Wrap .line2Txt {
        position: absolute;
        top: 45px;
        left: 186px;
        opacity: 0;
    }

    .moaImgTwo-Wrap .line3 {
        position: absolute;
        top: 99px;
        left: 148px;
        z-index: 1;
        width: 0px;
    }

    .moaImgTwo-Wrap .line3Txt {
        position: absolute;
        top: 87px;
        left: 181px;
        opacity: 0;
    }

.imgFootnote {
    font-family: 'Alright_Regular';
    font-size: 12px;
    color: #180f5e;
    position: relative;
    top: 250px;
}

.moaPage .blueGradient {
    height: 1080px;
}

.moaPage .buttonRow {
    position: relative;
    top: 245px;
}

    .moaPage .buttonRow button {
        background: none !important;
        border: 0px;
        color: #180f5e;
        font-family: 'Alright_Bold';
        width: 220px !important;
        font-size: 20px;
        font-weight: 900;
    }

    .moaPage .buttonRow .buttonCol {
        right: 20px;
        position: absolute;
        flex-grow: 0 !important;
    }

.boldMidCopy {
    font-family: 'Alright_Bold';
    color: #180f5e;
    font-size: 20px;
}

.copyHeader1 {
    margin-bottom: 0.8rem !important;
}

.boldMidCopy2 {
    margin-top: 30px;
}

.studyOverviewPage .blueGradient {
    padding-bottom: 90px;
}

.overviewChart4 {
    margin-top: 20px;
}

.colChartRow {
    margin-left: 0px;
}

.imageFootnote {
    font-size: 12px;
    color: #180f5e;
    font-family: 'Alright_Bold';
    line-height: 15px;
    margin-bottom: 0px;
    width: 93%;
}

.whiteSection {
    background: #fff;
    border-top: 2px solid #180f5e;
    padding-bottom: 100px;
}

.boldUl {
    font-size: 17px;
    font-family: 'Alright_Bold';
    color: #180f5e;
}

.leftUl .moaUl, .rightUl .moaUl {
    margin-top: -11px;
}

.whiteSection {
    position: relative;
}

    .whiteSection .whiteTriangle {
        position: absolute;
        top: -48px;
    }

.navySection {
    position: relative;
    background: #180f5e;
}

    .navySection .blueTriangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 47.5px 48px 47.5px;
        border-color: transparent transparent #180f5e transparent;
        position: absolute;
        top: -48px;
    }

    .navySection p {
        color: #fff !important;
    }

    .navySection .boldMidCopy {
        font-size: 18px;
    }

.trialChart {
    width: 460px;
    height: 600px;
}

    .trialChart .imageFootnote {
        margin-top: 20px;
    }

    .trialChart .chartHeader {
        font-size: 18px;
        font-family: 'Alright_Medium';
        line-height: 21px;
    }

    .trialChart .goldHr {
        height: 3px;
        background: #cfa644;
        margin-bottom: -5px;
        margin-top: -12px;
    }

    .trialChart .chartRow {
        position: relative;
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }

        .trialChart .chartRow .chartBold {
            font-family: 'Alright_Medium';
            font-size: 16px;
            margin: 0px;
            line-height: 21px;
        }

        .trialChart .chartRow .chartReg {
            position: absolute;
            right: 0px;
            font-size: 16px;
            font-family: 'Alright_Regular';
        }

        .trialChart .chartRow .chart1reg {
            top: 10px;
        }

        .trialChart .chartRow .chartRowInner {
            position: relative;
        }

            .trialChart .chartRow .chartRowInner .indentText {
                margin: 0px;
                margin-left: 15px;
                line-height: 21px;
                font-size: 16px;
            }

            .trialChart .chartRow .chartRowInner .indentRight {
                position: absolute;
                right: 25px;
                font-size: 16px;
                font-family: 'Alright_Regular';
                top: 0px;
            }

        .trialChart .chartRow .innerOne {
            margin-top: 5px;
        }

        .trialChart .chartRow .chartBoldInner {
            margin-bottom: 5px;
        }

        .trialChart .chartRow .indentRightBottom {
            top: 20px !important;
        }

        .trialChart .chartRow .chart2Reg {
            top: 28px;
            right: 25px;
        }

    .trialChart #chart-bottom {
        border-bottom: 0px !important;
    }

.containerMargin {
    position: relative;
}

.percentBox {
    width: 385px;
    position: absolute;
    top: 167px;
    right: 50px;
}

    .percentBox img {
        margin-bottom: 20px;
    }

.navySectionBtn {
    position: absolute;
    right: 0px;
    bottom: 100px;
}

    .navySectionBtn button {
        color: #fff;
        background: transparent;
        border: 0px;
        font-family: 'Alright_Bold';
        font-size: 20px;
    }

.navySection .containerMargin {
    padding-bottom: 300px;
}

.header-thin {
    font-family: 'Alright_Regular' !important;
}

.header-footnote {
    font-family: 'Alright_Regular';
    color: #180f5e;
    font-size: 16px;
    margin: 0px;
}

.efficacyPage .blueGradient {
    padding-bottom: 90px;
}

.efficacyPage .boldMidCopy {
    line-height: 24px;
}

.efficacyPage .primaryEndpoint-Chart {
    width: 702px;
    height: 422px;
    background: #180f5e;
    border-top: 3px solid #cfa644;
    border-right: 3px solid #cfa644;
    border-left: 3px solid #cfa644;
    position: relative;
    left: 48%;
    transform: translateX(-50%);
    margin-bottom: 15px;
}

    .efficacyPage .primaryEndpoint-Chart p {
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 18px;
        margin-top: 27px;
        font-family: 'Alright_Regular';
    }

.efficacyChartWrap {
    overflow: hidden;
    height: 432px;
    width: 702px;
    position: relative;
    left: 48%;
    transform: translateX(-50%);
    border-top: 4px solid #cfa644;
    border-right: 4px solid #cfa644;
    border-left: 4px solid #cfa644;
    margin-bottom: 15px;
}

.efficacyChart {
    height: 407px;
    background: #282875;
    background-image: url("../Content/hcp/images/gradientBg.png");
    position: relative;
}

    .efficacyChart p {
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 18px;
        padding-top: 27px;
        font-family: 'Alright_Bold';
    }

.circle {
    position: absolute;
    width: 268px;
    height: 268px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: 0 0;
    left: 61px;
    top: 90px;
}

.efficacy44Txt {
    position: absolute;
    left: 114px;
    top: 156px;
    width: 160px;
}

.efficacyRightImgWrap {
    width: 300px;
    height: 200.98px;
    overflow: hidden;
    position: relative;
    left: 310px;
    top: 50px;
}

.efficacyRightImg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
}

.efficacyChrtArrow {
    position: absolute;
    left: 147px;
    bottom: -21px;
    z-index: 3;
}

.gif-44 {
    position: absolute;
    top: 101px;
    left: 220px;
    transform: scale(1.37);
    z-index: 2;
}

.pdfIcon:hover {
    text-decoration: none !important;
}

.efficacyChart:before {
    content: "";
    position: absolute;
    left: -6px;
    width: 170px;
    height: 30px;
    bottom: -21px;
    background: #0D0648;
    -webkit-transform: skew(-40deg);
    -moz-transform: skew(-40deg);
    -o-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
    border-bottom: 4px solid #cfa644;
}

.efficacyChart:after {
    content: "";
    position: absolute;
    right: -6px;
    width: 524px;
    height: 30px;
    bottom: -21px;
    background-image: url("../Content/hcp/images/gradientBg1.png");
    background-position: bottom;
    background-size: cover;
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    -o-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    border-bottom: 4px solid #cfa644;
}

.responseTxt {
    margin-top: 30px;
    margin-left: 20px;
    font-size: 16px;
    font-family: 'Alright_Regular';
}

.whiteLine {
    height: 150px;
    width: 2px;
    background: #fff;
}

.efficacyChartTwo-Wrap {
    position: relative;
    margin-bottom: 77px;
}

    .efficacyChartTwo-Wrap img {
        position: absolute;
        top: 8px;
        left: 1px;
    }

.efficacyPage .navySection .containerMargin {
    padding-bottom: 100px;
}

.safetyPage .containerMargin {
    padding-bottom: 100px;
}

.safetyPage .safetyChart {
    margin-bottom: 50px;
    margin-top: 30px;
}

.safetyPage .moaUl {
    width: 350px;
    position: absolute;
    top: 113px;
    right: 0px;
}

    .safetyPage .moaUl li {
        margin-bottom: 10px;
    }

.safetyPage .imageFootnote {
    width: 93%;
}

.safetyPage .moaPage .buttonRow {
    margin-top: 30px;
    position: relative;
    top: unset;
}

    .safetyPage .moaPage .buttonRow button {
        width: 100px !important;
    }

.gif-efficacy {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 20px 0px;
}

.dosingPage .navySection .containerMargin {
    padding-bottom: 100px;
}

.dosingPage .navySectionBtn {
    bottom: 60px;
}

.dosingPage .blueGradient .containerMargin {
    padding-bottom: 71px;
}

.dosingPage .checkmarkBox {
    margin-top: 20px;
    margin-bottom: 50px;
}

    .dosingPage .checkmarkBox p {
        font-family: 'Alright_Bold';
        color: #180f5e;
        font-size: 21px;
        width: 100%;
        text-align: center;
    }

    .dosingPage .checkmarkBox .checkmarkDiv {
        padding: 0px;
    }

    .dosingPage .checkmarkBox .center-checkmark-div {
        margin-right: -15px;
    }

.boldMidCopy {
    line-height: 25px;
}

.dosingChart {
    margin-bottom: 20px;
}

    .dosingChart .dosingChartHead {
        font-size: 19px;
        font-family: 'Alright_Bold';
        margin: 0px;
        padding-bottom: 5px;
    }

    .dosingChart .row {
        font-size: 16px;
        line-height: 19px;
        color: #fff;
        font-family: 'Alright_Regular';
    }

        .dosingChart .row strong {
            font-family: 'Alright_Bold' !important;
        }

    .dosingChart .tableRow {
        border-top: 2px solid #fff;
        padding-top: 20px;
    }

    .dosingChart .tableRow-gold {
        border-top: 4px solid #cfa644;
        padding-top: 20px;
    }

.supportPage .navySection .containerMargin {
    padding-bottom: 170px;
}

.supportPage .enrollment-bar {
    margin-top: 10px;
}

.supportPage .whiteSection .imageFootnote {
    padding-left: 20px;
}

.supportPage .whiteSection {
    padding-bottom: 69px;
}

.supportPage .blueGradient .containerMargin {
    padding-bottom: 50px;
}

.supportPage .copy-header {
    line-height: 27px;
}

.supportPage .supportBodyCopy {
    width: 548px;
}

.supportPage .supportSolutionsLogo {
    position: absolute;
    right: 40px;
    top: 40px;
}

#blueGradientSupport {
    background-image: linear-gradient(#cbd7e4, #f5f8fa);
}

.supportBox {
    position: relative;
    width: 91%;
    margin-bottom: 30px;
}

    .supportBox img {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .supportBox .supportIcon3 {
        left: -20px !important;
    }

    .supportBox .supportIcon2 {
        left: -10px !important;
    }

    .supportBox .supportHead {
        font-size: 18px;
        font-family: 'Alright_Bold';
        color: #180f5e;
    }

    .supportBox .supportMid {
        font-size: 16px;
        font-family: 'Alright_Bold';
        color: #180f5e;
    }

    .supportBox .supportBodyCopy1 {
        font-size: 16px;
        font-family: 'Alright_Regular';
        color: #3b4045;
        line-height: 20px;
    }

    .supportBox p {
        position: relative;
        left: 95px;
        margin: 0px;
    }

.enrollSection {
    margin-top: 40px;
}

    .enrollSection img {
        margin-bottom: 15px;
    }

    .enrollSection .bodyCopy {
        padding-right: 20px;
    }

        .enrollSection .bodyCopy a {
            color: #fff !important;
            text-decoration: none !important;
        }

.bodyCopyBlue a {
    color: #fff !important;
    text-decoration: underline !important;
}

.resourcePage .blueGradient .containerMargin {
    padding-bottom: 90px;
}

.resourcePage .copyHeader1 {
    padding-bottom: 10px;
}

.resourcePage .resourceBlock {
    position: relative;
    margin-bottom: 40px;
}

    .resourcePage .resourceBlock p {
        position: absolute;
        left: 85px;
        bottom: -15px;
    }

.errorPage .blueGradient {
    background: #cbd7e4;
}

.errorPage .containerMargin {
    padding-bottom: 130px;
}

    .errorPage .containerMargin .copyHeader1 {
        line-height: 28px;
        margin: 0px !important;
    }

    .errorPage .containerMargin .bodyCopy {
        font-size: 16px;
    }

    .errorPage .containerMargin .bodyCopyP2 {
        margin: 0px !important;
    }

.errorPage .whiteSectionError {
    padding-bottom: 0px;
    border-top: 3px solid #cfa644;
}

    .errorPage .whiteSectionError .containerMargin {
        padding: 0px !important;
    }

        .errorPage .whiteSectionError .containerMargin img {
            position: absolute;
            top: -48px;
        }

.errorPage .errorButtonCol button {
    background: none !important;
    border: 0px;
    color: #180f5e;
    font-family: 'Alright_Bold';
    width: 90px !important;
    font-size: 20px;
    font-weight: 900;
    margin-left: -7px;
}

.termsPage .blueGradient {
    background-image: linear-gradient(#cbd7e4, #f5f8fa);
}

    .termsPage .blueGradient .containerMargin {
        padding-bottom: 150px;
    }

        .termsPage .blueGradient .containerMargin .bodyCopy {
            font-family: 'Alright_Regular';
        }

            .termsPage .blueGradient .containerMargin .bodyCopy strong {
                font-family: 'Alright_Bold' !important;
            }

button {
    outline: none !important;
}

.contactBox {
    height: 240px;
    width: 94%;
    position: relative;
}

    .contactBox .leftContactBox {
        width: 50%;
        position: absolute;
        left: 0px;
        top: 0px;
        padding: 0px;
        height: 100%;
    }

    .contactBox .rightContactBox {
        width: 50%;
        position: absolute;
        right: 80px;
        top: 0px;
        padding: 0px;
        height: 100%;
    }

    .contactBox .addressTxt {
        line-height: 21px;
        margin-bottom: 19px !important;
    }

    .contactBox .bodyCopy a {
        color: #180f5e !important;
    }

    .contactBox .contactUnderline {
        text-decoration: underline !important;
        color: #180f5e !important;
    }

    .contactBox .boldContactP {
        color: #180f5e !important;
        font-size: 21px;
        font-family: 'Alright_Bold';
    }

    .contactBox .boxInner {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .contactBox .innerText {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .contactBox p {
        padding: 0px !important;
        margin: 0px !important;
    }

    .contactBox .contactUnderline {
        text-decoration: none !important;
        border-bottom: 2px solid #180f5e;
    }

    .contactBox .phoneNum {
        text-decoration: none !important;
    }

.siteMapPage {
    padding-bottom: 90px;
}

    .siteMapPage .blueGradient .containerMargin {
        padding-bottom: 90px;
    }

    .siteMapPage .siteMapRow {
        margin-top: 20px;
    }

        .siteMapPage .siteMapRow button {
            background: transparent;
            border: 0px;
            color: #180f5e !important;
            font-size: 18px;
            font-family: 'Alright_Bold';
            border-bottom: 3px solid #180f5e !important;
            padding: 0px;
            line-height: 13px;
            display: block;
            margin-bottom: 35px;
        }

        .siteMapPage .siteMapRow a {
            position: relative;
        }

        .siteMapPage .siteMapRow span {
            color: #180f5e !important;
            font-size: 18px;
            font-family: 'Alright_Bold';
            margin: 0px !important;
            padding: 0px !important;
            line-height: 0px;
            position: absolute;
            right: -250px;
            top: 5px;
        }

.mobileButtonRow {
    display: none;
}

@media only screen and (max-width: 820px) {
    #important-safety-information {
        top: -100px !important;
    }

    .blueSection .bodyText {
        left: 0px;
        width: 95% !important;
    }

    .fixed-isi .isiGoldArrow-whitebg {
        left: 20px !important;
        top: -48px !important;
    }

    .homePage .blueSection {
        margin-top: 198px;
    }

    .homePage .blueSection {
        height: auto !important;
        width: 100%;
        z-index: 5;
        padding-bottom: 80px;
        margin-top: 181px;
    }

    .homePage .heroTextWrap hr {
        width: 90px;
        height: 1px;
        background: #180f5e;
        margin-top: 30px;
    }

    .homePage .heroTextWrap .hrLeft {
        position: absolute;
        left: 192px;
    }

    .homePage .heroTextWrap .hrRight {
        position: absolute;
        right: 195px;
    }

    .homePage .heroTextWrap .headerImg {
        margin-top: -5px;
    }

    .homePage .desktopBr-Home {
        display: none;
    }

    .homePage .heroTextWrap .bodyBold {
        font-size: 15px;
        line-height: 19px;
        margin-top: -5px;
        padding: 0px 20px;
    }

    .homePage .heroTextWrap {
        width: 100%;
    }

    .homePage .mobileBtnRowOne {
        position: relative;
        width: 335px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -20px;
    }

    .homePage .mobileBtnRowTwo {
        margin-top: 5px;
        position: relative;
        width: 186px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -11px;
    }
}

.dosingChartMobile .tableRow-gold {
    padding: 0px;
}

.dosingChartMobile .headerTop {
    border-top: 0px !important;
}

.dosingChartMobile .dosingChartMobile-Header {
    border-top: 1px solid #a3a5aa;
    border-bottom: 1px solid #a3a5aa;
}

    .dosingChartMobile .dosingChartMobile-Header p {
        font-family: 'Alright_Regular';
        font-size: 16px;
        line-height: 19px;
        width: 100%;
        text-align: center;
        margin: 0px;
        padding: 7px 0px;
    }

    .dosingChartMobile .dosingChartMobile-Header span {
        font-family: 'Alright_Bold';
    }

.dosingChartMobile .dosingMobile-Bold {
    margin-top: 20px;
}

    .dosingChartMobile .dosingMobile-Bold p {
        font-size: 16px;
        line-height: 19px;
        font-family: 'Alright_Bold';
    }

.dosingChartMobile .dosingMobile-Body p {
    font-size: 16px;
    line-height: 19px;
    font-family: 'Alright_Regular';
}

.efficacyImgMobile {
    display: none;
}

.mobileClick {
    display: none;
}

@media only screen and (max-width: 767px) {
    .footnoteEfficacy1 {
        margin-top: 20px;
    }

    .mobileClick {
        display: initial;
    }

    .desktopClick, .desktopMoaBr {
        display: none;
    }

    #telmedWatch {
        border-bottom: 2px solid #5b6770;
    }

    .efficacyImgMobile {
        display: block;
        width: 100%;
    }

    .efficacyFootnote {
        margin-top: 20px;
    }

    .efficacyChartWrap {
        display: none;
    }

    #important-safety-information {
        top: -115px !important;
    }

    .moaPage .buttonRow .buttonCol {
        right: 20px !important;
    }

    .resourcePage .resourceBlock p {
        position: relative;
        bottom: -15px;
        width: 221px;
        text-align: center;
        left: 50% !important;
        transform: translateX(-50%);
    }

    .resourcePage .resourceBlock img {
        vertical-align: middle;
        border-style: none;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .dosingPage .navySection .containerMargin {
        padding-bottom: 130px;
    }

    .dosingChartDesktop {
        display: none;
    }

    .deskButtonRow {
        display: none;
    }

    .mobileButtonRow {
        display: block;
    }

    .homeHeroWrap {
        height: 515px;
        position: relative;
        overflow: hidden;
    }

    .mobileButtonRow {
        margin-top: -12px;
    }

    .homePage .mobileBtnRowTwo {
        margin-top: 1px;
    }

    .homePage .blueSection {
        height: auto !important;
        width: 100%;
        z-index: 5;
        padding-bottom: 80px;
        margin-top: 0px !important;
    }

    .heroTextWrap {
        position: absolute;
        z-index: 4 !important;
        width: 776px;
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 95px;
        top: 0px;
    }

        .heroTextWrap .fdaP {
            font-size: 16px;
            width: 191px;
            top: 10px;
        }

    .homePage .heroTextWrap hr {
        width: 60px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 709px) {
    .homePage .heroTextWrap .headerImg {
        width: 250px;
    }

    .homePage .heroTextWrap .bodyBold {
        font-size: 14px;
        line-height: 17px;
        margin-top: 0px;
        padding: 0 20px;
    }

    .homePage .mobileBtnRowTwo {
        margin-top: 15px;
    }

    .heroTextWrap .buttonRow button {
        width: 156px !important;
        font-size: 16px;
    }

    .homePage .mobileBtnRowTwo {
        margin-left: -6px;
    }
}

@media only screen and (max-width: 701px) {
    .homePage .heroTextWrap hr {
        width: 20%;
    }

    .homePage .heroTextWrap .hrLeft {
        position: absolute;
        left: 50px;
    }

    .homePage .heroTextWrap .hrRight {
        position: absolute;
        right: 50px;
    }
}

@media only screen and (max-width: 527px) {
    .homePage .mobileBtnRowTwo {
        margin-top: 1px;
    }
}

@media only screen and (max-width: 496px) {
    .homePage .heroTextWrap hr {
        width: 15%;
    }
}

.home-heroMobile {
    display: none;
}

@media screen and (min-width: 421px) and (max-width: 421px) {
    .homePage .heroTextWrap .bodyBold {
        font-size: 13px;
    }
}

@media only screen and (max-width: 420px) {
    .homePage .heroTextWrap .headerImg {
        width: 276px;
        margin-bottom: 10px;
    }

    .home-heroMobile {
        display: block;
    }

    .home-heroDesktop {
        display: none !important;
    }

    .homePage .heroTextWrap .bodyBold {
        padding: 0 0px;
        width: 283px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .homeHeroWrap {
        height: 484px;
        position: relative;
        overflow: hidden;
    }

    .mobileButtonRow {
        margin-top: 22px;
    }

    .home-hero {
        width: 420px;
        position: absolute;
        top: -157px;
    }

    .blueSection .bodyText {
        left: 0;
        width: 310px !important;
    }

    .homePage .heroTextWrap hr {
        width: 40px;
    }

    .homePage .heroTextWrap .hrLeft {
        position: absolute;
        left: 76px;
    }

    .homePage .heroTextWrap .hrRight {
        position: absolute;
        right: 76px;
    }
}

@media only screen and (max-width: 400px) {
    .homePage .heroTextWrap .hrLeft {
        position: absolute;
        left: 55px;
    }

    .homePage .heroTextWrap .hrRight {
        position: absolute;
        right: 55px;
    }

    .homePage .heroTextWrap hr {
        width: 37px;
    }
}

@media only screen and (max-width: 740px) {
    .gif-efficacy {
        width: 100% !important;
    }
}

@media only screen and (max-width: 700px) {
    .efficacyChartTwo-Wrap img {
        width: unset !important;
    }

    .whiteLine {
        height: 90px !important;
        width: 2px;
        background: #fff;
    }

    .efficacyChartTwo-Wrap img, .supportBox img {
        position: absolute;
        top: 12px;
        left: 1px;
    }

    .responseTxt {
        margin-top: 30px;
        margin-left: 0px;
        font-size: 16px;
        font-family: 'Alright_Regular';
    }
}

@media only screen and (max-width: 856px) {
    .efficacyChartTwo-Wrap img {
        width: 650px;
    }

    .whiteLine {
        height: 128px;
        width: 2px;
        background: #fff;
    }
}

@media only screen and (max-width: 946px) {
    .safetyPage .moaUl {
        width: 350px;
        position: absolute;
        top: 113px;
        right: unset !important;
        left: 489px;
    }

    .safetyPage .safetyChart {
        margin-bottom: 50px;
        margin-top: 30px;
        width: 450px !important;
    }
}

@media only screen and (max-width: 850px) {
    .safetyPage .moaUl {
        width: 350px;
        position: absolute;
        top: 113px;
        right: unset !important;
        left: 429px;
    }

    .safetyPage .safetyChart {
        margin-bottom: 50px;
        margin-top: 30px;
        width: 400px !important;
    }
}

@media only screen and (max-width: 780px) {
    .safetyPage .moaUl {
        width: 100%;
        position: relative !important;
        top: -20px;
        right: unset !important;
        left: 20px;
    }

        .safetyPage .moaUl li {
            margin-left: -20px;
        }

    .safetyPage .safetyChart {
        margin-bottom: 50px;
        margin-top: 30px;
        width: 480px !important;
    }
}

@media only screen and (max-width: 500px) {
    .safetyPage .safetyChart {
        margin-bottom: 50px;
        margin-top: 10px;
        width: 100% !important;
    }

    .enrollImg {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media only screen and (max-width: 1000px) {
    .imageBlock-Moa {
        position: relative;
        margin-left: 240px;
        top: -391px;
        transform: scale(0.8);
    }

    .enrollment-bar {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .imageFootnoteTop {
        margin-top: 30px;
    }

    .imageFootnote {
        padding-left: 0px !important;
    }

    .supportPage .supportSolutionsLogo {
        width: 310px;
        right: 20px;
    }

    .supportBox {
        position: relative;
        width: 100%;
        margin-bottom: 0px;
    }

        .supportBox p {
            left: 0px;
        }

        .supportBox img {
            position: relative;
            top: 15px;
            left: 0px;
            margin-bottom: 13px;
            transform: scale(0.8);
        }

        .supportBox .supportBodyCopy1 {
            margin-bottom: 5px;
        }

    .supportBoxOne {
        margin-top: -45px;
    }
}

@media only screen and (max-width: 876px) {
    .supportPage .supportSolutionsLogo {
        position: relative !important;
        width: 310px;
    }

    .supportPage .supportSolutionsLogo {
        right: unset;
        top: -10px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 962px) {
    .overviewChart4 {
        margin-top: 20px;
        transform: scale(0.85);
        margin-left: -62px;
    }

    .colChartRow {
        margin-left: -83px;
        transform: scale(0.85);
        width: 1085px !important;
    }
}

@media only screen and (max-width: 948px) {
    .moaPage .blueGradient {
        height: 990px;
    }

    .percentBox {
        width: 385px;
        position: relative;
        top: 0px;
        right: unset;
    }

    .trialChart {
        margin-top: 30px;
        width: 100% !important;
        height: 600px;
    }

    .navySectionBtn {
        bottom: 30px !important;
    }
}

@media only screen and (max-width: 906px) {
    .imageBlock-Moa {
        position: relative;
        margin-left: 240px;
        top: -391px;
        transform: scale(0.67);
    }
}

.moaImgMobile, .moaImgMobileTwo {
    display: none;
}

@media only screen and (max-width: 826px) {
    .overviewChart4 {
        margin-top: -1px;
        transform: scale(0.7);
        margin-left: -121px;
    }

    .colChartRow {
        margin-left: -162px;
        transform: scale(0.7);
    }
}

.enrollmentBar-Mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    #important-safety-information {
        top: -100px !important;
    }

    .enrollImg {
        position: relative;
    }

    .enrollTop {
        margin-top: 40px;
    }

    .enrollment-bar, .desktopHcpHomebr {
        display: none;
    }

    .enrollmentBar-Mobile {
        display: block;
    }

    .checkmark3 {
        margin-top: 30px;
    }

    .imageBlock-Moa, .moaImgTwo-Wrap {
        display: none;
    }

    .moaImgMobileWrap {
        position: relative;
        width: 100%;
        height: 190px;
    }

    .moaImgMobile {
        display: block;
        position: absolute;
        right: 0px !important;
    }

    .moaImgMobileTwo {
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 30px;
    }

    .moaPage .blueGradient {
        height: 1400px !important;
    }

    .imgFootnote {
        position: unset !important;
        margin-top: 40px;
    }

    .moaPage .buttonRow {
        position: unset !important;
        margin-top: 40px;
    }

    .moaPage .blueGradient {
        height: auto !important;
        padding-bottom: 90px;
    }
}

@media only screen and (max-width: 683px) {
    .studyOverviewPage .colChartRow {
        display: none;
    }

    .overviewChart4 {
        margin-top: 0px;
        transform: scale(1);
        margin-left: 0px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .supportPage .supportBodyCopy {
        width: 100%;
    }
}

@media only screen and (max-width: 427px) {
    .percentBox {
        width: 100% !important;
    }

        .percentBox img {
            width: 100% !important;
        }

    .enrollImg {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .overviewChart4 {
        width: 100%;
    }
}

.efficacyPage .navySectionBtn {
    bottom: 30px;
}

@media only screen and (max-width: 590px) {
    .dosingPage .checkmarkBox p {
        text-align: left;
        line-height: 24px;
    }

    .checkmarkBox .justify-content-center {
        -ms-flex-pack: left !important;
        justify-content: left !important;
    }

    .checkmarkBox .text-center {
        text-align: left !important;
    }

    .checkmarkDiv {
        min-width: 100% !important;
    }

    .checkmarkDiv {
        padding-left: 20px !important;
    }

    .checkmark3, .checkmark2 {
        margin-top: 20px;
    }

    .navySectionBtn {
        bottom: 60px !important;
    }
}

.enrollmentBar-Mobile {
    margin-top: 30px;
    border: 4px solid #cfa644;
    padding: 8px;
    width: 100%;
}

    .enrollmentBar-Mobile p {
        font-size: 16px;
        font-family: 'Alright_Regular';
        color: #180f5e;
        line-height: 19px;
        margin: 0px !important;
    }

@media only screen and (max-width: 500px) {
    .errorPage .errorButtonCol button {
        background: 0 0 !important;
        border: 0;
        width: 90px !important;
        font-size: 20px;
        font-weight: 900;
        margin-left: -7px;
        float: right;
    }

    .errorP1-404 {
        width: 191px;
    }

    .errorPage .containerMargin {
        padding-bottom: 80px;
    }

        .errorPage .containerMargin .bodyCopy {
            font-size: 16px;
            line-height: 19px;
        }

    .errorP1 {
        width: 280px;
    }

    .errorP2 {
        width: 250px;
    }

    .isiWrap .isiGoldArrow-whitebg {
        position: absolute;
        z-index: 5;
        left: 0;
        top: -19px !important;
        width: 43px !important;
    }

    .fixed-isi .isiWrap .isiGoldArrow-whitebg {
        top: -22px !important;
    }

    .blueSection .blueTriangle, .navySection .blueTriangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 21.4px 23px;
        position: absolute;
        top: -21px;
    }

    .whiteSection .whiteTriangle {
        position: absolute;
        top: -22px;
        width: 43px !important;
    }
}

.siteMapPage .siteMapRow {
    margin-top: 20px;
    width: 859px !important;
}

@media only screen and (max-width: 767px) {
    .siteMapPage .siteMapRow {
        width: unset !important;
    }

    .contactBox .rightContactBox {
        width: 100%;
        position: relative;
        right: unset;
        top: 25px;
        left: 0px;
        padding: 0;
        height: 100%;
    }

    .contactBox .leftContactBox {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
        height: 100%;
    }

    .contactBox .innerText {
        position: relative;
        left: 0;
        top: 0;
    }

    .contactBox {
        height: 100% !important;
        width: 94%;
        position: relative;
    }

    .contactPage .containerMargin {
        padding-bottom: 140px;
    }

    .errorPage .whiteSectionError {
        padding-bottom: 0px;
        border-top: 0px;
    }

    .errorPage .isiGoldArrow-whitebg {
        display: none;
    }

    .contactPage .footerMobile, .errorPage .footerMobile {
        margin-top: -25px;
    }

    .contactPage #blueGradientSupport {
        background-image: linear-gradient(#cbd7e4, #f5f8fa) !important;
    }
}

.boldLink {
    font-family: 'Alright_Bold';
    color: #180f5e !important;
    text-decoration: none !important;
}

.hiddenisiContact {
    display: none;
}

@media only screen and (max-width: 740px) {
    .homePage .heroTextWrap .headerImg {
        width: 300px;
    }
}

.midCopy2Br {
    display: none;
}

@media only screen and (max-width: 576px) {
    .midCopy2Br {
        display: block;
    }

    .copy-header {
        font-size: 24px;
        line-height: 28px;
    }

        .copy-header sup {
            font-family: 'Alright_Bold' !important;
        }

    .containerMargin {
        padding-top: 20px;
    }

    .moaListBlock .innerBlock p {
        font-family: 'Alright_Bold';
        position: absolute;
        left: 50px;
        top: 0;
        font-size: 16px;
        line-height: 18px;
    }

    .moaListBlock {
        position: relative;
        margin-top: 25px;
        margin-left: 0px;
    }

    .imgFootnote {
        line-height: 16px;
    }

    .boldUl, .navySectionBtn button {
        font-size: 16px;
        font-family: 'Alright_Bold';
    }

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

    .dosingPage .checkmarkBox p {
        font-size: 16px;
        line-height: 19px;
        width: 250px;
    }

    .supportPage .whiteSection .containerMargin {
        padding-top: 40px;
    }

    .moaImgMobile {
        margin-bottom: 5px;
    }

    .moaPage .blueGradient {
        height: auto !important;
        padding-bottom: 75px;
    }

    .enrollSection .bodyCopy {
        line-height: 21px;
    }

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

    #smallFont {
        font-size: 12px !important;
    }

    .supportPage .navySection .containerMargin {
        padding-bottom: 110px;
    }
}

.whiteTriangleMobile {
    display: none;
}

@media only screen and (max-width: 500px) {
    .supportCopyHeader {
        width: 310px;
    }

    .desktopbrSupport {
        display: none;
    }

    .whiteTriangleDesktop {
        display: none;
    }

    .whiteTriangleMobile {
        display: block;
    }

    .efficacyFootnote {
        margin-top: 20px;
    }

    .moaImgMobile {
        display: block;
        position: relative;
        right: -24px !important;
        width: 95%;
    }

    .moaImgMobileWrap {
        position: relative;
        width: 100%;
        height: auto;
    }

    .moaImgMobileTwo {
        display: block;
        position: relative;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        margin-top: 30px;
    }

    .buttonRow button {
        font-family: 'Alright_Bold';
        font-size: 16px !important;
        width: unset !important;
    }

        .buttonRow button img {
            margin-left: 7px !important;
        }

    .homePage .buttonRow button img {
        margin-left: 0px !important;
    }

    .navySectionBtn button img {
        margin-left: 7px !important;
    }

    .moaPage .buttonRow button {
        background: 0 0 !important;
        border: 0;
        width: auto !important;
        font-weight: 900;
    }

    .boldMidCopy {
        font-family: 'Alright_Bold';
        color: #180f5e;
        font-size: 16px;
        line-height: 20px !important;
    }

    .studyOverviewPage .whiteSection .whiteTriangle {
        position: absolute;
        top: -22px;
        width: 43px !important;
        display: none;
    }

    .gif-efficacy {
        margin: 0px 0;
    }

    .studyOverviewPage .whiteSection {
        background: #f5f8fa;
        border: 0px !important;
    }

    .studyOverviewPage .blueGradient {
        padding-bottom: 15px;
    }

    .isiWrap .isiGoldArrow-whitebg {
        top: -19px !important;
    }
}

.ulWrap a {
    text-decoration: none !important;
}

@media only screen and (min-width: 767px) {
    #underlineMobile {
        text-decoration: none !important;
    }

    .buttonCol button:hover img {
        position: relative;
        right: -3px;
    }

    .dosingChartMobile {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .mobileBtnRowTwo #mobilePatientSupportBtn {
        width: 174px !important;
    }

    .safetyPage .moaPage .buttonRow button {
        width: 110px !important;
    }

    .moaPage .buttonRow .buttonCol {
        right: 10px !important;
    }

    .navySectionBtn {
        right: 15px !important;
    }
}

.hiddenIsi {
    display: none !important;
}

.downloadIcon1 {
    width: 20px;
    position: relative;
    left: 253px;
    top: 24px;
}

.downloadIcon2 {
    width: 20px;
    position: relative;
    left: 339px;
    top: 29px;
}

.downloadIcon3 {
    width: 20px;
    position: relative;
    left: 326px;
    top: 26px;
}

.resourceBlock img, .resourceBlock p {
    cursor: pointer !important;
}

.resourceBlock:hover, .boldMidCopy:hover {
    text-decoration: none !important;
}

.resourceBlock, .boldMidCopy {
    text-decoration: none !important;
}

@media only screen and (min-width: 768px) {
    .resourceBlock:hover {
        text-decoration: none !important;
    }

    .resourcePage .resourceBlock p {
        position: absolute;
        left: 176px;
        bottom: -15px unset;
        top: 45%;
    }

    .downloadIcon1 {
        width: 20px;
        position: relative;
        left: 244px;
        top: 45%;
    }

    .downloadIcon2 {
        width: 20px;
        position: relative;
        left: 331px;
        top: 45%;
    }

    .downloadIcon3 {
        width: 20px;
        position: relative;
        left: 317px;
        top: 45%;
    }
}

@media only screen and (max-width: 767px) {
    .pdfIcon {
        width: 60px;
    }

    #underlineMobile {
        text-decoration: underline !important;
    }

    .downloadIcon1 {
        left: 253px;
        top: 0px;
    }

    .downloadIcon2 {
        left: 334px;
        top: 0px;
    }

    .downloadIcon3 {
        left: 326px;
        top: 0px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .modal-InnerWrap-Leaving .modalRow {
        margin-left: -369px;
    }

    .moaPage .buttonRow .buttonCol {
        right: 20px;
        position: absolute;
        flex-grow: 0 !important;
        top: -240px;
    }

    .safetyPage .moaPage .buttonRow button {
        width: 105px !important;
    }

    .heroTextWrap .buttonRow .midBtnCol {
        margin-left: 130px !important;
    }

    .heroTextWrap .buttonRow .buttonCol3 {
        margin-left: 190px !important;
    }

    .deskButtonRow {
        width: 608px !important;
    }
}

@media (orientation: landscape) {
    .safetyPage .moaPage .buttonRow button {
        width: 146px !important;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .safetyPage .moaPage .buttonRow button {
        width: 146px !important;
    }

    .homePage .blueSection {
        margin-top: 169px !important;
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .safetyPage .moaPage .buttonRow button {
        width: 146px !important;
    }

    .homePage .blueSection {
        margin-top: 169px !important;
    }
}

#smSup {
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: bold !important;
}

#smSupNav {
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.chartRowBottomHr {
    border-bottom: 1px solid #fff !important;
}

.efficacyFootnote strong, .contactBoldsupport {
    font-family: 'Alright_Bold';
}

.dosingMoaUl {
    margin-top: 10px;
}

.contactBox {
    color: #180f5e !important;
}

    .contactBox a, .contactBox .addressTxt, .contactBox strong {
        color: #180f5e !important;
    }

.termsPage .bodyCopy {
    color: #180f5e !important;
}

.termsPage .termsUseLink {
    color: #180f5e !important;
    border-bottom: 1px solid #180f5e !important;
    text-decoration: none !important;
    cursor: pointer;
}

.supportHeaderTxt, .supportBodyCopy1 {
    color: #180f5e !important;
}

#underlineSupportP {
    border-bottom: 1px solid #fff !important;
}

@-moz-document url-prefix() {
    .siteMapPage .siteMapRow span {
        position: absolute;
        right: -250px;
        top: 20px !important;
    }
}

.contactBox .phoneNum {
    border-bottom: 0px !important;
}

@media only screen and (max-width: 767px) {
    .contactBox .phoneNum {
        border-bottom: 2px solid #180f5e !important;
    }

    .desktopBrSupport {
        display: none;
    }

    #efficacyFootnote {
        margin-top: 2px !important;
    }
}

@media only screen and (max-width: 576px) {
    #efficacyFootnote {
        margin-top: 2px !important;
    }
}

#cancelModalGold {
    color: #cfa644 !important;
}

.modal-InnerWrap-Leaving button {
    color: #cfa644 !important;
}

.modal-InnerWrap-Leaving .linkBtn {
    color: #0A0640 !important;
}

.errorPage .bodyCopy {
    color: #180f5e !important;
}

.imgFootnote {
    font-family: 'Alright_Bold' !important;
}

.moaPage .buttonRowBacktoTop {
    position: absolute;
    bottom: 120px;
}

    .moaPage .buttonRowBacktoTop .buttonTopCol button {
        background: transparent;
        cursor: pointer;
        background: none !important;
        border: 0px;
        color: #180f5e;
        font-family: 'Alright_Bold';
        font-size: 20px;
        font-weight: 900;
    }

.safetyPage .buttonRowBacktoTop {
    position: absolute;
}

    .safetyPage .buttonRowBacktoTop .buttonTopCol button {
        background: transparent;
        cursor: pointer;
        background: none !important;
        border: 0px;
        color: #180f5e;
        font-family: 'Alright_Bold';
        font-size: 20px;
        font-weight: 900;
    }

.studyOverviewPage .buttonRowBacktoTop {
    position: absolute;
    bottom: 90px;
}

    .studyOverviewPage .buttonRowBacktoTop .buttonTopCol button {
        background: transparent;
        cursor: pointer;
        background: none !important;
        border: 0px;
        color: #fff;
        font-family: 'Alright_Bold';
        font-size: 20px;
        font-weight: 900;
    }

.efficacyPage .buttonRowBacktoTop {
    position: absolute;
    bottom: 81px;
}

    .efficacyPage .buttonRowBacktoTop .buttonTopCol button {
        background: transparent;
        cursor: pointer;
        background: none !important;
        border: 0px;
        color: #fff;
        font-family: 'Alright_Bold';
        font-size: 20px;
        font-weight: 900;
    }

.dosingPage .buttonRowBacktoTop {
    position: absolute;
    bottom: 81px;
}

    .dosingPage .buttonRowBacktoTop .buttonTopCol button {
        background: transparent;
        cursor: pointer;
        background: none !important;
        border: 0px;
        color: #fff;
        font-family: 'Alright_Bold';
        font-size: 20px;
        font-weight: 900;
    }

.supportPage .buttonRowBacktoTop {
    position: absolute;
    bottom: 100px;
}

    .supportPage .buttonRowBacktoTop .buttonTopCol button {
        background: transparent;
        cursor: pointer;
        background: none !important;
        border: 0px;
        color: #fff;
        font-family: 'Alright_Bold';
        font-size: 20px;
        font-weight: 900;
    }

@media only screen and (min-width: 991px) {
    .dosingPage .navySection .containerMargin {
        padding-bottom: 156px;
    }

    .dosingPage .navySectionBtn {
        bottom: 81px;
    }

    .safetyPage .containerMargin {
        padding-bottom: 114px;
    }

    .efficacyPage .navySectionBtn {
        bottom: 81px;
    }

    .efficacyPage .navySection .containerMargin {
        padding-bottom: 148px;
    }

    .moaPage .buttonRow {
        position: relative;
        top: 273px;
    }

    .studyOverviewPage .navySectionBtn {
        position: absolute;
        right: 0px;
        bottom: 90px;
    }

    .studyOverviewPage .navySection .containerMargin {
        padding-bottom: 334px;
    }
}

@media only screen and (max-width: 991px) {
    .buttonRowBacktoTop {
        display: none;
    }
}

@media only screen and (min-width: 1025px) {
    #vid1 {
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }

    .vjs-loading-spinner {
        display: none !important;
    }

    .homePage .blueSection {
        margin-top: 0px;
        display: none;
    }

    .homeContainer {
        height: 555px;
    }

    .homePage .desktopNav, .hcpHeroTxtInner {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .posterImg, #loading-spinner {
        display: none !important;
    }

    #vid1 {
        display: none !important;
    }

    .homePage .blueSection, .hcpHeroTxtInner {
        display: block !important;
    }
}

@media only screen and (max-width: 820px) {
    .homePage .desktopNav {
        display: none !important;
    }

    #vid1 {
        display: none !important;
    }

    .homePage .blueSection, .hcpHeroTxtInner {
        display: block !important;
    }
}

.mobileBlock {
    display: block !important;
}

.videoHidden {
    display: none !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .heroTextWrap .buttonRow button {
        width: 199px !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .heroTextWrap .buttonRow #mobilePatientSupportBtn {
        width: 193px !important;
    }
}

.posterImg {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

#loading-spinner {
    display: inline;
    position: absolute;
    z-index: 4;
    left: 50%;
    transform: translateX(-50%);
    top: 200px;
}

    #loading-spinner .spin-icon {
        margin: auto;
        width: 40px;
        height: 40px;
        border: solid 3px transparent;
        border-top-color: #180f5e;
        border-left-color: #180f5e;
        border-radius: 80px;
        -webkit-animation: loading-spinner 500ms linear infinite;
        -moz-animation: loading-spinner 500ms linear infinite;
        -ms-animation: loading-spinner 500ms linear infinite;
        -o-animation: loading-spinner 500ms linear infinite;
        animation: loading-spinner 500ms linear infinite;
    }

@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loading-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes loading-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes loading-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@media only screen and (max-width: 820px) {
  .heroTextWrap {
    margin-top: 0px !important;
}


        }



/*@media only screen and (min-device-width: 820px) and (max-device-width: 820px) {
    .homePage .heroTextWrap .bodyBold {
        margin-top: 19px;
    }

    .homePage .heroTextWrap .headerImg {
        margin-top: -46px;
    }

    .homePage .heroTextWrap hr {
        margin-top: -30px;
    }

    .heroTextWrap .fdaP {
        top: -40px;
    }
}*/


.termsPage .isi-content, .termsPage .isiExpanded, .termsPage .fixed-isi, .termsPage .whiteSectionError {
    display: none !important;
}




@media only screen and (min-width: 768px) {

    .termsPage .footerWrapper {
        border-top: 3px solid #cfa644;
    }
}
@media only screen and (max-width: 767px) {
    .termsPage .isiWrap .isiGoldArrow-whitebg {
        display: none !important;
    }

    .termsPage .footerWrapper {
        margin-top: -23px;
    }
}

.efficacyRightImg {
    position: absolute;
    left: -305px !important;
    top: 0px;
    width: 300px;
}

.vjs-big-play-button, .amp-logo {
    display: none !important;
}


.amp-default-skin .vjs-big-play-button::before {
    display: none !important;
}