.body{background:#fff; font-family: 'Raleway', sans-serif; font-size:16px; line-height:24px; color:#444444; height: auto;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#222222; text-decoration:underline;}
a:hover{text-decoration:none; color:#444444;}
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{max-width:100%;}

.button{background: #ce3537; border-radius: 30px;}
.button:hover, .button:active{background: #ae1f20;}

.close-reveal-modal{text-decoration: none;}

img.brand-img{margin: 0 auto 20px; display: block;}

.padding{padding:20px;}

ul.style{margin:0 0 10px 0;}
ul.style li{list-style:disc; margin:0 0 8px 10px; font-size:16px; line-height:18px;}
ol.style li{list-style:decimal; margin:0 0 8px 10px; font-size:16px; line-height:18px;}
ol.style li ul li{list-style:disc; margin:0 0 8px 10px;}
ul.style li.heading{list-style:none; font-size:18px; font-weight:bold; border-bottom:none; margin:0 0 5px 0; padding:0;}

.wrapper{margin: 20px auto; max-width: 70rem; background: #fff; -moz-box-shadow:0 0 15px #858585; -webkit-box-shadow:0 0 15px #858585; box-shadow:0 0 15px #858585; padding: 20px 20px 0;}

.row{max-width: 70rem;}

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

.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: 'Raleway', sans-serif; font-size:24px; line-height:28px; font-weight:600; color:#cb1928; margin:0 0 30px;}
.heading .heading{margin:0;}
.sub-heading{font-size:20px; line-height:24px; font-weight:500; margin:0 0 20px;}
.heading .sub-heading{font-size:18px; line-height:20px; font-weight: bold; margin:0 0 20px; color:#000;}

.heading a, .sub-heading a{color: #cb1928;}

.heading.bdr-btm, .sub-heading.bdr-btm{position:relative; display:inline-block;}
.heading.bdr-btm::after, .sub-heading.bdr-btm::after{background: #cb1928; position: absolute; width:40%; height: 3px; left: 0; right: 0; margin: 0 auto; bottom: -10px; content: "";}

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

.img-space{ text-align:center;}
.img-space img{ margin-bottom:10px;}

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

.video-area{ float:left; margin-right:15px;}

a.address{display: inline-block; text-decoration: none; font-size: 14px; line-height: 18px; margin: 6px 0; background: url("../img/icon-map.png") left center no-repeat; padding-left: 17px;}

.read-more{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcb6b6+0,f84a41+100 */
background: #fcb6b6; /* Old browsers */
background: -moz-linear-gradient(top, #fcb6b6 0%, #f84a41 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcb6b6 0%,#f84a41 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcb6b6 0%,#f84a41 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb6b6', endColorstr='#f84a41',GradientType=0 ); /* IE6-9 */
display: inline-block; border: solid 1px #ff6362; font-size: 12px; line-height: 13px; color: #fff; text-decoration: none; padding: 3px 8px; float: right;}

.box{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
border: solid 1px #cfcfcf; padding: 15px; margin-bottom: 20px;}

.product-line{padding: 5px 15px;}
.product-line .sub-heading{text-align: center; background: #cb1928; margin: -5px -15px 15px; padding: 8px; color: #fff;}

.top-row{background:#000; padding:8px 0; color:#fff; text-align:center;}
.top-row a{color:#fff;}
.top-row .social{text-align:left; margin:0 0 -5px;}
.top-row .social strong, .top-row .social .socialwall-btn, .top-row .social a img{display:none;}
.top-row .social a{ margin:0 3px;}
.top-row .social a::before{content:""; display:inline-block; height:30px; width:30px;}
.top-row .social a:hover::before{opacity:.8;}
.top-row .social a.facebook::before{background:url(../img/facebook-w.png) center no-repeat; background-size:cover;}
.top-row .social a.yelp::before{background:url(../img/yelp-w.png) center no-repeat; background-size:cover;}
.top-row .social a.google::before{background:url(../img/google-maps-w.png) center no-repeat; background-size:cover;}
.top-row .social a.angi::before{background:url(../img/angi-w.png) center no-repeat; background-size:cover;}
.top-row .social a.nextdoor::before{background:url(../img/nextdoor-w.png) center no-repeat; background-size:cover;}
.top-row .social a.instagram::before{background:url(../img/instagram-w.png) center no-repeat; background-size:cover;}


.top-row .phone{text-align:right; margin-top:4px;}
.top-row .phone .icon-phone{background:url(../img/icon-phone.png) left center no-repeat; padding-left:25px; display:inline-block;}
.top-row .phone img{max-height:22px;}

.top-row .hours{background:url(../img/icon-hours.png) left center no-repeat; background-size:18px; padding:2px 0 2px 24px;}

.header{padding: 15px 0;}
.header .logo{display: block; min-height:65px;}
.header .logo img{ margin-bottom:5px;}
.header .sub-heading{font-size:14px; line-height:16px; font-weight:bold; margin:0; color:#000;}
.header span{font-size: 18px; line-height: 19px; font-weight: 600;}
.header strong{display: block; font-size: 13px; line-height: 14px;}
.header .head-mid{text-align:center;}
.header .head-mid img{max-height:20px; margin:5px 5px;}
.header .head-mid strong{display:block; margin:5px 0; font-size:16px; line-height:18px;}

.header .head-contact{text-align: right;}
.header .head-contact .sub-heading{font-size:18px; line-height:20px; font-weight: bold; color: #000; margin-bottom: 5px;}
.header .head-contact a img{max-height: 24px;}
.header .head-contact span{font-size: 16px; line-height: 20px; display: inline-block; text-align:center;}
.header .head-contact span a{ color:#000; text-decoration:none; display:block;}
.header .head-contact span a strong{color:#d11010; font-size:22px; line-height:24px; margin-bottom:5px;}
.header .head-contact span a.pin{background:url(../img/icon-map.png) left center no-repeat; display:inline-block; padding-left:16px; color:#d11010; margin-bottom:10px; font-size:15px;}
.header .button{padding: 6px 20px 8px; margin: 7px 0 0}

.header-img{margin: -10px 0; text-align: center;}

.navigation{border: solid 1px #c8c8c8;}
.top-bar-section ul{display: table; margin: 0 auto;}
.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)
{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d7d7+0,f0f0f0+50,cdcdcd+100 */
background: #d7d7d7; /* Old browsers */
background: -moz-linear-gradient(top, #d7d7d7 0%, #f0f0f0 50%, #cdcdcd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d7d7d7 0%,#f0f0f0 50%,#cdcdcd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d7d7d7 0%,#f0f0f0 50%,#cdcdcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
color:#4b4b4b;}
.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:#db261b; color:#fff;}

.top-bar, .title-area{height:56px; line-height:56px}
.top-bar-section li:not(.has-form) a:not(.button){padding:19px 14px; font-size:16px; line-height:18px; font-weight: 600; text-align:center; color:#4b4b4b; text-decoration:none;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 14px;}
.top-bar-section .has-dropdown > a{padding-right:14px!important;}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after{top:.5rem;}
.top-bar-section li:first-child a{border-left:none!important;}
.top-bar-section li:last-child a{border-right:none!important;}


.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background:#cb1928; border-top:solid 1px #e32031; border-bottom:solid 1px #8f0914; 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:#b7111f;}
.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:#b7111f!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 #000, 0 7px 0 1px #000, 0 14px 0 1px #000;}
.top-bar.expanded .toggle-topbar a{color:#000;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{ color:#fff; background:#b5101e !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;}
/*class for navigation*/

.banner{border-bottom: solid 4px #db261b; position: relative; margin-bottom: 20px;}
.banner .fade li{min-height:400px;}
.banner .fade li:nth-child(1){background:url(../img/paints-finishes-stains-coatings.jpg) center no-repeat; background-size:cover;}
.banner .fade li:nth-child(2){background:url(../img/wood-laminate-vinyl-tile-floor.jpg) center no-repeat; background-size:cover;}
.banner .fade li:nth-child(3){background:url(../img/waterproofing-deck-coating.jpg) center no-repeat; background-size:cover;}
.banner .fade li:nth-child(4){background:url(../img/blinds-shades-shutters.jpg) center no-repeat; background-size:cover;}
.banner .fade li .home-banner-txt li{min-height:inherit; background:none!important;}
.banner li .home-banner-txt{position: absolute; top: 20%; right: 5%; background: rgba(255, 255, 255, .7); padding: 10px 15px 0; max-width: 640px; text-align:center;}
.banner li .home-banner-txt .heading{font-size: 26px; line-height: 30px; font-weight: bold; margin-bottom: 10px;}
.banner li .home-banner-txt p, .banner li .home-banner-txt .text{font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom:15px;}
.banner li .home-banner-txt p span, .banner li .home-banner-txt .text span{display:block;}
.banner li .home-banner-txt .shipping-info{background:rgba(201, 22, 36, .8); color:#fff; padding:15px 10px; margin:0 -15px;}
.banner li .home-banner-txt .shipping-info .text{color:#fff; font-size:1rem; margin:0; font-weight:normal;}

.banner img, .inner-banner img{width:100%;}

.main-services{position: absolute; bottom: 10px; padding: 0 40px;}
.main-services ul li{padding: 0 0.925rem 1.25rem;}
.main-services ul li a{-moz-box-shadow:0 0 15px #858585; -webkit-box-shadow:0 0 15px #858585; box-shadow:0 0 15px #858585; border: solid 5px #fff; display: block; text-decoration: none;}
.main-services ul li a span{display: block; width: 100%; background: #db261b; font-size: 18px; line-height: 20px; font-weight: bold; text-align: center; padding: 8px; color: #fff;}
.main-services ul li a:hover span{background: #000;}

.inner-banner{position:relative;}
.inner-banner .heading{font-size:20px; line-height:24px; font-weight:bold; text-align:center; color:#cb1928; border-bottom:1px solid #ccc; margin:0 0 15px; padding-bottom:6px;}
.inner-banner .heading .heading{ border:0; margin:0;}
.inner-banner .flash{ border:solid 1px #d1d1d1;}

.inner-banner .chk-list{margin:0 0 15px;}
.inner-banner .chk-list li{list-style:none; background:url(../img/checks.png) top left no-repeat; font-size:15px; line-height:20px; font-weight:600; color:#000; padding:2px 0 2px 20px;}
.inner-banner .medium-5{padding:0; margin-bottom:15px;}

.banner-text{position:absolute; top:5%; right:5%; max-width:600px; padding:20px 20px 10px; background:rgba(0, 0, 0, .8); z-index:15;}
.banner-text .heading, .banner-text .sub-heading, .banner-text .chk-list li{color:#fff;}
.banner-text .chk-list li{background:url(../img/checks-w.png) top left no-repeat;}

/*class for orbit slider*/
.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*/

.aggregate-reviews{margin-top: 30px!important; margin-bottom: 30px!important;}
.aggregate{margin-bottom:22px; padding:15px 20px; box-shadow: 0 2px 8px rgba(0,0,0,.1); transition: all .3s ease-in-out}
.aggregate:hover{ box-shadow: 2px 15px 8px rgba(0,0,0,.1);}
.yelp-review{border-top:5px solid #d32323;}
.facebook-review{border-top:5px solid #4080ff;}
.google-review{border-top:5px solid #35a853;}
.angi-review{border-top:5px solid #ff6153;}
.aggregate img{ max-width:60px; float:left; margin:0 10px 10px 0px;}
.aggregate .names p{ color:#666; font-size:18px; line-height:22px; font-weight:bold; margin-bottom:0; text-align:left;}

.yelp-review .star-ratings::before{content: ""; height: 18px; display: block; margin-bottom: 6px; background: url("../img/review-rating-yelp.png") no-repeat;}
.facebook-review .star-ratings::before{content: ""; height: 18px; display: block; margin-bottom: 6px; background: url("../img/review-rating-facebook.png") no-repeat;}
.google-review .star-ratings::before{content: ""; height: 18px; display: block; margin-bottom: 6px; background: url("../img/review-rating-google.png") no-repeat;}
.angi-review .star-ratings::before{content: ""; height: 18px; display: block; margin-bottom: 6px; background: url("../img/review-rating-angi.png") no-repeat;}

.aggregate .four-half::before{background-position:0 -18px!important;}
.aggregate .four-full::before{background-position:0 -36px!important;}
.aggregate .three-half::before{background-position:0 -54px!important;}
.aggregate .three-full::before{background-position:0 -72px!important;}
.aggregate .two-half::before{background-position:0 -90px!important;}
.aggregate .two-full::before{background-position:0 -108px!important;}
.aggregate .one-half::before{background-position:0 -126px!important;}
.aggregate .one-full::before{background-position:0 -144px!important;}
.aggregate .half::before{background-position:0 -162px!important;}

.rate-text{font-size:15px; line-height: 18px; display: block; color:#444;}
.rate-text span{font-size:22px; color:#d71603}
.google-review .rate-text span{ color:#e7711c}
.facebook-review .rate-text span{ color:#4080ff}
.angi-review .rate-text span{ color:#f14f40}
.rate-text a{ color:#2a88af; text-decoration:none; display: inline-block;}

.level1 .free-estimates img{width: 100px; border: solid 1px #cfcfcf; float: left; margin: 0 10px 5px 0;}
.level1 .sub-heading{font-size: 15px; line-height: 16px; color: #000;}
.free-estimates p, .color-matching p{font-size: 13px; line-height: 16px; font-weight: 500;}

.color-matching img{border: solid 1px #cfcfcf; float: left; margin: 0 10px 5px 0;}
.lhs .color-matching img, .rhs .color-matching img{width: 100%; margin-bottom: 10px;}

.main-content{padding: 20px 0;}
.main-content p{text-align:justify;}
.main-content p.text-center, .main-content .text-center p{text-align:center;}

.brands{border-top: solid 1px #a5a5a5; padding: 50px 0; text-align: center;}
.brands .heading{font-weight:bold; margin-bottom:10px;}
.brands img{margin: 10px; max-width: 160px}
.medium-8 .brands, .rhs .brands{display: none;}

.disinfectants a{ background:#ffcc54; border-radius:10px; font-size:18px; line-height:22px; text-decoration:none; color:#000; text-align:center; padding:15px 30px; display:table; margin:0px auto}
.disinfectants a:hover{ background:#fbae35; color:#fff}
.disinfectants strong{font-size: 20px; line-height: 22px; margin-bottom: 6px; display: block;}
.disinfectants p{margin-bottom: 0; font-size: 15px; line-height: 18px;}
.disinfectants a span{font-size: 14px;}

.rhs .disinfectants{ margin-bottom:20px}
.rhs .disinfectants a{ font-size:16px; line-height:20px; padding:10px 15px;}

.yelp-reviews{position:relative; font-size:15px; font-weight:bold; color:#818181; padding:5px 15px 1px; background:#efefef; border:solid 3px #e6e6e6; margin:30px auto;}
.yelp-reviews .sub-heading{font-size:15px; font-weight:bold; color:#818181; margin-bottom:0;}
.yelp-reviews span{background:url(../img/yelp-stars.png) no-repeat; height:15px; width:84px; overflow:hidden; display:block; float:left; margin:0 6px 0 85px;}
.yelp-reviews span.one{background-position:0 -19px;}
.yelp-reviews span.one-half{background-position:0 -38px;}
.yelp-reviews span.two{background-position:0 -57px;}
.yelp-reviews span.two-half{background-position:0 -76px;}
.yelp-reviews span.three{background-position:0 -95px;}
.yelp-reviews span.three-half{background-position:0 -114px;}
.yelp-reviews span.four{background-position:0 -133px;}
.yelp-reviews span.four-half{background-position:0 -152px;}
.yelp-reviews span.five{background-position:0 -171px;}
.yelp-reviews img{position:absolute; top:-30px; left:-10px;}
.yelp-reviews h4{color:#f64900;}
.yelp-reviews p{font-size:15px; font-weight:bold; color:#818181; margin-bottom:10px;}
.yelp-reviews p strong{font-size:13px; margin-right:10px;}
.yelp-reviews a{text-decoration:none; font-size:12px; color:#ffa517; display: inline-block;}
.yelp-reviews a:hover{color:#F64900;}

.social{text-align: center; margin-bottom: 30px;}
.social a.socialwall-btn{ background:#db271c; color:#fff; border-radius:10px; text-decoration:none; font-weight:bold; display: table; margin:20px auto 20px; padding:10px 15px;}
.social strong{display: block;}
.cards{text-align: center; margin-top: 5px;}

.testimonials{ margin-bottom:15px; padding: 15px; background: #dbdbdb;}
.testimonials .sub-heading{color:#2f2f2f;}
.testimonials p, .testi p{ font-size:14px; line-height:20px; margin-bottom:10px;}
.testimonials a{ font-size:14px; font-weight:bold; color:#323232; text-decoration:none; margin-bottom:10px;}
.testimonials a:hover{ text-decoration:underline;}

.testi{ color:#2f2f2f; border: 1px solid #ddd; padding: 15px 20px; margin: 0 5px 20px; background: #FFFFFF; box-shadow: 0 1px 5px rgba(0,0,0,0.2); border-radius: 18px; text-align: left;}
.testi a{ color:#2f2f2f;}
.slider .testi{margin:0 0 20px; padding:15px 50px;}
.review-social{ background:url(../img/5-star.png) top right no-repeat; font-weight:bold; text-align:right!important; padding-top:20px;}

.review-heading{text-transform: uppercase; font-size: 22px; line-height: 24px; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin-bottom: 15px;}

.reviews-section{padding: 30px 0 40px;}
.reviews-section .testi{padding: 0 1.5%; border: none; margin-bottom: 40px; box-shadow: none; text-align: center;}
.reviews-section .testi p{font-size: 16px; line-height: 28px;}
.reviews-section .review-social{ background:url(../img/5-star.png) top center no-repeat; text-align:center!important;}

.review-icons .heading, .review-icons .heading .heading, .review-icons .sub-heading{font-family: 'Source Sans Pro', sans-serif; text-transform: none; font-size:26px; line-height:30px; margin-bottom:10px;}
.review-icons .sub-heading{ font-size:22px; line-height:26px}
.review-icons .heading .sub-heading{font-size:20px; line-height:24px; color: #353535;}
.review-icons .mb a{margin: 10px 20px; display: inline-block;}
.review-icons a{ margin:0; color:#353535}

.zipcodes{text-align:center; margin-top:10px; color:#C1291A; font-size:12px;}

.ppe-equip-gal .wrapper{padding: 0; margin: 10px auto;}
.ppe-equip-gal li a{display: block; text-align: center; text-decoration: none; background: #cb1928; color: #fff; padding: 8px 0 0; font-size: 16px; line-height: 18px; font-weight: bold;}
.ppe-equip-gal li a:hover{background: #000;}
.ppe-equip-gal li a img{margin-top: 8px;}
.reveal-modal .pro-detail .sub-heading{background: #cb1928; color: #fff; padding: 10px; text-align: center;}
.reveal-modal .pro-detail img{display: block; margin: 0 auto 15px;}

/*** 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{ border-top:solid 1px #c9d0d6; padding-top:15px;}
.recent-project li:first-child{ border:none; padding:0;}
.recent-project li div{ display:block; margin-bottom:15px;}
.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;}

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

ul.gallery li div{position:relative;}
ul.gallery li div strong, ul.gallery li div span{display:block; position:absolute; top:5px; left:5px; padding:4px 10px; background:rgba(0, 0, 0, .6); color:#fff; font-size:14px;}
ul.gallery li div span{width:calc(100% - 10px); text-align:center; top:inherit; bottom:5px; left:5px;}
ul.gallery li div:hover strong, ul.gallery li div:hover span{background:#000;}
.clearing-caption{text-align:center!important; font-weight:bold; font-size:16px;}

.clearing-blackout ul.gallery li div strong, .clearing-blackout ul.gallery li div span{display:none;}

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{ overflow:hidden; float:left; display:block; margin:0 0 5px 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 **/

ul.image-gallery li{ position:relative;}
ul.image-gallery li img{ display: block; margin: 0 auto; width: 100%;}
ul.image-gallery li .comment{ display:block; padding:8px 10px; margin-bottom:0; color:#fff; background: rgba(32,40,60,.6); position:absolute; bottom:0px; left:0; right:0; z-index:500; font-size: 14px; line-height: 18px;}
.comment .shortcontent{display: inline; margin-right: 5px;}
.comment a{color: #fff;}
.comment a:hover{color: #fff; text-decoration: none;}

.lSPager{width: auto!important; transform: translate3d(0px, 0px, 0px)!important;}
.lSPager li{width:18%!important; margin: 1%!important;background: #000;}
.lSPager li a{ opacity: .5;}
.lSPager li:hover a{opacity: .7;}
.lSPager li.active a{opacity: 1;}

.contact-form{background:#e5e5e5; font-size:12px; line-height:18px; color:#000; border:solid 1px #dddddd; margin-bottom:20px; padding:10px 5px; min-height:370px;}
.contact-form .sub-heading{margin-bottom:0px; padding:0px 10px}
.contact-form p{font-size:14px; line-height:20px; padding:10px; margin:10px 0 0 0px; background:#ffee5c;}
.contact-form a{ font-size:16px; line-height:22px; padding-left:10px; font-weight:bold; text-decoration:none}

.contact-float-btn{ position:fixed; right:0; bottom:20%; z-index:999;}
#contact-float-btn a{ text-decoration:none;color: #a1a0a0;}
#contact-float-btn .sub-heading{color: #a1a0a0; margin-bottom: 5px;}

.contact-area{max-width:1800px; margin:0 auto;}
.footer-contact .columns{padding:0;}
.footer-contact .contact-text{background:#232323; padding:25px 25px 1px; color:#fff; font-size:18px; line-height:24px;}
.footer-contact .contact-text .heading{font-size:26px; line-height:30px; color:#fff;}
.footer-contact .contact-text .heading .sub-heading{font-size:15px; line-height:18px; margin-top:3px; color:#fff;}
.footer-contact .contact-text p{margin-bottom:25px; font-size:18px; line-height:30px;}
.footer-contact .contact-text a{color:#fff; text-decoration:none;}
.footer-contact .service-area-map .heading{background:#cb1928; color:#fff; padding:10px 20px; margin:0;}
.footer-contact .google-map::before{display:none;}

.contact-area .contact-form{margin-bottom:0; background:#d3d3d3; text-align:center; padding:25px 10px 20px;}
.contact-area .contact-form .heading{font-size:28px; color:#000; margin:0;}

.contact-area{margin: 50px auto 0;}
.contact-area .medium-7, .contact-area .medium-5{padding: 0;}
.contact-area .heading{color: #fff; margin: 0 0 20px; font-size: 18px; line-height: 20px;}
.service-area{background: #c5251e url(../img/service-area-bg.jpg) bottom no-repeat; background-size: contain; padding:20px 0; max-width:100%;}
.service-area .columns{padding:0 0.5rem}
.service-area ul{margin:0;}
.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:16px; color:#fff; margin-bottom:5px; display:block;}

.delivery-map{ padding:0; background:url(../img/delivery-map.jpg) center no-repeat; min-height:360px; position: relative; border:solid 1px #ccc;}

.google-map{ padding:0; background:url(../img/service-area.jpg) center no-repeat; min-height:540px; position: relative; border:solid 1px #ccc;}
.google-map::before{content: url("../img/service-area-details.jpg"); width: 203px; height: 114px; display: block; margin: 10px 0 0 10px; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.40); z-index: 1;}
.google-map a, .delivery-map a{ display:block; height:100%; width: 100%; z-index: 2; position: absolute; top: 0; left: 0;}

.footer{background:#fff; color:#444; padding:15px 0; font-size:13px; line-height:18px;}
.footer .row div:last-child{ text-align:right;}
.footer a{color:#444; margin:0 5px; text-decoration:none;}
.footer a:hover{color:#000;}

#back-to-top{position: fixed;bottom: 4%;right: 2%;background: #c40d02;color: #fff;padding: 5px; transition: .5s; display: none; z-index:1000}
#back-to-top:focus, #back-to-top:hover{background: #e73126;}

.shop-online-btn{position: fixed; right: 0; bottom: 40%; display: none; z-index:1000}

/*Remove this while removing alerts for Corona Virus*/
.alert-msg a.btn{text-decoration: none; text-align: center; display: inline-block; background: #50636c; color: #fff; padding: 10px; font-weight: bold; font-size: 16px; line-height: 18px; position: fixed; left: 0; bottom: 8%; z-index: 999;}
.alert-msg a.btn span{display: block; font-size: 14px;}
.reveal-modal-bg{background: rgba(0, 0, 0, 0.8)}
#covid-19{text-align: center;}
#covid-19 strong{color: #cb1928; font-size: 20px; line-height: 22px;}
.alert-msg span.covid-alert{display: block; font-weight: bold; color: yellow; margin: -10px 0 10px;}
.alert-msg.close span.covid-alert{margin-bottom: 0;}
.alert-msg .btn span.covid-alert{margin: 0;}
@media only screen and (max-width: 50em) {
.reveal-modal-bg{background: none;}
}
/*Remove this while removing alerts for Corona Virus*/

//Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading br, .sub-heading br{display:none;}
.padding{padding:10px;}

.align-middle {display:block;}

.top-row .columns{margin:3px 0;}
.top-row, .top-row .social, .top-row .phone{text-align:center;}

.heading, .sub-heading, .heading .heading{font-size:22px; line-height:24px;}
.sub-heading{font-size:17px; line-height:20px; font-weight:bold;}
.heading .sub-heading{font-size:17px; line-height:20px;}

.main-content .heading br{ display:none}
.header{padding:10px 0;}
.header, .header .head-contact{text-align: center;}
.header .sub-heading{margin:0 0 15px;}
.header .header-img{display: none;}

.header .head-contact span{font-size: 15px; line-height: 18px; margin-top:10px;}
.header .head-contact span a strong{font-size:18px; line-height:20px;}

.top-bar, .title-area{height:48px; line-height:48px}

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after{top:1rem;}

.banner li .home-banner-txt{top: 0; left: 0; padding: 10px 12px 0; max-width: 70%;}
.banner .fade li{min-height:380px;}
.banner .fade li:nth-child(1){background:url(../img/paints-finishes-stains-epoxies.jpg) center no-repeat; background-size:cover;}
.banner .fade li:nth-child(2){background:url(../img/home-business-wood-flooring.jpg) center no-repeat; background-size:cover;}
.banner .fade li:nth-child(3){background:url(../img/waterproof-sealants-coatings.jpg) center no-repeat; background-size:cover;}
.banner .fade li:nth-child(4){background:url(../img/window-coverings-treatments.jpg) center no-repeat; background-size:cover;}
.banner li .home-banner-txt .heading{font-size: 20px; line-height: 24px; margin-bottom: 5px;}
.banner li .home-banner-txt p, .banner li .home-banner-txt .text{font-size: 16px; line-height: 22px;}
.banner li .home-banner-txt p span, .banner li .home-banner-txt .text span{display:inline;}
.banner li .home-banner-txt p span:before, .banner li .home-banner-txt .text span:before{content:' - ';}

.main-services{position: relative; top: 0; left: 0; padding: 0 20px; margin-top:20px;}
.main-services ul li{padding: 0 0.425rem 1.25rem;}
.main-services ul li a{border: solid 2px #fff;}
.main-services ul li a span{font-size: 12px; line-height: 16px; padding:5px 8px;}

.banner img{width: 100%;}

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

.banner-text{position:relative; top:0; right:0; max-width:100%; padding:20px 20px 0; background:none;}
.banner-text .heading, .banner-text .sub-heading{color:#cb1928;}
.banner-text .chk-list li{color:#000; background:url(../img/checks.png) top left no-repeat;}

.aggregate img{ max-width:35px; margin:0 5px 5px 0px;}
.aggregate .names{margin-bottom: 10px;}
.aggregate .names p{font-size:16px; line-height:18px;}
.rate-text{font-size:14px;}
.rate-text span{font-size:20px;}

.brands img{max-width: 120px; margin:8px 5px;}
.brands{display: none;}
.medium-8 .brands, .rhs .brands{display: block;}

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

.contact-area{margin: 0;}
.contact-area .map{height: 320px!important; margin-bottom: 20px;}

.head-contact .button{display: none;}
.shop-online-btn{display: block;}

.google-map{ margin-bottom:30px; min-height:380px}

.footer .cards{ margin-bottom: 15px;}
.footer, .footer .row div:last-child{text-align:center; font-size:11px;}
.footer span{display:block; width:100%; margin:10px 0; text-align:center; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:5px 2px;}
img.left, img.right{float:none!important; margin:0 auto 15px!important; display:block;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@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:0 0 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:19px 7px; font-size:15px;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 7px;}
.top-bar-section .has-dropdown > a{padding-right:7px!important;}

.padding{padding:15px;}


.main-content .heading br{ display:none}

.banner li .home-banner-txt{max-width:70%;}
.banner li .home-banner-txt .heading{font-size: 22px; line-height: 24px; margin-bottom: 5px;}
.banner li .home-banner-txt p, .banner li .home-banner-txt .text{font-size: 16px; line-height: 22px;}

.main-services{padding: 0 20px; bottom: 0;}
.main-services ul li{padding: 0 0.625rem 1.25rem;}
.main-services ul li a span{font-size: 14px; line-height: 16px; padding: 5px;}

.lhs .sub-heading, .rhs .sub-heading{font-size: 16px; line-height: 18px;}

.recent-project li a img{width:100%;}

.brands img{max-width: 140px;}
} /* 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) {
.heading br, .sub-heading br{display:none;}


.top-row .columns{width:65%; text-align:left;}
.top-row .columns:nth-child(1){width:100%; margin-bottom:8px; border-bottom:solid 1px #494949; padding-bottom:8px;}
.top-row .phone{text-align:right; margin-top:0; width:35%;}
.top-row .social{text-align:center;}

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after{top:1rem;}

.header .columns{width: 50%; text-align: center;}
.header .head-contact span{font-size:14px; line-height:18px;}
.header .header-img{display: none;}

.banner li .home-banner-txt p span, .banner li .home-banner-txt .text span{display:inline;}
.banner li .home-banner-txt p span:before, .banner li .home-banner-txt .text span:before{content:' - ';}

.inner-banner .medium-5, .inner-banner .medium-7{ width:100%; padding:0;}

.top-bar, .title-area{height:48px; line-height:48px}


.banner-text{position:relative; top:0; right:0; max-width:100%; padding:20px 20px 0; background:none;}
.banner-text .heading, .banner-text .sub-heading{color:#cb1928;}
.banner-text .chk-list li{color:#000; background:url(../img/checks.png) top left no-repeat;}

.main-services{position: relative; top: 0; left: 0; margin-top:20px;}
.main-services ul li{padding: 0 0.425rem 1.25rem;}
.main-services ul li a{border: solid 2px #fff;}

.aggregate img{ max-width:35px; margin:0 5px 5px 0px;}
.aggregate .names{margin-bottom: 10px;}
.aggregate .names p{font-size:16px; line-height:18px;}
.rate-text{font-size:14px;}
.rate-text span{font-size:20px;}

.footer .columns{width: 50%; left: 0;}
.footer .cards{ margin-bottom: 15px; width: 100%;}
}

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