@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.45em;font-size: 1em;color: #666666;font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 {line-height: normal;font-family: "Nunito Sans", sans-serif;}
h1 {font-size: clamp(1.3em, 2vw + 1em, 1.8em);text-transform: uppercase;color: #f36523;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;}

h1.homepage, h2.homepage::first-line {font-size: clamp(1.3em, 2vw + 1em, 3em);text-transform: uppercase;color: #f36523;font-weight: 700;}
h1.homepage, h2.homepage{padding-bottom: 50px;position:relative;}
h2.homepage {font-size: clamp(1.1em, 2vw + 1em, 2em);text-transform: uppercase;color: #f36523;font-weight: 700;}
h1.homepage::after, h2.homepage::after {width:15px;height:15px;display:block; content:'';background-color: #f36523;position:absolute;bottom:0;left:50%;transform: translateY(-50%);}

.parallax h1.homepage, .parallax h2.homepage::first-line, .parallax h2.homepage {color: #fff;}
.parallax h1.homepage::after, .parallax h2.homepage::after {background-color: #fff;}

.subTitle {font-size: clamp(1.025em, 2vw + 1em, 1.4em);text-transform: uppercase;}

.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: #32baac;;}
a:hover {text-decoration: none;}

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

img.blog {max-width: 96%;padding: 5px;margin:15px;box-sizing: border-box;float: right;box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);}
@media only screen and (max-width: 1024px) {
    img.blog {display: block;margin: 0 auto;float: none !important;}
}

.imgContent {max-width: 100%;display: block;border-radius: 24px;border-bottom: solid 10px #faa939;box-shadow: 0 12px 28px rgba(0,0,0,0.14);transition: transform 0.35s ease, box-shadow 0.35s ease;margin: 10px 20px;}
.content.rightsidebar .imgContent {margin:0 auto;}

.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: #32baac;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;background-color: #000000;background-image: url(../images/handicap-symbol.png);position: absolute;top: 45px;right: 0;z-index: 500;}
#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-goldenkids {position: relative;}
.wrapper {position: relative;z-index: 2;}
.wrapper.subPage {padding-top:20px;}

.container {width: 90%;max-width: 1200px;margin: 0 auto;padding: 0;position: relative;box-sizing: border-box;}
.container.bgWhite {padding: 20px;background-color:rgba(255,255,255,0.75);border-radius: 25px;color: #373737;}
.container.bgWhite h2, .container.bgWhite h3, .container.bgWhite h4 {color:#000;}

.contentContainer {width: 100%;display: flex;flex-wrap: wrap;margin: 0 auto;padding: 0;position: relative;box-sizing: border-box;clear: both;}
.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: #f2f2f2;}

.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: #32baac;}
.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 {position: relative;overflow: hidden;color:#ffffff;}
.parallax::after, .parallax::before {width: 100vw;height: 100%;display: block;content: '';position: absolute;top: 0;left: 0;z-index: -1;pointer-events: none;background-color: rgba(26,188,171,0.7);}
.parallax::before {background-repeat: no-repeat;background-position: center top;background-size: cover;background-attachment: fixed;}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax a {color:#ffffff;}

/* hero banner js scrolly */
.parallaxContainer {width: 100%;display: block;padding-top: 42%;background-color: #f3f0e8;box-sizing: border-box;position: relative;overflow: hidden;z-index: 1;}
.parallaxScrolly {width: 100%;display: block;position: absolute;top: 0;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;}
}

@media only screen and (max-width: 768px) {
    .parallaxContainer {padding-top: 62%;}
}

/**************************** Header ***************************/
/***************************************************************/
.header {width: 100%;border-top:solid 10px #32baac;background-image: url("../images/header_background.jpg");background-repeat:repeat;background-size:auto 150%;position:relative;}
.header::after {width:100%;height:100%;content:'';background-color: rgba(0,0,0,0.35);position:absolute;top:0;left:0;z-index:1;}
.header .container {display: flex;align-items: flex-start;justify-content: space-between;position:relative;z-index:10;}
.headerContact {display: flex;flex-direction: column;justify-content: space-between;text-align: right;color: #ffffff;}
.headerContact p {margin:0;}
.headerContact a {display:block;padding: 10px 0;color: #ffffff;text-decoration: none;line-height: 1.2;font-size:clamp(0.9em, 1.5vw + 1em, 1.4em);font-weight:bold;text-shadow: 2px 2px 3px rgba(0,0,0,0.75);}
.headerContact a.action-button {display:inline-flex; align-items: center;padding:10px 20px;background-color: #32baac;font-size:clamp(0.9em, 1.5vw + 1em, 1em);font-weight:normal;color:#ffffff;text-shadow: none;transition:background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;}
.headerContact a.action-button::before {width: 22px;height: 22px;display: inline-block;padding-right: 30px;content:'';background-image: url("../images/icon_contact_form.svg");background-repeat:no-repeat;background-position:left center;}
.headerContact a.action-button:hover {background-color: #27998d;transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.18);}
.headerContact a.action-button:active {transform: translateY(0);box-shadow: 0 2px 6px rgba(0,0,0,0.12);}
.headerTagline {padding:40px 0px;font-family: "Lobster", sans-serif;font-size:clamp(1.8em, 2vw + 1em, 3.2em);text-shadow: 2px 2px 3px rgba(0,0,0,0.75);}

.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: #32baac;}

/************ 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;box-sizing: border-box;position: relative;}
.menuTop > ul > li > a {display: flex;padding: 18px 34px;align-items: center;justify-content: center;text-decoration: none;text-transform: capitalize;color: #ffffff;line-height: 1.1;box-sizing: border-box;position: relative;transition: background-color 0.25s ease, color 0.25s ease;}
.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 > a::after { background-color: #bee9d6; }
.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;background-color: #27998d;}
.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);}
/** 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);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: #32baac;color: #000000;cursor: pointer;box-sizing: border-box;font-size: 1em;font-weight: 700;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: 0;padding: 10px 0;overflow: hidden;background-color: #ffffff;transition: max-height 0.35s ease, padding 0.35s ease;}
.mobileItem.hideMenu .mobileContent {max-height: 0;padding: 0;overflow: hidden;}
.mobileItem.revealMenu .mobileContent {max-height: 2000px;padding: 10px 0;overflow: hidden;}
/* 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;}
.mobile_menu ul ul {display: none;background-color: #f4f8fb;}
.mobile_menu li.active > ul {display: block;}
.mobile_menu ul ul li a {padding-left: 34px;font-weight: 400;}
/* 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: #27998d;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);}
/* responsive */
@media (max-width: 768px) {
    .btnPrimary {min-width: 0px;}
}

/* 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: 1000px;margin:0 auto;position: relative;}
.hotButtonWrapper.ineditmode .hotButton {position:inherit;bottom:auto;left: auto;transform: none;}
.hotButton {display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;max-width: 1200px;width: calc(100% - 16px);position: absolute;bottom:0;left: 50%;transform: translateX(-50%);z-index: 1;}
.hotButton li {flex: 0 0 33.3%;padding: 0;box-sizing: border-box;}
.hotButton li a {width: 100%;aspect-ratio: 1 / 1;display: flex;padding: 28px;align-items: center;justify-content: center;text-decoration:none;position: relative;box-sizing: border-box;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.hotButtonTitle {padding: 12px 10px;box-sizing: border-box;color: #ffffff;font-size: clamp(0.8em, 1.5vw, 2.2em);line-height:normal;text-align: center;text-transform: uppercase;font-weight:bold;position: relative;z-index: 2;}
.hotButtonTitle::first-line {font-weight:normal;}
/* tile colors */
.hotButton li:nth-child(1) a {background-color: rgba(250,169,57,0.6);border-bottom:solid 8px #faa939;}
.hotButton li:nth-child(2) a {background-color: rgba(50,186,172,0.6);border-bottom:solid 8px #32baac;}
.hotButton li:nth-child(3) a {background-color: rgba(243,101,30,0.6);border-bottom:solid 8px #f3651e;}
.hotButton li:hover a {transform: translateY(-8px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);}
/* responsive */
@media (max-width: 1366px) {
    .hotButtonWrapper {max-width: 860px;}
    .hotButton {width: calc(100% - 30px);}
    .hotButton li a {padding: 18px;}
    .hotButtonTitle {font-size: clamp(0.85em, 1.3vw, 1.4em);}
}
@media (max-width: 1200px) {
    .hotButtonWrapper {max-width: 760px;}
    .hotButton li a {padding: 14px;aspect-ratio: auto;min-height: 90px;}
    .hotButtonTitle {font-size: clamp(0.8em, 1.2vw, 1.15em);}
}
@media (max-width: 900px) {
    .hotButtonWrapper {width: 96%;max-width: 100%;margin: 20px auto;position: relative;}
    .hotButton {position: relative;left: auto;bottom: auto;transform: none;width: 100%;z-index: 1;}
    .hotButton li {flex: 0 0 33.3333%;}
    .hotButton li a {padding: 16px 12px;}
    .hotButtonTitle {font-size: 0.95em;}
}
@media (max-width: 640px) {
    .hotButton {display: block;}
    .hotButton li {width: 100%;margin: 0 0 10px 0;}
    .hotButton li a {min-height: 78px;aspect-ratio: auto;padding: 16px;}
    .hotButtonTitle {font-size: 0.95em;}
}

/* Hot Buttons Sub Page */
.subPage .hotButtonWrapper {width: 100%;max-width: 340px;margin: 0 0 30px 0;position: relative;}
.subPage .hotButtonWrapper .hotButton {width: 100%;display: flex;flex-direction: column;margin: 0;padding: 0;position: relative;left: auto;bottom: auto;transform: none;}
.subPage .hotButtonWrapper .hotButton li {width: 100%;padding: 0 0 12px 0;flex: none;}
.subPage .hotButtonWrapper .hotButton li a {width: 100%;min-height: 90px;display: flex;padding: 18px;align-items: center;gap: 16px;aspect-ratio: auto; text-decoration: none;box-sizing: border-box;position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.subPage .hotButtonWrapper .hotButtonTitle {flex: 1 1 auto;padding: 0;color: #ffffff;font-size: 1em;line-height: 1.3;text-align: left;text-transform: uppercase;font-weight: bold;position: relative;z-index: 2;}
.subPage .hotButtonWrapper .hotButtonTitle::first-line {font-weight: normal;}
/* tile colors */
.subPage .hotButtonWrapper .hotButton li:nth-child(1) a {background-color: rgba(250,169,57,0.9);border-right: solid 8px #faa939;}
.subPage .hotButtonWrapper .hotButton li:nth-child(2) a {background-color: rgba(50,186,172,0.9);border-right: solid 8px #32baac;}
.subPage .hotButtonWrapper .hotButton li:nth-child(3) a {background-color: rgba(243,101,30,0.9);border-right: solid 8px #f3651e;}
/* hover */
.subPage .hotButtonWrapper .hotButton li:hover a {transform: translateX(6px);box-shadow: 0 10px 24px rgba(0,0,0,0.15);}
.subPage .hotButtonWrapper .hotButton li:hover img {transform: scale(1.08);}
/* responsive */
@media (max-width: 900px) {
    .subPage .hotButtonWrapper {max-width: 100%;}
    .subPage .hotButtonWrapper .hotButton li a {padding: 14px;min-height: 80px;}
    .subPage .hotButtonWrapper .hotButton li img {width: 54px;height: 54px;flex: 0 0 54px;}
}


/* Call-to-action base */
.callToAction {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;margin: 0;padding: 0;list-style: none;}
.callToAction li {flex: 0 1 33.3%;min-width: 300px;display: flex;padding:10px;box-sizing: border-box;}
.callToAction li a {display: block;padding: 18px 22px;text-decoration: none;background-color: rgba(7,186,168,0.8);}
.callToActionTitle {display: block;padding: 12px 10px;box-sizing: border-box;color: #ffffff;font-size: clamp(0.8em, 1.5vw, 2em);line-height: normal;text-align: center;text-transform: uppercase;font-weight: bold;position: relative;z-index: 2;}
.callToActionTitle::first-line {font-weight: normal;}

/* tile colors */
.callToAction li a {background-color: rgba(7,186,168,0.8);}
.callToAction li:hover a {transform: translateY(-8px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);}

/* responsive */
@media (max-width: 640px) {
    .callToAction li {flex: 0 1 100%;min-width: 100%;}
}

/* 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;}
.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: #32baac;text-decoration: none;transition: background-color 0.3s ease, color 0.3s ease;}
.footerMenu li a:hover {color: #000;}
@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;}
.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 select.form-control, .form_box select {width: 100%;height: 52px;padding: 0 46px 0 16px;box-sizing: border-box;color: #1f2933;font-size: 16px;background-color: #f8fafc;border: 1px solid #d9e2ec;border-radius: 14px;outline: none;appearance: none;cursor: pointer;transition: all 0.25s ease;background-image: linear-gradient(45deg, transparent 50%, #5fa2a4 50%), linear-gradient(135deg, #5fa2a4 50%, transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px), calc(100% - 14px) calc(50% - 3px);background-size: 6px 6px, 6px 6px;background-repeat: no-repeat;}
.form_box select.form-control:focus, .form_box select:focus {border-color: #5fa2a4;box-shadow: 0 0 0 4px rgba(143,207,209,0.28);}
/* Textarea */
.form_box textarea.form-control {min-height: 140px;padding: 14px 16px;resize: vertical;}
/* Checkbox + Radio */
.form_box input[type="checkbox"], .form_box input[type="radio"] {width: 20px;height: 20px;accent-color: #5fa2a4;cursor: pointer;}
/* File Upload */
.form_box input[type="file"] {width: 100%;padding: 14px;box-sizing: border-box;background: #f8fafc;border: 1px solid #d9e2ec;border-radius: 14px;color: #334e68;}
.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****************************************/
/*********************************************************************************/
.ccm-block-next-previous-wrapper {width: 100%;display: grid;margin: 40px 0;grid-template-columns: 1fr auto 1fr;align-items: center;}
.ccm-block-next-previous-header.previous {justify-self: start;grid-column: 1;}
.ccm-block-next-previous-header.next {grid-column: 3;grid-row: 1;justify-self: end;}
.ccm-block-next-previous-parent-link {grid-column: 2;grid-row: 1;margin: 0;justify-self: center;}
.ccm-block-next-previous-header h5 {margin: 0;}
.ccm-block-next-previous-header a, .ccm-block-next-previous-parent-link a {display: flex;align-items: center;justify-content: center;text-decoration: none;transition: all 0.25s ease;}
.ccm-block-next-previous-header a {width: 46px;height: 46px;border-radius: 50%;background: #f4f4f4;color: #333;font-size: 1.2em;line-height: 1;font-weight: 700;}
.ccm-block-next-previous-header a:hover {background: #333;color: #fff;}
.ccm-block-next-previous-parent-link {margin: 0;}
.ccm-block-next-previous-parent-link a {min-height: 46px;padding: 0 22px;border-radius: 24px;background: #f4f4f4;color: #333;font-size: 0.9em;font-weight: 600;}
.ccm-block-next-previous-parent-link a:hover {background: #333;color: #fff;}
@media (max-width: 600px) {
    .ccm-block-next-previous-wrapper {gap: 10px;}
    .ccm-block-next-previous-header a {width: 40px;height: 40px;font-size: 1em;}
    .ccm-block-next-previous-parent-link a {min-height: 40px;padding: 0 16px;   font-size: 0.8em;}
}