@charset "UTF-8";
/* CSS Document
Client: Acuity Eye Group - Refresh
Company: Informatics, Inc
Author: Jeff S
Date: Jan 2021
*/

/* Variables */
:root {
  --primary: #CC3D00;
  --primary-light: #df7438;
  --secondary: #5B616B;
  --tertiary: #0c4da2;
  --blue: #08a4c1;
  --light: #F2F1EE;
  --dark: #222;
  --bkg: #fff;
  --light-gradient: linear-gradient( rgba(242,241,238,.3) 100%, var(--light) 0);
  --text: rgba(0,0,0,.8);
  --light-text: rgba(255,255,255,.8);
  --header: 'Montserrat', serif;
  --body: 'Mulish', sans-serif;
  --serif: 'Georgia', serif;

  --max-width: 1100px;
  --side-width: 25px;
  --spacer: 50px;
}

/* TYPOGRAPHY */
html {font-size: 100%;}
body {
font-family: var(--body); font-weight: 400; font-size: 1rem; line-height: 1.6; background: var(--bkg); color: var(--text);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-moz-font-feature-settings: "liga" on; font-feature-settings: "liga";
}
h1, h2, h3, h4, h5 {font-family: var(--header); font-weight: 400; letter-spacing: -.5px; margin: 0 0 1rem 0; color: var(--dark);}
h1 {font-size: 2.5rem; line-height: .95; font-weight: 400;}
h2 {font-size: 2rem;}
h3 {font-size: 1.5rem; }
h4, .h4-like {font-size: 1.25rem; text-transform: uppercase; font-weight: 700; margin: 0 0 1rem 0;}
p, ol, ul {margin-bottom: 1.5em;}
img {max-width: 100%; height: auto;}
hr {margin: 25px 0;}

.col-sm-12 > hr {margin: 0;}
.preheader {color: var(--tertiary); text-transform: uppercase; font-weight: 800; letter-spacing: 1px; margin: 0 0 .5rem 0; font-size: .9rem;}
.lead {border-left: 3px solid var(--tertiary); padding-left: 25px; font-style: italic; margin: 1.5rem 0;}
.lead-small {border-left: 3px solid var(--tertiary); padding-left: 15px; font-style: italic; margin: 0 0 1rem 0; font-size: 1rem;}

.text-center p {position: relative; padding: 0 0 25px 0; font-size: 1.1rem;}
.text-center p:after {width: 50px; height: 4px; background: var(--tertiary); content: ""; position: absolute; left: calc(50% - 25px); bottom: 0; display: block;}
.box {padding: 35px; background: #f4f4f4; border: 5px solid rgba(0,0,0,.1);}
.box > *:last-child {margin-bottom: 0;}
.box .btn-download a {background: #fff; box-shadow: 5px 5px 0 rgba(0,0,0,.05);}
.faq-headers h2 {margin: 35px 0 10px 0; border-top: 1px dotted #ccc; padding: 35px 0 0 0; color: #000;}
.faq-headers h2:first-of-type {border-top: none; margin-top: 0; padding-top: 0;}

/* LINKS */
a {color: var(--tertiary); text-decoration: underline;}
a:hover {color: var(--primary); text-decoration: none;}
a.btn-theme, .btn-theme > a, button.btn-theme {display: inline-block; padding: 15px 20px; color: #fff; text-transform: uppercase; font-weight: 800; background: var(--primary); text-decoration: none; position: relative; z-index: 5;  letter-spacing: 2px; font-size: .75rem;}
a.btn-theme:before, .btn-theme > a:before {content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 100%; top: 0;left: 0; background-color: var(--tertiary);transform-origin: bottom right; transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); z-index: -1; }
a.btn-theme:hover:before, .btn-theme > a:hover:before {transform: scaleX(1);transform-origin: bottom left;}

.btn-text a {text-transform: uppercase; font-weight: 800; letter-spacing: 1px; font-size: .8rem;}
.btn-text a:after {content: "\f061";font-family: 'Font Awesome 5 Free'; margin-left: 5px;}
.btn-text a:hover:after {margin-left: 10px;}

.btn-download a {display: inline-block; position: relative; padding: 10px 15px 10px 45px; background: #f4f4f4;}
.btn-download a:before {content: "\f15c";font-family: 'Font Awesome 5 Free'; background: var(--tertiary); color: #fff; position: absolute; left: 0; top: 0; padding: 10px;}

/* Animate */
.ccm-page a, .main-nav ul, #menu, #menu button, .page-list-item figure img, .btn-text:after, .swiper-nav, #header, .grid-item, .person-item img, .person-list a *, .person-list figure:after, .news-blog-item, .video-list figure *, #btn-top {
-webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 300ms  cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 300ms  cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 300ms  cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* EASY */
.easy, .swiper-slide h1, .swiper-slide p, .swiper-slide a, .swiper-slide img {transition: all 1.2s cubic-bezier(0.86, 0, 0.07, 1);}

/* ADA */
.skip-to-content-link {color: #111;border: 2px solid var(--secondary);border-radius: 0 0 15px 15px;width: 150px;left: calc(50% - 75px);top: -3px;padding: 15px;position: absolute;z-index: 50;transform: translateY(-100%);transition: transform 0.3s;}
.skip-to-content-link:focus {transform: translateY(0%);}

/* Components */
.ccm-page {overflow-x: hidden; width: 100%;}
#content section {position: relative;}
.bkg-dgn-2, .bkg-dgn {position: relative;}
.bkg-dgn:after {position: absolute; left: -75px; top: -75px; width: 305px; height: 300px; background: url(../img/bkg-dgn.png) 0 0 no-repeat; content: ""; background-size: cover; z-index: -1; display: none;}
.bkg-dgn-2:after {position: absolute; right: -75px; bottom: -75px; width: 305px; height: 300px; background: url(../img/bkg-dgn.png) 0 0 no-repeat; content: ""; background-size: cover; z-index: -1; display: none;}
.grid {display: grid; gap: 25px;}
.img-combo {position: relative; padding: 0 50px 100px 0;}
.img-combo img:nth-of-type(2) {position: absolute; right: 0; bottom: 0; width: 65%; border: 15px solid #fff; border-right: 0; border-bottom: 0;}
aside > * {margin: 0 0 2rem 0;}
#content .container {margin: 50px auto; width: 100%;}
.grid-sidebar aside {order: 2;}
/* Hero */
#hero-slider {min-height: 550px; height: 55vh;}
#hero-slider .swiper-slide {height: auto; min-height: 400px; background: #000;}
#hero-slider .swiper-slide img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; object-position: center center; opacity: .85;}
#hero-slider .swiper-slide .text {background: linear-gradient(90deg, rgba(8,164,193,.8) 10%, rgba(0,0,0,.8) 80%, rgba(255,255,255,0) 100%);position: relative; z-index: 5; padding: 50px; height: 100%;}
#hero-slider .swiper-slide .text h1, #hero-slider .swiper-slide .text h2 {color: #fff; font-weight: 300; font-size: 3rem;}
#hero-slider .swiper-slide .text p {font-size: 1.25rem; color: #fff; font-style: italic; transition-delay: .3s;}
#hero-slider .swiper-slide .text p br {display: none;}
#hero-slider .swiper-slide .text .btn-theme {background: none; font-style: normal;}
#hero-slider .swiper-slide .text .btn-theme a {align-self: flex-start; background: rgba(0,0,0,.65); transition-delay: .6s;}
#hero-nav {bottom: 0; display: grid; grid-template-columns: 1fr 1fr; padding: 0 var(--side-width) 25px var(--side-width); background: linear-gradient(0deg, rgba(0,0,0,.5) 50%, rgba(0,0,0,0) 100%); gap: 15px;}
#hero-nav .swiper-nav {color: #fff; padding: 15px; text-align: left; text-transform: uppercase;border-top: 5px solid rgba(255,255,255,.5); font-size: .7rem;background: linear-gradient( rgba(0,0,0,.5) 20%, rgba(0,0,0,.2) 100%); text-align: center; margin: 0;}
#hero-nav .swiper-nav:hover {cursor: pointer; border-top-color: #fff;}
#hero-nav .swiper-nav.active {border-top: 5px solid rgba(255,255,255,.95); border-top-color: var(--primary-light);}

.swiper-slide h1, .swiper-slide p, .swiper-slide a {opacity: 0; transform: translateX(25px);}
.swiper-slide-active h1, .swiper-slide-active p, .swiper-slide-active a {opacity: 1; transform: none;}

#hero-slider .swiper-slide img {transform: scale(1); transition: 8s cubic-bezier(0.165, 0.84, 0.44, 1);}
#hero-slider .swiper-slide-active img {transform: scale(1.1);}

/* Content Blocks */
.page-list-grid {display: grid; grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) ); gap: 15px;}
.page-list-item {display: block; position: relative; height: 370px;}
.page-list-item figure {position: relative; overflow: hidden; height: 100%;}
.page-list-item figure img {width: 100%; height: 100%; object-fit: cover;}
.page-list-item {background: #111;}
.page-list-item .text {position: absolute; left: 0; bottom: 0; z-index: 10; font-size: .8rem; color: #fff; background: linear-gradient(0deg, rgba(0,0,0,.85) 35%, rgba(0,0,0,0) 100%); padding: 100px 15px 15px 25px; width: 100%;}
.page-list-item .text h3, .page-list-item .text h2 {color: #fff; font-size: 1.5rem;}
.page-list-item .text .btn-text {margin: 0 0 .5rem 0; text-transform: uppercase; font-weight: 900; letter-spacing: 2px; color: var(--primary-light)}
.page-list-item .text .btn-text:after {content: "\f061";font-family: 'Font Awesome 5 Free'; margin-left: 5px;}
.page-list-item:hover .btn-text:after {margin-left: 10px;}
.page-list-item:hover img {transform: scale(1.1); opacity: .7;}
.page-list-grid.grid-three {gap: 25px;}

aside .page-list-item {min-height: auto; text-decoration: none;}
aside .page-list-item figure, .row .page-list-item figure {position: absolute; left: 0; bottom: 0;}
aside .page-list-item .text, .row .page-list-item .text {padding-top: 200px; position: relative;}

/* Secondary */
.page-header {margin: 0; padding: 0; border: 0; position: relative; z-index: 5; overflow: hidden; background: url("../img/bkg-triangles.jpg") left bottom var(--secondary); background: var(--secondary);}
.page-header img {position: absolute; left: 0; top: 0; width: 100%; height: calc(100% + 100px); object-fit: cover; object-position: center -75px; display: none;}
.page-header .text {position: relative; z-index: 15; padding: 25px;background: linear-gradient(90deg, rgba(8,164,193,.8) 10%, rgba(255,255,255,0) 80%);}
.page-header .text .breadcrumb {display: inline-block; background: rgba(0,0,0,.5); color: #fff; font-size: .8rem;}
.page-header .text .breadcrumb a {color: #fff;}
.page-header .text h1 {color: #fff;}

.video-link {display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.video-link img {width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.video-link a {position: absolute; z-index: 5; font-size: 2rem; width: 100px; height: 100px; background: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center; text-decoration: none; border-radius: 50%; border: 5px solid var(--primary);padding: 16px;border-radius: 50%;background: #fff;cursor: pointer;box-shadow: 0 0 0 var(--primary);animation: pulseAnim 2s infinite;}
@keyframes pulseAnim {
  0% { box-shadow: 0 0 0 0 rgba(210, 85, 43, 0.8);}
  70% { box-shadow: 0 0 0 50px rgba(210, 85, 43, 0);}
  100% { box-shadow: 0 0 0 0 rgba(210, 85, 43, 0);}
}

.ico-item {padding: 25px; background: Var(--light); border: 5px solid rgba(0,0,0,.05); height: 100%; font-size: .95rem;}
.ico-item i {font-size: 3em; color: var(--primary);}
.ico-item h3 {margin: 1rem 0;}
.ico-item ul {list-style-type: square; padding: 0 0 0 25px;}
.ico-item ul li::marker {color: var(--primary);}

.full-feature {background: url(../img/bkg-triangles.jpg) left bottom no-repeat var(--secondary); color: #fff; padding: 25px; display: grid; gap: 25px; font-size: 1rem; background: var(--secondary);}
.full-feature .preheader {background: var(--tertiary); color: #fff; display: inline-block; padding: 5px 10px; box-shadow: 5px 5px 0 rgba(0,0,0,.1);}
.full-feature h2, .full-feature h3 {color: #fff;}
.full-feature .lead {border-left-color: var(--primary);}
.full-feature ul {list-style: square; display: grid; grid-template-columns: 1fr 1fr; padding: 0 0 0 15px;}
.full-feature ul li {font-size: 1.1rem; padding: 5px 5px 5px 0;}
.full-feature ul li::marker {color: var(--primary);}

.team-grid-parent {padding: 25px 0;}
.team-grid-parent hr {margin: 0 0 1rem 0;}
.team-grid-parent h2, .small-h2 h2 {text-align: center; margin: 0 0 1rem 0; font-size: 1.5rem; border-top: 1px solid #eee; padding-top: 1rem;}
.team-grid-parent .container {margin: 0 auto !important;}
.team-grid-parent .container:first-of-type h2 {border: none;}
.team-grid {display: grid; grid-template-columns: repeat( auto-fill, minmax(200px, 1fr) );margin: 0 0 1rem 0;}
.team-grid {display: flex; flex-wrap: wrap; justify-content: space-around;}
.person-item {text-align: center; flex-basis: 150px;}
.person-item h3 {margin: 1rem 0 .5rem 0; font-size: 1.1rem;}
.person-item img {min-height: 250px; width: 100%; object-fit: cover;}
.person-item .group {display: none;}
.person-item .title {font-style: italic; font-size: .8rem; margin: 0 0 5px 0;}
.person-item a {color: var(--primary); background: none;}
.person-item a:before {background: rgba(0,0,0,.1);}
.person-item a:after {content: "\f061";font-family: 'Font Awesome 5 Free'; margin: 0 0 0 5px;}

.person-grid {display: grid; grid-template-columns: repeat( auto-fit, minmax(225px, 1fr)); gap: 25px;}

.small-grid {grid-template-columns: 1fr 1fr;}
.grid-item {background: var(--light); padding: 15px 10px; justify-content: center; display: flex; align-items: center; border-radius: 10px;}
.grid-item p {text-align: center; margin: 0; padding: 0; width: 100%; line-height: 1.3; position: relative; z-index: 5; min-height: 100px; display: flex; justify-content: center; flex-direction: column;}
.grid-item p:after {content: "\f06e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: 0; font-size: 7.5rem; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; z-index: -1; opacity: .06;}
.grid-item img {mix-blend-mode: multiply;}

.cta-btn {padding: 75px var(--side-width); background: #111; text-align: center; background-size: auto 875px; position: relative; z-index: 5; background: #494f59;}
/* .cta-btn:after {width: 100%; height: 100%; background: url(../img/bkg-triangles.jpg) left bottom; background-size: cover; position: absolute; left: 0; bottom: 0; content: ""; z-index: -1; opacity: .75; box-shadow: inset 0 -25px 25px rgba(0,0,0,.1);} */
.cta-btn h2 {color: #fff;}
.cta-btn p {color: #fff;}
.cta-btn p.btn-theme {margin: 0;}

/* Sec Nav */
#sec-nav {box-shadow: 0 0 25px rgba(0,0,0,.1);}
#sec-nav ul {list-style: none; padding: 0; margin: 0;background: var(--secondary);}
#sec-nav ul a {display: block; padding: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: .5px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.15); font-size: .9rem;}
#sec-nav ul a:hover {background: rgba(0,0,0,.2); padding: 15px 10px 15px 20px; text-decoration: underline;}
#sec-nav > ul > .nav-path-selected > a {background: rgba(0,0,0,.2);}
#sec-nav ul ul {padding: 15px;background: #fff;}
#sec-nav ul ul a {padding: 10px; font-size: .9rem; border: 0; text-transform: none; letter-spacing: 0; border-bottom: 1px dotted #ccc; color: var(--dark); font-weight: 400; background: none; color: var(--tertiary);}
#sec-nav ul ul > .nav-path-selected > a {font-weight: 800; position: relative;}
#sec-nav ul ul .nav-path-selected a:after {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid var(--primary); content: ""; position: absolute; right: 0; top: 45%; transform: rotate(-90deg);}
#sec-nav ul ul li:last-of-type a {border: 0;}
#sec-nav ul ul a:hover {background: none; padding: 10px 5px 10px 15px;}
#sec-nav ul ul ul {border-bottom: 1px dotted #ccc; list-style: square; padding: 15px 15px 15px 35px; font-size: 12px;}
#sec-nav ul ul ul a {font-weight: 400; border: 0; padding: 5px 5px 5px 5px;}
#sec-nav ul ul ul a:hover {padding: 5px 0 5px 10px;}
#sec-nav ul ul ul a:after {display: none;}
#sec-nav ul ul ul .nav-path-selected a {font-weight: 800;}

/* Footer */
.footer {padding: 50px 0; background: var(--secondary); color: #fff; font-size: .8rem;}
.footer img {max-width: 275px; margin: 0 0 25px 0;}
.footer a {color: #fff;}
.footer .social {display: flex; margin: 0 0 25px 0;}
.footer .social li {list-style: none;}
.footer .social a {color: var(--secondary); width: 50px; height: 50px; border-radius: 50%; background: #fff;  font-size: 1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; margin: 5px;}
.footer .social a:hover {color: var(--primary);}
.footer .ftr-contact {font-size: 1rem;}

#btn-top {display: block; opacity: 0; position: fixed; bottom: 25px; right: 25px; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 25px; color: #fff; background: var(--primary); z-index: 5; box-shadow: 4px 4px 8px rgba(0,0,0,.2);}
#btn-top:hover {background: var(--primary-light);}
#btn-top.active {opacity: 1;}

/* Meet Doctors and Location Finder */
#search {background: #eee; padding: 15px; margin: 0 0 30px 0;}
/* SR(05/11/2020) - Updated color to resolve contrast ratio */
#search .form-control {border-radius: 0; border: 2px solid #ccc; padding: 10px; height: 44px;font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #000; font-size: 14px;-webkit-appearance: none;-webkit-border-radius: 0px;}
#search input:focus, #search select:focus {box-shadow: none; border-color: #CC3D00;}
#search .dropdown button {border: 2px solid #ccc; background: #fff; display: block; width: 100%; text-align: left; padding: 10px; font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #000; font-size: 14px;}
#search .search-go {display: block; width: 100%; text-align: center; border-radius: 0; box-shadow: none; margin: 0 0 5px 0;}
#search .dropdown-menu {width: 100%; padding: 15px; margin: -3px 0 0 0; border-radius: 0; border: 2px solid #CC3D00; border-top: 0;}
#search .open button {border-color: #CC3D00;}
#search .search-filters {text-align: center;}
#search .form-group-three .form-control {margin-bottom: 10px; }

.person-list a {display: block; padding: 15px 0; overflow: hidden; border-bottom: 1px solid #ccc; min-height: 100px; text-decoration: none; display: grid; grid-template-columns: 125px auto; gap: 25px;}
.person-list h2, .person-list .person-name {font-size: 21px; line-height: 1.1; margin: 0; font-weight: 700; color: #222; font-family: var(--header);}
.person-list h4 {font-size: 14px; margin: 5px 0 0 0; color: #888; text-transform: none; font-weight: 400;}
.person-list .h4-like, .person-list .person-title {font-size: 14px; line-height: 1.5; margin: 5px 0 0 0; color: #4D4D4D; text-transform: none; font-weight: 400;}
.person-list .h4-like strong, .person-list .person-title strong {color: #0c4da2; display: inline-block; line-height: 1.2;}
.person-list .h4-like strong span, .person-list .person-title span {font-size: 16px;}
.person-list figure {overflow: hidden;position: relative;}
.person-list figure:after {content: "View Bio"; position: absolute; bottom: 0; left: 0; width: 100%; background: var(--primary); color: #fff; font-size: .65rem; letter-spacing: 1px; text-transform: uppercase; padding: 5px; text-align: center;}

.panel-footer {margin-top: 25px;}
#pagination {text-align: center; border-top: 1px solid #eee;}
#pagination a {color: #CC3D00; background: #fff;}
#pagination .active a, #pagination .active span {background: #ddd; border-color: #ccc; color: #555;}
#pagination .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {color: #444;}

#doctor-detail {position: relative; z-index: 5; margin-top: -50px;}
#doctor-detail .breadcrumb {background: none; padding: 0; margin: 10px 0 0 0; font-size: 14px;}
#doctor-detail .breadcrumb .nav-selected a {color: #999;}
#doctor-detail .doc-info {background: #F4F4F6; background-size: cover; box-shadow: 5px 5px 15px rgba(0,0,0,.2); margin: 0 0 30px 0;}
#doctor-detail .doc-info .text {padding: 25px; font-size: 15px;}
#doctor-detail .doc-info .text h4 {font-size: 18px;}
#doctor-detail .doc-info .text .h4-like {font-size: 18px;}
#doctor-detail .doc-info .text ul {list-style: none; padding: 0 0 20px 0;}
#doctor-detail .doc-info .text ul li:before {content: "\f00c";font-family: 'Font Awesome 5 Free'; margin: 0 5px 0 0; color: #CC3D00;}
#doctor-detail .doc-info .text p {padding: 0 0 0 20px; border-left: 3px solid #ddd;}
#doctor-detail .doc-info .text a:hover {text-decoration: underline;}
#doctor-detail figure {width: 100%;}
#doctor-detail figure img {width: 100%;}
#doctor-detail hgroup {text-align: center; margin: 0 0 30px 0;}
#doctor-detail hgroup h1 {color: var(--tertiary); margin: 10px 0;}
#doctor-detail hgroup:after {display: none;}
#doctor-detail hgroup.hidden-xs {text-align: left;}
#doctor-detail .sub-suffix {display: block; font-size: 1.5rem; color: var(--text); letter-spacing: 1px; text-transform: uppercase; margin: .5rem 0;}
#hdr-back {background: rgba(0,0,0,.2); color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 13px;}
#hdr-back:hover {text-decoration: none;background: rgba(0,0,0,.4);}
#hdr-back:hover i {margin-right: 5px;}

#locations .col-beta {display: none;}
.location-list {display: block; margin: 0 0 20px 0; border-top: 1px solid #ddd; font-size: 14px; padding: 15px 15px 15px 0;}
.location-list a {text-decoration: none;}
.location-list a:hover {text-decoration: underline;}
.location-list h2 {color: #0c4da2; font-size: 1.25rem; line-height: 1.2;}
.col-sm-6 .location-list h2 {font-size: 1.75rem;}
.location-list p {margin: 0 0 10px 0;}
.location-list ul {list-style: none; padding: 0; margin: 0;}
.location-list ul li {display: inline-block;}
.location-list ul a {margin: 0 5px 0 0;}

#location-detail .location-list {border-top: 0; padding: 0; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; font-size: 16px;}
#location-detail .location-list ul a {font-size: 14px;}
#location-detail h4 {font-size: 14px;}
#location-detail .h4-like {font-size: 14px;}
.office-directions:before {content: "Directions:"; margin: 0 5px 0 0; font-weight: bold;}
.office-directions {margin: 20px 0 30px 0; }
.office-fax:before {content: "Fax:"; margin: 0 5px 0 0; font-weight: bold;}
.office-fax {margin: 20px 0 30px 0; }
.office-phone:before {content: "24/7 Call Center:"; margin: 0 5px 0 0; font-weight: bold;}
.office-phone {margin: 20px 0 30px 0; }
.office-additional-phone:before {content: "Clinic:"; margin: 0 5px 0 0; font-weight: bold;}
.office-additional-phone {margin: 20px 0 30px 0; }
.phone-label-custom:before {content: "Phone:"; margin: 0 5px 0 0; font-weight: bold;}
.phone-label-custom {margin: 20px 0 30px 0; }
ul.checklist {list-style: none; padding: 0 0 10px 10px;}
ul.checklist li:before {content: "\f00c";font-family: 'Font Awesome 5 Free'; margin: 0 5px 0 0;}
#location-detail hgroup {text-align: center;}
#location-detail hgroup h2 {font-size: 24px; color: #444;}
.person-list.slick-slide {padding: 10px;}
.slick-dots {display: none;}
.slick-prev, .slick-next {border: 0; background: none; overflow: hidden; color: #eee; font-size: 30px;}
.carousel {padding: 0 40px; margin: 40px 0;}
.slick-prev {background: #eee; position: absolute; left: 0; top: 0; height: 100%; width: 40px;}
.slick-next {background: #eee; position: absolute; right: 0; top: 0; height: 100%; width: 40px;}
.slick-prev:after {content: "\f053";font-family: 'Font Awesome 5 Free'; margin: 0 0 0 5px; color: #CC3D00; position: absolute; top: 50%; left: 5px; margin-top: -20px;background-color: #eee;}
.slick-next:after {content: "\f054";font-family: 'Font Awesome 5 Free'; margin: 0 0 0 5px; color: #CC3D00; position: absolute; top: 50%; right: 5px; margin-top: -20px;background-color: #eee;}


.blog-news {display: grid; grid-template-columns: repeat( auto-fill, minmax(275px, 1fr) ); gap: 25px;}
.news-blog-item {background: #f4f4f4; font-size: .9rem; text-decoration: none;}
.news-blog-item h2 {font-size: 1.5rem;}
.news-blog-item h2 a {text-decoration: none;}
.news-blog-item h2 a:hover {text-decoration: underline;}
.news-blog-item figure {height: 225px; overflow: hidden;}
.news-blog-item figure img {width: 100%; height: 100%; object-fit: cover;}
.news-blog-item .text {padding: 25px; background: #f4f4f4; height: calc(100% - 225px); display: flex; flex-direction: column;}
.news-blog-item .text .btn-theme {margin: auto 0 0 0;}
.news-blog-item .text .btn-theme a {padding: 10px 15px;}

.video-list-grid {display: grid; grid-template-columns: repeat( auto-fill, minmax(200px, 1fr) ); gap: 15px;}
.video-item {text-decoration: none;}
.video-item h2 {font-size: 1.25rem; color: var(--tertiary);}
.video-item .text {padding: 10px 0; font-size: .8rem; color: var(--text);}
.video-list figure {position: relative; overflow: hidden; height: 150px;}
.video-list figure img {width: 100%; max-width: none;}
.video-list figure:after {content: "Watch Video"; position: absolute; bottom: 0; left: 0; width: 100%; background: var(--primary); color: #fff; font-size: .8rem; letter-spacing: 1px; text-transform: uppercase; padding: 5px; text-align: center;}
.video-list:hover figure img {transform: scale(1.1);}

#content .fsLabel {font-weight: 700; font-size: 15px; margin: 0 0 5px 0;}
#content .fsSubmit input.fsSubmitButton {width: 100%; text-transform: uppercase;}
#content .fsBody {padding: 0; border-top: 5px solid var(--primary);}
#content .fsBody .fsForm {margin: 0 0 20px 0;}
#content label.fsOptionLabel {font-weight: 400; line-height: 28px; font-size: 14px;}
#content .fsForm input[type="file"]::-webkit-file-upload-button, .fsForm .fsFileUploadButton {font-size: .8rem;}
#content .fsForm input[type="file"]::-webkit-file-upload-button, .fsForm .fsFileUploadButton {height: auto !important; font-size: 1rem !important; padding: 5px 10px !important;}
.rslides_nav {color: transparent;}
.label-info {background: var(--tertiary); font-size: 1rem;}

.gray-bkg {background: #eee; padding: 5px 0;}
.gray-bkg hr {border-color: #ccc}

#location-detail img {margin: 0 0 25px 0;}

/* Testimonials */
.testimonials {overflow: hidden;}

.testimonials .testimonial figure {max-width: 300px; position: relative;}
.testimonials .testimonial .text {position: relative; padding: 15px 0;}
.testimonials .testimonial .text p {border-left: 3px solid var(--tertiary); padding-left: 15px; font-style: italic; margin: 0 0 1rem 0; font-size: 1rem; opacity: 1; transform: none; font-size: 1.25rem;}
.testimonials .testimonial .text p:last-of-type {font-style: normal; border-left: none; padding-left: none; font-size: 1rem;}
.testimonials .testimonial .text p.author {font-style: normal; font-weight: 700;}
.testimonials .testimonial .text:after {content: "”"; font-family: var(--header); font-size: 10rem; position: absolute; top: -20px; right: 0; color: #eee; z-index: -1;}
.swiper-pagination-2 {text-align: center;}
.swiper-pagination-2 .swiper-pagination-bullet {background: var(--secondary);}
.swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--primary);}

#dr-videos {background: var(--light);}
#dr-videos .col {padding: 25px;}
#dr-videos .dr-video-filter {list-style: none; margin: 0 0 2rem 0; padding: 0;}
#dr-videos .dr-video-filter a {display: block; padding: 10px; color: var(--text); text-decoration: none; position: relative; border-top: 1px dotted #999;}
#dr-videos .dr-video-filter a.active {font-weight: 700; color: #222;}
#dr-videos .dr-video-filter li:last-of-type a {border-bottom: 1px dotted #ccc;}
#dr-videos .dr-video-filter a.active:after  {width: 8px; height: 10px; background: var(--primary); content: ""; clip-path: polygon(100% 50%, 0 0, 0 100%); position: absolute; right: 0; top: calc(50% - 4px);}

/* Medium devices (desktops, 762px and up) */
@media (min-width: 762px) {
.img-right {max-width: 50%; float: right; margin: 0 0 25px 25px;}
.img-left {max-width: 50%; float: left; margin: 0 25px 25px 0;}
.small-grid {grid-template-columns: 1fr 1fr 1fr;}

#hero-nav .swiper-nav {font-size: .9rem;}

/* Search */
#search form {display: grid; grid-template-columns: auto 150px; gap: 20px;}
#search .form-flex {display: flex; flex-wrap: wrap; margin: 0 -10px;}
#search .form-flex > * {flex: 1;}
#search .form-group {padding: 10px;}
#search .full-form {width: 100%;}

.person-item {flex-basis: 200px;}
.person-list a {display: block; border: none; text-align: center; padding: 0; height: 100%;}
.person-list a .text {padding: 10px 15px;}
.person-list a h2, .person-list a .person-name {margin: 0 0 0 0; font-size: 1rem}
.person-list a:hover img {transform: scale(1.1);}
.person-list a:hover {background: #f2f2f2;}
.person-list a:hover h2, .person-list a:hover .person-name {text-decoration: underline;}
.person-list figure:after {opacity: 0;}
.person-list a:hover figure:after {opacity: 1;}

#search-location .form-choices {display: grid; grid-template-columns: 1fr 1fr;}
#search-location .form-group {margin: 0;}
#search .search-filters .search-go {
  padding: 20px 15px;
  display: block;
  margin: 40px 0 10px 0;
  font-size: 18px;
}
#search .search-filters .search-go.search-small {padding: 12px 5px; font-size: .8rem; margin-top: 10px;}

#doctor-detail {margin-top: 0;}

.testimonials .testimonial {display: grid; grid-template-columns: 1fr 2.5fr; gap: 25px;}
}

@media (min-width: 762px) and (max-width: 991px) {
  #dr-videos .col:first-of-type {text-align: center;}
  #dr-videos .dr-video-filter {display: flex; justify-content: center; margin: 0;}
  #dr-videos .dr-video-filter a {display: inline-block; border: none; margin: 0 5px; background: rgba(0,0,0,.05);}
  #dr-videos .dr-video-filter a.active {background: none;}
  #dr-videos .dr-video-filter a.active:after {left: calc(50% - 4px); top: 100%; transform: rotate(90deg);}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

/* Components */
.grid-three {grid-template-columns: 1fr 1fr 1fr;}
#content {margin-top: 150px;}
  #map #content { margin-top: 15px; }
.grid-sidebar {grid-template-columns: 1.25fr 3fr; gap: 50px;}
.grid-sidebar aside {order: 1;}
.grid-sidebar .col {order: 2;}
.small-grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
#hero-slider {height: calc(70vh + 75px); margin-top: -75px; min-height: 700px;}
#hero-slider .swiper-slide .text {background: linear-gradient(90deg, rgba(8,164,193,.8) 0%, rgba(0,0,0,.8) 40%, rgba(255,255,255,0) 70%); display: flex; justify-content: center; flex-direction: column; padding: 100px 50% 100px var(--side-width);}
#hero-slider .swiper-slide .text h1, #hero-slider .swiper-slide .text h2 {font-size: 4.5rem;}
#hero-slider .swiper-slide .text p {font-size: 1.35rem;}

#hero-nav {grid-template-columns: 1fr 1fr 1fr 1fr;}
#hero-slider .target:after {position: absolute; right: 5%; top: calc(50% - 280px); content: ""; z-index: 50;
  width: 500px; height: 500px; border-radius: 50%; background: url(../img/target.png); background-size: cover; opacity: .25;
  animation-name: spin; animation-duration: 15000ms; animation-iteration-count: infinite; animation-timing-function: linear; 
}
#hero-slider .target img {object-position: right center;}
@keyframes spin { from {  transform:rotate(0deg); } to { transform:rotate(360deg);}}
#hero-nav .swiper-nav {padding: 25px;}

#hero-slider .logo-threesixty:after {position: absolute; left: 8%; top: 15%; content: ""; z-index: 50; width: 250px; height: 250px; background: url(../img/360-logo.png) no-repeat; background-size: contain; opacity: .15;}

.footer-grid {display: grid; grid-template-columns: 1fr 1fr 1fr; margin: 0 0 25px 0;}
.footer-grid .col:last-of-type {text-align: right;}
.copy, .copy-links {text-align: center;}
.footer .social {justify-content: center;}

/* Secondary */
.page-header {margin-top: -150px;}
.page-header .text {padding: 200px var(--side-width) 30px var(--side-width); min-height: 275px;}
.full-feature {grid-template-columns: 1fr 1.25fr; gap: 75px; padding: 0 var(--side-width); margin: 100px 0;}
.full-feature figure {position: relative; height: calc(100% + 100px); top: -50px; box-shadow: 15px 15px 25px rgba(0,0,0,.15);}
.full-feature figure img {height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.full-feature .text {padding: 75px 0;}

#locations {height: 700px; width: 100%; overflow: hidden; display: block; margin: 0 0 50px 0;}
#locations .col-alpha {width: 30%; float: left;height: 700px; overflow-y: scroll; position: relative; z-index: 10; background: #fff;}
#locations .col-beta {display: block; width: 70%; height: 700px; float: right; overflow: hidden; position: relative;}
/*#locations .col-beta img {position: absolute; top: 0; right: 0; height: 100%; max-width: none; width: auto;}*/

#doctor-detail .doc-info {margin-top: -100px;}
#doctor-detail .col-sm-8 {padding-left: 35px;}

.page-links-content .container {margin-bottom: 0px !important;}
.page-links-content .container + .container {margin-top: 25px !important;}

.grid-three {grid-template-columns: 1fr 1fr 1fr;}

#dr-videos {display: grid; grid-template-columns: 1fr 3fr; background: var(--light);}
#dr-videos .col {padding: 25px;}
#dr-videos .col:first-of-type {background: rgba(0,0,0,.05);}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  :root {--max-width: 1200px;}
  h1 {font-size: 3.5rem;}
  p.lead {font-size: 1.5rem;}
  #content .container {width: 1170px;}
}

/* ONLY MOBILE */
@media (max-height: 750px) {
#content section {padding: 25px 0;}
#hero-slider {min-height: 600px;}
#hero-slider .swiper-slide .text h1 , #hero-slider .swiper-slide .text h2 {font-size: 2rem;}
#hero-slider .swiper-slide .text {background: linear-gradient(90deg, rgba(8,164,193,.8) 0%, rgba(0,0,0,.8) 50%, rgba(255,255,255,0) 100%);}
#hero-slider .swiper-slide img {object-position: right top;}
#hero-slider .target img {object-position: right center;}

}
/* ----------------------*/
/* -- MENU AND HEADER -- */
/* ----------------------*/
/* GLOBAL */
#header {position: relative; z-index: 15; background: #fff;}
#header .logo {display: block; display: flex; justify-content: center; flex-direction: column; position: relative; height: 100%; position: relative; z-index: 5; padding: 10px;}
#header .logo img {width: 100%; max-width: 250px; margin: 0 auto; display: block;
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.main-nav {padding: 0; list-style: none;}
.main-nav li {position: relative;}
.main-nav a {text-decoration: none; color: var(--tertiary); font-weight: 700; font-size: 1rem; letter-spacing: 1px; padding: 15px; display: block;border-top: 1px dotted #ccc; text-transform: uppercase; }
.main-nav ul {padding: 0 0 0 35px; margin: 0; list-style: square;}
.main-nav ul li::marker {color: var(--primary); font-size: .8rem;}
.main-nav ul li:last-of-type {margin-bottom: 25px;}
.main-nav ul a {border: none; text-transform: none; padding: 7px 10px 7px 0px; font-weight: 400;}

.hdr-tools .hdr-phone {padding: 5px 15px;}
.hdr-tools .hdr-phone i {margin: 0 5px 0 0; color: var(--primary); vertical-align: middle; font-size: 0.9rem;}
.hdr-search form input {padding: 10px; width: auto; background: var(--light); border: none;}
.hdr-search form button {border: none; background: var(--primary); color: #fff;}

/* ONLY MOBILE */
@media (max-width: 991px) {
.hdr-tools {display: flex; align-items: center; justify-content: center; font-size: .8rem; padding: 5px;}
.hdr-tools .btn-theme {font-size: .6rem;}
.hdr-tools .hdr-phone {padding: 10px;}
.hdr-search {width: 100%;}
.hdr-search form {display: flex; width: 100%; justify-content: center;}

#menu {position: absolute; background: #fff; width: 100%; visibility: hidden; opacity: 0; transform: translateY(15px); padding: 15px;}
#menu-toggle {position: relative; background: var(--secondary); border: 0; padding: 10px; color: #fff; width: 100%; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-weight: 700;}
#menu-toggle .fa {font-size: 1.25rem; margin-left: 15px;}
#menu.active {visibility: visible; opacity: 1; transform: translateY(0); box-shadow: 0 15px 15px rgba(0,0,0,.1);}
.main-nav li button {position: absolute; right: 0; top: 0; background: none; border: none; color: var(--primary); padding: 15px 25px; transform: rotate(180deg);}
.main-nav li button.collapsed {border-left: 1px dotted #ccc; transform: none;}
}

/* TABLET */
@media (min-width: 992px) {
#menu-toggle, .main-nav li button {display: none;}
#header {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: fixed; top: 0; width: 100%; box-shadow: 0 10px 10px rgba(0,0,0,.1);}
#menu {width: 100%; display: flex; justify-content: space-between; background: var(--secondary); align-items: center; padding: 0 15px;}
.hdr-tools {margin-right: 15px; display: flex; align-items: center;}
.hdr-tools .btn-theme {order: 3; margin-left: 15px;}
#header .logo {padding: 15px 0; margin-left: 15px;}
.hdr-search {font-size: .8rem; width: auto; order: 2;}
.hdr-search form {display: flex;}
.hdr-search form input {padding: 15px; width: 125px;}
.hdr-search form button {background: var(--light); border-left: 1px dotted #ccc; font-size: 1rem; padding: 0 15px; color: var(--primary);}
.main-nav {display: flex; margin: 0; width: 100%; justify-content: center;}
.main-nav a {font-size: .75rem; padding: 25px 13px; border: 0; color: #fff; letter-spacing: 0;}
.main-nav ul {display: block; position: absolute; left: 0; top: 105%; width: 250px; background: #fff; margin: 0; padding: 20px 20px 20px 40px; box-shadow: 0 0 25px 5px rgba(0,0,0,.1); opacity: 0; visibility: hidden;}
.main-nav li:last-of-type ul {left: auto; right: 0;}
.main-nav > li:hover > a, .main-nav > li.nav-path-selected > a {background: rgba(0,0,0,.2);}
.main-nav li:hover ul {top: 100%; opacity: 1; visibility: visible;}
.main-nav ul a {font-size: .9rem; color: var(--tertiary);}
.main-nav ul a:hover {font-size: .9rem; padding: 7px 5px 7px 5px;}
.main-nav ul li:last-of-type {margin: 0;}
#header.scroll {top: -100px;}
}

/* Medium devices (desktops, 1300px and up) */
@media (min-width: 1200px) {
:root {--max-width: 1140px; --side-width: calc( (100vw - var(--max-width))/2 );}

.hdr-search form input {width: 175px;}
#menu {padding: 0 var(--side-width);}
.hdr-tools {margin-right: var(--side-width);}
#header .logo {margin-left: var(--side-width);}
.main-nav a {padding: 25px 20px; font-size: .8rem;}
}
span.visually-hidden{
  display: none;
}
.chat-button-section {
    text-align: center !important;
}