body{font-family:Tahoma, Arial, Verdana; font-size:14px; line-height:20px; color:#3a3a3a; margin:0;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#23408f; text-decoration:underline;}
a:hover{text-decoration:none; color:#000;}
img{max-width:100%;}
img.right{float:right; margin:5px 0 5px 10px;}
img.left{float:left; margin:5px 10px 5px 0;}
.main-img{max-width: 50%;}
img, object, embed{max-width: 100%; height: auto;}
.map{padding:5px; margin-bottom:15px; border:solid 1px #dad4c7; width:100%;}

ul.style, ol.style{margin:0 0 15px; font-size:14px; line-height:16px; color:#3a3a3a;}
ol.style li{list-style:decimal; margin:0 0 8px 20px;}
ul.style li{list-style:disc; margin:0 0 12px 20px;}
ul.style li.none, ol.style li.none{list-style:none;}
ul.style li.heading, ol.style li.heading{list-style:none; margin:0 0 8px 0px; border:none; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin-bottom:2px;}

body .lightbox-floating-button{z-index: 100!important; bottom: 35%!important;}

.text-left{text-align:left; position:relative;} .text-right{text-align:right; position:relative;} .text-center{text-align:center; position:relative;}
.line-through{position:relative;}
.line-through .heading, .line-through .sub-heading{background:#fff; display:inline-block; padding:0 10px; position:relative; text-align:center; width:auto; z-index:2;}
.line-through span{background:#DDDDDD; display: block; position: absolute; height: 1px; top: 37%; width: 100%; z-index:1;}

p{font-size:14px; line-height:19px;}
p, .mb{display:block; margin-bottom:15px;}
hr{background:#d3d3d3; margin:19px 0; border:none; height:1px;}

.disposal{ font-size:13px; line-height:16px; text-align:center; border:#666666 1px solid; padding:10px; margin:0 0 15px 0;}
.disposal span{ display:block;}
.disposal img{margin-bottom:8px;}
h1, h2, h3, h4, h5, h6{ font-family:Tahoma, Arial, Verdana;}

.heading, .sub-heading{display:block; font-size:30px; line-height:36px; font-weight:normal; color:#000; margin:0 0 20px 0;}
.sub-heading{font-size:22px; line-height:24px; margin:0 0 15px;}
.heading .sub-heading{font-size:16px; line-height:18px; font-weight:bold; color:#23408f; margin:0;}


header{padding-top:15px; padding-bottom:15px; text-align:center;}

.logo{ display:block; min-height:82px}

.tagline .heading{text-align:center; font-size:20px; line-height:24px; font-weight:bold; color:#027CAB; margin-bottom:0px;}
.tagline .heading strong{font-size:22px; display:block; margin-bottom:10px;}
.tagline .sub-heading{ font-size:18px; line-height:22px; text-align:center; margin-bottom:0;}
.tagline .sub-heading span{background:url(../img/black-blt.jpg) left center no-repeat; padding-left:13px; margin-left:4px;}
.head-contact a.phone-no{ display:block; margin-top:10px;}


.navigation, .top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button){ background:#027CAB; text-decoration:none;}
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li.current a:not(.button), .top-bar-section li.current:not(.has-form) a:not(.button){ background:#006890; color:#fff;}

.top-bar-section ul{display: table; margin: 0 auto;}
.top-bar, .title-area{height:45px; line-height:45px}
.top-bar-section li:not(.has-form) a:not(.button){padding:14px 20px 15px; font-size:15px; line-height:16px; border-right:solid 1px #005f84; border-left:solid 1px #0494cb; color:#fff; text-align:center;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:9px 20px;}
.top-bar-section li:first-child a{border-left:none!important;}
.top-bar-section li:last-child a{border-right:none!important;}
.top-bar-section .has-dropdown > a{padding-right:20px!important;}
.top-bar-section .has-dropdown > a::after{ display:none;}/*class for dropdown arrow*/

.top-bar.expanded br{display:none;}
.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.button){text-align:left;}
.top-bar-section li.sale:not(.has-form) a:not(.button){background:#E60000!important;}

.top-bar-section .dropdown{border:solid 1px #005f84;}
.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:#027CAB; border-top:solid 1px #0494cb; border-bottom:solid 1px #005f84; padding:5px!important; line-height:20px; border-right:none; border-left:none; color:#fff; font-size:12px; text-align:left;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button), .current-parent .current a{background:#006890 !important;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar.expanded .toggle-topbar a{color:#fff;}

.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none !important;}
.navigation .top-bar.expanded .parent-link.show-for-small{display: block!important;}
.navigation .dropdown .parent-link.js-generated br{display:none;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none;}

.banner{background:#ced4d7 url(../img/banner-bg.webp) center top no-repeat; padding:20px 0; min-height:380px}
.banner .heading{font-size:38px; line-height:38px; color:#027CAB; font-weight:normal; margin-bottom:15px;}
.banner .heading span{display:block; font-size:34px; line-height:36px; color:#1a95c4;}
.banner ul{list-style:none; margin:0; padding:0; margin-bottom:15px;}
.banner ul li{background:url(../img/black-arrow.jpg) left 7px no-repeat; font-size:14px; line-height:20px; font-weight:bold; padding-left:15px; margin-bottom:3px;}

/*class for orbit slider*/
.orbit-timer, .orbit-slide-number{display:none;}
.orbit-bullets-container{position:absolute; bottom:0px; right:10px; z-index:99;}
.orbit-timer, .orbit-slide-number, .orbit-bullets{display:none;}
/*class for orbit slider*/

.inner-banner .heading{font-size:20px; line-height:24px; font-weight:bold; text-align:center; color:#000039; border-bottom:1px solid #ccc; margin:0 0 15px; padding-bottom:6px;}
.inner-banner ul.chk-list{margin:0 0 15px;}
.inner-banner ul.chk-list li{list-style:none; font-size:14px; line-height:20px; font-weight:bold; color:#000039; padding:2px 0 2px 20px;}
.inner-banner .medium-5{padding:0; margin-bottom:15px;}

.main-container{background:#eeefea;}

.content-area{background:#fff; padding-top:20px; border-bottom: 10px solid #e0e2d7;}

.main-service{list-style:none; margin:0;}
.main-service li{margin-bottom:10px;}

a.brown, a.maroon, a.green{color:#fff; font-size:44px; line-height:44px; text-decoration:none; padding:25px 25px 20px; width:250px!important; margin-bottom:30px;}
a.brown span, a.maroon span, a.green span{font-size:18px; line-height:18px; display:block; background:url(../img/circle-arrow.png) right center no-repeat; text-align:right; margin-top:35px; padding-right:20px; padding-bottom:4px;}
a.brown{background:#998f7f; border-bottom:solid 1px #736b5e;}
a.maroon{background:#7a2c50; border-bottom:solid 1px #61223f;}
a.green{background:#5e9401; border-bottom:solid 1px #456c03;}

.service-btn{ position:relative; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:28px; font-weight:bold; margin:10px 10px 30px; padding:15px 20px 5px; width:260px; height:144px; overflow:hidden;}
.service-btn b{display:block; font-size:48px; line-height:50px; color:#b8101f; margin-top:6px;}
.service-btn a{font-size:18px; line-height:20px; color:#fffaea; text-decoration:none; display:block; position:absolute; left:10px; bottom:3px;}
.service-btn a:hover{color:#fff;}

.large-3 .service-btn{background:url(../img/btn-inner.webp) no-repeat; position:relative; display:block; float:none; font-size:18px; line-height:22px; font-weight:bold; margin:0 0 10px; padding:5px 10px 5px; width:210px; height:116px; overflow:hidden;}
.large-3 .service-btn b{display:block; font-size:40px; line-height:42px; color:#b8101f; margin-top:6px;}
.large-3 .service-btn a{font-size:13px; line-height:15px; color:#fffaea; text-decoration:none; display:block; position:absolute; left:10px; bottom:3px;}
.large-3 .service-btn a:hover{color:#fff;}
.large-3 .deluxe{background:url(../img/btn-inner1.webp) no-repeat;}
.large-3 .deluxe-plus{background:url(../img/btn-inner2.webp) no-repeat;}
.large-3 .ultimate{}

.special{ font-family:Arial, Helvetica, sans-serif;}
.special a{display:block; background:url(../img/special-bg.webp) bottom right no-repeat; border:solid 1px #fff; padding:10px; font-size:15px; line-height:18px; font-weight:bold; text-decoration:none; color:#262626; margin-bottom:0;}
.special a:hover{color:#000;}
.special a strong{font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; margin-bottom:5px; font-weight:bold; display:block;}
.special a b{color:#cf1426; font-size:20px; display:block;}
.shadow{ float:left; width:100%; margin-bottom:10px;}

.spa-cover-box{background:#fff; border:#666666 1px solid; float:right; padding:10px 10px 1px; margin:0 0 15px 10px;}

.colors li{position:relative;}
.colors li img{ width:100%;}
.colors li span{position:absolute; color:#fff; font-size:15px; font-weight:bold; top:5px; left:10px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); padding:0 10px;}

.products{background:#fff;}
.products .row{border-bottom:solid 1px #d5d5d5; margin-bottom:15px;}
.products .heading{background:#18609b; color:#fff; font-size:18px; padding:3px 10px; margin:0 0.9375rem 10px;}
.products p{margin:0 0.9375rem 10px;}
.products .medium-5{padding-right:0;}
.products .style li{font-size:16px;}
.products strong{color:#ff0000; font-size:24px;}

.testimonials{background:#ebebeb url(../img/testi-top.webp) top right no-repeat; padding:25px 10px 15px; border:solid 1px #fff; margin-bottom:20px; -webkit-box-shadow: 0 0 5px 0 #dadada; -moz-box-shadow: 0 0 5px 0 #dadada; box-shadow: 0 0 5px 0 #dadada;}
.testimonials span{display:block; text-align:right; font-weight:bold;}
.testimonials span a{text-decoration:none;}

.testi{border: 1px solid #ddd;padding: 15px 20px 5px; margin: 0 5px 15px; background:#FFFFFF;box-shadow: 0 1px 5px rgba(0,0,0,0.2);border-radius: 18px;clear: both;}
.review-social{background:url(../img/5star.png) top right no-repeat; font-weight: bold; text-align:right; padding-top:24px; margin: 15px 0 5px;}
.review-social strong{ display:block; margin-bottom:5px;}
.review-social img{display:inline!important;}

.home-testi{ background:#fff; padding:20px 0; margin-bottom:20px; position:relative}
.home-testi-inner{ margin-bottom:0; padding-bottom:0;  margin-top:30px}
.home-testi-inner::before{ top:0;}

.home-testi::before{ content:""; position:absolute; width:50%; height:5px; background:#ddd; left:25%; bottom:0}
.home-testi .sub-heading{ text-align:center; margin-bottom:30px}
.home-testi .sub-heading::before, .home-testi .sub-heading::after{ content:'"';}
.reviewer img{ width:100px; height:100px; border-radius:50%; float:left; display: inline-table; margin-right:15px}
.reviewer .name{ font-size:18px; font-weight:bold; padding:20px 0 30px 0px; display: inline-block; min-width:109px; margin-bottom:30px; background:url(../img/5star-yelp.webp) bottom center no-repeat}
.reviewer .name strong{ font-weight:normal; font-size:16px; display:block}

.home-projects{ padding:25px 10px 15px; position:relative; margin-top:20px}
.home-projects::before{ content:""; position:absolute; width:50%; height:5px; background:#ddd; left:25%; top:0}
.home-projects .heading{ text-align:center; font-size:26px; line-height:1.2}
.home-projects ul.gallery-inner li span{ font-size:14px!important; line-height:1.2}

/*** Gallery ***/
.projects{background:#e7e7e7; border:solid 1px #c9d0d6; padding:10px; margin-bottom:20px;}
.projects .sub-heading{font-size:20px; line-height:24px; color:#363636; border-bottom:dotted 1px #363636;}
.projects a{ font-weight:bold; display:block; text-align:right;}
.projects .clearing-close{display:none;}
.clearing-container .clearing-close{display:block;}
.recent-project{margin:0;}
.recent-project a img{ border:solid 1px #797a7b; margin-bottom:5px;}
.recent-project span{display:block; font-size:13px; line-height:16px; color:#0e0e0e;}
.recent-project li div{ display:block; padding-bottom:15px; margin-bottom:20px; border-bottom:solid 1px #c9d0d6;}
.recent-project li div::after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.recent-project li span{ display:block; margin-top:5px;}
.recent-project.inner li div a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}

.clearing-thumbs li, [data-clearing] li{margin:0;}
[data-clearing].recent-project li{float:none;}

.gallery-block{ margin-top: 10px;}
.gallery-block .heading{ text-align:center; padding:48px 0 0 0; margin:5px 0 10px;}
.gallery-block .sub-heading{ text-align:left;}
.gallery-block [class*="block-grid-"] > li{padding:0 0.325rem 1.25rem;}

ul.gallery{margin:0; margin-bottom:15px;}
ul.gallery li div, ul.gallery li a{ display:block; padding:4px; border:solid 1px #cacaca;}
ul.gallery li div:hover, ul.gallery li a:hover{ border:solid 1px #6d6d6d;}

ul.gallery li a{ position:relative;}
.gallery-block .gallery-title a{ padding:0;}
.gallery-block .gallery-title li a span{ width:100%; background:rgba(0, 0, 0, 0.6); font-size:12px; line-height:16px; color:#fff; font-weight:bold; position:absolute; left:0; bottom:0; padding:3px 7px;}

.gallery-block .gallery-inner li div{list-style:none; border:solid 1px #cacaca; font-size:13px; line-height:15px; color:#000; text-decoration:none; padding:4px;}
.gallery-block .gallery-inner li div:hover{ color:#2f3338;}
.gallery-block .gallery-inner li div:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.gallery-block .gallery-inner li a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}
.gallery-block .gallery-inner li.two-img a{ width:100%; float:none; margin:0;}
.gallery-block .gallery-inner li.two-img span{ display:block; margin-top:5px;}

.clearing-assembled .clearing-container .carousel > ul li div{ padding:0; border:0;}
.clearing-assembled .clearing-container .carousel > ul li a{ border:0; margin-left:5px;}
/** End Gallery **/

.contact-form{text-align:center; margin-bottom:15px; color:#000; min-height:420px}
.contact-form .sub-heading{ text-align:center; font-size:24px; color:#363636; margin-bottom:5px;}
.contact-form p{ font-size:16px; margin-bottom:0}
.contact-form p a{ text-decoration:none; font-weight:bold}

.contact-form .large-8{padding:0 0.8rem!important;}
.contact-form .phone{margin:0 -0.2rem!important;}
.contact-form .phone .small-4{width:31.3333%; padding:0 0.2rem!important;}
.contact-form .phone .small-4:last-child{width:37.3333%;}

.rhs .contact-form, .lhs .contact-form, .content-area .contact-form{ border:1px solid #777; padding:5px}
.contact-form .error{ background:#e5e5e5; color:#FF0000; font-size: 11px; text-align: left; margin:0 0 5px; padding:0;}
.zipcodes{ font-size:13px; text-align:center; margin-bottom:15px;}

.social{ margin-bottom:15px; text-align:center}
.cards{ text-align:center; margin-bottom:15px;}
.cards img{ margin-bottom:3px;}
.error404, .thanks{ text-align:center; padding-top:30px; padding-bottom:30px;}
.spa-cover{ text-align:center;}

.spa-container{ padding-top:20px;}
.spa-container a img{ margin:0 auto 15px;}

.service-top{border-top:solid 5px #23408f; padding:10px 0; font-size:18px; line-height:22px; text-align:right; color:#3a3a3a;}
.service-top div:last-child{text-align:left;}
.service-top span{font-size:16px; line-height:16px; font-weight:bold;}
.service-top .right span{ font-size:14px;}
.service-area .columns{padding:0 0 0 .7em;}
.service-area ul{margin:0;}
.service-area ul li{background:url(../img/service-bullet.gif) left 7px no-repeat; padding-left:15px; margin:0 0 5px 10px; border-bottom:dotted 1px #fff;}
.service-area ul li a{text-decoration:none; font-size:12px; line-height:14px; color:#261911; display:block;}
.service-area ul li a, .service-area ul li{text-decoration:none; font-size:12px; color:#000; display:block;}
.service-area ul li a:hover{text-decoration:underline;}

.google-map{background: url(../img/spa-cover-pros-service-area-map.webp) center no-repeat; position: relative; min-height: 260px; border: solid 1px #ddd; margin-bottom:20px}
.google-map::before{content: ""; width: 174px; height: 79px; position: absolute; left: 10px; top: 10px;}
.google-map a{display: block; position: absolute; content: ""; width: 100%; top: 0; bottom: 0;}
.contact-map{ min-height:300px}

/*** Footer ***/
footer{ background:#2a2a2a; font-size:14px; line-height: 1.6; color:#fff; padding:10px 0;}
footer .row div:last-child{ text-align:right;}
footer a{color:#fefefe; text-decoration:none;}
footer a:hover{color:#fefefe; text-decoration:underline;}
footer .right a{ margin:0;}

#back-to-top{position:fixed; bottom:4%; right:2%; background:#027CAB; padding:5px; transition:.5s; display:none; z-index:1000}
#back-to-top:hover{background:#006890;}

a.contact-btn{position: fixed; right: 0; bottom: 30%; z-index: 1000;}
#revealModel1{min-height: auto;}
#revealModel1 a{ text-decoration:none; color:#000}
#revealModel1 .contact-form{ margin-bottom:0}

/* Small screens */
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading .heading, .heading{ font-size:20px; font-weight:bold; line-height:22px;}
.heading .sub-heading, .sub-heading{ font-size:16px; font-weight:bold; line-height:18px;}
.top-bar-section .has-dropdown > a::after{ display:block;}

.main-img{max-width: 90%;}

.tagline{margin:15px 0;}
.tagline .heading{font-size:18px; line-height:20px;}
.tagline .heading strong{font-size:20px; margin-bottom:4px;}
.tagline .sub-heading{font-size:16px; line-height:18px;}

.head-contact{ min-height:81px}
.head-contact a.phone-no{ min-height:35px}

.banner{background:#ced4d7 url(../img/banner-bg-s.webp) center top no-repeat; padding:10px 0; min-height:520px}
.banner .heading{font-size:20px; line-height:20px;}
.banner .heading span{font-size:18px; line-height:20px;}
.banner ul li{background:url(../img/black-arrow.jpg) left 5px no-repeat; font-size:13px; line-height:16px;}

.inner-banner .heading{ font-size:18px; line-height:20px;}
.inner-banner .columns{ padding:0;}
.inner-banner img{ width:100%; margin-right:0;}
.inner-banner .chk-list{ width:100%; margin-top:10px;}

.line-through .heading, .line-through .sub-heading{ font-size:18px; line-height:22px;}

.colors li span{font-size:13px; line-height:13px;}

.main-service li a img{ min-height:135px}

/*** for gallery ***/
.recent-project li div a, .recent-project.inner li div a{width:130px; float:left; margin-right:5px;}
.recent-project a img{ margin-bottom:0;}
.gallery-block .gallery-inner li{ width:100%;}
.gallery-block .gallery-inner li a{ width:130px;}

ul.gallery li a img{ min-height:130px}

.products .heading{background:#18609b; color:#fff; font-size:18px; padding:3px 10px; margin-bottom:10px;}
.products .medium-5{padding:0 0.9375rem;}

.home-projects .heading{font-size:20px;}

.main-service li{width:100%; text-align:center;}

.bullet-group{ display:block; margin-bottom:15px;}
.bullet-group .style{ margin-bottom:0;}

.service-area-top div, .service-area-top div:last-child{ text-align:center; margin-bottom:10px;}
.service-area .columns{padding:0 0 0 .2em;}
footer{ text-align:center;}
footer .row div:last-child{ text-align:center; margin-top:10px;}
footer span{ display:block; width:100%; margin-top:10px; text-align:center;}
img.left, img.right, .img-right{ float:none!important; margin:0 auto 20px!important; display:block;}
.img-right img{ margin:0 auto;}
.style{ margin:0 0 15px 0;}
.spa-container a img{ min-height:380px}
}
@media only screen and (max-width: 23.750em) {
/*** for gallery ***/
.recent-project li div a, .recent-project.inner li div a{width:100%; float:left; margin-right:5px;}
}

/* Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.top-bar-section li:not(.has-form) a:not(.button){padding:14px 14px 15px;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:9px 14px;}
.top-bar-section .has-dropdown > a{ padding-right:14px !important;}

.logo{ min-height:52px}
.banner{min-height:340px}
.banner .heading{font-size:22px; line-height:22px;}
.banner .heading span{font-size:18px; line-height:20px;}
.banner ul li{background:url(../img/black-arrow.jpg) left 5px no-repeat; font-size:13px; line-height:16px;}

/*** for gallery ***/
.recent-project li a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}

.line-through .heading, .line-through .sub-heading{font-size:22px; line-height:24px; padding:0 10px;}
.line-through span{top: 28%;}
.cards br{ display:none;}
.map{ height:280px;}

.home-projects .heading{font-size:23px;}
}
@media only screen and (min-width: 40.063em) and (max-width: 56.250em) {
.top-bar-section .has-dropdown > a::after{ display:block;}
.top-bar-section li:not(.has-form) a:not(.button){ padding:14px 7px 15px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:9px 7px;}
.top-bar-section .has-dropdown > a{ padding-right:7px!important;}

header .medium-3:first-child{padding-right:0;}
header .medium-3:last-child{padding-left:0;}

.tagline .heading{font-size:18px; line-height:20px;}
.tagline .heading strong{font-size:20px; margin-bottom:4px;}
.tagline .sub-heading{font-size:17px; line-height:20px;}

.colors li span{font-size:12px; line-height:13px; left:5px; top:3px;}

.products .style li{ font-size:14px;}

.gallery-block .gallery-inner li a{width:100px;}
ul.gallery li.two-img div a{width:100%!important;}
}

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */