@charset "utf-8";
/* CSS Document */
/* © Copyright 2026 Medical Marketing Guru. All Rights Reserved. */
/* Permalink - Advertising and Marketing for Dental & Medical industries https://medicalmarketingguru.com */

html, body {max-width: 2500px;margin: 0 auto;padding: 0;}
body {line-height: 1.5em;font-size: 1em;color: #5C5C5C;font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 {line-height: normal;font-family: "Karla", sans-serif;}
h1 {font-size: clamp(1.3em, 2vw + 1em, 1.6em);text-transform: uppercase;color: #2d3032;font-weight: 700;}
h2 {font-size: clamp(1.2em, 2vw + 1em, 1.4em);text-transform: capitalize;color: #404346;font-weight: 700;}
h3 {font-size: clamp(1.1em, 2vw + 1em, 1.3em);color: #4c4c4c;font-weight: 600;}
h4 {font-size: clamp(1em, 2vw + 1em, 1.1em);}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}

.homePage h1, h1.sectionTitle {font-size: clamp(1.3em, 2vw + 1em, 1.8em);}
.homePage h2, h2.sectionTitle {font-size: clamp(1em, 2vw + 1em, 1.4em);color: #4e6a84;font-weight: 400;}
.homePage h2:first-line, h2.sectionTitle:first-line {font-size: clamp(1.2em, 2vw + 1em, 1.75em);color: #404346;font-weight: 700;}
.homePage h3, h3.sectionTitle {font-size: clamp(1.1em, 2vw + 1em, 1.75em);font-weight: 300;}

.sectionTitle {font-size: clamp(1.4em, 2vw + 1em, 2.2em);color: #4e6a84;line-height: 1.8em;font-weight: normal;}
.sectionTitle:first-line {font-weight: 300;}
.sectionTitle.subPage {font-size: clamp(1em, 2vw + 1em, 1.2em);line-height: normal;color: #4c4c4c;}
.sectionTitle.subPage p:first-child {font-size: clamp(1.1em, 2vw + 1em, 1.5em);color:#4e6a84;}

a {color: #077a93;}
a:hover {text-decoration: none;}

blockquote {margin: 50px;font-style: italic;font-size: 1em;position: relative;}
blockquote::before {content: "“";font-size: 3.8em;font-family: "Source Sans 4", sans-serif;color:#bee9d6;position: absolute;top: -10px;left: -50px;}
blockquote.reviews {padding: 40px 20px;box-shadow: 0 0 15px 10px rgba(0,0,0,0.25);border-radius: 0px 25px 25px 25px;}

img {max-width: 100%;height: auto;border: none;}
img a {text-decoration: none;}

img.blog {max-width: 96%;padding: 5px;margin: 0 15px;box-sizing: border-box;float: right;box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);}

.imgContent {max-width: 100%;height: auto;display: block;border-radius: 10px;border-bottom: 3px solid #077a93;border-left: 1px solid #0eb9bd;border-top: 1px solid #0eb9bd;box-shadow: 4px 0 0 #077a93, 0 2px 8px rgba(0, 0, 0, 0.08);}

.imageCredit {display: inline-block;font-size: 0.8em;color: #A6A6A6;}
.imageCredit a {color: #A6A6A6;}
.imageCredit p {margin: 0;display: inline;}
.clearFix {clear: both;max-height: 0;width: 100%;}

/* ADA key-board accessible */
a:focus img {}
a:focus {text-decoration: underline !important;color: #888888;}
a.skipcontent {padding: 8px 15px;color: #888888;background-color: #e5e5e5;border: solid 1px #ffffff;position: absolute;left: -9999px;top: 25px;z-index: 200;}
a.skipcontent:focus {position: absolute;left: 25px;top: 50px;}
#plustext, #minustext, #resettext {display: none;}
/*
#plustext, #minustext, #resettext {margin: 10px 0;padding: 8px;display: inline-block;background-color: #000000;color: #FFFFFF;}
*/
#handicapBtn-normal {width: 40px;height: 40px;display: block;border: solid 1px transparent;background-image: url(../images/handicap-symbol-hover.png);background-repeat: no-repeat;background-size: 90% auto;background-position: center center;background-color: #4e6a84;position: absolute;top: 45px;right: 0;z-index: 500;}
#handicapBtn-normal:hover {background-color: #000000;background-image: url(../images/handicap-symbol.png);}
#handicapBtn {display: none;}
/*
#handicapBtn {width: 40px;height: 40px;display: block;border: solid 1px transparent;background-repeat: no-repeat;background-size: 90% auto;background-position: center center;position: absolute;top: 112px;right: 0;z-index: 500;background-color: #000000;background-image: url(../images/handicap-symbol.png);}
#handicapBtn:hover {background-color: #0eb9bd;background-image: url(../images/handicap-symbol-hover.png);}
#handicapBtn-normal {display: none;}
*/
@media only screen and (max-width: 1024px) {
    #handicapBtn, #handicapBtn-normal {display: none;}
}

/***************************Page Theme**************************/
/***************************************************************/
.theme-greatoutdoors {position: relative;}
.wrapper {position: relative;z-index: 2;}

.container {width: 90%;max-width: 1200px;margin: 0 auto;padding: 0;position: relative;box-sizing: border-box;}

.contentContainer {width: 100%;display: flex;flex-wrap: wrap;margin: 0 auto;padding: 0;position: relative;box-sizing: border-box;clear: both;}
.contentContainer.backgroundColor {padding: 6% 5%;background-color: rgba(255,255,255,1);box-shadow: 0 0 15px 10px rgba(0,0,0,0.25);border-radius: 50px 50px 0 0;}
.contentContainer p, .contentContainer h1, .contentContainer h2, .contentContainer h3, .contentContainer h4 {width:100%;}

.content {display: block;padding: 0;vertical-align: top;position: relative;z-index: 1;box-sizing: border-box;}
.content.full {width: 100%;flex: 0 0 100%;padding: 0 0 30px 0;}
.content.splitEven {width: 50%;flex: 0 0 50%;}
.content.splitThrids {width: 33.333%;flex: 0 0 33.333%;}
.content.left, .content.right {width: 70%;flex: 0 0 70%;}
.content.leftsidebar, .content.rightsidebar {width: 30%;flex: 0 0 30%;}
.content.left, .content.leftsidebar {padding-right:20px;}
.content.right, .content.rightsidebar {padding-left:20px;}
.content.splitEven:nth-of-type(2),
.content.splitThrids:nth-of-type(2) {padding-right: 20px;}
.content.splitEven:nth-of-type(3),
.content.splitThrids:nth-of-type(3) {padding-left: 20px;}

.ineditmode {position: inherit;z-index: auto;overflow: visible;}
.ineditmode .content {position: initial;z-index: auto;}
.ineditmode.hotButtonWrapper {margin: 10px auto;}

.marginBoth {margin-top: 100px !important;margin-bottom: 100px !important;}
.marginTop {margin-top: 100px !important;}
.marginBottom {margin-bottom: 100px !important;}

.paddingBoth {padding-top: 150px !important;padding-bottom: 150px !important;}
.paddingTop {padding-top: 110px !important;}
.paddingBottom {padding-bottom: 110px !important;}

.lightcolorbg {padding: 1px 0;color: #4e4e4e;position: relative;}
.lightcolorbg::before {width: 100vw;height: 101%;content: '';position: absolute;top: 0;left: 50%;z-index: -1;transform: translate(-50%, 0);background-color: #fef8da;}

.darkcolorbg {padding: 1px 0;color: #ffffff;position: relative;}
.darkcolorbg::before {width: 100vw;height: 101%;content: '';position: absolute;top: 0;left: 50%;z-index: -1;transform: translate(-50%, 0);background-color: #4e6a84;}
.darkcolorbg a {color: #f5f5f5;}
.darkcolorbg a:hover {color: #baf5f7;}

.darkcolorbg h1, .darkcolorbg h2, .darkcolorbg h3, .darkcolorbg h4, .darkcolorbg h5, .darkcolorbg h6 {color: #ffffff;}
.content.right.lightcolorbg::before, .content.right.darkcolorbg::before, .content.left.lightcolorbg::before, .content.left.darkcolorbg::before {width: 70vw;top: 0;left: 0;z-index: -1;transform: translate(0, 0);}
.homePage .darkcolorbg h2, .homePage .darkcolorbg h2:first-line, .homePage .darkcolorbg h2:first-line, .darkcolorbg h2.sectionTitle:first-line {color: #ffffff;}

.content.rightsidebar.lightcolorbg::before, .content.rightsidebar.darkcolorbg::before, .content.leftsidebar.lightcolorbg::before, .content.leftsidebar.darkcolorbg::before {width: 30vw;top: 0;left: 0;z-index: -1;transform: translate(0, 0);}
.content.splitEven.lightcolorbg::before, .content.splitEven.darkcolorbg::before {width: 50vw;top: 0;left: 0;z-index: -1;transform: translate(0, 0);}

.backgroundImage {position: relative;}
.backgroundImage::after, .backgroundImage::before {width: 100vw;height: 100%;content: '';position: absolute;top: 0;left: 50%;z-index: -1;transform: translate(-50%, 0);}
.backgroundImage::before {background-repeat: no-repeat;background-position: center top;background-size: cover;}
.backgroundImage .title {padding: 0 30px;font-size: 1.3em;font-style: italic;background-color: rgba(0,0,0,0.5);position: absolute;bottom: 10px;right: 0;}

/* parallax */
.parallax {padding-top: 200px;position: relative;overflow: hidden;}
.parallax::after, .parallax::before {width: 100vw;height: 100%;display: block;content: '';position: absolute;top: 0;left: 0;z-index: -1;pointer-events: none;}
.parallax::before {background-repeat: no-repeat;background-position: center top;background-size: cover;background-attachment: fixed;}

/* hero banner js scrolly */
.parallaxContainer {width: 100%;display: block;padding: 42% 120px 0 120px;background-color: #f3f0e8;box-sizing: border-box;position: relative;overflow: hidden;z-index: 1;}
.parallaxScrolly {width: 96%;max-width: 1600px;display: block;box-shadow: 0 0 15px 10px rgba(0,0,0,0.25);position: absolute;top: 50px;left: 50%;transform: translate(-50%, 0);}
.parallaxScrolly-inner {width: 100%;display: block;position: relative;}
.parallaxScrolly-inner img {width: 100%;display: block;box-sizing: border-box;}
.parallaxScrollyHeroText {width: 50%;font-size: 1.1em;color: #4a4a4a;line-height: normal;position: absolute;top: 2%;left: 10%;}
.parallaxScrollyHeroText .heroTitle span {line-height:normal;font-size:0.8em;color:#335d65;}
.parallaxScrollyHeroText .heroTitle {font-size: clamp(1.3em, 2vw + 1em, 2.2em);font-family: "Comfortaa", sans-serif;}

@media only screen and (max-width: 800px) {
    .content.full,.content.splitEven,.content.splitThrids,.content.left,.content.right,.content.leftsidebar,.content.rightsidebar {width: 100%;flex: 0 0 100%;padding-left: 0;padding-right: 0;}
    .content.full {padding-bottom: 24px;}
}

@media only screen and (max-width: 768px) {
    .marginBoth {margin-top: 20px !important; margin-bottom: 20px !important;}
    .marginTop {margin-top: 20px !important;}
    .marginBottom {margin-bottom: 20px !important;}
    .paddingBoth {padding-top: 30px !important; padding-bottom: 30px !important;}
    .paddingTop {padding-top: 25px !important;}
    .paddingBottom {padding-bottom: 25px !important;}
    .backgroundImage.paddingTop {padding-top: 110px !important;}
    .backgroundImage.paddingBottom {padding-bottom: 110px !important;}
}

/**************************** Header ***************************/
/***************************************************************/
.header {width: 100%;}
.header .container {display: flex;align-items: center;justify-content: space-between;}
.headerContact {display: flex;flex-direction: column;justify-content: space-between;text-align: right;font-family: "Comfortaa", sans-serif;color: #5f6a72;}
.headerContact a {display: block;padding: 10px 0;color: #5f6a72;text-decoration: none;line-height: 1.2;}
.headerContact a:first-child {font-size: 18px;font-weight: bold;}
.headerContact a:last-child {font-size: 0.8em;line-height: 1.3;}
.logo img {width: auto;max-width: 264px;display: block;}

@media (max-width: 640px) {
    .header .container {flex-direction: column; align-items: center; text-align: center;}
    .headerContact {height: auto; margin-top: 10px; align-items: center;}

}

/**********************************Menu******************************************/
/********************************************************************************/
#menu-container {width: 100%;display: block;background-color: #a8d8f0;}

/************ Menu Top ************/
.menuTop {display: block;margin: 0;padding: 0;font-family: "Poppins", sans-serif;font-weight: 500;position: relative;z-index: 100;}
.menuTop > ul {display: flex;margin: 0 auto;padding: 0;justify-content: center;align-items: stretch;list-style: none;box-sizing: border-box;}
.menuTop > ul > li {display: flex;margin: 0;padding: 0;align-items: stretch;border-left: solid 1px #ffffff;box-sizing: border-box;position: relative;}
.menuTop > ul > li:first-child {border-left: none;}
.menuTop > ul > li > a {display: flex;padding: 18px 22px;align-items: center;justify-content: center;text-decoration: none;text-transform: uppercase;color: #000000;line-height: 1.1;box-sizing: border-box;position: relative;transition: background-color 0.25s ease, color 0.25s ease;}
.menuTop > ul > li:first-child > a {background-image: url("../images/menu_home.svg");background-repeat: no-repeat;background-position: center;background-size: 22px auto;font-size: 0;}
.menuTop > ul > li > a::after {width: 100%;height: 0;content: "";position: absolute;left: 0;bottom: 0;transition: height 0.25s ease;}
/* hover color bars */
.menuTop > ul > li:nth-child(1) > a::after { background-color: transparent; }
.menuTop > ul > li:nth-child(2) > a::after { background-color: #bee9d6; }
.menuTop > ul > li:nth-child(3) > a::after { background-color: #ffb6b0; }
.menuTop > ul > li:nth-child(4) > a::after { background-color: #fff3b8; }
.menuTop > ul > li:nth-child(5) > a::after { background-color: #8fcfd1; }
.menuTop > ul > li:nth-child(6) > a::after { background-color: #d8cff2; }
.menuTop > ul > li:nth-child(7) > a::after { background-color: #d8cff2; }
.menuTop > ul > li:hover > a::after, .menuTop > ul > li > a:focus::after, .menuTop > ul > li.nav-path-selected > a::after, .menuTop > ul > li.nav-selected > a::after {height: 8px;}
.menuTop > ul > li:hover > a, .menuTop > ul > li > a:focus, .menuTop > ul > li.nav-path-selected > a, .menuTop > ul > li.nav-selected > a {color: #000000;background-color: rgba(255,255,255,0.18);}
.menuTop > ul > li:first-child:hover > a, .menuTop > ul > li:first-child > a:focus, .menuTop > ul > li:first-child.nav-path-selected > a, .menuTop > ul > li:first-child.nav-selected > a {background-color: transparent;}
/** second level **/
.menuTop ul ul {min-width: 240px;margin: 0;padding: 6px 0;background-color: #ffffff;text-align: left;white-space: nowrap;box-shadow: 0 10px 24px rgba(0,0,0,0.12);border: solid 1px #dbe5ea;position: absolute;top: 100%;left: 0;z-index: 101;visibility: hidden;opacity: 0;transform: translateY(8px);overflow: hidden;transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;}
.menuTop ul ul li {display: block;margin: 0;padding: 0;border: none;text-align: left;position: relative;}
.menuTop ul ul a {display: block;padding: 12px 16px;line-height: 1.35;white-space: nowrap;text-decoration: none;font-size: 0.92em;font-weight: 600;color: #3f4950;background-color: transparent;border-bottom: solid 1px #edf2f5;transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;}
.menuTop ul ul li:last-child > a {border-bottom: none;}
.menuTop ul ul li:hover > a, .menuTop ul ul a:focus {color: #263238;background-color: #f7fafb;padding-left: 20px;}
/** third level **/
.menuTop ul ul ul {top: -7px;left: 100%;}
/** show sub levels **/
.menuTop ul li:hover > ul, .menuTop ul li.active > ul {visibility: visible;opacity: 1;transform: translateY(0);}

/************ Mobile Menu ************/
.mobileWrapper {width: 96%;display: none;margin: 20px auto;position: relative;z-index: 100;}
.mobileItem {width: 100%;display: block;box-sizing: border-box;}
.mobileHeader {width: 100%;display: flex;padding: 18px;align-items: center;gap: 10px;background-color: #a8d8f0;color: #000000;cursor: pointer;box-sizing: border-box;font-size: 1em;font-weight: 700;text-transform: uppercase;border: none;}
/* hamburger */
.mobileHeader .hamburger {width: 20px;height: 16px;position: relative;}
.mobileHeader .hamburger span {width: 100%;height: 2px;background: #000000;position: absolute;left: 0;transition: all 0.3s ease;}
.mobileHeader .hamburger span:nth-child(1) { top: 0; }
.mobileHeader .hamburger span:nth-child(2) { top: 7px; }
.mobileHeader .hamburger span:nth-child(3) { top: 14px; }

.mobileContent {max-height: 2000px;padding: 10px 0;overflow: hidden;background-color: #ffffff;transition: max-height 0.35s ease, padding 0.35s ease;}
/* mobile nav */
.mobile_menu ul {margin: 0;padding: 0;list-style: none;}
.mobile_menu ul li {border-bottom: solid 1px #e6edf2;}
.mobile_menu ul li a {display: block;padding: 14px 18px;color: #000000;text-decoration: none;font-size: 1em;font-weight: 600;}
/* show mobile */
@media only screen and (max-width: 768px) {
    #menu-container {display: none;}
    .mobileWrapper {display: block;}
}

/************ Menu Sitemap ************/
.sitemap_menu {display: block;width: 100%;margin: 20px 0;padding: 0;position: relative;z-index: 1;}
.sitemap_menu ul {display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap: 12px 24px;margin: 0;padding: 0;list-style: none;box-sizing: border-box;}
.sitemap_menu li {display: block !important;width: auto !important;margin: 0;padding: 0 !important;position: relative;box-sizing: border-box;}
.sitemap_menu a {display: block;padding: 10px 14px;color: #323232;font-size: 1em;font-weight: 700;line-height: 1.25;text-decoration: none !important;background: #bee9d6;border-radius: 14px;transition: all 0.2s ease;}
.sitemap_menu a::before {content: "» ";}
.sitemap_menu a:hover,
.sitemap_menu a:focus {color: #ffffff;background: #5fa2a4;}/* second level */
.sitemap_menu ul ul {display: block;margin: 8px 0 0 16px;padding: 0 0 0 14px;background: transparent;border-left: 3px solid #8fcfd1;position: static;visibility: visible;max-height: none;overflow: visible;white-space: normal;box-shadow: none;}
.sitemap_menu ul ul li {margin: 0 0 6px 0;}
.sitemap_menu ul ul a {padding: 7px 10px;color: #323232;font-size: 0.92em;font-weight: 600;background: #f8fffc;border-radius: 10px;}/* third level */
.sitemap_menu ul ul ul {margin-left: 14px;border-left-color: #ffb6b0;}
.sitemap_menu ul ul ul a {font-size: 0.86em;font-weight: 500;background: #fff3b8;}/* fourth level and deeper */
.sitemap_menu ul ul ul ul {border-left-color: #d8cff2;}
.sitemap_menu ul ul ul ul a {background: #f7f3ff;font-size: 0.82em;}/* remove dropdown behavior from old menu css */
.sitemap_menu ul li:hover ul,
.sitemap_menu ul li:hover > ul,
.sitemap_menu ul li.active > ul,
.sitemap_menu ul :hover ul ul,
.sitemap_menu ul :hover ul :hover ul {display: block;visibility: visible;max-height: none;overflow: visible;}/* responsive */
@media only screen and (max-width: 800px) {
    .sitemap_menu ul {grid-template-columns: 1fr;gap: 10px;}
    .sitemap_menu ul ul {margin-left: 8px;padding-left: 12px;}
}

/** Breadcrumbs **/
nav ol.breadcrumb {margin: 0;padding: 0;list-style-type: none;}
nav ol.breadcrumb li {margin: 0;padding: 0 10px;display: inline-block;list-style-type: none;font-size: 0.7em;color: #A6A6A6;}
nav ol.breadcrumb li:first-child {padding: 0 10px 0 0;}
nav ol.breadcrumb li:before {content: '»  ';}
nav ol.breadcrumb li a {color: #A6A6A6;}
nav ol.breadcrumb li a:focus {border: solid 1px #A6A6A6;}

/********************************* Banner ******************************************/
/************************************************************************************/
.banner {position: relative;}
.banner p {margin: 0;}
.banner img {width: 100%;height: auto;}
.bannerInner {width: 100%;max-width: 1200px;padding: 20px;color: #000;background: rgba(255,255,255,0.85);text-align: center;position: absolute;bottom: 15px;left: 50%;transform: translate(-50%, 0);}

/*********************************Buttons*****************************************/
/*********************************************************************************/
/* custom button */
.btnPrimary {min-width: 340px;display: inline-block;margin: 4px 0;padding: 18px 12px;font-family: "Comfortaa", sans-serif;font-size: clamp(0.9em, 2vw +1em, 1.2em);font-weight: 400;text-align: center;text-transform: uppercase;color: #ffffff;background-color: #4e6a84;text-decoration: none;border-radius: 50px;box-sizing: border-box;transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}
.btnPrimary:hover {background-color: #4faf9f;color: #ffffff;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.btnSecondary {background-color: #000000;}
.btnSecondary:hover {background-color: #055f77;}
/* promo popup */
#promo-popup {width: 300px;padding: 20px;background: #fefefe;border: 2px solid #0eb9bd;border-radius: 8px;position: fixed;bottom: 20px;right: 20px;box-shadow: 0 5px 15px rgba(0,0,0,0.3);z-index: 9999;animation: slideIn 0.5s ease forwards;display: none; /* Start hidden */
}

#promo-popup h2 {margin-top: 0;font-size: 1.5em;color: #0eb9bd;}
#promo-popup p {margin: 10px 0;color: #333;}
#promo-popup .textSmall {font-size: 0.7em;color: #777;line-height: normal;}
#promo-close {background: none;border: none;font-size: 1.5em;color: #aaa;position: absolute;top: 10px;right: 10px;cursor: pointer;}
#promo-close:hover {color: #333;}
/* Slide-in animation */
@keyframes slideIn {from {transform: translateX(150%);}
    to {transform: translateX(0);}
}

/* responsive */
@media (max-width: 768px) {
    #promo-popup {width: 90%; right: 5%; left: 5%; bottom: 10px; padding: 15px; font-size: 0.9em;}
    #promo-popup h2 {font-size: 1.2em;}
    #promo-popup p {font-size: 0.9em;}
    #promo-close {font-size: 1.8em; top: 5px; right: 5px;}
}

@media (max-width: 400px) {
    #promo-popup {display: none;}
}

/* Hot Buttons */
.hotButtonWrapper {max-width: 1600px;margin: -9% auto 12px auto;position: relative;}
.hotButton {display: flex;flex-wrap: wrap;margin: -4px auto;padding: 0;list-style: none;max-width: 1600px;width: calc(100% - 16px);position: relative;z-index: 1;}
.hotButton li {flex: 0 0 20%;padding: 0 4px 0 4px;box-sizing: border-box;}
.hotButton li a {display: block;position: relative;width: 100%;aspect-ratio: 1 / 1;overflow: hidden;padding: 28px;box-sizing: border-box;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.hotButton li img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease;}
.hotButtonTitle {padding: 12px 10px;box-sizing: border-box;color: #ffffff;font-size: clamp(0.8em, 1.5vw, 1.2em);text-align: center;text-transform: uppercase;position: absolute;left: 28px;right: 28px;bottom: 28px;}
/* tile colors */
.hotButton li:nth-child(1) a, .hotButton li:nth-child(1) .hotButtonTitle {background: #d8cff2;}
.hotButton li:nth-child(2) a, .hotButton li:nth-child(2) .hotButtonTitle {background: #bee9d6;}
.hotButton li:nth-child(3) a, .hotButton li:nth-child(3) .hotButtonTitle {background: #ffb6b0;}
.hotButton li:nth-child(4) a, .hotButton li:nth-child(4) .hotButtonTitle {background: #fff3b8;}
.hotButton li:nth-child(5) a, .hotButton li:nth-child(5) .hotButtonTitle {background: #8fcfd1;}
.hotButton li:nth-child(1) .hotButtonTitle {background: #ab9ed2;}
.hotButton li:nth-child(2) .hotButtonTitle {background: #4faf9f;}
.hotButton li:nth-child(3) .hotButtonTitle {background: #d97a73;}
.hotButton li:nth-child(4) .hotButtonTitle {background: #d4a017;}
.hotButton li:nth-child(5) .hotButtonTitle {background: #5fa2a4;}
.hotButton li:hover a {transform: translateY(-8px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);}
.hotButton li:hover img {transform: scale(1.06);}
/* left and right color extensions */
.hotButtonWrapper::before, .hotButtonWrapper::after {content: "";position: absolute;top: 0;bottom: 0;width: 50vw;z-index: 0;}
/* left side */
.hotButtonWrapper::before {right: 100%;background: #8fcfd1;}
/* right side */
.hotButtonWrapper::after {left: 100%;background: #d8cff2;}
/* Hot Buttons Sub Page */
.hotButtonWrapper.subPage {max-width: 900px;margin: 30px auto;}
.hotButtonWrapper.subPage .hotButton {display: block;width: 100%;margin: 0;}
.hotButtonWrapper.subPage .hotButton li {width: 100%;padding: 0 0 10px 0;}
.hotButtonWrapper.subPage .hotButton li a {display: flex;align-items: center;justify-content: space-between;gap: 20px;aspect-ratio: auto;min-height: 86px;padding: 18px 22px;text-decoration: none;overflow: hidden;}
.hotButtonWrapper.subPage .hotButton li img {width: 58px;height: 58px;flex: 0 0 58px;object-fit: cover;}
.hotButtonWrapper.subPage .hotButtonTitle {padding: 20px;color: #ffffff;font-size: 1.05em;text-align: left;flex: 1 1 auto;position: relative;top: auto;bottom:auto;left: auto;right:auto;}
.hotButtonWrapper.subPage::before, .hotButtonWrapper.subPage::after {display: none;}
.hotButtonWrapper.subPage .hotButton li:hover a {transform: translateX(6px);box-shadow: 0 10px 24px rgba(0,0,0,0.15);}
.hotButtonWrapper.subPage .hotButton li:hover img {transform: scale(1.08);}
/* responsive */
@media (max-width: 1200px) {
    .hotButtonWrapper {margin: 10px 0px;}
    .hotButton li {flex: 0 0 20%;}
    .hotButtonWrapper::before, .hotButtonWrapper::after {display:none;}
}

@media (max-width: 900px) {
    .hotButton li {flex: 0 0 33.3333%;}
    .hotButton li a {padding:10px;}
    .hotButtonTitle {left: 12px;right: 12px;}
}

@media (max-width: 640px) {
    .hotButton li {flex: 0 0 50%;margin: 4px 0px;}    
}

@media (max-width: 420px) {
    .hotButton li {flex: 0 0 100%;}
}

/* Call-to-action base */
.call-to-action {display: block;margin: 0;padding: 0;list-style: none;}
.call-to-action li {max-width: 340px;display: block;margin: 20px 0;padding-left: 10px;text-align: center;background-color: #ffffff;border: solid 1px #b1b1b1;border-left: 6px solid transparent;transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;overflow: hidden;background-image: linear-gradient(145deg, #ffffff, #fdfdfd);}
.call-to-action li:first-child {margin-top: 10px;}
.call-to-action li:nth-child(even) {background-color: #f9f9f9;}
.call-to-action li:nth-child(3n + 1) {border-left-color: #0eb9bd;}
.call-to-action li:nth-child(3n + 2) {border-left-color: #077a93;}
.call-to-action li:nth-child(3n + 3) {border-left-color: #ffd369;}
.call-to-action li:hover {transform: translateY(-4px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);}
.call-to-action li::after {width: 0;height: 4px;background-color: #077a93;content: "";position: absolute;bottom: 0;left: 0;transition: width 0.3s ease;}
.call-to-action li:hover::after {width: 100%;}
.call-to-action li a {width: 100%;height: 100%;display: block;padding: 12px;font-family: "Montserrat", sans-serif;font-size: 1em;font-weight: 600;text-transform: uppercase;text-decoration: none;box-sizing: border-box;transition: background-color 0.3s ease, color 0.3s ease;}
.call-to-action li:hover a {background-color: #f5f5f5;color: #077a93;}
.call-to-action li:nth-child(1) a {color: #000000;font-weight: 700;font-size: 1.05em;}
.call-to-action li:nth-child(2) a {color: #1a1a1a;font-weight: 700;font-size: 1.05em;}
/* flex list */
ul.flex-list {display: flex;flex-wrap: wrap;padding: 0;margin: 0;list-style: none;}
ul.flex-list li {box-sizing: border-box;}
ul.flex-list.two li {flex: 0 0 50%;}
ul.flex-list.three li {flex: 0 0 33.3%;}
ul.flex-list.four li {flex: 0 0 25%;}
ul.flex-list.five li {flex: 0 0 20%;}
/* column list */
ul.column-list {column-gap: 20px;padding: 0;margin: 0;list-style: none;}
ul.column-list.two {column-count: 2;}
ul.column-list.three {column-count: 3;}
ul.column-list.four {column-count: 4;}
ul.column-list.five {column-count: 5;}
/* responsive */
@media only screen and (max-width: 768px) {
    ul.flex-list.two li, ul.flex-list.three li, ul.flex-list.four li, ul.flex-list.five li {flex: 0 0 100%;}
    ul.column-list.two, ul.column-list.three, ul.column-list.four, ul.column-list.five {column-count: 1;}
}

/*********************************Footer******************************************/
/*********************************************************************************/
.footer {font-size: 0.9em;line-height: normal;background-color: #a8d8f0;}
.footerTitle {font-weight: bold;text-transform: uppercase;}
.footerPhone a, .footerEmail a, .footerAddress a {text-decoration: underline !important;}
.footerAddress {padding-top: 25px !important;}
/************ Footer Menu ************/
.footerMenu {display: block;margin: 0;padding: 0;list-style: none;color: #4c4c4c;}
.footerMenu li {display: block;margin: 0;padding: 4px 0;}
.footerMenu li a {display: inline-block;padding-left: 5px;vertical-align: top;color: #4c4c4c;text-decoration: none;transition: background-color 0.3s ease, color 0.3s ease;}
.footerMenu li a:hover {color: #ffffff;}
@media only screen and (max-width: 1024px) {
    .footerMenu li, .footerMenu li a {padding: 0 !important;}
    ul.flex-list li {padding: 2px;}
}

.footerCredit {margin: 0 auto;padding-bottom: 35px;display: table;border-spacing: 15px 0;font-size: 0.9em;color: #323232;}
.footerCredit div {display: table-cell;margin: 0 auto;vertical-align: bottom;text-align: left;}
.footerCredit img {width: 100px;height: auto;}
.footerCredit a {color: #ffffff;}
.socials {text-align: center;}
.socials a {display: inline-block;padding: 0 4px;}
.socials img {display: block;}

/*******************************Responsive****************************************/
/*********************************************************************************/
@media only screen and (max-width: 768px) {
    .logo {width: 100%; max-width: 100%; display: block; text-align: center; float: none;}
    .headerContact, .headerCalls {margin: 0 auto; float: none; text-align: center;}
    .headerContact li, .headerCalls li {margin: 8px 0;}
    .headerContact li a.action-button, .headerContact li:last-child a.action-button {margin: 0; padding: 4px 10px 4px 25px; border: solid 1px #ffffff;}
    .backgroundImage .title {font-size: 0.9em;}
}

/*******************************Concrete Form**************************************/
/*********************************************************************************/
.form_box {max-width: 620px;margin: 30px auto;padding: 36px;box-sizing: border-box;background: rgba(255,255,255,0.92);border-radius: 24px;box-shadow: 0 18px 45px rgba(0,0,0,0.14);backdrop-filter: blur(10px);}
.form_box .ccm-block-express-form,
.form_box .ccm-form,
.form_box .ccm-dashboard-express-form,
.form_box fieldset {margin: 0;padding: 0;border: none;}
.form_box .mb-3 {margin-bottom: 22px;}
.form_box .form-label {display: block;margin-bottom: 7px;color: #1f2933;font-size: 15px;font-weight: 700;letter-spacing: 0.01em;}
/* Hide Concrete5 Required text */
.form_box .text-muted.small {display: none !important;}
.form_box .form-label::after {content: " *";color: #d97a73;font-weight: 800;}
.form_box .form-control {width: 100%;height: 52px;padding: 0 16px;box-sizing: border-box;color: #1f2933;font-size: 16px;background: #f8fafc;border: 1px solid #d9e2ec;border-radius: 14px;outline: none;transition: all 0.25s ease;box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);}
.form_box .form-control:focus {border-color: #5fa2a4;box-shadow: 0 0 0 4px rgba(143,207,209,0.28);}
.form_box .form-check {display: flex;align-items: center;gap: 10px;margin: 10px 0;padding: 13px 15px;box-sizing: border-box;background: #f8fafc;border: 1px solid #d9e2ec;border-radius: 14px;transition: all 0.25s ease;}
.form_box .form-check:hover {border-color: #8fcfd1;background: #f8fffc;box-shadow: 0 8px 20px rgba(95,162,164,0.14);}
.form_box .form-check-input {width: 19px;height: 19px;margin: 0;accent-color: #5fa2a4;cursor: pointer;}
.form_box .form-check-label {color: #334e68;font-size: 15px;font-weight: 600;cursor: pointer;}
.form_box .captcha {margin: 10px 0 20px;}
.form_box .form-actions {margin-top: 26px;}

.form_box .btn.btn-primary {width: 100%;min-height: 54px;padding: 14px 22px;box-sizing: border-box;color: #ffffff;font-size: 16px;font-weight: 800;letter-spacing: 0.03em;text-transform: uppercase;border: none;border-radius: 999px;cursor: pointer;background: linear-gradient(135deg, #5fa2a4, #4faf9f);box-shadow: 0 12px 24px rgba(95,162,164,0.28);transition: all 0.25s ease;}
.form_box .btn.btn-primary:hover {transform: translateY(-2px);background: linear-gradient(135deg, #4faf9f, #5fa2a4);box-shadow: 0 16px 32px rgba(95,162,164,0.36);}
.form_box .btn.btn-primary:active {transform: translateY(0);box-shadow: 0 8px 18px rgba(95,162,164,0.26);}

.form_box .alert.alert-success {margin: 0 0 20px 0;padding: 16px 18px 16px 36px;border-radius: 16px;background: #bee9d6;border: 1px solid #8fcfd1;color: #1f2933;font-size: 0.9em;font-weight: 600;box-shadow: 0 8px 20px rgba(95,162,164,0.18);}
.form_box .alert.alert-danger {margin: 0 0 20px 0;padding: 16px 18px 16px 36px;border-radius: 16px;background: #ffb6b0;border: 1px solid #d97a73;color: #1f2933;font-size: 0.9em;font-weight: 600;box-shadow: 0 8px 20px rgba(217,122,115,0.18);}
.form_box .alert {position: relative;}
.form_box .alert.alert-success::before {content: "✓";position: absolute;left: 16px;top: 50%;transform: translateY(-50%);font-weight: 800;color: #4faf9f;}
.form_box .alert.alert-danger::before {content: "!";position: absolute;left: 18px;top: 50%;transform: translateY(-50%);font-weight: 800;color: #d97a73;}

@media only screen and (max-width: 700px) {
    .form_box {max-width: 100%;margin: 20px auto;padding: 24px;border-radius: 18px;}
    .form_box .form-control {height: 50px;font-size: 15px;}
    .form_box .btn.btn-primary {min-height: 52px;font-size: 15px;}
}

/*******************************Concrete 5****************************************/
/*********************************************************************************/
/** C5 override **/
.ccm-logo img {width: auto;height: 100%;}
#ui-datepicker-div {z-index: 1000 !important;}
/** page navigation **/
.ccm-block-next-previous-header.previous {float: left;}
.ccm-block-next-previous-header.next {float: right;}
.ccm-block-next-previous-parent-link {width: 100%;text-align: center;}
.ccm-block-next-previous-parent-link, .ccm-block-next-previous-header h5 {margin: 0;font-size: 0.9em;font-weight: bold;}
.ccm-block-next-previous-wrapper {display: block;padding: 10px;border: solid 1px #DCDCDC;box-sizing: border-box;border-radius: 5px;font-size: 0.9em;}
.ccm-block-next-previous-wrapper a {color: #385670;text-decoration: none;font-weight: normal;transition: color 0.3s ease, transform 0.2s ease;}
.ccm-block-next-previous-wrapper a:hover {color: #1d2f45;text-decoration: underline;transform: translateX(2px);}
/** pagination **/
.ccm-pagination-wrapper {text-align: center;margin: 2rem 0;}
.ccm-pagination-wrapper .pagination {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.4rem;padding-left: 0;list-style: none;margin: 0;}
.ccm-pagination-wrapper .page-item {display: inline-block;}
.ccm-pagination-wrapper .page-link {display: inline-block;padding: 0.4rem 0.75rem;font-size: 0.95rem;color: #1a3c3d;background-color: #ecf9f9;border: 1px solid #b5e3e4;border-radius: 6px;text-decoration: none;transition: all 0.25s ease;}
.ccm-pagination-wrapper .page-item.active .page-link {background-color: #0eb9bd;color: #ffffff;font-weight: 600;cursor: default;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);}
.ccm-pagination-wrapper .page-item.disabled .page-link {color: #a3b1b1;background-color: #f4fafa;border-color: #d7f0f1;cursor: not-allowed;}
.ccm-pagination-wrapper .page-link:hover:not(.disabled):not(.active) {background-color: #d0f4f4;color: #0e5d5f;border-color: #91dede;transform: translateY(-1px);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);}
@media (max-width: 480px) {
    .ccm-pagination-wrapper .page-link {padding: 0.35rem 0.6rem; font-size: 0.9rem;}
}

/* Base navigation bar */
.nav {list-style: none;margin: 0;padding: 0;display: flex;justify-content: flex-start;flex-wrap: wrap;background: transparent;}
.nav > li {position: relative;}
.nav > li > a {display: block;padding: 14px 20px;color: #000000;text-decoration: none;font-weight: 500;transition: background 0.2s ease, color 0.2s ease;}
.nav > li > a:hover {background: rgba(0, 0, 0, 0.05);color: #000000;}
/* Dropdowns */
.nav li ul {display: none;position: absolute;top: 100%;left: 0;list-style: none;background: #ffffff;margin: 0;padding: 0;min-width: 200px;z-index: 999;border: 1px solid #dddddd;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.nav li:hover > ul {display: block;}
/* Submenu links */
.nav li ul li a {display: block;padding: 12px 16px;color: #000000;text-decoration: none;font-weight: 400;transition: background 0.2s ease;}
.nav li ul li a:hover {background: rgba(0, 0, 0, 0.05);}
/* mobile */
@media screen and (max-width: 768px) {
    .nav {flex-direction: column;}
    .nav > li {width: 100%;}
    .nav li ul {position: static; box-shadow: none; border: none;}
}

/****************************** Insurance Widget **********************************/
/**********************************************************************************/
#kleer-dentist-widget {top: 60px !important;right: 10px !important;left: auto !important;bottom: auto !important;}
@media only screen and (max-width: 1024px) {
    #kleer-dentist-widget {top: auto !important; bottom: 10px !important;}
}

@media only screen and (max-width: 768px) {
    #footer {padding-bottom: 200px;}
}