@charset "utf-8";/* CSS Document */
.coming-soon-message {
    display: none;
    text-align: center;
    padding: 2rem;
    background: #000;
    color: #fff;
    border: 1px solid #ddd;
    margin-top: 1rem;
}
:target.coming-soon-message {
    display: block;
}



/* © Copyright 2024 Medical Marketing Guru. All Rights Reserved.*/
/* Permalink - Advertising and Marketing for Dental & Mecical industries https://medicalmarketingguru.com */
html, body {max-width:2000px;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:2rem;font-family: "Amiri", serif;font-weight:700;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {text-transform:capitalize;font-weight:500;}
h1 {font-size:clamp(1.3em, 2vw + 1em, 2em);text-transform:uppercase;color:#000;}
h2 {font-size:clamp(1.2em, 2vw + 1em, 1.6em);text-transform:capitalize;color:#000;}
h3 {font-size:clamp(1.1em, 2vw + 1em, 1.4em);color:#3F3F3F;}
h4 {font-size:clamp(1em, 2vw + 1em, 1.1em);}
h5 {font-size:0.9em;}
h6 {font-size:0.8em;}

h1 span::after {width: 75px;height: 3px;display: block;margin: 10px 0 0 0;content: '';background-color: #21394b;}
.text-highlight {font-size:1.2em;font-weight: bold;color:#f4d39f;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}

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

blockquote {margin: 50px;font-style: italic;font-size: 1.1em;position:relative;}
blockquote::before {content:'" ';font-size: 3em;font-family:"Sorts Mill Goudy", serif;position:absolute;top:0;left:-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:0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.imgContent {max-width: 100%;height: auto;display: block;border-radius: 10px;border-bottom: 3px solid #077a93;border-left: solid 1px #0eb9bd;border-top: solid 1px #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;}

.responsive-image-fill {width:100vw;height:100%;content:'';position:absolute;top:0;left:50%;transform:translate(-50%, 0);z-index:-1;overflow:hidden;}
.responsive-image-fill img {width: 100%;height: 100%;object-fit: cover;display: block;}
.content.rightsidebar .responsive-image-fill, .content.right .responsive-image-fill {width:40vw;top:0;left:0;z-index:-1;transform:translate(0, 0);}
.content.left .responsive-image-fill, .content.leftsidebar .responsive-image-fill {width:70vw;top:0;left:auto;right: 0;z-index:-1;transform:translate(0, 0);}

.clearFix {clear:both;max-height:0px;width:100%;}

/*ADA key-board accessible*/
a:focus img {}
a:focus {text-decoration:underline !important; color:#888888;}
a.skipcontent {padding:8px 15px;color:#ffffff;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: #0eb9bd;position:absolute;top:64px;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-ctcpathways {position:relative;}
.wrapper {position:relative;z-index:100;overflow-x:hidden;}
.container {width:90%;margin:0 auto;padding:1px 0;position:relative;box-sizing:border-box;}
.container.limit {max-width:1200px;}
.contentContainer {width: 90%;max-width: 1366px;display: flex;margin: 0 auto;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;clear: both;position: relative;gap: 0;}
.content {padding: 0 30px;box-sizing: border-box;position:relative;}
.content.left {flex: 0 0 65%;padding-right: 30px;}
.content.right {flex: 0 0 65%;padding-left: 30px;}
.content.leftsidebar {padding-right: 30px;flex: 0 0 35%;}
.content.rightsidebar {padding-left: 30px;flex: 0 0 35%;}
.content.splitEven {padding-right: 20px;flex: 0 0 50%;}
.content.splitEven:last-child {padding-right: 0;padding-left: 20px;}
.content.splitThirds {padding-right: 20px;flex: 0 0 33.3333%;}
.content.splitThirds:last-child {padding-right: 0;padding-left: 20px;}

.ineditmode {position:inherit ;z-index:auto ;overflow:visible ;}
.ineditmode .content {position:initial;z-index: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::before, .darkcolorbg::before {width:100vw;height:100%;content:'';position:absolute;top:0;left:50%;z-index:-1;transform:translate(-50%, 0);}

.lightcolorbg {position:relative;}
.lightcolorbg::before {background-color:#e5e9ec;}
.lightcolorbg a {color:#82704c;}

.darkcolorbg {color:#FFFFFF;position:relative;}
.darkcolorbg h1, .darkcolorbg h2, .darkcolorbg h3, .darkcolorbg h4, .darkcolorbg h5, .darkcolorbg h6 {color:#FFFFFF;}
.darkcolorbg::before {background-color:#21394b;}
.darkcolorbg a {color:#FFFFFF;text-decoration:none;}
.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:auto;right: 0;z-index:-1;transform:translate(0, 0);}
.content.rightsidebar.lightcolorbg::before, .content.rightsidebar.darkcolorbg::before, .content.leftsidebar.lightcolorbg::before, .content.leftsidebar.darkcolorbg::before {width:40vw;top:0;left:0;z-index:-1;transform:translate(0, 0);}

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

.parallax {padding:200px 0px;position:relative;color:#ffffff;}
.parallax.two {}
.parallax.three {}
.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;}
.parallax::after {background-color: rgba(0,0,0,0.65);}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {color:#ffffff;}
.parallax a {color:#ffffff;}
.parallax h2 {font-size:clamp(1.2em, 2vw + 1em, 1.5em);}
.parallax .bannerText {font-size:clamp(0.8em, 2vw + 1em, 1.2em);font-weight:600}

.parallaxContainer {width:100%;padding-top:42%;margin:0 auto;position:relative;overflow:hidden;}
.parallaxScrolly  {width: 100%;position:absolute;top:0;left:50%;transform: translate(-50%, 0);z-index:0;}
.parallaxScrolly-inner {width: 100%;padding:0px 0px 0px 0px;position:relative;z-index:0;}
.parallaxScrolly-inner img {width:100%;height:auto;}
.parallaxScrolly-inner::before {width:100vw;height:100%;display:block;content: '';position:absolute;top:0;left:0;z-index:1;background: linear-gradient(to right, rgba(33, 57, 75, 0.8), rgba(162, 183, 198, 0.8));}
.parallaxScrolly .accolade {width:60%;position:absolute;bottom:40px;left:-40px;}
    /**developer**/
    .parallaxScrolly-innerBlock {width: 90%;max-width: 1200px;position: absolute;top: 10%;left: 50%;transform: translateX(-50%);z-index: 100;color: #fff;display: flex;flex-wrap: wrap;box-sizing: border-box;}
    .parallaxScrolly-innerBlock > p {flex: 1 1 30%;box-sizing: border-box;position:relative;}
    .parallaxScrolly-innerBlock > p img {width:100%;height: auto;display: block;}
    .parallaxScrolly-innerBlock > div {flex: 1 1 70%;padding:0 10rem 0 0;box-sizing: border-box;}
    .parallaxScrolly-innerBlock h1 {color: #fff;padding-right:10rem;line-height:2rem;}
    @media (max-width: 768px) {
        .parallaxScrolly-innerBlock {flex-direction: column;text-align: center;}
        .parallaxScrolly-innerBlock > div, .parallaxScrolly-innerBlock > p {flex: 1 1 100%;padding-right: 0;}
        .parallaxScrolly-innerBlock h1 {font-size: 1.5rem;}
        .parallaxScrolly-innerBlock .text-highlight {font-size: 1rem;}}
    /**developer**/
@media (max-width: 1024px) {
  .parallax::before {background-attachment: scroll;}
}
@media only screen and (max-width:768px) {
    .contentContainer {margin-bottom:10px;} 
	.contentContainer, .content {display:block;} 
	.contentContainer {width:96%;margin:0 auto;} 
	.content.left, .content.right, .content.leftsidebar, .content.rightsidebar, .content.splitEven, .content.splitThrids {width:100%;padding:4px 0px;}
    
	.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;}
	.parallaxContainer {padding-top: 0;}
	.parallaxScrolly {position:relative;left:auto;top:0 !important;transform: translate(0, 0);}
}

/**************************** Header ***************************/
/***************************************************************/
#sticky-nav {transition: top 0.4s ease, padding 0.4s ease;position: relative;}
#sticky-nav.sticky {width:100%;padding:4px 20px;position:fixed !important;top: -100px;z-index:999;box-sizing:border-box;}
#sticky-nav.sticky.visible {top: 0;}
#sticky-nav.sticky.visible .header {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}

.header {padding:20px 0px;background-color:#fff;position:relative;z-index:110;}

.logo {display:inline-block;max-width:334px;height:auto;vertical-align: text-bottom;}
.logo a {width:100%;height:100%;display:block;}
.logo a img {display:block;}
.action-button-Headercontainer {position: absolute;top: 0;right: 0;}
a.contact-phone {padding:0 30px 0 30px;color:#000;text-decoration:none;background-image:url("../images/contact-phone.jpg");background-repeat:no-repeat;background-position:center left;background-size:auto 100%;}

/**********************************Menu******************************************/
/********************************************************************************/
#menu-container {display:inline-block;padding:0 12px 0 0;vertical-align: middle;}
/************Menu Top************/
.menuTop {display:block;padding: 0px;position:relative;z-index:100;}
.menuTop ul {display:block;padding:0;margin:0 auto;list-style:none;box-sizing:border-box;}
.menuTop ul li {display:inline-block;padding:0;margin:0 auto;box-sizing:border-box;position:relative;}
.menuTop ul li a {display:block;padding:10px;line-height:36px;text-decoration:none;text-transform:capitalize;color:#231f20;font-size:.95em;box-sizing:border-box;}
.menuTop ul li:hover a, .menuTop ul li a:focus {}
/**second level**/
.menuTop ul ul {min-width:200px;padding:0px 4px;background-color:#ffffff;text-align:left;position:absolute;top:100%;left:0;z-index:101;visibility:hidden;max-height:0px;overflow:hidden;white-space:nowrap;transition: all 0.3s ease-in;}
.menuTop ul ul li {display:block;padding:0;border:none;text-align:left;float:none;position: unset;}
.menuTop ul ul a {padding:10px 12px 10px 12px;line-height:normal;white-space: nowrap;border-bottom:solid 1px #e5e5e5;}
.menuTop ul ul li:first-child a {color:#000000;background-image:none;background-color:transparent;}
.menuTop ul ul li:first-child:hover a {background-image:none;background-color:transparent;}
.menuTop ul ul:hover, .menuTop ul li.active ul {overflow:visible;}
.menuTop ul li:hover ul li a, .menuTop ul ul li a:focus {color:#333333;background-color:#ffffff;}
.menuTop ul ul a:hover, .menuTop ul ul a:focus {color:#333333 !important;background-color:#efefef !important;}
.menuTop ul ul li a.nav-dropdown {margin:0 auto;background-image:url("../images/menu-flyout-arrow-right.png");background-position: right 20px top 15px;background-size:6px auto;}
.menuTop ul ul li:hover a.nav-dropdown {background-image:url("../images/menu-flyout-arrow-right.png");}
/**third level**/
.menuTop ul ul ul {min-height: 100%;top:0px;left:100%;}
.menuTop ul ul ul li a.nav-dropdown {padding:10px;background-image:none !important;}
/**hide & show the sub levels**/
.menuTop ul li:hover ul {visibility:visible;max-height:600px;}
.menuTop ul li:hover > ul, .menuTop ul li.active > ul {display:block;visibility:visible;max-height:600px;}
.menuTop ul :hover ul ul {visibility:hidden;max-height:0px;overflow:hidden;}
.menuTop ul :hover ul :hover ul {visibility:visible;max-height:600px;}

/************Menu Sitemap************/
.sitemap_menu {display:block;margin:0;padding: 0px;position:relative;z-index:100;}
.sitemap_menu ul {display:block;padding:0;margin:0;list-style:none;box-sizing:border-box;}
.sitemap_menu ul li {width:48% !important;display:inline-block !important;padding:4px 0px !important;margin:0;position:relative;box-sizing:border-box;}
.sitemap_menu ul li a {font-size:1em;font-weight:normal;line-height:normal;box-sizing:border-box;text-decoration:none !important;}
.sitemap_menu ul li a::before {content:'» '}
/**second level**/
.sitemap_menu ul ul {min-width:200px;background-color:#ffffff;text-align:left;position:absolute;top:100%;left:0;z-index:101;visibility:hidden;max-height:0px;overflow:hidden;white-space:nowrap;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);transition: all 0.3s ease-in;}
.sitemap_menu ul ul li {display:block;padding:0;border:none;text-align:left;float:none;}
.sitemap_menu ul ul a {padding:4px 12px 4px 12px;line-height:normal;white-space: nowrap;}
.sitemap_menu ul ul li a.nav-dropdown {background-image: url("../images/menu-flyout-arrow.png");background-repeat:no-repeat;background-position: right 10px center;}
.sitemap_menu ul ul:hover, .sitemap_menu ul li.active ul {overflow:visible;}
.sitemap_menu ul li:hover ul li a, .sitemap_menu ul ul li a:focus {color:#ffffff;background-color:#6699ff;}
.sitemap_menu ul ul a:hover, .sitemap_menu ul ul a:focus {color:#4f4f4f !important;background-color:#ffffff !important;}
.sitemap_menu ul ul a.nav-dropdown:hover, .sitemap_menu ul ul a.nav-dropdown:focus {background-image: url("../images/menu-flyout-arrow-hover.png") !important;}
/**third level**/
.sitemap_menu ul ul ul {top:0px;left:100%;}
/**hide & show the sub levels**/
.sitemap_menu ul li:hover ul {visibility:visible;max-height:600px;}
.sitemap_menu ul li:hover > ul, .sitemap_menu ul li.active > ul {display:block;visibility:visible;max-height:600px;}
.sitemap_menu ul :hover ul ul {visibility:hidden;max-height:0px;overflow:hidden;}
.sitemap_menu ul :hover ul :hover ul {visibility:visible;max-height:600px;}

/************Mobile Menu************/
.mobileWrapper {width:100%;display:block;margin:20px auto;}
.mobileItem {width:100%;display:block;margin:0px 0px 10px 0px;box-sizing: border-box;}
.mobileHeader {width: 100%;display: flex;align-items: center;gap: 10px;padding: 18px;background-color: #eee;color: #444;text-align: left;cursor: pointer;box-sizing: border-box;font-size: 1em;border: none;transition: all 0.2s ease-out;}
.mobileHeader .hamburger {width: 20px;height: 16px;display: inline-block;position: relative;}
.mobileHeader .hamburger span {width: 100%;height: 2px;background: #444;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 {height:auto;max-height:2000px;padding:18px;overflow:hidden;background-color:#ffffff;transition: all 0.8s ease-out;}
.mobile_menu .mobileItem.revealMenu .mobileHeader {background-color: #ccc;}
.mobile_menu .mobileItem.hideMenu .mobileContent {max-height:0;padding:0 18px;}
.mobile_menu {display:none !important;margin:0;padding: 0px;text-align:left;position:relative;z-index:100;}
.mobile_menu ul {display:block;padding:0;margin:0 auto;list-style:none;box-sizing:border-box;}
.mobile_menu ul li {display:block;padding:8px 0px;margin:0 auto;position:relative;box-sizing:border-box;}
.mobile_menu ul li a {display:block;padding:0 10px;font-size:1rem;font-weight:normal;line-height:normal;color:#000000;text-decoration:none;box-sizing:border-box;}
/**second level**/
.mobile_menu ul ul {max-height:0px;margin-left:10px;overflow:hidden;white-space: nowrap;text-align:left;visibility:hidden;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;}
.mobile_menu ul ul li {display:block;padding:6px 0px;border:none;text-align:left;float:none;}
.mobile_menu ul ul a {line-height:normal;white-space: nowrap;text-transform:capitalize;}
.mobile_menu ul ul:hover, .mobile_menu ul li.active ul {overflow:visible;}
/**third level**/
.mobile_menu ul ul ul {top:0px;left:100%;}
/**hide & show the sub levels**/
.mobile_menu ul li:hover ul {visibility:visible;max-height:600px;}
.mobile_menu ul li:hover > ul, .mobile_menu ul li.active > ul {display:block;visibility:visible;max-height:600px;}
.mobile_menu ul :hover ul ul {visibility:hidden;max-height:0px;overflow:hidden;}
.mobile_menu ul :hover ul :hover ul {visibility:visible;max-height:600px;}
@media only screen and (max-width:1024px) {
	#menu-container {display:none;}
	.mobile_menu {display:block !important;}}

/**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;}
nav ol.breadcrumb li:first-child {padding:0 10px 0 0;}
nav ol.breadcrumb li:before {content:'»  ';}
nav ol.breadcrumb li {font-size:0.7em;color:#A6A6A6;}
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;font-size:1.2em;font-family: "Merriweather", serif;background:rgba(255,255,255,0.85);text-align:center;position:absolute;bottom:15px;left:50%;
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0);}

/*********************************Buttons*****************************************/
/*********************************************************************************/
/*custom button*/
.action-button {display:inline-block;margin:4px 0;padding:12px 20px;font-size:1em;font-weight:600;text-align: center;text-transform:uppercase;color:#fff;background-color:#21394b;text-decoration:none;border:solid 1px #fff;box-sizing:border-box;transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}
.action-button:hover {background-color: #d9a036;color: #ffffff;transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.parallaxScrolly-innerBlock a.action-button, .darkcolorbg a.action-button {font-family: "Amiri", serif;background-color:rgba(255,255,255,0.2)}
.lightcolorbg .action-button {background-color:#000000;}
.lightcolorbg .action-button:hover {background-color: #055f77;}

/* Hot Buttons */
.hot-buttons-wrapper {display: flex;align-items: flex-end;justify-content: center;gap: 1rem;padding: 3rem 0;flex-wrap: nowrap;}
ul.hot-buttons {display: flex;gap: 2rem;list-style: none;margin: 0;padding: 0;flex-wrap: nowrap;}
ul.hot-buttons li {flex: 0 0 auto;width: 260px;text-align: center;}
ul.hot-buttons li:nth-child(1) a {border-radius: 80px 0 0 0;}
ul.hot-buttons li:nth-child(3) a {border-radius: 0 80px 0 0;}
ul.hot-buttons img {width: 100%;height: auto;display: block;}
ul.hot-buttons li a {color:#fff;text-decoration: none;display: block;transition: transform 0.3s ease, box-shadow 0.3s ease;overflow:hidden;}
ul.hot-buttons li a:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
ul.hot-buttons li a:hover .caption {background-color: #a6bbc9;color: #102536;}
ul.hot-buttons .caption {background-color: #102536;color: #fff;font-weight: bold;padding: 1rem;text-transform: uppercase;font-size:1em;}
.cap {width: 150px;height: 200px;background-color: #102536;flex-shrink: 0;}
.cap.lightblue {background-color:#a6bbc9;}
.cap-leftTop {border-top-left-radius: 80px;}
.cap-leftBottom {border-bottom-left-radius: 80px;}
.cap-rightTop {border-top-right-radius: 80px;}
.cap-rightBottom {border-bottom-right-radius: 80px;}

/* Call-to-action base */
ul.call-to-action .cta-wrapper {position: relative;}
ul.call-to-action {max-width: 1200px;display: flex;list-style: none;margin: 0 auto;padding: 4rem 0px;justify-content: center;flex-wrap: wrap;}
ul.call-to-action li {flex: 0 0 25%;padding:2rem;text-align: center;box-sizing: border-box;position: relative;}
ul.call-to-action .caption {margin:20px 0px;font-size:1.2em;font-weight:bold;}
ul.call-to-action img {width:80%;max-width: 150px;height: auto;margin: 0 auto;display: block;}
ul.call-to-action li a {color:#000;text-decoration: none;display: block;overflow:hidden;cursor: pointer;}
ul.call-to-action .hover-message {width: 100%;height: 100%;display: flex;padding: 1rem;align-items: center;justify-content: center;text-align: center;font-size: 1.1em;position: absolute;top: 0;left: 0;background: #fff;opacity: 0;pointer-events: auto;cursor: pointer;transition: opacity 0.3s ease;}
.cta-wrapper:hover a img, .cta-wrapper:hover a .caption {opacity: 0;}
.cta-wrapper:hover .hover-message {opacity: 1;pointer-events: auto;}

.review-slider {position:relative;overflow:hidden;background-color: rgba(255,255,255,0.2);border:solid 1px #fff;}
.review-wrapper {height:auto;position:relative;transition: height 0.4s ease;}
.review-slide-group {width: 100%;display: flex;position: absolute;top: 0;left: 0;justify-content: space-between;opacity: 0;transition: opacity 0.6s ease-in-out;pointer-events: none;}
.review-slide-group.active {opacity: 1;pointer-events: auto;}
.review-slide {flex: 1;padding: 20px;box-sizing: border-box;text-align: left;}
.reviews {display:block;padding:0 0 20px 0;font-size: 3em; color: #f5ee31;}
.dots-container { text-align: center;padding: 15px 0;}
.dot {width: 12px;height: 12px;display: inline-block;margin: 0 5px;background: #bbb;border-radius: 50%;cursor: pointer;transition: background 0.3s ease-in-out;}
.dot.active { background-color:#000000;}
@media (max-width: 1024px) {
  .review-slide-group {display: block;}
  .review-slide {flex: none;width: 100%;}}

#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);}}
@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;}}

ul.flex-list {display: flex;flex-wrap: wrap; padding: 0;margin: 0;list-style: none;}
ul.flex-list li {box-sizing: border-box; padding: 10px;}
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%;}

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;}
@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;}

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

.footerLogo {max-width:150px;}
.footer hr {height: 1px;margin: 40px 0;background-color: #a6bbc9;border: none;}

/*******************************Responsive****************************************/
/*********************************************************************************/
@media only screen and (max-width:1295px) {
    #menu-container {display:block;}
}
@media only screen and (max-width:1024px) {
    ul.hot-buttons {gap: 1rem;}
    ul.hot-buttons li {width: 200px;}
    .caption {font-size: 0.8em;line-height:normal;}
}
@media only screen and (max-width:768px) {
    ul.hot-buttons {gap: 0.5rem;}
    ul.hot-buttons li {width: 115px;}
    .caption {padding: 4px;}
    
    ul.call-to-action li {flex: 0 0 50%;margin-bottom: 1.5rem;}
}

/*******************************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 5px 5px 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;}}

/** page list for blog posts**/
/**standard**/
.ccm-block-page-list-page-entry {margin:10px auto;padding:10px;box-sizing:border-box;border:solid 1px #DCDCDC;}
.ccm-block-page-list-description {color:#000000;font-size:1em;}
.ccm-block-page-list-title a {color:#385670; font-weight:normal;}
.ccm-block-page-list-page-entry-thumbnail {}
.ccm-block-page-list-page-entry-thumbnail img {height:auto;}
.ccm-block-page-list-date {margin-left:10px;padding-left:15px;background-image:url(../images/blog-clock.png);background-repeat:no-repeat;background-position:left center;color:#686565 !important;font-size:0.8em;float:none !important;}

/* 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: #000;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: #000;}
/* Dropdowns */
.nav li ul {display: none;position: absolute;top: 100%;left: 0;list-style: none;background: #fff;margin: 0;padding: 0;min-width: 200px;z-index: 999;border: 1px solid #ddd;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: #000;text-decoration: none;font-weight: 400;transition: background 0.2s ease;}
.nav li ul li a:hover {background: rgba(0, 0, 0, 0.05);}
/* Optional: mobile responsiveness */
@media screen and (max-width: 768px) {
  .nav {flex-direction: column;}
  .nav > li {width: 100%;}
  .nav li ul {position: static;box-shadow: none;border: none;}}