body{font-family: 'Montserrat', sans-serif; font-size:18px; line-height:1.6; color:#545454;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#217d82; text-decoration:underline;}
a:hover{text-decoration:none; color:#545454;}
img.right{float:right; margin:5px 0 5px 10px;}
img.left{float:left; margin:5px 10px 5px 0;}
img, object, embed{max-width: 100%; height: auto;}
.map{margin-bottom:20px; max-width:100%;}

.style{margin:0 0 10px 0;}
.style li{margin:0 0 8px 10px; font-size:16px; line-height:22px;}
ul.style li{list-style:disc;}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc; margin:0 0 8px 10px;}

.row{max-width: 70rem;}

.bullet-group{ margin-bottom:10px;}
.bullet-group .style{ margin:0 !important;}

.close-reveal-modal{text-decoration: none;}
.reveal-modal .contact-form{margin: 0;}

.text-left{text-align:left; position:relative;} .text-right{text-align:right; position:relative;} .text-center{text-align:center; 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; color:#312b23;}
.line-through span{background:#c2c2c2; display: block; position: absolute; height: 1px; top: 42%; width: 96%; z-index:1;}

.heading, .sub-heading, .heading .heading{display:block; font-family: 'Montserrat', sans-serif; font-size:28px; line-height:1.4; font-weight:bold; color:#144e4e; margin:5px 0 20px 0; text-transform: uppercase;}
.heading .heading{margin:0;}
.sub-heading{font-size:24px; margin:0 0 10px; color: #144e4e;}
.sub-heading2{font-size: 20px; line-height: 20px; color: #000;}
.heading .sub-heading{margin:0 0 10px;}

.text-center img.mb{display: inline-block;}

.text-center img.mb{display: inline-block;}

a.button{background: #e57e2f; margin: 5px; padding: 10px 25px; border-radius: 50px; font-weight: bold; text-transform: uppercase; min-width: 200px;}

p, .mb{display:block; margin-bottom:25px; font-size:18px; line-height:1.6;}
hr{background:#232e3d; margin:19px 0; border:none; height:1px;}

.disclaimer{font-size: 13px; line-height: 16px;}

.align-middle {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.breadcrumbs{background: none;}
.breadcrumbs span{color: #919191;}
.breadcrumbs a{color: #106161; text-decoration: none;}

.date-posted{display: block; color: #808080; margin: -10px 0 20px;}

.back-to-list{background: #106161;; display: inline-block; padding: 5px 10px; margin: 0 auto 20px; font-weight: bold; color: #fff!important;}
.back-to-list:hover{background: #10393b;}

.header-part{position: fixed; background: #fff; width:100%; top: 0; z-index: 999;}
.header-clear{ padding-top:250px;}

.top-row{background: #62999e; padding: 8px 1%;}
.top-row .sub-heading{text-align: right; color: #fff; font-size: 18px; margin: 0;}
.top-row .social{text-align: left; margin: 0;}
.top-row .social strong{display: inline-block; color: #fff; font-size: 15px;}
.top-row .social img{max-height: 32px; width:inherit}

header{padding: 10px 1% 1px; background:#fff url(../img/header-bg.webp) top center no-repeat; position: relative; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.40);}
header .medium-7{min-height: 120px;}
header .logo{font-size: 19px; line-height: 22px; font-weight: 600; color: #151126; position: absolute; top: 0; z-index: 999; display: flex;}
header .logo div{margin: 5% 0 0 -10%;}
header .logo a img{width: 85%;}
header .logo b{display: block; color: #0a0817; margin-bottom: 5px;}
header .logo span{display: block; font-size: 14px; line-height: 16px;}
header .header-contact{display: inline-flex;}
header .header-contact .cfad{max-height: 140px; width:inherit}
header .phone{margin-top: 5%;}
header .phone a{background: #e57e2f; padding: 5px 25px; display: table; margin: 8px; border-radius: 50px; min-width: 200px; text-align: center;}
header .phone a:last-child{background: #81b4b9;}
header .phone a:hover{background: #2f5d5c;}

.header-part, .top-row, header .logo a img, header .header-contact .cfad, header .phone a img{transition: all .5s;}

/* CSS header is-stuck */
.header-part.sticky.header-up .top-row{margin-top: -54px;}
.header-part.sticky.header-up header .medium-7{min-height: 92px;}
.header-part.sticky.header-up header .logo a img{width: 64%;}
.header-part.sticky.header-up header .logo div{margin: 3% 0 0 -20%;}
.header-part.sticky.header-up header .header-contact .cfad{max-height: 100px;}
.header-part.sticky.header-up header .phone a{padding: 1px 15px; min-width: 150px;}
.header-part.sticky.header-up header .phone a img{max-height: 16px;}
.header-part.sticky.header-up .top-bar, .header-part.sticky.header-up .title-area{height:36px; line-height:36px}
.header-part.sticky.header-up .top-bar-section li:not(.has-form) a:not(.button){padding-top:10px; padding-bottom: 10px;}
/* CSS header is-stuck */


.navigation{position: relative; z-index: 99;}
.contain-to-grid .top-bar{max-width: 1200px;}

.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: #62999e; color:#fff;}
.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:#3f7277; color:#fff;}

.top-bar-section ul{display: table; margin: 0 0 0 auto;}
.top-bar, .title-area{height:54px; line-height:54px}
.top-bar-section li:not(.has-form) a:not(.button){padding:19px 12px; font-size:14px; line-height:16px; text-align:center; color:#fff; text-decoration:none; text-transform: uppercase; font-weight: 600;}
.top-bar-section .has-dropdown > a{padding-right:12px!important;}

.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background:#0e4a4d; border-top:solid 1px #1f686b; border-bottom:solid 1px #053234; padding:5px 8px!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:#022c5b;}
.top-bar .toggle-topbar.menu-icon a{text-decoration:none;}
.top-bar.expanded li a{text-align:left!important;}
.top-bar.expanded li a:hover{background:#022c5b!important;}
.top-bar.expanded .toggle-topbar a:hover{background:none!important;}
.top-bar.expanded li a br{display:none;}
.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 nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{ color:#fff; background:#175f62 !important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none;}
.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;}

.top-bar-section ul li.heating-nav:hover > a{background: #d10c0b!important;}
.heating-nav .dropdown a{background: #d10c0b!important; border-top: solid 1px #e11b1a!important; border-bottom: solid 1px #bd0807!important;}
.heating-nav .dropdown li:hover a, .top-bar.expanded .top-bar-section .heating-nav a:hover{background: #e92928!important;}
/*class for navigation*/


.tagline{text-align: center; padding: 15px 20px; position: relative; z-index: 98; background:#fff url("../img/shadow-bottom.png") bottom center no-repeat;}
.tagline .heading{font-size: 24px; font-weight: bold; margin: 0 0 5px;}
.tagline .sub-heading{font-size: 22px; font-weight: bold; margin-bottom: 0;}

.shareSelector{cursor: pointer;}

.home-article{ margin-bottom: 25px;}
.home-article ul{margin: 0;}
.home-article li{ list-style: none; border-bottom: solid 1px #ccc; margin-bottom: 20px; padding-bottom: 20px;}
.home-article li:before, .home-article li:after{content: " "; display: table; }
.home-article li:after{clear: both;}
.home-article li p{font-size: 13px; line-height: 18px;}
.home-article li p:after{content: "..."}

.home-article .sub-heading{font-size: 18px; line-height: 20px; color: #144e4e;}
.home-article a, .main-article a{text-decoration: none; color: #144e4e;}

.home-article .thumb{float: left; width: 200px; margin: 0 10px 5px 0; text-align: center;}
.home-article a.read-more{background: #106161; color: #fff; padding: 5px 10px; float: right;}
.home-article a.read-more:hover{background: #10393b;}

.main-article .heading{font-size: 24px; line-height: 26px; color: #144e4e;}
.main-article-img{float: right; width: 300px; margin: 5px 0 10px 10px;}

.main-content{padding: 30px 0; background: url(../img/shadow-top.png) top center no-repeat;}

.article-img-text{text-align: center; display: block; font-size: 14px; line-height: 16px; border: solid 1px #ccc; padding: 8px; margin-bottom: 20px;}
.article-img-text img{margin-bottom: 5px; width: 100%;}

.level2 .columns{margin-bottom: 20px;}
.level3{padding: 20px 0;}

.reviews{margin-bottom:20px; border-bottom: solid 1px #ccc;}
.reviews .heading{font-family:Georgia, "Times New Roman", Times, serif; font-size: 25px; line-height: 26px; text-align: center; color: #000;}
.reviews .heading span{color: #b73324;}
.reviews .review-block{background: url(../img/testi-quotes-tl.png) top left no-repeat, url(../img/testi-quotes-br.png) bottom right no-repeat; padding:20px 30px;}
.reviews p{font-size: 18px; line-height: 24px;}
.review-social{ display:block; font-weight:bold; text-align:right; color:#000; background:url(../img/5star.png) bottom right no-repeat; padding-bottom:18px; margin: -15px 0 0; font-size: 14px; color: #545454;}
.reviews a{text-decoration: none; font-size: 14px; font-weight: bold;}

.level3 .reviews, .lhs .reviews, .rhs .reviews{border: none;}
.lhs .reviews .heading, .rhs .reviews .heading{font-size: 20px; line-height: 22px;}
.lhs .reviews .review-block, .rhs .reviews .review-block{padding:0; background: none;}
.lhs .reviews p, .rhs .reviews p{font-size: 16px; line-height: 20px;}

.contact-form{background: #62999e; color: #fff; text-align: center; padding: 20px; margin-bottom: 20px; min-height:350px}
.contact-form .sub-heading{color:#fff; margin: 0;}
.contact-form a{font-weight: bold; text-decoration: none; color: #fff; display: inline-block;}

.lhs .contact-form, .rhs .contact-form{padding: 15px;}
.lhs .contact-form .sub-heading, .rhs .contact-form .sub-heading{font-size: 20px;}

.social{text-align: center; margin-bottom: 30px;}
.social strong{display: block;}

.cards{text-align: center; margin-top: 5px;}

.service-top{margin:15px auto 0;}
.service-top .heading{font-size:20px; font-weight:500; color:#fff;}
.service-top .line-through span{top:42%;}

.google-map{background: url(../img/ac-cool-service-area-map.webp) center no-repeat; position: relative; min-height:360px; height: 100%}
.google-map::before{content: ""; background: url(../img/ac-cool-orange-ca.jpg) center no-repeat; width: 170px; height: 80px; position: absolute; left: 10px; top: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.google-map a{display: block; position: absolute; content: ""; width: 100%; top: 0; bottom: 0;}

.service-area .row{margin-top:10px; background:#237c82;}
.service-area{background: #104c4f; background-size: contain; padding-top:10px}
.service-area .columns{padding:0 0 0 .7em!important;}
.service-area ul{margin:0 0 20px;}
.service-area ul li{list-style:url(../img/service-bullet.png); margin:0 0 5px 20px;}
.service-area ul li a, .service-area ul li span{

text-decoration:none;
font-size:13px;
line-height:15px;
color:#fff;
margin-bottom:5px;
display:block;
}
.cities ul li a:hover{text-decoration:underline;}

.contact-area .columns{ padding:0px;}
.contact-area .heading {color:#fff; font-size: 18px;}

.footer{background:#62999e; color:#fff; padding:15px 3%; font-size:13px; line-height:18px; margin-top:10px;}
.footer div:last-child{ text-align:right;}
.footer div:last-child a{ margin: 0;}
.footer a{color:#fff; margin:0 5px; text-decoration:none;}
.footer a:hover{color:#fff;}

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

/* Small screens */
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading, .sub-heading, .heading .heading{font-size:22px;}
.sub-heading{font-size:20px;}
.heading .sub-heading{font-size:18px;}

.align-middle {display:block;}

section{padding: 40px 0 30px;}

.top-row .sub-heading{text-align: center; font-size: 16px;}
.top-row .social{text-align: center; margin: 0 0 6px;}

header .medium-7{min-height: inherit;}
header .text-right{text-align: center!important; margin-top: 10px;}
header .logo{font-size: 17px; line-height: 19px; position: relative; margin: 0 10%;}
header .logo div{margin: 2% 0 0 -22%;}
header .logo a img{width: 50%;}
header .header-contact .cfad{max-height: 120px;}
header .phone a{padding: 4px 20px; min-width: 120px;}

/* CSS header is-stuck */
.header-part.sticky.header-up .top-row{margin-top: -76px;}
.header-part.sticky.header-up header{padding: 5px 1% 1px;}
.header-part.sticky.header-up header .medium-7{min-height: 82px;}
.header-part.sticky.header-up header .text-right{margin-top: 0;}
.header-part.sticky.header-up header .logo a img{width: 48%;}
.header-part.sticky.header-up header .logo div{margin: 2% 0 0 -26%;}
.header-part.sticky.header-up header .header-contact .cfad{display: none;}
.header-part.sticky.header-up header .phone a{padding: 1px 15px; margin: 5px; min-width: 120px; display: inline-block;}
.header-part.sticky.header-up header .phone a img{max-height: 14px;}
.header-part.sticky.header-up .navigation{display: none;}
/* CSS header is-stuck */

.tagline .heading{font-size: 20px;}
.tagline .sub-heading{font-size: 18px;}

.home-article .thumb{float: none; width: 100%; margin: 0 0 10px;}
.main-article-img{width: 100%;}

.social strong{display: block;}

.rhs{border-top: solid 3px #ccc; padding-top: 20px;}

.level3{padding: 10px 0;}

.reviews{padding: 0;}
.reviews .heading{font-size: 22px;}
.reviews p{font-size: 16px; line-height: 20px;}

.review-icons p br, .review-icons .heading br, .review-icons .sub-heading br{ display:none}
.review-icons .mb a{margin: 10px;}

.projects ul li{ padding-bottom:0; margin-bottom:10px; border-bottom:solid 1px #c9d0d6;}
.projects ul li:after{content:''; clear:both; display:block;}
.projects ul li a{width:50%; float:left; margin-right:10px;}
.recent-project span{border:none; margin-bottom:0;}

.service-top .heading{font-size:15px; font-weight:bold; margin:0;}
.google-map{ height:460px; margin-bottom:20px}
.service-top span{display:none;}
.service-area .row{background:none; border:none; padding:0;}
.footer .cards{ margin-bottom: 15px;}
.footer, .footer div:last-child{text-align:center; font-size:11px;}
.footer span{display:block; width:100%; margin:10px 0; text-align:center; border-top:solid 2px #87aa9e; border-bottom:solid 2px #87aa9e; padding:5px 2px;}
img.left, img.right{float:none!important; margin:0 auto!important; display:block;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  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) {
.heading, .sub-heading, .heading .heading{font-size:24px;}
.sub-heading{font-size:18px;}

header .logo div{margin: 5% 0 0 -12%;}
header .logo a img{width: 78%;}

.top-bar-section ul{margin: 0 auto;}
.top-bar-section li:not(.has-form) a:not(.button){padding:19px 8px; font-size: 13px;}
.top-bar-section .has-dropdown > a{padding-right:8px!important;}

.social strong{ display:block;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 53em) {
section{padding: 40px 0 30px;}

header .medium-7{min-height: 90px;}
header .logo{font-size: 18px; line-height: 20px;}
header .logo a img{width: 65%;}
header .logo div{margin: 0 0 0 -18%}
header .header-contact .cfad{max-height: 110px;}
header .phone a{min-width: 140px; padding: 3px 15px; margin: 5px 0;}

/* CSS header is-stuck */
.header-part.sticky.header-up .navigation{display: none;}
/* CSS header is-stuck */

.tagline .heading{font-size: 22px;}
.tagline .sub-heading{font-size: 18px;}

.main-article-img{width: 100%;}

.reviews{padding: 0;}
.reviews .heading{font-size: 22px; line-height: 24px;}
.reviews p{font-size: 16px; line-height: 20px;}

.social strong{display: block;}
.social img{max-height: 32px;}
}


/*  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 */