@charset "utf-8";
/* CSS styles for practice custom branding*/



.nav-background-color {
	background: #fff;/* background: url(../images/head-bg.jpg) center;

	background-size: cover;

	background-repeat: no-repeat; */
}
#header-navbar li .sep {
	background: #ffffff;
	width: 1px;
	display: block;
	height: 15px;
	margin: 13px 15px;
}
#primary-nav .navbar-brand-color {
	color: #4f4f4f;
}
#primary-nav .navbar-brand {
	color: #008A72;
}
a {
	color: #008A72 !important;
	text-decoration: none;
}
a:hover, a:visited {
	color: #000;
}
a.link-underline {
	text-decoration: underline;
}
a.link-underline:hover, a.link-underline:visited {
	text-decoration: none;
}
.material-icons.custom-material-style {
	font-size: 22px;
	/* vertical-align: baseline; */
	color: #008A72;
}
.material-icons.custom-material-style-2 {
	font-size: 22px;
	/* vertical-align: baseline; */
	color: #0156b2;
}
#imp-notice .material-icons {
	font-size: 22px;
	color: #df2f3b;
}
ion-icon {
	font-size: 44px;
	color: #c4c4c4;
}
/** style for quick action button on top bar**/

#quick-action .btn {
	border: 1px solid #008A72;
	background: #008A72;
}
#quick-action .btn:hover, #quick-action .btn:focus, #quick-action .btn:active {
	background-color: #5febd5;
	border-color: #5febd5;
	color: #000;
}
/** style for hero background**/

#hero-section, #hero-section .d-flex {
	background: #008A72;
	background-size: cover;
	color: #000;
}
#hero-section.container-fluid.banner-home-bg, #hero-section .d-flex {
	background: linear-gradient(45deg, rgb(205 229 249 / 0%), rgb(21 39 60 / 95%)), url(../images/hero-bg.webp) center;
}
#hero-section.container-fluid.banner-about-us-bg, #hero-section .banner-about-us-bg .d-flex {
	background: linear-gradient(45deg, rgb(205 229 249 / 0%), rgb(21 39 60 / 95%)), url(/images/banner-about-us.jpg) center;
}
#hero-section.container-fluid.banner-patient-portal-bg, #hero-section .banner-patient-portal-bg .d-flex {
	background: linear-gradient(45deg, rgb(205 229 249 / 0%), rgb(21 39 60 / 95%)), url(/images/banner-patient-portal.jpg) center;
}
#hero-section.container-fluid.banner-patient-tools-bg, #hero-section .banner-patient-tools-bg .d-flex {
	background: linear-gradient(45deg, rgb(205 229 249 / 0%), rgb(21 39 60 / 95%)), url(/images/banner-patient-tools.jpg) center;
}
#hero-section.container-fluid.banner-faqs-bg, #hero-section .banner-faqs-bg .d-flex {
	background: linear-gradient(45deg, rgb(205 229 249 / 0%), rgb(21 39 60 / 95%)), url(/images/banner-faqs.jpg) center;
}
#imp-notice {
	background: #5febd5;/* color: #ffffff; */
}
div#imp-notice small {
	font-weight: 500;
}
.local-panel {
	border: 1px solid #dadada;
	background: #008A72;
}
#local-meet-doctors .material-icons {
	font-size: 22px;
	color: #008A72;
}
#cta-call-email small {
	font-size: 100% !important;
}
#cta-call-email .cta-material-icons {
	font-size: 22px;
	color: #999 !important;
	border: 1px solid red;
}
#local-socials a ion-icon {
	color: #ffffff;
}
#local-socials a:hover ion-icon {
	color: #5febd5;
}
#insurance-nearby-location .insurance-border {
	border-right: 1px solid #c4c4c4;
}
#insurance-nearby-location {
	background: #008A72;
}
#video-slider {
	background: #f4f4f4;
	border: 1px solid #dee2e6;
	border-top: 0;
}
#video-slider .carousel-indicators .active, #testimonials .carousel-indicators .active {
	background-color: #008A72;
}
#video-slider .carousel-indicators li, #testimonials .carousel-indicators li {
	background-color: #666;
}
#gallery-slider .carousel-indicators .active {
	background-color: #008A72;
}
#gallery-slider .carousel-indicators li {
	background-color: #666;
}
#testimonials {
	background: #f4f4f4;
}
#testimonials .testimonial-name {
	color: #000;
}
#testimonials .testimonial-designation {
	color: #666;
}
.star {
	color: #ff0000;
}
.star-grey {
	color: #666;
}
.card.stores-cta .card-body {
	background: #5febd5;
}
.services-tabs a.nav-link {
	color: #000;
}
#patient-tools .patient-tools-tab #p-tools-Content {
	background: #f3f3f3;
}
#patient-tools .nav-tabs .nav-link .active, #patient-tools .nav-tabs .nav-tabs .nav-link.active {
	color: #495057;
	background-color: #ececec;
	border-color: none !important;
}
.material-icons.star {
	color: #008A72;
}
.material-icons.star-grey {
	color: #008A727d !important;
}
#faqs a.faq-link {
	color: #007bff;
	text-decoration: none !important;
}
#faqs a.faq-link:hover {
	color: #000;
	text-decoration: none !important;
}
#footer .list-group-item {
	background-color: rgba(0, 0, 0, 0);
}
#footer {
	background: #008A72;
	color: #fff;
}
.footer-link li a, .footer-link li a:visited {
	color: #fff !important;
}
.footer-link li a:hover {
	color: #ccc !important;
	text-decoration: none !important;
}
.custom-link-light, .custom-link-light:active {
	color: #5febd5 !important;
}
.custom-link-light:hover {
	color: #fff !important;
	text-decoration: none !important;
}
.btn-modal-custom {
	color: #fff;
	background-color: #4ec3e0;
	border-color: #4ec3e0;
}
.lead {
	font-weight: 400;
}
/*********************

	  Header CSS

*********************/

#quick-action .btn:hover, #quick-action .btn:hover i {
	color: black !important;
}
.main-logo {
	max-width: 140px;
	position: absolute;
	top: 15px;
	background: #ffffff;
	padding: 5px;
	border-radius: 5px;
}
/* .main-logo {

    display: none;

} */

.sticky .main-logo {
	display: block !important;
}
.navbar-collapse a, .navbar-collapse a i {
	color: black !important;
}
#quick-action .btn, #quick-action .btn i {
	color: white !important;
}
 @keyframes smoothScroll {
 0% {
 transform: translateY(-40px);
}
 100% {
 transform: translateY(0px);
}
}
div#primary-nav {
	-webkit-transition: all 0.5s ease;
	-moz-transition: position 10s;
	-ms-transition: position 10s;
	-o-transition: position 10s;
	transition: all 0.5s ease;
}
div#primary-nav.sticky {
	z-index: 1030;
	position: fixed;
	top: 0;
	left: 0;
	animation: smoothScroll 1s forwards;
}
/* .navbar-light .navbar-toggler-icon {

	filter: brightness(1) invert(1);

} */



.navbar-light .navbar-toggler {
	color: rgb(255 255 255 / 50%);
	border-color: rgb(255 255 255 / 35%);
}
.m-mob {
	display: none;
}
 @media (max-width:991px) {
.m-pc {
	display: none !important;
}
.m-mob {
	display: block;
	margin-top: 40px !important;
}
.main-logo {
	max-width: 90px;
	display: block;
}
ul#header-navbar {
	margin-top: 80px;
}
}
/*********************

	Header CSS End

*********************/



/*********************

	Back To Top CSS

*********************/

#back-to-top {
	display: inline-block;
	background-color: #008A72;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 25px;
	right: 25px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
#back-to-top::after {
	content: "\e5d8";
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 1.5em;
	line-height: 40px;
	color: #fff;
}
#back-to-top:hover::after {
	filter: brightness(0);
}
#back-to-top:hover {
	cursor: pointer;
	background-color: #5febd5;
}
#back-to-top:active {
	background-color: #008A72;
}
#back-to-top.show {
	opacity: 1;
	visibility: visible;
	cursor: pointer !important;
}
/*********************

	Back To Top CSS End

*********************/



div#insurance-nearby-location li, div#insurance-nearby-location th, div#insurance-nearby-location td {
	color: white !important;
}
div#insurance-nearby-location a, div#insurance-nearby-location i {
	color: #5febd5 !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	background-color: #f4f4f4;
	border-color: #dee2e6 #dee2e6 #f4f4f4;
}
.carousel-control-prev, .carousel-control-next {
	filter: brightness(5) invert(1);
}
.highlight-bx {
	background: #5febd5;
	padding: 15px;
	border-left: 3px solid #008A72;
	border-radius: 5px 15px 15px 5px;
}
div#hero-cta h1 {
	font-size: 2.1rem;
}
.fs-22 {
	font-size: 22px;
	font-weight: 600;
}
.local-panel h4, .local-panel h3, .local-panel h2, .local-panel h1, .local-panel p, .local-panel td, .local-panel th, .local-panel a, .local-panel i {
	color: white !IMPORTANT;
}
.doc-img-caption {
	background: white;
	padding: 15px;
}
video.video-item {
	width: -webkit-fill-available;
}
 @media (min-width:768px) and (max-width:991px) {
div#hero-cta h1 {
	font-size: 1.7rem;
}
div#hero-cta h3 {
	font-size: 1.5rem;
}
}
 @media (max-width: 767px) {
#hero-row-height {
	height: 35vh;
}
div#hero-cta {
	position: absolute;
	text-align: center;
	max-width: 95%;
	padding: 0;
	margin-left: -7px;
}
div#hero-cta h1 {
	display: inline-flex;
	max-width: 100%;
	/* padding-left: 35px; */

	font-size: 1.3rem;
}
div#hero-cta h3 {
	font-size: 1.22rem;
}
#hero-cta .btn {
	width: 55%;
}
.hero-btns {
	text-align: -webkit-center;
}
#practice-description, #patient-portal, #patient-tools, #faqs {
	padding-top: 50px !important;
}
div#important-notice .list-group-item {
	padding: 0.75rem 0.22rem !important;
}
}
 @media (max-width: 380px) {
div#hero-cta h1 {
	display: inline-flex;
	max-width: 100%;
	padding-left: 0;
	font-size: 1.3rem;
}
}
 @media (max-width: 325px) {
#hero-cta .btn {
	width: 65%;
}
}