@font-face {
    font-family: Nimbusromandot;
    src: url('../fonts/NimbusRomanDOT-ExtraBold.otf') format("opentype"), url('../fonts/NimbusRomanDOT-Bold.otf') format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Nimbusromandot;
    src: url('../fonts/NimbusRomanDOT-Regular.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --dark-blue: #061a38;
    --light-blue: #029ec5;
    --grey: #565d69;
    --black: black;
    --darker-blue: #10418e;
    --white: white;
    --blue: #00c1f1;
}

.w-layout-layout {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 20px;
}

.w-layout-cell {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

body {
    color: var(--black);
    font-family: Poppins, sans-serif;
    font-size: 1.1rem;
    line-height: 1.1rem;
}

h1 {
    color: var(--dark-blue);
    margin-top: 0;
    margin-bottom: 30px;
    font-family: Poppins, sans-serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 4rem;
}

h2 {
    color: var(--light-blue);
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: Poppins, sans-serif;
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1em;
}

h3 {
    color: var(--grey);
    margin-top: 0;
    margin-bottom: 30px;
    font-family: Poppins, sans-serif;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}

h4 {
    color: var(--black);
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5rem;
}

h5 {
    color: var(--black);
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1rem;
}

p {

    margin-bottom: 30px;
    font-weight: 300;
    line-height: 1.8em;
}

a {
    color: var(--darker-blue);
    text-decoration: none;
}

a:hover {
    color: var(--light-blue);
}

ul {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 20px;
    line-height: 1.6rem;
}

li {
    margin-bottom: 10px;
}

.hero_section {
    background-image: linear-gradient(#0000007d, #0000);
    height: 100vh;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.main_tagline_wrapper {
    z-index: 100;
    text-align: center;
    background-color: #05122600;
    border: 20px #fff;
    width: 100%;
    padding: 0 15%;
    display: block;
    position: absolute;
    inset: 45% 0% auto;
}

.main_tagline {
    color: #fff;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #0000009c;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Poppins, sans-serif;
    font-size: 4em;
    font-weight: 800;
    line-height: .9em;
}

.main_text_wrapper {
    border-bottom: 20px #fff;
    padding: 0;
    font-weight: 600;
}

.welcome_section {
    padding: 5% 10%;
}

.welcome_headline {
    color: var(--light-blue);
    text-align: left;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: Poppins, sans-serif;
    font-size: 4em;
    font-weight: 300;
    line-height: 3.6rem;
}

.callout_grid {
    padding: 0;
}

.callout_text_cell {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 10%;
}

.callout_text_cell.right {
    padding-left: 10%;
    padding-right: 0%;
}

.callout_img_cell {
    justify-content: center;
    align-items: stretch;
}

.callout_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.callout_img._2 {
    object-position: 10% 50%;
}

.patient_spotlight_section {
    background-image: radial-gradient(circle farthest-corner at 75% 75%, var(--light-blue), var(--dark-blue) 99%);
    color: var(--white);
    padding: 10%;
    display: none;
}

.spotlight_wrapper {
    justify-content: space-between;
    display: flex;
}

.spotlight_btns_wrapper {
    width: 65%;
}

.spotlight_headline_div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 30%;
    display: flex;
}

.docs_headline {
    color: var(--white);
    text-transform: none;
    margin-bottom: 30px;
    font-family: Poppins, sans-serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 1em;
}

.cataract_section {
    background-image: url('../images/dark-blue-circle-outline.svg'), url('../images/blue-circle.svg');
    background-position: 85% 25%, 85% 75%;
    background-repeat: no-repeat, no-repeat;
    background-size: 6%, 10%;
    padding: 10%;
    position: relative;
}

.button {
    background-color: var(--blue);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 20px 30px;
    line-height: 1.1em;
}

.button:hover {
    background-color: var(--darker-blue);
}

.news_section {
    background-color: #eaf0fa;
    margin-left: 0;
    margin-right: 0;
    padding: 5% 10%;
    display: none;
}

.wrapper_div.center {
    text-align: center;
}

.news_cell {
    align-items: center;
}

.tv_logo {
    mix-blend-mode: multiply;
    height: 60px;
    margin-bottom: 20px;
}

.news_text {
    text-align: center;
    height: 86.3906px;
    margin-bottom: 20px;
}

.news_img_div {
    width: 100%;
    overflow: hidden;
}

.news_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.technology_section {
    background-image: url('../images/dark-blue-circle.svg'), url('../images/blue-circle.svg');
    background-position: 7% 26%, 20% 5%;
    background-repeat: no-repeat, no-repeat;
    background-size: 10%, 5%;
    padding: 5% 10% 10%;
    position: relative;
}

.docs_text {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.8em;
}

.testimonials_section {
    margin-left: 0;
    margin-right: 0;
    padding: 0%;
}

.testimonials_slider {
    background-color: #fff0;
    height: auto;
}

.arrow {
    color: var(--white);
    width: 30px;
    height: 30px;
    font-size: .8em;
    inset: auto auto 0% 0%;
}

.arrow:hover {
    color: var(--light-blue);
}

.arrow.right {
    left: 40px;
}

.testimonials_slide {
    height: auto;
    font-size: 1em;
}

.mask {
    margin-left: 0;
    margin-right: 0;
}

.testimonials_div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.testimonials_text {
    color: var(--white);
    text-align: center;
    margin-top: 20px;
    font-size: 1.1em;
    font-style: normal;
    font-weight: 300;
}

.testimonials_slidenav {
    justify-content: flex-end;
    height: 30px;
    font-size: .7em;
    display: flex;
}

.testimonial_name {
    color: #fff;
    margin-bottom: 5px;
    font-size: 1.2em;
    font-weight: 700;
}

.profession_text {
    color: #fff;
}

.blog_section {
    background-color: #fff;
    background-image: url('../images/blue-square-bg.svg');
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto 35%;
    padding: 7% 10% 10%;
}

.blog_main_headline {
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: 5%;
    font-family: Poppins, sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
}

.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}

.utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 260px;
    display: flex;
}

.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}

.s_btn {
    display: none;
}

.callout_bg_video {
    z-index: 10;
    border: 10px solid #fff0;
    border-radius: 600px;
    width: 600px;
    height: 600px;
}

.callout_bg_video.darkborder {
    border-color: #083a8800;
    width: 500px;
    height: 500px;
}

.smaller_img_div {
    z-index: 10;
    border: 10px solid var(--white);
    border-radius: 150px;
    width: 250px;
    height: 250px;
    position: absolute;
    inset: -157px auto auto 0%;
    overflow: hidden;
    box-shadow: 9px 11px 16px 2px #00000024;
}

.smaller_img_div._2 {
    inset: -124px 0% auto auto;
    box-shadow: -2px 11px 16px 2px #00000024;
}

.callout_video_wrapper {
    position: relative;
}

.testimonials_grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0;
}

.testimonials_text_cell {
    background-color: var(--dark-blue);
    background-image: radial-gradient(circle at 50% 0, #00c1f18a, #061a3800);
    justify-content: flex-start;
    align-items: center;
    padding: 7% 15%;
}

.entry .testimonials_text_cell {
    padding: 0;
}

.bg_hero_movie {
    z-index: 0;
    border-radius: 0;
    height: 100%;
    position: static;
}

.dropdown_link-2 {
    color: #fff;
    font-size: .9rem;
}

.dropdown_link-2:hover {
    color: #fff;
    background-color: #0000004f;
}

.phone_icon-2 {
    width: 24px;
    margin-right: 5px;
}

.phone_btn-2 {
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    margin-left: 40px;
    font-size: 1.2rem;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}

.navbar-2 {
    z-index: 1000;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #061a38;
    border-bottom: 1px solid #ffffff59;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    padding: 10px 3%;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
}

.navlink-2 {
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.navlink-2:hover {
    color: #00c1f1;
    background-color: #00c1f100;
}

.dropdown_list.w--open {
    background-color: #10418e;
    box-shadow: 0 7px 6px #00000047;
}

.logo-2 {
    width: 240px;
    margin-right: auto;
}

.dropdown_icon-2 {
    margin-right: 0;
    font-size: .7rem;
}

.welcome_grid {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 0;
}

.welcome_img_div {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.welcome_img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.p_last {
    margin-bottom: 0;
}

.welcome_content_cell {
    justify-content: center;
    align-items: flex-start;
}

.welcome_content_cell.left {
    padding-right: 10%;
}

.welcome_content_cell.right {
    padding-left: 10%;
}

.center_wrapper {
    text-align: center;
}

.center_wrapper.welcome {
    width: 90%;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
}

.welcome_callout_text {
    color: var(--darker-blue);
    font-size: 1.5rem;
}

.section_header_wrapper {
    text-align: left;
}

.section_header_wrapper.center {
    text-align: center;
}

.services_label_div {
    z-index: 2;
    background-color: #0000;
    background-image: linear-gradient(#0000, #000);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 45%;
    padding: 30px 20px 25px;
    display: flex;
    position: absolute;
    inset: auto 0% 0;
}

.services_section-2 {
    background-image: url('../images/blue-square-bg.svg');
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto 60%;
    padding: 0% 10% 5%;
}

.services_btn_subtext {
    margin-top: 5px;
    font-size: .6em;
    line-height: 1rem;
}

.hp_headline {
    color: #029ec5;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #10418e;
    text-transform: uppercase;
    overflow-wrap: normal;
    font-size: 3rem;
    font-weight: 300;
    line-height: 3rem;
}

.hp_headline._2 {
    color: #029ec5;
    font-size: 2rem;
    line-height: 2rem;
}

.hp_headline.testimonials {
    color: var(--white);
    font-size: 2.4rem;
    line-height: 2.4rem;
}

.services_btn_img_div {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    overflow: clip;
}

.services_btn_img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.services_btn_img._1 {
    object-position: 30% 50%;
}

.services_btn_img._2 {
    object-position: 50% 25%;
}

.services_grid {
    padding: 0;
}

.services_btn {
    color: #fff;
    text-align: center;
    border-radius: 10px;
    width: 100%;
    height: 280px;
    font-size: 1.3em;
    font-weight: 500;
    position: relative;
    box-shadow: 0 0 15px 6px #0000001a;
}

.services_btn:hover {
    color: #fff;
}

.doc_text {
    color: var(--white);
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.6rem;
}

.doc_grid {
    margin-top: 0%;
    padding: 0;
}

.doc_btn {
    color: #fff;
    text-align: center;
    background-color: #065b83;
    border-radius: 10px;
    width: 100%;
    padding-bottom: 0;
    font-size: 1.1rem;
    font-weight: 300;
    text-decoration: none;
    transition: background-color .3s;
}

.doc_btn:hover {
    color: #000;
    background-color: #00c1f1;
}

.doc_img_div-2 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 13px 20px #00000036;
}

.doc_img-2 {
    object-fit: cover;
    object-position: 50% 0%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 99.9997%;
    height: 100%;
}

.cataract_test_callout_wrapper {
    z-index: 10;
    color: #fff;
    background-color: #042252;
    background-image: radial-gradient(circle at 75% 75%, #00c1f18f, #00c1f100);
    border-radius: 10px;
    width: auto;
    padding: 5%;
    position: static;
    inset: auto auto 0% 45%;
    box-shadow: 0 0 20px 3px #0000001a;
}

.cataract_test_header_div {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.arrow_icon {
    width: 25px;
    margin-bottom: 0;
}

.arrow_icon._2 {
    margin-bottom: 10px;
}

.selftest_callout {
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;
}

.btns_grid {
    padding: 0;
}

.btn_cell {
    align-items: stretch;
}

.button-2 {
    color: #000;
    text-transform: uppercase;
    background-color: #3898ec00;
    border: 1px solid #000;
    padding: 15px 25px;
}

.button-2:hover {
    color: #fff;
    background-color: #10418e;
}

.button-2.cataract_callout {
    color: #fff;
    text-align: center;
    border-color: #fff;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .9rem;
}

.button-2.cataract_callout:hover {
    background-color: #00000052;
}

.optical_btn_wrapper {
    z-index: 20;
    position: absolute;
    inset: auto auto 17% 28%;
}

.optical_btn {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #032d6e;
    background-image: radial-gradient(circle at 30% 30%, #03cdff70, #05b1db00);
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 150px;
    padding: 16px 21px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-decoration: none;
    display: flex;
}

.optical_btn:hover {
    color: #fff;
    background-image: linear-gradient(#00000080, #00000080), radial-gradient(circle at 30% 30%, #03cdff70, #05b1db00);
}

.field-label {
    font-weight: 500;
}

.contact_header_text {
    text-align: center;
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.hours_text {
    font-size: .9rem;
}

.phone_icon-3 {
    width: 24px;
    margin-right: 5px;
}

.contact_headline {
    color: #000;
    font-weight: 400;
}

.submit_btn-2 {
    color: #000;
    text-transform: uppercase;
    background-color: #3898ec00;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 17px 27px;
}

.submit_btn-2:hover {
    color: #fff;
    background-color: #10418e;
}

.location_grid {
    width: 100%;
    margin-bottom: 10%;
    padding: 0;
}

.contact_form_wrapper {
    border-top: 1px solid #029ec5;
    width: 100%;
    padding-top: 5%;
}

.text_field-2 {
    border-radius: 5px;
    margin-bottom: 15px;
}

.contact_img_cell {
    align-items: stretch;
}

.contact_header_content_div {
    z-index: 10;
    color: #000;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 15%;
    padding-right: 15%;
    display: flex;
    position: absolute;
    inset: 0%;
}

.contact_phone_btn {
    color: #10418e;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
    display: flex;
}

.contact_phone_btn:hover {
    color: #029ec5;
}

.text_area-2 {
    border-radius: 5px;
    min-height: 120px;
    margin-bottom: 20px;
}

.locations_section {
    padding-top: 7%;
    padding-bottom: 7%;
    padding-right: 10%;
}

.contact_form_block {
    margin-bottom: 0;
}

.address_text-2 {
    margin-bottom: 20px;
}

.contact_img {
    object-fit: cover;
    object-position: 25% 50%;
    width: 100%;
    height: 100%;
}

.contact_header_wrappper {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    position: relative;
}

.contact_grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 0;
}

.contact_img_div {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    height: 900px;
    overflow: hidden;
}

.contact_content_cell {
    justify-content: center;
    align-items: flex-start;
    padding-left: 10%;
}

.footer_main_wrapper {
    background-color: #0000000d;
    border-radius: 10px;
    justify-content: space-between;
    align-items: stretch;
    padding: 5%;
    display: flex;
}

.footer_text-2 {
    font-size: .9rem;
}

.s_input-2 {
    border-radius: 5px;
    margin-bottom: 0;
}

.quick_links_grid {
    padding: 0;
}

.footer_div {
    flex-flow: column;
    align-items: flex-start;
    width: 25%;
    display: flex;
}

.quick_links_div {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 68%;
    display: block;
}

.footer_logo-2 {
    width: 250px;
    margin-bottom: 40px;
}

.quick_links_header {
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 10px;
}

.quick_links_header._2 {
    margin-top: 20px;
}

.s_wrapper-2 {
    width: 100%;
    margin-top: auto;
}

.s_form {
    margin-bottom: 0;
}

.quick_link {
    margin-bottom: 10px;
    margin-right: 0;
    font-size: .9rem;
}

.footer_section-2 {
    padding-bottom: 10%;
    padding-left: 10%;
    padding-right: 10%;
}

.resources_grid {
    margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 0;
}

.resources_section {
    background-color: #eee;
    padding: 7% 0%;
}

.resources_icon {
    width: 45px;
    height: auto;
    margin-bottom: 0;
}

.resources_-btn {
    color: #000;
    text-transform: uppercase;
    background-color: #0000000a;
    border-radius: 5px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 170px;
    padding: 15px;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.resources_-btn:hover {
    background-color: var(--darker-blue);
    color: var(--white);
}

.resources_-btn:active {
    background-color: #d2eff7;
}

.resources_btns_headline {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 300;
}

.center_wrapper-2 {
    text-align: center;
    margin-top: 5%;
    position: relative;
}

.center_wrapper-2.resources {
    width: 80%;
    margin: 0% auto 5%;
}

.star_placeholder {
    width: 150px;
    margin-top: 20px;
}

.blog_grid-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 0;
}

.blog_div {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
}

.blog_img_div-2 {
    width: 100%;
    height: 250px;
    margin-bottom: 30px;
    overflow: hidden;
}

.blog_img-2 {
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.blog_headline-2 {
    color: #000;
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
}

.blog_date {
    color: #4e4e4e;
    margin-bottom: 20px;
}

.line_div {
    background-color: #029ec5;
    width: 20%;
    height: 1px;
    margin-bottom: 20px;
}

.blog_btn {
    color: #4b4b4b;
    text-transform: uppercase;
    background-color: #3898ec00;
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    margin-top: auto;
    padding: 13px 22px;
    font-size: .9rem;
}

.blog_btn:hover {
    color: #fff;
    background-color: #10418e;
    border-color: #000;
}

.icons_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.resources_icon_white {
    width: 45px;
}

.side_btns_wrapper {
    z-index: 100;
    text-transform: uppercase;
    background-color: #7e7e7e;
    border-top: 1px solid #ffffff80;
    border-left: 1px solid #ffffff80;
    border-right: 1px solid #ffffff80;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    height: 45px;
    display: flex;
    position: fixed;
    inset: auto 0% 0% 25%;
}

.side_btn {
    color: #646464;
    background-color: #fff;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .8rem;
    line-height: .95rem;
    text-decoration: none;
    display: flex;
}

.side_btn:hover {
    color: #fff;
    background-color: #10418e;
}

.side_btn.middle {
    border-left: 1px solid #7e7e7e;
    border-right: 1px solid #7e7e7e;
}

.side_btn._3 {
    border-top-right-radius: 5px;
}

.side_btn._1 {
    border-top-left-radius: 5px;
}

.side_btn_icon {
    width: 24px;
    margin-right: 10px;
    display: none;
}

.side_btn_icon_grey {
    width: 24px;
    margin-right: 10px;
}

.doc_btn-2 {
    color: #fff;
    text-align: center;
    background-color: #0000003b;
    border-radius: 10px;
    width: 100%;
    padding-bottom: 20px;
    font-size: 1.1rem;
    font-weight: 300;
    text-decoration: none;
    transition: background-color .3s;
}

.doc_btn-2:hover {
    color: #000;
    background-color: #00c1f1;
}

.doc_headline {
    color: #fff;
    text-transform: uppercase;
    overflow-wrap: normal;
    font-size: 3rem;
    font-weight: 300;
    line-height: 3.2rem;
}

.doc_img_div-3 {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 13px 20px #00000036;
}

.doc_section-2 {
    color: #fff;
    background-color: #10418e;
    background-image: radial-gradient(circle at 75% 75%, #0093b8de, #00c1f100 78%);
    margin-left: 0%;
    margin-right: 0%;
    padding: 5% 10% 2%;
}

.doc_grid-2 {
    margin-top: 5%;
    padding: 0;
}

.center_wrapper-3 {
    text-align: center;
    margin-top: 5%;
    position: relative;
}

.center_wrapper-3.width {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.doc_header_grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 0;
}

.inner_page_title {
    color: var(--white);
}

.breadcrumbs_wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    display: flex;
}

.breadcrumbs_divides {
    color: var(--blue);
    margin-left: 10px;
    margin-right: 10px;
}

.breadcrumbs_link {
    color: var(--white);
    font-size: .9rem;
}

.innerpage_subtitle_text {
    color: var(--white);
    width: 50%;
}

.innerpage_subtitle_text p {
    color: #fff;
}

.innerpage_section {
    padding: 7% 10%;
}

.innerpage_callout_wrapper {
    background-color: var(--dark-blue);
    color: var(--white);
    text-align: center;
    background-image: radial-gradient(circle at 80% 80%, #01789670, #01789600 59%), radial-gradient(circle at 20% 20%, #00c1f175, #00c1f100);
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 10%;
    padding: 5% 10%;
    display: flex;
}

.inner_callout_text, .inner_callout_headline {
    color: var(--white);
}

.innerpage_img_div {
    border-radius: 10px;
    width: 45%;
    overflow: hidden;
}

.innerpage_img_div.left {
    float: left;
    margin-bottom: 5%;
    margin-right: 5%;
}

.innerpage_img_div.right {
    float: right;
    margin-bottom: 5%;
    margin-left: 5%;
}

.innerpage_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .hero_section {
        height: 100vh;
        padding-bottom: 0;
    }

    .main_tagline_wrapper {
        padding-bottom: 0;
        padding-left: 9%;
        padding-right: 9%;
        inset: 42% auto auto;
    }

    .main_tagline {
        font-size: 3.2em;
    }

    .main_text_wrapper {
        padding-bottom: 34px;
        padding-left: 0;
    }

    .welcome_headline {
        margin-bottom: 5%;
        font-size: 2em;
    }

    .callout_text_cell {
        padding-top: 5%;
        padding-bottom: 35%;
        padding-right: 0%;
    }

    .callout_text_cell.right {
        padding-top: 5%;
        padding-bottom: 0%;
        padding-left: 0%;
    }

    .callout_img_cell {
        align-items: center;
    }

    .patient_spotlight_section {
        background-position: 50% 100%;
        background-repeat: repeat-x;
        background-size: auto 50%;
        padding-top: 5%;
        padding-bottom: 10%;
        padding-left: 10%;
    }

    .spotlight_wrapper {
        flex-wrap: wrap;
    }

    .spotlight_btns_wrapper {
        width: 100%;
    }

    .spotlight_headline_div {
        width: 100%;
        margin-top: 5%;
        padding-bottom: 10%;
    }

    .cataract_section {
        background-position: 83% 65%, 15% 60%;
        background-size: 8%, 7%;
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .news_section {
        padding-left: 5%;
        padding-right: 5%;
    }

    .news_grid {
        padding: 0;
    }

    .news_text {
        height: 120px;
    }

    .testimonials_div {
        padding-left: 0%;
        padding-right: 0%;
    }

    .callout_bg_video {
        width: 500px;
        height: 500px;
    }

    .testimonials_text_cell {
        padding: 10%;
    }

    .navmenu-2 {
        background-color: #061a38;
    }

    .menubtn {
        color: #fff;
        background-color: #00c1f1;
        margin-left: 40px;
    }

    .menubtn:hover, .menubtn.w--open {
        background-color: #10418e;
    }

    .dropdown {
        display: block;
    }

    .navlink-2 {
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
    }

    .dropdown_list {
        position: relative;
    }

    .dropdown_icon-2 {
        margin-right: 20px;
    }

    .section_header_wrapper {
        text-align: center;
    }

    .doc_grid {
        margin-top: 10%;
    }

    .cataract_test_callout_wrapper {
        width: 70%;
        top: 40%;
        bottom: auto;
        right: 15%;
    }

    .selftest_callout {
        font-size: 1.8rem;
    }

    .optical_btn_wrapper {
        top: 27%;
        bottom: auto;
        left: 55%;
    }

    .optical_btn {
        height: 120px;
    }

    .contact_header_text {
        font-size: 1rem;
    }

    .contact_header_content_div {
        padding-left: 10%;
        padding-right: 10%;
    }

    .locations_section {
        padding-left: 10%;
    }

    .contact_img_div {
        height: 580px;
    }

    .contact_content_cell {
        padding-top: 10%;
        padding-left: 0%;
    }

    .footer_main_wrapper {
        flex-flow: wrap;
    }

    .footer_div {
        width: 100%;
    }

    .quick_links_div {
        width: 100%;
        margin-top: 10%;
    }

    .s_wrapper-2 {
        width: 60%;
        margin-top: 10%;
    }

    .center_wrapper-2 {
        margin-top: 10%;
    }

    .blog_grid-2 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .blog_div {
        margin-bottom: 44px;
    }

    .blog_headline-2 {
        font-size: 1.3rem;
    }

    .side_btns_wrapper {
        width: 80%;
        left: 10%;
    }

    .doc_headline {
        margin-bottom: 0;
    }

    .doc_section-2 {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .doc_grid-2, .center_wrapper-3 {
        margin-top: 10%;
    }

    .doc_header_grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .innerpage_subtitle_text {
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.6em;
    }

    h4 {
        font-size: 1.3rem;
    }

    .hero_section {
        height: 300px;
        padding-top: 0;
    }

    .main_tagline_wrapper {
        border-width: 15px;
        padding-bottom: 0;
        position: absolute;
        inset: 274px 0% auto;
    }

    .main_tagline {
        font-size: 2.2em;
    }

    .main_text_wrapper {
        padding-bottom: 0;
    }

    .welcome_section {
        background-color: var(--white);
    }

    .welcome_headline {
        font-size: 3em;
    }

    .patient_spotlight_section {
        background-size: auto 50%;
    }

    .spotlight_headline_div {
        margin-top: 10%;
    }

    .docs_headline {
        font-size: 2em;
    }

    .news_text {
        height: auto;
    }

    .testimonials_section {
        padding-left: 0%;
        padding-right: 0%;
    }

    .blog_section {
        padding-top: 10%;
    }

    .blog_main_headline {
        margin-bottom: 15%;
        font-size: 1.8em;
    }

    .callout_bg_video {
        width: 400px;
        height: 400px;
    }

    .smaller_img_div {
        width: 150px;
        height: 150px;
        top: -57px;
        left: 8px;
    }

    .smaller_img_div._2 {
        bottom: -14px;
        left: 71%;
    }

    .bg_hero_movie {
        height: 500px;
    }

    .navbar-2 {
        background-color: #061a38;
        height: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
        position: static;
    }

    .hp_headline {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }

    .cataract_test_callout_wrapper {
        top: 33%;
    }

    .arrow_icon {
        width: 30px;
    }

    .selftest_callout {
        font-size: 1.6rem;
    }

    .btns_grid {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .contact_header_text {
        line-height: 1.6rem;
    }

    .contact_headline {
        margin-bottom: 20px;
    }

    .locations_section {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .resources_grid {
        margin-top: 5%;
    }

    .resources_section {
        padding-top: 10%;
        padding-bottom: 15%;
    }

    .center_wrapper-2.resources {
        margin-bottom: 10%;
    }

    .side_btns_wrapper {
        border-top-style: none;
        border-left-style: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: 100%;
        position: static;
    }

    .side_btn._3 {
        border-top-right-radius: 0;
    }

    .side_btn._1 {
        border-top-left-radius: 0;
    }

    .side_btn_icon, .side_btn_icon_grey {
        width: 20px;
        margin-right: 5px;
    }

    .doc_headline {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }

    .inner_hero_section {
        height: 250px;
    }

    .inner_page_title {
        margin-bottom: 20px;
        font-size: 2.6rem;
        line-height: 2.8rem;
    }

    .innerpage_img_div.left, .innerpage_img_div.right {
        width: 55%;
    }
}

@media screen and (max-width: 479px) {
    h2 {
        font-size: 2em;
    }

    .hero_section {
        height: 450px;
    }

    .main_tagline_wrapper {
        background-color: #0000;
        border-top-style: none;
        top: 338px;
    }

    .main_tagline {
        margin-bottom: 10px;
        font-size: 2em;
        line-height: .9em;
    }

    .main_text_wrapper {
        border-bottom-width: 15px;
    }

    .welcome_headline {
        margin-bottom: 15%;
        font-size: 2.2em;
    }

    .callout_text_cell {
        padding-left: 5%;
        padding-right: 5%;
    }

    .callout_text_cell.right {
        padding-top: 15%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .patient_spotlight_section {
        background-size: auto 60%;
        padding-bottom: 15%;
    }

    .cataract_section {
        padding-top: 15%;
    }

    .news_section {
        margin-left: 0;
        margin-right: 0;
        padding: 15% 10%;
    }

    .technology_section {
        background-position: 5% 15%, 45% 0;
        padding-top: 10%;
        padding-bottom: 15%;
    }

    .testimonials_section {
        margin-left: 0;
        margin-right: 0;
        padding-top: 15%;
        padding-left: 0%;
    }

    .testimonials_slider {
        width: 250px;
        height: auto;
    }

    .testimonials_div {
        padding-left: 0%;
        padding-right: 0%;
    }

    .testimonials_text {
        font-size: 1em;
    }

    .blog_section {
        background-size: auto 40%;
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .callout_bg_video {
        width: 300px;
        height: 300px;
    }

    .callout_bg_video.darkborder {
        width: 280px;
        height: 280px;
    }

    .smaller_img_div {
        bottom: -41px;
        left: 8px;
    }

    .smaller_img_div._2 {
        bottom: -46px;
        left: 51%;
    }

    .testimonials_text_cell {
        padding: 15% 10%;
    }

    .phone_icon-2 {
        width: 40px;
    }

    .phone_text {
        display: none;
    }

    .menubtn {
        margin-left: 10px;
    }

    .phone_btn-2 {
        margin-left: 0;
    }

    .phone_btn-2:hover {
        opacity: .66;
    }

    .logo-2 {
        width: 280px;
        margin-right: 10px;
        padding-left: 0;
    }

    .welcome_img_div {
        height: 150px;
    }

    .hp_headline {
        font-size: 2rem;
        line-height: 2rem;
    }

    .services_btn, .doc_img_div-2 {
        height: 200px;
    }

    .cataract_test_callout_wrapper {
        width: 100%;
        padding: 5%;
        top: 20%;
    }

    .cataract_test_header_div {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .arrow_icon, .arrow_icon._2 {
        margin-bottom: 5px;
    }

    .selftest_callout {
        margin-left: 0;
        font-size: 1.3rem;
        line-height: 1.3rem;
    }

    .button-2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .optical_btn_wrapper {
        top: 19%;
        left: 11%;
    }

    .optical_btn {
        height: auto;
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 1.1rem;
    }

    .phone_icon-3 {
        width: 40px;
    }

    .phone_icon-3.footer {
        width: 20px;
    }

    .contact_headline {
        font-size: 2rem;
        line-height: 2rem;
    }

    .contact_form_wrapper {
        margin-top: 10%;
        padding-top: 16%;
    }

    .contact_header_content_div {
        justify-content: flex-start;
        align-items: center;
        padding-top: 116px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .locations_section {
        padding-bottom: 15%;
    }

    .location_cell {
        padding-bottom: 39px;
    }

    .footer_main_wrapper {
        padding-top: 14%;
        padding-bottom: 15%;
    }

    .quick_links_div {
        margin-top: 25%;
    }

    .footer_logo-2 {
        width: 220px;
    }

    .s_wrapper-2 {
        width: 100%;
    }

    .resources_-btn {
        height: 120px;
    }

    .side_btns_wrapper {
        flex-flow: column;
        align-items: stretch;
        height: auto;
    }

    .side_btn {
        flex: 0 auto;
        height: 40px;
    }

    .doc_headline {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .doc_img_div-3 {
        height: 200px;
    }

    .doc_section-2 {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .inner_hero_section {
        height: 300px;
    }

    .innerpage_section {
        padding-top: 15%;
        padding-bottom: 10%;
    }

    .innerpage_img_div.left {
        width: 100%;
        margin-bottom: 7%;
        margin-right: 0%;
    }

    .innerpage_img_div.right {
        width: 100%;
        margin-bottom: 7%;
        margin-left: 0%;
    }
}

#w-node-_6a30f1a5-3c1e-f3ac-ac77-feb657f88d1f-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr .75fr .75fr;
}

#w-node-ea150509-a89c-eb48-f148-528cf21d7aee-26027917 {
    grid-template-rows: auto;
    grid-template-columns: .75fr .75fr 1fr;
}

#w-node-_9dfe88d0-fb60-ad9a-5338-24fd465d0fdc-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-d8ef9478-1897-7c76-1977-0a3cd5e7a340-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

#w-node-d8ef9478-1897-7c76-1977-0a3cd5e7a347-26027917 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_9c7727cd-68b1-3b43-14d2-5631632c605e-26027917 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
}

#w-node-ff2d9939-e98b-8c3f-21dc-a3e9c8e6d692-26027917, #w-node-_35b9de9b-4629-4bcb-2728-513e95f147f4-26027917, #w-node-_51a0b9c5-475b-7fa0-23b8-66288d48ae68-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

#w-node-a26fccdd-3d64-f38d-cc1f-f659537cc7a1-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a7abc042-e266-7778-ab5c-a0eb1177ae07-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-f3f21a1e-b7e9-124e-a637-bffea850a56b-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
}

#w-node-bde72c79-43e0-db90-ab4d-29e5ead376ac-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

#w-node-af05b22a-c98d-bf2e-ff36-2af3270129ed-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
}

#w-node-af05b22a-c98d-bf2e-ff36-2af3270129f8-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

#w-node-_4d334ae4-0445-c45c-addb-e8a9b9249a0e-26027917 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_528c5f4e-11f4-4e3c-a179-9e4401b8f002-743ef4d6 {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
}

#w-node-_528c5f4e-11f4-4e3c-a179-9e4401b8f00d-743ef4d6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

#w-node-_94451038-559e-c0f3-0c1c-1d2c95752f22-743ef4d6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
    #w-node-_9dfe88d0-fb60-ad9a-5338-24fd465d0fdc-26027917 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    #w-node-d8ef9478-1897-7c76-1977-0a3cd5e7a340-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    #w-node-d8ef9478-1897-7c76-1977-0a3cd5e7a347-26027917, #w-node-_9c7727cd-68b1-3b43-14d2-5631632c605e-26027917 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
    }

    #w-node-ff2d9939-e98b-8c3f-21dc-a3e9c8e6d692-26027917, #w-node-_51a0b9c5-475b-7fa0-23b8-66288d48ae68-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    #w-node-a7abc042-e266-7778-ab5c-a0eb1177ae07-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    #w-node-f3f21a1e-b7e9-124e-a637-bffea850a56b-26027917, #w-node-bde72c79-43e0-db90-ab4d-29e5ead376ac-26027917, #w-node-af05b22a-c98d-bf2e-ff36-2af3270129ed-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    #w-node-_4d334ae4-0445-c45c-addb-e8a9b9249a0e-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
    }

    #w-node-_528c5f4e-11f4-4e3c-a179-9e4401b8f002-743ef4d6 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    #w-node-_94451038-559e-c0f3-0c1c-1d2c95752f22-743ef4d6 {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_6a30f1a5-3c1e-f3ac-ac77-feb657f88d1f-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1.5fr;
    }

    #w-node-ea150509-a89c-eb48-f148-528cf21d7aee-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    #w-node-d8ef9478-1897-7c76-1977-0a3cd5e7a347-26027917, #w-node-_9c7727cd-68b1-3b43-14d2-5631632c605e-26027917 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    #w-node-_35b9de9b-4629-4bcb-2728-513e95f147f4-26027917, #w-node-a26fccdd-3d64-f38d-cc1f-f659537cc7a1-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    #w-node-a7abc042-e266-7778-ab5c-a0eb1177ae07-26027917 {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_9dfe88d0-fb60-ad9a-5338-24fd465d0fdc-26027917, #w-node-d8ef9478-1897-7c76-1977-0a3cd5e7a347-26027917, #w-node-_9c7727cd-68b1-3b43-14d2-5631632c605e-26027917 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }

    #w-node-a7abc042-e266-7778-ab5c-a0eb1177ae07-26027917, #w-node-af05b22a-c98d-bf2e-ff36-2af3270129f8-26027917, #w-node-_4d334ae4-0445-c45c-addb-e8a9b9249a0e-26027917, #w-node-_528c5f4e-11f4-4e3c-a179-9e4401b8f00d-743ef4d6, #w-node-_94451038-559e-c0f3-0c1c-1d2c95752f22-743ef4d6 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }
}

@font-face {
    font-family: 'Nimbusromandot';
    src: url('../fonts/NimbusRomanDOT-ExtraBold.otf') format('opentype'), url('../fonts/NimbusRomanDOT-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nimbusromandot';
    src: url('../fonts/NimbusRomanDOT-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}