Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - asrmi.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Mon, 05 May 2025 08:31:20 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
x-powered-by: WP Engine
Expires: Mon, 05 May 2025 03:27:06 GMT
X-Redirect-By: WordPress
Location: https://americanstandardroofing.com/
X-Cacheable: bot
Cache-Control: max-age=10800, must-revalidate
X-Cache: HIT: 1
X-Cache-Group: bot
X-Orig-Cache-Control: max-age=3600
cf-cache-status: DYNAMIC
Server: cloudflare
CF-RAY: 93aee18578054c8d-HEL
alt-svc: h3=":443"; ma=86400
HTTP Code 301 Moved Permanently
301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://www.americanstandardroofing.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Mon, 05 May 2025 08:31:20 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
Vary: Accept-Encoding
Vary: Accept-Encoding
x-powered-by: WP Engine
Link: <https://americanstandardroofing.com/wp-json/>; rel="https://api.w.org/"
Link: <https://americanstandardroofing.com/wp-json/wp/v2/pages/9>; rel="alternate"; title="JSON"; type="application/json"
Link: <https://americanstandardroofing.com/>; rel=shortlink
X-Cacheable: bot
Cache-Control: max-age=10800, must-revalidate
X-Cache: HIT: 82
X-Cache-Group: bot
cf-cache-status: DYNAMIC
Server: cloudflare
CF-RAY: 93aee1877edb4c8a-HEL
alt-svc: h3=":443"; ma=86400
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: asrmi.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- This site is optimized with the Yoast SEO plugin v25.0 - https://yoast.com/wordpress/plugins/seo/ -->
<title>Roofing Contractor Southeast Michigan | Best Roofers Farmington Hills</title>
<meta name="description" content="American Standard Roofing set the standard for excellence in roofing, siding, and gutters in Michigan. Most trusted Roofing Company in MI!" />
<link rel="canonical" href="https://americanstandardroofing.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Roofing Contractor Southeast Michigan | Best Roofers Farmington Hills" />
<meta property="og:description" content="American Standard Roofing set the standard for excellence in roofing, siding, and gutters in Michigan. Most trusted Roofing Company in MI!" />
<meta property="og:url" content="https://americanstandardroofing.com/" />
<meta property="og:site_name" content="American Standard Roofing" />
<meta property="article:modified_time" content="2025-05-02T18:11:38+00:00" />
<meta property="og:image" content="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://americanstandardroofing.com/","url":"https://americanstandardroofing.com/","name":"Roofing Contractor Southeast Michigan | Best Roofers Farmington Hills","isPartOf":{"@id":"https://americanstandardroofing.com/#website"},"about":{"@id":"https://americanstandardroofing.com/#organization"},"primaryImageOfPage":{"@id":"https://americanstandardroofing.com/#primaryimage"},"image":{"@id":"https://americanstandardroofing.com/#primaryimage"},"thumbnailUrl":"https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg","datePublished":"2025-03-13T18:25:03+00:00","dateModified":"2025-05-02T18:11:38+00:00","description":"American Standard Roofing set the standard for excellence in roofing, siding, and gutters in Michigan. Most trusted Roofing Company in MI!","breadcrumb":{"@id":"https://americanstandardroofing.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://americanstandardroofing.com/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://americanstandardroofing.com/#primaryimage","url":"https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg","contentUrl":"https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg"},{"@type":"BreadcrumbList","@id":"https://americanstandardroofing.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://americanstandardroofing.com/#website","url":"https://americanstandardroofing.com/","name":"American Standard Roofing","description":"Roofing Contractor Southeast Michigan | Best Roofers Farmington Hills","publisher":{"@id":"https://americanstandardroofing.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://americanstandardroofing.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://americanstandardroofing.com/#organization","name":"American Standard Roofing","url":"https://americanstandardroofing.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://americanstandardroofing.com/#/schema/logo/image/","url":"https://americanstandardroofing.com/wp-content/uploads/2025/03/american-logo.svg","contentUrl":"https://americanstandardroofing.com/wp-content/uploads/2025/03/american-logo.svg","width":552,"height":340,"caption":"American Standard Roofing"},"image":{"@id":"https://americanstandardroofing.com/#/schema/logo/image/"}}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="American Standard Roofing » Feed" href="https://americanstandardroofing.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="American Standard Roofing » Comments Feed" href="https://americanstandardroofing.com/comments/feed/" />
<script>
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/americanstandardroofing.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
</script>
<style id='wp-emoji-styles-inline-css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='socius-elementor-addons-css' href='https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon/assets/css/globals.css?ver=1.0.30' media='all' />
<style id='socius-elementor-addons-inline-css'>
:root {
--primary: #f04b24;
--primary-light: #efd5b1;
--primary-dark: #2d3142;
--accent: #ef8354;
--accent-dark: #f04b24;
--body-text: #333333;
--white: #ffffff;
--black: #000000;
--white-smoke: #dbdbdb;
--light-gray: #f4f4f4;
--soft-outline: #eaebec;
}
</style>
<link rel='stylesheet' id='hello-elementor-css' href='https://americanstandardroofing.com/wp-content/themes/hello-elementor/style.min.css?ver=3.3.0' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://americanstandardroofing.com/wp-content/themes/hello-elementor/theme.min.css?ver=3.3.0' media='all' />
<link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://americanstandardroofing.com/wp-content/themes/hello-elementor/header-footer.min.css?ver=3.3.0' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://americanstandardroofing.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.28.4' media='all' />
<link rel='stylesheet' id='elementor-post-6-css' href='https://americanstandardroofing.com/wp-content/uploads/elementor/css/post-6.css?ver=1746127999' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://americanstandardroofing.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.28.4' media='all' />
<link rel='stylesheet' id='e-animation-fadeInUp-css' href='https://americanstandardroofing.com/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInUp.min.css?ver=3.28.4' media='all' />
<link rel='stylesheet' id='elementor-post-9-css' href='https://americanstandardroofing.com/wp-content/uploads/elementor/css/post-9.css?ver=1746127999' media='all' />
<link rel='stylesheet' id='elementor-post-20908-css' href='https://americanstandardroofing.com/wp-content/uploads/elementor/css/post-20908.css?ver=1746127999' media='all' />
<link rel='stylesheet' id='elementor-post-20910-css' href='https://americanstandardroofing.com/wp-content/uploads/elementor/css/post-20910.css?ver=1746127999' media='all' />
<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://americanstandardroofing.com/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1743459289' media='all' />
<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://americanstandardroofing.com/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1743459293' media='all' />
<link rel="https://api.w.org/" href="https://americanstandardroofing.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://americanstandardroofing.com/wp-json/wp/v2/pages/9" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://americanstandardroofing.com/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://americanstandardroofing.com/' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://americanstandardroofing.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Famericanstandardroofing.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://americanstandardroofing.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Famericanstandardroofing.com%2F&format=xml" />
<meta name="generator" content="Elementor 3.28.4; features: e_font_icon_svg, additional_custom_breakpoints, e_local_google_fonts, e_element_cache; settings: css_print_method-external, google_font-enabled, font_display-swap">
<style>
/* wpforms styles */
:root {
--wpforms-page-break-color: var(--primary) !important;
}
.wpforms-submit{
background-color: var(--primary) !important;
color: #fff !important;
width: 100% !important;
}
.socius-multistep .wpforms-page-indicator.circles{
justify-content: center !important;
}
#wpforms-73-field_7-container{
position: absolute;
bottom: 6px;
max-width: 1200px;
}
#wpforms-73-field_7-container label{
font-size: 10px;
}
#wpforms-form-20921 .wpforms-field-label-inline{
color: #fff;
font-size: 10px !important;
}
#wpforms-form-20921 .wpforms-field-label-inline a:hover{
color: var(--primary);
text-decoration: underline;
}
#wpforms-form-26 .wpforms-field-label-inline{
font-size: 10px !important;
}
.disclaimer-field label{
color: #fff !important;
font-size: 10px !important;
}
.page-id-16382 #wpforms-form-21079, .page-id-15753 #wpforms-form-21334{
padding: 35px 15px;
border-radius: 8px;
background: #f7f7f7;
border: 2px solid var(--primary-dark)
}
.sticky-form-container > .wpforms-container{
margin-top: 0 !important;
}
/* specific pages css overrides */
.page-id-5344 figure{
max-width: 100% !important;
}
/* elementor overrides for mobile. */
.e-con.e-flex {
height: fit-content;
min-height: fit-content;
align-items: stretch;
}
/* product selector thats on the windows cat page */
.product-selector-4-box:hover {
cursor: default;
}
/* temp css remove after update 1.0.30 socius plugin */
.project-gallery .gallery-image {
height: 100% !important;
}
.browser-nav.browser-next:hover,.browser-nav.browser-prev:hover , .browser-nav.browser-next:focus , .browser-nav.browser-prev:focus {
background-color: var(--primary);
}
.mobile-nav-buttons {
height: 75px !important;
}
@media(max-width: 992px){
.hero-internal {
min-height: 400px !important;
}
}
</style>
<meta name="google-site-verification" content="G1EGllrnn2XgFWf8OlYycLN_FRjDAKScIal3D-3YStA" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TFQRCC74');</script>
<!-- End Google Tag Manager -->
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<link rel="icon" href="https://americanstandardroofing.com/wp-content/uploads/2025/03/cropped-cropped-ASR-Square-Logo-01-32x32-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://americanstandardroofing.com/wp-content/uploads/2025/03/cropped-cropped-ASR-Square-Logo-01-32x32-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://americanstandardroofing.com/wp-content/uploads/2025/03/cropped-cropped-ASR-Square-Logo-01-32x32-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://americanstandardroofing.com/wp-content/uploads/2025/03/cropped-cropped-ASR-Square-Logo-01-32x32-1-270x270.png" />
</head>
<body class="home page-template-default page page-id-9 wp-custom-logo wp-embed-responsive eio-default theme-default elementor-default elementor-kit-6 elementor-page elementor-page-9">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFQRCC74"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div data-elementor-type="header" data-elementor-id="20908" class="elementor elementor-20908 elementor-location-header" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-7351def e-con-full e-flex e-con e-parent" data-id="7351def" data-element_type="container">
<div class="elementor-element elementor-element-9eedee0 elementor-widget elementor-widget-navigation" data-id="9eedee0" data-element_type="widget" data-widget_type="navigation.default">
<div class="elementor-widget-container">
<div class="socius-navigation">
<div class="socius-navigation-inner">
<div class="socius-nav-logo">
<a href="https://americanstandardroofing.com/">
<img src="https://americanstandardroofing.com/wp-content/uploads/2025/03/american-logo.svg" alt="American Standard Roofing">
</a>
</div>
<div class="right-menu-side">
<div class="socius-nav-menu">
<ul id="menu-main-menu" class="menu"><li id="menu-item-20949" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-20949"><a href="https://americanstandardroofing.com/roofing/">Roofing</a>
<ul class="sub-menu">
<li id="menu-item-21060" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21060"><a href="https://americanstandardroofing.com/roofing/residential-roofing/">Roof Replacement</a></li>
<li id="menu-item-20956" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20956"><a href="https://americanstandardroofing.com/roofing/roof-repair/">Roof Repair</a></li>
<li id="menu-item-20960" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20960"><a href="https://americanstandardroofing.com/gutters/">Gutters</a></li>
<li id="menu-item-20961" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20961"><a href="https://americanstandardroofing.com/skylights/">Skylights</a></li>
</ul>
</li>
<li id="menu-item-20951" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-20951"><a href="https://americanstandardroofing.com/windows-replacement/">Windows</a>
<ul class="sub-menu">
<li id="menu-item-21338" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21338"><a href="https://americanstandardroofing.com/windows-replacement/fiberglass-windows/">Fiberglass Windows</a></li>
<li id="menu-item-21339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21339"><a href="https://americanstandardroofing.com/windows-replacement/wood-windows/">Wood Windows</a></li>
<li id="menu-item-21340" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21340"><a href="https://americanstandardroofing.com/windows-replacement/vinyl-windows/">Vinyl Windows</a></li>
<li id="menu-item-20970" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20970"><a href="https://americanstandardroofing.com/doors/">Doors</a></li>
</ul>
</li>
<li id="menu-item-20952" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20952"><a href="https://americanstandardroofing.com/siding-trim/">Siding</a></li>
<li id="menu-item-20954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-20954"><a href="https://americanstandardroofing.com/commercial/">Commercial</a>
<ul class="sub-menu">
<li id="menu-item-20982" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20982"><a href="https://americanstandardroofing.com/commercial/commercial-roofing/">Commercial Roofing</a></li>
<li id="menu-item-21346" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21346"><a href="https://americanstandardroofing.com/commercial/commercial-windows/">Commercial Windows</a></li>
<li id="menu-item-21348" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21348"><a href="https://americanstandardroofing.com/commercial/commercial-siding/">Commercial Siding</a></li>
</ul>
</li>
<li id="menu-item-20955" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-20955"><a href="https://americanstandardroofing.com/about-us/">About Us</a>
<ul class="sub-menu">
<li id="menu-item-20983" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20983"><a href="https://americanstandardroofing.com/service-areas/">Service Areas</a></li>
<li id="menu-item-20996" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20996"><a href="https://americanstandardroofing.com/refer-a-friend/">Refer a Friend</a></li>
<li id="menu-item-20999" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20999"><a href="https://americanstandardroofing.com/blog/">Blog</a></li>
<li id="menu-item-21421" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21421"><a href="https://americanstandardroofing.com/estimate/">Get a Quote</a></li>
<li id="menu-item-21420" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21420"><a href="https://americanstandardroofing.com/contact/">Contact</a></li>
</ul>
</li>
<li id="menu-item-21419" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21419"><a href="https://americanstandardroofing.com/financing/">Financing</a></li>
</ul> </div>
<div class="socius-nav-cta hide-phone-icon-mobile">
<a href="tel:2483502323" class="socius-phone-button">
<img src="https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon//assets/images/phone.gif" alt="phone icon" class="socius-phone-icon">
(248) 350-2323 </a>
</div>
<button class="socius-mobile-menu-toggle" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button>
</div>
</div>
</div>
<!-- Mobile Slideout Menu (now built in PHP) -->
<div class="socius-slideout-nav" aria-label="Mobile Navigation" tabindex="-1">
<button class="mobile-menu-close" aria-label="Close Menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
<ul id="menu-mobile-menu" class="menu slideout-menu"><li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://americanstandardroofing.com/roofing/" tabindex="0">Roofing</a><button class="submenu-toggle" aria-label="Toggle Submenu" aria-haspopup="true" aria-expanded="false" tabindex="0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
<ul class="sub-menu">
<li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/roofing/residential-roofing/" tabindex="0">Roof Replacement</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/roofing/roof-repair/" tabindex="0">Roof Repair</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/gutters/" tabindex="0">Gutters</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/skylights/" tabindex="0">Skylights</a></li></ul>
</li><li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://americanstandardroofing.com/windows-replacement/" tabindex="0">Windows</a><button class="submenu-toggle" aria-label="Toggle Submenu" aria-haspopup="true" aria-expanded="false" tabindex="0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
<ul class="sub-menu">
<li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/windows-replacement/vinyl-windows/" tabindex="0">Vinyl Windows</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/windows-replacement/wood-windows/" tabindex="0">Wood Windows</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/windows-replacement/fiberglass-windows/" tabindex="0">Fiberglass Windows</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/doors/" tabindex="0">Doors</a></li></ul>
</li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/siding-trim/" tabindex="0">Siding</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://americanstandardroofing.com/commercial/" tabindex="0">Commercial</a><button class="submenu-toggle" aria-label="Toggle Submenu" aria-haspopup="true" aria-expanded="false" tabindex="0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
<ul class="sub-menu">
<li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/commercial/commercial-roofing/" tabindex="0">Commercial Roofing</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/commercial/commercial-siding/" tabindex="0">Commercial Siding</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/commercial/commercial-windows/" tabindex="0">Commercial Windows</a></li></ul>
</li><li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://americanstandardroofing.com/about-us/" tabindex="0">About Us</a><button class="submenu-toggle" aria-label="Toggle Submenu" aria-haspopup="true" aria-expanded="false" tabindex="0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
<ul class="sub-menu">
<li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/service-areas/" tabindex="0">Service Areas</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/refer-a-friend/" tabindex="0">Refer a Friend</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/blog/" tabindex="0">Blog</a></li></ul>
</li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/estimate/" tabindex="0">Free Quote</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/financing/" tabindex="0">Financing</a></li><li class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://americanstandardroofing.com/contact/" tabindex="0">Contact</a></li></ul> <div class="socius-nav-cta hide-phone-icon-mobile">
<a href="tel:2483502323" class="socius-phone-button">
<img src="https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon//assets/images/phone.gif" alt="phone icon" class="socius-phone-icon">
(248) 350-2323 </a>
</div>
</div>
<div class="mobile-menu-overlay"></div>
<!-- start sticky nav -->
<div class="sticky-nav" data-scroll-threshold="200">
<div class="sticky-container">
<div class="top-sticky">
<div class="socius-nav-logo">
<a href="https://americanstandardroofing.com/">
<img src="https://americanstandardroofing.com/wp-content/uploads/2025/03/american-logo.svg" alt="American Standard Roofing">
</a>
</div>
<div class="sticky-blurb">
<p>Schedule Your Free Estimate </p>
</div>
<div class="sticky-phone hide-phone-icon-mobile">
<a href="tel:2483502323" class="socius-phone-button">
<img src="https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon//assets/images/phone.gif" alt="phone icon" class="socius-phone-icon">
(248) 350-2323 </a>
</div>
</div>
<div class="bottom-sticky">
<!-- form shortcode -->
<div class="sticky-form-container">
<div class="wpforms-container wpforms-container-full wpforms-render-modern" id="wpforms-73"><form id="wpforms-form-73" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="73" method="post" enctype="multipart/form-data" action="/" data-token="c853289f411010602c070d59a45a5f2a" data-token-time="1746427220"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-hidden" id="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</div><div class="wpforms-field-container"><div id="wpforms-73-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><fieldset><legend class="wpforms-field-label wpforms-label-hide" aria-hidden="false">Name <span class="wpforms-required-label" aria-hidden="true">*</span></legend><div class="wpforms-field-row wpforms-field-large"><div class="wpforms-field-row-block wpforms-first wpforms-one-half"><input type="text" id="wpforms-73-field_1" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][1][first]" placeholder="First Name *" aria-errormessage="wpforms-73-field_1-error" required><label for="wpforms-73-field_1" class="wpforms-field-sublabel after wpforms-sublabel-hide">First</label></div><div class="wpforms-field-row-block wpforms-one-half"><input type="text" id="wpforms-73-field_1-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][1][last]" placeholder="Last Name *" aria-errormessage="wpforms-73-field_1-last-error" required><label for="wpforms-73-field_1-last" class="wpforms-field-sublabel after wpforms-sublabel-hide">Last</label></div></div></fieldset></div><div id="wpforms-73-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-73-field_2" aria-hidden="false">Email <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="email" id="wpforms-73-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="Email Address *" spellcheck="false" aria-errormessage="wpforms-73-field_2-error" required></div><div id="wpforms-73-field_4-container" class="wpforms-field wpforms-field-phone" data-field-id="4"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-73-field_4" aria-hidden="false">Phone <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="tel" id="wpforms-73-field_4" class="wpforms-field-large wpforms-field-required wpforms-masked-input" data-inputmask="'mask': '(999) 999-9999'" data-rule-us-phone-field="true" data-inputmask-inputmode="tel" name="wpforms[fields][4]" placeholder="Phone *" aria-label="Phone" aria-errormessage="wpforms-73-field_4-error" required></div><div id="wpforms-73-field_5-container" class="wpforms-field wpforms-field-number" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-73-field_5" aria-hidden="false">ZIP <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="number" id="wpforms-73-field_5" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][5]" placeholder="ZIP *" step="any" aria-errormessage="wpforms-73-field_5-error" required></div><div id="wpforms-73-field_7-container" class="wpforms-field wpforms-field-checkbox" data-field-id="7"><fieldset><legend class="wpforms-field-label wpforms-label-hide" aria-hidden="false">Checkboxes <span class="wpforms-required-label" aria-hidden="true">*</span></legend><ul id="wpforms-73-field_7" class="wpforms-field-required"><li class="choice-1 depth-1"><input type="checkbox" id="wpforms-73-field_7_1" name="wpforms[fields][7][]" value="By submitting, you authorize American Standard Roofing to reach out via phone, email, or text for explicit information about project needs. We will never share your personal information with 3rd parties for marketing purposes or spam you. You can opt out at any time. Message/data rates apply. Consent is not a condition of purchase. <a href="/privacy-policy/">Privacy Policy</a>" aria-errormessage="wpforms-73-field_7_1-error" required ><label class="wpforms-field-label-inline" for="wpforms-73-field_7_1">By submitting, you authorize American Standard Roofing to reach out via phone, email, or text for explicit information about project needs. We will never share your personal information with 3rd parties for marketing purposes or spam you. You can opt out at any time. Message/data rates apply. Consent is not a condition of purchase. <a href="/privacy-policy/">Privacy Policy</a></label></li></ul></fieldset></div><div id="wpforms-73-field_8-container" class="wpforms-field wpforms-field-hidden ppc-source" data-field-id="8"><input type="hidden" id="wpforms-73-field_8" name="wpforms[fields][8]"></div><div id="wpforms-73-field_9-container" class="wpforms-field wpforms-field-hidden referrer" data-field-id="9"><input type="hidden" id="wpforms-73-field_9" name="wpforms[fields][9]"></div></div><!-- .wpforms-field-container --><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="73"><input type="hidden" name="page_title" value="Home"><input type="hidden" name="page_url" value="https://americanstandardroofing.com/"><input type="hidden" name="url_referer" value="http://www.americanstandardroofing.com/"><input type="hidden" name="page_id" value="9"><input type="hidden" name="wpforms[post_id]" value="9"><button type="submit" name="wpforms[submit]" id="wpforms-submit-73" class="wpforms-submit" data-alt-text="Sending..." data-submit-text="Get Quote" aria-live="assertive" value="wpforms-submit">Get Quote</button><img src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg" class="wpforms-submit-spinner" style="display: none;" width="26" height="26" alt="Loading"></div></form></div> <!-- .wpforms-container --> </div>
<button class="socius-mobile-menu-toggle sticky" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button>
</div>
</div>
</div>
<!-- end sticky nav -->
</div>
</div>
</div>
</div>
<main id="content" class="site-main post-9 page type-page status-publish hentry">
<div class="page-content">
<div data-elementor-type="wp-page" data-elementor-id="9" class="elementor elementor-9" data-elementor-post-type="page">
<div class="elementor-element elementor-element-4268b38 e-con-full e-flex e-con e-parent" data-id="4268b38" data-element_type="container">
<div class="elementor-element elementor-element-62fdb7b elementor-widget elementor-widget-hero-1" data-id="62fdb7b" data-element_type="widget" data-widget_type="hero-1.default">
<div class="elementor-widget-container">
<style>
.socius-hero-1 {
position: relative;
display: flex;
min-height: 800px;
width: 100%;
overflow: hidden;
}
.socius-hero-1-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://americanstandardroofing.com/wp-content/uploads/2025/04/main-hero-8.webp');
z-index: 1;
}
.socius-hero-1-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.socius-hero-1-container {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
z-index: 3;
}
.socius-hero-1-left {
flex: 1;
padding-left: 5%;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 820px;
padding-right: 10px;
}
.socius-hero-1-heading {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
text-shadow: 0 2px 7px #0003;
text-wrap: wrap;
text-wrap-style: balance;
}
.socius-hero-1-description {
margin-bottom: 30px;
line-height: 1.6;
text-shadow: 0 2px 7px #0003;
font-size: 1.125rem;
line-height: 1.5;
}
.socius-hero-1-button {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
max-width: fit-content;
text-align: center;
letter-spacing: .675px;
cursor: pointer;
border-radius: 4px;
padding: 1ch 1.75ch;
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
transition: background-color .375s;
}
.socius-hero-1-button:hover {
opacity: 0.9;
}
.socius-hero-1-right {
width: 40%;
max-width: 560px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 4rem 3rem;
}
.socius-hero-1-form-container {
width: 100%;
}
.socius-hero-1-offer-text {
font-weight: bold;
text-align: center;
margin-bottom: 5px;
color: var(--black);
}
.socius-hero-1-offer-subtext {
text-align: center;
margin-bottom: 20px;
font-size: 14px;
color: var(--primary-dark);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
line-height: 1.35rem;
}
.socius-hero-1-button.mobile-button{
display: none;
}
.socius-hero-1-form {
display: flex;
flex-direction: column;
gap: 15px;
}
.socius-hero-1-form-row {
display: flex;
gap: 10px;
}
.socius-hero-1-form-field {
flex: 1;
}
.socius-hero-1-form input[type="text"],
.socius-hero-1-form input[type="email"],
.socius-hero-1-form input[type="tel"],
.socius-hero-1-form select {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 1rem;
}
.socius-hero-1-submit-button {
width: 100%;
padding: 12px;
border: none;
border-radius: 4px;
color: white;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
}
.socius-hero-1-submit-button:hover {
opacity: 0.9;
}
@media (max-width: 991px) {
.socius-hero-1 {
min-height: 0;
padding-top: 2rem;
padding-bottom: 7rem;
}
.socius-hero-1-container {
flex-direction: column;
}
.socius-hero-1-left {
padding: 40px;
}
.socius-hero-1-offer-text{
font-size: 3.5rem !important;
line-height: 3.75rem;
}
.socius-hero-1-description{
font-size: 1.25rem;
line-height: 1.35rem;
margin-top: .5rem;
margin-bottom: .75rem;
}
.socius-hero-1-right {
width: 100%;
max-width: 100%;
padding: 0 40px 40px;
background: none !important;
margin-top: 3rem;
}
.socius-hero-1-button.mobile-button{
display: block;
margin: 0 auto;
}
.socius-hero-1-form-container {
margin: 0 auto;
background: var(--white);
padding: 1rem;
border-radius: 20px;
}
.socius-hero-1-form {
display: none;
}
}
@media (max-width: 767px) {
.socius-hero-1-heading {
font-size: 2.5rem;
}
.socius-hero-1-offer-text{
font-size: 3rem !important;
line-height: 3.75rem;
}
.socius-hero-1-description{
font-size: 1rem;
}
.socius-hero-1-button.btn-white{
display: none;
}
.socius-hero-1-left {
padding: 30px 20px;
}
.socius-hero-1-right {
padding: 0 20px 30px;
}
.socius-hero-1-form-row {
flex-direction: column;
gap: 15px;
}
}
</style>
<div class="socius-hero-1">
<div class="socius-hero-1-background"></div>
<div class="socius-hero-1-overlay"></div>
<div class="socius-hero-1-container">
<div class="socius-hero-1-left">
<h2 class="socius-hero-1-heading">Value-Driven Exterior Remodeling Services</h2>
<div class="socius-hero-1-description">American Standard Roofing is a family-run business that delivers the industry’s best craftmanship and service using only the highest quality materials.</div>
<a href="/contact/" class="socius-hero-1-button btn-white">
Reach Out to Us </a>
</div>
<div class="socius-hero-1-right">
<div class="socius-hero-1-form-container">
<div class="socius-hero-1-offer-text">Free Quote</div>
<div class="socius-hero-1-offer-subtext">Schedule Your Free Estimate Today!</div>
<a href="/estimate/" class="socius-hero-1-button mobile-button">
Contact Us </a>
<div class="socius-hero-1-form shortcode-form-wrapper">
<div class="wpforms-container wpforms-container-full wpforms-render-modern" id="wpforms-26"><form id="wpforms-form-26" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="26" method="post" enctype="multipart/form-data" action="/" data-token="c2f27c0082cd10c54b26fa1a0a1024f1" data-token-time="1746427221"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-hidden" id="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</div><div class="wpforms-field-container"><div id="wpforms-26-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><fieldset><legend class="wpforms-field-label wpforms-label-hide" aria-hidden="false">Name <span class="wpforms-required-label" aria-hidden="true">*</span></legend><div class="wpforms-field-row wpforms-field-large"><div class="wpforms-field-row-block wpforms-first wpforms-one-half"><input type="text" id="wpforms-26-field_1" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][1][first]" placeholder="First Name *" aria-errormessage="wpforms-26-field_1-error" required><label for="wpforms-26-field_1" class="wpforms-field-sublabel after wpforms-sublabel-hide">First</label></div><div class="wpforms-field-row-block wpforms-one-half"><input type="text" id="wpforms-26-field_1-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][1][last]" placeholder="Last Name *" aria-errormessage="wpforms-26-field_1-last-error" required><label for="wpforms-26-field_1-last" class="wpforms-field-sublabel after wpforms-sublabel-hide">Last</label></div></div></fieldset></div><div id="wpforms-26-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-26-field_2" aria-hidden="false">Email <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="email" id="wpforms-26-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="Email Address *" spellcheck="false" aria-errormessage="wpforms-26-field_2-error" required></div><div id="wpforms-26-field_3-container" class="wpforms-field wpforms-field-layout" data-field-id="3"><div class="wpforms-field-layout-columns wpforms-field-layout-preset-50-50"><div class="wpforms-layout-column wpforms-layout-column-50" ><div id="wpforms-26-field_4-container" class="wpforms-field wpforms-field-phone" data-field-id="4"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-26-field_4" aria-hidden="false">Phone <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="tel" id="wpforms-26-field_4" class="wpforms-field-medium wpforms-field-required wpforms-masked-input" data-inputmask="'mask': '(999) 999-9999'" data-rule-us-phone-field="true" data-inputmask-inputmode="tel" name="wpforms[fields][4]" placeholder="Phone *" aria-label="Phone" aria-errormessage="wpforms-26-field_4-error" required></div></div><div class="wpforms-layout-column wpforms-layout-column-50" ><div id="wpforms-26-field_5-container" class="wpforms-field wpforms-field-number" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-26-field_5" aria-hidden="false">ZIP <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="number" id="wpforms-26-field_5" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][5]" placeholder="ZIP *" step="any" aria-errormessage="wpforms-26-field_5-error" required></div></div></div></div><div id="wpforms-26-field_6-container" class="wpforms-field wpforms-field-select wpforms-field-select-style-classic" data-field-id="6"><label class="wpforms-field-label" for="wpforms-26-field_6">Product of Interest <span class="wpforms-required-label" aria-hidden="true">*</span></label><select id="wpforms-26-field_6" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][6]" required="required"><option value="" class="placeholder" disabled selected='selected'>Select One</option><option value="Roofing" >Roofing</option><option value="Windows" >Windows</option><option value="Siding" >Siding</option><option value="Commercial" >Commercial</option></select></div><div id="wpforms-26-field_7-container" class="wpforms-field wpforms-field-checkbox" data-field-id="7"><fieldset><legend class="wpforms-field-label wpforms-label-hide" aria-hidden="false">Disclaimer <span class="wpforms-required-label" aria-hidden="true">*</span></legend><ul id="wpforms-26-field_7" class="wpforms-field-required"><li class="choice-1 depth-1"><input type="checkbox" id="wpforms-26-field_7_1" name="wpforms[fields][7][]" value="By submitting, you authorize American Standard Roofing to reach out via phone, email, or text for explicit information about project needs. We will never share your personal information with 3rd parties for marketing purposes or spam you. You can opt out at any time. Message/data rates apply. Consent is not a condition of purchase. <a href="/privacy-policy/">Privacy Policy</a>" aria-errormessage="wpforms-26-field_7_1-error" required ><label class="wpforms-field-label-inline" for="wpforms-26-field_7_1">By submitting, you authorize American Standard Roofing to reach out via phone, email, or text for explicit information about project needs. We will never share your personal information with 3rd parties for marketing purposes or spam you. You can opt out at any time. Message/data rates apply. Consent is not a condition of purchase. <a href="/privacy-policy/">Privacy Policy</a></label></li></ul></fieldset></div><div id="wpforms-26-field_8-container" class="wpforms-field wpforms-field-hidden ppc-source" data-field-id="8"><input type="hidden" id="wpforms-26-field_8" name="wpforms[fields][8]"></div><div id="wpforms-26-field_9-container" class="wpforms-field wpforms-field-hidden referrer" data-field-id="9"><input type="hidden" id="wpforms-26-field_9" name="wpforms[fields][9]"></div></div><!-- .wpforms-field-container --><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="26"><input type="hidden" name="page_title" value="Home"><input type="hidden" name="page_url" value="https://americanstandardroofing.com/"><input type="hidden" name="url_referer" value="http://www.americanstandardroofing.com/"><input type="hidden" name="page_id" value="9"><input type="hidden" name="wpforms[post_id]" value="9"><button type="submit" name="wpforms[submit]" id="wpforms-submit-26" class="wpforms-submit" data-alt-text="Sending..." data-submit-text="Submit" aria-live="assertive" value="wpforms-submit">Submit</button><img decoding="async" src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg" class="wpforms-submit-spinner" style="display: none;" width="26" height="26" alt="Loading"></div></form></div> <!-- .wpforms-container --> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a6d7ea4 e-con-full e-flex e-con e-parent" data-id="a6d7ea4" data-element_type="container">
<div class="elementor-element elementor-element-8122128 elementor-widget elementor-widget-socius-trust-slider" data-id="8122128" data-element_type="widget" data-widget_type="socius-trust-slider.default">
<div class="elementor-widget-container">
<div class="socius-trust-slider" data-scroll-speed="75">
<div class="socius-trust-slider-container">
<div class="socius-trust-slider-wrapper">
<div class="socius-trust-slider-track" style="animation-duration: 75s;">
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/bbb.png" alt="BBB">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Shingle-Master.png" alt="Shingle master">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Master-Elite-Logo.png" alt="GAF Master">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/pella_certifiedcontractor_color.svg" alt="Pella">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Screenshot-2025-04-22-at-12.09.13 PM.png" alt="James Hardie">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/owens-corning.jpg" alt="Owens Corning">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/davinci.png" alt="Davinci">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Brava-Logo.png" alt="Brava">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Screenshot-2025-04-22-at-2.55.13 PM.png" alt="home advisor top rated">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Velux_logo.svg" alt="velux">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Mastic-logo1.avif" alt="mastic">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/bbb.png" alt="BBB">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Shingle-Master.png" alt="Shingle master">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Master-Elite-Logo.png" alt="GAF Master">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/pella_certifiedcontractor_color.svg" alt="Pella">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Screenshot-2025-04-22-at-12.09.13 PM.png" alt="James Hardie">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/owens-corning.jpg" alt="Owens Corning">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/davinci.png" alt="Davinci">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Brava-Logo.png" alt="Brava">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Screenshot-2025-04-22-at-2.55.13 PM.png" alt="home advisor top rated">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Velux_logo.svg" alt="velux">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Mastic-logo1.avif" alt="mastic">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/bbb.png" alt="BBB">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Shingle-Master.png" alt="Shingle master">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Master-Elite-Logo.png" alt="GAF Master">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/pella_certifiedcontractor_color.svg" alt="Pella">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Screenshot-2025-04-22-at-12.09.13 PM.png" alt="James Hardie">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/owens-corning.jpg" alt="Owens Corning">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/davinci.png" alt="Davinci">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Brava-Logo.png" alt="Brava">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Screenshot-2025-04-22-at-2.55.13 PM.png" alt="home advisor top rated">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Velux_logo.svg" alt="velux">
</div>
<div class="socius-trust-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Mastic-logo1.avif" alt="mastic">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7410ca9 e-flex e-con-boxed e-con e-parent" data-id="7410ca9" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-550f4b7 elementor-widget elementor-widget-html" data-id="550f4b7" data-element_type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="embedsocial-hashtag" data-ref="74c270ad681f7c9ad67e90de349b67ddd9f224b6"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-8177ff1 e-con-full e-flex e-con e-parent" data-id="8177ff1" data-element_type="container">
<div class="elementor-element elementor-element-5037f06 animated-fast elementor-invisible elementor-widget elementor-widget-video-info-section" data-id="5037f06" data-element_type="widget" data-settings="{"_animation":"fadeInUp"}" data-widget_type="video-info-section.default">
<div class="elementor-widget-container">
<div class="socius-video-info-section">
<h2 class="socius-h2 mx-auto">Southeast Michigan’s Most Trusted Exterior Remodeling Company</h2>
<div class="video-info-container">
<!-- Video Column -->
<div class="video-column">
<div class="video-wrapper">
<a href="https://americanstandardroofing.com/wp-content/uploads/2025/04/American-Standard-Roofing-2021.mp4" class="video-play-link" data-video-type="hosted" >
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/content-one-4.webp" alt="Video Thumbnail" class="video-thumbnail">
<div class="play-button">
<span></span>
</div>
</a>
<div class="bottom-overlay"></div>
</div>
</div>
<!-- Info Column -->
<div class="info-column">
<div class="info-box">
<div class="info-box-header">
<div class="info-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-trophy" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M552 64H448V24c0-13.3-10.7-24-24-24H152c-13.3 0-24 10.7-24 24v40H24C10.7 64 0 74.7 0 88v56c0 35.7 22.5 72.4 61.9 100.7 31.5 22.7 69.8 37.1 110 41.7C203.3 338.5 240 360 240 360v72h-48c-35.3 0-64 20.7-64 56v12c0 6.6 5.4 12 12 12h296c6.6 0 12-5.4 12-12v-12c0-35.3-28.7-56-64-56h-48v-72s36.7-21.5 68.1-73.6c40.3-4.6 78.6-19 110-41.7 39.3-28.3 61.9-65 61.9-100.7V88c0-13.3-10.7-24-24-24zM99.3 192.8C74.9 175.2 64 155.6 64 144v-16h64.2c1 32.6 5.8 61.2 12.8 86.2-15.1-5.2-29.2-12.4-41.7-21.4zM512 144c0 16.1-17.7 36.1-35.3 48.8-12.5 9-26.7 16.2-41.8 21.4 7-25 11.8-53.6 12.8-86.2H512v16z"></path></svg> </div>
<div class="info-title-wrapper">
<h3 class="info-box-title">Proudly Serving Homeowners and Business Owners</h3>
<p class="info-box-subtitle">Based in Farmington Hills, MI, American Standard Roofing is a leading exterior remodeling company dedicated to delivering superior roofing, window, and siding solutions for homes and businesses throughout Southeast Michigan. With over 35 years of experience, we provide top-quality materials, expert craftsmanship, and honest service tailored to each customer’s needs</p>
</div>
</div>
<div class="info-box-content">
<div class="info-description">
<p>As a family-run company, we prioritize integrity, transparency, and value, always recommending the best solutions for long-term performance. Whether you need a roof replacement, window installation, or siding upgrade, we ensure a seamless experience and solutions backed by industry-leading warranties for your complete peace of mind. For an exterior remodeling company you can trust to put your needs first, American Standard Roofing is the clear choice.</p> </div>
<div class="info-button-wrapper">
<a href="/about-us/" class="socius-btn">
Learn More about us </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7d18ce9 e-con-full e-flex e-con e-parent" data-id="7d18ce9" data-element_type="container">
<div class="elementor-element elementor-element-1a3be39 elementor-widget elementor-widget-cta-accent-2" data-id="1a3be39" data-element_type="widget" data-widget_type="cta-accent-2.default">
<div class="elementor-widget-container">
<div class="cta-accent-2-container">
<div class="cta-accent-2-content">
<h2 class="cta-accent-2-heading">Comprehensive Residential and Commercial Exterior Remodeling</h2>
<div class="dotted-line"></div>
<div class="cta-accent-2-description">
Redefine the exterior of your home or business with solutions that deliver decades of beauty, energy efficiency, and protection. </div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-8bc2c35 e-con-full e-flex e-con e-parent" data-id="8bc2c35" data-element_type="container">
<div class="elementor-element elementor-element-7e2c47c elementor-widget elementor-widget-product-selector-2" data-id="7e2c47c" data-element_type="widget" data-widget_type="product-selector-2.default">
<div class="elementor-widget-container">
<div class="socius-product-selector-2" id="product-selector-7e2c47c">
<div class="product-selector-2-container">
<!-- Product Menu -->
<div class="product-menu-2">
<div class="product-menu-item-2 active" data-service-id="0">
<div class="menu-item-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-house-user" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M570.69,236.27,512,184.44V48a16,16,0,0,0-16-16H432a16,16,0,0,0-16,16V99.67L314.78,10.3C308.5,4.61,296.53,0,288,0s-20.46,4.61-26.74,10.3l-256,226A18.27,18.27,0,0,0,0,248.2a18.64,18.64,0,0,0,4.09,10.71L25.5,282.7a21.14,21.14,0,0,0,12,5.3,21.67,21.67,0,0,0,10.69-4.11l15.9-14V480a32,32,0,0,0,32,32H480a32,32,0,0,0,32-32V269.88l15.91,14A21.94,21.94,0,0,0,538.63,288a20.89,20.89,0,0,0,11.87-5.31l21.41-23.81A21.64,21.64,0,0,0,576,248.19,21,21,0,0,0,570.69,236.27ZM288,176a64,64,0,1,1-64,64A64,64,0,0,1,288,176ZM400,448H176a16,16,0,0,1-16-16,96,96,0,0,1,96-96h64a96,96,0,0,1,96,96A16,16,0,0,1,400,448Z"></path></svg> </div>
<div class="menu-item-text">
Roofing </div>
</div>
<div class="product-menu-item-2 " data-service-id="1">
<div class="menu-item-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-far-window-maximize" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V192h416v234z"></path></svg> </div>
<div class="menu-item-text">
Windows </div>
</div>
<div class="product-menu-item-2 " data-service-id="2">
<div class="menu-item-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-bars" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg> </div>
<div class="menu-item-text">
Siding </div>
</div>
<div class="product-menu-item-2 " data-service-id="3">
<div class="menu-item-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-far-building" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M128 148v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12zm140 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-128 96h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm128 0h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-76 84v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm76 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm180 124v36H0v-36c0-6.6 5.4-12 12-12h19.5V24c0-13.3 10.7-24 24-24h337c13.3 0 24 10.7 24 24v440H436c6.6 0 12 5.4 12 12zM79.5 463H192v-67c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v67h112.5V49L80 48l-.5 415z"></path></svg> </div>
<div class="menu-item-text">
Commercial Services </div>
</div>
</div>
<!-- Content Area -->
<div class="product-content-area">
<div class="product-content-item active" data-service-id="0" data-bg-image="https://americanstandardroofing.com/wp-content/uploads/2025/04/product-one-4.webp">
<h2 class="product-title-2">Roofing</h2>
<div class="product-description-2">Protect your home with a high-quality roof replacement from American Standard Roofing. As a GAF Master Elite and CertainTeed ShingleMaster contractor, we install top-tier shingle roof systems that deliver exceptional protection and curb appeal. As your roofing contractor, we also have the ability to install any kind of roofing you’d like, including metal and slate roofing. </div>
<a href="/roofing/" class="socius-btn learn-more-btn-2" >learn More</a>
</div>
<div class="product-content-item " data-service-id="1" data-bg-image="https://americanstandardroofing.com/wp-content/uploads/2025/04/product-two-4.webp">
<h2 class="product-title-2">Windows</h2>
<div class="product-description-2">Upgrade your home with energy-efficient Pella windows backed by a lifetime warranty. As a Pella Certified Contractor, we have a proven commitment to quality craftsmanship, offering full-frame window replacements for optimal insulation, durability, and performance. With a virtually unlimited selection of customization options, we’ll help you choose replacement windows that perfectly complement your home. </div>
<a href="/windows-replacement/" class="socius-btn learn-more-btn-2" >Learn More</a>
</div>
<div class="product-content-item " data-service-id="2" data-bg-image="https://americanstandardroofing.com/wp-content/uploads/2025/04/RS10728_Bell_-20130801_8443-lpr-2000.webp">
<h2 class="product-title-2">Siding</h2>
<div class="product-description-2">Transform your home’s exterior with premium siding solutions from American Standard Roofing. We install James Hardie fiber cement, CertainTeed vinyl, and LP SmartSide engineered wood siding for unmatched durability and style. As a James Hardie Alliance Member, we have a proven track record of providing precision installations that boost curb appeal, insulation, and weather resistance for long-lasting protection and value.</div>
<a href="/siding-trim/" class="socius-btn learn-more-btn-2" >Learn More</a>
</div>
<div class="product-content-item " data-service-id="3" data-bg-image="https://americanstandardroofing.com/wp-content/uploads/2025/04/bigstock-Commercial-Office-Building-1993493-3-scaled.jpg">
<h2 class="product-title-2">Commercial Services</h2>
<div class="product-description-2">Businesses throughout Southeast Michigan trust us for expert commercial roofing, window, and siding installations. We install flat and steep-slope roofing with durable materials like TPO, EPDM, and metal. Our full-frame commercial windows and high-performance siding solutions improve energy efficiency and longevity. With a focus on quality, reliability, and customized solutions, we deliver long-lasting exterior upgrades for your business.</div>
<a href="/commercial/" class="socius-btn learn-more-btn-2" >Learn More</a>
</div>
</div>
<!-- Background Image -->
<div class="product-bg-image" style="background-image: url('https://americanstandardroofing.com/wp-content/uploads/2025/04/product-one-4.webp')"></div>
</div>
<!-- Mobile Scroll Controls -->
<div class="product-menu-2-scroll-controls">
<button class="menu-scroll-button scroll-left" aria-label="Scroll Left">←</button>
<button class="menu-scroll-button scroll-right" aria-label="Scroll Right">→</button>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-e199cdb e-con-full e-flex e-con e-parent" data-id="e199cdb" data-element_type="container">
<div class="elementor-element elementor-element-c935d32 elementor-widget elementor-widget-why-choose-2" data-id="c935d32" data-element_type="widget" data-widget_type="why-choose-2.default">
<div class="elementor-widget-container">
<section class="socius-why-choose-2">
<div class="why-choose-2-container">
<div class="why-choose-2-left ">
<h3 class="why-choose-2-subtitle">WHY CHOOSE US?</h3>
<h2 class="why-choose-2-title">Why Choose American Standard Roofing?</h2>
<div class="why-choose-2-content"><p>At American Standard Roofing, we focus on delivering real value through reliable service, expert workmanship, and honest guidance. As your trusted partner, we make exterior remodeling straightforward and stress-free, ensuring every project is handled with care, professionalism, and a commitment to your satisfaction from start to finish.</p></div>
<a href="/about-us/" class="socius-btn why-choose-2-button" >
Learn More </a>
<div class="partners-container">
<div class="partners-logos">
<div class="partner-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Master-Elite-Logo.png" alt="Partner Logo">
</div>
<div class="partner-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/pella_certifiedcontractor_color.svg" alt="Partner Logo">
</div>
<div class="partner-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/bbb.png" alt="Partner Logo">
</div>
<div class="partner-logo">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/Screenshot-2025-04-22-at-12.09.13 PM.png" alt="Partner Logo">
</div>
</div>
</div>
</div>
<div class="why-choose-2-right">
<div class="talking-points-container">
<div class="talking-point">
<div class="talking-point-icon">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/handshake.png" alt="Exceptional Service">
</div>
<div class="talking-point-content">
<h3 class="talking-point-title">Exceptional Service</h3>
<div class="talking-point-description">As a local, family-run company, we treat every customer like a neighbor—offering personal attention, honest advice, and fast, responsive service you can count on.</div>
</div>
</div>
<div class="talking-point">
<div class="talking-point-icon">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/premium.png" alt="Premium Products">
</div>
<div class="talking-point-content">
<h3 class="talking-point-title">Premium Products</h3>
<div class="talking-point-description">We install top-performing products from trusted manufacturers, ensuring lasting results and enhanced protection for your home or business—no compromises, just proven quality.</div>
</div>
</div>
<div class="talking-point">
<div class="talking-point-icon">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/trophy.png" alt="Highly Credentialed">
</div>
<div class="talking-point-content">
<h3 class="talking-point-title">Highly Credentialed</h3>
<div class="talking-point-description">Our team holds top certifications from industry-leading brands, reflecting our commitment to expert installation, quality workmanship, and the highest standards in exterior remodeling.</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="elementor-element elementor-element-eef9b5a e-con-full e-flex e-con e-parent" data-id="eef9b5a" data-element_type="container">
<div class="elementor-element elementor-element-0390f17 elementor-widget elementor-widget-global elementor-global-20917 elementor-widget-featured-projects" data-id="0390f17" data-element_type="widget" data-widget_type="featured-projects.default">
<div class="elementor-widget-container">
<section class="socius-featured-projects">
<div class="featured-projects-container">
<div class="featured-projects-header">
<h2 class="featured-projects-title">Featured Projects</h2>
<div class="title-hr"></div>
<div class="featured-projects-description">Our team has completed countless projects for satisfied customers in Southeast Michigan since 1989. View our featured projects and get inspiration for your exterior remodel. </div>
<div class="featured-projects-cta">
<a href="/estimate/" class="socius-btn">
GET A FREE QUOTE </a>
</div>
</div>
<div class="featured-projects-grid">
<div class="project-item">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/down-net_http20250404-102-yybm4m-1024x576.jpg" alt="Commercial Roofing Project" class="project-image">
<div class="project-overlay">
<h3 class="project-title">Commercial Roofing Project</h3>
<a href="https://americanstandardroofing.com/project/project-four/" class="project-link">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
VIEW PROJECT </a>
</div>
</div>
<div class="project-item">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/project-3-1024x953.jpg" alt="Windows Project" class="project-image">
<div class="project-overlay">
<h3 class="project-title">Windows Project</h3>
<a href="https://americanstandardroofing.com/project/project-three/" class="project-link">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
VIEW PROJECT </a>
</div>
</div>
<div class="project-item">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/IMG_5729-768x1024.jpg" alt="Residential Roofing Project" class="project-image">
<div class="project-overlay">
<h3 class="project-title">Residential Roofing Project</h3>
<a href="https://americanstandardroofing.com/project/project-two/" class="project-link">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
VIEW PROJECT </a>
</div>
</div>
<div class="project-item">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/sidingfeaturedproject-1024x711.jpg" alt="Siding Project" class="project-image">
<div class="project-overlay">
<h3 class="project-title">Siding Project</h3>
<a href="https://americanstandardroofing.com/project/project-one/" class="project-link">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
VIEW PROJECT </a>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="elementor-element elementor-element-92bddef e-con-full e-flex e-con e-parent" data-id="92bddef" data-element_type="container">
<div class="elementor-element elementor-element-495b8d0 elementor-widget elementor-widget-fifty-fifty-image-left" data-id="495b8d0" data-element_type="widget" data-widget_type="fifty-fifty-image-left.default">
<div class="elementor-widget-container">
<section class="socius-50-50">
<div class="fifty-fifty-container">
<div class="fifty-fifty-image-container">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/content-two-4.webp" alt="Upgrade the Exterior of Your Home or Business With Confidence" class="fifty-fifty-image">
</div>
<div class="fifty-fifty-content">
<h2 class="fifty-fifty-heading">Upgrade the Exterior of Your Home or Business With Confidence</h2>
<div class="fifty-fifty-text"><p>At American Standard Roofing, we believe a successful exterior remodel requires honest guidance, expert craftsmanship, and top-tier products that deliver lasting performance. As a trusted local company with over 35 years of experience, we’re proud to help homeowners and business owners across Southeast Michigan get the best value on enhancing and protecting their properties.</p><p>From the first consultation to the final installation, we’re committed to delivering a stress-free experience with clear communication and dependable results. If you’re looking for a partner who puts your needs first and stands behind their work, American Standard Roofing is here to exceed your expectations—every step of the way.</p></div>
<a href="/contact/" class="fifty-fifty-button">Contact Us</a>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4aa16c8 e-con-full e-flex e-con e-parent" data-id="4aa16c8" data-element_type="container">
<div class="elementor-element elementor-element-d5e51d3 elementor-widget elementor-widget-global elementor-global-20914 elementor-widget-inspiration-gallery" data-id="d5e51d3" data-element_type="widget" data-widget_type="inspiration-gallery.default">
<div class="elementor-widget-container">
<section class="socius-inspiration-gallery" data-lightbox-bg="#000000C9">
<div class="inspiration-gallery-container">
<div class="inspiration-gallery-header">
<div class="inspiration-gallery-subtitle">American Standard Roofing</div>
<h2 class="inspiration-gallery-title">Inspiration Gallery </h2>
</div>
<div class="inspiration-gallery-grid">
<div class="gallery-column">
<div class="gallery-large-image gallery-item gallery-item-1" data-index="0">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/one-3.webp" alt="Gallery Image 1" loading="lazy">
<div class="overlay-gallery"></div>
</div>
<div class="gallery-small-images">
<div class="gallery-small-image gallery-item gallery-item-2" data-index="1">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/two-3.webp" alt="Gallery Image 2" loading="lazy">
<div class="overlay-gallery"></div>
</div>
<div class="gallery-small-image gallery-item gallery-item-3" data-index="2">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/three-3.webp" alt="Gallery Image 3" loading="lazy">
<div class="overlay-gallery"></div>
</div>
</div>
</div>
<div class="gallery-column gallery-column-flipped">
<div class="gallery-small-images">
<div class="gallery-small-image gallery-item gallery-item-4" data-index="3">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/four-3.webp" alt="Gallery Image 4" loading="lazy">
<div class="overlay-gallery"></div>
</div>
<div class="gallery-small-image gallery-item gallery-item-5" data-index="4">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/five-3.webp" alt="Gallery Image 5" loading="lazy">
<div class="overlay-gallery"></div>
</div>
</div>
<div class="gallery-large-image gallery-item gallery-item-6" data-index="5">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/six-3.webp" alt="Gallery Image 6" loading="lazy">
<div class="overlay-gallery"></div>
</div>
</div>
<div class="gallery-column">
<div class="gallery-large-image gallery-item gallery-item-7" data-index="6">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/seven-3.webp" alt="Gallery Image 7" loading="lazy">
<div class="overlay-gallery"></div>
</div>
<div class="gallery-small-images">
<div class="gallery-small-image gallery-item gallery-item-8" data-index="7">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/eight-3.webp" alt="Gallery Image 8" loading="lazy">
<div class="overlay-gallery"></div>
</div>
<div class="gallery-small-image gallery-item gallery-item-9" data-index="8">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/nine-3.webp" alt="Gallery Image 9" loading="lazy">
<div class="overlay-gallery"></div>
</div>
</div>
</div>
</div>
<!-- Hidden content for lightbox -->
<div class="gallery-lightbox-template" style="display: none;">
<div class="gallery-lightbox">
<span class="gallery-lightbox-close">×</span>
<div class="gallery-lightbox-content">
<div class="gallery-form-container">
<h3 class="gallery-form-title">Get a Quote</h3>
<div class="wpforms-container wpforms-container-full wpforms-render-modern" id="wpforms-21271"><form id="wpforms-form-21271" class="wpforms-validate wpforms-form" data-formid="21271" method="post" enctype="multipart/form-data" action="/" data-token="940c4cb59f071d74bc83c563c0cbda5b" data-token-time="1746427221"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-hidden" id="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</div><div class="wpforms-field-container"><div id="wpforms-21271-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><fieldset><legend class="wpforms-field-label wpforms-label-hide" aria-hidden="false">Name <span class="wpforms-required-label" aria-hidden="true">*</span></legend><div class="wpforms-field-row wpforms-field-large"><div class="wpforms-field-row-block wpforms-first wpforms-one-half"><input type="text" id="wpforms-21271-field_1" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][1][first]" placeholder="First Name *" aria-errormessage="wpforms-21271-field_1-error" required><label for="wpforms-21271-field_1" class="wpforms-field-sublabel after wpforms-sublabel-hide">First</label></div><div class="wpforms-field-row-block wpforms-one-half"><input type="text" id="wpforms-21271-field_1-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][1][last]" placeholder="Last Name *" aria-errormessage="wpforms-21271-field_1-last-error" required><label for="wpforms-21271-field_1-last" class="wpforms-field-sublabel after wpforms-sublabel-hide">Last</label></div></div></fieldset></div><div id="wpforms-21271-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21271-field_2" aria-hidden="false">Email <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="email" id="wpforms-21271-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="Email Address *" spellcheck="false" aria-errormessage="wpforms-21271-field_2-error" required></div><div id="wpforms-21271-field_3-container" class="wpforms-field wpforms-field-layout" data-field-id="3"><div class="wpforms-field-layout-columns wpforms-field-layout-preset-50-50"><div class="wpforms-layout-column wpforms-layout-column-50" ><div id="wpforms-21271-field_4-container" class="wpforms-field wpforms-field-phone phone-us" data-field-id="4"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21271-field_4" aria-hidden="false">Phone <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="tel" id="wpforms-21271-field_4" class="wpforms-field-medium wpforms-field-required wpforms-masked-input" data-inputmask="'mask': '(999) 999-9999'" data-rule-us-phone-field="true" data-inputmask-inputmode="tel" name="wpforms[fields][4]" placeholder="Phone *" aria-label="Phone" aria-errormessage="wpforms-21271-field_4-error" required></div></div><div class="wpforms-layout-column wpforms-layout-column-50" ><div id="wpforms-21271-field_5-container" class="wpforms-field wpforms-field-number" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-21271-field_5" aria-hidden="false">ZIP <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="number" id="wpforms-21271-field_5" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][5]" placeholder="ZIP *" step="any" aria-errormessage="wpforms-21271-field_5-error" required></div></div></div></div><div id="wpforms-21271-field_6-container" class="wpforms-field wpforms-field-select wpforms-field-select-style-classic" data-field-id="6"><label class="wpforms-field-label" for="wpforms-21271-field_6">Product of Interest <span class="wpforms-required-label" aria-hidden="true">*</span></label><select id="wpforms-21271-field_6" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][6]" required="required"><option value="" class="placeholder" disabled selected='selected'>Select One</option><option value="Roofing" >Roofing</option><option value="Windows" >Windows</option><option value="Siding" >Siding</option><option value="Commercial" >Commercial</option></select></div><div id="wpforms-21271-field_7-container" class="wpforms-field wpforms-field-checkbox" data-field-id="7"><fieldset><legend class="wpforms-field-label wpforms-label-hide" aria-hidden="false">Disclaimer <span class="wpforms-required-label" aria-hidden="true">*</span></legend><ul id="wpforms-21271-field_7" class="wpforms-field-required"><li class="choice-1 depth-1"><input type="checkbox" id="wpforms-21271-field_7_1" name="wpforms[fields][7][]" value="By submitting, you authorize American Standard Roofing to reach out via phone, email, or text for explicit information about project needs. We will never share your personal information with 3rd parties for marketing purposes or spam you. You can opt out at any time. Message/data rates apply. Consent is not a condition of purchase. <a href="/privacy-policy/">Privacy Policy</a>" aria-errormessage="wpforms-21271-field_7_1-error" required ><label class="wpforms-field-label-inline" for="wpforms-21271-field_7_1">By submitting, you authorize American Standard Roofing to reach out via phone, email, or text for explicit information about project needs. We will never share your personal information with 3rd parties for marketing purposes or spam you. You can opt out at any time. Message/data rates apply. Consent is not a condition of purchase. <a href="/privacy-policy/">Privacy Policy</a></label></li></ul></fieldset></div><div id="wpforms-21271-field_9-container" class="wpforms-field wpforms-field-hidden ppc-source" data-field-id="9"><input type="hidden" id="wpforms-21271-field_9" name="wpforms[fields][9]"></div><div id="wpforms-21271-field_10-container" class="wpforms-field wpforms-field-hidden referrer" data-field-id="10"><input type="hidden" id="wpforms-21271-field_10" name="wpforms[fields][10]"></div></div><!-- .wpforms-field-container --><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="21271"><input type="hidden" name="page_title" value="Home"><input type="hidden" name="page_url" value="https://americanstandardroofing.com/"><input type="hidden" name="url_referer" value="http://www.americanstandardroofing.com/"><input type="hidden" name="page_id" value="9"><input type="hidden" name="wpforms[post_id]" value="9"><button type="submit" name="wpforms[submit]" id="wpforms-submit-21271" class="wpforms-submit" data-alt-text="Sending..." data-submit-text="Submit" aria-live="assertive" value="wpforms-submit">Submit</button></div></form></div> <!-- .wpforms-container --> </div>
<div class="cta-mobile">
<div class="form-header_wrapper text-align-center">
<div class="form-header_text-wrapper">
<h3 class="form-header_lg text-color-white">Get a Quote</h3>
</div>
<p>Are you ready to get started on your next home improvement project?</p>
<a href="/estimate/" class="socius-btn btn-white">Get Started</a>
</div>
</div>
<div class="gallery-slider-container">
<div class="gallery-slider">
<div class="gallery-slide" data-index="0">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/one-3.webp" alt="Gallery Image 1">
</div>
<div class="gallery-slide" data-index="1">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/two-3.webp" alt="Gallery Image 2">
</div>
<div class="gallery-slide" data-index="2">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/three-3.webp" alt="Gallery Image 3">
</div>
<div class="gallery-slide" data-index="3">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/four-3.webp" alt="Gallery Image 4">
</div>
<div class="gallery-slide" data-index="4">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/five-3.webp" alt="Gallery Image 5">
</div>
<div class="gallery-slide" data-index="5">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/six-3.webp" alt="Gallery Image 6">
</div>
<div class="gallery-slide" data-index="6">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/seven-3.webp" alt="Gallery Image 7">
</div>
<div class="gallery-slide" data-index="7">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/eight-3.webp" alt="Gallery Image 8">
</div>
<div class="gallery-slide" data-index="8">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/nine-3.webp" alt="Gallery Image 9">
</div>
</div>
<div class="gallery-slider-nav">
<div class="gallery-slider-prev">❮</div>
<div class="gallery-slider-next">❯</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="elementor-element elementor-element-83f5a08 e-con-full e-flex e-con e-parent" data-id="83f5a08" data-element_type="container">
<div class="elementor-element elementor-element-a9bb42a elementor-widget elementor-widget-fifty-fifty-accent" data-id="a9bb42a" data-element_type="widget" data-widget_type="fifty-fifty-accent.default">
<div class="elementor-widget-container">
<section class="socius-50-50-accent">
<div class="fifty-fifty-accent-container">
<div class="fifty-fifty-accent-image-container">
<img decoding="async" src="https://americanstandardroofing.com/wp-content/uploads/2025/04/content-03.webp" alt="Flexible Financing Options" class="fifty-fifty-accent-image">
</div>
<div class="fifty-fifty-accent-content">
<h2 class="fifty-fifty-accent-heading">Flexible Financing Options</h2>
<div class="fifty-fifty-accent-text"><p>We make it easy to upgrade your property with the best roofing, windows, and siding on the market with financing options through Wells Fargo.</p></div>
<a href="/financing/" class="socius-btn btn-white">Learn More</a>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</main>
<div data-elementor-type="footer" data-elementor-id="20910" class="elementor elementor-20910 elementor-location-footer" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-33e4ef1 e-grid e-con-boxed e-con e-parent" data-id="33e4ef1" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-8522679 elementor-widget elementor-widget-heading" data-id="8522679" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Contact American Standard Roofing Today</h2> </div>
</div>
<div class="elementor-element elementor-element-603c4a3 elementor-widget elementor-widget-wpforms" data-id="603c4a3" data-element_type="widget" data-widget_type="wpforms.default">
<div class="elementor-widget-container">
<style id="wpforms-css-vars-elementor-widget-603c4a3">
.elementor-widget-wpforms.elementor-element-603c4a3 {
--wpforms-field-size-input-height: 43px;
--wpforms-field-size-input-spacing: 15px;
--wpforms-field-size-font-size: 16px;
--wpforms-field-size-line-height: 19px;
--wpforms-field-size-padding-h: 14px;
--wpforms-field-size-checkbox-size: 16px;
--wpforms-field-size-sublabel-spacing: 5px;
--wpforms-field-size-icon-size: 1;
--wpforms-label-size-font-size: 16px;
--wpforms-label-size-line-height: 19px;
--wpforms-label-size-sublabel-font-size: 14px;
--wpforms-label-size-sublabel-line-height: 17px;
--wpforms-button-size-font-size: 17px;
--wpforms-button-size-height: 41px;
--wpforms-button-size-padding-h: 15px;
--wpforms-button-size-margin-top: 10px;
}
</style><div class="wpforms-container wpforms-container-full wpforms-render-modern" id="wpforms-26"><form id="wpforms-form-26" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="26" method="post" enctype="multipart/form-data" action="/" data-token="c2f27c0082cd10c54b26fa1a0a1024f1" data-token-time="1746427221"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-hidden" id="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</div><div class="wpforms-field-container"><div id="wpforms-26-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><fieldset><legend class="wpforms-field-label wpforms-label-hide" aria-hidden="false">Name <span class="wpforms-required-label" aria-hidden="true">*</span></legend><div class="wpforms-field-row wpforms-field-large"><div class="wpforms-field-row-block wpforms-first wpforms-one-half"><input type="text" id="wpforms-26-field_1" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][1][first]" placeholder="First Name *" aria-errormessage="wpforms-26-field_1-error" required><label for="wpforms-26-field_1" class="wpforms-field-sublabel after wpforms-sublabel-hide">First</label></div><div class="wpforms-field-row-block wpforms-one-half"><input type="text" id="wpforms-26-field_1-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][1][last]" placeholder="Last Name *" aria-errormessage="wpforms-26-field_1-last-error" required><label for="wpforms-26-field_1-last" class="wpforms-field-sublabel after wpforms-sublabel-hide">Last</label></div></div></fieldset></div><div id="wpforms-26-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-26-field_2" aria-hidden="false">Email <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="email" id="wpforms-26-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="Email Address *" spellcheck="false" aria-errormessage="wpforms-26-field_2-error" required></div><div id="wpforms-26-field_3-container" class="wpforms-field wpforms-field-layout" data-field-id="3"><div class="wpforms-field-layout-columns wpforms-field-layout-preset-50-50"><div class="wpforms-layout-column wpforms-layout-column-50" ><div id="wpforms-26-field_4-container" class="wpforms-field wpforms-field-phone" data-field-id="4"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-26-field_4" aria-hidden="false">Phone <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="tel" id="wpforms-26-field_4" class="wpforms-field-medium wpforms-field-required wpforms-masked-input" data-inputmask="'mask': '(999) 999-9999'" data-rule-us-phone-field="true" data-inputmask-inputmode="tel" name="wpforms[fields][4]" placeholder="Phone *" aria-label="Phone" aria-errormessage="wpforms-26-field_4-error" required></div></div><div class="wpforms-layout-column wpforms-layout-column-50" ><div id="wpforms-26-field_5-container" class="wpforms-field wpforms-field-number" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-26-field_5" aria-hidden="false">ZIP <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="number" id="wpforms-26-field_5" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][5]" placeholder="ZIP *" step="any" aria-errormessage="wpforms-26-field_5-error" required></div></div></div></div><div id="wpforms-26-field_6-container" class="wpforms-field wpforms-field-select wpforms-field-select-style-classic" data-field-id="6"><label class="wpforms-field-label" for="wpforms-26-field_6">Product of Interest <span class="wpforms-required-label" aria-hidden="true">*</span></label><select id="wpforms-26-field_6" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][6]" required="required"><option value="" class="placeholder" disabled selected='selected'>Select One</option><option value="Roofing" >Roofing</option><option value="Windows" >Windows</option><option value="Siding" >Siding</option><option value="Commercial" >Commercial</option></select></div><div id="wpforms-26-field_7-container" class="wpforms-field wpforms-field-checkbox" data-field-id="7"><fieldset><legend class="wpforms-field-label wpforms-label-hide" aria-hidden="false">Disclaimer <span class="wpforms-required-label" aria-hidden="true">*</span></legend><ul id="wpforms-26-field_7" class="wpforms-field-required"><li class="choice-1 depth-1"><input type="checkbox" id="wpforms-26-field_7_1" name="wpforms[fields][7][]" value="By submitting, you authorize American Standard Roofing to reach out via phone, email, or text for explicit information about project needs. We will never share your personal information with 3rd parties for marketing purposes or spam you. You can opt out at any time. Message/data rates apply. Consent is not a condition of purchase. <a href="/privacy-policy/">Privacy Policy</a>" aria-errormessage="wpforms-26-field_7_1-error" required ><label class="wpforms-field-label-inline" for="wpforms-26-field_7_1">By submitting, you authorize American Standard Roofing to reach out via phone, email, or text for explicit information about project needs. We will never share your personal information with 3rd parties for marketing purposes or spam you. You can opt out at any time. Message/data rates apply. Consent is not a condition of purchase. <a href="/privacy-policy/">Privacy Policy</a></label></li></ul></fieldset></div><div id="wpforms-26-field_8-container" class="wpforms-field wpforms-field-hidden ppc-source" data-field-id="8"><input type="hidden" id="wpforms-26-field_8" name="wpforms[fields][8]"></div><div id="wpforms-26-field_9-container" class="wpforms-field wpforms-field-hidden referrer" data-field-id="9"><input type="hidden" id="wpforms-26-field_9" name="wpforms[fields][9]"></div></div><!-- .wpforms-field-container --><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="26"><input type="hidden" name="page_title" value="Home"><input type="hidden" name="page_url" value="https://americanstandardroofing.com/"><input type="hidden" name="url_referer" value="http://www.americanstandardroofing.com/"><input type="hidden" name="page_id" value="9"><input type="hidden" name="wpforms[post_id]" value="9"><button type="submit" name="wpforms[submit]" id="wpforms-submit-26" class="wpforms-submit" data-alt-text="Sending..." data-submit-text="Submit" aria-live="assertive" value="wpforms-submit">Submit</button><img src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg" class="wpforms-submit-spinner" style="display: none;" width="26" height="26" alt="Loading"></div></form></div> <!-- .wpforms-container --> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a434dc4 e-con-full e-flex e-con e-parent" data-id="a434dc4" data-element_type="container">
<div class="elementor-element elementor-element-7a1043e elementor-widget elementor-widget-mobile_app_nav" data-id="7a1043e" data-element_type="widget" data-widget_type="mobile_app_nav.default">
<div class="elementor-widget-container">
<div id="mobile-nav" class="socius-mobile-app-nav hide-on-desktop">
<div class="mobile-nav-buttons" style="background-color: #ffffff; color: #2D3142">
<!-- Services Button -->
<button type="button" class="services-button">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-tools" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7zM331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5 37.1-37.1 49.7-89.3 37.9-136.7-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2-47.4-11.7-99.6.9-136.6 37.9-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9zm-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7zM64 472c-13.2 0-24-10.8-24-24 0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24z"></path></svg> <span>Services</span>
</button>
<!-- Quote Button -->
<a href="/estimate/" class="quote-button">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-calendar-check" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M436 160H12c-6.627 0-12-5.373-12-12v-36c0-26.51 21.49-48 48-48h48V12c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v52h128V12c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v52h48c26.51 0 48 21.49 48 48v36c0 6.627-5.373 12-12 12zM12 192h424c6.627 0 12 5.373 12 12v260c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V204c0-6.627 5.373-12 12-12zm333.296 95.947l-28.169-28.398c-4.667-4.705-12.265-4.736-16.97-.068L194.12 364.665l-45.98-46.352c-4.667-4.705-12.266-4.736-16.971-.068l-28.397 28.17c-4.705 4.667-4.736 12.265-.068 16.97l82.601 83.269c4.667 4.705 12.265 4.736 16.97.068l142.953-141.805c4.705-4.667 4.736-12.265.068-16.97z"></path></svg> <span>Get a Quote</span>
</a>
<!-- Phone Button -->
<a href="tel:2483502323" class="phone-button">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-phone" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path></svg> <span>Call Now</span>
</a>
<!-- Menu Button -->
<button type="button" class="menu-button menu-app-item socius-mobile-nav-toggle app-nav-menu-btn">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-bars" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg> <span>Menu</span>
</button>
</div>
<!-- Services Drawer -->
<div id="services-drawer" class="services-drawer">
<button type="button" class="close-services">
<i class="fas fa-times"></i>
</button>
<div class="services-grid">
<a href="https://americanstandardroofing.com/roofing/"
class="service-tile"
style="background-image: url('https://americanstandardroofing.com/wp-content/uploads/2025/04/product-one-4-768x511.webp') !important;">
<span class="service-name">Roofing</span>
</a>
<a href="https://americanstandardroofing.com/commercial/"
class="service-tile"
style="background-image: url('https://americanstandardroofing.com/wp-content/uploads/2025/04/bigstock-Modern-Commercial-Building-in-16220273-768x514.jpg') !important;">
<span class="service-name">Commercial</span>
</a>
<a href="https://americanstandardroofing.com/windows-replacement/"
class="service-tile"
style="background-image: url('https://americanstandardroofing.com/wp-content/uploads/2025/04/gallery-two-768x512.jpg') !important;">
<span class="service-name">Windows</span>
</a>
<a href="https://americanstandardroofing.com/siding-trim/"
class="service-tile"
style="background-image: url('https://americanstandardroofing.com/wp-content/uploads/2025/04/five-3-768x511.webp') !important;">
<span class="service-name">Siding</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-d083daf elementor-widget elementor-widget-footer-3" data-id="d083daf" data-element_type="widget" data-widget_type="footer-3.default">
<div class="elementor-widget-container">
<div class="socius-footer-3">
<div class="footer-3-gradient-overlay"></div>
<div class="footer-3-container">
<!-- Logo Section -->
<div class="footer-3-logo-container">
<div class="footer-3-logo">
<img src="https://americanstandardroofing.com/wp-content/uploads/2025/04/asr.svg" alt="Logo">
</div>
</div>
<div class="footer-3-main-row">
<!-- Left Side with Info -->
<div class="footer-3-left">
<h3 class="footer-3-address-title">Address:</h3>
<p class="footer-3-address-text">37800 Hills Tech Drive
Farmington Hills, MI 48331 </p>
<a href="tel:2483502323" class="footer-3-phone">
(248) 350-2323 </a>
<h3 class="footer-3-hours-title">Hours of Operation:</h3>
<p class="footer-3-hours-text">Monday - Friday: 8AM-5PM
Saturday: 8AM-12PM
Sun: Closed</p>
<div class="footer-3-social">
<a href="https://www.facebook.com/americanstandardroofing" target="_blank" class="footer-3-social-icon" aria-label="Social Icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg> </a>
<a href="https://twitter.com/AmerStandRoof" target="_blank" class="footer-3-social-icon" aria-label="Social Icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fab-x-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> </a>
<a href="https://www.instagram.com/american_standard_roofing/" target="_blank" class="footer-3-social-icon" aria-label="Social Icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fab-instagram" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a>
</div>
</div>
<!-- Right Side with Menus -->
<div class="footer-3-right">
<div class="footer-3-column">
<h3 class="footer-3-menu-title">Services</h3>
<ul id="menu-footer-one" class="footer-3-menu"><li id="menu-item-20984" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20984"><a href="https://americanstandardroofing.com/roofing/">Roofing</a></li>
<li id="menu-item-20985" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20985"><a href="https://americanstandardroofing.com/windows-replacement/">Windows</a></li>
<li id="menu-item-20986" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20986"><a href="https://americanstandardroofing.com/siding-trim/">Siding</a></li>
</ul> </div>
<div class="footer-3-column">
<h3 class="footer-3-menu-title">Resources</h3>
<ul id="menu-footer-two" class="footer-3-menu"><li id="menu-item-20987" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20987"><a href="https://americanstandardroofing.com/about-us/">About Us</a></li>
<li id="menu-item-20988" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20988"><a href="https://americanstandardroofing.com/service-areas/">Service Areas</a></li>
<li id="menu-item-20990" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20990"><a href="https://americanstandardroofing.com/refer-a-friend/">Refer a Friend</a></li>
<li id="menu-item-20993" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20993"><a href="https://americanstandardroofing.com/contact/">Contact Us</a></li>
</ul> </div>
</div>
</div>
</div>
<!-- Copyright Section -->
<div class="footer-3-copyright">
<div class="footer-3-copyright-container">
<p class="footer-3-copyright-text">© 2025 American Standard Roofing - All rights reserved.</p>
<div class="footer-3-copyright-links">
<a href="/privacy-policy/" class="footer-3-copyright-link">
Privacy Policy </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<style id='socius-cta-accent-2-style-inline-css'>
.cta-accent-2-container {
text-align: left;
padding-top: 4rem;
padding-bottom: 4rem;
padding-left: 5%;
padding-right: 5%;
}
.cta-accent-2-content {
max-width: 85rem;
margin: 0 auto;
grid-column-gap: 2.5rem;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1px 1fr;
grid-auto-columns: 1fr;
align-items: center;
max-width: 1200px;
padding-top: 1rem;
padding-bottom: 1rem;
display: grid;
}
.cta-accent-2-heading {
margin-bottom: 15px;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.cta-accent-2-description {
margin-bottom: 30px;
margin-top: 30px;
font-size: 1.125rem;
line-height: 1.5;
}
.dotted-line {
width: 1px;
min-height: 150px;
height: 100%;
border-left: 1px dotted var(--accent);
}
.socius-btn {
width: fit-content;
position: relative;
display: block;
margin-top: 15px;
}
@media (max-width: 992px) {
.cta-accent-2-content {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
gap: 0px;
}
.cta-accent-2-container {
padding-top: 1rem;
padding-bottom: 0;
}
.cta-accent-2-heading {
font-size: 1.8rem;
}
.dotted-line {
width: 100%;
min-height: 0;
height: 1px;
border-left: none;
border-top: 1px dotted var(--accent);
margin: 20px 0;
}
.cta-accent-2-description {
margin-top: 0;
}
}
</style>
<style id='socius-video-info-section-style-inline-css'>
.socius-video-info-section {
margin: 0 auto;
max-width: 85rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
.socius-video-info-section .socius-h2{
margin-bottom: 2rem;
}
.video-info-container {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.video-column {
flex: 1;
min-width: 300px;
}
.info-column {
flex: 1;
min-width: 300px;
}
.video-wrapper {
position: relative;
height: 100%;
}
.video-wrapper .bottom-overlay{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);
border-radius: .5rem;
}
.video-play-link{
display: block;
height: 100%;
}
.video-thumbnail {
width: 100%;
height: 100% !important;
object-fit: cover;
display: block;
border-radius: .5rem !important;
}
.play-button {
position: absolute; /* Changed from relative */
z-index: 10;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 32px;
height: 44px;
background: var(--primary-dark);
border-radius: 50%;
padding: 18px 20px 18px 28px;
}
.play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: var(--primary-dark);
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: var(--primary-dark);
border-radius: 50%;
transition: all 200ms;
}
.play-button:hover:after {
background-color: var(--primary-dark);
}
.play-button img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}
.play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 32px solid var(--white);
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.play-button:hover {
background-color: var(--primary-dark, #1a8a7a);
}
.info-box {
height: 100%;
display: flex;
flex-direction: column;
}
.info-box-header {
background-color: #dbdbdb;
padding: 20px;
display: flex;
align-items: flex-start;
border-radius: .5rem;
gap: 15px;
}
.info-icon {
background-color: var(--primary);
color: var(--white);
border-radius: 50px;
padding: 10px;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
display: flex;
align-items: center;
justify-content: center;
}
.info-icon svg{
fill: var(--white);
max-width: 80%;
width: 100%;
}
.info-title-wrapper {
flex-grow: 1;
}
.info-box-title {
margin: 0 0 5px 0;
font-size: 18px;
font-weight: 600;
}
.info-box-subtitle {
margin: 0;
font-size: 14px;
line-height: 1.4;
}
.info-box-content {
padding: 20px 0;
display: flex;
flex-direction: column;
gap: 20px;
flex-grow: 1;
}
.info-description p {
margin: 0 0 15px 0;
line-height: 1.6;
color: var(--body-text, #333333);
text-wrap-mode: wrap;
text-wrap-style: pretty !important;
}
.info-description p:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.socius-video-info-section{
padding-top: 3rem;
padding-bottom: 3rem;
}
.socius-video-info-section .socius-h2{
text-align: center;
}
.info-box-content{
padding: 15px;
}
.video-info-container {
flex-direction: column-reverse;
}
}
.video-wrapper img{
min-height: 480px;
}
.video-column, .info-column {
width: 100%;
}
.info-box {
margin-top: 0;
}
}
.socius-video-info-section {
margin: 0 auto;
max-width: 85rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
.socius-video-info-section .socius-h2{
margin-bottom: 2rem;
}
.video-info-container {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.video-column {
flex: 1;
min-width: 300px;
}
.info-column {
flex: 1;
min-width: 300px;
}
.video-wrapper {
position: relative;
height: 100%;
}
.video-wrapper .bottom-overlay{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);
border-radius: .5rem;
}
.video-play-link{
display: block;
height: 100%;
}
.video-thumbnail {
width: 100%;
height: 100% !important;
object-fit: cover;
display: block;
border-radius: .5rem !important;
}
.play-button {
position: absolute; /* Changed from relative */
z-index: 10;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 32px;
height: 44px;
background: var(--primary-dark);
border-radius: 50%;
padding: 18px 20px 18px 28px;
}
.play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: var(--primary-dark);
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: var(--primary-dark);
border-radius: 50%;
transition: all 200ms;
}
.play-button:hover:after {
background-color: var(--primary-dark);
}
.play-button img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}
.play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 32px solid var(--white);
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.play-button:hover {
background-color: var(--primary-dark, #1a8a7a);
}
.info-box {
height: 100%;
display: flex;
flex-direction: column;
}
.info-box-header {
background-color: #dbdbdb;
padding: 20px;
display: flex;
align-items: flex-start;
border-radius: .5rem;
gap: 15px;
}
.info-icon {
background-color: var(--primary);
color: var(--white);
border-radius: 50px;
padding: 10px;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
display: flex;
align-items: center;
justify-content: center;
}
.info-icon svg{
fill: var(--white);
max-width: 80%;
width: 100%;
}
.info-title-wrapper {
flex-grow: 1;
}
.info-box-title {
margin: 0 0 5px 0;
font-size: 18px;
font-weight: 600;
}
.info-box-subtitle {
margin: 0;
font-size: 14px;
line-height: 1.4;
}
.info-box-content {
padding: 20px 0;
display: flex;
flex-direction: column;
gap: 20px;
flex-grow: 1;
}
.info-description p {
margin: 0 0 15px 0;
line-height: 1.6;
color: var(--body-text, #333333);
text-wrap-mode: wrap;
text-wrap-style: pretty !important;
}
.info-description p:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.socius-video-info-section{
padding-top: 3rem;
padding-bottom: 3rem;
}
.socius-video-info-section .socius-h2{
text-align: center;
}
.info-box-content{
padding: 15px;
}
.video-info-container {
flex-direction: column-reverse;
}
}
.video-wrapper img{
min-height: 480px;
}
.video-column, .info-column {
width: 100%;
}
.info-box {
margin-top: 0;
}
}
</style>
<style id='socius-product-selector-2-style-inline-css'>
/* Main container styles */
.socius-product-selector-2 {
width: 100%;
overflow: hidden;
position: relative;
}
.product-selector-2-container {
width: 100%;
margin: 0 auto;
position: relative;
display: flex;
min-height: 600px;
}
/* Product Background Image */
.product-bg-image {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: opacity 0.5s ease;
z-index: -1;
}
.product-bg-image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,var(--gradient-start-opacity, 1)) 0%, rgba(255,255,255,var(--gradient-mid-opacity, 0.8)) var(--gradient-mid-stop, 30%), rgba(255,255,255,0) var(--gradient-end-stop, 100%));
}
/* Left Menu Styles */
.product-menu-2 {
width: 28%;
padding: 3rem 1% 3rem 5%;
display: flex;
flex-direction: column;
gap: 1rem;
position: relative;
z-index: 1;
height: fit-content;
}
.product-menu-item-2 {
display: flex;
align-items: center;
gap: 0;
padding: 0.5rem;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.product-menu-item-2:hover {
transform: translateX(5px);
}
.product-menu-item-2.active {
font-weight: 700;
}
.menu-item-icon {
width: 4rem;
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary);
border-radius: 50%;
flex-shrink: 0;
position: relative;
transition: all 0.3s ease;
overflow: hidden;
-webkit-box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1);
}
.menu-item-icon i,
.menu-item-icon svg {
font-size: 2rem;
color: var(--white);
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
}
.menu-item-text {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--body-text);
padding: 1rem 1rem 1rem 2rem;
border-radius: 6px;
transition: all 0.3s ease;
width: 100%;
margin-left: -12px;
}
.product-menu-item-2:hover .menu-item-text {
background-color: var(--primary-light);
color: white !important;
}
.product-menu-item-2.active .menu-item-text {
background-color: var(--primary-light);
font-weight: 700;
color: #000 !important;
}
/* Content Area Styles */
.product-content-area {
width: 72%;
padding: 4rem 5% 4rem 2rem;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.product-content-item {
display: none;
opacity: 0;
transition: opacity 0.5s ease;
}
.product-content-item.active {
opacity: 1;
}
.product-title-2 {
color: var(--primary-dark);
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
position: relative;
text-transform: capitalize;
}
.product-title-2::after {
content: "";
display: block;
width: 70px;
height: 10px;
background-color: var(--primary);
margin-top: 0.75rem;
}
.product-description-2 {
color: var(--body-text);
font-size: 1.1rem;
line-height: 1.6;
margin-bottom: 2rem;
max-width: 600px;
}
/* Learn More Button */
.learn-more-btn-2 {
display: inline-block;
background-color: var(--primary);
color: var(--white);
padding: 0.8rem 2rem;
border-radius: 10px;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
border: 2px solid var(--primary);
}
.learn-more-btn-2:hover,
.learn-more-btn-2:focus {
background-color: var(--primary-dark) !important;
color: white !important;
border-color: var(--primary-dark) !important;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
/* Extra override to ensure the hover style works */
.socius-product-selector-2 .learn-more-btn-2:hover,
.socius-product-selector-2 .learn-more-btn-2:focus {
background-color: var(--primary-dark) !important;
color: white !important;
border-color: var(--primary-dark) !important;
}
/* Responsive Styles */
@media (max-width: 1100px) {
.product-menu-2 {
width: 35%;
}
}
@media (max-width: 991px) {
.product-selector-2-container {
flex-direction: column;
position: relative;
}
.product-bg-image {
top: auto;
bottom: 0;
height: 70%;
}
.product-bg-image::after {
background: linear-gradient(to bottom, rgba(255,255,255,var(--gradient-start-opacity, 1)) 0%, rgba(255,255,255,var(--gradient-mobile-mid-opacity, 0.6)) var(--gradient-mobile-mid-stop, 40%), rgba(255,255,255,0) var(--gradient-mobile-end-stop, 100%));
}
.product-menu-2 {
width: 100%;
padding: 0 2rem;
gap: 1rem;
flex-direction: row;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
background-color: var(--white);
z-index: 2;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
position: relative;
cursor: grab;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.product-menu-2:active {
cursor: grabbing;
}
.product-menu-2::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
.menu-scroll-button {
background-color: var(--primary);
color: white;
border: none;
border-radius: 50%;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 1rem;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.menu-scroll-button:hover,
.menu-scroll-button:active,
.menu-scroll-button:focus {
background-color: var(--primary-dark);
}
.product-menu-item-2 {
min-width: 150px;
max-width: 180px;
flex-shrink: 0;
margin: 0.5rem;
flex-direction: column;
background-color: transparent;
padding: 1.25rem 1rem;
text-align: center;
transition: all 0.3s ease;
align-items: center;
justify-content: center;
height: auto;
box-shadow: none;
}
.product-menu-item-2:hover {
transform: translateX(0) translateY(-5px);
background-color: var(--primary-light);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.product-menu-item-2.active {
background-color: var(--primary-light);
box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}
.product-menu-item-2.active .menu-item-text,
.product-menu-item-2:hover .menu-item-text {
color: #000 !important;
background-color: transparent;
}
.menu-item-icon {
margin: 0 auto 1rem auto;
box-shadow: none;
width: 5.5rem;
height: 5.5rem;
border-radius: 50%;
border: 5px solid #fff;
}
.menu-item-icon i,
.menu-item-icon svg {
font-size: 1.75rem;
width: 1.75rem;
height: 1.75rem;
}
.menu-item-text {
padding: 0.5rem;
font-size: 0.9rem;
text-align: center;
background-color: transparent;
line-height: 1.2;
margin-left: 0;
}
.product-menu-item-2:hover .menu-item-text {
background-color: transparent;
}
.product-content-area {
width: 100%;
min-height: 400px;
padding: 2rem 5%;
}
.product-title-2 {
font-size: 2rem;
}
/* Mouse scroll support for horizontal menu */
.product-menu-2-scroll-controls {
display: flex;
justify-content: center;
gap: 1rem;
margin-top: 1rem;
margin-bottom: 0.5rem;
}
}
@media (max-width: 576px) {
.product-menu-2 {
padding: 0 1rem;
gap: 0.75rem;
}
.product-menu-item-2 {
min-width: 130px;
padding: 1rem 0.75rem;
}
.menu-item-icon {
width: 3rem;
height: 3rem;
margin-bottom: 0.75rem;
}
.menu-item-icon i,
.menu-item-icon svg {
font-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
}
.menu-item-text {
font-size: 0.8rem;
}
.product-content-area {
padding: 2rem 1.5rem;
}
}
/* Override hover and active states to ensure white text */
.product-menu-item-2:hover .menu-item-text,
.product-menu-item-2.active .menu-item-text {
color: #000 !important;
}
</style>
<style id='socius-why-choose-2-style-inline-css'>
/* Main container and layout */
.socius-why-choose-2 {
width: 100%;
overflow: hidden;
padding: 4rem 5%;
}
.why-choose-2-container {
max-width: 1400px;
margin: 0 auto;
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
/* Column layout */
.why-choose-2-left {
grid-column-gap: 3rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.why-choose-2-left.full-width {
grid-column: 1 / span 2;
}
/* Typography */
.why-choose-2-subtitle, .talking-point-title {
font-weight: 700;
}
.why-choose-2-subtitle {
font-size: .875rem;
color: var(--accent);
text-transform: uppercase;
}
.why-choose-2-title {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.25;
color: var(--primary-dark);
}
.why-choose-2-content, .talking-point-description {
font-size: 1rem;
line-height: 1.6;
color: var(--body-text);
}
.talking-point-title {
font-size: 1.25rem;
color: var(--primary-dark);
margin-bottom: 1.5rem;
}
/* Button */
.why-choose-2-button {
display: inline-block;
background-color: var(--primary);
color: white !important;
padding: 0.8rem 2rem;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
transition: background-color 0.3s ease;
width: fit-content;
margin-bottom: 2rem;
}
.why-choose-2-button:hover {
background-color: var(--primary-dark);
}
/* Partners/Logos Section */
.partners-container {
margin-top: 2rem;
}
.partners-logos {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.partner-logo {
flex: 0 0 calc(25% - 2rem);
max-width: calc(25% - 2rem);
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: .5rem;
width: 125px;
height: 125px;
padding: 10px;
box-shadow: 0 2px 5px #00000012;
transition: transform 0.3s ease;
}
.partner-logo a {
display: block;
width: 100%;
text-align: center;
line-height: 0;
}
.partner-logo img {
max-width: 100%;
}
.partner-logo:hover {
transform: translateY(-5px);
}
/* Talking Points */
.talking-points-container {
margin-top: 1rem;
}
.talking-point {
display: flex;
margin-bottom: 5.5rem;
align-items: flex-start;
}
.talking-point:last-child {
margin-bottom: 0;
}
.talking-point-icon {
width: 4rem;
height: 4rem;
margin-right: 3.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.talking-point-icon img {
max-width: 100%;
max-height: 100%;
}
.talking-point-content {
flex: 1;
}
/* Responsive styles */
@media (max-width: 991px) {
.why-choose-2-container {
grid-template-columns: 1fr;
grid-row-gap: 3rem;
}
.talking-point-icon {
margin-right: 2.5rem;
}
.why-choose-2-left.full-width {
grid-column: 1;
}
.why-choose-2-right {
margin-top: 0;
}
.partners-container {
display: none;
}
.why-choose-2-title {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.partner-logo {
flex: 0 0 calc(50% - 2rem);
max-width: calc(50% - 2rem);
}
}
</style>
<style id='socius-featured-projects-style-inline-css'>
/* Featured Projects Section */
.socius-featured-projects {
padding: 4rem 0;
overflow: hidden;
width: 100%;
}
/* Header Styles */
.featured-projects-header {
text-align: center;
margin-bottom: 2.5rem;
}
.featured-projects-title {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
color: var(--primary-dark);
margin-bottom: 1.5rem;
position: relative;
display: inline-block;
}
.title-hr{
border-top: 2px solid #225f78;
max-width: 48rem;
margin: 0 auto;
margin-bottom: 2rem;
}
.featured-projects-description {
max-width: 800px;
margin: 0 auto;
font-size: 1.125rem;
line-height: 1.6;
color: var(--body-text);
}
.featured-projects-cta {
margin-top: 1.5rem;
}
.featured-projects-cta .socius-btn{
display: block;
width: fit-content;
margin: 0 auto;
}
/* Projects Grid */
.featured-projects-grid {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
position: relative;
height: 50vh;
min-height: 400px;
margin-top: 3rem;
}
.project-item {
flex: 1;
position: relative;
overflow: hidden;
transition: flex 0.5s cubic-bezier(.77,0,.175,1);
cursor: pointer;
}
.project-item:hover {
flex: 3;
}
.project-image {
width: 100%;
height: 100% !important;
object-fit: cover;
display: block;
transition: transform 0.5s cubic-bezier(.77,0,.175,1);
}
.project-item:hover .project-image {
transform: scale(1.05);
}
.project-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(#00000091, #00000091);
padding: 2rem 1.5rem;
color: white;
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
transform: translateY(70%);
transition: transform 0.5s ease, opacity 0.5s ease;
}
.project-item:hover .project-overlay {
opacity: 1;
transform: translateY(0);
}
.project-location {
font-size: 1.25rem;
opacity: 0.9;
margin-bottom: 0.5rem;
font-weight: 700;
}
.project-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 1rem;
}
.project-link {
display: inline-flex;
align-items: center;
color: white;
font-weight: 700;
text-transform: uppercase;
font-size: 1.25rem;
letter-spacing: 0.5px;
transition: color 0.3s ease;
}
.project-link:hover {
color: var(--primary);
}
.project-link svg {
margin-right: 0.5rem;
width: 16px;
height: 16px;
}
@media (max-width: 992px) {
.featured-projects-grid {
height: 350px;
}
.featured-projects-title {
font-size: 2.2rem;
}
}
@media (max-width: 768px) {
.featured-projects-header {
padding: 0 7%;
}
.featured-projects-grid {
flex-wrap: wrap;
height: auto;
}
.project-item {
flex: 100%;
height: 250px;
}
.project-item:hover {
flex: 100%;
}
.project-overlay {
transform: translateY(0);
background: linear-gradient(#00000091, #00000091);
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
opacity: 0;
}
.project-item.active .project-overlay {
opacity: 1;
}
.featured-projects-title {
font-size: 2rem;
}
}
</style>
<style id='socius-50-50-style-inline-css'>
/* 50/50 Image Left Section */
.socius-50-50 {
padding: 4rem 5%;
width: 100%;
overflow: hidden;
}
.fifty-fifty-container {
max-width: 85rem;
margin: 0 auto;
display: flex;
align-items: center;
gap: 40px;
}
.fifty-fifty-image-container {
flex: 1;
width: 50%;
}
.fifty-fifty-image {
width: 100%;
height: auto;
border-radius: 8px !important;
object-fit: cover;
}
.fifty-fifty-content {
flex: 1;
width: 50%;
}
.fifty-fifty-heading {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.25;
color: var(--primary-dark, #333);
margin-bottom: 1.5rem;
}
.fifty-fifty-text {
font-size: 1rem;
line-height: 1.6;
color: var(--body-text, #666);
margin-bottom: 1.5rem;
text-wrap: pretty !important;
max-width: 550px;
}
.fifty-fifty-button {
display: inline-block;
padding: 12px 24px;
background-color: var(--primary, #4CAF50);
color: white;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
transition: background-color 0.3s ease;
}
.fifty-fifty-button:hover {
background-color: var(--primary-dark, #3e8e41);
}
@media (max-width: 992px) {
.fifty-fifty-container {
flex-direction: column;
gap: 2rem;
}
.fifty-fifty-image-container,
.fifty-fifty-content {
width: 100%;
}
/* Ensure image container appears first on mobile */
.fifty-fifty-image-container {
order: 2;
}
.fifty-fifty-content {
order: 1;
}
}
@media (max-width: 768px) {
.fifty-fifty-heading {
font-size: 2rem;
}
.socius-50-50 {
padding: 3rem 5%;
}
}
</style>
<style id='socius-50-50-accent-style-inline-css'>
/* 50/50 Accent Section */
.socius-50-50-accent {
padding: 4rem 5%;
width: 100%;
overflow: hidden;
}
.fifty-fifty-accent-container {
max-width: 85rem;
margin: 0 auto;
display: flex;
align-items: stretch;
gap: 0;
}
.fifty-fifty-accent-image-container {
flex: 1;
width: 50%;
position: relative;
}
.fifty-fifty-accent-image {
width: 100%;
height: 100% !important;
object-fit: cover;
border-top-left-radius: 1rem !important;
border-bottom-left-radius: 1rem !important;
}
.fifty-fifty-accent-content {
flex: 1;
width: 50%;
background-color: var(--accent-dark, #45a4b2);
background-image: linear-gradient(225deg, #fff0, #0009 75%);
color: var(--white, #ffffff);
padding: 3rem;
display: flex;
flex-direction: column;
justify-content: center;
min-height:450px;
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.fifty-fifty-accent-heading {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.25;
color: var(--white, #ffffff);
margin-bottom: 1.5rem;
}
.fifty-fifty-accent-text {
font-size: 1rem;
line-height: 1.6;
color: var(--white, #ffffff);
margin-bottom: 1.5rem;
text-wrap: pretty !important;
max-width: 550px;
}
.socius-btn {
display: inline-block;
padding: 12px 24px;
background-color: var(--white, #ffffff);
color: var(--accent-dark, #45a4b2);
text-decoration: none;
border-radius: 4px;
font-weight: 600;
transition: all 0.3s ease;
text-transform: uppercase;
font-size: 0.9rem;
width: fit-content !important;
}
@media (max-width: 992px) {
.fifty-fifty-accent-container {
flex-direction: column;
}
.fifty-fifty-accent-image-container,
.fifty-fifty-accent-content {
width: 100%;
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 100%;
}
.fifty-fifty-accent-image-container {
display: none;
}
}
@media (max-width: 768px) {
.fifty-fifty-accent-heading {
font-size: 2rem;
}
.socius-50-50-accent {
padding: 3rem 5%;
}
.fifty-fifty-accent-content {
padding: 2rem;
}
}
</style>
<style id='socius-inspiration-gallery-style-inline-css'>
/* Inspiration Gallery Styles */
.socius-inspiration-gallery {
padding: 4rem 5%;
width: 100%;
}
.inspiration-gallery-container {
max-width: 85rem;
margin: 0 auto;
}
.inspiration-gallery-header {
text-align: center;
margin-bottom: 3rem;
}
.inspiration-gallery-subtitle {
font-size: 1rem;
font-weight: 700;
color: var(--primary, #2a7d7d);
text-transform: uppercase;
margin-bottom: 1rem;
}
.inspiration-gallery-title {
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
color: var(--primary-dark, #1a5c5c);
}
/* Gallery Grid */
.inspiration-gallery-grid {
display: flex;
flex-wrap: wrap;
gap: 15px;
max-width: 85rem;
margin: 0 auto;
}
.gallery-column {
flex: 1;
min-width: 300px;
display: flex;
flex-direction: column;
gap: 15px;
}
.gallery-large-image {
width: 100%;
aspect-ratio: 1 / 1.2;
}
.gallery-small-images {
display: flex;
gap: 15px;
}
.gallery-small-image {
flex: 1;
aspect-ratio: 1 / 0.7;
}
/* Gallery Item Styles */
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 8px;
cursor: pointer;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.overlay-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
opacity: 0;
transition: opacity 0.3s ease;
}
.gallery-item:hover .overlay-gallery {
opacity: 1;
}
/* We no longer need individual grid layout rules as we are using a column-based approach */
/* Gallery Lightbox Styles */
.gallery-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(42, 125, 125, 0.95);
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
padding: 20px;
}
.gallery-lightbox-content {
position: relative;
max-width: 1200px;
width: 100%;
min-height: 30rem;
max-height: 90vh;
display: flex;
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.gallery-form-container {
width: 40%;
padding: 40px;
background: #fff;
overflow-y: auto;
}
.gallery-form-title {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 20px;
color: #333;
}
.gallery-slider-container {
width: 60%;
position: relative;
}
.gallery-slider {
width: 100%;
height: 100%;
position: relative;
}
.gallery-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease;
}
.gallery-slide.active {
opacity: 1;
}
.gallery-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery-slider-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 20px;
z-index: 10;
}
.gallery-slider-prev,
.gallery-slider-next {
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}
.gallery-slider-prev:hover,
.gallery-slider-next:hover {
background: #fff;
}
.gallery-lightbox-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
color: white;
cursor: pointer;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
transition: all 0.3s ease;
z-index: 1001;
}
.gallery-lightbox-close:hover {
background-color: var(--primary-dark, #1a5c5c);
transform: scale(1.1);
}
/* Mobile CTA - only displays on tablet and mobile devices */
.cta-mobile {
display: none;
}
/* Responsive styles */
@media (max-width: 992px) {
.inspiration-gallery-grid {
grid-template-columns: repeat(6, 1fr);
gap: 10px;
}
.gallery-item-1 {
grid-column: 1 / 4;
grid-row: 1 / 3;
}
.gallery-item-2 {
grid-column: 4 / 7;
grid-row: 1 / 2;
}
.gallery-item-3 {
grid-column: 4 / 7;
grid-row: 2 / 3;
}
.gallery-item-4 {
grid-column: 1 / 3;
grid-row: 3 / 4;
}
.gallery-item-5 {
grid-column: 3 / 7;
grid-row: 3 / 4;
}
.gallery-item-6 {
grid-column: 1 / 3;
grid-row: 4 / 5;
}
.gallery-item-7 {
grid-column: 3 / 5;
grid-row: 4 / 5;
}
.gallery-item-8 {
grid-column: 5 / 7;
grid-row: 4 / 5;
}
.gallery-item-9 {
grid-column: 1 / 4;
grid-row: 5 / 6;
}
.gallery-item-10 {
grid-column: 4 / 7;
grid-row: 5 / 6;
}
.gallery-column {
min-width: 250px;
}
.gallery-form-container {
display: none;
}
.cta-mobile {
display: block;
background: var(--primary);
padding: 2.5rem 1rem;
text-align: center;
color: #fff;
}
.cta-mobile a{
display: block;
margin: 0 auto;
width: fit-content;
}
.gallery-lightbox-content {
flex-direction: column-reverse;
max-height: 85vh;
overflow-y: auto;
background: none;
}
.gallery-lightbox {
background: rgba(255, 255, 255, 0.95);
}
.gallery-form-container,
.gallery-slider-container {
width: 100%;
}
.gallery-slider-container {
height: 350px;
}
@media (max-width: 768px) {
.inspiration-gallery-grid {
flex-direction: column;
gap: 10px;
}
.gallery-column {
width: 100%;
}
.gallery-large-image {
aspect-ratio: 1 / 0.7;
}
.inspiration-gallery-title {
font-size: 2rem;
}
}
</style>
<style id='socius-trust-slider-style-inline-css'>
/* Trust Slider Section */
.socius-trust-slider {
padding: 3rem 0;
width: 100%;
overflow: hidden;
position: relative;
}
.socius-trust-slider-container {
margin: 0 auto;
text-align: center;
}
.socius-trust-slider-heading {
font-size: 2rem;
font-weight: 700;
color: var(--primary-dark, #333);
margin-bottom: 2rem;
text-align: center;
}
.socius-trust-slider-wrapper {
position: relative;
overflow: hidden;
padding: 20px 0;
margin: 0 -20px;
width: 100%;
}
.socius-trust-slider-track {
display: flex;
animation: scroll 40s linear infinite;
animation-play-state: running;
width: max-content;
gap: 0;
}
.socius-trust-slider-track:hover {
animation-play-state: paused;
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.socius-trust-logo {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 220px;
padding: 1rem;
position: relative;
margin: 0;
}
.socius-trust-logo:after {
content: "";
background-color: #e4e4e7;
width: 1px;
height: 32px;
position: absolute;
right: 0;
}
.socius-trust-logo img {
max-width: 100%;
max-height: 80px;
width: auto;
height: auto;
object-fit: contain;
transition: all 0.3s ease;
}
.socius-trust-logo:hover img {
filter: grayscale(100%);
opacity: 0.7;
}
@media (max-width: 768px) {
.socius-trust-slider-heading {
font-size: 1.5rem;
}
.socius-trust-logo {
padding: 0 20px;
min-width: 120px;
}
}
</style>
<style id='socius-navigation-style-inline-css'>
/* Top Navigation Styles */
.top-nav {
width: 100%;
background-color: var(--primary-dark);
padding: 0 5%;
color: #fff;
}
.top-nav-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
}
.socials {
display: flex;
align-items: center;
gap: 1rem;
}
.social-icon {
color: #fff;
font-size: 1.3rem;
transition: color 0.3s ease;
}
.social-icon:hover {
color: var(--primary-light, #7dcccb);
}
.top-right-menu-side {
display: flex;
align-items: center;
}
.top-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.top-menu li {
margin: 0;
padding: 0;
}
.top-menu li a {
color: #fff;
text-decoration: none;
letter-spacing: .025rem;
align-items: center;
text-transform: capitalize;
padding: 1rem .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .9rem;
line-height: 1rem;
font-weight: 700;
display: flex;
transition: opacity 0.3s ease;
}
.top-menu li a:hover, .top-menu li.current_page_item > a {
background-color: var(--primary);
}
@media (max-width: 768px) {
.top-nav {
display: none;
}
}
/* Sticky Navigation Styles */
.sticky-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: white;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 9999;
transform: translateY(-100%);
transition: transform 0.3s ease;
pointer-events: none; /* Prevent interactions when hidden */
}
.sticky-nav.visible {
transform: translateY(0);
pointer-events: all; /* Re-enable interactions when visible */
}
.sticky-nav.exiting {
transform: translateY(-100%);
transition: transform 0.2s ease-in;
}
.sticky-nav.visible .socius-nav-logo {
max-width: 100px;
}
.sticky-container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.top-sticky {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #f0f0f0;
}
.sticky-logo img {
max-height: 50px;
width: auto;
}
.sticky-blurb {
font-size: 1rem;
font-weight: 500;
color: var(--body-text);
margin: 0 20px;
flex-grow: 1;
text-align: center;
}
.sticky-blurb p {
margin: 0;
}
.sticky-phone .socius-phone-button {
display: inline-flex;
align-items: center;
padding: 8px 15px;
background-color: var(--primary);
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 1rem;
font-weight: 700;
transition: background-color 0.3s ease;
}
.sticky-phone .socius-phone-button:hover {
background-color: var(--primary-dark);
}
.bottom-sticky {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
gap: 10px;
}
.sticky-form-container {
flex-grow: 1;
display: flex;
justify-content: center;
}
.sticky-form-container .wpforms-field-container{
display: flex;
gap: 10px;
align-items: center;
}
.sticky-form-container .wpforms-container{
margin: 0;
}
.sticky-form-container form{
display: flex;
align-items: center;
gap: 10px;
}
.sticky-form-container .wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row {
container-type: normal;
}
.sticky-form-container .wpforms-submit-container {
container-type: normal;
margin-top: 0 !important;
padding-top: 0 !important;
}
.sticky-form-container .wpforms-container .wpforms-field {
padding: 0 !important;
}
.socius-mobile-menu-toggle.sticky {
display: block;
}
@media (max-width: 992px) {
.sticky-blurb {
display: none;
}
}
/* Main Navigation Styles */
.socius-navigation {
width: 100%;
padding: 1rem 5%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: relative;
background-color: #fff;
z-index: 999;
}
.socius-navigation-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
}
.socius-nav-logo {
flex: 0 0 auto;
max-width: 200px;
}
.socius-nav-logo img {
max-width: 500px;
width: 100%;
height: auto;
display: block;
}
.socius-nav-menu {
flex: 1 1 auto;
text-align: center;
padding: 0 20px;
position: relative;
z-index: 999;
}
/* Separate slideout navigation */
.socius-slideout-nav {
position: fixed;
top: 0;
right: -100%;
width: 350px;
max-width: 80%;
height: 100vh;
background: #fff;
padding: 80px 30px 30px;
box-shadow: -5px 0 15px rgba(0,0,0,0.1);
overflow-y: auto;
z-index: 99999;
transition: right 0.3s ease;
}
.socius-slideout-nav.open {
right: 0;
}
.socius-nav-menu ul.menu {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.socius-nav-menu ul.menu > li {
margin: 0;
position: relative;
}
.socius-nav-menu .current_page_item > a{
color: var(--primary) !important;
}
.socius-nav-menu ul.menu > li > a {
display: block;
color: var(--body-text);
text-decoration: none;
transition: color 0.3s ease;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
padding: .5rem 1rem;
font-weight: 700;
position: relative;
transition: color 0.3s ease;
}
.socius-nav-menu ul.menu > li > a:hover {
color: var(--primary);
}
.socius-nav-menu ul.menu > li.menu-item-has-children > a:after {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
margin-left: 5px;
vertical-align: middle;
background-image: url("https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon/widgets/../assets/images/down-chevron.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
/* Make SVG match text color */
-webkit-mask-image: url("https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon/widgets/../assets/images/down-chevron.svg");
mask-image: url("https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon/widgets/../assets/images/down-chevron.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
background-image: none;
background-color: var(--primary);
transition: all 0.3s ease;
}
.socius-nav-menu ul.menu > li.menu-item-has-children > a:hover:after {
transform: rotate(180deg);
}
.socius-nav-menu ul.menu > li > ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
background: #fff;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding: .5rem 1rem;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 100;
list-style: none;
margin: 0;
text-align: left;
transform: translateY(55px);
border-radius: 8px;
border: 1px solid #e5e5e5;
}
.right-menu-side{
display: flex;
align-items: center;
gap: 10px;
}
.right-menu-side .socius-mobile-menu-toggle{
display: none;
}
.socius-nav-menu ul.menu > li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
white-space: nowrap;
}
.socius-nav-menu ul.menu > li > ul.sub-menu > li > a {
display: block;
color: var(--body-text);
text-decoration: none;
transition: color 0.3s ease;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
padding: .5rem 1rem;
font-weight: 700;
}
.socius-nav-menu ul.menu > li > ul.sub-menu > li > a:hover {
color: var(--primary);
}
.socius-nav-cta {
margin-top: 10px;
text-align: center;
}
.socius-nav-cta .socius-phone-button {
display: inline-flex;
align-items: center;
padding: 10px 20px;
background-color: var(--primary);
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 1.125rem;
line-height: 1.5;
font-weight: 700;
transition: background-color 0.3s ease;
}
.socius-phone-icon {
width: 2.25rem;
height: 2.25rem;
margin-right: .5rem;
}
.socius-nav-cta .socius-phone-button:hover {
background-color: var(--primary-dark, #e44b14);
}
.socius-mobile-menu-toggle {
display: none;
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: #333;
}
/* Mobile menu active state */
body.mobile-menu-active {
overflow: hidden;
}
/* Mobile menu toggle button */
.socius-mobile-menu-toggle {
display: block;
z-index: 10000;
position: relative;
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: var(--primary);
margin-left: 10px;
}
.socius-mobile-menu-toggle:hover{
background: none;
color: var(--primary);
}
.socius-slideout-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.socius-slideout-nav ul.menu > li {
display: block;
color: var(--body-text);
text-decoration: none;
transition: color 0.3s ease;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
padding: .5rem 1rem;
font-weight: 700;
padding-left: 0;
border-bottom: 1px solid #efefef;
position: relative;
}
.socius-slideout-nav .menu-item-has-children > .submenu-toggle {
background: none;
border: none;
position: absolute;
right: 18px;
top: 30px;
transform: translateY(-50%) rotate(0deg);
padding: 0;
margin: 0;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
transition: transform 0.3s;
}
.socius-slideout-nav .menu-item-has-children > .submenu-toggle svg {
width: 24px;
height: 24px;
stroke: var(--primary, #e44b14);
transition: transform 0.3s;
}
.socius-slideout-nav .menu-item-has-children.submenu-open > .submenu-toggle {
transform: translateY(-50%) rotate(180deg);
}
.socius-slideout-nav .menu-item-has-children > ul.sub-menu {
display: none;
padding-left: 1.5rem;
border-left: 2px solid #f0f0f0;
background: #fafafa;
}
.socius-slideout-nav .menu-item-has-children.submenu-open > ul.sub-menu {
display: block;
}
.socius-slideout-nav ul.menu > li a{
display: block;
color: var(--body-text);
text-decoration: none;
transition: all 0.3s ease;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
padding: .5rem 1rem;
font-weight: 700;
}
.socius-slideout-nav ul.menu > li a:hover{
color: var(--primary);
}
.socius-slideout-nav ul.menu > li > ul.sub-menu > li > a {
display: block;
color: var(--body-text);
text-decoration: none;
transition: color 0.3s ease;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
padding: .5rem 1rem;
font-weight: 700;
}
.socius-slideout-nav ul.menu > li > ul.sub-menu > li > a:hover {
color: var(--primary);
}
.socius-slideout-nav ul.menu > li > ul.sub-menu{
padding-left: 1rem;
}
.socius-slideout-nav.open .mobile-menu-close{
position: absolute;
top: 45px;
right: 15px;
color: var(--primary-dark);
outline: none;
border: none;
}
.socius-slideout-nav.open .mobile-menu-close:hover{
color: var(--primary);
scale: 1.2;
background: none;
}
.mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 99998;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.mobile-menu-overlay.active {
display: block;
opacity: 1;
pointer-events: auto;
}
@media (max-width: 992px) {
.socius-navigation-inner {
gap: 10px;
}
.right-menu-side .socius-mobile-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
}
.right-menu-side .socius-nav-menu{
display: none;
}
.sticky-container{
display: flex;
justify-content: space-between;
}
.sticky-form-container{
display: none;
}
.top-sticky{
width: 100%;
}
.socius-nav-menu ul.menu {
flex-direction: column;
}
.socius-nav-menu ul.menu > li {
margin: 0;
text-align: left;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.socius-nav-menu ul.menu > li > a {
color: var(--body-text);
padding: 1rem;
display: block;
font-size: 1.1rem;
}
.socius-nav-menu ul.menu > li > ul.sub-menu {
position: static;
box-shadow: none;
opacity: 1;
visibility: visible;
display: none;
padding: 0;
transform: none;
border: none;
border-radius: 0;
background-color: rgba(0,0,0,0.02);
}
.socius-nav-menu ul.menu > li.menu-open > ul.sub-menu {
display: block;
}
/* Moved to global scope */
.socius-nav-logo img {
max-width: 160px;
}
.socius-nav-logo {
flex: 1 1 auto;
}
/* Hide phone icon on mobile if option is enabled */
.hide-phone-icon-mobile .socius-phone-icon {
display: none;
}
.mobile-menu-close {
display: none; /* Hide by default */
position: absolute;
top: 20px;
right: 20px;
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: var(--primary);
}
.mobile-menu-close:hover{
background: none;
color: var(--primary);
}
/* Only show close button on mobile */
.mobile-menu-close {
display: block;
}
}
@media (max-width: 768px) {
.socius-nav-logo img {
max-width: 100px;
}
.top-nav {
display: none;
}
.socius-nav-menu {
width: 75%;
}
.socius-slideout-nav .socius-nav-cta{
margin-top: 10px !important;
}
.socius-nav-cta {
margin-left: auto;
margin-right: 0;
margin-top: 0;
}
.right-menu-side {
gap: 5px;
}
.socius-phone-button{
font-size: .8rem !important;
}
}
</style>
<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/solid.min.css?ver=6.7.2' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/brands.min.css?ver=6.7.2' media='all' />
<link rel='stylesheet' id='font-awesome-core-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/fontawesome.min.css?ver=6.7.2' media='all' />
<style id='socius-footer-3-style-inline-css'>
/* Main Footer Styles */
.socius-footer-3 {
position: relative;
width: 100%;
overflow: hidden;
color: #fff;
background-color: var(--primary);
}
/* Gradient Overlay */
.footer-3-gradient-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
/* Container Styles */
.footer-3-copyright-container {
max-width: 1550px;
width: 100%;
margin: 0 auto;
padding-left: 5%;
padding-right: 5%;
box-sizing: border-box;
}
.footer-3-container {
position: relative;
padding-top: 5rem;
padding-bottom: 3rem;
display: flex;
flex-direction: column;
gap: 3rem;
max-width: 1550px;
width: 100%;
margin: 0 auto;
padding-left: 5%;
padding-right: 5%;
box-sizing: border-box;
z-index: 2;
}
/* Main Row Layout */
.footer-3-main-row {
display: flex;
flex-wrap: wrap;
gap: 3rem;
position: relative;
width: 100%;
}
/* Left and Right Columns */
.footer-3-left {
flex: 1;
min-width: 250px;
max-width: 33%;
}
.footer-3-right {
flex: 2;
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: space-between;
}
/* Logo Container */
.footer-3-logo-container {
width: 100%;
}
.footer-3-logo {
max-width: 250px;
margin: 0 auto;
display: inline-block;
}
/* Logo Section */
.footer-3-logo img {
max-width: 100%;
width: 100%
height: auto;
display: block;
}
/* Address and Contact Section */
.footer-3-address-title,
.footer-3-hours-title {
font-size: 1.5rem;
font-weight: 700;
margin-top: 0;
margin-bottom: 1rem;
color: #fff;
}
.footer-3-address-text {
font-size: .875rem;
line-height: 1.6;
margin: 0 0 1rem 0;
white-space: pre-line;
}
.footer-3-phone {
display: block;
color: var(--primary-light, #7dcccb);
font-size: 1rem;
font-weight: 700;
text-decoration: none;
margin-bottom: 2rem;
transition: color 0.3s ease;
}
.footer-3-phone:hover {
color: #fff;
}
/* Hours Section */
.footer-3-hours-text {
font-size: 1rem;
line-height: 1.6;
margin: 0 0 2rem 0;
white-space: pre-line;
}
/* Social Icons */
.footer-3-social {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.footer-3-social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
color: #fff;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.3rem;
}
.footer-3-social-icon i, .footer-3-social-icon svg {
color: #fff;
}
.footer-3-social-icon:hover {
color: var(--primary-light, #7dcccb);
}
.footer-3-social-icon:hover i, .footer-3-social-icon:hover svg {
color: var(--primary-light, #7dcccb);
}
/* Column Styles */
.footer-3-column {
flex: 1;
}
.footer-3-menu-title {
font-size: 1.2rem;
font-weight: 700;
margin-top: 0;
margin-bottom: 1rem;
color: #fff;
}
/* Menu Styles */
.footer-3-menu {
list-style: none;
padding: 0;
margin: 0;
font-weight: 700;
}
.footer-3-menu li {
margin-bottom: 0.8rem;
}
.footer-3-menu a {
color: #fff;
text-decoration: none;
display: block;
position: relative;
padding-left: 0;
transition: text-decoration 0.3s ease;
font-size: .875rem;
font-weight: 700;
}
.footer-3-menu a:before {
display: none;
}
.footer-3-menu a:hover {
text-decoration: underline;
}
/* Copyright Section */
.footer-3-copyright {
width: 100%;
padding: 1.5rem 0 3.5rem;
position: relative;
z-index: 2;
}
.footer-3-copyright-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.footer-3-copyright-text {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.8);
margin: 0;
}
.footer-3-copyright-links {
display: flex;
gap: 1.5rem;
flex-wrap: wrap;
}
.footer-3-copyright-link {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-3-copyright-link:hover {
color: var(--primary-light, #7dcccb);
}
.socius-footer-3 .current_page_item a {
color: var(--primary-light, #7dcccb) !important;
}
/* Responsive Styles */
@media (max-width: 992px) {
.footer-3-left,
.footer-3-right {
flex: 100%;
max-width: 100%;
}
.footer-3-left {
margin-bottom: 1rem;
}
}
@media (max-width: 768px) {
.footer-3-container {
padding-top: 4rem;
padding-bottom: 2rem;
gap: 2rem;
}
.footer-3-copyright-container {
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.8rem;
}
.footer-3-copyright-links {
justify-content: center;
}
}
@media (max-width: 480px) {
.footer-3-column {
min-width: 100%;
margin-bottom: 2rem;
}
.footer-3-right {
flex-direction: column;
gap: 0;
}
}
</style>
<style id='mobile-app-nav-style-inline-css'>
/* Mobile App Navigation Styles */
.socius-mobile-app-nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999999;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
display: block;
}
.hide-on-desktop.socius-mobile-app-nav {
display: none;
}
@media (max-width: 768px) {
.hide-on-desktop.socius-mobile-app-nav {
display: block;
}
/* Add padding to body to prevent content from being hidden */
body {
margin-bottom: 60px;
}
/* Ensure SVG icons inherit color */
.socius-mobile-app-nav svg {
fill: currentColor;
color: currentColor;
width: 1.25em;
height: 1.25em;
}
}
.mobile-app-nav-content {
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px;
height: 60px;
}
.nav-item {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
font-size: 12px;
line-height: 1.2;
padding: 5px;
transition: opacity 0.2s ease;
}
.nav-item:hover,
.nav-item:focus {
opacity: 0.8;
color: inherit;
}
.nav-item svg {
margin-bottom: 4px;
}
.nav-item span {
font-weight: 500;
}
.mobile-nav-buttons {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-around;
align-items: center;
padding: 0;
z-index: 999;
height: 60px;
}
.mobile-nav-buttons button,
.mobile-nav-buttons a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: none;
border: none;
border-radius: 0;
color: inherit;
text-decoration: none;
padding: 10px 0;
font-size: 14px;
cursor: pointer;
width: 25%;
height: 100%;
transition: all 0.2s ease;
}
.mobile-nav-buttons button:active, .mobile-nav-buttons button:focus, .mobile-nav-buttons button:hover,
.mobile-nav-buttons a:active, .mobile-nav-buttons a:focus, .mobile-nav-buttons a:hover {
background: none;
color: var(--primary, #22aa97);
}
/* SVG icon hover styles */
.mobile-nav-buttons button:hover svg, .mobile-nav-buttons a:hover svg,
.mobile-nav-buttons button:active svg, .mobile-nav-buttons a:active svg,
.mobile-nav-buttons button:focus svg, .mobile-nav-buttons a:focus svg {
fill: var(--primary, #22aa97);
color: var(--primary, #22aa97);
}
.mobile-nav-buttons button:hover svg *, .mobile-nav-buttons a:hover svg *,
.mobile-nav-buttons button:active svg *, .mobile-nav-buttons a:active svg *,
.mobile-nav-buttons button:focus svg *, .mobile-nav-buttons a:focus svg * {
fill: var(--primary, #22aa97);
stroke: var(--primary, #22aa97);
color: var(--primary, #22aa97);
}
.mobile-nav-buttons i,
.mobile-nav-buttons svg {
font-size: 20px;
margin-bottom: 2px;
width: 1.25em;
height: 1.25em;
transition: all 0.2s ease;
}
.app-nav-menu-btn{
display: flex !important;
}
/* Services Drawer */
.services-drawer {
position: fixed;
bottom: 60px;
left: 0;
right: 0;
background: #fff;
padding: 3px;
transform: translateY(100%);
transition: transform 0.3s ease-in-out;
z-index: 998;
max-height: calc(100vh - 60px);
overflow-y: auto;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
.services-drawer.active {
transform: translateY(0);
}
.close-services {
position: absolute;
top: 10px;
right: 10px;
background: rgba(0,0,0,0.5);
border: none;
border-radius: 50%;
width: 26px;
height: 26px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
z-index: 9;
color: #fff;
}
.close-services:hover {
color: var(--primary, #22aa97);
background: rgba(0,0,0,0.9);
}
.services-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3px;
margin-bottom: env(safe-area-inset-bottom, 0);
}
/* Make last item full width if it's odd */
.services-grid a:last-child:nth-child(odd) {
grid-column: 1 / -1;
aspect-ratio: 3;
}
.service-tile {
position: relative;
aspect-ratio: 2;
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
text-decoration: none;
overflow: hidden;
}
.service-tile::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}
.service-name {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 16px;
font-weight: bold;
z-index: 1;
text-align: center;
width: 90%;
text-transform: uppercase;
text-shadow: 0 0 3px #434343;
}
/* Mobile App Navigation Styles */
.socius-mobile-app-nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999999;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
display: block;
}
.hide-on-desktop.socius-mobile-app-nav {
display: none;
}
@media (max-width: 768px) {
.hide-on-desktop.socius-mobile-app-nav {
display: block;
}
/* Add padding to body to prevent content from being hidden */
body {
margin-bottom: 60px;
}
/* Ensure SVG icons inherit color */
.socius-mobile-app-nav svg {
fill: currentColor;
color: currentColor;
width: 1.25em;
height: 1.25em;
}
}
.mobile-app-nav-content {
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px;
height: 60px;
}
.nav-item {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
font-size: 12px;
line-height: 1.2;
padding: 5px;
transition: opacity 0.2s ease;
}
.nav-item:hover,
.nav-item:focus {
opacity: 0.8;
color: inherit;
}
.nav-item svg {
margin-bottom: 4px;
}
.nav-item span {
font-weight: 500;
}
.mobile-nav-buttons {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-around;
align-items: center;
padding: 0;
z-index: 999;
height: 60px;
}
.mobile-nav-buttons button,
.mobile-nav-buttons a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: none;
border: none;
border-radius: 0;
color: inherit;
text-decoration: none;
padding: 10px 0;
font-size: 14px;
cursor: pointer;
width: 25%;
height: 100%;
transition: all 0.2s ease;
}
.mobile-nav-buttons button:active, .mobile-nav-buttons button:focus, .mobile-nav-buttons button:hover,
.mobile-nav-buttons a:active, .mobile-nav-buttons a:focus, .mobile-nav-buttons a:hover {
background: none;
color: var(--primary, #22aa97);
}
/* SVG icon hover styles */
.mobile-nav-buttons button:hover svg, .mobile-nav-buttons a:hover svg,
.mobile-nav-buttons button:active svg, .mobile-nav-buttons a:active svg,
.mobile-nav-buttons button:focus svg, .mobile-nav-buttons a:focus svg {
fill: var(--primary, #22aa97);
color: var(--primary, #22aa97);
}
.mobile-nav-buttons button:hover svg *, .mobile-nav-buttons a:hover svg *,
.mobile-nav-buttons button:active svg *, .mobile-nav-buttons a:active svg *,
.mobile-nav-buttons button:focus svg *, .mobile-nav-buttons a:focus svg * {
fill: var(--primary, #22aa97);
stroke: var(--primary, #22aa97);
color: var(--primary, #22aa97);
}
.mobile-nav-buttons i,
.mobile-nav-buttons svg {
font-size: 20px;
margin-bottom: 2px;
width: 1.25em;
height: 1.25em;
transition: all 0.2s ease;
}
.app-nav-menu-btn{
display: flex !important;
}
/* Services Drawer */
.services-drawer {
position: fixed;
bottom: 60px;
left: 0;
right: 0;
background: #fff;
padding: 3px;
transform: translateY(100%);
transition: transform 0.3s ease-in-out;
z-index: 998;
max-height: calc(100vh - 60px);
overflow-y: auto;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
.services-drawer.active {
transform: translateY(0);
}
.close-services {
position: absolute;
top: 10px;
right: 10px;
background: rgba(0,0,0,0.5);
border: none;
border-radius: 50%;
width: 26px;
height: 26px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
z-index: 9;
color: #fff;
}
.close-services:hover {
color: var(--primary, #22aa97);
background: rgba(0,0,0,0.9);
}
.services-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3px;
margin-bottom: env(safe-area-inset-bottom, 0);
}
/* Make last item full width if it's odd */
.services-grid a:last-child:nth-child(odd) {
grid-column: 1 / -1;
aspect-ratio: 3;
}
.service-tile {
position: relative;
aspect-ratio: 2;
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
text-decoration: none;
overflow: hidden;
}
.service-tile::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}
.service-name {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 16px;
font-weight: bold;
z-index: 1;
text-align: center;
width: 90%;
text-transform: uppercase;
text-shadow: 0 0 3px #434343;
}
</style>
<link rel='stylesheet' id='wpforms-layout-css' href='https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/pro/css/fields/layout.min.css?ver=1.9.5.1' media='all' />
<link rel='stylesheet' id='wpforms-layout-screen-big-css' href='https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/pro/css/fields/layout-screen-big.min.css?ver=1.9.5.1' media='(min-width: 601px)' />
<link rel='stylesheet' id='wpforms-layout-screen-small-css' href='https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/pro/css/fields/layout-screen-small.min.css?ver=1.9.5.1' media='(max-width: 600px)' />
<link rel='stylesheet' id='wpforms-modern-full-css' href='https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/css/frontend/modern/wpforms-full.min.css?ver=1.9.5.1' media='all' />
<style id='wpforms-modern-full-inline-css'>
:root {
--wpforms-field-border-radius: 3px;
--wpforms-field-border-style: solid;
--wpforms-field-border-size: 1px;
--wpforms-field-background-color: #ffffff;
--wpforms-field-border-color: rgba( 0, 0, 0, 0.25 );
--wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 );
--wpforms-field-text-color: rgba( 0, 0, 0, 0.7 );
--wpforms-field-menu-color: #ffffff;
--wpforms-label-color: rgba( 0, 0, 0, 0.85 );
--wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 );
--wpforms-label-error-color: #d63637;
--wpforms-button-border-radius: 3px;
--wpforms-button-border-style: none;
--wpforms-button-border-size: 1px;
--wpforms-button-background-color: #066aab;
--wpforms-button-border-color: #066aab;
--wpforms-button-text-color: #ffffff;
--wpforms-page-break-color: #066aab;
--wpforms-background-image: none;
--wpforms-background-position: center center;
--wpforms-background-repeat: no-repeat;
--wpforms-background-size: cover;
--wpforms-background-width: 100px;
--wpforms-background-height: 100px;
--wpforms-background-color: rgba( 0, 0, 0, 0 );
--wpforms-background-url: none;
--wpforms-container-padding: 0px;
--wpforms-container-border-style: none;
--wpforms-container-border-width: 1px;
--wpforms-container-border-color: #000000;
--wpforms-container-border-radius: 3px;
--wpforms-field-size-input-height: 43px;
--wpforms-field-size-input-spacing: 15px;
--wpforms-field-size-font-size: 16px;
--wpforms-field-size-line-height: 19px;
--wpforms-field-size-padding-h: 14px;
--wpforms-field-size-checkbox-size: 16px;
--wpforms-field-size-sublabel-spacing: 5px;
--wpforms-field-size-icon-size: 1;
--wpforms-label-size-font-size: 16px;
--wpforms-label-size-line-height: 19px;
--wpforms-label-size-sublabel-font-size: 14px;
--wpforms-label-size-sublabel-line-height: 17px;
--wpforms-button-size-font-size: 17px;
--wpforms-button-size-height: 41px;
--wpforms-button-size-padding-h: 15px;
--wpforms-button-size-margin-top: 10px;
--wpforms-container-shadow-size-box-shadow: none;
}
</style>
<link rel='stylesheet' id='wpforms-pro-modern-full-css' href='https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/pro/css/frontend/modern/wpforms-full.min.css?ver=1.9.5.1' media='all' />
<script src="https://americanstandardroofing.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=3.3.0" id="hello-theme-frontend-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon/assets/js/video-lightbox.js?ver=1.0.30" id="socius-video-lightbox-js"></script>
<script src="https://americanstandardroofing.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://americanstandardroofing.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script id="socius-product-selector-2-script-js-after">
jQuery(document).ready(function($) {
// Function to initialize product selector functionality
function initProductSelector2() {
// Product selector functionality for both frontend and editor
$(".socius-product-selector-2 .product-menu-item-2").off("click").on("click", function() {
var serviceId = $(this).data("service-id");
var container = $(this).closest(".socius-product-selector-2");
// Update active menu item
container.find(".product-menu-item-2").removeClass("active");
$(this).addClass("active");
// Get the selected item
var selectedItem = container.find(".product-content-item[data-service-id=\"" + serviceId + "\"]");
// Hide all items first
container.find(".product-content-item").removeClass("active");
// Update background image with fade effect
container.find(".product-bg-image").css("opacity", "0");
setTimeout(function() {
// Update the background image
var bgImage = selectedItem.data("bg-image");
container.find(".product-bg-image").css("background-image", "url('" + bgImage + "')");
// Fade in the background image
container.find(".product-bg-image").css("opacity", "1");
// Show the selected content with fade effect
container.find(".product-content-item").hide();
selectedItem.show();
// Add active class to trigger fade-in animation
setTimeout(function() {
selectedItem.addClass("active");
}, 50);
}, 300);
// For mobile view, scroll the selected item into view within the menu container only
if (window.innerWidth <= 991) {
var $menuContainer = $(this).closest(".product-menu-2");
var itemPosition = $(this).position().left;
var containerWidth = $menuContainer.width();
var scrollPosition = $menuContainer.scrollLeft() + itemPosition - (containerWidth / 2) + ($(this).width() / 2);
$menuContainer.animate({
scrollLeft: scrollPosition
}, 300);
}
});
// Initialize first item as active on page load without auto-scrolling
$(".socius-product-selector-2").each(function() {
var $container = $(this);
// Helper function to show content without triggering click
function showContent($menuItem) {
var serviceId = $menuItem.data("service-id");
var $container = $menuItem.closest(".socius-product-selector-2");
// Update active menu item
$container.find(".product-menu-item-2").removeClass("active");
$menuItem.addClass("active");
// Get the selected item
var $selectedItem = $container.find(".product-content-item[data-service-id=\"" + serviceId + "\"]")
// Update background image
var bgImage = $selectedItem.data("bg-image");
$container.find(".product-bg-image").css("background-image", "url('" + bgImage + "')");
// Show the selected content
$container.find(".product-content-item").hide().removeClass("active");
$selectedItem.show().addClass("active");
}
// Only if no items are already active
if ($container.find(".product-menu-item-2.active").length === 0) {
showContent($container.find(".product-menu-item-2:first"));
} else {
// If an item is already active, show its corresponding product
showContent($container.find(".product-menu-item-2.active"));
}
// Initialize mobile scroll controls
initMobileScrollControls($(this));
// Initialize drag scrolling
initDragToScroll($(this).find(".product-menu-2"));
// Add resize handler to adjust styles for mobile/desktop
$(window).on("resize", function() {
checkMobileLayout();
});
// Initial check
checkMobileLayout();
});
// Add swipe functionality for mobile
if (typeof $.fn.swipe !== "undefined") {
$(".product-menu-2").swipe({
swipeLeft: function() {
var scrollPos = $(this).scrollLeft();
$(this).animate({ scrollLeft: scrollPos + 200 }, 300);
},
swipeRight: function() {
var scrollPos = $(this).scrollLeft();
$(this).animate({ scrollLeft: scrollPos - 200 }, 300);
},
threshold: 50
});
}
// Add mouse wheel support for horizontal scrolling
$(".product-menu-2").on("wheel", function(e) {
if (window.innerWidth <= 991) {
e.preventDefault();
var delta = e.originalEvent.deltaY || -e.originalEvent.wheelDelta || e.originalEvent.detail;
var scrollPos = $(this).scrollLeft();
$(this).scrollLeft(scrollPos + (delta > 0 ? 60 : -60));
}
});
// Function to check and adjust for mobile layout
function checkMobileLayout() {
if (window.innerWidth <= 991) {
// Add mobile-specific classes if needed
$(".product-menu-2").addClass("mobile-layout");
$(".product-menu-item-2").addClass("mobile-item");
} else {
// Remove mobile-specific classes
$(".product-menu-2").removeClass("mobile-layout");
$(".product-menu-item-2").removeClass("mobile-item");
}
}
}
// Function to enable drag-to-scroll
function initDragToScroll(element) {
var isDown = false;
var startX;
var scrollLeft;
var clickedItem = null;
element.on("mousedown", function(e) {
isDown = true;
clickedItem = $(e.target).closest(".product-menu-item-2")[0];
$(this).addClass("active");
startX = e.pageX - $(this).offset().left;
scrollLeft = $(this).scrollLeft();
e.preventDefault(); // Prevent text selection
// Stop any potential text selection
if (document.selection) {
document.selection.empty();
} else if (window.getSelection) {
window.getSelection().removeAllRanges();
}
// Enable grabbing cursor
$(this).css('cursor', 'grabbing');
});
element.on("mouseleave", function() {
isDown = false;
$(this).removeClass("active");
$(this).css('cursor', 'grab');
});
element.on("mouseup", function(e) {
var currentX = e.pageX - $(this).offset().left;
var hasDragged = Math.abs(currentX - startX) > 5; // Threshold to detect drag vs. click
if (!hasDragged && clickedItem) {
// This was a click, not a drag - trigger the click on the item
if ($(e.target).closest(".product-menu-item-2")[0] === clickedItem) {
$(clickedItem).trigger("click");
}
}
isDown = false;
$(this).removeClass("active");
$(this).css('cursor', 'grab');
clickedItem = null;
});
element.on("mousemove", function(e) {
if (!isDown) return;
e.preventDefault(); // Prevent text selection during drag
var x = e.pageX - $(this).offset().left;
var walk = (x - startX) * 2; // Scroll speed multiplier
$(this).scrollLeft(scrollLeft - walk);
// Disable text selection during drag
return false;
});
// Also prevent default selection behavior on the container
element.on("selectstart", function(e) {
if (isDown) {
e.preventDefault();
return false;
}
});
}
// Function to initialize mobile scroll controls
function initMobileScrollControls(container) {
// Mobile scroll button functionality with menu item activation
container.find(".scroll-left").off("click").on("click", function() {
var menu = container.find(".product-menu-2");
var activeItem = menu.find(".product-menu-item-2.active");
var prevItem = activeItem.prev(".product-menu-item-2");
// If there's a previous item, activate it
if (prevItem.length) {
// Trigger click on the previous item to activate it
prevItem.trigger("click");
// Then scroll to make it visible
var scrollPos = menu.scrollLeft();
var itemPos = prevItem.position().left;
var targetScroll = scrollPos + itemPos - (menu.width() / 2) + (prevItem.width() / 2);
menu.animate({ scrollLeft: targetScroll }, 300);
} else {
// If no previous item, just scroll left
menu.animate({ scrollLeft: menu.scrollLeft() - 200 }, 300);
}
});
container.find(".scroll-right").off("click").on("click", function() {
var menu = container.find(".product-menu-2");
var activeItem = menu.find(".product-menu-item-2.active");
var nextItem = activeItem.next(".product-menu-item-2");
// If there's a next item, activate it
if (nextItem.length) {
// Trigger click on the next item to activate it
nextItem.trigger("click");
// Then scroll to make it visible
var scrollPos = menu.scrollLeft();
var itemPos = nextItem.position().left;
var targetScroll = scrollPos + itemPos - (menu.width() / 2) + (nextItem.width() / 2);
menu.animate({ scrollLeft: targetScroll }, 300);
} else {
// If no next item, just scroll right
menu.animate({ scrollLeft: menu.scrollLeft() + 200 }, 300);
}
});
// Show/hide scroll controls based on viewport width
function toggleScrollControls() {
if (window.innerWidth <= 991) {
container.find(".product-menu-2-scroll-controls").show();
} else {
container.find(".product-menu-2-scroll-controls").hide();
}
}
// Initial check
toggleScrollControls();
// Check on resize
$(window).on("resize", toggleScrollControls);
}
// Run initialization immediately
initProductSelector2();
// For Elementor editor - reinitialize when widget is added or updated
if (typeof elementorFrontend !== "undefined" && typeof elementorFrontend.hooks !== "undefined") {
elementorFrontend.hooks.addAction("frontend/element_ready/product-selector-2.default", function() {
initProductSelector2();
});
}
});
</script>
<script src="https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon/assets/js/featured-projects.js?ver=1.0.30" id="socius-featured-projects-script-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/socius-elementor-addon/assets/js/gallery-lightbox.js?ver=1.0.30" id="socius-gallery-lightbox-js"></script>
<script id="socius-trust-slider-script-js-after">
jQuery(document).ready(function($) {
// Update animation duration based on user settings
function updateSliderSpeed() {
$(".socius-trust-slider").each(function() {
var $slider = $(this);
var $track = $slider.find(".socius-trust-slider-track");
var userDuration = $slider.data("scroll-speed") || 40;
// Update the animation duration
$track.css({
"animation-duration": userDuration + "s"
});
});
}
// Initial setup
updateSliderSpeed();
// Handle Elementor frontend init for when widget is added/edited in Elementor
$(window).on("elementor/frontend/init", function() {
if (typeof elementorFrontend !== "undefined" && elementorFrontend.hooks) {
elementorFrontend.hooks.addAction("frontend/element_ready/socius-trust-slider.default", function() {
updateSliderSpeed();
});
}
});
});
</script>
<script id="socius-navigation-js-js-after">
jQuery(document).ready(function($) {
// Only append the overlay if it doesn't exist yet
if ($(".mobile-menu-overlay").length === 0) {
$("body").append("<div class=\"mobile-menu-overlay\"></div>");
}
// Function to toggle the slideout panel open/closed
function toggleMenu(open) {
if (open) {
$(".socius-slideout-nav").addClass("open");
$(".mobile-menu-overlay").addClass("active");
$("body").addClass("mobile-menu-active");
$(".socius-mobile-menu-toggle").attr("aria-expanded", "true");
} else {
$(".socius-slideout-nav").removeClass("open");
$(".mobile-menu-overlay").removeClass("active");
$("body").removeClass("mobile-menu-active");
$(".socius-mobile-menu-toggle").attr("aria-expanded", "false");
}
}
// Toggle menu open
$(".socius-mobile-menu-toggle").on("click", function(e) {
e.preventDefault();
toggleMenu(true);
});
// Close menu
$(document).on("click", ".mobile-menu-close, .mobile-menu-overlay", function(e) {
e.preventDefault();
toggleMenu(false);
});
// Close menu on escape key
$(document).keyup(function(e) {
if (e.key === "Escape" && $(".socius-slideout-nav").hasClass("open")) {
toggleMenu(false);
}
});
// Submenu toggle - improved handling
$(document).on("click", ".socius-slideout-nav .submenu-toggle", function(e) {
e.preventDefault();
e.stopPropagation(); // Stop event from bubbling up to parent elements
var $this = $(this);
var $parent = $this.closest(".menu-item-has-children");
var $submenu = $parent.children("ul.sub-menu");
// Toggle classes with a small delay to ensure they stick
setTimeout(function() {
$this.toggleClass("open");
$parent.toggleClass("submenu-open");
}, 10);
// Handle the submenu visibility
if ($submenu.is(":visible")) {
$submenu.slideUp(200);
} else {
$submenu.slideDown(200);
}
return false; // Ensure no other handlers run
});
// Remove the event handler that was preventing navigation on parent menu items
// This allows clicking on the parent menu link to navigate to that page
// The submenu toggle functionality is kept separate on the button only
// Sticky navigation functionality with advanced scroll detection
var stickyNav = $(".sticky-nav");
if (stickyNav.length) {
var scrollThreshold = parseInt(stickyNav.data("scroll-threshold")) || 200;
var lastScrollTop = 0;
var animationTimer = null;
$(window).on("scroll", function() {
var scrollTop = $(window).scrollTop();
// Detect scroll direction
if (scrollTop > lastScrollTop && scrollTop > scrollThreshold) {
// Scrolling DOWN past threshold - show header
stickyNav.removeClass("exiting").addClass("visible");
} else if (scrollTop < lastScrollTop && scrollTop < scrollThreshold) {
// Scrolling UP and above threshold - hide with animation
if (stickyNav.hasClass("visible")) {
// Only apply exit animation if nav was visible
clearTimeout(animationTimer);
stickyNav.addClass("exiting").removeClass("visible");
// Remove exiting class after animation completes
animationTimer = setTimeout(function() {
stickyNav.removeClass("exiting");
}, 500);
}
}
// Save current scroll position
lastScrollTop = scrollTop;
});
// Initial check on page load
if ($(window).scrollTop() > scrollThreshold) {
stickyNav.addClass("visible");
}
}
});
</script>
<script src="https://americanstandardroofing.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.28.3" id="elementor-pro-webpack-runtime-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.28.4" id="elementor-webpack-runtime-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.28.4" id="elementor-frontend-modules-js"></script>
<script src="https://americanstandardroofing.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://americanstandardroofing.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/americanstandardroofing.com\/wp-admin\/admin-ajax.php","nonce":"1596c0a63f","urls":{"assets":"https:\/\/americanstandardroofing.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/americanstandardroofing.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/americanstandardroofing.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
</script>
<script src="https://americanstandardroofing.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.28.3" id="elementor-pro-frontend-js"></script>
<script src="https://americanstandardroofing.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.28.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_local_google_fonts":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"editor_v2":true,"e_element_cache":true,"home_screen":true,"launchpad-checklist":true},"urls":{"assets":"https:\/\/americanstandardroofing.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/americanstandardroofing.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/americanstandardroofing.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"55d1371c53"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":9,"title":"Roofing%20Contractor%20Southeast%20Michigan%20%7C%20Best%20Roofers%20Farmington%20Hills","excerpt":"","featuredImage":false}};
</script>
<script src="https://americanstandardroofing.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.28.4" id="elementor-frontend-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.28.3" id="pro-elements-handlers-js"></script>
<script src="https://americanstandardroofing.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script>
<script id="wp-util-js-extra">
var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}};
</script>
<script src="https://americanstandardroofing.com/wp-includes/js/wp-util.min.js?ver=6.7.2" id="wp-util-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/js/frontend/wpforms.min.js?ver=1.9.5.1" id="wpforms-js"></script>
<script id="wpforms-elementor-js-extra">
var wpformsElementorVars = {"captcha_provider":"recaptcha","recaptcha_type":"v2"};
</script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/js/integrations/elementor/frontend.min.js?ver=1.9.5.1" id="wpforms-elementor-js"></script>
<script id="mobile-app-nav-js-js-after">
jQuery(document).ready(function($) {
// Initialize button functionality when document is fully loaded
function initMobileNavButtons() {
// Services drawer toggle
$(document).off('click', '.services-button, .close-services').on('click', '.services-button, .close-services', function(e) {
e.preventDefault();
$('#services-drawer').toggleClass('active');
});
// Menu button - toggle the slideout navigation
$(document).off('click', '.menu-app-item').on('click', '.menu-app-item', function(e) {
e.preventDefault();
// Toggle the slideout menu from the Navigation widget
if ($('.socius-slideout-nav').hasClass('open')) {
$('.socius-slideout-nav').removeClass('open');
$('.socius-mobile-menu-toggle').attr('aria-expanded', 'false');
$('.mobile-menu-overlay').removeClass('active');
} else {
$('.socius-slideout-nav').addClass('open');
$('.socius-mobile-menu-toggle').attr('aria-expanded', 'true');
$('.mobile-menu-overlay').addClass('active');
}
});
// Make sure to close drawer when clicking outside
$(document).on('click', function(e) {
if (!$(e.target).closest('#services-drawer, .services-button').length) {
$('#services-drawer').removeClass('active');
}
});
}
// Run initialization
initMobileNavButtons();
// Also initialize on Elementor frontend init (for when loaded in editor)
if (typeof window.elementorFrontend !== 'undefined' && window.elementorFrontend.hooks) {
window.elementorFrontend.hooks.addAction('frontend/element_ready/mobile_app_nav.default', function() {
initMobileNavButtons();
});
}
});
jQuery(document).ready(function($) {
// Initialize button functionality when document is fully loaded
function initMobileNavButtons() {
// Services drawer toggle
$(document).off('click', '.services-button, .close-services').on('click', '.services-button, .close-services', function(e) {
e.preventDefault();
$('#services-drawer').toggleClass('active');
});
// Menu button - toggle the slideout navigation
$(document).off('click', '.menu-app-item').on('click', '.menu-app-item', function(e) {
e.preventDefault();
// Toggle the slideout menu from the Navigation widget
if ($('.socius-slideout-nav').hasClass('open')) {
$('.socius-slideout-nav').removeClass('open');
$('.socius-mobile-menu-toggle').attr('aria-expanded', 'false');
$('.mobile-menu-overlay').removeClass('active');
} else {
$('.socius-slideout-nav').addClass('open');
$('.socius-mobile-menu-toggle').attr('aria-expanded', 'true');
$('.mobile-menu-overlay').addClass('active');
}
});
// Make sure to close drawer when clicking outside
$(document).on('click', function(e) {
if (!$(e.target).closest('#services-drawer, .services-button').length) {
$('#services-drawer').removeClass('active');
}
});
}
// Run initialization
initMobileNavButtons();
// Also initialize on Elementor frontend init (for when loaded in editor)
if (typeof window.elementorFrontend !== 'undefined' && window.elementorFrontend.hooks) {
window.elementorFrontend.hooks.addAction('frontend/element_ready/mobile_app_nav.default', function() {
initMobileNavButtons();
});
}
});
</script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/pro/js/frontend/fields/phone.min.js?ver=1.9.5.1" id="wpforms-smart-phone-field-core-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/lib/jquery.validate.min.js?ver=1.21.0" id="wpforms-validation-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/lib/jquery.inputmask.min.js?ver=5.0.9" id="wpforms-maskedinput-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/lib/mailcheck.min.js?ver=1.1.2" id="wpforms-mailcheck-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/lib/punycode.min.js?ver=1.0.0" id="wpforms-punycode-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/js/share/utils.min.js?ver=1.9.5.1" id="wpforms-generic-utils-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/js/frontend/wpforms-modern.min.js?ver=1.9.5.1" id="wpforms-modern-js"></script>
<script src="https://americanstandardroofing.com/wp-content/plugins/wpforms/assets/js/frontend/fields/address.min.js?ver=1.9.5.1" id="wpforms-address-field-js"></script>
<script>
(function(){
// --- cookie helpers ---
function getQueryParam(name) {
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
var results = regex.exec(window.location.href);
if (!results || !results[2]) return null;
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
function setCookie(name, value, days) {
var d = new Date();
d.setTime(d.getTime() + (days*24*60*60*1000));
document.cookie = name + '=' + encodeURIComponent(value) + ';path=/;expires=' + d.toUTCString();
}
function getCookie(name) {
var pairs = document.cookie.split(';').map(function(c){ return c.trim().split('='); });
for (var i = 0; i < pairs.length; i++) {
if (pairs[i][0] === name) {
return decodeURIComponent(pairs[i][1] || '');
}
}
return null;
}
// --- main logic ---
document.addEventListener('DOMContentLoaded', function(){
// Handle source cookie
var src = getQueryParam('source');
if (src) {
setCookie('source', src, 30);
}
var cookieVal = getCookie('source');
if (cookieVal) {
var els = document.querySelectorAll('.ppc-source input');
els.forEach(function(input){
input.value = cookieVal;
});
}
// Handle referrer cookie
var referrerCookie = getCookie('referrer');
if (referrerCookie === null) {
referrerCookie = document.referrer;
setCookie('referrer', referrerCookie, 30);
}
var referrerInputs = document.querySelectorAll('.referrer input');
referrerInputs.forEach(function(input){
input.value = referrerCookie;
});
});
})();
</script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpforms_settings = {"val_required":"This field is required.","val_email":"Please enter a valid email address.","val_email_suggestion":"Did you mean {suggestion}?","val_email_suggestion_title":"Click to accept this suggestion.","val_email_restricted":"This email address is not allowed.","val_number":"Please enter a valid number.","val_number_positive":"Please enter a valid positive number.","val_minimum_price":"Amount entered is less than the required minimum.","val_confirm":"Field values do not match.","val_checklimit":"You have exceeded the number of allowed selections: {#}.","val_limit_characters":"{count} of {limit} max characters.","val_limit_words":"{count} of {limit} max words.","val_recaptcha_fail_msg":"Google reCAPTCHA verification failed, please try again later.","val_turnstile_fail_msg":"Cloudflare Turnstile verification failed, please try again later.","val_inputmask_incomplete":"Please fill out the field in required format.","uuid_cookie":"1","locale":"en","country":"","country_list_label":"Country list","wpforms_plugin_url":"https:\/\/americanstandardroofing.com\/wp-content\/plugins\/wpforms\/","gdpr":"","ajaxurl":"https:\/\/americanstandardroofing.com\/wp-admin\/admin-ajax.php","mailcheck_enabled":"1","mailcheck_domains":[],"mailcheck_toplevel_domains":["dev"],"is_ssl":"1","currency_code":"USD","currency_thousands":",","currency_decimals":"2","currency_decimal":".","currency_symbol":"$","currency_symbol_pos":"left","val_requiredpayment":"Payment is required.","val_creditcard":"Please enter a valid credit card number.","css_vars":["field-border-radius","field-border-style","field-border-size","field-background-color","field-border-color","field-text-color","field-menu-color","label-color","label-sublabel-color","label-error-color","button-border-radius","button-border-style","button-border-size","button-background-color","button-border-color","button-text-color","page-break-color","background-image","background-position","background-repeat","background-size","background-width","background-height","background-color","background-url","container-padding","container-border-style","container-border-width","container-border-color","container-border-radius","field-size-input-height","field-size-input-spacing","field-size-font-size","field-size-line-height","field-size-padding-h","field-size-checkbox-size","field-size-sublabel-spacing","field-size-icon-size","label-size-font-size","label-size-line-height","label-size-sublabel-font-size","label-size-sublabel-line-height","button-size-font-size","button-size-height","button-size-padding-h","button-size-margin-top","container-shadow-size-box-shadow"],"val_post_max_size":"The total size of the selected files {totalSize} MB exceeds the allowed limit {maxSize} MB.","val_time12h":"Please enter time in 12-hour AM\/PM format (eg 8:45 AM).","val_time24h":"Please enter time in 24-hour format (eg 22:45).","val_time_limit":"Please enter time between {minTime} and {maxTime}.","val_url":"Please enter a valid URL.","val_fileextension":"File type is not allowed.","val_filesize":"File exceeds max size allowed. File was not uploaded.","post_max_size":"104857600","isModernMarkupEnabled":"1","formErrorMessagePrefix":"Form error message","errorMessagePrefix":"Error message","submitBtnDisabled":"Submit button is disabled during form submission.","error_updating_token":"Error updating token. Please try again or contact support if the issue persists.","network_error":"Network error or server is unreachable. Check your connection or try again later.","token_cache_lifetime":"86400","hn_data":[],"address_field":{"list_countries_without_states":["GB","DE","CH","NL"]},"val_phone":"Please enter a valid phone number.","val_password_strength":"A stronger password is required. Consider using upper and lower case letters, numbers, and symbols.","entry_preview_iframe_styles":["https:\/\/americanstandardroofing.com\/wp-includes\/js\/tinymce\/skins\/lightgray\/content.min.css?ver=6.7.2","https:\/\/americanstandardroofing.com\/wp-includes\/css\/dashicons.min.css?ver=6.7.2","https:\/\/americanstandardroofing.com\/wp-includes\/js\/tinymce\/skins\/wordpress\/wp-content.css?ver=6.7.2","https:\/\/americanstandardroofing.com\/wp-content\/plugins\/wpforms\/assets\/pro\/css\/fields\/richtext\/editor-content.min.css"],"indicatorStepsPattern":"Step {current} of {total}"}
/* ]]> */
</script>
</body>
</html>
Whois info of domain
Domain Name: ASRMI.COM
Registry Domain ID: 2162102658_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2024-09-13T18:33:16Z
Creation Date: 2017-09-12T15:37:39Z
Registry Expiry Date: 2026-09-12T15:37:39Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: NS19.DOMAINCONTROL.COM
Name Server: NS20.DOMAINCONTROL.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-05T08:31:07Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass