﻿:root {
    --blue: #03838c;
    --white: #ffffff;
    --os-font: "Open Sans";
}

@font-face {
    font-family: 'Interstate';
    src: url('../fonts/Interstate-regular.ttf') format('truetype');
}

header.infuse-header .topLinks ul {
    margin-bottom: 0px;
    margin-top: -1px;
}

    header.infuse-header .topLinks ul li {
        margin: 0 0 0 30px;
        line-height: 1;
    }

        header.infuse-header .topLinks ul li a {
            font-size: 11px;
            font-weight: 900;
            line-height: normal;
        }

            header.infuse-header .topLinks ul li a.searcIcn img {
                margin: -2px 0px 0px 7px;
            }

            header.infuse-header .topLinks ul li a.outlinkIcn img {
                margin: -2px 0px 0px 6px;
            }

header.top-bar {
    padding-bottom: 30px;
}

header.infuse-header .bl-left {
    height: 18px;
}

header .topLinks {
    background: var(--blue);
    margin-bottom: 0px;
    padding: 9px 0;
}

header .navbar-brand {
    padding: 0px;
}

header .navbar-logo {
    line-height: 0px;
}

header .navbar-brand .master-logo {
    width: 508px;
    max-width: 100%;
}

header .logo.navbar-brand h3 {
    color: var(--blue);
    font-family: var(--os-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.297px;
    margin-bottom: 12px;
}

header .logo.navbar-brand h5 {
    color: var(--blue);
    font-family: var(--os-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0.297px;
    text-transform: uppercase;
}

header .navbar-brand .master-logo a {
    padding: 0px;
}

.topLinks #headerlogo img {
    height: 18px;
    vertical-align: unset;
}

header.infuse-header .second-header-container {
    margin-top: 30px;
}

/**** Start Footer Desktop******/
footer.infuse-footer {
    background: none;
    padding: 0px;
}

.footer {
    padding: 48px 0;
    background: #03838c;
    margin-top: 10px;
    font-family: "Barlow", sans-serif;
    border-top: 0px !important;
}

.footer-desc.copyright p {
    font-size: 10px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: normal;
    font-weight: 600;
    font-family: "Barlow", sans-serif;
    max-width: 342px;
}

.footer-bl-logo {
    margin-bottom: 20px;
}

footer.infuse-footer .socialLink li {
    color: #fff;
    margin-right: 15px;
    list-style-type: none;
}

footer.infuse-footer .footer-links ul:first-child li:first-child a {
    background: url("/siteassets/img/icon-link-out.svg") no-repeat right bottom;
    background-size:10px;
}

footer.infuse-footer .footer-links ul li a {
    color: #fff;
    background: url("/siteassets/img/icon-link-out.svg") no-repeat right bottom;
    font-size: 12px;
    padding-right: 15px;
    text-decoration: underline;
    background-size: 10px;
    font-weight: 700;
    font-family: "Barlow", sans-serif;
    display: inline-block;
    line-height: normal;
}

footer.infuse-footer .footer-links ul li .remove-icon {
    background: inherit !important;
}

footer.infuse-footer .footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 0px;
}

footer.infuse-footer .social-link-top {
    border-bottom: 1px solid #35a781;
    padding-bottom: 0px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    padding-left: 0px;
    padding-bottom: 18px;
}

    footer.infuse-footer .social-link-top p {
        color: #fff;
        margin-bottom: 0px;
        font-size: 10px;
        font-weight: 600;
        font-family: "Barlow", sans-serif;
    }

footer.infuse-footer .footer-links ul li {
    margin-bottom: 15px;
}

footer.infuse-footer .socialLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 0px 0px 15px;
    margin-bottom: 0px;
    border: none;
}

footer.infuse-footer ul.socialLink li a {
    cursor: pointer;
}

footer.infuse-footer .copyright {
    border: none;
    padding-top: 0px;
    margin-top: 0px;
}
/**** End Footer Desktop******/

@media (min-width: 992px) {
    .infuse-footer .footer .container {
        padding: 0px 60px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .infuse-footer .footer .container {
        padding: 0px 12px;
    }
}

@media screen and (max-width: 991px) {
    header .topLinks {
        padding: 8px 0;
    }

    header.infuse-header.top-bar {
        padding-bottom: 15px;
    }

    header.infuse-header .second-header-container {
        margin-top: 13px;
    }

    header.infuse-header .bl-left {
        display: inline-flex;
        height: 8px;
    }

    header.infuse-header .topLinks #headerlogo img {
        height: 8px;
    }

    header.infuse-header .topLinks .bl-right {
        height: 8px;
    }

    header.infuse-header .topLinks #headerlogo {
        height: 8px;
        display: inline-flex;
    }

    header.infuse-header .topLinks ul li:last-child {
        line-height: 0px;
    }

        header.infuse-header .topLinks ul li:last-child a {
            font-size: 7.5px;
            display: inline-flex;
            margin-top: -2px;
        }

            header.infuse-header .topLinks ul li:last-child a img {
                width: 9px;
                height: 10px;
                margin: 0px 0px 0px 6px;
            }

    header.infuse-header .navbar-collapse {
        top: 85px;
        border-top: 1px solid rgba(0, 171, 189, 0.15);
    }

    header.infuse-header .logo.navbar-brand h3 {
        font-size: 22.857px;
        line-height: 15.714px;
        letter-spacing: 0.212px;
        margin-bottom: 9px;
    }

    header.infuse-header .logo.navbar-brand h5 {
        font-size: 10px;
        line-height: 7px;
        letter-spacing: 0.212px;
    }

    header.infuse-header .navbar-brand {
        padding: 0px;
    }

    /**** Start Footer Mobile******/
    footer.infuse-footer {
        padding: 0px;
    }

        footer.infuse-footer .footer {
            padding: 30px;
        }

            footer.infuse-footer .footer .container {
                padding: 0px;
            }

        footer.infuse-footer .social-link-top {
            flex-direction: column;
            align-items: start;
            padding-bottom: 28px;
            margin-bottom: 0px;
        }

        footer.infuse-footer .footer .footer-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 0px;
            margin-top: 28px;
        }

        footer.infuse-footer .footer-bl-logo {
            margin-bottom: 20px;
        }

        footer.infuse-footer .trust-arc-logo {
            margin: 24px 0px;
        }

        footer.infuse-footer .footer p {
            font-size: 10px;
            margin-bottom: 10px;
            line-height: normal;
        }

        footer.infuse-footer .socialLink {
            padding-left: 0px;
            border: none;
        }

            footer.infuse-footer .socialLink li {
                margin-bottom: 0px;
                margin-right: 30px;
            }

    .infuse-astigmatism-sec .container,
    .infuse-multifocal-banner-sec .container {
        padding-top: 10px;
    }
    /**** End Footer Mobile******/
}

@media (min-width: 768px) and (max-width: 1200px) {
    header .topLinks ul li a {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
}

/*****Infuse Home page******/

.infuse-home-page-product-section .prodSectionHome {
    padding: 40px 0px;
}

    .infuse-home-page-product-section .prodSectionHome .desktop-image {
        text-align: right;
    }

.infuse-home-page-banner .banner-text h1,
.infuse-home-page-banner .banner-text h3 {
    color: #fff;
    text-align: center;
    font-family: Interstate;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.infuse-home-page-banner .banner-text h1 {
    margin: 0px;
    font-weight: 700;
}

.infuse-home-page-banner .banner-text p {
    color: #fff;
    text-align: center;
    font-family: Interstate;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    padding: 0px 40px;
    margin-top: 0px;
}

.infuse-home-page-banner .banner-text .banner_line {
    margin: 20.5px 0px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .infuse-home-page-product-section .container,
    .infuse-home-page-product-explore-sec .container
    {
        padding-left: 33px;
        padding-right: 11px;
    }

    .infuse-home-page-product-section .prodSectionHome {
        padding: 15px 0;
    }

        .infuse-home-page-product-section .prodSectionHome:last-child {
            padding-bottom: 30px;
        }

        .infuse-home-page-product-section .prodSectionHome .row {
            gap: 33px;
        }

            .infuse-home-page-product-section .prodSectionHome .row.first-row {
                flex-direction: column-reverse;
            }

        .infuse-home-page-product-section .prodSectionHome h2.lora {
            margin-left: 0px !important;
        }

        .infuse-home-page-product-section .prodSectionHome .mobile-image {
            width: auto;
        }

    .infuse-home-page-product-explore-sec .secThreeHome {
        padding: 43px 0px 67px;
    }

        .infuse-home-page-product-explore-sec .secThreeHome .col-lg-4 {
            margin-bottom: 0px;
        }

        .infuse-home-page-product-explore-sec .secThreeHome .education {
            margin-left: 0px !important;
        }

  /*  .infuse-home-page-product-form-sec .formSection {
        margin-bottom: 40px;
    }

        .infuse-home-page-product-form-sec .formSection .row {
            padding: 0px;
        }

        .infuse-home-page-product-form-sec .formSection h2 {
            padding-top: 36px;
            margin-bottom: 35px;
        }

        .infuse-home-page-product-form-sec .formSection .form-box {
            background-image: url(), url(/siteassets/img/img-3-dots.svg);
            background-position: 0 0, 100% 0;
            background-repeat: repeat-y, repeat-y;
            margin-right: -15px;
        }

            .infuse-home-page-product-form-sec .formSection .form-box .Form__MainBody {
                padding-right: 70px;
            }

        .infuse-home-page-product-form-sec
        .formSection
        .EPiServerForms
        .Form__Element {
            width: 100%;
        }*/

    .infuse-home-page-product-section .primaryBtn,
    .infuse-home-page-product-explore-sec .primaryBtn
     {
        width: auto;
        min-width: 70%;
    }

    /*.infuse-home-page-product-form-sec
    .formSection
    .EPiServerForms
    .Form__Element
    .primaryBtn {
        width: 100%;
    }*/

    .infuse-home-page-banner {
        margin-top: 92px;
    }

        .infuse-home-page-banner .lead-banner-text {
            width: auto;
        }

        .infuse-home-page-banner .banner-text p {
            font-size: 16px;
            line-height: 22px;
            padding: 0px 20px;
        }
}

/*****End Infuse Home page******/

.globalTwoColm ul li {
    background-position: left 5px;
    margin-bottom: 9px;
}

.globalTwoColm .colOne {
    padding: 25px 27px 33px 29px;
}

/*********Site Map**************/

.infuse-sitemapContent h2 {
    text-transform: capitalize;
    font-family: Lora;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
}

.infuse-sitemapContent ul li.sitemap-submenu a {
    color: #005e68 !important;
    text-decoration: underline;
}

.infuse-sitemapContent .sitemap-main ul.submenu-second li a {
    font-weight: 600 !important;
}

.infuse-sitemapContent ul li.sitemap-submenu span {
    color: #16416f;
}

.sitemapContent ul li.sitemap-submenu ul.submenu-second.g-28 {
    margin-top: 28px;
}

/*********Infuse One Day**************/

.infuse-oneday-banner-sec {
    background: linear-gradient(270deg, #1275bc 15.7%, #16416f 83.13%);
}

    .infuse-oneday-banner-sec .footnote .super-padding,
    .superscript {
        color: #fff;
        font-family: Barlow;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }

@media (min-width: 1150px) {
    .infuse-oneday-banner-sec.heroBanner.heroInner.product-inner-banner h1 {
        margin-top: 53px;
        margin-bottom: 21px;
    }

    .infuse-oneday-banner-sec.heroBanner h2 {
        margin-bottom: 50px;
    }

    .infuse-oneday-banner-sec.heroBanner .footnote {
        width: 558px;
        height: 56px;
    }

    .infuse-multifocal-banner-sec.heroBanner .footnote {
        margin-top: 9px !important;
    }

    .infuse-astigmatism-sec.heroBanner h1 {
        margin-top: 0px;
        margin-bottom: 13px;
    }

    .infuse-astigmatism-sec.heroBanner .footnote {
        margin-top: 30px !important;
    }

    .infuse-multifocal-banner-sec.heroBanner h1 {
        margin-top: 0px;
        margin-bottom: 13px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1150px) {
    .no-line-br {
        display: none !important;
    }

    .infuse-oneday-banner-sec.heroBanner h2 {
        margin-bottom: 60px;
    }

    .infuse-multifocal-banner-sec.heroBanner .footnote,
    .infuse-astigmatism-sec.heroBanner .footnote {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 992px) {
    .infuse-oneday-banner-sec.heroBanner .container {
        padding-bottom: 28px;
    }

    .infuse-astigmatism-sec.heroBanner .container .bannerCap img {
        margin-top: 10px;
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 375px) {
    .infuse-home-page-banner .lead-banner-text img {
        zoom: 0.9;
    }
}

.infuse-home-page-banner .img-2 {
    display: flex;
    justify-content: center;
}

.infuse-home-page-video-sec {
    margin-top: 40px;
    margin-bottom: 70px;
}

.infuse-one-day-video-title {
    font-family: 'Lora' !important;
    color: #16416F;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-top: 96px;
    margin-bottom: 50px;
}

.infuse-asti-video-title {
    margin-top: 70px;
}

.infuse-multifocal-video-title {
    margin-bottom: 87px;
    margin-top: 69px;
}

.sitemapContent {
    padding-bottom: 40px;
}

.astigmatism-eye-info.infuse-oneday-astigmatism-lens {
    padding: 15px 0 0px;
}


.infuse-asti-page-video-sec .borderBottom {
    border-bottom: 1px solid #979797;
    margin-bottom: 69px !important;
    margin-top: 83px !important;
}

.infuse-asti-page-video-sec2 .infuse-asti-video-title {
    margin-top: 0px !important;
}

.recycleMain.multifocalMiddle {
    padding-bottom: 0px !important;
}
 
@media only screen and (max-width: 991px) {
    .infuse-oneday-banner-sec {
        padding-bottom: 16px !important;
    }

    .heroBanner.heroInner.product-inner-banner .containerNew {
        padding-top: 14px;
    }

    .infuse-oneday-banner-sec.heroBanner.heroInner.product-inner-banner h1,
    .infuse-astigmatism-sec.heroBanner.heroOnedayMulti h1,
    .infuse-multifocal-banner-sec.heroOnedayMulti h1 {
        margin-top: 24px;
        margin-bottom: 8px;
    }

    .infuse-oneday-banner-sec.heroBanner.heroInner .banner-text {
        margin-bottom: 20px;
    }

    .infuse-oneday-banner-sec.heroBanner .footnote {
        margin-top: 20px;
    }

    .infuse-one-day-video-title {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    #silicone-hydrogel {
        padding-top: 64px;
    }

    .infuse-oneday-banner-sec.heroBanner.heroInner h2 {
        margin-bottom: 33px;
    }

    .infuse-astigmatism-sec .container,
    .infuse-multifocal-banner-sec .container {
        padding-top: 15px;
    }

    .infuse-astigmatism-sec.heroBanner h2 {
        margin-bottom: 63px;
    }

    .infuse-asti-page-video-sec .infuse-one-day-video-title {
        margin-bottom: 16px;
    }

    .infuse-asti-page-video-sec2 .infuse-one-day-video-title {
        margin-top: 0px
    }

    .infuse-asti-page-video-sec .borderBottom {
        margin-bottom: 32px !important;
        margin-top: 32px !important;
    }

    .recycleMain.multifocalMiddle {
        padding-bottom: 0px !important;
    }

    .infuse-multifocal-banner-sec.heroBanner h2 {
        margin-bottom: 38px;
    }

    .infuse-home-page-video-sec {
        margin-top: 48px;
        margin-bottom: 30px;
    }

    .infuse-home-page-product-section .prodSectionHome:nth-child(1) .row {
        flex-direction: column-reverse;
    }

    .infuse-home-page-product-section .prodSectionHome:nth-child(1) h2.lora {
        margin-top: 0px;
    }

    .infuse-home-page-product-section .prodSectionHome:nth-child(2) p {
        margin-bottom: 30px;
    }

    .infuse-home-page-product-section .prodSectionHome:last-child {
        padding-bottom: 21px;
    }

    .infuse-home-page-banner .lead-bannerImage img {
        top: 15px;
    }

    .infuse-home-page-banner .row:first-child {
        gap: 60px;
    }
}

.sitemapContent ul li.sitemap-submenu {
    margin-bottom: 20px;
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .infuse-home-page-product-section .prodSectionHome:nth-child(2) .primaryBtn {
        margin-bottom: 33px;
    }

    header.infuse-header .topLinks ul {
        float: right;
    }
}