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 & 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 & 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 & 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 »</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 »</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 »</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 »</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: '© <a href="https://openmaptiles.org/">OpenMapTiles</a> © <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>© 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.