/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #002f4f;
}
    body.no-scroll {
        overflow: hidden;
        padding-right: 0 !important;
        position: fixed;
        width: 100%
    }
    body.error404 {
        min-height: 100vh;
    }

.ssMode {
    max-width: 1210px;
    margin: 0 auto;
}

.nowrap {
    white-space: nowrap;
}

#hcp-header-band,
#dtc-header-band {
    position: relative;
    width: 100%;
    height: 179px;
}
@media screen and (min-width: 768px) {
    #hcp-header-band,
    #dtc-header-band {
        margin-bottom: 90px;
    }
}
#hcp-header-band {
    display: flex;
    flex-direction: column;
    border-bottom: 8px solid #700000;
    background: #013050;
    background: -moz-linear-gradient(left, #013050 0%, #8cd7f6 50%);
    background: -webkit-linear-gradient(left, #013050 0%,#8cd7f6 50%);
    background: linear-gradient(to right, #013050 0%,#8cd7f6 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013050', endColorstr='#8cd7f6',GradientType=1 );
}

.pt-3 {
    justify-content: center;
}

#intended-banner {
    position: relative;
    width: 100%;
/*    height: 41px;*/
    background-color: #e1e1e1;
}

#intended-banner img {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 15px;
}

    #intended-banner p {
        margin: 0;
        padding: 0;
        line-height: 41px;
    }

    #dtc-header-band #intended-banner p {
        margin: 0;
        line-height: 1.6;
        padding: 1rem 0;
    }

    #hcp-branding {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 1;
    }

    #hcp-branding a {
        text-decoration: underline;
        font-weight: bold;
    }
    #hcp-branding a:hover {
        text-decoration: none;
    }



    @media screen and (min-width: 768px) {
        #hcp-branding img {
            position: absolute;
            top: 0;
            left: 0;
        }
    }

    @media screen and (max-width: 991px) {

        #intended-banner p {
            text-align: center;
            font-size: 14px;
        }

        #hcp-header-band #intended-banner p {
            line-height: 41px;
        }
    }

    @media screen and (max-width: 767px) {
        #hcp-header-band {
            height: auto;
            background: #9CE2FE;
        }

        #hcp-branding {
            bottom: -53px;
            margin-top: -40px;
            position: relative;
        }

        #hcp-branding img {
            display: block;
            margin: auto;
        }

        #intended-banner img {
            position: absolute;
            z-index: 10;
            left: 50%;
            transform: translate(-50%, 75%);
        }

        #intended-banner p {
            text-align: center;
            font-size: 14px;
        }

        #hcp-header-band #intended-banner p {
            line-height: 19px;
        }

        #hcp-branding > .row > div:first-child {
            order: 1;
        }
    }


    @media screen and (max-width: 500px) {
        #intended-banner {
            line-height: 19px;
        }

        .HCP #intended-banner {
            min-height: 50px;
        }

        #intended-banner p {
            text-align: center;
            font-size: 11px;
            line-height: 19px;
        }

        #intended-banner a {
            text-decoration: underline;
        }

            #intended-banner a:hover {
                text-decoration: none;
            }

        #hcp-header-band,
        #dtc-header-band {
            margin-bottom: 0px;
        }

            #dtc-header-band #intended-banner p {
                font-size: 15px;
            }

            #hcp-branding img {
                max-width: 100%;
            }
    }


    @media screen and (max-width: 380px) {



            #hcp-branding img {
                position: static;
                max-width: 85%;
            }

            #hcp-branding > .row > div:first-child {
                display: flex;
                align-items: center;
            }
    }


    #dtc-header-swoop {
        position: absolute;
        top: 0;
        left: 0;
        width: 641px;
        height: 173px;
        z-index: 5;
        max-width: 45%;
    }

    #dtc-branding {
        position: relative;
        z-index: 12;
    }

    .small-caps {
        font-variant: small-caps;
    }


    @media screen and (max-width: 768px) {
        /*    #dtc-header-band {
        overflow-x: hidden;
    }*/

        body.DTC {
            background-image: url('../img/header-swoop.png');
            background-position: top left;
            background-repeat: no-repeat;
        }

        #dtc-header-swoop {
            z-index: -1;
        }
    }

    /*@media screen and (max-width: 640px) {
    body.DTC {
        background-image: url('../img/header-swoop.png');
        background-position: top right;
        background-repeat: no-repeat;
    }
}
*/
    a {
        color: #002f4f;
    }

        a:hover {
            text-decoration: none;
            color: #002f4f;
            border-bottom: 0;
        }

        a[href^="mailto:"] {
            word-break: break-word;
        }

    sup.trade {
        top: -.3em !important;
    }

    h1 {
        font-family: 'Arial Black',Arial, Helvetica, sans-serif;
        font-size: 2.5rem;
        /*line-height: 1.2em;*/
        color: #002f4f;
    }

        h1 sup {
            font-size: 60%;
        }

            h1 sup.trade {
                top: -.5em !important;
            }

    h2 {
        font-size: 2rem;
        /*    line-height: 4rem;*/
        font-weight: bold;
    }

    h3 {
        font-size: 1.2rem;
        line-height: 1.8rem;
        font-weight: bold;
    }

    #hcp-nav #nav {
        border: 1px solid #ffffff;
        border-top: 0;
    }

    .nav {
        width: 100%;
    }

    .nav-item {
        padding: 0;
        border-right: 1px solid #7D8082;
        font-size: 0.85rem;
    }

    #hcp-nav #nav .nav-link {
        background-color: #9CE2FE;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        height: 100%;
        padding: 12px 4px;
        line-height: 1.1rem;
        cursor: pointer;
        font-weight: bold;
    }

        #hcp-nav #nav .nav-link span {
            color: #002f4f;
        }

    .nav-link:focus, .nav-link:hover {
        color: #002f4f;
        text-decoration: none;
        background-color: #d2e3ef;
    }


    #hcp-nav #nav .nav-item:last-of-type {
        border-right: 1px solid #DDF3FB;
    }

    #hcp-nav #nav .nav-link.active,
    #hcp-nav #nav .nav-link:hover {
        background-color: #002f4f;
    }

        #hcp-nav #nav .nav-link.active:focus,
        #hcp-nav #nav .nav-link.active:hover {
            color: #ffffff;
            text-decoration: none;
            background-color: #002f4f;
        }

    #hcp-nav #nav .col span {
        font-weight: bold;
        font-size: 13.5px;
        color: #002f4f;
        line-height: 1.25;
    }

    #hcp-nav #nav .nav-link.active span,
    #hcp-nav #nav .nav-link:hover span {
        color: #ffffff;
    }

    @media screen and (max-width:767px) {
        #hcp-nav {
            position: fixed;
            top: 52px;
            z-index: 10;
            display: none;
            width: 100%;
        }

            #hcp-nav .container {
                max-width: none;
            }

            #hcp-nav #nav {
                border: 0;
                /*                border-bottom: 1px solid #ffffff;*/
                padding-top: 3px;
                background-color: #ddf3fd;
            }

                #hcp-nav #nav .nav-link.active {
                    background-color: #002f4f;
                    margin-left: -30px;
                    margin-right: -30px;
                }

        .nav {
            padding: 0 30px;
            background-color: #ddf3fd;
        }

        .nav-item {
            padding: 0;
            border-right: 0;
            border-bottom: 1px solid #a8c4d3;
        }

        #hcp-nav #nav .nav-item:last-of-type {
            border-bottom: 0px;
        }
    }

    #overview {
        margin-top: 36px;
    }

    @media screen and (min-width: 768px) {
        #overview {
            padding-top: 1.5rem;
        }
    }

    body.HCP #overview {
        padding-top: 8px;
    }

    @media screen and (min-width: 768px) {
        body.HCP #overview {
            padding-top: 0;
        }
    }

    #overview hr {
        border-top: 3px solid #700000;
        margin-top: 0.8rem;
        margin-bottom: 0.8rem;
    }

    p.subTitle {
        font-size: 1.5rem;
        line-height: 1.25;
        font-weight: bold;
    }

    #overview .download-detail span {
        line-height: 1.35rem;
        margin-top: -5px;
        margin-bottom: 10px;
    }

        #overview .download-detail span.titleSpan {
            line-height: 1.1rem;
            margin-bottom: 1.1rem;
            font-weight: bold;
        }

    #overview .download-detail .button {
        font-size: 16px;
        padding: 6px 14px;
    }

    #overview.patient .container {
        border-bottom: 3px solid #002f4f;
    }

    #intro h2 {
        font-size: 1.5rem;
        line-height: 1.25;
        font-weight: bold;
    }

    #hcp-reimbursement {
        background-color: #002f4f;
        color: #ffffff;
    }

    #cta-container {
        padding: 32px;
        border-radius: 10px;
        background-color: #ddf3fd;
    }

    @media screen and (max-width: 576px) {
        #overview.patient .container {
            border-bottom: none;
        }

            #overview.patient .container:after {
                content: "";
                display: block;
                margin: 0 auto;
                width: 98%;
                padding-top: 0px;
                border-bottom: 3px solid #002f4f;
            }
    }


    @media screen and (max-width: 480px) {
        #cta-container {
            padding: 28px 18px;
        }
    }



    #cta-container p,
    #cta-container h3 {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
        line-height: 2rem;
    }

    #cta-container .button {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #700000;
        color: #ffffff;
        border-radius: 5px;
    }

    #cta-container.patient .button {
        background-color: #002f4f;
        color: #ffffff;
    }

    #cta-container .button .icon {
        width: 75px;
        height: auto;
        padding: 5px;
        text-align: center;
    }

        #cta-container .button .icon img {
            width: 64px;
            height: 64px;
        }

    #cta-container .button .copy {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.3rem;
    }

        #cta-container .button .copy a {
            color: #ffffff !important;
            text-decoration: underline;
        }

            #cta-container .button .copy a:hover {
                text-decoration: none;
            }

            #cta-container .button .copy a[href^="tel:"] {
                color: #ffffff !important;
                text-decoration: none;
                border-bottom: 1px dotted #ffffff;
            }

                #cta-container .button .copy a[href^="tel:"]:hover {
                    border-bottom: none;
                }

        #cta-container .button .copy span {
            font-size: 18px;
            font-weight: normal;
        }

        #cta-container .button .copy i {
            font-size: 14px;
            font-style: italic;
            font-weight: normal;
            line-height: 0.8rem;
        }

    #hcp-reimbursement h2,
    #hcp-reimbursement h3,
    #hcp-reimbursement p,
    #hcp-reimbursement span {
        color: #ffffff;
    }

    .callout {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: bold;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

        .callout img {
            width: 64px;
            height: 70px;
        }

        .callout span {
            padding-left: 12px;
        }

    #hcp-locate {
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }

        #hcp-locate p {
            color: #ffffff;
            font-weight: bold;
            font-size: 1rem;
            margin: 0 0 8px;
        }

            #hcp-locate p.heading {
                font-size: 1.18rem;
                margin: 8px 0 3px;
            }

            #hcp-locate p a {
                font-weight: 400;
                color: #ffffff;
                text-decoration: none;
                border-bottom: 1px dotted #ffffff;
            }

                #hcp-locate p a:hover {
                    border-bottom: none;
                }

    #hcp-reimbursement .button {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #FFFFFF;
        color: #700000;
        border-radius: 5px;
        max-width: 280px;
    }

        #hcp-reimbursement .button .icon {
            width: 68px;
            height: auto;
            padding: 5px 20px 5px 12px;
            text-align: center;
        }

            #hcp-reimbursement .button .icon img {
                width: 37px;
                height: 37px;
            }

        #hcp-reimbursement .button .copy {
            font-size: 16px;
            font-weight: bold;
            line-height: 1.25rem;
        }

            #hcp-reimbursement .button .copy a {
                color: #700000 !important;
                text-decoration: none;
            }


    #hcp-billing-coding h2,
    #hcp-billing-coding h3,
    #hcp-billing-coding p {
        color: #700000;
    }

    .download {
        display: flex;
        flex-direction: row;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    #hcp-billing-coding .download {
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }

    .download img {
        width: 56px;
        height: 83px;
        box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.55);
    }

    .download-detail {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end; /*space-between;*/
        padding-left: 14px;
    }

        .download-detail span {
            color: #002f4f;
            line-height: 1.35rem;
        }

            .download-detail span.offsetHeight {
                height: 43px;
                display: flex;
                align-items: center;
            }

        .download-detail .button {
            font-size: 13px;
            line-height: 29px;
            font-weight: bold;
            color: #002f4f;
            background-color: #ddf3fd;
            border-radius: 5px;
            padding: 3px 12px;
            margin-top: 6px;
            cursor: pointer;
        }

    .download .button svg {
        display: inline;
        width: 18px;
        height: auto;
    }

    .download.download-lg .download-detail {
        padding: 0;
    }

        .download.download-lg .download-detail .button {
            font-size: 16px;
            padding: 6px 14px;
        }

            .download.download-lg .download-detail .button svg {
                width: 18px;
                margin-top: -4px;
            }

    .download .button:hover {
        background-color: #002f4f;
        color: #ddf3fd;
        text-decoration: none;
    }

    #hcp-copay-financial-support {
        background-color: rgba(141,216,248,0.3);
    }

    #dtc-supplemental-rule {
        border-left: 2px solid #002f4f;
    }

    @media screen and (max-width: 768px) {

        #dtc-supplemental-rule {
            border-top: 2px solid #002f4f;
            border-left: 0;
            margin: auto;
        }
    }

    #hcp-copay-financial-support .download img,
    #dtc-supplemental .download img,
    #copay .download img {
        width: 56px;
        height: 83px;
    }

    #hcp-copay-financial-support .download-detail span,
    #dtc-supplemental .download-detail span,
    #copay .download-detail span {
        color: #002f4f;
        line-height: 1.35rem;
    }

        #hcp-copay-financial-support .download-detail span.offsetHeight,
        #dtc-supplemental .download-detail span.offsetHeight,
        #copay .download-detail span.offsetHeight {
            height: 43px;
            display: flex;
            align-items: center;
        }


    #hcp-copay-financial-support .download-detail .button,
    #dtc-supplemental .download-detail .button,
    #copay .download-detail .button,
    .download-detail .button.button-dark {
        background-color: #002f4f;
        color: #ffffff;
    }

        #hcp-copay-financial-support .download .button:hover,
        #dtc-supplemental .download .button:hover,
        #copay .download .button:hover,
        .download-detail .button.button-dark:hover {
            background-color: #700000;
            color: #ffffff;
            text-decoration: none;
        }

    #hcp-billing-coding .download .button {
        width: 145px;
        height: 35px;
    }

    #copay {
        color: #ffffff;
        background: #013050;
        background: -moz-linear-gradient(left, #013050 0%, #8cd7f6 100%);
        background: -webkit-linear-gradient(left, #013050 0%,#8cd7f6 100%);
        background: linear-gradient(to right, #013050 0%,#8cd7f6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013050', endColorstr='#8cd7f6',GradientType=1 );
        border-radius: 5px;
    }

        #copay.patient {
            background: #013050;
            background: -moz-linear-gradient(top, #013050 0%, #8cd7f6 100%);
            background: -webkit-linear-gradient(top, #013050 0%,#8cd7f6 100%);
            background: linear-gradient(to bottom, #013050 0%,#8cd7f6 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013050', endColorstr='#8cd7f6',GradientType=0 );
            border-radius: 0;
            min-height: 476px;
        }

            #copay.patient p {
                font-size: 16px;
            }

                #copay.patient p.cta {
                    font-size: 22px;
                }

                #copay.patient p.darkCopy {
                    color: #002f4f;
                }

    #assistance {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*justify-content: space-between;*/
        min-height: 476px;
        background-image: url('../img/patient-saving.jpg');
        background-position: top center;
        background-size: cover;
    }

    #copay.patient h3 {
        display: inline-block;
        text-align: center;
        border-bottom: 2px solid #ffffff;
    }

    #assistance h3 {
        display: inline-block;
        text-align: center;
        border-bottom: 2px solid #002f4f;
    }

    #copay p {
        margin: 0;
        padding: 5px 0;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #ffffff;
    }

        #copay p img {
            width: 140px;
            height: 60px;
            margin: 0 auto;
        }


    p.title {
        position: relative;
        font-weight: bold;
        padding-left: 2.75rem !important;
    }

        p.title::before {
            position: absolute;
            content: '';
            left: 0px;
            width: 36px;
            height: 36px;
            background-image: url('../img/icon-title-rx.png');
            background-size: 36px 36px;
            background-repeat: no-repeat;
        }

    .section-icon {
        position: relative;
        height: 110px;
        width: 100%;
        text-align: center;
        color: #700000;
    }

        .section-icon.question svg {
            height: 86px;
            width: auto;
        }

        .section-icon.document svg {
            height: 74px;
            width: auto;
        }

    .eligibility-items p.title::before,
    #eligibility-items p.title::before {
        top: -12px;
    }

    #support-items p.rx-title {
        line-height: 1.5rem;
    }

    #support-items p.title::before {
        position: absolute;
        content: '';
        left: 0px;
        width: 36px;
        height: 36px;
        background-image: url('../img/icon-title-rx.png');
        background-size: 36px 36px;
        background-repeat: no-repeat;
    }

    #support-items p.savings-title {
        line-height: 3rem;
    }

        .eligibility-items p.title.savings-title::before,
        #support-items p.savings-title::before {
            position: absolute;
            content: '';
            left: 0px;
            width: 36px;
            height: 36px;
            background-image: url('../img/icon-title-savings.png');
            background-size: 36px 36px;
            background-repeat: no-repeat;
        }

    p.footnote {
        font-size: 12px;
        text-indent: -5px;
        padding-left: 5px;
        margin-bottom: 0.3rem;
    }

        p.footnote.long-cue {
            text-indent: -7px;
        }

            p.footnote.long-cue span {
                vertical-align: text-bottom;
            }

        p.footnote span {
            padding-right: 0;
        }

        p.footnote a {
            text-decoration: underline;
        }

            p.footnote a:hover {
                text-decoration: none;
            }

    p.terms,
    ul.terms li {
        font-size: 12px;
    }

    ul.bullet-check {
        list-style-type: none;
        padding-left: 4.5rem !important;
    }

        ul.bullet-check li {
            position: relative;
            margin-bottom: 10px;
        }

            ul.bullet-check li:before {
                position: absolute;
                margin-left: -30px;
                top: 3px;
                content: '';
                width: 18px;
                height: 18px;
                background-image: url('../img/bullet-check.png');
                background-size: 18px 18px;
                background-repeat: no-repeat;
            }



    #dtc-supplemental {
        background-color: #ddf3fd;
    }

        #dtc-supplemental .item {
            position: relative;
            display: flex;
            flex-direction: row;
        }

            #dtc-supplemental .item div {
                padding-left: 0.8rem;
            }

            #dtc-supplemental .item p {
                margin-bottom: 0;
                font-weight: bold;
            }


        #dtc-supplemental li {
            padding: 4px 0;
            position: relative;
        }

        #dtc-supplemental ul {
            list-style-type: none;
        }

        #dtc-supplemental li:before {
            position: absolute;
            content: '\2022';
            color: #700000;
            font-weight: bold;
            left: -17px;
            margin-top: 1px;
        }

    #hcp-resources {
        background-color: #ddf3fd;
        margin-bottom: 2rem;
    }

        #dtc-supplemental h3,
        #hcp-resources h2,
        #hcp-resources h3,
        #dtc-questions h3 {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            text-align: center;
            color: #700000;
        }


        #dtc-supplemental h3,
        #hcp-resources h3,
        #dtc-questions h3 {
            font-size: 26px;
            line-height: 30px;
        }

        #hcp-resources hr {
            width: 90%;
            max-width: 468px;
            border-top: 3px solid #700000;
            margin-top: 0.8rem;
            margin-bottom: 0.8rem;
        }

    /*    #hcp-additional-resources {
        padding-top: 2.5rem;
        padding-bottom: 3rem;
    }*/

    #hcp-questions,
    #dtc-questions {
        text-align: center;
    }

    p.large-text {
        font-size: 1.4rem;
        font-weight: bold;
        padding-top: 1rem;
    }

        p.large-text a {
            color: #002f4f;
            border-bottom: 1px dotted #002f4f;
        }

            p.large-text a:hover {
                border-bottom: none;
            }

    @media (min-width: 640px) {
        p.large-text {
            font-size: 1.2rem;
        }
    }

    footer {
        background-color: #e1e1e1;
        background-image: url('../img/hcp-footer-swoop.jpg');
        background-position: bottom right;
        background-repeat: no-repeat;
    }

        footer .links a {
            text-decoration: underline;
        }

            footer .links a:hover {
                text-decoration: none;
            }

    .error404 footer {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #codeline img {
        width: 221px;
        height: 28px;
        margin: 2.0rem 0px;
    }

    #codeline p {
        font-size: 0.8rem;
        line-height: 1.1rem;
    }

    @media screen and (max-width:480px) {
        #hcp-billing-coding .download {
            padding-top: 1rem;
            padding-bottom: 2rem;
        }
    }

    .patientQuestion {
        text-align: center;
    }

    a.underline {
        text-decoration: underline;
    }

    a.textLink {
        text-decoration: underline !important;
    }

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

    a:hover.underline {
        text-decoration: none;
    }

    /*
    Mobile Nav 
*/
    #hcp-nav-mobile-nav {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1500;
        display: none;
    }


    @media (max-width: 768px) {
        #hcp-nav-mobile-nav .container {
            max-width: none;
        }
    }


    #mobile-nav {
        background: #ddf3fd;
        display: none;
    }

    #hcp-nav-mobile-nav .container .column a {
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 17px;
        padding: 15px 0px 15px;
        /*        max-width: 300px;*/
        border-bottom: 1px solid #a8c4d3;
        display: block;
        width: 90%;
        margin: 0 auto;
    }

        #hcp-nav-mobile-nav .container .column a:last-child {
            border: none;
        }

        #hcp-nav-mobile-nav .container .column a:last-child {
            padding: 20px 0;
        }

    #hcp-nav-mobile-nav #mobile-menu-header {
        background: #002f4f;
        color: #ffffff;
        font-size: 0.8rem;
        line-height: 1.1rem;
        height: 54px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 10px 20px;
        border-bottom: 1px solid #ddf3fd;
    }

        #hcp-nav-mobile-nav #mobile-menu-header #current-mobile-section {
            margin: 0;
            max-width: 180px;
        }

        #hcp-nav-mobile-nav #mobile-menu-header #mobile-nav-trigger {
            position: absolute;
            top: 0;
            right: 0;
            height: 54px;
            padding: 0 14px;
            color: #7fbad5;
            text-transform: uppercase;
            font-size: 0.8rem;
            line-height: 1;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }

    #trigger-title {
        margin: 0;
        padding: 2px 10px 0 0;
        font-weight: bold;
    }

    #mobile-nav-trigger-icon {
        width: 30px;
        height: 28px;
        position: relative;
        top: 0;
        /*    margin: 50px auto;*/
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

        #mobile-nav-trigger-icon span {
            display: block;
            position: absolute;
            height: 4px;
            width: 100%;
            background: #7fbad5;
            border-radius: 0;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

            #mobile-nav-trigger-icon span:nth-child(1) {
                top: 2px;
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -o-transform-origin: left center;
                transform-origin: left center;
            }

            #mobile-nav-trigger-icon span:nth-child(2) {
                top: 12px;
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -o-transform-origin: left center;
                transform-origin: left center;
            }

            #mobile-nav-trigger-icon span:nth-child(3) {
                top: 22px;
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -o-transform-origin: left center;
                transform-origin: left center;
            }

        #mobile-nav-trigger-icon.open span:nth-child(1) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 2px;
            left: 6px;
        }

        #mobile-nav-trigger-icon.open span:nth-child(2) {
            width: 0%;
            opacity: 0;
        }

        #mobile-nav-trigger-icon.open span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 23px;
            left: 6px;
        }

    #hcp-modal,
    #nav-modal-bg {
        display: flex;
        height: 100%;
        width: 100%;
        padding-right: 0 !important;
    }

        #hcp-modal .modal-wrapper {
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            text-align: center;
            background-color: rgba(0,47,79,0.8);
        }

    #nav-modal-bg {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        background-color: rgba(0,47,79,0.8);
    }

    #hcp-modal .modal-dialog {
        background: #fff;
        border-radius: 6px;
        border: 1px solid rgba(0,0,0,.2);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
        display: inline-block;
        padding: 30px;
        width: 50%;
        max-width: 560px;
    }

    #hcp-modal .modal-header,
    #hcp-modal .modal-content {
        box-shadow: none;
        border: none;
        border-radius: 0;
        text-align: center;
    }

        #hcp-modal .modal-content h4 {
            font-size: 1.4em;
            margin: 0 0 15px;
            padding: 0;
            text-transform: none;
        }

    #hcp-modal .modal-body {
        padding: 10px 20px;
        text-align: center;
    }

        #hcp-modal .modal-body p {
            font-size: 1.4em;
            line-height: 24px;
            margin-bottom: 0;
        }

    #hcp-modal .modal-footer {
        border-top: none;
        text-align: center;
    }

        #hcp-modal .modal-footer .button {
            border: none;
            border-radius: 5px;
            font-size: 1.3rem;
            line-height: 1.6rem;
            background-color: #ddf3fd;
            color: #002f4f;
            padding-top: 0.6rem;
            padding-bottom: 0.6rem;
            cursor: pointer;
        }

            #hcp-modal .modal-footer .button:hover,
            #hcp-modal .modal-footer .button:active {
                background-color: #002f4f;
                color: #ffffff;
                text-decoration: none;
            }

    @media screen and (max-width: 560px) {
        #hcp-modal .modal-dialog {
            width: 90%;
        }
    }