PageSourceSearch

https://www.brownroofing.org/

html brownroofing.org collected 2026-10-04 07:09:09 UTC 175,133 bytes, 3,927 lines download raw bytes

1
2
3<!doctype html>
4<html lang="en">
5    <head>
5<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)})
6(window,'GTM-KHCSKJ9','google_tags_first_party');</script>
6<script>(function(w,d,s,l){w[l]=w[l]||[];(function(){w[l].push(arguments);})('set', 'developer_id.dYzg1YT', true);
7		w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8		j=d.createElement(s);j.async=true;j.src='/1p6h/';
9		f.parentNode.insertBefore(j,f);
10		})(window,document,'script','dataLayer');</script>
10
11
12            <!-- Google Tag Manager -->
13            
13<script>
vendor: 375 bytes, lines 13-17
13(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
14            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
15            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
16            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
17            })(window,document,'script','dataLayer','
17GTM-KHCSKJ9
vendor: 3 bytes, line 17
17');
17</script>
17
18            <!-- End Google Tag Manager -->
19        
20    	<meta charset="utf-8">
21    	<meta name="viewport" content="width=device-width, initial-scale=1">
22    	<title>Roof Repair & Replacement Company in Connecticut | Brown Roofing Company, Inc.</title>
23    	<meta name="description" content="Brown Roofing Company, Inc. is CT's trusted roofing company with over 50 years of experience. We have provided roof repair, roof replacement, and gutter services since 1972, serving homeowners in Milford, Fairfield, Trumbull and nearby areas. Schedule your free estimate today.">
24    	<meta name="keywords" content="">
25    	<link rel="icon" href="https://cdn.treehouseinternetgroup.com/cms_images/1253/Klaus-Favicon.png">
26        <link rel="preload" fetchpriority="high" href="https://cdn.treehouseinternetgroup.com/cms_images/1253/brownroofing-logo-800px.png" as="image">
27        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap" rel="stylesheet">
28    <!-- preload first mm image for responsive, hp only -->
29            <link rel="preload" fetchpriority="high" href="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto,quality=75/cms_images/1253/mm-500.jpg" as="image" media="(max-width: 500px)">
30        <link rel="preload" fetchpriority="high" href="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto,quality=75/cms_images/1253/mm-1600.jpg" as="image" media="(min-width: 500.1px) and (max-width: 1024px)">
31        <link rel="preload" fetchpriority="high" href="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto,quality=75/cms_images/1253/mm-1600.jpg" as="image" media="(min-width: 1024.1px)">
32                <link rel="preload" fetchpriority="high" href="/core/images/templates/spruce/headers/silo-roofing-2.jpg" as="image">
33            <link rel="preconnect" href="https://connect.facebook.net">
34        <link rel="preconnect" href="https://tags.w55c.net">
35        <link rel="preconnect" href="https://script.hotjar.com">
36        <!--<link rel="preconnect" href="https://use.typekit.net">-->
37         <link rel="stylesheet" href="https://cdn.treehouseinternetgroup.com/cms_core/assets/min/foundation.min.css">
38 <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdn.treehouseinternetgroup.com/cms_core/assets/core-template.css" />
39 <link rel="stylesheet" media="screen and (max-width: 960px)" href="https://cdn.treehouseinternetgroup.com/cms_core/assets/min/mobile-min.css" />
40 <link rel="stylesheet" media="print" onload="this.media='all'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
41
42 <link rel="preload" as="style" onload="this.rel='stylesheet';this.onload=null;" href="/inc/sb-styles.css?v=4">
43 
43<script type="text/javascript" src="https://cdn.treehouseinternetgroup.com/cms_core/assets/js/jquery.min.js"></script>
vendor: 2 bytes, line 43
43
44<script>
45!(function(t) {
46	"use strict";
47	t.loadCSS || (t.loadCSS = function() {});
48	var e = (loadCSS.relpreload = {});
49	if (
50		((e.support = (function() {
51			var e;
52			try {
53				e = t.document.createElement("link").relList.supports("preload");
54			} catch (t) {
55				e = !1;
56			}
57			return function() {
58				return e;
59			};
60		})()),
61		(e.bindMediaToggle = function(t) {
62			var e = t.media || "all";
63			function a() {
64				t.addEventListener
65					? t.removeEventListener("load", a)
66					: t.attachEvent && t.detachEvent("onload", a),
67					t.setAttribute("onload", null),
68					(t.media = e);
69			}
70			t.addEventListener
71				? t.addEventListener("load", a)
72				: t.attachEvent && t.attachEvent("onload", a),
73				setTimeout(function() {
74					(t.rel = "stylesheet"), (t.media = "only x");
75				}),
76				setTimeout(a, 3e3);
77		}),
78		(e.poly = function() {
79			if (!e.support())
80				for (
81					var a = t.document.getElementsByTagName("link"), n = 0;
82					n < a.length;
83					n++
84				) {
85					var o = a[n];
86					"preload" !== o.rel ||
87						"style" !== o.getAttribute("as") ||
88						o.getAttribute("data-loadcss") ||
89						(o.setAttribute("data-loadcss", !0), e.bindMediaToggle(o));
90				}
91		}),
92		!e.support())
93	) {
94		e.poly();
95		var a = t.setInterval(e.poly, 500);
96		t.addEventListener
97			? t.addEventListener("load", function() {
98					e.poly(), t.clearInterval(a);
99				})
100			: t.attachEvent &&
101				t.attachEvent("onload", function() {
102					e.poly(), t.clearInterval(a);
103				});
104	}
105	"undefined" != typeof exports
106		? (exports.loadCSS = loadCSS)
107		: (t.loadCSS = loadCSS);
108})("undefined" != typeof global ? global : this);
109</script>
109
110        <style>:root {--primary-red:#ec232b;}/**------------------------------------------- Structure Styles -------------------------------------------**/.row {max-width:1200px;position:relative;}#colorbox,#cboxLoadedContent,#cboxContent {box-sizing:content-box;}a,#tabs .ui-widget-content a,#tabs .ui-state-active a,#tabs .ui-state-active a:link,l#tabs-light-bar .ui-widget-content a {color:#666;}a:visited {color:#222;}a:hover {color:#ec232b;}/**------------------------------------------- Font Styles -------------------------------------------**/body,ul {font-family:'Montserrat', sans-serif;}h2,ol {font-family:'Montserrat', sans-serif;color:#ec232b;}h1,h3,h4,strong {font-family:'Montserrat', sans-serif;color:#666;}.ctr {text-align:center;}h1 {font-size:22px;color:;margin-bottom:30px;line-height:1.2;font-family:'Montserrat', sans-serif;color:#000;}h2 {font-size:18px;margin:0px auto 30px;font-weight:bold;font-family:'Montserrat', sans-serif;font-weight:bold;color:#000;}h3 {color:#ED1C24;}h3,.related_pages .title {font-size:16px;margin-bottom:15px;font-family:'Montserrat', sans-serif;}h4 {color:#ec232b;font-family:'Montserrat', sans-serif;font-size:16px;font-family:'Montserrat', sans-serif;}#content-wrap ul,#content-wrap ol {padding:0px 20px;}.home h2,.home p.home-section-title {font:bold 28px/1.3em 'Montserrat', sans-serif;text-transform:uppercase;color:#ec232b;text-align:center;margin-bottom:30px;}.breakout p,.breakout ul,.breakout ol {font-size:14px;line-height:20px;}.video-responsive {overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}.video-responsive iframe,.video-responsive video {left:0;top:0;height:100%;width:100%;position:absolute;}@media screen and (min-width:640px) {h1, p.home-section-title {font-size:40px;margin-bottom:30px;}h2 {font-size:24px;}h3, h4 {font-size:20px;}}@media screen and (min-width:1025px) {h1, p.home-section-title {font-size:40px;margin-bottom:30px;}h2 {font-size:30px;}h3, h4 {font-size:24px;}}/**------------------------------------------- Header / Topnav -------------------------------------------*/.navigation-real {box-shadow:0 3px 6px #0000004a;}.navigation-layout {position:relative;display:grid;grid-template-columns:minmax(2rem, auto) minmax(auto, 200px) 12fr;grid-template-rows:auto auto;}.navigation-layout .dropdown > svg {display:block;}@media (min-width:768px) {.navigation-layout {grid-template-columns:25% 75px 1fr;}}@media screen and (min-width:1025px) {.navigation-layout {grid-template-columns:30% 75px 1fr;}li.without-children.one {background:#fff;padding:.5rem 1rem !important;border-radius:8px;}li.without-children.one > a {color:var(--primary-red) !important;font-weight:bold !important;}}/***** banner *****/.navigation-layout .banner {grid-column-end:5;grid-column-start:3;grid-row-end:3;grid-row-start:2;}@media (max-width:1279px) {.navigation-layout .banner {grid-column-end:5;grid-column-start:3;}}.navigation-layout .banner {background-color:#272526;}.navigation-layout .banner-text {grid-column-end:4;grid-column-start:3;grid-row-end:3;grid-row-start:2;display:flex;align-items:end;padding-left:1rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));}@media (max-width:1535px) {.navigation-layout .banner-text {font-size:0.75rem;line-height:1rem;}}@media (max-width:1279px) {.navigation-layout .banner-text {grid-column-end:5;grid-column-start:3;justify-content:flex-end;}}@media (max-width:1023px) {.navigation-layout .banner-text {justify-content:center;}}@media (max-width:767px) {.navigation-layout .banner-text {grid-column-start:1;padding-left:0;}}@media (max-width:639px) {.navigation-layout .banner-text {justify-content:space-between;}}.navigation-layout .banner-text {background-color:#000;justify-content:space-around;align-items:center;}.navigation-layout .banner-text,.navigation-layout .banner-text .cta .cta-text {font-size:10px;}.navigation-layout .banner-text .cta .cta-text {font-weight:600;}.banner-separator {width:1px;height:100%;background:#fff;margin:0 .5rem !important;}.banner-separator:nth-child(2) {display:none;}.header-badges,.header-img {display:none;}@media screen and (min-width:1300px) {.banner-separator:nth-child(2) {display:block;}.header-badges {display:flex;align-items:center;gap:1rem;margin:0 1rem 0 0;}.header-badges img {display:block;width:35%;max-width:75px;}.header-img {display:block;max-width:75%;margin:0 1rem;}.closing-at-container {font-size:20px;}.navigation-layout .banner-text .cta .cta-text {font-size:20px !important;}.supernav .level-1.large > li > a {font-size:18px;}}@media screen and (min-width:500px) {.navigation-layout .banner-text,.navigation-layout .banner-text .cta .cta-text {font-size:12px;}}@media screen and (min-width:640px) {.navigation-layout .banner-text,.navigation-layout .banner-text .cta .cta-text {font-size:14px;}.banner-separator:first-of-type {display:none;}.banner-separator {margin:0 1rem !important;}}@media screen and (min-width:768px) {.navigation-layout .banner-text,.navigation-layout .banner-text .cta .cta-text {font-size:18px;}.banner-separator {height:20px;}}.navigation-layout .banner-text.navigation-start-triangle {position:relative;}.navigation-layout .banner-text .separator {padding-left:1rem;padding-right:1rem;}@media (max-width:639px) {.navigation-layout .banner-text .separator {display:none;}}.navigation-layout .banner-text .serving {text-align:center;}.navigation-layout .banner-text .cta-text a {color:#fff;}.navigation-layout .banner-text .cta .cta-text-small {display:none;align-items:center;font-weight:700;}@media (max-width:639px) {.navigation-layout .banner-text .cta .cta-text-small {display:flex;}}.navigation-layout .banner-text .cta .cta-text-small a {display:flex;align-items:center;}@media (max-width:639px) {.navigation-layout .banner-text .cta .cta-text-small a {display:flex;}}.navigation-layout .banner-text .cta .cta-text-small .phone {margin-right:0.5rem;width:1.25rem;}.navigation-layout .banner-text .cta a {display:flex;padding:0.5rem 1.25rem 0.5rem 0;align-items:center;}.navigation-layout .banner-text .cta .phone {margin:0 0.25rem 0 0;}.closing-at-container {padding:0 0 0 .5rem;}.navigation-layout .logo-container {position:relative;grid-column-end:3;grid-column-start:2;grid-row:1 / 2;margin-top:1.25rem;margin-bottom:1.25rem;}.nav-triangle {display:none;}@media screen and (min-width:768px) { .navigation-layout .logo-container {grid-column:1 / span 2;grid-row:1 / 3;margin:0;display:flex;justify-content:space-evenly;padding:2rem 3rem;}.nav-triangle {display:block;grid-column:2;grid-row:2;background:linear-gradient(to bottom right,transparent 0%,transparent 50%,var(--primary-red) 50%,var(--primary-red) 100%);}.navigation-layout .logo-container img {width:clamp(100px, 20vw, 250px);}.warranty-img {width:clamp(100px, 20vw, 100px) !important;} }.supernav {grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;padding-top:0.5rem;padding-bottom:0.5rem;}@media screen and (min-width:768px) {.supernav {grid-row-start:2;grid-row-end:3;background:var(--primary-red);margin:0;padding:0;grid-column:3;display:flex;align-items:center;}.navigation-layout .banner-text,.navigation-layout .banner {grid-row-start:1;grid-row-end:2;grid-column:3;}}.supernav ul {list-style:none;}.supernav .level-1.large {display:flex;justify-content:space-between;}@media (max-width:767px) {.supernav .level-1.large {display:none;}}@media screen and (min-width:768px) {.supernav .level-1.large {margin:0;padding:0 0 0 1rem;gap:.5rem;width:95%;align-items:center;}}@media screen and (min-width:1024px) {.supernav .level-1.large {padding:0 0 0 1rem;gap:1.5rem;width:94%;}}.supernav .level-1.large > li {position:relative;padding-top:1rem;padding-bottom:1rem;font-weight:600;}@media (max-width:1023px) {.supernav .level-1.large > li {font-size:0.875rem;line-height:1.25rem;}.warranty-img {display:none;}}.supernav .level-1.large > li a {cursor:pointer;color:#000;}.supernav .level-1.large > li a:hover {text-decoration:underline;}.supernav .level-1.large > li.with-children {display:flex;align-items:center;}@media screen and (min-width:768px) {.supernav .level-1.large > li,.supernav .level-1.large > li.with-children {margin:0;padding:0;font-size:16px;}}.supernav .level-1.large > li.with-children > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * (1 - var(--tw-space-x-reverse)));}.supernav .level-1.large > li.with-children:hover .level-2 {display:block;}.supernav .level-1.large > li.with-children .dropdown {width:0.75rem;--tw-text-opacity:1;color:rgba(212, 57, 42, var(--tw-text-opacity));}.supernav .level-1.large > li.with-children .level-2 {position:absolute;z-index:9999;bottom:0;left:50%;display:none;transform:translateX(-50%) translateY(100%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);border-radius:0.375rem;background-color:rgba(255, 255, 255, 1);padding:1rem 1.5rem;
110box-shadow:rgba(255,255,255) 0px 0px 0px 0px, rgba(61,61,61,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.25) 0px 25px 50px -12px;}.supernav .level-1.large > li.with-children .level-2 > li {white-space:nowrap;font-weight:700;}.supernav .level-1.large > li.with-children .level-2 .return-level-1 {display:none;}.supernav.level-1.large> li.with-children.level-2.simpleli:not(:last-child) {margin-bottom:0.75rem;}.supernav .level-1.large > li.with-children .level-2.columned {-moz-columns:3;column-count:3;-moz-column-gap:5rem;column-gap:5rem;}@media screen and (min-width:768px) {.supernav .level-1.large > li > a {color:#fff;font-weight:normal;}}@media (max-width:1279px) {.supernav .level-1.large > li.with-children .level-2.columned {-moz-columns:2;column-count:2;}}@media (max-width:1023px) {.supernav .level-1.large > li.with-children .level-2.columned {-moz-columns:1;column-count:1;}}.supernav .level-1.large > li.with-children .level-2.columned > li {overflow:hidden;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;break-inside:avoid-column;}.supernav .level-1.large > li.with-children .level-2.columned .level-3 {padding-left:1.5rem;margin:0.25rem 0 1rem;}.supernav .level-1.large > li.with-children .level-2.columned .level-3 > li {font-size:0.875rem;line-height:1.25rem;font-weight:300;}.supernav .level-1.small {pointer-events:none;position:absolute;z-index:999;left:0.5rem;right:0.5rem;bottom:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-y:100%;flex-direction:column;border-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));opacity:0;--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(61, 61, 61, var(--tw-ring-opacity));--tw-ring-opacity:0.1;transition-property:background-color, border-color, color, fill, stroke,opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:background-color, border-color, color, fill, stroke,opacity, box-shadow, transform, filter, backdrop-filter;transition-property:background-color, border-color, color, fill, stroke,opacity, box-shadow, transform, filter, backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.15s;box-shadow:rgba(255,255,255) 0px 0px 0px 0px, rgba(61,61,61,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.25) 0px 25px 50px -12px;}@media (max-width:767px) {.supernav .level-1.small {--tw-translate-y:calc(100% - 25px);}}.supernav .level-1.small.show {pointer-events:auto;display:flex;--tw-translate-y:calc(100% + 36px);opacity:1;}.supernav .level-1.small.nest .level-2 {pointer-events:none;max-height:calc(100vh - 75%);--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-translate-y:-1.25rem;overflow:auto;opacity:0;}.supernav .level-1.small.nest .level-2,.supernav .level-1.small.nest .level-2.show {transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.supernav .level-1.small.nest .level-2.show {pointer-events:auto;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-translate-y:0px;opacity:1;}.supernav .level-1.small:not(.nest) .level-2 {pointer-events:none;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-y:-1.25rem;opacity:0;}.supernav .level-1.small > li {overflow-x:hidden;font-weight:600;}@media (max-width:1023px) {.supernav .level-1.small > li {font-size:0.875rem;line-height:1.25rem;}}.supernav .level-1.small > li a {display:block;cursor:pointer;padding:0.75rem 1rem;color:#000;}.supernav .level-1.small > li a:hover {text-decoration:underline;}.supernav .level-1.small > li.with-children {display:flex;align-items:center;justify-content:space-between;}.supernav .level-1.small > li.with-children > a {flex:1 1 0%;}.supernav .level-1.small > li.with-children .dropdown {margin-right:1rem;height:2rem;width:2rem;padding:0.25rem;--tw-text-opacity:1;color:rgba(212, 57, 42, var(--tw-text-opacity));}.supernav .level-1.small > li.with-children .dropdown svg {height:100%;width:auto;}.supernav .level-1.small > li.with-children .level-2 {pointer-events:none;position:absolute;top:0;right:0;z-index:50;display:flex;width:100%;flex-direction:column;border-radius:0.25rem;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(61, 61, 61, var(--tw-ring-opacity));--tw-ring-opacity:0.1;transition-property:background-color, border-color, color, fill, stroke,opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:background-color, border-color, color, fill, stroke,opacity, box-shadow, transform, filter, backdrop-filter;transition-property:background-color, border-color, color, fill, stroke,opacity, box-shadow, transform, filter, backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.15s;transition-duration:0.2s;
110box-shadow:rgba(255,255,255) 0px 0px 0px 0px, rgba(61,61,61,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.25) 0px 25px 50px -12px;}.supernav .level-1.small > li.with-children .level-2 > li {font-weight:700;}.supernav .level-1.small > li.with-children .level-2 .return-level-1 span {margin:0 0 0 1rem;}.supernav .level-1.small > li.with-children .level-2 .return-level-1 {display:flex;align-items:center;padding:0.5rem 1rem;font-weight:600;background:#fff;color:#000;margin:0;}.supernav .level-1.small > li.with-children .level-2 .return-level-1:focus {outline:2px solid transparent;outline-offset:2px;}.supernav .level-1.small > li.with-children .level-2 .return-level-1 svg {height:1.5rem;width:1.5rem;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-rotate:180deg;--tw-text-opacity:1;color:rgba(212, 57, 42, var(--tw-text-opacity));}.supernav .level-1.small > li.with-children .level-2.simple > li {font-weight:600;}.supernav .level-1.small > li.with-children .level-2 .level-3 {padding-left:1.5rem;margin:0;}.supernav .level-1.small > li.with-children .level-2 .level-3 > li {font-size:0.875rem;line-height:1.25rem;font-weight:300;}.supernav .level-1.small > li.with-children .level-2 .level-3 > li a {padding:0.5rem 1rem;}.supernav .menu-button-container {display:flex;justify-content:flex-end;height:100%;}@media (min-width:768px) {.supernav .menu-button-container,.dropdown {display:none;}}.supernav .menu-button-container .menu-button {margin:0;padding:0.75rem 1.25rem;background-color:transparent;background-image:none;}.supernav .menu-button-container .menu-button svg path {fill:#000;} /***------------ Service Area ------------***/#service-area {background:#F1F1F1;padding:3rem 1rem;}.sa-title {text-align:center;text-transform:uppercase;margin:0 0 2rem;}.sa-title > * {margin:0;}.sa-head {font-weight:bold;font-size:18px;}@media screen and (min-width:640px) {#service-area {padding:4rem 0;}.sa-head {font-size:24px;}.sa-sub {font-size:18px;}#service-area #service-map {margin:0 auto 3rem;}.sa-cities {max-width:800px;margin:0 auto;}}@media screen and (min-width:1025px) {#service-area {display:grid;grid-template-columns:repeat(2, minmax(auto,600px));grid-template-rows:auto auto;padding:5rem 2rem;column-gap:2rem;justify-content:center;height:unset;}.sa-title {grid-column:1;grid-row:1;text-align:left;}.sa-sub {font-size:24px;}.sa-head {font-size:30px;margin:0 0 2rem;}#service-area #service-map {grid-column:2;grid-row:1/3;width:100%;margin:0;align-self:center;justify-self:end;}.sa-cities {max-width:500px;margin:0;}}/* map */#service-area #service-map {max-width:500px;margin:0 auto 2rem;}#service-area #gmap-wrap {width:100%;height:360px;margin:0 auto;background:#F1F1F1;}#gmap-wrap > div {border-radius:50px;box-shadow:0px 0px 35px #0000003b;}#service-area .gm-style {border-radius:0;}/* city list */.sa-city-list {height:300px;overflow-y:scroll;margin:0 0 2rem;}.sa-city-list::-webkit-scrollbar {width:20px;}.sa-city-list::-webkit-scrollbar-thumb {background-color:#575757;border-radius:13px;}.city_scroll_list_container {padding:0 1rem 0 0;}.sa-city-list h3 {display:none;}ul.city_scroll_list {margin:0;display:flex;flex-wrap:wrap;gap:1rem;}ul.city_scroll_list li {list-style:none;}ul.city_scroll_list li a {text-decoration:underline;}/* Google map on Service Area Page */#content-wrap #gmap-wrap {width:300px;height:300px;margin:0px 0px 30px 30px;float:right;}/**------------------------------------------- Silo Styles -------------------------------------------**/#silo-header {height:125px;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;border-bottom:1px solid #ec232b;}@media screen and (max-width:640px) {#silo-header {height:120px;}}/*#silo-header::before {content:"";display:block;background:#ec232b;opacity:.8;width:100%;height:100%;position:absolute;}*/#silo-header .page-title {color:#fff;text-transform:uppercase;font:bold 30px/38px 'Montserrat', sans-serif;margin:70px auto 0px;display:block;position:relative;text-shadow:0px 0px 10px #444;text-align:right;z-index:1;}@media screen and (max-width:640px) {#silo-header .page-title {margin-top:30px;line-height:1.0em;}}.silo-header--img {width:100%;height:125px;display:flex;position:absolute;} .silo-header--img picture {display:flex;min-width:100%;}.silo-header--img picture:before {content:'';position:absolute;
110left:0;top:0;width:100%;height:100%;background-color:#ec232b;opacity:.8;z-index:1;}.silo-header--img img {position:relative;object-fit:cover;min-width:100%;}/* Silo headers *//*#about #silo-header,#territory #silo-header {background-image:url('/core/images/templates/spruce/headers/silo-roofing-2.jpg');}#spray-foam #silo-header {background-image:url('/core/images/templates/des/headers/silo-spray-foam-des.jpg');}#attic-insulation #silo-header {background-image:url('/core/images/templates/des/headers/silo-attic-insulation-des.jpg');}#ice-damming #silo-header {background-image:url('/core/images/templates/des/headers/silo-ice-damming.jpg');}#crawl-space-insulation #silo-header {background-image:url('/core/images/templates/des/headers/silo-crawl-insulation-des.jpg');}#home-insulation #silo-header {background-image:url('/core/images/templates/des/headers/silo-home-insulation-des.jpg');}#windows-doors #silo-header {background-image:url('/core/images/templates/spruce/headers/silo-windows.jpg');}#indoor-air-quality #silo-header {background-image:url('/core/images/templates/des/headers/silo-airq-des.jpg');}#home-energy-evaluation #silo-header {background-image:url('/core/images/templates/des/headers/silo-audit-des.jpg');}#roof-repair #silo-header {background-image:url('/core/images/templates/spruce/headers/silo-roofing-tools-2.jpg');}#roof-replacement #silo-header {background-image:url('/core/images/templates/spruce/headers/silo-roofing-worker-1.jpg');}#commercial-roofing #silo-header {background-image:url('/core/images/templates/spruce/headers/silo-commercial-roofing.jpg');}#gutters-and-downspouts #silo-header {background-image:url('/core/images/templates/spruce/headers/silo-gutters.jpg');}#siding #silo-header {background-image:url('/core/images/templates/spruce/headers/silo-siding.jpg');}#remodeling #silo-header {background-image:url('/core/images/templates/spruce/headers/silo-kitchen.jpg');}*//* LEFT SUBNAV STYLES ----------------------------------- */#subnav-left {position:relative;padding:50px 20px 30px 20px;}@media screen and (max-width:640px) {#subnav-left {border-right:0;padding:25px 0.9375rem;background:linear-gradient(rgb(234, 232, 232)0px, rgb(248, 248, 248) 15px);border-top:1px solid rgb(230, 230, 230);}}#subnav-left ul {list-style:none;margin:0px;display:block;text-transform:none;overflow:visible;}#subnav-left ul li {position:relative;}#subnav-left ul li a {font-size:16px;text-decoration:none;line-height:1.2em;color:;display:block;}#subnav-left ul li a:hover {text-decoration:underline;}/* Top silo page link styles */#subnav-left > ul > li > a {color:;text-transform:uppercase;font:bold 20px/1.1em 'Montserrat', sans-serif;margin:0px auto 20px;display:block;}/* Nav styles - first level - excludes top silo page */#subnav-left > ul > li > ul {border-top:1px solid #ec232b;padding-top:20px;}#subnav-left > ul ul li a {display:block;margin-bottom:15px;position:relative;line-height:1.2em;}/* Nav Styles - second level */#subnav-left > ul ul ul li a {color:#fff;margin:0px;font-size:14px}/* Nav Styles - third level *//* Nav Styles - fourth level */#subnav-left > ul ul ul ul {margin-left:10px;}/* Active Expanded page and/or children */#subnav-left > ul li.children.expanded > a { /* 2nd level active/expanded parent link */padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.2);margin-bottom:10px;}#subnav-left ul li.active > a,#subnav-left ul li.expanded > a {color:#fff;font-weight:700;margin-bottom:0px;}#subnav-left ul li.active > a {position:relative;display:block;}#subnav-left ul li.active > a::before {content:"";position:absolute;width:7px;height:7px;border:1px solid #fff;border-width:1px 1px 0px 0px;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:4px;left:-15px;}/* Second Level Active/Expanded */#subnav-left > ul > li > ul > li.active,#subnav-left li.children.expanded {background:#000;padding:15px 20px 15px 0px;margin-bottom:15px;box-shadow:-20px 0px 0px #000;}/* Third Level Active/Expanded */#subnav-left > ul ul ul > li {padding:5px 0px;margin:0px;}#subnav-left > ul ul ul > li.first {padding-bottom:5px;}#subnav-left > ul ul ul > li.last {padding-top:5px;}/***------------------------------------------- Content -------------------------------------------***/.silo-page-wrap {}#page-wrap {}@media screen and (min-width:641px){#page-wrap > .row::before {content:"";position:absolute;display:block;background-image:linear-gradient(to left,rgb(230, 230, 230) 1px, rgb(234, 232, 232)1px, rgb(248, 248, 248) 15px);height:100%;width:24.9%;}}@media screen and (max-width:640px) {#page-wrap {padding:20px 0 0;}}#content-wrap {background-color:#fff;padding-top:35px;padding-bottom:35px;padding-left:35px;}@media screen and (max-width:640px) {#content-wrap {padding-left:0.9375rem;padding-top:0px;}}#content-wrap.free-estimate, #content-wrap.homepage-content {padding-left:0.9375rem;}#content-wrap #gmap-wrap {margin:0px 0px 30px 30px;float:right;}a.button,a.arrow-button {background:#4aa440;text-shadow:none;font:bold 17px 'Montserrat', sans-serif;border:0;text-transform:uppercase;transition:background .2s ease;color:#000000 !important;border-radius:0;display:inline-block;width:unset !important;}a.button.btn-round {padding:1rem 1.5rem;}a.button:hover,a.arrow-button:hover {background:#408f38;}a.btn-gray {display:inline-block;background:transparent;border:3px solid #565656;border-radius:30px;padding:.5rem 1.25rem;font-size:14px;transition:all .2s ease}a.btn-gray:hover {background:#565656;color:#fff !important;}@media screen and (min-width:1025px) {a.button {font-size:20px;}a.button.btn-round {padding:2rem 3rem;}}a.arrow-button {padding:10px 70px 10px 20px !important;}.arrow-button span {background-image:none;position:absolute;float:right;margin-right:15px;}.arrow-button span::before {content:"";display:block;border-left:1px solid rgba(255, 255, 255, .25);border-right:1px solid rgba(0, 0, 0, .2);width:1px;height:50px;position:absolute;}.arrow-button span::after {content:"";display:block;border:15px solid transparent;border-left:20px solid #fff;position:relative;height:15px;width:15px;top:8px;left:18px;}.border > h3 {margin:20px;}/* Contact Form Colors */.contact_form .step.current .title { background-color:#e32028; color:#fff !important;}.contact_form .step .title {color:#757575 !important;}.contact_form button.next,.contact_form input.next,.contact_form .step.current .title {color:#fff;}.contact_form button, input[type="submit"] { background-color:#666;}.contact_form.page_widget input[type="submit"] {color:#fff;cursor:pointer;}.contact_form.page_widget input[type="submit"]:hover {background:#000;}/* Tabbed interface */#carousel .ui-widget-header {height:50px !important;}#carousel .tab-nav {left:0;width:100%;padding:0px 10px;}#carousel .title {width:100% !important;}#carousel .ui-tabs-panel {overflow:auto}
110/* 4-step form */.contact_form .step.current input:focus,.contact_form .step.current textarea:focus {background:rgba(255, 248, 191, 0.90);box-shadow:0px 0px 8px rgba(0, 0, 0, .15);}@media screen and (min-width:640px){.free-estimate .contact_form form {width:70%;}}/* MTT reset */.team_member_image span {padding-top:130%;}/* Mobile sticky footer */#fixed-contact {display:none;position:fixed;bottom:0;z-index:9999;height:65px;text-align:center;background:#000000;box-shadow:0 -5px 20px rgba(0,0,0,.35);}#fixed-contact .columns {display:inline-block;width:auto;text-align:center;float:none;position:absolute;transform:translate(-50%,-50%);top:50%;padding:0;}#fixed-contact .columns:not(.phone-btn){width:30%;}#fixed-contact a {line-height:100%;}#fixed-contact a span {font-size:13px;color:#ffffff;padding-top:3px;display:block;} #fixed-contact a i {font-size:24px;display:block;color:#4aa440;}#fixed-contact .columns.phone-btn {left:50%;}#fixed-contact .columns.chat-btn,#fixed-contact .columns.area-btn {left:calc(50% - 95px);}#fixed-contact .columns.quote-btn {left:calc(58% + 95px);}#fixed-contact .phone-btn a {display:block;border-radius:50%;background:#4aa440;width:80px;height:80px;top:-10px;position:relative;}#fixed-contact .phone-btn a i {position:relative;transform:translateY(-50%);top:50%;font-size:50px;color:#fff;}@media screen and (max-width:640px){#fixed-contact {display:block;}}/***------------------------------------------- Footer -------------------------------------------***/#footer {background:#fff;padding:40px 0px 30px;color:#b0b0b0;}#footer p {text-align:center;line-height:1.3em;margin-bottom:1em;font-size:15px;color:#000;}.footer-btn-wrap {text-align:center;}#footer-btn {margin:0;}p.footer-phone {margin:30px auto;font-size:16px;line-height:32px;}p.footer-phone span a {display:block;font:bold 32px/32px 'Montserrat', sans-serif;color:#ED1C24;transition:background-color .2s ease;}p.footer-phone span a.phone_link span {margin:0.5rem 0 0;}p.footer-disclaimer {font:italic 12px/18px 'Montserrat', sans-serif;margin-bottom:40px;}#footer .footer-address {margin:2rem 0 1rem;}#footer-links ul {list-style:none;padding:0;margin:0;overflow:auto;}#footer-links {padding-left:55px;overflow:auto;}#footer-links > ul > li:not(.social) {font:bold 16px/32px 'Montserrat', sans-serif;text-transform:uppercase;color:#000000;display:block;margin-bottom:25px;}#footer-links > ul > li a:hover {color:#6c6c6c;}#footer-links a {text-transform:none;font-size:15px;font-weight:400;color:#000;}#footer-links a:hover {color:#d9d9d9;text-decoration:underline;}#footer-links #social-footer-icons a, #social-footer-icons a {color:#ED1C24;}li.footer-link.about,li.footer-link.work,li.footer-link.services li:nth-child(odd) {float:left;width:250px;}.footer-link.social a {display:inline-block;margin:0px 10px 10px 0px;opacity:.75;transition:opacity .2s ease;}.footer-link.social a:hover {opacity:1;}.footer-bar {background:#000;color:#fff;text-align:center;padding:1rem;}.footer-bar div {display:none;}.footer-bar p {font-size:14px;}.footer-bar p:not(:last-child) {margin:0 0 .25rem;}@media screen and (min-width:640px) {.footer-bar {display:flex;justify-content:center;align-items:center;gap:1rem;}.footer-bar div {width:1px;height:22px;background:#fff;display:block;}.footer-bar p {font-size:16px;}.footer-bar p:not(:last-child),.footer-bar p{margin:0;}}@media screen and (min-width:1025px) {#footer > .row > div:nth-child(2) {border-right:2px solid #D6D6D6;}#footer-links,#footer-contact {min-height:525px;overflow:hidden;}#footer-contact {padding-top:25px;}#footer-links {padding-top:20px;}}@media screen and (max-width:1024px) {#footer > .row {display:grid;gap:2rem;}#footer > .row:before,#footer > .row::after {display:none;}#footer > .row > div:nth-child(2) {grid-row:1;}#footer > .row > div:nth-child(1) {grid-row:2;}#footer-links {width:500px;padding-left:0px;margin:0px auto 20px;}li.footer-link.about,li.footer-link.work,li.footer-link.social,li.footer-link.services,li.footer-link.services * {float:none !important;width:auto !important;text-align:left;}#footer-links > ul > li:not(:last-child) {border-bottom:2px solid #D6D6D6;margin:0 0 2rem;padding:0 0 2rem;}#social-footer-icons {text-align:center;}}@media screen and (max-width:640px) {#footer-links {width:100%;}li.footer-link.social a {display:inline;float:none;}}
110/*** GMAP FUNK ***//* About Us Tweaks */.breakout ul.arrows {padding-left:7px !important;line-height:16px !important;}.breakout h2, .breakout h3 {padding-left:0px;}.owner.breakout {width:100%;}.owner h2 { font-family:Verdana, Arial, Helvetica, 'Montserrat', sans-serif; font-size:18px !important; font-weight:normal; color:#00529B !important; padding:0px;}.ownerPhoto{background:#fff;float:right;margin:10px 10px 10px 10px;width:350px;}.about.breakout {width:280px;}.accred, .owner {border-top:3px solid #00529B !important;}.accred h3 {display:block;background:#ededed;padding:10px;text-align:center;margin:0px 0px 15px !important;font-weight:normal !important;font-family:Verdana, Arial, Helvetica, 'Montserrat', sans-serif !important;color:#00529B;}.about .accred img {max-width:125px;vertical-align:middle;margin:0px 5px 10px;}/* Testimonials & Reviews widget */ul.wt-5276-ul {margin:0px !important;}.wt-5276-middle {height:auto !important;}div.wt-5276-middle > p {margin:0px auto !important;padding-top:0px !important;}div.wt_5386_reviews_widget_featured {width:280px;}div.wt-5276-title.title, div.wt-5330-title.title, div.wt-5384-title.title, div.wt_5386_reviews_widget_featured > h2 {font-family:Verdana, Arial, Helvetica, 'Montserrat', sans-serif; font-size:18px !important; margin:0px 0px 10px !important; font-weight:normal; color:#00529B !important;}div.wt-5330{ /* Customer Reviews */background-color:transparent !important;border:none !important;box-shadow:none !important;}.wt-5330-controls {top:0px !important;right:0px !important;}ul.wt-5330-ul {border:1px solid #d9d9d9;border-radius:8px;margin:0px !important;padding:0px !important;}.wt-5330-content {height:auto !important;}/* Meet the Team */#meet-team {overflow:hidden;}.wt-5384 {margin-bottom:20px !important;margin-left:0px !important;float:left !important;}.page_bottom_estimate_callout {display:none;}.footer-marquee p a {color:#000;}.footer-marquee p a:hover {color:#eb0303;}div.large-5.large-pull-7.columns {margin-bottom:20px;}div#footer.container.home div.row {margin-bottom:20px; }.footer-bar p a {color:#fff; }.footer-bar p a:hover {color:#ED1C24;}.slick-dots {transform:translateY(-150%);}.iko{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px;z-index:9999;pointer-events:none; }.iko img{ height:96px; width:auto; }@media screen and (max-width:640px){.iko { display:none; }}/* Family ribbon centered at top */.family-ribbon{position:absolute;top:20px;left:50%;transform:translateX(-20%);z-index:9998;pointer-events:none;}.family-ribbon img{height:54px;width:auto;height:clamp(28px, 5vw, 54px);}@media screen and (max-width:1280px){.family-ribbon { display:none; }}/* Family Owned Banner - Under the MM */.family-owned{width:100%;display:flex;justify-content:center;padding:3rem 0 2rem; }.family-owned-inner{max-width:1200px;width:100%;display:flex;justify-content:center;}.family-owned-img{width:100%;height:auto;max-width:800px;padding:0 3rem 0;}#fixed-contact .quote-btn a {display:flex;align-items:center;justify-content:center;gap:7px;background:#4aa440;border-radius:30px;padding:9px 14px;}#fixed-contact .quote-btn a i {color:#fff;font-size:25px;display:inline-block;}#fixed-contact .quote-btn a span {font-size:15px;font-weight:700;padding-top:0;line-height:1.0;text-align:left;max-width:80px;}{}</style>
111        <!--
111<script src="https://use.typekit.net/kan2tkp.js"></script>
111
112        
112<script>try{Typekit.load({ async: true });}catch(e){}</script>
112-->
113        <!--
113<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pristine.min.js"></script>
113-->
114         
114<script src="//cdata.mpio.io/js/E35096D329BA0F.js" async defer></script>
114
115         
116
117
118
119
120<script
121async
122src="https://cdn-embed-script.recreateai.com/production-rai-embed.js"
123rai-data-company-pak="ca26e4d0-f732-4ff5-a5f7-e8f75b2aa74c"            
124rai-form-url="https://form.recreateai.com"
125rai-data-load-form="true"
126rai-form-loading-primary-color="#000000"
127rai-form-primary-pastel-color="#666666"
128rai-webchat-url="https://client-ai-channel.recreateai.com"
129rai-data-load-webchat="true"
130rai-webchat-btn-bg-color="#666666"
131rai-webchat-btn-txt-color="#ffffff"
132rai-webchat-hover-title="Hi there, have a question? Text us here."
133></script>
133
134
135
136<script src="https://analytics.ahrefs.com/analytics.js" data-key="eJryWRA/UgqGQdwjG7VeuQ" async></script>
136
137
138    
138<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"RoofingContractor","image":"https:\/\/cdn.treehouseinternetgroup.com\/img\/logos\/sites\/og\/1253.png","address":{"@type":"PostalAddress","streetAddress":"12 Progress Ave","addressLocality":"Seymour","addressRegion":"CT","postalCode":"06483","addressCountry":"US"},"name":"Brown Roofing Inc.","telephone":"1-203-463-5545"}</script>
138<script src="https://cdn.treehouseinternetgroup.com/cms_images/1253/tiny-custom.min.js"></script>
138
139<style>
140
141
142#template-wrap {
143    overflow:hidden;
144}
145
146.video-responsive {
147    margin: 1rem;
148}
149h1 {
150    margin-bottom: 0; 
151    font-size: 40px; 
152}
153.hp-owner-section {
154    display:flex;
155    gap:4rem;
156}
157.owner-img {
158    height:100%;
159}
160.owner-img img {
161    width:100%;
162}
163img.compare-slider-img {
164        width: 100%;
165}
166.hp-owner {
167    position:relative;
168}
169.hp-owner .owner-name {
170    position: absolute;
171    max-width: 60px;
172    font-weight: 600;
173    bottom: 0.2rem;
174    right: 9.8rem;
175    font-size: 13px;
176    line-height: 1.2;
177    text-shadow: 0px 1px 2px #e50018;
178    color: #fff;
179    margin: 0;
180    text-align: center;
181}
182.tagline {
183    width: 100%;
184    background-color: #F2F2F2;
185    padding:1rem 0;
186}
187.tagline img {
188    max-width: 34rem;
189}
190@media screen and (max-width: 1024px) {
191    .tagline img {
192        width: 500px;
193        padding: 20px;
194    }
195}
196@media screen and (max-width:640px) {
197    .tagline img {
198        width: 300px;
199        padding: 0;
200    }
201    #services .row .srv-boxes {
202        width: 100%;
203    }
204    .srv-boxes {
205        flex-flow:column;
206        flex-wrap: nowrap;
207        gap: 0;
208    }
209    .service-box > a {
210        display:grid;
211        margin: 1rem 3rem;
212        justify-content:unset;
213    }
214}    
215/*------------ Main Message -------------- */
216
217.main-text {
218    position: relative;
219    text-align: center;
220}
221.main-text h1 {
222    font-size: clamp(1.3rem, 5vw, 3rem);
223    color: #000;
224    background: rgb(255 255 255 / 75%);
225    margin: 0 auto;
226    padding: 1rem;
227    text-transform: unset; 
228}
229.main-text span {
230    margin-top: 10px;
231    color: #fff;
232    position: relative;
233    font-size: 28px;
234    font-weight: 400;
235    font-family: 'Montserrat', sans-serif; 
236}
237.main-text span i {
238    font-weight: 800; 
239}
240.coupon-area {
241    padding: 1.5rem;
242    background: #000;
243    font-weight: 300;
244    font-family: 'Montserrat', sans-serif;
245}
246.coupon-area h3 {
247    margin-bottom: 10px;
248    color: #134281;
249    font-size: clamp(1.25rem, 4vw, 2rem);
250}
251.coupon-area p {
252    font-size: 25px;
253    line-height: 100%;
254    letter-spacing: .025em;
255    color: #fff;
256    text-shadow: 0px 1px 0px #333333c7;
257    font-weight: 700;
258    margin: 0 0 1.05rem;
259}
260.coupon-area p strong {
261    font-size: 50px;
262    line-height: 1.5;
263    color: #FFD20A;
264    font-family: 'Montserrat', sans-serif;
265    font-weight: 800;
266}
267.main-text .cta-button {
268    margin: 0 auto;
269}
270#main-message .button {
271    margin:0px auto;
272    max-width:400px;
273    font-family: 'Montserrat', sans-serif;
274    padding: 20px; 
275}
276a.tagline-link h4 {
277    font-size: 20px;
278    color: #fff;
279    font-weight: 600;
280    margin-bottom: 15px;    
281}
282@media screen and (max-width:640px){
283    .main-text h2 {
284        font:700 48px/1.1em 'tg-adventor', 'Adjusted Arial Fallback',
285        sans-serif;
286        margin:0;
287        width:90%;
288    }
289    .main-text h2::after {
290        bottom:-60px;
291    }
292    div#main-text {
293        width:100%;
294        position:absolute;
295        -webkit-transform:none;
296        transform:none;
297        bottom:0;
298        top:auto;
299        padding:0px 10px 20px;
300        background:linear-gradient(180deg,
301         rgba(72,
302         162,
303         227,
304         0) 0%,
305         #48a2e3 20%,
306        #cae5ff 100%);
307    }
308    .coupon-area p {
309        font-size: 18px;
310        margin: 0 0 .75rem;
311    }    
312    .coupon-area p strong {
313        font-size: 45px;
314        line-height: 1.3;
315    }
316    .main-text h1 {
317        padding: .5rem 1.4rem;
318    }
319    a.tagline-link h4 {
320        font-size: 16px;
321    }
322}
323@media screen and (max-width:750px){
324     /*---------- CUSTOMIZED FOR 750PX AND SMALLER -----------*/
325    #main-message .button {
326        padding:8px 12px 12px;
327        font-size:15px;
328    }
329}
330@media screen and (max-width:1024px) {
331    #main-text img {
332        max-width:300px;
333    }
334    #main-text h2 {
335        font-size:24px;
336    }
337}
338@media screen and (max-width:640px){
339    div#main-text h2 {
340        font-size:18px;
341    }
342}
343#main-message {
344 background-size: cover;
345 background-position: center;
346 background-image: url('');
347 width: 100%;
348 overflow: hidden;
349 position: relative;
350 z-index: 0;
351}
352@media screen and (min-width:641px) {
353    #main-message {
354        background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/1253/2024-03-19-17-59-28-527.png');
355    }
356}
357@media screen and (max-width:640px) {
358    #main-message {
359        background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/1253/2024-03-19-17-59-28-527.png');
360    }
361}
362.mm-video-wrap div.row video {
363    position: absolute;
364    top: 0;
365    left: 0;
366    width: 100%;
367    height: 100%;
368    object-fit: cover;
369    z-index: 0;
370}
371
372.mm-video-wrap {
373    display: none;
374}
375
376@media screen and (min-width:891px) {
377    #main-message {
378        background: none;
379    }
380    .mm-video-wrap {
381        display: block;
382        position: relative;
383        width: 100%;
384        height: 100%;
385        overflow: hidden;
386    }
387}
388#main-message video {
389  position: absolute;
390    top: 0px;
391    left: 20%;
392    width: 80%;
393    height: 100%;
394    object-fit: cover;
395}
396@media screen and (min-width: 891px) {
397  #main-message video {
398    object-position: right bottom;
399  }
400}
401
402
403@media screen and (max-width:1100px) and (min-width:641px) {
404    .main-text {
405
406    }
407    .cta-button {
408        font-size: 15px;
409    }
410}
411@media screen and (max-width:960px) {
412    .coupon-area h3 {
413        margin-bottom: 5px;
414    }
415}
416@media screen and (max-width:640px) {
417 .main-text {
418        width: 100%;
419        display: flex;
420        flex-direction: column;
421        align-self: end;
422    }
423 .main-text img {
424     margin: 0 auto;
425 }
426 .hero-txt p {
427     font-size: 20px;
428 }
429 .cta-button {
430     font-size: 13px;
431     bottom: 10px;
432 }
433 .coupon-area {
434        padding: 10px 10px 50px;
435        margin-top: 0;
436        height: auto;
437 }
438 .coupon-area h3 {
439     margin-bottom: 0;
440 }
441}
442@media screen and (max-width:365px) {
443 .main-text h1 {
444     font-size: 12px;
445     margin-bottom: 0;
446 }
447     .coupon-area p strong {
448        font-size: 35px;
449    }
450        .coupon-area p {
451        font-size: 17px;
452    }
453    a.tagline-link h4 {
454    font-size: 17px;
455    margin-bottom: 10px;
456}
457}
458#main-message {
459    display: grid;
460    position: relative;
461    margin: 0 0 3rem;
462}
463#main-message,
464.mm-hero {
465    height: 300px;
466}
467.mm-hero {
468    grid-column: 1;
469    grid-row: 1 / 3;
470}
471.mm-hero::after {
472    content: "";
473    display: block;
474    background: rgba(0,0,0,.3);
475    height: 100%;
476    position: absolute;
477    width: 100%;
478    top: 0;
479    left: 0;
480}
481.mm-hero img {
482    display: block;
483    height: 100%;
484    object-fit: cover;
485    width: 100%;
486}
487
488.mm-text {
489    grid-row: 1 / 3;
490    grid-column: 1;
491    position: relative;
492    transform: translateY(12%);
493    text-align: center;
494    padding: 0;
495    display: flex;
496    flex-direction: column;
497    align-items: center;
498}
499.mm-text h1 {
500    font-size: 3rem;
501    color: #FFD20A;
502    display: inline-block;
503    line-height: 1em;
504    text-align: center;
505    padding-top: 2rem;
506    background: #000000ba;
507    font-weight: 800;
508}
509.mm-text h1 span {
510    display: block;
511    margin: 1rem 0 0;
512}
513.mm-text p {
514    font-size: 28px;
515    line-height: 100%;
516    letter-spacing: .025em;
517    color: #000;
518    text-shadow: 0px 1px 1px #333;
519    font-weight: 600;
520    margin: 0 0 1.25rem;
521}
522.mm-text .button {
523    margin: 0 0 2rem;
524    background: var(--primary-red);
525}
526.mm-text .button.large:hover {
527    background: #000;
528}
529
530.mm-divider {
531    position: relative;
532    z-index: 1;
533    grid-column: 1;
534    align-self: end;
535}
536
537#main-message,
538    .mm-hero {
539        height: 750px;
540    }
541    .mm-text h1 span {
542            line-height: 65px;
543    letter-spacing: .025em;
544    color: #ffffff;
545    text-shadow: 0px 1px 1px #333;
546    font-weight: 600;
547    padding: 0rem 1rem 1rem 1rem;
548    width: 650px;
549    margin-bottom: 1.25rem;
550    }
551    .hero-message {
552        width: 650px; 
553        background: #fff;
554        padding: 1rem;
555    }
556}
557
558@media screen and (max-width:1024px) {
559    .mm-text h1 span {
560        line-height: 40px;
561        color: #ffffff;
562        text-shadow: 0px 1px 1px #333;
563        font-weight: 600;
564        padding: 1rem;
565        margin-bottom: 1.25rem;
566    }
567    .hero-message {
568        width: 650px; 
569        background: #fff;
570        padding: 1rem;
571    }   
572    h1 {
573    font-size: 40px; 
574}
575}
576@media screen and (max-width:640px) {
577    /*#main-message,
578    .mm-hero {
579        height: 450px;
580    }*/
581    
582    .mm-text h1 span {
583        font-size: 2rem;
584        width: auto;
585        line-height: 40px;
586        color: #ffffff;
587        text-shadow: 0px 1px 1px #333;
588        font-weight: 600;
589        padding: 1rem;
590        margin-bottom: 1.25rem;
591    }
592    
593    .mm-text {
594        width: inherit;
595    }
596    .hero-message {
597        width: 100%; 
598    }   
599    h1 {
600    font-size: 30px; 
601}
602    
603}
604/* MM Slider Arrows Styles */
605#main-message-slider button.slick-arrow {
606    background:transparent;
607    height:50px;
608    width:50px;
609    border-color:rgba(255,
610    255,
611    255,
612    .5);
613    border-style:solid;
614    padding:0px;
615    position:absolute;
616    z-index:10;
617    -webkit-transform:translateY(-50%) rotate(45deg);
618    transform:translateY(-50%) rotate(45deg);
619    top:50%;
620    transition:all .2s ease;
621    font-size:0;
622    outline:none;
623    opacity:0;
624}
625#main-message-slider:hover button.slick-arrow {
626    opacity:.65;
627}
628#main-message-slider button.slick-arrow:hover {
629    border-color:rgba(255,
630    255,
631    255,
632    .85);
633}
634#main-message-slider button.slick-prev {
635    left:20px;
636    border-width:0px 0px 2px 2px;
637}
638#main-message-slider button.slick-next {
639    right:20px;
640    border-width:2px 2px 0px 0px;
641}
642/*** MM Slider Dots Styles ***/
643#main-message-slider.slick-slider .slick-dots {
644    margin:20px 0;
645    padding:0 0 0 0.9375rem;
646    list-style:none;
647    z-index:1;
648    position:absolute;
649    transform:translateX(-50%);
650    bottom:40px;
651    width:1200px;
652    left:50%;
653    text-align:center;
654}
655#main-message-slider.slick-slider .slick-dots li {
656    position:relative;
657    display:inline-block;
658    margin:0 6px 0 0;
659    padding:0;
660    cursor:pointer;
661}
662#main-message-slider.slick-slider .slick-dots li button:before {
663    content: "";
664    width: 20px;
665    height: 20px;
666    border-radius: 50%;
667    border: 3px solid;
668    color: #cdcdcd;
669    opacity: 1;
670}
671#main-message-slider.slick-slider .slick-dots li button:hover:before,
672#main-message-slider.slick-slider .slick-dots li button:focus:before {
673    background:currentColor;
674}
675#main-message-slider.slick-slider .slick-dots li.slick-active button:before {
676    background:currentColor;
677}
678/* services */
679/* services */
680#services {
681    margin: 0 0 4rem;
682}
683
684.srv-boxes {
685    display: flex;
686    flex-direction: row;
687    flex-wrap: wrap;
688    gap: 2rem clamp(3rem,2vw,3rem);
689    justify-content: center;
690}
691.service-box {
692    flex-basis: 21%;
693}
694
695.service-box > a {
696    display: grid;
697    align-items: center;
698    justify-content: center;
699    border-radius: 30px;
700    min-height: 120px;
701}
702.srv-name {
703    grid-column: 1;
704    grid-row: 1;
705    position: relative;
706    color: #fff;
707    font-weight: bold;
708    margin: 0;
709    display: flex;
710    align-items: center;
711    justify-content: center;
712    background: rgb(92 91 91 / 70%);
713    height: 100%;
714    border-radius: 30px;
715}
716.srv-img {
717    grid-column: 1;
718    grid-row: 1;
719    height: 100%;
720    width: 100%;
721    aspect-ratio: 4/3;
722}
723.srv-img img {
724    border-radius: 30px;
725    display: block;
726    object-fit: cover;
727    height: 100%;
728    width: 100%;
729}
730.srv-content {
731    display: none;
732}
733@media screen and (min-width:640px) {
734#homepage-content {
735    padding:0;
736}
737/*.srv-boxes {
738    grid-template-columns: repeat(2,minmax(0,330px));
739    gap: 3rem;
740}
741.service-box {
742    width: 100%;
743}*/
744.service-box:hover .srv-content {
745    opacity: 1;
746}
747.service-box > a {
748    grid-template-rows: auto 1fr;
749    min-height: 260px;
750    align-items: unset;
751}
752.srv-name {
753    display: block;
754    height: unset;
755    border-radius: 0;
756    text-align: center;
757    background: #ED1C24;
758    font-size: 20px;
759    padding: 1rem;
760}
761.srv-img {
762    grid-row: 2 / 3;
763    max-height: 200px;
764}
765.srv-img img {
766    border-radius: 0 0 30px 30px;
767}
768.srv-content {
769    grid-column: 1;
770    grid-row: 2;
771    background: rgb(0 0 0 / 70%);
772    border-radius: 0 0 30px 30px;
773    color: #fff;
774    text-align: center;
775    padding: 1rem 1rem 2rem;
776    display: flex;
777    flex-direction: column;
778    justify-content: space-between;
779    align-items: center;
780    transition: opacity .3s ease;
781    opacity: 0;
782}
783.srv-content p {
784    padding-bottom: 5px;
785    margin: 0;
786    font-size: .875rem;
787}
788
789.srv-btn {
790    display: inline-block;
791    border: 3px solid #fff;
792    padding: .5rem 1.25rem;
793    border-radius: 30px;
794    max-width: 130px;
795    font-size: .875rem;
796}
797}
798@media screen and (min-width:1025px) {
799#services {
800    margin: 0 0 6rem;
801}
802}
803@media screen and (max-width: 960px) {
804    .service-box {
805  flex-basis: 100%;
806  max-width: 395px;
807}    
808}
809/* why choose */
810.mission,
811.vision,
812.values {
813  text-align: center;
814}
815.mission-values{
816  background: #ec232b;
817  color: #000;
818  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
819}
820
821.mission-values-inner{
822  max-width: var(--maxw);
823  margin: 0 auto;
824  padding: 48px 24px;
825  display: grid;
826  grid-template-columns: 1fr 1fr 1px 1fr 1px 1fr; /* logo | col | rule | col | rule | col */
827  align-items: start;
828  column-gap: 36px;
829  align-items: center;
830}
831
832/* ===== Brand block (logo only) ===== */
833.brand-block{
834  display: flex;
835  align-items: flex-start;
836  justify-content: center;
837}
838
839.brand-logo{
840  max-width: 400px;
841  height: auto;
842}
843
844/* ===== Pillar columns ===== */
845.pillar-title{
846  margin: 0 0 12px;
847  text-transform: uppercase;
848  color: #000;
849  font-weight: 900;
850  letter-spacing: 2.5px;
851  font-size: clamp(20px, 1.8vw, 28px);
852}
853
854.pillar-copy{
855  margin: 0;
856  color: #fff;
857  line-height: 1.55;
858  font-size: clamp(16px, 1.2vw, 18px);
859}
860
861/* Vertical rules */
862.divider{
863  background: #fff;
864  width: 1px;
865  align-self: stretch;
866  border-radius: 1px;
867}
868
869/* ===== Responsive ===== */
870@media (max-width: 1100px){
871  .mission-values-inner{
872    grid-template-columns: 1fr; /* stack */
873    row-gap: 24px;
874    text-align: center;
875  }
876
877  .brand-block{ justify-content: center; }
878
879  .pillar-copy{ margin-left: auto; margin-right: auto; }
880
881  .divider{
882    display: block;
883    height: 1px; width: 100%;
884    background: var(--rule);
885  }
886}
887
888/* reviews */
889/* Tiny Slider */
890.tns-outer {
891    padding: 0 !important;
892    position: relative;
893}
894.tns-outer [hidden] {
895    display: none !important
896}
897.tns-outer [aria-controls],
898.tns-outer [data-action] {
899    cursor: pointer;
900}
901.tns-outer [aria-controls]:focus {
902    outline: none;
903}
904.tns-slider {
905    -webkit-transition: all 0s;
906    -moz-transition: all 0s;
907    transition: all 0s
908}
909.tns-slider>.tns-item {
910    -webkit-box-sizing: border-box;
911    -moz-box-sizing: border-box;
912    box-sizing: border-box
913}
914.tns-horizontal.tns-subpixel {
915    white-space: nowrap
916}
917.tns-horizontal.tns-subpixel>.tns-item {
918    display: inline-block;
919    vertical-align: top;
920    white-space: normal
921}
922.tns-horizontal.tns-no-subpixel:after {
923    content: '';
924    display: table;
925    clear: both
926}
927.tns-horizontal.tns-no-subpixel>.tns-item {
928    float: left
929}
930.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
931    margin-right: -100%
932}
933.tns-no-calc {
934    position: relative;
935    left: 0
936}
937.tns-gallery {
938    position: relative;
939    left: 0;
940    min-height: 1px
941}
942.tns-gallery>.tns-item {
943    position: absolute;
944    left: -100%;
945    -webkit-transition: transform 0s, opacity 0s;
946    -moz-transition: transform 0s, opacity 0s;
947    transition: transform 0s, opacity 0s
948}
949.tns-gallery>
949.tns-slide-active {
950    position: relative;
951    left: auto !important
952}
953.tns-gallery>.tns-moving {
954    -webkit-transition: all 0.25s;
955    -moz-transition: all 0.25s;
956    transition: all 0.25s
957}
958.tns-autowidth {
959    display: inline-block
960}
961.tns-lazy-img {
962    -webkit-transition: opacity 0.6s;
963    -moz-transition: opacity 0.6s;
964    transition: opacity 0.6s;
965    opacity: 0.6
966}
967.tns-lazy-img.tns-complete {
968    opacity: 1
969}
970.tns-ah {
971    -webkit-transition: height 0s;
972    -moz-transition: height 0s;
973    transition: height 0s
974}
975.tns-ovh {
976    overflow: hidden
977}
978.tns-visually-hidden {
979    position: absolute;
980    left: -10000em
981}
982.tns-transparent {
983    opacity: 0;
984    visibility: hidden
985}
986.tns-fadeIn {
987    opacity: 1;
988    filter: alpha(opacity=100);
989    z-index: 0
990}
991.tns-normal,
992.tns-fadeOut {
993    opacity: 0;
994    filter: alpha(opacity=0);
995    z-index: -1
996}
997.tns-vpfix {
998    white-space: nowrap
999}
1000.tns-vpfix>div,
1001.tns-vpfix>li {
1002    display: inline-block
1003}
1004.tns-t-subp2 {
1005    margin: 0 auto;
1006    width: 310px;
1007    position: relative;
1008    height: 10px;
1009    overflow: hidden
1010}
1011.tns-t-ct {
1012    width: 2333.3333333%;
1013    width: -webkit-calc(100% * 70 / 3);
1014    width: -moz-calc(100% * 70 / 3);
1015    width: calc(100% * 70 / 3);
1016    position: absolute;
1017    right: 0
1018}
1019.tns-t-ct:after {
1020    content: '';
1021    display: table;
1022    clear: both
1023}
1024.tns-t-ct>div {
1025    width: 1.4285714%;
1026    width: -webkit-calc(100% / 70);
1027    width: -moz-calc(100% / 70);
1028    width: calc(100% / 70);
1029    height: 10px;
1030    float: left
1031}
1032.hp-reviews {
1033    width:50%
1034    margin:0 auto;
1035    padding:0;
1036}
1037.hp-reviews-desktop {
1038    display: none;
1039}
1040.hp-reviews .tns-outer {
1041    margin: 0 0 3rem;
1042}
1043.hp-reviews .tns-nav {
1044    display: flex;
1045    justify-content: center;
1046    gap: 1rem;
1047}
1048.hp-reviews .tns-nav button {
1049    margin: 0;
1050    border-radius: 50%;
1051    width: 20px;
1052    height: 20px;
1053    display: inline-block;
1054    padding: 0;
1055    background: #fff;
1056    border: 3px solid #707070;
1057}
1058.hp-reviews .tns-nav button.tns-nav-active {
1059    background: #707070;
1060}
1061.hp-reviews-slider .hp-review-slide {
1062    padding: 1rem 0 2rem;
1063}
1064.hp-review {
1065    box-shadow: 0px 3px 14px #00000059;
1066    margin: 0 auto;
1067    max-width: 375px;
1068    padding: 1rem;
1069}
1070.hp-review-stars svg {
1071    width: 22px;
1072}
1073.hp-review-name {
1074    margin: 0;
1075    text-align: right;
1076    font-size: 14px;
1077    color: #6c6c6c;
1078}
1079.hp-reviews-more {
1080    text-align: center;
1081    margin: 0 0 3rem;
1082}
1083.hp-reviews-badges {
1084    display: flex;
1085    justify-content: center;
1086    gap: 2rem;
1087}
1088.hp-reviews-badges img {
1089    max-height: 95px;
1090}
1091@media screen and (min-width:640px) {
1092    .hp-reviews {
1093        width:50%;
1094        margin:0 auto;
1095        padding: 0;
1096    }
1097    .hp-reviews-slider,
1098    .hp-reviews .tns-outer {
1099        display: none;
1100    }
1101    .hp-reviews-desktop {
1102        display: grid;
1103        grid-template-columns: repeat(2,minmax(0,375px));
1104        justify-content: center;
1105        gap: 3rem;
1106        padding: 0 1rem;
1107        margin: 0 0 3rem;
1108    }
1109    .hp-review-stars svg {
1110        width: 25px;
1111    }
1112    .hp-reviews-badges {
1113        gap: 4rem;
1114    }
1115    .hp-reviews-badges img {
1116        max-height: 150px;
1117    }
1118}
1119/* Before & After */
1120.hp-ba {
1121    background: #F1F1F1;
1122    padding: 3rem 0;
1123}
1124@media screen and (min-width:640px) {
1125.hp-ba {
1126    padding: 4rem 0;
1127}
1128}
1129    #before-after.tiny-slider-with-desc {
1130        max-width: 1600px;
1131        margin: auto;
1132        padding: 0 clamp(1.5rem, 4vw, 3rem);
1133        box-sizing: border-box;
1134    }
1135
1136    #before-after.tiny-slider-with-desc .section {
1137        color: #000;
1138        border-radius: 20px;
1139        position: relative;
1140        text-align: center;
1141    }
1142
1143    #before-after.tiny-slider-with-desc .ba-wrap {
1144        position: relative;
1145        z-index: 1;
1146        max-width: calc(100% - 1rem);
1147        margin: auto;
1148    }
1149
1150    #before-after.tiny-slider-with-desc .ba-item-content {
1151        display: grid;
1152        grid-gap: 3rem;
1153        justify-content: center;
1154        align-items: center;
1155        text-align: left;
1156    }
1157
1158    #before-after.tiny-slider-with-desc .ba-item-content h2 {
1159        font-size: clamp(2rem, 4vw, 2.75rem);
1160        font-weight: 900;
1161        line-height: 115%;
1162        margin: 0 auto;
1163        width: 100%;
1164    }
1165
1166    #before-after.tiny-slider-with-desc .ba-item-content p.subhead {
1167        text-transform: uppercase;
1168        letter-spacing: .15em;
1169        font-size: .85rem;
1170    }
1171
1172    #before-after.tiny-slider-with-desc .ba-item-content p:not(.subhead) {
1173        font-weight: 300;
1174        font-size: 18px;
1175        line-height: 1.5rem;
1176        margin: 1em 0;
1177    }
1178
1179    #before-after.tiny-slider-with-desc .ba-item-content .ba-photos {
1180        position: relative;
1181        overflow: hidden;
1182        height: 450px;
1183        display: grid;
1184        align-items: center;
1185    }
1186
1187    #before-after.tiny-slider-with-desc .ba-photos img {
1188        height: 100%;
1189        min-width: 50%;
1190        object-fit: cover;
1191    }
1192
1193    #before-after.tiny-slider-with-desc .ba-photos .after-img {
1194        position: absolute;
1195        width: 50%;
1196        height: 100%;
1197        overflow: hidden;
1198        right: 0;
1199        z-index: 1;
1200        border-left: 2px solid #fff;
1201    }
1202
1203    /* BA Slider nav styles */
1204    /* Slider Controls */
1205    #before-after.tiny-slider-with-desc .tns-controls {
1206        position: absolute;
1207        width: 100%;
1208        transform: translateY(-50%);
1209        top: 50%;
1210        display: flex;
1211        justify-content: space-between;
1212    }
1213
1214    #before-after.tiny-slider-with-desc .tns-controls button {
1215        background: #ED1C24;
1216        border: 0;
1217        height: 40px;
1218        width: 40px;
1219        border-radius: 100px;
1220        color: #fff;
1221        display: flex;
1222        justify-content: center;
1223        align-items: center;
1224        flex-flow: column;
1225        gap: 5px;
1226        margin: 0;
1227        padding: 0;
1228    }
1229
1230    #before-after.tiny-slider-with-desc .tns-controls button[data-controls="next"] {
1231        transform: scaleX(-1);
1232        position: relative;
1233    }
1234
1235    #before-after.tiny-slider-with-desc .tns-controls button[data-controls="prev"] {
1236        position: relative;
1237    }
1238
1239    #before-after.tiny-slider-with-desc .tns-controls button::before,
1240    #before-after.tiny-slider-with-desc .tns-controls button::after {
1241        content: '';
1242        height: 5px;
1243        width: 18px;
1244        background: #fff;
1245        border-radius: 10px;
1246        display: block;
1247        left: -2px;
1248        position: relative;
1249    }
1250
1251    #before-after.tiny-slider-with-desc .tns-controls button::after {
1252        transform: rotate(45deg);
1253    }
1254
1255    #before-after.tiny-slider-with-desc .tns-controls button::before {
1256        transform: rotate(-45deg);
1257    }
1258
1259    #before-after.tiny-slider-with-desc .tns-nav {
1260        margin: 0;
1261        padding: 0;
1262        position: absolute;
1263        list-style: none;
1264        display: flex;
1265        gap: 1rem;
1266    }
1267
1268    #before-after.tiny-slider-with-desc .tns-nav button p {
1269        font-size: 43px;
1270        font-weight: bold;
1271        color: #FFFFFFCB;
1272        line-height: 1.1 !important;
1273    }
1274
1275    #before-after.tiny-slider-with-desc .tns-nav button.tns-nav-active p {
1276        font-size: 55px;
1277        color: #fff;
1278        font-weight: 900;
1279    }
1280
1281    #before-after.tiny-slider-with-desc .tns-nav button.tns-nav-active p:after {
1282        display: block;
1283        content: ' ';
1284        background-image: url(https://cdn.treehouseinternetgroup.com/cms_images/179/dryzone-red-swoosh.svg);
1285        background-size: 18rem;
1286        height: 2rem;
1287        width: 100%;
1288        background-repeat: no-repeat;
1289        top: -0.7rem;
1290        position: relative;
1291        z-index: -1;
1292        background-position: center;
1293        background-size: 90%;
1294    }
1295
1296    #before-after.tiny-slider-with-desc .tns-nav button {
1297        border: 3px solid #707070;
1298        background: transparent;
1299        height: 20px;
1300        width: 20px;
1301        border-radius: 50px;
1302        display: inline;
1303        margin: 0;
1304        padding: 0;
1305    }
1306
1307    #before-after.tiny-slider-with-desc .tns-nav button.tns-nav-active {
1308        background-color: #707070;
1309    }
1310
1311    @media screen and (min-width:1025px) {
1312        #before-after.tiny-slider-with-desc .ba-item .valign-middle {
1313            top: calc(50% - 12px);
1314        }
1315
1316        #before-after.tiny-slider-with-desc .ba-wrap {
1317            max-width: calc(100% - 150px);
1318        }
1319
1320        #before-after.tiny-slider-with-desc .ba-item-content {
1321            grid-template-columns: 35% 1fr;
1322        }
1323
1324        #before-after.tiny-slider-with-desc .ba-item-content .section-head {
1325            top: -50px;
1326            position: relative;
1327        }
1328
1329        #before-after.tiny-slider-with-desc .section::after {
1330            height: 450px;
1331            width: 650px;
1332            top: 55px;
1333            left: calc(355px + 3rem);
1334        }
1335
1336        #before-after.tiny-slider-with-desc .tns-nav {
1337            bottom: 75px;
1338            left: 75px;
1339        }
1340
1341        #before-after.tiny-slider-with-desc .ba-item-content h2 {
1342            font-size: 2rem;
1343        }
1344
1345        #before-after a.btn-gray {
1346            position: absolute;
1347            bottom: 0;
1348            left: 75px;
1349            z-index: 1;
1350        }
1351        #before-after a.button.cta.small {
1352    position: absolute;
1353    bottom: 0;
1354    left: 75px;
1355    z-index: 
1356}
1357    }
1358
1359    @media screen and (max-width:1024px) {
1360        #before-after.tiny-slider-with-desc .section {
1361            height: auto;
1362            box-sizing: border-box;
1363        }
1364
1365        #before-after.tiny-slider-with-desc .tns-outer {
1366            top: 0px;
1367            left: 0px;
1368        }
1369
1370        #before-after.tiny-slider-with-desc .ba-item-content {
1371            grid-template-rows: auto 1fr;
1372            padding-bottom: 50px;
1373            gap: 4rem;
1374        }
1375
1376        #before-after.tiny-slider-with-desc .ba-item-content .ba-photos {
1377            order: -1;
1378            width: 100%;
1379            margin: 0 auto;
1380            height: clamp(200px, 75vw, 400px);
1381        }
1382
1383        #before-after.tiny-slider-with-desc .tns-nav {
1384            top: calc((clamp(200px, 75vw, 400px)) + 1rem);
1385            left: 50%;
1386            z-index: 2;
1387            transform: translateX(-50%);
1388        }
1389
1390        #before-after.tiny-slider-with-desc .tns-controls {
1391            top: calc((clamp(200px, 75vw, 350px))/2 + 10px);
1392            width: calc(100% + 20px);
1393            left: -10px;
1394            z-index: 2;
1395        }
1396        .hp-owner-section {
1397            flex-flow:column;   
1398            align-items: center;
1399            gap: 2rem;
1400        }
1401    }
1402
1403    @media screen and (max-width:640px) {
1404        #before-after.tiny-slider-with-desc .section {
1405            width: 100%;
1406            padding-bottom: 0;
1407        }
1408
1409        #before-after.tiny-slider-with-desc .ba-photos img {
1410            width: 100vw;
1411        }
1412        .hp-ba > h2 {
1413        max-width: 300px;
1414    }
1415    }
1416.hp-btm-content {
1417    padding: 2rem 0;
1418}
1419.hp-btm-btn {
1420    margin: 2rem 0;
1421}
1422.hp-btm-btn a {
1423    margin: 0;
1424}
1425.hp-btm-video {
1426    display: grid;
1427    grid-template-columns: minmax(0,750px);
1428    justify-content: center;
1429    margin: 2rem 0;
1430}
1431@media screen and (min-width:640px) {
1432.hp-btm-btn {
1433    margin: 4.5rem 0 3rem;
1434}
1435.hp-btm-content {
1436    padding-bottom: 2rem;
1437}
1438}
1439h2 {
1440    text-transform: uppercase;
1441    letter-spacing: 1px;
1442}
1443@media screen and (min-width:1025px) {
1444    h2 {
1445        font-size:34px;
1446    }
1447    .hp-btm-content h2 {
1448        font-size:26px;   
1449    }
1450    .hp-btm-content {
1451    padding: 4rem 0;
1452}
1453}
1454@media screen and (max-width:1025px) {
1455
1456.main-content {
1457    height:100%;
1458    background: url('https://cdn.treehouseinternetgroup.com/cms_images/2936/krs_mm_fall24_
14581920px.jpg');
1459    background-size:cover;
1460    background-repeat:no-repeat;
1461    background-position:center;
1462    position:relative;
1463    display: flex;
1464    align-items: center;
1465}
1466
1467.main-content .row{
1468    height:500px;
1469    position:relative;
1470}
1471.main-txt {
1472    margin:0px auto;
1473    position:absolute;
1474    -webkit-transform:translate(-50%,
1475     -50%);
1476    transform:translate(-50%,
1477     -50%);
1478    top:50%;
1479    left:50%;
1480    text-align:center;
1481    max-width: 650px;
1482}
1483.hero-message {
1484    padding: 2rem 1rem 1rem 1rem;
1485    background: #fff; 
1486}
1487.hero-cta {
1488    display:flex;
1489    flex-flow:column;
1490    padding-top:2rem;
1491    background:#fff;
1492}
1493.main-txt p {
1494    font-size:32px;
1495    line-height:100%;
1496    letter-spacing:.025em;
1497    color:#000;
1498    text-shadow:0px 1px 1px #333;
1499    font-weight:600;
1500    text-transform:uppercase;
1501}
1502.main-txt span {
1503    display:block;
1504    font-style:normal;
1505    font-size:44px;
1506    line-height:55px;
1507    font-weight:800;
1508    text-transform:initial;
1509    color:#000;
1510}
1511.cta-btn {
1512    display:inline-block;
1513    background-color: #D92D20;
1514    text-transform:uppercase;
1515    padding: 2rem;
1516    color:#fff;
1517    font-size:20px;
1518    font-weight:bold;
1519    position:relative;
1520    transition:all 0.4s ease 0s;
1521    margin: 1rem auto;
1522}
1523.cta-btn:hover {
1524    color:#fff;
1525    box-shadow:0 5px 5px rgba(0,
1526     0,
1527     0,
1528     0.4);
1529}
1530.cta-btn:visited {
1531    color:#fff;
1532}
1533@media screen and (max-width:1280px) {
1534    .main-text span {
1535        font-size:20px;
1536    }
1537    .coupon-area p {
1538        font-size:18px;
1539    }
1540    a.tagline-link h4 {
1541        font-size: 20px;
1542    }
1543}
1544@media screen and (max-width:640px) {
1545    #main-message {
1546        background-attachment:scroll;
1547    }
1548    #main-message > .row {
1549        height:350px;
1550    }
1551    .main-txt p {
1552        font-size:32px;
1553    }
1554    .main-text span {
1555        font-size:20px;
1556    }
1557    .cta-btn {
1558        font-size:16px;
1559    }
1560}
1561@media screen and (max-width:1024px) {
1562    .main-content {
1563        background: url('https://cdn.treehouseinternetgroup.com/cms_images/2936/krs_mm_fall24_1000px.jpg	');
1564        background-size:cover;
1565        background-repeat:no-repeat;
1566        background-position:center;
1567        position:relative;
1568        display:block;
1569    }
1570}
1571
1572 
1573
1574@media screen and (max-width: 1024px) {
1575    #hp-title{
1576         font-size:38px !important;
1577    }
1578}
1579</style>
1580  <style>
1581    .roofing-hero {
1582      display: grid;
1583      grid-template-columns: 1fr; 
1584      gap: 0;
1585      width: 100%;
1586      margin: 0 auto;
1587    }
1588    .rh-media { order: -1; }
1589    .rh-media .rh-slider { width: 100%; }
1590    @media (min-width: 640px) {
1591      .roofing-hero {
1592        grid-template-columns: 1fr 1.1fr;  
1593        align-items: stretch;        
1594        gap: 0;
1595      }
1596      .rh-media { order: 0; display: flex; }
1597      .rh-media .rh-slider {
1598        flex: 1;
1599        height: 100%;
1600        aspect-ratio: auto;
1601        min-height: 440px;
1602      }
1603    }    
1604 
1605    @media (min-width: 1024px) {
1606      .roofing-hero {
1607        grid-template-columns: 1fr 1.5fr;  
1608        align-items: stretch;        
1609        gap: 0;
1610      }
1611    }
1612 
1613    /* ---- Slider ---- */
1614    .rh-slider {
1615      position: relative;
1616      overflow: hidden;
1617      background: #0a1a2c;
1618      box-shadow: 0 18px 40px -18px rgba(6, 61, 114, .45);
1619      aspect-ratio: 12 / 11; 
1620      min-height: 300px;
1621    }
1622    .rh-slides { position: absolute; inset: 0; }
1623    .rh-slide {
1624      position: absolute;
1625      inset: 0;
1626      background-size: cover;
1627      background-position: center;
1628      opacity: 0;
1629      transition: opacity .8s ease;
1630      will-change: opacity;
1631    }
1632    .rh-slide.is-active { opacity: 1; }
1633 
1634    /* bottom gradient so the owner name + dots stay legible */
1635    .rh-scrim {
1636      position: absolute; inset: 0; z-index: 2; pointer-events: none;
1637      background: linear-gradient(to top,
1638        rgba(4, 18, 38, .80) 0%,
1639        rgba(4, 18, 38, .32) 22%,
1640        rgba(4, 18, 38, 0)  46%);
1641    }
1642 
1643    /* IKO badge - top right */
1644    .rh-badge {
1645      position: absolute; top: 14px; right: 14px; z-index: 3;
1646      width: 84px; height: auto;
1647      filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .35));
1648    }
1649    @media (min-width: 1024px) { .rh-badge { width: 104px; } }
1650 
1651    /* Owner cutout - bottom left, name beside the image */
1652    .rh-owner {
1653      position: absolute; left: 25px; bottom: 0; z-index: 3;
1654      display: flex; align-items: flex-end; gap: 0;
1655      max-width: 78%;
1656    }
1657    .rh-owner img {
1658      display: block; height: 14rem; width: auto;
1659      filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .45));
1660    }
1661    .rh-owner-label {
1662      display: flex; flex-direction: column; justify-content: flex-end;
1663      padding: 0 0 16px; line-height: 1.15;
1664    }
1665    .rh-owner-label strong {
1666      color: #fff; font-weight: 700; font-size: .85rem;
1667      text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
1668    }
1669    .rh-owner-label span {
1670      color: #e9f1fb; font-size: .75rem;
1671      text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
1672    }
1673    @media (min-width: 641px) {
1674      .rh-owner img { height: 20rem; }
1675    }    
1676    @media (min-width: 1024px) {
1677      .rh-owner img { height: 35rem; }
1678      .rh-owner-label strong { font-size: 1.1rem; }
1679      .rh-owner-label span { font-size: .85rem; }
1680    }
1681 
1682    /* Prev / next arrows */
1683 .rh-arrow {
1684      position: absolute; top: 50%; transform: translateY(-50%); z-index: 4;padding:10px 11px; border: 0; border-radius: 50%;
1685      background: rgba(255, 255, 255, .85); color: #000; cursor: pointer;
1686      display: flex; align-items: center; justify-content: center;
1687      box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
1688      opacity: 0; transition: opacity .25s ease, background .2s ease;
1689    }
1690     .rh-arrow:hover {    background-color: #000;color: #FFF}
1691    .rh-arrow svg { display: block; }
1692    .rh-slider:hover .rh-arrow,
1693    .rh-arrow:focus-visible { opacity: 1; }
1694    .rh-prev { left: 10px; } .rh-next { right: 10px; }
1695    @media (hover: none) { .rh-arrow { opacity: .9; } }
1696 
1697    /* Dots */
1698    .rh-dots {
1699      position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%);
1700      z-index: 4; display: flex; gap: 8px;
1701    }
1702    .rh-dot {
1703      width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%;
1704      background: rgba(255, 255, 255, .55); cursor: pointer;
1705      transition: background .2s ease, transform .2s ease;
1706    }
1707    .rh-dot:hover { background: rgba(255, 255, 255, .85); }
1708    .rh-dot.is-active { background: #fff; transform: scale(1.25); }
1709 
1710    @media (prefers-reduced-motion: reduce) {
1711      .rh-slide, .rh-arrow, .rh-dot { transition: none; }
1712    }
1713  </style><meta property="og:image" content="https://cdn.treehouseinternetgroup.com/img/logos/sites/og/1253.png" /><meta property="og:title" content="Home" /><meta property="og:site_name" content="Brown Roofing Inc." /><meta property="og:url" content="https://www.brownroofing.org/" /><meta property="og:description" content="" /><meta property="og:type" content="website" />
1714<link rel="canonical" href="https://www.brownroofing.org/"></head>
1715
1716
1717    <body>
1718
1719            <!-- Google Tag Manager (noscript) -->
vendor: 80 bytes, lines 1719-1720
1719
1720            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1720GTM-KHCSKJ9
vendor: 107 bytes, lines 1720-1722
1720"
1721            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1722            
1722<!-- End Google Tag Manager (noscript) -->
1723        
1724        <div id="template-wrap">
1725            <nav>
1726              <section class="navigation-layout">
1727                <div class="banner"></div>
1728                
1729                <div class="banner-text">
1730
1731                    
1732          <div class="closing-at-container"></div>
1733                          <div class="serving"><b>Family Owned and Serving Connecticut Homeowners since 1972</b>
1734                  </div>
1735
1736                  <div class="banner-separator"></div>
1737                  <div class="cta">
1738                    <span class="cta-text">
1739                      <a href="tel:1-203-723-1372">
1740                        <svg
1741                          class="phone"
1742                          viewBox="0 0 24 24"
1743                          fill="none"
1744                          width="20"
1745                          height="20"
1746                        >
1747                          <path
1748                            d="M22 12C22 10.6868 21.7413 9.38647 21.2388 8.1731C20.7362 6.95996 19.9997 5.85742 19.0711 4.92896C18.1425 4.00024 17.0401 3.26367 15.8268 2.76123C14.6136 2.25854 13.3132 2 12 2V4C13.0506 4 14.0909 4.20703 15.0615 4.60889C16.0321 5.01099 16.914 5.60034 17.6569 6.34326C18.3997 7.08594 18.989 7.96802 19.391 8.93848C19.7931 9.90918 20 10.9495 20 12H22Z"
1749                            fill="white"
1750                          />
1751                          <path
1752                            d="M2 10V5C2 4.44775 2.44772 4 3 4H8C8.55228 4 9 4.44775 9 5V9C9 9.55225 8.55228 10 8 10H6C6 14.4182 9.58173 18 14 18V16C14 15.4478 14.4477 15 15 15H19C19.5523 15 20 15.4478 20 16V21C20 21.5522 19.5523 22 19 22H14C7.37259 22 2 16.6274 2 10Z"
1753                            fill="white"
1754                          />
1755                          <path
1756                            d="M17.5433 9.70386C17.8448 10.4319 18 11.2122 18 12H16.2C16.2 11.4485 16.0914 10.9023 15.8803 10.3928C15.6692 9.88306 15.3599 9.42017 14.9698 9.03027C14.5798 8.64014 14.1169 8.33081 13.6073 8.11963C13.0977 7.90869 12.5515 7.80005 12 7.80005V6C12.7879 6 13.5681 6.15527 14.2961 6.45679C15.024 6.7583 15.6855 7.2002 16.2426 7.75732C16.7998 8.31445 17.2418 8.97583 17.5433 9.70386Z"
1757                            fill="white"
1758                          />
1759                        </svg>
1760                        <span id="numberassigned_1" class="mongoose_phone">1-203-723-1372</span>
1761                      </a>
1762                    </span>
1763                  </div>
1764                </div>
1765<style>    
1766  @media screen and (max-width: 768px) {
1767    .navigation-layout .banner-text, .navigation-layout .banner-text .cta .cta-text {
1768        font-size: 18px;
1769    }
1770    .navigation-layout .banner-text .serving {
1771    display: none;
1772    }
1773    .banner-separator {
1774      display:none;
1775    }
1776    .closing-at-container {
1777      display: none;
1778    }
1779}
1780</style>
1781
1782         
1783                <div class="supernav">
1784  <ul class="level-1 large">
1785     <li class="with-children">
1786  <a href="#" >Services</a>
1787  <div class="dropdown">
1788    <svg
1789      role="img"
1790      xmlns="http://www.w3.org/2000/svg"
1791      viewBox="0 0 320 512"
1792    >
1793      <path
1794        fill="currentColor"
1795        d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
1796      ></path>
1797    </svg>
1798  </div>
1799
1800  <ul class="level-2 columned">
1801<button class="return-level-1">
1802  <svg
1803            role="img"
1804            xmlns="http://www.w3.org/2000/svg"
1805            viewBox="0 0 320 512"
1806  >
1807    <path
1808      fill="currentColor"
1809      d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
1810    ></path>
1811  </svg>
1812  <span> Go Back </span>
1813</button>
1814    <li class="">
1815  <a href="https://www.brownroofing.org/roof-replacement.html" class="header" >Roof Replacement</a>
1816  <ul class="level-3">
1817    
1818  </ul>
1819</li><li class="">
1820  <a href="https://www.brownroofing.org/metal-roofing.html" class="header" >Metal Roofing</a>
1821  <ul class="level-3">
1822    <li>
1823  <a href="https://www.brownroofing.org/metal-roofing/photo-gallery.html" >Photo Gallery</a>
1824</li>
1825  </ul>
1826</li><li class="">
1827  <a href="https://www.brownroofing.org/flat-roofing.html" class="header" >Flat Roofing</a>
1828  <ul class="level-3">
1829    <li>
1830  <a href="https://www.brownroofing.org/flat-roofing/photo-gallery.html" >Photo Gallery</a>
1831</li>
1832  </ul>
1833</li><li class="">
1834  <a href="https://www.brownroofing.org/roof-repair.html" class="header" >Roof Repair</a>
1835  <ul class="level-3">
1836    
1837  </ul>
1838</li><li class="">
1839  <a href="https://www.brownroofing.org/ice-dam-removal-prevention.html" class="header" >Ice Dam Removal & Prevention</a>
1840  <ul class="level-3">
1841    
1842  </ul>
1843</li><li class="">
1844  <a href="https://www.brownroofing.org/gutter-installation.html" class="header" >Gutter Installation</a>
1845  <ul class="level-3">
1846    
1847  </ul>
1848</li><li class="">
1849  <a href="https://www.brownroofing.org/vinyl-siding.html" class="header" >Vinyl Siding</a>
1850  <ul class="level-3">
1851    
1852  </ul>
1853</li><li class="">
1854  <a href="https://www.brownroofing.org/chimney-repair.html" class="header" >Chimney Repair</a>
1855  <ul class="level-3">
1856    
1857  </ul>
1858</li><li class="">
1859  <a href="https://www.brownroofing.org/windows-doors.html" class="header" >Windows and Doors</a>
1860  <ul class="level-3">
1861    
1862  </ul>
1863</li><li class="">
1864  <a href="https://www.brownroofing.org/skylights-and-sun-tunnels.html" class="header" >Skylights and Sun Tunnels</a>
1865  <ul class="level-3">
1866    
1867  </ul>
1868</li><li class="">
1869  <a href="https://www.brownroofing.org/realtors-and-home-inspectors.html" class="header" >Realtors and Home Inspectors</a>
1870  <ul class="level-3">
1871    
1872  </ul>
1873</li><li class="">
1874  <a href="https://www.brownroofing.org/insurance-inspections.html" class="header" >Insurance Inspections</a>
1875  <ul class="level-3">
1876    
1877  </ul>
1878</li><li class="">
1879  <a href="https://www.brownroofing.org/refer.html" class="header" >Refer A Friend</a>
1880  <ul class="level-3">
1881    
1882  </ul>
1883</li>
1884  </ul>
1885</li> <li class="with-children">
1886  <a href="#" >Our Work</a>
1887  <div class="dropdown">
1888    <svg
1889      role="img"
1890      xmlns="http://www.w3.org/2000/svg"
1891      viewBox="0 0 320 512"
1892    >
1893      <path
1894        fill="currentColor"
1895        d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
1896      ></path>
1897    </svg>
1898  </div>
1899
1900  <ul class="level-2 ">
1901<button class="return-level-1">
1902  <svg
1903            role="img"
1904            xmlns="http://www.w3.org/2000/svg"
1905            viewBox="0 0 320 512"
1906  >
1907    <path
1908      fill="currentColor"
1909      d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
1910    ></path>
1911  </svg>
1912  <span> Go Back </span>
1913</button>
1914    <li class="">
1915  <a href="https://www.brownroofing.org/about-us/photo-gallery.html" class="header" >Photo Gallery</a>
1916  <ul class="level-3">
1917    
1918  </ul>
1919</li><li class="">
1920  <a href="https://www.brownroofing.org/about-us/before-after.html" class="header" >Before & After</a>
1921  <ul class="level-3">
1922    
1923  </ul>
1924</li><li class="">
1925  <a href="https://www.brownroofing.org/about-us/testimonials.html" class="header" >Testimonials</a>
1926  <ul class="level-3">
1927    
1928  </ul>
1929</li><li class="">
1930  <a href="https://www.brownroofing.org/about-us/case-studies.html" class="header" >Case Studies</a>
1931  <ul class="level-3">
1932    
1933  </ul>
1934</li><li class="">
1935  <a href="https://www.brownroofing.org/about-us/videos.html" class="header" >Videos</a>
1936  <ul class="level-3">
1937    
1938  </ul>
1939</li>
1940  </ul>
1941</li><li class="without-children ">
1942  <a href="https://www.brownroofing.org/about-us/reviews.html" >Reviews</a>
1943</li><li class="without-children ">
1944  <a href="https://www.brownroofing.org/service-area.html" >Service Area</a>
1945</li> <li class="with-children">
1946  <a href="https://www.brownroofing.org/about-us.html" >About Us</a>
1947  <div class="dropdown">
1948    <svg
1949      role="img"
1950      xmlns="http://www.w3.org/2000/svg"
1951      viewBox="0 0 320 512"
1952    >
1953      <path
1954        fill="currentColor"
1955        d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
1956      ></path>
1957    </svg>
1958  </div>
1959
1960  <ul class="level-2 ">
1961<button class="return-level-1">
1962  <svg
1963            role="img"
1964            xmlns="http://www.w3.org/2000/svg"
1965            viewBox="0 0 320 512"
1966  >
1967    <path
1968      fill="currentColor"
1969      d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
1970    ></path>
1971  </svg>
1972  <span> Go Back </span>
1973</button>
1974    <li class="">
1975  <a href="https://www.brownroofing.org/refer.html" class="header" >Refer A Friend</a>
1976  <ul class="level-3">
1977    
1978  </ul>
1979</li><li class="">
1980  <a href="https://www.brownroofing.org/about-us/financing.html" class="header" >Financing</a>
1981  <ul class="level-3">
1982    
1983  </ul>
1984</li><li class="">
1985  <a href="https://www.brownroofing.org/about-us/meet-the-team.html" class="header" >Meet the Team</a>
1986  <ul class="level-3">
1987    
1988  </ul>
1989</li><li class="">
1990  <a href="https://www.brownroofing.org/about-us/giveaway.html" class="header" >Roofing For Humanity</a>
1991  <ul class="level-3">
1992    
1993  </ul>
1994</li><li class="">
1995  <a href="https://www.brownroofing.org/about-us/faq.html" class="header" >FAQ</a>
1996  <ul class="level-3">
1997    
1998  </ul>
1999</li><li class="">
2000  <a href="https://www.brownroofing.org/about-us/roofing-glossary.html" class="header" >Roofing Glossary</a>
2001  <ul class="level-3">
2002    
2003  </ul>
2004</li><li class="">
2005  <a href="https://www.brownroofing.org/about-us/technical-papers.html" class="header" >Technical Papers</a>
2006  <ul class="level-3">
2007    
2008  </ul>
2009</li><li class="">
2010  <a href="https://www.brownroofing.org/about-us/news-and-events.html" class="header" >Blog</a>
2011  <ul class="level-3">
2012    
2013  </ul>
2014</li><li class="">
2015  <a href="https://www.brownroofing.org/about-us/affiliations.html" class="header" >Affiliations</a>
2016  <ul class="level-3">
2017    
2018  </ul>
2019</li><li class="">
2020  <a href="https://www.brownroofing.org/about-us/coupons.html" class="header" >Coupons</a>
2021  <ul class="level-3">
2022    
2023  </ul>
2024</li><li class="">
2025  <a href="https://www.brownroofing.org/about-us/warranty.html" class="header" >Warranty</a>
2026  <ul class="level-3">
2027    
2028  </ul>
2029</li><li class="">
2030  <a href="https://www.brownroofing.org/about-us/awards.html" class="header" >Awards</a>
2031  <ul class="level-3">
2032    
2033  </ul>
2034</li><li class="">
2035  <a href="https://www.brownroofing.org/about-us/press-release.html" class="header" >Press Release</a>
2036  <ul class="level-3">
2037    
2038  </ul>
2039</li><li class="">
2040  <a href="https://www.brownroofing.org/about-us/mission-vision-and-values.html" class="header" >Mission, Vision, and Values</a>
2041  <ul class="level-3">
2042    
2043  </ul>
2044</li><li class="">
2045  <a href="https://www.brownroofing.org/about-us/the-klaus-roofing-way.html" class="header" >The Klaus Roofing Way</a>
2046  <ul class="level-3">
2047    
2048  </ul>
2049</li><li class="">
2050  <a href="https://www.brownroofing.org/about-us/business-licenses.html" class="header" >Business Licenses & Certificates</a>
2051  <ul class="level-3">
2052    
2053  </ul>
2054</li>
2055  </ul>
2056</li><li class="without-children quote schedule-btn-rai">
2057  <a href="https://www.brownroofing.org/free-estimate.html" >Book Online Now</a>
2058</li>
2059  </ul>
2060
2061  <ul class="level-1 small">
2062     <li class="with-children">
2063  <a href="#" >Services</a>
2064  <div class="dropdown">
2065    <svg
2066      role="img"
2067      xmlns="http://www.w3.org/2000/svg"
2068      viewBox="0 0 320 512"
2069    >
2070      <path
2071        fill="currentColor"
2072        d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
2073      ></path>
2074    </svg>
2075  </div>
2076
2077  <ul class="level-2 columned">
2078<button class="return-level-1">
2079  <svg
2080            role="img"
2081            xmlns="http://www.w3.org/2000/svg"
2082            viewBox="0 0 320 512"
2083  >
2084    <path
2085      fill="currentColor"
2086      d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
2087    ></path>
2088  </svg>
2089  <span> Go Back </span>
2090</button>
2091    <li class="">
2092  <a href="https://www.brownroofing.org/roof-replacement.html" class="header" >Roof Replacement</a>
2093  <ul class="level-3">
2094    
2095  </ul>
2096</li><li class="">
2097  <a href="https://www.brownroofing.org/metal-roofing.html" class="header" >Metal Roofing</a>
2098  <ul class="level-3">
2099    <li>
2100  <a href="https://www.brownroofing.org/metal-roofing/photo-gallery.html" >Photo Gallery</a>
2101</li>
2102  </ul>
2103</li><li class="">
2104  <a href="https://www.brownroofing.org/flat-roofing.html" class="header" >Flat Roofing</a>
2105  <ul class="level-3">
2106    <li>
2107  <a href="https://www.brownroofing.org/flat-roofing/photo-gallery.html" >Photo Gallery</a>
2108</li>
2109  </ul>
2110</li><li class="">
2111  <a href="https://www.brownroofing.org/roof-repair.html" class="header" >Roof Repair</a>
2112  <ul class="level-3">
2113    
2114  </ul>
2115</li><li class="">
2116  <a href="https://www.brownroofing.org/ice-dam-removal-prevention.html" class="header" >Ice Dam Removal & Prevention</a>
2117  <ul class="level-3">
2118    
2119  </ul>
2120</li><li class="">
2121  <a href="https://www.brownroofing.org/gutter-installation.html" class="header" >Gutter Installation</a>
2122  <ul class="level-3">
2123    
2124  </ul>
2125</li><li class="">
2126  <a href="https://www.brownroofing.org/vinyl-siding.html" class="header" >Vinyl Siding</a>
2127  <ul class="level-3">
2128    
2129  </ul>
2130</li><li class="">
2131  <a href="https://www.brownroofing.org/chimney-repair.html" class="header" >Chimney Repair</a>
2132  <ul class="level-3">
2133    
2134  </ul>
2135</li><li class="">
2136  <a href="https://www.brownroofing.org/windows-doors.html" class="header" >Windows and Doors</a>
2137  <ul class="level-3">
2138    
2139  </ul>
2140</li><li class="">
2141  <a href="https://www.brownroofing.org/skylights-and-sun-tunnels.html" class="header" >Skylights and Sun Tunnels</a>
2142  <ul class="level-3">
2143    
2144  </ul>
2145</li><li class="">
2146  <a href="https://www.brownroofing.org/realtors-and-home-inspectors.html" class="header" >Realtors and Home Inspectors</a>
2147  <ul class="level-3">
2148    
2149  </ul>
2150</li><li class="">
2151  <a href="https://www.brownroofing.org/insurance-inspections.html" class="header" >Insurance Inspections</a>
2152  <ul class="level-3">
2153    
2154  </ul>
2155</li><li class="">
2156  <a href="https://www.brownroofing.org/refer.html" class="header" >Refer A Friend</a>
2157  <ul class="level-3">
2158    
2159  </ul>
2160</li>
2161  </ul>
2162</li> <li class="with-children">
2163  <a href="#" >Our Work</a>
2164  <div class="dropdown">
2165    <svg
2166      role="img"
2167      xmlns="http://www.w3.org/2000/svg"
2168      viewBox="0 0 320 512"
2169    >
2170      <path
2171        fill="currentColor"
2172        d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
2173      ></path>
2174    </svg>
2175  </div>
2176
2177  <ul class="level-2 ">
2178<button class="return-level-1">
2179  <svg
2180            role="img"
2181            xmlns="http://www.w3.org/2000/svg"
2182            viewBox="0 0 320 512"
2183  >
2184    <path
2185      fill="currentColor"
2186      d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
2187    ></path>
2188  </svg>
2189  <span> Go Back </span>
2190</button>
2191    <li class="">
2192  <a href="https://www.brownroofing.org/about-us/photo-gallery.html" class="header" >Photo Gallery</a>
2193  <ul class="level-3">
2194    
2195  </ul>
2196</li><li class="">
2197  <a href="https://www.brownroofing.org/about-us/before-after.html" class="header" >Before & After</a>
2198  <ul class="level-3">
2199    
2200  </ul>
2201</li><li class="">
2202  <a href="https://www.brownroofing.org/about-us/testimonials.html" class="header" >Testimonials</a>
2203  <ul class="level-3">
2204    
2205  </ul>
2206</li><li class="">
2207  <a href="https://www.brownroofing.org/about-us/case-studies.html" class="header" >Case Studies</a>
2208  <ul class="level-3">
2209    
2210  </ul>
2211</li><li class="">
2212  <a href="https://www.brownroofing.org/about-us/videos.html" class="header" >Videos</a>
2213  <ul class="level-3">
2214    
2215  </ul>
2216</li>
2217  </ul>
2218</li><li class="without-children ">
2219  <a href="https://www.brownroofing.org/about-us/reviews.html" >Reviews</a>
2220</li><li class="without-children ">
2221  <a href="https://www.brownroofing.org/service-area.html" >Service Area</a>
2222</li> <li class="with-children">
2223  <a href="https://www.brownroofing.org/about-us.html" >About Us</a>
2224  <div class="dropdown">
2225    <svg
2226      role="img"
2227      xmlns="http://www.w3.org/2000/svg"
2228      viewBox="0 0 320 512"
2229    >
2230      <path
2231        fill="currentColor"
2232        d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
2233      ></path>
2234    </svg>
2235  </div>
2236
2237  <ul class="level-2 ">
2238<button class="return-level-1">
2239  <svg
2240            role="img"
2241            xmlns="http://www.w3.org/2000/svg"
2242            viewBox="0 0 320 512"
2243  >
2244    <path
2245      fill="currentColor"
2246      d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"
2247    ></path>
2248  </svg>
2249  <span> Go Back </span>
2250</button>
2251    <li class="">
2252  <a href="https://www.brownroofing.org/refer.html" class="header" >Refer A Friend</a>
2253  <ul class="level-3">
2254    
2255  </ul>
2256</li><li class="">
2257  <a href="https://www.brownroofing.org/about-us/financing.html" class="header" >Financing</a>
2258  <ul class="level-3">
2259    
2260  </ul>
2261</li><li class="">
2262  <a href="https://www.brownroofing.org/about-us/meet-the-team.html" class="header" >Meet the Team</a>
2263  <ul class="level-3">
2264    
2265  </ul>
2266</li><li class="">
2267  <a href="https://www.brownroofing.org/about-us/giveaway.html" class="header" >Roofing For Humanity</a>
2268  <ul class="level-3">
2269    
2270  </ul>
2271</li><li class="">
2272  <a href="https://www.brownroofing.org/about-us/faq.html" class="header" >FAQ</a>
2273  <ul class="level-3">
2274    
2275  </ul>
2276</li><li class="">
2277  <a href="https://www.brownroofing.org/about-us/roofing-glossary.html" class="header" >Roofing Glossary</a>
2278  <ul class="level-3">
2279    
2280  </ul>
2281</li><li class="">
2282  <a href="https://www.brownroofing.org/about-us/technical-papers.html" class="header" >Technical Papers</a>
2283  <ul class="level-3">
2284    
2285  </ul>
2286</li><li class="">
2287  <a href="https://www.brownroofing.org/about-us/news-and-events.html" class="header" >Blog</a>
2288  <ul class="level-3">
2289    
2290  </ul>
2291</li><li class="">
2292  <a href="https://www.brownroofing.org/about-us/affiliations.html" class="header" >Affiliations</a>
2293  <ul class="level-3">
2294    
2295  </ul>
2296</li><li class="">
2297  <a href="https://www.brownroofing.org/about-us/coupons.html" class="header" >Coupons</a>
2298  <ul class="level-3">
2299    
2300  </ul>
2301</li><li class="">
2302  <a href="https://www.brownroofing.org/about-us/warranty.html" class="header" >Warranty</a>
2303  <ul class="level-3">
2304    
2305  </ul>
2306</li><li class="">
2307  <a href="https://www.brownroofing.org/about-us/awards.html" class="header" >Awards</a>
2308  <ul class="level-3">
2309    
2310  </ul>
2311</li><li class="">
2312  <a href="https://www.brownroofing.org/about-us/press-release.html" class="header" >Press Release</a>
2313  <ul class="level-3">
2314    
2315  </ul>
2316</li><li class="">
2317  <a href="https://www.brownroofing.org/about-us/mission-vision-and-values.html" class="header" >Mission, Vision, and Values</a>
2318  <ul class="level-3">
2319    
2320  </ul>
2321</li><li class="">
2322  <a href="https://www.brownroofing.org/about-us/the-klaus-roofing-way.html" class="header" >The Klaus Roofing Way</a>
2323  <ul class="level-3">
2324    
2325  </ul>
2326</li><li class="">
2327  <a href="https://www.brownroofing.org/about-us/business-licenses.html" class="header" >Business Licenses & Certificates</a>
2328  <ul class="level-3">
2329    
2330  </ul>
2331</li>
2332  </ul>
2333</li><li class="without-children quote schedule-btn-rai">
2334  <a href="https://www.brownroofing.org/free-estimate.html" >Book Online Now</a>
2335</li>
2336  </ul>
2337
2338  <div class="menu-button-container">
2339    <button id="menu-button" class="menu-button">
2340      <svg
2341        width="24"
2342        height="24"
2343        viewBox="0 0 24 24"
2344        fill="none"
2345        xmlns="http://www.w3.org/2000/svg"
2346      >
2347        <path
2348          d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z"
2349          fill="currentColor"
2350        />
2351        <path
2352          d="M2 12.0322C2 11.4799 2.44772 11.0322 3 11.0322H21C21.5523 11.0322 22 11.4799 22 12.0322C22 12.5845 21.5523 13.0322 21 13.0322H3C2.44772 13.0322 2 12.5845 2 12.0322Z"
2353          fill="currentColor"
2354        />
2355        <path
2356          d="M3 17.0645C2.44772 17.0645 2 17.5122 2 18.0645C2 18.6167 2.44772 19.0645 3 19.0645H21C21.5523 19.0645 22 18.6167 22 18.0645C22 17.5122 21.5523 17.0645 21 17.0645H3Z"
2357          fill="currentColor"
2358        />
2359      </svg>
2360    </button>
2361  </div>
2362</div>
2363
2364
2365        
2366                <div class="logo-container">
2367                  <a href='/' title="Brown Roofing Company, Inc.">
2368                    <img class="img" src="https://cdn.treehouseinternetgroup.com/cms_images/1253/brownroofing-logo-800px.png" alt="Brown Roofing Company, Inc." width="300" height="103" />
2369                  </a>
2370                  <a href="/"><img class="warranty-img" src="https://cdn.treehouseinternetgroup.com/cms_images/1253/BROWN_50YR_Warranty_Badge_4C%20(1).png" alt="The Klaus Promise 50 Year Warranty" width="142" height="160"></a>
2371                </div>
2372                <div class="nav-triangle"></div>
2373                
2374              </section>
2375            </nav> 
2376
2377
2378                                <!--div id="main-message-slider">
2379                <div class="container slide" id="main-message">
2380                    <div class="main-text medium-centered">
2381                             <a href="/about-us/coupons.html" class="tagline-link">
2382                          <div class="tagline">
2383                <img src="https://cdn.treehouseinternetgroup.com/cms_images/1253/99-Per-month-Transparent.png" alt="As low as $99 per month!">
2384                          </div>
2385                          </a>
2386                        <div class="coupon-area">
2387                             <a href="/about-us/coupons.html" class="tagline-link AhrefsAnalytics-event-hp-coupon">
2388                                 
2389                              <span>Stop the Leaks Before They Start </br><i>- Spring Roofing Sale!</i></span>
2390                            <p><strong>$500 OFF</strong></br> A Complete Brown Roofing System!*</p>
2391                              <p> Limited Time Offer - Click <i>here</i> for coupon</p>
2392                            <h4 style="font-family: 'Montserrat', sans-serif;">From Western Connecticut's Most Trusted Roofer</h4>
2393                            </a>
2394                            <a href="#" class="button schedule-btn-rai" id="scheduleBtnRai"
2395                              >Book Online Now!</a
2396                            >
2397                        </div>
2398                    </div>
2399
2400
2401                    <div class="mm-video-wrap">
2402                         <video autoplay muted loop playsinline>
2403                            <source src="https://cdn.treehouseinternetgroup.com/cms_images/1253/Home-Page-Video-2026.1.mp4" type="video/mp4">
2404                            Your browser does not support the video tag.
2405                        </video>
2406                    </div>   
2407
2408                    <div class="iko">
2409                      <img src="https://cdn.treehouseinternetgroup.com/cms_images/1253/IKO-badge-update.png" alt="IKO Craftsman Premier">
2410                    </div>
2411 <div class="mm-owner"><img alt="Mario Fender & Josh McCumber, Owner of Brown Roofing Company, Inc." src="https://cdn.treehouseinternetgroup.com/cms_images/1253/1Eddie-Griffin-11.png"/>
2412<p class="owner-name">Edward Griffin,</br> Owner</p>
2413</div>                   
2414               
2415                    </div>
2416            </div-->
2417            
2418                            <!-- Family Owned Banner 
2419                            <section class="family-owned">
2420                              <div class="family-owned-inner">
2421                                <img 
2422                                  src="https://cdn.treehouseinternetgroup.com/cms_images/1253/BrownRoofing_FamilyOwned_Logo_4C_Horizontal_RGB.png" 
2423                                  alt="Family Owned Since 1972" 
2424                                  class="family-owned-img"
2425                                  loading="lazy"
2426                                  decoding="async"
2427                                />
2428                              </div>
2429                            </section>-->
2430
2431
2432              
2433                        <div class="container" id="homepage-content">
2434
2435                                                <!-- Zip search bar -->
2436                                        <div id="content_helper" style="display:none;"></div><section class="roofing-hero"><!-- LEFT COLUMN - coupon / offer (your markup, unchanged) -->
2437    <div class="rh-offer">
2438      <div class="main-text medium-centered">
2439        <a href="/about-us/coupons.html" class="tagline-link" tabindex="0">
2440          <div class="tagline">
2441            <img src="https://cdn.treehouseinternetgroup.com/cms_images/1253/99-Per-month-Transparent.png" alt="As low as $99 per month!">
2442          </div>
2443        </a>
2444        <div class="coupon-area">
2445          <a href="/about-us/coupons.html" class="tagline-link AhrefsAnalytics-event-hp-coupon" tabindex="0">
2446            <span>Fall into Savings <br><i>- Save Big on Your New Roof!</i></span>
2447            <p><strong>$500 OFF</strong><br> A Complete Brown Roofing System!*</p>
2448            <p> Limited Time Offer - Click <i>here</i> for coupon</p>
2449            <h4 style="font-family: 'Montserrat', sans-serif;">From Western Connecticut's Most Trusted Roofer</h4>
2450          </a>
2451          <a href="#" class="button schedule-btn-rai" id="scheduleBtnRai" tabindex="0" data-listener-attached="true">Book Online Now!</a>
2452        </div>
2453      </div>
2454    </div>
2455 
2456    <!-- RIGHT COLUMN - slider with overlays -->
2457    <div class="rh-media">
2458      <div class="rh-slider" aria-roledescription="carousel" aria-label="Brown Roofing project gallery">
2459        <div class="rh-slides">
2460          <div class="rh-slide is-active" role="group" aria-label="Roofing" style="background-image:url('https://cdn.treehouseinternetgroup.com/cms_images/1253/roofing-slide.jpg')"></div>
2461          <div class="rh-slide" role="group" aria-label="Siding" style="background-image:url('https://cdn.treehouseinternetgroup.com/cms_images/1253/siding-slide.jpg')"></div>
2462          <div class="rh-slide" role="group" aria-label="Windows" style="background-image:url('https://cdn.treehouseinternetgroup.com/cms_images/1253/windows-slide.jpg')"></div>
2463          <div class="rh-slide" role="group" aria-label="Chimney" style="background-image:url('https://cdn.treehouseinternetgroup.com/cms_images/1253/Chimney-slide.jpg')"></div>
2464          <div class="rh-slide" role="group" aria-label="Gutters" style="background-image:url('https://cdn.treehouseinternetgroup.com/cms_images/1253/gutters-slide.jpg')"></div>
2465        </div>
2466 
2467        <div class="rh-scrim"></div>
2468 
2469        <!-- IKO badge (top right) -->
2470        <img class="rh-badge" src="https://cdn.treehouseinternetgroup.com/cms_images/1253/IKO-badge-update.png" alt="IKO certified contractor">
2471 
2472        <!-- Owner (bottom left, name beside) -->
2473        <div class="rh-owner">
2474          <img src="https://cdn.treehouseinternetgroup.com/cms_images/1253/1Eddie-Griffin-11.png" alt="Edward Griffin, Owner">
2475          <span class="rh-owner-label">
2476            <strong>Edward Griffin</strong>
2477            <span>Owner</span>
2478          </span>
2479        </div>
2480 <!-- Controls -->
2481        <button class="rh-arrow rh-prev" type="button" aria-label="Previous slide">
2482          <svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false">
2483            <path d="M15 5l-7 7 7 7" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
2484          </svg>
2485        </button>
2486        <button class="rh-arrow rh-next" type="button" aria-label="Next slide">
2487          <svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false">
2488            <path d="M9 5l7 7-7 7" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
2489          </svg>
2490        </button>
2491        <div class="rh-dots" role="tablist" aria-label="Choose slide"></div>
2492      </div>
2493    </div></section>
2494                            <!-- Family Owned Banner -->
2495                            <section class="family-owned">
2496                              <div class="family-owned-inner">
2497                                <img 
2498                                  src="https://cdn.treehouseinternetgroup.com/cms_images/1253/BrownRoofing_FamilyOwned_Logo_4C_Horizontal_RGB.png" 
2499                                  alt="Family Owned Since 1972" 
2500                                  class="family-owned-img"
2501                                  loading="lazy"
2502                                  decoding="async"
2503                                />
2504                              </div>
2505                            </section>
2506<div class="container hp-btm-content">
2507<div class="row">
2508<div class="columns">
2509<div class="hp-owner-section">
2510<div class="large-6">
2511<img class="" src="https://cdn.treehouseinternetgroup.com/cms_images/1253/bwlyd_logo_738w.png" width="600" />
2512      <h1 id="hp-title">Connecticut's <br> Premier Roofing Company</h1>
2513      <p>
2514        Your roof is what protects your home from the elements, which is why an
2515        old or damaged one is such a significant problem. We provide all types
2516        of roof repair services, including leaks, wood rot, damaged shingles,
2517        and storm damage, ensuring that you're covered no matter what happens.
2518      </p>
2519      <p>
2520        If your roof is damaged beyond repair, past warranty, or you simply want
2521        an upgrade, we also provide full roof replacements. We work with a
2522        variety of roofing materials, including asphalt and metal roofing, allowing you to choose the best fit for
2523        your needs.
2524  </div>
2525  <div class="medium-6 owner-img hide-for-small hp-owner">
2526<img src="https://cdn.treehouseinternetgroup.com/uploads/photo_gallery/medium/568543-170099268_0.jpg" width="550" />
2527
2528    </div>
2529    </div>
2530  </div>
2531  </div>
2532</div>
2533<!-- services -->
2534<div id="services" class="container">
2535  <div class="service row">
2536    <h2 class="ctr">Our Solutions</h2>
2537    <div class="srv-boxes">
2538      <div class="service-box">
2539        <a href="https://www.brownroofing.org/roof-replacement.html">
2540          <p class="srv-name">Roof Replacement</p>
2541          <div class="srv-img">
2542            <picture>
2543                <source srcset="https://cdn.treehouseinternetgroup.com/cms_images/2721/krs-home-roof-replacement.jpg" width="600" height="400" media="(min-width: 769px)">
2544                <img src="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/quality=75,format=auto,width=300/cms_images/2721/krs-home-roof-replacement.jpg" 
2545                alt="Klaus Roofing Systems" 
2546                width="300" height="200" 
2547                decoding="async"
2548                                >
2549            </picture>
2550          </div>
2551          <div class="srv-content">
2552            <p>Our roof replacements provide durable protection and lasting beauty.</p>
2553            <span class="srv-btn">Learn More</span>
2554          </div>
2555        </a>
2556      </div>
2557      <div class="service-box">
2558        <a href="https://www.brownroofing.org/roof-repair.html">
2559          <p class="srv-name">Roof Repair</p>
2560          <div class="srv-img">
2561            <img
2562              src="https://cdn.treehouseinternetgroup.com/cms_images/1253/Roof-Repair.jpg"
2563              alt="Roof repair"
2564              width="460"
2565              height="264"
2566              decoding="async"
2567                            />
2568          </div>
2569          <div class="srv-content">
2570            <p>
2571              We provide quality products and service on any roof repair or
2572              maintenance job.
2573            </p>
2574            <span class="srv-btn">Learn More</span>
2575          </div>
2576        </a>
2577      </div>
2578      <div class="service-box">
2579        <a href="https://www.brownroofing.org/gutter-installation.html">
2580          <p class="srv-name">Gutter Installation</p>
2581          <div class="srv-img">
2582            <img
2583              src="https://cdn.treehouseinternetgroup.com/cms_images/1253/srv-gutter.jpg"
2584              alt="Gutter installation"
2585              width="460"
2586              height="264"
2587              decoding="async"
2588                            />
2589          </div>
2590          <div class="srv-content">
2591            <p>
2592              We offer quality gutter installation and solutions for your home.
2593            </p>
2594            <span class="srv-btn">Learn More</span>
2595          </div>
2596        </a>
2597      </div>
2598      <div class="service-box">
2599        <a href="https://www.brownroofing.org/vinyl-siding.html">
2600          <p class="srv-name">Vinyl Siding</p>
2601          <div class="srv-img">
2602            <picture>
2603                <source srcset="	https://cdn.treehouseinternetgroup.com/cms_images/1253/vinyl-siding-service-img.jpg" width="600" height="400" media="(min-width: 769px)">
2604                <img src="	https://cdn.treehouseinternetgroup.com/cms_images/1253/vinyl-siding-service-img.jpg" 
2605                alt="Klaus Vinyl Siding" 
2606                width="300" 
2607                height="200" 
2608                decoding="async"
2609                                >
2610            </picture>
2611          </div>
2612          <div class="srv-content">
2613            <p>Protect your home's exterior & boost curb appeal with new vinyl siding.</p>
2614            <span class="srv-btn">Learn More</span>
2615          </div>
2616        </a>
2617      </div>
2618
2619      <div class="service-box">
2620        <a href="https://www.brownroofing.org/chimney-repair.html">
2621          <p class="srv-name">Chimney Repair</p>
2622          <div class="srv-img">
2623            <img
2624              src="https://cdn.treehouseinternetgroup.com/cms_images/1253/58_roofing_set_31_after-460.jpg"
2625              alt="Chimney Repair"
2626              width="460"
2627              height="264"
2628              decoding="async"
2629                            />
2630          </div>
2631          <div class="srv-content">
2632            <p>We offer chimney repair, cap and cover installation, and fireplace resurfacing services.</p>
2633            <span class="srv-btn">Learn More</span>
2634          </div>
2635        </a>
2636      </div>
2637      
2638      <div class="service-box">
2639        <a href="https://www.brownroofing.org/windows-doors.html">
2640          <p class="srv-name">Windows & Doors</p>
2641          <div class="srv-img">
2642            <img
2643              src="https://cdn.treehouseinternetgroup.com/cms_images/1253/windows-doors-srv-600px.png"
2644              alt="Windows and Doors"
2645              width="460"
2646              height="264"
2647              decoding="async"
2648                            />
2649          </div>
2650          <div class="srv-content">
2651            <p>We can replace sticking, drafty, noisy, outdated, or damaged windows and exterior doors.</p>
2652            <span class="srv-btn">Learn More</span>
2653          </div>
2654        </a>
2655      </div>
2656      
2657      <div class="service-box">
2658        <a href="https://www.brownroofing.org/skylights-and-sun-tunnels.html">
2659          <p class="srv-name">Skylights & Sun Tunnels</p>
2660          <div class="srv-img">
2661            <img
2662              src="https://cdn.treehouseinternetgroup.com/cms_images/1253/image-2025-09-10_084308.png"
2663              alt="Skylights and Sun Tunnels"
2664              width="460"
2665              height="264"
2666              decoding="async"
2667                            />
2668          </div>
2669          <div class="srv-content">
2670            <p>Brighten your home with natural light with our expert skylight and sun tunnel installation services.</p>
2671            <span class="srv-btn">Learn More</span>
2672          </div>
2673        </a>
2674      </div>
2675      
2676    </div>
2677    <div class="ctr hp-btm-btn">
2678        <a class="button btn-round schedule-btn-rai" id="scheduleBtnRai" href="#">Book Online Now!</a>
2679      </div>
2680  </div>
2681</div>
2682<!-- reviews -->
2683<div class="hp-reviews">
2684<div data-embed-placeholder="21215">
2684<script defer src="https://www.local-marketing-reports.com/external/showcase-reviews/embed/7154d96b4fcc4622b9a254a7931f17b6e6cc9480?id=21215"></script>
2684</div>
2685</div>
2686  <div class="hp-reviews-slider">    
2687  </div>
2688<!--div class="row">
2689              <div class="hp-btm-video">
2690        <div class="video-responsive">
2691    <video id="myVideo" width="560" height="315">
2692        <source src="https://cdn.treehouseinternetgroup.com/cms_images/1253/NBCCT-Brown-Roofing-6.26 air_check.mp4" type="video/mp4">
2693    </video>
2694    <div class="play-button" id="playButton">▶</div>
2695</div>
2696
2697<style>
2698.video-responsive {
2699    position: relative;
2700    display: inline-block;
2701}
2702
2703.video-responsive video {
2704    width: 100%;
2705    height: auto;
2706    cursor: pointer;
2707}
2708
2709.play-button {
2710    position: absolute;
2711    top: 50%;
2712    left: 50%;
2713    transform: translate(-50%, -50%);
2714    font-size: 24px;
2715    color: white;
2716    background: rgba(0, 0, 0, 0.5);
2717    border-radius: 50%;
2718    padding: 20px 30px;
2719    cursor: pointer;
2720    user-select: none;
2721    display: flex;
2722    align-items: center;
2723    justify-content: center;
2724}
2725
2726.play-button.hidden {
2727    display: none;
2728}
2729</style>
2730
2731<script>
2732document.addEventListener("DOMContentLoaded", function () {
2733    const video = document.getElementById("myVideo");
2734    const playButton = document.getElementById("playButton");
2735
2736    function togglePlay() {
2737        if (video.paused) {
2738            video.play();
2739            playButton.classList.add("hidden");
2740        } else {
2741            video.pause();
2742            playButton.classList.remove("hidden");
2743        }
2744    }
2745
2746    playButton.addEventListener("click", togglePlay);
2747    video.addEventListener("click", togglePlay);
2748    video.addEventListener("play", () => playButton.classList.add("hidden"));
2749    video.addEventListener("pause", () => playButton.classList.remove("hidden"));
2750});
2751</script>
2751
2752
2753    </div>
2754</div-->
2755<!-- before after -->
2756<div class="hp-ba">
2757  <h2 class="ctr">Recent Projects In Western Connecticut</h2>
2758  <div id="before-after" class="tiny-slider-with-desc">
2759    <div class="section">
2760      <div class="ba-wrap">
2761        <div class="ba-item">
2762          <div class="ba-item-content">
2763            <div class="section-head">
2764              <p class="subhead">Before &amp; After</p>
2765              <h2>Brand New Roof</h2>
2766              <p>
2767                These homeowners in Southbury don't have to worry about costly water damage to their siding, foundation, and landscaping with their brand-new roof installed by the experts at Brown Roofing.
2768              </p>
2769            </div>
2770            <div class="ba-photos">
2771              <image-compare
2772                label-text="Use the slider to control the visibility of the two images."
2773              >
2774                <img
2775                  width="300"
2776                  height="200"
2777                  alt="Water Damaged Roof Southbury"
2778                  data-src="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto/cms_images/1253/hp-ba-before-1.jpeg"
2779                  slot="image-1"
2780                  aria-label="Before"
2781                  class="compare-slider-img tns-lazy-img"
2782                />
2783                <img
2784                  width="300"
2785                  height="200"
2786                  alt="Brand New Roofing Installed Southbury CT"
2787                  data-src="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto/cms_images/1253/hp-ba-after-1.jpeg"
2788                  slot="image-2"
2789                  aria-label="After"
2790                  class="compare-slider-img tns-lazy-img"
2791                />
2792              </image-compare>
2793            </div>
2794          </div>
2795        </div>
2796        <div class="ba-item">
2797          <div class="ba-item-content">
2798            <div class="section-head">
2799              <p class="subhead">Before &amp; After</p>
2800              <h2>Seamless Installation</h2>
2801              <p>
2802                Our team at Brown Roofing replaced this homeowner's shingle roof with standing seam roof panels to achieve a modern look and help enhance the curb appeal of this beautiful home.
2803              </p>
2804            </div>
2805            <div class="ba-photos">
2806              <image-compare
2807                label-text="Use the slider to control the visibility of the two images."
2808              >
2809                <img
2810                  width="300"
2811                  height="200"
2812                  alt="Worn Roof"
2813                  data-src="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto/cms_images/1253/hp-ba-before-2.jpeg"
2814                  slot="image-1"
2815                  aria-label="Before"
2816                  class="compare-slider-img tns-lazy-img"
2817                />
2818                <img
2819                  width="300"
2820                  height="200"
2821                  alt="Beautiful After Roof Replacement"
2822                  data-src="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto/cms_images/1253/hp-ba-after-2.jpeg"
2823                  slot="image-2"
2824                  aria-label="After"
2825                  class="compare-slider-img tns-lazy-img"
2826                />
2827              </image-compare>
2828            </div>
2829          </div>
2830        </div>
2831        <div class="ba-item">
2832          <div class="ba-item-content">
2833            <div class="section-head">
2834              <p class="subhead">Before &amp; After</p>
2835              <h2>Complete Transformation</h2>
2836              <p>
2837                This roof in Beacon Falls had some damage around the chimney area and was developing mold and algae stains. Our skilled team installed Estate Gray Owens Corning shingles to boost the value of this home.
2838              </p>
2839            </div>
2840            <div class="ba-photos">
2841              <image-compare
2842                label-text="Use the slider to control the visibility of the two images."
2843              >
2844                <img
2845                  width="300"
2846                  height="200"
2847                  alt="Damaged Roof Beacon Falls CT "
2848                  data-src="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto/cms_images/1253/hp-ba-before-3.jpeg"
2849                  slot="image-1"
2850                  aria-label="Before"
2851                  class="compare-slider-img tns-lazy-img"
2852                />
2853                <img
2854                  width="300"
2855                  height="200"
2856                  alt="Complete Roof Replacement Beacon Falls, CT "
2857                  data-src="https://cdn.treehouseinternetgroup.com/cdn-cgi/image/format=auto/cms_images/1253/hp-ba-after-3.jpeg"
2858                  slot="image-2"
2859                  aria-label="After"
2860                  class="compare-slider-img tns-lazy-img"
2861                />
2862              </image-compare>
2863            </div>
2864          </div>
2865        </div>
2866      </div>
2867      <a
2868        class="btn-gray"
2869        href="https://www.brownroofing.org/about-us/before-after.html"
2870        title="See recent projects"
2871        >See all projects</a
2872      >
2873    </div>
2874  </div>
2875</div>
2876
2877<!-- bottom content -->
2878<div class="container hp-btm-content">
2879  <div class="row">
2880    <div class="columns">
2881      <h2>
2882        Roofing and Gutter Services in Milford, Fairfield, Trumbull and throughout Connecticut
2883        Since 1972
2884      </h2>
2885      <h3>
2886        We provide expert solutions for all your home improvement needs in
2887        Connecticut
2888      </h3>
2889      <div class="breakout right border bg" style="width: 400px;">
2890        <div class="video-responsive">
2891          <iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/gMOo7Bdp080?si=VFrVfE9IqBchq-Vh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
2892        </div>
2893        <p> Tim's old gutters couldn't keep up. That's where we came in. After explaining our process and recommending the right products, we got Tim set up with gutters that can handle the heaviest storms. Now? He's gutter worry-free. Brown Won't Let You Down!</p>
2894      </div>
2895      <p>
2896        Are you looking to improve your home with upgraded roofing or gutters?
2897        Have you had issues with storm damage, leaks, or worn out surfaces? If
2898        so, Brown Roofing Company, Inc. has the solutions to all your problems!
2899      </p>
2900      <p>
2901        We provide quality roof repair, roof replacement, and gutter
2902        installation services for homeowners in
2903        <a href="/service-area/milford-ct.html">Milford</a>,
2904        <a href="/service-area/fairfield-ct.html">Fairfield</a>,
2905        <a href="/service-area/trumbull-ct.html">Trumbull</a>, and throughout
2906        Connecticut. As Naugatuck's oldest roofing contractor, we know how to put
2907        our 40+ years of experience to work for you. We work with a variety of
2908        high-quality materials from industry leading manufacturers, ensuring you
2909        always get the best for your home.
2910      </p>
2911      <p>
2912        Our goal is to restore the exterior of your home in every way possible,
2913        including your <a href="https://www.brownroofing.org/gutter-installation.html">gutters</a>.
2914        Brown Roofing Company, Inc. installs The Gutter Shutter System, an exclusive gutter system
2915        that is built with premium-grade aluminum and will never bend, sag, clog
2916        or pull away from your home. Once we install these reliable gutters on
2917        your home, you will never again have to worry about climbing up a ladder
2918        to clean out the gutters.
2919      </p>
2920      <p>
2921        If you're interested in exterior home improvement services for your
2922        house, call us today at <span id="numberassigned_2" class="mongoose_phone">1-203-723-1372</span> or click below to get started! We offer
2923        free estimates on the cost of all our services in Monroe, Newtown, Stamford, Bridgeport, Waterbury, New Haven, Naugatuck and
2924        throughout the nearby areas.
2925      </p>
2926      <div class="ctr hp-btm-btn">
2927        <a class="button btn-round schedule-btn-rai" id="scheduleBtnRai" href="#">Book Online Now!</a>
2928      </div>
2929    </div>
2930  </div>
2931</div>
2932
2933
2934
2935<!-- bottom content -->
2936<div class="container hp-btm-content" style="padding-top: 1em;">
2937  <div class="row">
2938    <div class="columns">
2939
2940
2941      <h2>Let us help you with all your home improvement needs</h2>
2942      <p>
2943       Since 1972, Brown Roofing Company, Inc. has earned trust as Connecticut's premier roofing contractor. Our family-owned, licensed, and fully insured business delivers expert craftsmanship with innovative solutions including our exclusive Gutter Shutter System. Backed by a 50-year warranty and premium materials from leading manufacturers, we've served Western Connecticut homeowners for over five decades. Schedule your free estimate today!
2944      </p>
2945      <p>
2946<style>
2947#inline-blog {
2948    position: relative;
2949    margin: 40px auto;
2950    clear: both;
2951}
2952#inline-blog h3 {
2953    margin-bottom: 20px;
2954    color: #353535;
2955}
2956#inline-blog p.more-assets {
2957    position: absolute;
2958    bottom: auto;
2959    left: auto;
2960    top: 0px;
2961    right: 0px;
2962}
2963#inline-blog p.more-assets a {
2964    font-size: 12px;
2965    display: inline-block;
2966}
2967#inline-blog p.more-assets a::before {
2968    content: "+";
2969    border: 0;
2970    height: auto;
2971    width: auto;
2972    line-height: 14px;
2973    font-size: 14px;
2974    display: inline;
2975    text-align: center;
2976    padding: 0 !important;
2977    vertical-align: baseline;
2978    float: none;
2979    margin: 0 3px 0 0;
2980}
2981@media screen and (max-width: 1024px){
2982    #inline-blog {
2983        padding-bottom: 30px;
2984    }
2985    #inline-blog p.more-assets {
2986        top: auto;
2987        left: 0px;
2988        bottom: -40px;
2989    }
2990    #inline-blog .blog-item {
2991        margin-bottom: 2rem;
2992    }
2993    #inline-blog > .row > .columns:nth-child(n+3) {
2994        display: none;
2995    }
2996}
2997@media screen and (max-width: 640px){
2998    #inline-blog > .row > .columns:nth-child(n+2) {
2999        display: none;
3000    }
3001}
3002.blog-item {
3003    overflow: auto;
3004    box-shadow: 0 4px 8px rgba(0,0,0,.15);
3005    padding: 0px 10px 10px;
3006    background: #fbfbfb;
3007    height: 100%;
3008    overflow: hidden;
3009}
3010
3011.blog-item-image {
3012    height: 175px;
3013    background-size: cover;
3014    background-repeat: no-repeat;
3015    background-position: center top;
3016}
3017span.blog-item-date {
3018    font-size: 12px;
3019    display: block;
3020    margin-top: 15px;
3021}
3022a.blog-item-title {
3023    font-size: 14px;
3024    font-weight: bold;
3025    line-height: 1.3em;
3026    display: block;
3027    margin: 10px auto 0px;
3028}
3029a.blog-item-title span {
3030    display: block;
3031    font-size: 10px;
3032    text-decoration: underline;
3033    text-transform: uppercase;
3034    margin: 8px auto 0px;
3035}
3036</style>
3037<div id="inline-blog">
3038	<h3>Resources</h3>
3039    <p class="more-assets">
3040        <a href="https://www.brownroofing.org/about-us/news-and-events.html" title="View All Entries">View All Entries</a>
3041    </p>
3042	<div class="row" data-equalizer>
3043	    
3044<div class="columns small-10 small-centered medium-6 medium-uncentered large-3" data-equalizer-watch>
3045    <div class="blog-item">
3046        <div class="row">
3047        	<div class="columns blog-item-image" style="background-image: url(https://cdn.treehouseinternetgroup.com/uploads/blog/3850/medium/roof-cross-section_1778252808.png);">
3048            </div>
3049        	<div class="columns blog-item-details">
3050        	    <span class="blog-item-date">Friday, May 8th, 2026</span>
3051        		<a href="https://www.brownroofing.org/about-us/news-and-events/53092-the-anatomy-of-a-roof-what-every-homeowner-should-know.html" class="blog-item-title">The Anatomy of a Roof: What Every Homeowner Should Know<span>more &raquo;</span></a>
3052        	</div>
3053        </div>
3054    </div>
3055</div>
3056
3057<div class="columns small-10 small-centered medium-6 medium-uncentered large-3" data-equalizer-watch>
3058    <div class="blog-item">
3059        <div class="row">
3060        	<div class="columns blog-item-image" style="background-image: url(https://cdn.treehouseinternetgroup.com/uploads/blog/3850/medium/moss-shingles_1775649054.png);">
3061            </div>
3062        	<div class="columns blog-item-details">
3063        	    <span class="blog-item-date">Wednesday, Apr 8th, 2026</span>
3064        		<a href="https://www.brownroofing.org/about-us/news-and-events/52834-how-and-when-moss-begins-to-grow-on-your-roof.html" class="blog-item-title">How and When Moss Begins to Grow on Your Roof<span>more &raquo;</span></a>
3065        	</div>
3066        </div>
3067    </div>
3068</div>
3069
3070<div class="columns small-10 small-centered medium-6 medium-uncentered large-3" data-equalizer-watch>
3071    <div class="blog-item">
3072        <div class="row">
3073        	<div class="columns blog-item-image" style="background-image: url(https://cdn.treehouseinternetgroup.com/uploads/blog/3850/medium/img6031siding-stone-door-windowmulti-2_1774961893.jpg);">
3074            </div>
3075        	<div class="columns blog-item-details">
3076        	    <span class="blog-item-date">Tuesday, Mar 31st, 2026</span>
3077        		<a href="https://www.brownroofing.org/about-us/news-and-events/52793-spring-siding-inspection-checklist-for-connecticut-homeowners.html" class="blog-item-title">Spring Siding Inspection Checklist for Connecticut Homeowners<span>more &raquo;</span></a>
3078        	</div>
3079        </div>
3080    </div>
3081</div>
3082
3083<div class="columns small-10 small-centered medium-6 medium-uncentered large-3" data-equalizer-watch>
3084    <div class="blog-item">
3085        <div class="row">
3086        	<div class="columns blog-item-image" style="background-image: url(https://cdn.treehouseinternetgroup.com/uploads/blog/3850/medium/6eee6f1d-21f4-44f5-889a-f645f642bb0b_1774616243.jpg);">
3087            </div>
3088        	<div class="columns blog-item-details">
3089        	    <span class="blog-item-date">Friday, Mar 27th, 2026</span>
3090        		<a href="https://www.brownroofing.org/about-us/news-and-events/52773-what-to-expect-the-brown-roofing-installation-process.html" class="blog-item-title">What to Expect,  the Brown Roofing Installation Process<span>more &raquo;</span></a>
3091        	</div>
3092        </div>
3093    </div>
3094</div>
3095
3096	</div>
3097   <section>
3098       
3099   </section>
3100</div>
3101</p>
3102    </div>
3103  </div>
3104</div>
3105<!-- Mission, Vision, Values Section 
3106<section class="mission-values" role="region" aria-label="Brown Roofing: Mission, Vision, Values">
3107  <div class="mission-values-inner">
3108
3109    <div class="brand-block">
3110      <img
3111        src="https://cdn.treehouseinternetgroup.com/cms_images/1253/68932edc9fd5c_BrownServicesLogoCMYKRedBG.png"
3112        alt="Brown Roofing Logo"
3113        class="brand-logo"
3114        loading="lazy"
3115        decoding="async"
3116      />
3117    </div>
3118
3119    <div class="mission">
3120      <h3 class="pillar-title">Our Mission</h3>
3121      <p class="pillar-copy">
3122        To build trust and value while exceeding customer expectation one family at a time.
3123      </p>
3124    </div>
3125
3126    <div class="divider" aria-hidden="true"></div>
3127
3128    <div class="vision">
3129      <h3 class="pillar-title">Our Vision</h3>
3130      <p class="pillar-copy">
3131        To keep families safe and dry while providing exceptional customer service
3132        and maintaining customer satisfaction.
3133      </p>
3134    </div>
3135
3136    <div class="divider" aria-hidden="true"></div>
3137
3138
3139    <div class="values">
3140      <h3 class="pillar-title">Our Values</h3>
3141      <p class="pillar-copy values-list">
3142        Safety • Quality • Integrity <br>Honesty • Reliability • Education
3143      </p>
3144    </div>
3145  </div>
3146</section>-->
3147<!--div class="ctr wc-btn">
3148  <a href="#" class="button btn-round">Book Online Now</a>
3149</div-->
3150<script>
3151  let reviewSlider = tns({
3152    container: ".hp-reviews-slider",
3153    navPosition: "bottom",
3154    items: 1,
3155    controls: false,
3156    mouseDrag: true,
3157    autoplay: false,
3158    autoplayHoverPause: true,
3159    autoplayButtonOutput: false,
3160    responsive: {
3161      640: {
3162        disable: true,
3163      },
3164    },
3165  });
3166
3167  let baSlider = tns({
3168    container: ".ba-wrap",
3169    items: 1,
3170    mode: "gallery",
3171    nav: true,
3172    mouseDrag: false,
3173    controlsText: ["", ""],
3174    autoplay: false,
3175    autoplayHoverPause: true,
3176    autoplayButtonOutput: false,
3177    lazyload: true,
3178    responsive: {
3179      640: {
3180        mouseDrag: false,
3181      },
3182    },
3183  });
3184</script>
vendor: 2 bytes, line 3184
3184
3185<script src="https://cdn.treehouseinternetgroup.com/cms_core/js/compare-slider-component.js"></script>
3185                                                      </div>
3186                              
3187            
3188            
3189              
3190                <div class="container home" id="service-area">
3191                    <div class="sa-title">
3192                        <p class="sa-sub">Our Service Area</p>
3193                        <p class="sa-head">Proudly Serving Connecticut</p>
3194                    </div>
3195                    <div class="container home" id="service-map">
3196                            <div id="gmap-wrap">
3197            <link rel="stylesheet" href="/core/js/leaflet/leaflet.css"/>
3198            <link rel="stylesheet" href="/core/js/leaflet/mapbox-gl.css"/>
3199            
3199<script>
3200            function initMap_0640510001791095701() {
3201                var imageBounds = {
3202                    north: 42.05371589963392,
3203                    east: -72.53646900000001,
3204                    south: 40.980667,
3205                    west: -73.72777500000001
3206                };
3207
3208                //Calculate the optimal zoom distance to fit entire width of image
3209                var WORLD_DIM = { height: 256, width: 256 };
3210                var ZOOM_MAX = 21;
3211
3212                function latRad(lat) {
3213                    var sin = Math.sin(lat * Math.PI / 180);
3214                    var radX2 = Math.log((1 + sin) / (1 - sin)) / 2;
3215                    return Math.max(Math.min(radX2, Math.PI), -Math.PI) / 2;
3216                }
3217
3218                function zoomFunc(mapPx, worldPx, fraction) {
3219                    return Math.floor(Math.log(mapPx / worldPx / fraction) / Math.LN2);
3220                }
3221
3222                var latFraction = (latRad(imageBounds["north"]) - latRad(imageBounds["south"])) / Math.PI;
3223
3224                var lngDiff = imageBounds["east"] - imageBounds["west"];
3225                var lngFraction = ((lngDiff < 0) ? (lngDiff + 360) : lngDiff) / 360;
3226
3227                var mapCenter = [];
3228        
3229                    mapCenter["lat"] = imageBounds["south"] + ((imageBounds["north"] - imageBounds["south"]) / 2);
3230                    mapCenter["lng"] = imageBounds["west"] + ((imageBounds["east"] - imageBounds["west"]) / 2);
3231
3232                    var serviceAreaMap_0640510001791095701 = L.map('serviceAreaMapDisplay_0640510001791095701', {
3233                        maxZoom: 13,
3234                        zoomControl: false
3235                    }).setView([mapCenter["lat"], mapCenter["lng"]], 13);
3236                    var gl = L.mapboxGL({
3237                        attribution: '&copy;&nbsp;<a href="https://openmaptiles.org/">OpenMapTiles</a>&nbsp;&copy;&nbsp;<a href="https://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>',
3238                        accessToken: 'not-needed',
3239                        style: 'https://dmlr3b1l99c8h.cloudfront.net/style.js'
3240                    }).addTo(serviceAreaMap_0640510001791095701);
3241
3242                    setTimeout(function () {
3243                        let latZoom = zoomFunc(document.getElementById("serviceAreaMapDisplay_0640510001791095701").offsetHeight, WORLD_DIM.height, latFraction);
3244                        let lngZoom = zoomFunc(document.getElementById("serviceAreaMapDisplay_0640510001791095701").offsetWidth, WORLD_DIM.width, lngFraction);
3245                        let zoom = Math.min(latZoom, lngZoom, ZOOM_MAX);
3246                        serviceAreaMap_0640510001791095701.setZoom(zoom);
3247                        serviceAreaMap_0640510001791095701.invalidateSize(true);
3248                    }, 200);
3249
3250                    L.control.zoom({position: 'bottomright'}).addTo(serviceAreaMap_0640510001791095701);
3251
3252                    var imageUrl = 'https://cdn.treehouseinternetgroup.com/uploads/service_area_overlays/1253.png'
3253                        imageBounds = [[imageBounds["north"], imageBounds["west"]], [imageBounds["south"], imageBounds["east"]]];
3254                    L.imageOverlay(imageUrl, imageBounds, {opacity: 1}).addTo(serviceAreaMap_0640510001791095701).setZIndex(9000);
3255                }
3256                </script>
3256
3257            <div id="serviceAreaMapDisplay_0640510001791095701" ></div>
3258            <style>
3259                #home-city-list-wrap {
3260                    z-index: 500 !important;
3261                }
3262                #serviceAreaMapDisplay_0640510001791095701 {
3263                    height: 100%;
3264                    width: 100%;
3265                    display: block;
3266                }
3267                #save-widget {
3268                    width: 356px;
3269                    height: 84px;
3270                    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
3271                    background-color: white;
3272                    padding: 10px;
3273                    font-family: Roboto, Arial;
3274                    font-size: 13px;
3275                    margin: 15px;
3276                }
3277                #save-widget p {
3278                    font-size: 12px;
3279                }
3280                #save-widget strong {
3281                    font-size: 14px;
3282                }
3283                #save-widget .icon {
3284                    background-image: url(https://maps.gstatic.com/mapfiles/embed/images/entity11.png);
3285                    background-size: 70px 210px;
3286                    margin-left: 15px;
3287                    width: 22px;
3288                    height: 22px;
3289                }
3290                .navigate-link {
3291                    display: inline-block;
3292                    text-align: center;
3293                }
3294                .navigate-text {
3295                    display: inline-block;
3296                    text-align: center;
3297                }
3298                .navigate {
3299                    width: 100px;
3300                    display: inline-block;
3301                    vertical-align: top;
3302                    float: right;
3303                }
3304                .address_txt {
3305                    width: 200px;
3306                    float:left;
3307                }
3308            </style>
3309
3310        
3311            
3311<script src="/core/js/leaflet/leaflet.js" defer></script>
3311
3312            
3312<script src="/core/js/leaflet/mapbox-gl.js" defer></script>
3312
3313            
3313<script src="/core/js/leaflet/leaflet-mapbox-gl.js" defer></script>
3313
3314        </div>
3315                    </div>
3316                    <div class="sa-cities">
3317                        <div class="sa-city-list">
3318                            <h3>We serve the following areas</h3>
3319		<div class="city_scroll_list_container">
3320			<div class="city_scroll_list_content">	
3321	<ul class="city_scroll_list"><li><a href="https://www.brownroofing.org/service-area/ansonia-ct.html">Ansonia</a></li><li><a href="https://www.brownroofing.org/service-area/bantam-ct.html">Bantam</a></li><li>Barkhamsted</li><li><a href="https://www.brownroofing.org/service-area/beacon-falls-ct.html">Beacon Falls</a></li><li><a href="https://www.brownroofing.org/service-area/bethany-ct.html">Bethany</a></li><li><a href="https://www.brownroofing.org/service-area/bethel-ct.html">Bethel</a></li><li><a href="https://www.brownroofing.org/service-area/bethlehem-ct.html">Bethlehem</a></li><li>Botsford</li><li><a href="https://www.brownroofing.org/service-area/bridgeport-ct.html">Bridgeport</a></li><li><a href="https://www.brownroofing.org/service-area/bridgewater-ct.html">Bridgewater</a></li><li><a href="https://www.brownroofing.org/service-area/brookfield-ct.html">Brookfield</a></li><li>Canaan</li><li><a href="https://www.brownroofing.org/service-area/cheshire-ct.html">Cheshire</a></li><li>Colebrook</li><li><a href="https://www.brownroofing.org/service-area/cornwall-ct.html">Cornwall</a></li><li><a href="https://www.brownroofing.org/service-area/cornwall-bridge-ct.html">Cornwall Bridge</a></li><li><a href="https://www.brownroofing.org/service-area/cos-cob-ct.html">Cos Cob</a></li><li><a href="https://www.brownroofing.org/service-area/danbury-ct.html">Danbury</a></li><li><a href="https://www.brownroofing.org/service-area/darien-ct.html">Darien</a></li><li><a href="https://www.brownroofing.org/service-area/derby-ct.html">Derby</a></li><li>East Canaan</li><li><a href="https://www.brownroofing.org/service-area/east-haven-ct.html">East Haven</a></li><li><a href="https://www.brownroofing.org/service-area/easton-ct.html">Easton</a></li><li><a href="https://www.brownroofing.org/service-area/fairfield-ct.html">Fairfield</a></li><li>Falls Village</li><li>Gaylordsville</li><li>Georgetown</li><li>Goshen</li><li><a href="https://www.brownroofing.org/service-area/greens-farms-ct.html">Greens Farms</a></li><li><a href="https://www.brownroofing.org/service-area/greenwich-ct.html">Greenwich</a></li><li><a href="https://www.brownroofing.org/service-area/hamden-ct.html">Hamden</a></li><li><a href="https://www.brownroofing.org/service-area/harwinton-ct.html">Harwinton</a></li><li>Hawleyville</li><li><a href="https://www.brownroofing.org/service-area/kent-ct.html">Kent</a></li><li>Lakeside</li><li><a href="https://www.brownroofing.org/service-area/lakeville-ct.html">Lakeville</a></li><li><a href="https://www.brownroofing.org/service-area/litchfield-ct.html">Litchfield</a></li><li><a href="https://www.brownroofing.org/service-area/middlebury-ct.html">Middlebury</a></li><li><a href="https://www.brownroofing.org/service-area/milford-ct.html">Milford</a></li><li><a href="https://www.brownroofing.org/service-area/monroe-ct.html">Monroe</a></li><li><a href="https://www.brownroofing.org/service-area/morris-ct.html">Morris</a></li><li><a href="https://www.brownroofing.org/service-area/naugatuck-ct.html">Naugatuck</a></li><li><a href="https://www.brownroofing.org/service-area/new-canaan-ct.html">New Canaan</a></li><li><a href="https://www.brownroofing.org/service-area/new-fairfield-ct.html">New Fairfield</a></li><li><a href="https://www.brownroofing.org/service-area/new-hartford-ct.html">New Hartford</a></li><li><a href="https://www.brownroofing.org/service-area/new-haven-ct.html">New Haven</a></li><li><a href="https://www.brownroofing.org/service-area/new-milford-ct.html">New Milford</a></li><li>New Preston Marble Dale</li><li><a href="https://www.brownroofing.org/service-area/newtown-ct.html">Newtown</a></li><li>Norfolk</li><li><a href="https://www.brownroofing.org/service-area/north-haven-ct.html">North Haven</a></li><li><a href="https://www.brownroofing.org/service-area/northfield-ct.html">Northfield</a></li><li><a href="https://www.brownroofing.org/service-area/norwalk-ct.html">Norwalk</a></li><li><a href="https://www.brownroofing.org/service-area/oakville-ct.html">Oakville</a></li><li><a href="https://www.brownroofing.org/service-area/old-greenwich-ct.html">Old Greenwich</a></li><li><a href="https://www.brownroofing.org/service-area/orange-ct.html">Orange</a></li><li><a href="https://www.brownroofing.org/service-area/oxford-ct.html">Oxford</a></li><li>Pequabuck</li><li>Pine Meadow</li><li><a href="https://www.brownroofing.org/service-area/plymouth-ct.html">Plymouth</a></li><li><a href="https://www.brownroofing.org/service-area/prospect-ct.html">Prospect</a></li><li><a href="https://www.brownroofing.org/service-area/redding-ct.html">Redding</a></li><li>Redding Center</li><li>Redding Ridge</li><li><a href="https://www.brownroofing.org/service-area/ridgefield-ct.html">Ridgefield</a></li><li><a href="https://www.brownroofing.org/service-area/riverside-ct.html">Riverside</a></li><li>Riverton</li><li><a href="https://www.brownroofing.org/service-area/roxbury-ct.html">Roxbury</a></li><li>Salisbury</li><li><a href="https://www.brownroofing.org/service-area/sandy-hook-ct.html">Sandy Hook</a></li><li><a href="https://www.brownroofing.org/service-area/seymour-ct.html">Seymour</a></li><li><a href="https://www.brownroofing.org/service-area/sharon-ct.html">Sharon</a></li><li><a href="https://www.brownroofing.org/service-area/shelton-ct.html">Shelton</a></li><li>Sherman</li><li><a href="https://www.brownroofing.org/service-area/south-britain-ct.html">South Britain</a></li><li>South Kent</li><li><a href="https://www.brownroofing.org/service-area/southbury-ct.html">Southbury</a></li><li><a href="https://www.brownroofing.org/service-area/southport-ct.html">Southport</a></li><li><a href="https://www.brownroofing.org/service-area/stamford-ct.html">Stamford</a></li><li>Stevenson</li><li><a href="https://www.brownroofing.org/service-area/stratford-ct.html">Stratford</a></li><li>Taconic</li><li><a href="https://www.brownroofing.org/service-area/terryville-ct.html">Terryville</a></li><li><a href="https://www.brownroofing.org/service-area/thomaston-ct.html">Thomaston</a></li><li><a href="https://www.brownroofing.org/service-area/torrington-ct.html">Torrington</a></li><li><a href="https://www.brownroofing.org/service-area/trumbull-ct.html">Trumbull</a></li><li><a href="https://www.brownroofing.org/service-area/washington-ct.html">Washington</a></li><li>Washington Depot</li><li><a href="https://www.brownroofing.org/service-area/waterbury-ct.html">Waterbury</a></li><li><a href="https://www.brownroofing.org/service-area/watertown-ct.html">Watertown</a></li><li>West Cornwall</li><li><a href="https://www.brownroofing.org/service-area/west-haven-ct.html">West Haven</a></li><li><a href="https://www.brownroofing.org/service-area/weston-ct.html">Weston</a></li><li><a href="https://www.brownroofing.org/service-area/westport-ct.html">Westport</a></li><li><a href="https://www.brownroofing.org/service-area/wilton-ct.html">Wilton</a></li><li>Winchester Center</li><li><a href="https://www.brownroofing.org/service-area/winsted-ct.html">Winsted</a></li><li><a href="https://www.brownroofing.org/service-area/wolcott-ct.html">Wolcott</a></li><li><a href="https://www.brownroofing.org/service-area/woodbridge-ct.html">Woodbridge</a></li><li><a href="https://www.brownroofing.org/service-area/woodbury-ct.html">Woodbury</a></li></ul>
3322				<span class="city_scroll_list_local_phone">
3323					Our Locations:<br /><br />
3324					<span class="footer-address">Brown Roofing Inc.<br />12 Progress Ave<br />Seymour, CT 06483<br />1-203-463-5545</span>
3325				</span>
3326			</div>
3327			<div class="city_scroll_list_footer">
3328				<p class="more-assets"><a href="https://www.brownroofing.org/service-area.html">More Cities</a></p>
3329			</div>
3330		</div>
3331	
3332                        </div>
3333                        <div class="ctr">
3334                            <a class="btn-gray" href="/service-area.html">View Service Area</a>
3335                        </div>
3336                    </div>
3337                </div>
3338
3339                          <div class="row" id="fixed-contact">
3340                <div class="columns area-btn">
3341                <a class="AhrefsAnalytics-event-servicearea-bar" href="/service-area.html">
3342                    <i class="fa fa-map-marker" aria-hidden="true"></i>
3343                    <span>Service Area</span>
3344                </a>
3345                </div>
3346                <div class="columns phone-btn">
3347                <a class="AhrefsAnalytics-event-phone-bar" title="Brown Roofing Company, Inc." href="tel:1-203-723-1372">
3348                    <i class="fa fa-phone" aria-hidden="true"></i>
3349                </a>
3350                </div>
3351                <div class="columns quote-btn schedule-btn-rai" id="scheduleBtnRai">
3352                <a class="AhrefsAnalytics-event-book-bar" href="#">
3353                    <i class="fa fa-file-text" aria-hidden="true"></i>
3354                    <span>Book Online Now</span>
3355                </a>
3356                </div>
3357            </div>
3358            <div class="container home" id="footer">
3359                <div class="row" data-equalizer>
3360                    <div class="large-7 large-push-5 columns" data-equalizer-watch>
3361                        <div id="footer-links">
3362                          <ul>
3363	<li class="footer-link services">Services
3364	<ul>
3365		<li><a href="https://www.brownroofing.org/roof-replacement.html">Roof Replacement</a></li><li><a href="https://www.brownroofing.org/roof-repair.html">Roof Repair</a></li><li><a href="https://www.brownroofing.org/ice-dam-removal-prevention.html">Ice Dam Removal & Prevention</a></li><li><a href="https://www.brownroofing.org/gutter-installation.html">Gutter Installation</a></li><li><a href="https://www.brownroofing.org/vinyl-siding.html">Vinyl Siding</a></li><li><a href="https://www.brownroofing.org/chimney-repair.html">Chimney Repair</a></li><li><a href="https://www.brownroofing.org/windows-doors.html">Windows and Doors</a></li><li><a href="https://www.brownroofing.org/skylights-and-sun-tunnels.html">Skylights and Sun Tunnels</a></li><li><a href="https://www.brownroofing.org/insurance-inspections.html">Insurance Inspections</a></li>
3366	</ul>
3367</li><li class="footer-link about has-parent-link">Our Company
3368	<ul>
3369		<li><a href="https://www.brownroofing.org/about-us.html">About Us</a></li><li><a href="https://www.brownroofing.org/about-us/financing.html">Financing</a></li><li><a href="https://www.brownroofing.org/about-us/technical-papers.html">Technical Papers</a></li><li><a href="https://www.brownroofing.org/about-us/news-and-events.html">Blog</a></li><li><a href="https://www.brownroofing.org/about-us/coupons.html">Coupons</a></li><li><a href="https://www.brownroofing.org/about-us/awards.html">Awards</a></li><li><a href="https://www.brownroofing.org/about-us/press-release.html">Press Release</a></li><li><a href=""></a></li>
3370	</ul>
3371</li><li class="footer-link work">Our Work
3372	<ul>
3373		<li><a href="https://www.brownroofing.org/about-us/reviews.html">Reviews</a></li><li><a href="https://www.brownroofing.org/about-us/videos.html">Videos</a></li><li><a href="https://www.brownroofing.org/about-us/photo-gallery.html">Photo Gallery</a></li><li><a href="https://www.brownroofing.org/about-us/before-after.html">Before & After</a></li>
3374	</ul>
3375</li>
3376</ul>                           		<style>
3377		#social-footer-icons a {
3378			display: inline-block;
3379			margin: .125rem;
3380		}
3381		#social-footer-icons > a > svg {
3382			height: 1.5rem;
3383			width: auto;
3384			display: block;
3385			margin: auto;
3386		}
3387		</style>
3388		<div id="social-footer-icons">
3389			<a href="https://www.yelp.com/biz/brown-roofing-seymour" target="_blank" rel="noopener" title="Yelp"><svg id="icon-yelp"role="presentation"  xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.16 12.594l-4.995 1.433c-.96.276-1.74-.8-1.176-1.63l2.905-4.308a1.072 1.072 0 0 1 1.596-.206a9.194 9.194 0 0 1 2.364 3.252a1.073 1.073 0 0 1-.686 1.459zm-5.025 3.152l4.942 1.606a1.072 1.072 0 0 1 .636 1.48a9.316 9.316 0 0 1-2.47 3.169a1.073 1.073 0 0 1-1.592-.26l-2.76-4.409c-.528-.847.288-1.894 1.236-1.584zm-4.796-4.368L5.454 2.916a1.072 1.072 0 0 1 .466-1.5A14.973 14.973 0 0 1 11.184.003a1.07 1.07 0 0 1 1.153 1.068v9.768c0 1.096-1.45 1.483-1.998.535zm-.857 4.17L4.44 16.806a1.073 1.073 0 0 1-1.324-.92a9.218 9.218 0 0 1 .43-3.997a1.07 1.07 0 0 1 1.485-.62l4.668 2.279c.9.438.763 1.76-.207 2zm.886 1.477c.669-.744 1.901-.246 1.866.752l-.19 5.188a1.073 1.073 0 0 1-1.247 1.02a9.314 9.314 0 0 1-3.722-1.502a1.072 1.072 0 0 1-.187-1.6l3.477-3.864z"/></svg></a><a href="https://goo.gl/Ytxetw" target="_blank" rel="noopener" title="Google"><svg id="icon-google" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
3389<path fill="currentColor" fill-rule="evenodd" d="M17.6 8.5h-7.5v3h4.4c-.4 2.1-2.3 3.5-4.4 3.4c-2.6-.1-4.6-2.1-4.7-4.7c-.1-2.7 2-5 4.7-5.1c1.1 0 2.2.4 3.1 1.2l2.3-2.2C14.1 2.7 12.1 2 10.2 2c-4.4 0-8 3.6-8 8s3.6 8 8 8c4.6 0 7.7-3.2 7.7-7.8c-.1-.6-.1-1.1-.3-1.7z" clip-rule="evenodd"/></svg></a><a href="https://www.facebook.com/BrownRoofingCt" target="_blank" rel="noopener" title="Facebook"><svg id="icon-facebook" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4v-8.5Z"/></svg></a><a href="https://www.pinterest.com/brownroofingcompanyinc/pins/" target="_blank" rel="noopener" title="Pinterest"><svg id="icon-pinterest" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20"><path fill="currentColor" d="M10.2 2C5.8 2 3.5 4.8 3.5 7.9c0 1.5.8 3 2.1 3.8c.4.2.3 0 .6-1.2c0-.1 0-.2-.1-.3C4.3 8 5.8 3.7 10 3.7c6.1 0 4.9 8.4 1.1 8.4c-.8.1-1.5-.5-1.5-1.3v-.4c.4-1.1.7-2.1.8-3.2c0-2.1-3.1-1.8-3.1 1c0 .5.1 1 .3 1.4c0 0-1 4.1-1.2 4.8c-.2 1.2-.1 2.4.1 3.5c-.1.1 0 .1 0 .1h.1c.7-1 1.3-2 1.7-3.1c.1-.5.6-2.3.6-2.3c.5.7 1.4 1.1 2.3 1.1c3.1 0 5.3-2.7 5.3-6S13.7 2 10.2 2z"/></svg></a><a href="https://www.youtube.com/channel/UCeZriiWQwELIGcWiZV3vGeg" target="_blank" rel="noopener" title="YouTube"><svg id="icon-youtube"role="presentation"  xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20"><path fill="currentColor" d="M17.7 5.3c-.2-.7-.7-1.2-1.4-1.4c-2.1-.2-4.2-.4-6.3-.3c-2.1 0-4.2.1-6.3.3c-.6.2-1.2.8-1.4 1.4a37.08 37.08 0 0 0 0 9.4c.2.7.7 1.2 1.4 1.4c2.1.2 4.2.4 6.3.3c2.1 0 4.2-.1 6.3-.3c.7-.2 1.2-.7 1.4-1.4a37.08 37.08 0 0 0 0-9.4zM8 13V7l5.2 3L8 13z"/></svg></a><a href="https://www.instagram.com/brownroofingct/" target="_blank" rel="noopener" title="Instagram"><svg id="icon-instagram"role="presentation"  xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"><path fill="currentColor" d="M11.469 5C7.918 5 5 7.914 5 11.469v9.062C5 24.082 7.914 27 11.469 27h9.062C24.082 27 27 24.086 27 20.531V11.47C27 7.918 24.086 5 20.531 5zm0 2h9.062A4.463 4.463 0 0 1 25 11.469v9.062A4.463 4.463 0 0 1 20.531 25H11.47A4.463 4.463 0 0 1 7 20.531V11.47A4.463 4.463 0 0 1 11.469 7zm10.437 2.188a.902.902 0 0 0-.906.906c0 .504.402.906.906.906a.902.902 0 0 0 .907-.906a.902.902 0 0 0-.907-.906zM16 10c-3.3 0-6 2.7-6 6s2.7 6 6 6s6-2.7 6-6s-2.7-6-6-6zm0 2c2.223 0 4 1.777 4 4s-1.777 4-4 4s-4-1.777-4-4s1.777-4 4-4z"/></svg></a><a href="https://twitter.com/brownroofingct" target="_blank" rel="noopener" title="X (formerly Twitter)"><svg id="icon-twitter" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.linkedin.com/company/brown-roofing-company-inc/" target="_blank" rel="noopener" title="LinkedIn"><svg id="icon-linkedin" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002ZM7 8.48H3V21h4V8.48Zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91l.04-1.68Z"/></svg></a>		</div>
3390	
3391                        </div>
3392                    </div>
3393                    <div class="large-5 large-pull-7 columns" data-equalizer-watch>
3394                        <div id="footer-contact">
3395                            <p class="footer-contact-text">Contact Us Online</p>
3396                            <div class="footer-btn-wrap">
3397                                <a href="#" id="footer-btn scheduleBtnRai" class="button btn-round schedule-btn-rai">Book Online Now!</a>
3398                            </div>
3399                            <p class="footer-phone">
3400                              Or call us at
3401                                <span><a href="tel:1-203-723-1372" class="phone_link"><span id="numberassigned_3" class="mongoose_phone">1-203-723-1372</span></a></span>
3402                            </p>
3403                              <p>
3404                               <a href="https://www.brownroofing.org/about-us/photo-gallery/586244-68837d343321dct-hic0549011.html"> CT Home‑Improvement Contractor (License #HIC.0549011) | Proof of Insurance Available</a>
3405                              </p>
3406                              <p> 
3407                              </p>
3408                              <p><img src="https://cdn.treehouseinternetgroup.com/cms_images/1253/BROWN_50YR_Warranty_Badge_4C%20(1).png" style="max-width: 145px;" width="145" height="135" decoding="async" loading="lazy" alt="50 Year Warranty" >
3409                              <a href="https://www.bbb.org/us/ct/seymour/profile/roofing-contractors/brown-roofing-company-inc-0111-45000938"><img src="https://cdn.treehouseinternetgroup.com/cms_images/1253/AB-seal-horz.svg.svg" style="max-width: 145px;" width="145" height="135" decoding="async" loading="lazy" alt="BBB Accredited Business" ></a></p>
3410                        </div>
3411                    </div>
3412          <div> 
3413          
3414                <p>Brown Roofing Company, Inc., 12 Progress Ave., Seymour, CT 06483</p>
3415            </div>
3416                </div>
3417            </div>
3418            <div class="footer-bar">
3419                <p>&copy; 2026 Brown Roofing Company, Inc. | <a href="/privacy-policy.html">Privacy Policy</a> | <a href="/terms-of-use.html">Terms of Use</a> | <a href="/sitemap.html">Sitemap</a>
3420    </div></p>
3421     
3422        </div>
3423        
3424        
3425        
3425<script>
3426const links = document.querySelectorAll('li.without-children.quote.schedule-btn-rai a');
3427
3428links.forEach(function(link) {
3429  link.addEventListener('click', function(event) {
3430    event.preventDefault();
3431    console.log("Default link behavior prevented.");
3432    
3433    // Your custom logic goes here (e.g., opening a popup)
3434  });
3435});
3436</script>
3436
3437
3438
3439
3440         
3440<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js"></script>
3440 
3441<script src="https://a80427d48f9b9f165d8d-c913073b3759fb31d6b728a919676eab.ssl.cf1.rackcdn.com/v3/template.js"></script>
3441 
3442<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
3442 
3443 
3443<script src="/core/js/jquery.thScrollable.js" type="text/javascript" defer></script>
3443
3444
3445 
3446 <!-- nav / sticky functionality -->
3447 
3447<script>
3448!(function () {
3449  class e {
3450    realSupernavTag = "real-supernav";
3451    cloneSupernavTag = "cloned-supernav";
3452    previousTop = window.scrollY;
3453    currentTop = 0;
3454    viewportWidth = window.innerWidth;
3455    scrollThreshold = 1;
3456
3457    constructor() {
3458      this._createClassDefinitions(),
3459        this._siloFixes(),
3460        this._cloneNav(),
3461        this._handleScroll(),
3462        this._handleResizing();
3463    }
3464
3465    _createClassDefinitions() {
3466      const e =
3467        "\n      .navigation-clone {\n        position: fixed;\n   display: none;    background:#fff;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        pointer-events: none;\n        transition: all 100ms ease-in-out;\n    opacity:0\n     }\n\n      .navigation-clone .supernav {\n        opacity: 1;\n        transition: all 150ms ease-in-out;\n      }\n\n      .navigation-clone .banner-text {\n        pointer-events: auto;\n      }\n\n      .navigation-clone .logo-container {\n        opacity: 1;\n        transition: all 150ms ease-in-out;\n      }\n\n      .sticky-nav-show {\n   display: block;\n       box-shadow:0 3px 6px #0000004a;\n        background-color: white;\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      .sticky-nav-show.navigation-clone .supernav {\n        opacity: 1;\n      }\n\n      .sticky-nav-show.navigation-clone .logo-container {\n        opacity: 1;\n      }\n    ";
3468      this.styleClassDefRef
3469        ? (this.styleClassDefRef.innerHTML = e)
3470        : ((this.styleClassDefRef = document.createElement("style")),
3471          (this.styleClassDefRef.type = "text/css"),
3472          (this.styleClassDefRef.innerHTML = e),
3473          document
3474            .getElementsByTagName("head")[0]
3475            .appendChild(this.styleClassDefRef));
3476    }
3477
3478    _createCompansatingStyles() {
3479      let e = "";
3480      (e +=
3481        "\n      @media (min-width: 1023px) {\n        #silo-container {\n          top: 88px !important;\n        }\n      }\n    "),
3482        this.styleCompansationDefRef
3483          ? (this.styleCompansationDefRef.innerHTML = e)
3484          : ((this.styleCompansationDefRef = document.createElement("style")),
3485            (this.styleCompansationDefRef.type = "text/css"),
3486            (this.styleCompansationDefRef.innerHTML = e),
3487            document
3488              .getElementsByTagName("head")[0]
3489              .appendChild(this.styleCompansationDefRef));
3490    }
3491
3492    _siloFixes() {
3493      const e = document
3494          .querySelector(".banner")
3495          .getBoundingClientRect().height,
3496        t = document.querySelector(".supernav").getBoundingClientRect().height,
3497        n = window.innerHeight;
3498      let s = "";
3499
3500      (s += `\n @media (min-width: 1023px) {
3501                  \n #silo-container {
3502                      \n top: ${18 + e}px !important;
3503                      \n max-height: ${n - (36 + e)}px !important;
3504                      \n transition: all 125ms ease-in-out;
3505                      \n overflow: overlay;
3506                      \n
3507                  }
3508  
3509                  \n\n\n #silo-container__push-down {
3510                      \n top: ${18 + e + t}px !important;
3511                      \n max-height: ${n - (36 + e + t)}px !important;
3512                      \n
3513                  }
3514  
3515                  \n
3516              }
3517  
3518              \n\n\n @media (min-width: 1279px) {
3519                  \n #silo-container {
3520                      \n top: 18px !important;
3521                      \n
3522                  }
3523  
3524                  \n
3525              }
3526  
3527              \n `),
3528        this.styleCompansationDefRef
3529          ? (this.styleCompansationDefRef.innerHTML = s)
3530          : ((this.styleCompansationDefRef = document.createElement("style")),
3531            (this.styleCompansationDefRef.type = "text/css"),
3532            (this.styleCompansationDefRef.innerHTML = s),
3533            document
3534              .getElementsByTagName("head")[0]
3535              .appendChild(this.styleCompansationDefRef));
3536    }
3537
3538    _cloneNav() {
3539      const e = document.body,
3540        t = document.querySelector(".navigation-layout"),
3541        n = t.cloneNode(!0),
3542        s = document.createElement("nav");
3543      s.classList.add("navigation-clone"),
3544        t.parentElement.classList.add("navigation-real"),
3545        s.append(n),
3546        e.prepend(s),
3547        (this.navClone = s),
3548        (this.navReal = t.parentElement);
3549    }
3550
3551    _autoHideNavigation() {
3552      const e = document.querySelector("#silo-container");
3553      this.currentTop = window.scrollY;
3554      const t =
3555        Math.abs(this.previousTop - this.currentTop) > this.scrollThreshold;
3556
3557      if (this.currentTop >= this.navReal.getBoundingClientRect().height && t) {
3558        this.navClone.classList.add("sticky-nav-show");
3559        e?.classList?.add?.("push-down");
3560      } else {
3561        this.navClone.classList.remove("sticky-nav-show");
3562        e?.classList?.remove?.("push-down");
3563        this.previousTop = this.currentTop;
3564      }
3565    }
3566
3567    _resizeHandler() {
3568      this.viewportWidth !== window.innerWidth &&
3569        (this._createClassDefinitions(),
3570        this._siloFixes(),
3571        (this.viewportWidth = window.innerWidth));
3572    }
3573
3574    _handleScroll() {
3575      this._autoHideNavigation();
3576
3577      window.addEventListener(
3578        "scroll",
3579        () =>
3580          window.requestAnimationFrame
3581            ? requestAnimationFrame(this._autoHideNavigation.bind(this))
3582            : setTimeout(this._autoHideNavigation.bind(this), 100),
3583        {
3584          passive: !0,
3585        }
3586      );
3587    }
3588
3589    _handleResizing() {
3590      this._resizeHandler();
3591
3592      window.addEventListener(
3593        "resize",
3594        () =>
3595          window.requestAnimationFrame
3596            ? requestAnimationFrame(this._resizeHandler.bind(this))
3597            : setTimeout(this._resizeHandler.bind(this), 100),
3598        {
3599          passive: !0,
3600        }
3601      );
3602    }
3603  }
3604
3605  try {
3606    new e();
3607  } catch (e) {
3608    console.error(`Could not init Sticky Nav: ${e}`);
3609  }
3610
3611  class t {
3612    previousTop = window.scrollY;
3613    currentTop = 0;
3614    viewportWidth = window.innerWidth;
3615    scrollThreshold = 1;
3616
3617    constructor() {
3618      this._getSupernavs(),
3619        this._configureSuperNav(),
3620        this._handleScroll(),
3621        this._handleClickOutside();
3622    }
3623
3624    _getSupernavs() {
3625      this.supernavs = document.querySelectorAll(".supernav");
3626    }
3627
3628    _configureSuperNav() {
3629      this.supernavs.forEach((e) => {
3630        const t = e.querySelector(".menu-button"),
3631          n = e.querySelector(".level-1.small"),
3632          s = e.querySelectorAll(".with-children");
3633        t.addEventListener("click", () => {
3634          n.classList.contains("show") && this._resetAll(n, s),
3635            n.classList.toggle("show");
3636        }),
3637          s.forEach((e) => {
3638            const t = e.querySelector(".dropdown"),
3639              i = e.querySelector(".level-2");
3640            t.addEventListener("click", () => this._goDeeper(s, n, i)),
3641              i
3642                .querySelector(".return-level-1")
3643                .addEventListener("click", () => this._goShallow(n));
3644          });
3645      });
3646    }
3647
3648    _goDeeper(e, t, n) {
3649      this._resetSubMenus(e), t.classList.add("nest"), n.classList.add("show");
3650    }
3651
3652    _goShallow(e) {
3653      e.classList.remove("nest");
3654    }
3655
3656    _resetSubMenus(e) {
3657      e.forEach((e) => {
3658        e.querySelector(".level-2").classList.remove("show");
3659      });
3660    }
3661
3662    _resetAll(e, t) {
3663      e.classList.remove("nest"),
3664        t.forEach((e) => {
3665          e.querySelector(".level-2").classList.remove("show");
3666        });
3667    }
3668
3669    _hideOnScroll() {
3670      if (window.innerWidth >= 768) {
3671        this.currentTop = window.scrollY;
3672
3673        Math.abs(this.previousTop - this.currentTop) > this.scrollThreshold &&
3674          this.supernavs.forEach((e) => {
3675            const t = e.querySelector(".level-1.small"),
3676              n = e.querySelectorAll(".with-children");
3677            t.classList.contains("show") && this._resetAll(t, n),
3678              t.classList.remove("show");
3679          }),
3680          (this.previousTop = this.currentTop);
3681      }
3682    }
3683
3684    _handleScroll() {
3685      document.addEventListener(
3686        "scroll",
3687        () =>
3688          window.requestAnimationFrame
3689            ? requestAnimationFrame(this._hideOnScroll.bind(this))
3690            : setTimeout(this._hideOnScroll.bind(this), 100),
3691        {
3692          passive: !0,
3693        }
3694      );
3695    }
3696
3697    _handleClickOutside() {
3698      this.supernavs.forEach((e) => {
3699        const t = e.querySelector(".menu-button"),
3700          n = e.querySelector(".level-1.small"),
3701          s = e.querySelectorAll(".with-children");
3702        document.addEventListener("click", (e) => {
3703          const i = e.composedPath().includes(n),
3704            o = e.composedPath().includes(t);
3705          i ||
3706            o ||
3707            (n.classList.contains("show") && this._resetAll(n, s),
3708            n.classList.remove("show"));
3709        });
3710      });
3711    }
3712  }
3713
3714  try {
3715    new t();
3716  } catch (e) {
3717    console.error(`Could not init Mobile supernav: ${e}`);
3718  }
3719})();
3720
3721</script>
3721
3722 
3722<script>
3723            $('#main-message-slider').slick({
3724                autoplay: false,
3725                dots: true,
3726                infinite: true,
3727                speed: 500,
3728                fade: true,
3729                cssEase: 'ease',
3730                responsive: [
3731                    {
3732                        breakpoint: 640,
3733                        settings: {
3734                        arrows: false
3735                        }
3736                    }
3737                ]
3738            });
3739</script>
3739
3740
3741    
3742        <!-- Hotjar Tracking Code for https://www.brownroofing.org/ -->
3743        
3743<script>
vendor: 152 bytes, lines 3743-3746
3743
3744            (function(h,o,t,j,a,r){
3745                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
3746                h._hjSettings={hjid:
37461082613
vendor: 312 bytes, lines 3746-3752
3746,hjsv:6};
3747                a=o.getElementsByTagName('head')[0];
3748                r=o.createElement('script');r.async=1;
3749                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
3750                a.appendChild(r);
3751            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
3752        
3752</script>
vendor: 2 bytes, line 3752
3752
3753<script>
3754    var beforeafters = tns({
3755  container: '#before-after--items',
3756  items: 3,
3757  slideBy: 2,
3758  center:false,
3759  controls: false,
3760  nav: true,
3761  navPosition: 'bottom',
3762  loop: true,
3763  mouseDrag: true,
3764  gutter: 24,
3765  responsive: {
3766    769: {
3767      items: 3,
3768      gutter: 48
3769    }
3770  }
3771});
3772
3773
3774// The following script addresses comparison slider issue with cloned items in a slider with loop:true
3775// Initialize all comparison sliders on the page
3776  document.querySelectorAll('.comparison-wrapper').forEach(wrapper => {
3777    new ImageComparison(wrapper);
3778  });
3779  
3780  // Create a map to store slider instances
3781  const sliderInstances = new Map();
3782  
3783  // Initialize comparison sliders after TinySlider is ready
3784  slider.events.on('indexChanged', () => {
3785    const activeSlides = document.querySelectorAll('.tns-slide-active .comparison-wrapper');
3786    activeSlides.forEach(wrapper => {
3787      if (!sliderInstances.has(wrapper)) {
3788        const instance = new ImageComparison(wrapper);
3789        sliderInstances.set(wrapper, instance);
3790      }
3791    });
3792  });
3793  
3794  // Prevent TinySlider from moving when comparison slider is active
3795  slider.events.on('touchStart', (info) => {
3796    if (ImageComparison.isAnySliderActive()) {
3797      info.preventedEvent.preventDefault();
3798    }
3799  });
3800  
3801  // Initialize visible sliders on load
3802  document.querySelectorAll('.tns-slide-active .comparison-wrapper').forEach(wrapper => {
3803    const instance = new ImageComparison(wrapper);
3804    sliderInstances.set(wrapper, instance);
3805  });
3806 
3807</script>
3807
3808 
3808<script>
3809
3810  // Create a MutationObserver to monitor changes in the DOM
3811  const observer = new MutationObserver((mutationsList, observer) => {
3812    for (const mutation of mutationsList) {
3813      if (mutation.type === 'childList' || mutation.type === 'subtree') {
3814        updateLinkHref();
3815      }
3816    }
3817  });
3818
3819  // Start observing the body for changes
3820  observer.observe(document.body, { childList: true, subtree: true });
3821
3822  // Initial check in case the element is already present
3823  document.addEventListener("DOMContentLoaded", updateLinkHref);
3824</script>
3824
3825
3826   
3827
3828
3829
3830
3831 
3832    
3832<script>
3833    (function () {
3834      var slider = document.querySelector('.rh-slider');
3835      if (!slider) return;
3836 
3837      var slides  = Array.prototype.slice.call(slider.querySelectorAll('.rh-slide'));
3838      var dotsWrap = slider.querySelector('.rh-dots');
3839      var prevBtn = slider.querySelector('.rh-prev');
3840      var nextBtn = slider.querySelector('.rh-next');
3841      var i = 0, timer = null;
3842      var DELAY = 5000;
3843      var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
3844 
3845      var dots = slides.map(function (_, idx) {
3846        var b = document.createElement('button');
3847        b.type = 'button';
3848        b.className = 'rh-dot';
3849        b.setAttribute('role', 'tab');
3850        b.setAttribute('aria-label', 'Show slide ' + (idx + 1));
3851        b.addEventListener('click', function () { go(idx, true); });
3852        dotsWrap.appendChild(b);
3853        return b;
3854      });
3855 
3856      function render() {
3857        slides.forEach(function (s, idx) { s.classList.toggle('is-active', idx === i); });
3858        dots.forEach(function (d, idx) {
3859          var on = idx === i;
3860          d.classList.toggle('is-active', on);
3861          d.setAttribute('aria-selected', on ? 'true' : 'false');
3862        });
3863      }
3864 
3865      function go(n, user) {
3866        i = (n + slides.length) % slides.length;
3867        render();
3868        if (user) restart();
3869      }
3870 
3871      function start()   { if (!reduce) { stop(); timer = setInterval(function () { go(i + 1); }, DELAY); } }
3872      function stop()    { if (timer) { clearInterval(timer); timer = null; } }
3873      function restart() { stop(); start(); }
3874 
3875      nextBtn && nextBtn.addEventListener('click', function () { go(i + 1, true); });
3876      prevBtn && prevBtn.addEventListener('click', function () { go(i - 1, true); });
3877 
3878      slider.addEventListener('mouseenter', stop);
3879      slider.addEventListener('mouseleave', start);
3880      slider.addEventListener('focusin', stop);
3881      slider.addEventListener('focusout', start);
3882      document.addEventListener('visibilitychange', function () {
3883        document.hidden ? stop() : start();
3884      });
3885 
3886      render();
3887      start();
3888    })();
3889  </script>
3889
3890
3891
3892    
3892<script type="text/javascript">
3893(function() {
3894var mapLoaded = false;
3895    function isVisible(el) {
3896    var viewportHeight = window.innerHeight;
3897    var y = el.getBoundingClientRect().top;
3898    var elementHeight = el.offsetHeight;
3899
3900    return ((y < viewportHeight) && (y > (-1 * elementHeight)));
3901    }
3902    function initMapLoader() {
3903    if (isVisible(document.querySelector("#serviceAreaMapDisplay_0640510001791095701"))) {
3904    loadMap();
3905    } else {
3906    document.addEventListener("scroll", loadMap);
3907    }
3908    };
3909function loadMap() {
3910if (!mapLoaded) {
3911mapLoaded = true;
3912initMap_0640510001791095701();
3913} else {
3914document.removeEventListener("scroll", loadMap);
3915}
3916}
3917
3918if (document.readyState != "loading") {
3919initMapLoader();
3920} else {
3921document.addEventListener("DOMContentLoaded", initMapLoader);
3922}
3923})();
3924    </script>
3924
3925    
3926</body>
3927</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.