Roofing Cost Calculator

Get a quick roofing price estimate based on your home size and roof steepness. Use our simple calculator to see a preliminary price range, then contact E2 Home Solutions for a free, personalized quote.

You are here:

Home
Roofing
Roofing Cost Calculator

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}: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:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--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--color--accent:#999;--wp--preset--color--dark-gray:#111;--wp--preset--color--light-gray:#767676;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 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:.44rem;--wp--preset--spacing--30:.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,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(body){margin:0}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}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}:root :where(.wp-element-button, .wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.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-accent-color{color:var(--wp--preset--color--accent) !important}.has-dark-gray-color{color:var(--wp--preset--color--dark-gray) !important}.has-light-gray-color{color:var(--wp--preset--color--light-gray) !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-accent-background-color{background-color:var(--wp--preset--color--accent) !important}.has-dark-gray-background-color{background-color:var(--wp--preset--color--dark-gray) !important}.has-light-gray-background-color{background-color:var(--wp--preset--color--light-gray) !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-accent-border-color{border-color:var(--wp--preset--color--accent) !important}.has-dark-gray-border-color{border-color:var(--wp--preset--color--dark-gray) !important}.has-light-gray-border-color{border-color:var(--wp--preset--color--light-gray) !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-icon svg){width:24px}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-term-template.is-layout-flex){gap:1.25em}:where(.wp-block-term-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}@-webkit-keyframes ha_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ha_fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes ha_zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes ha_zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes ha_rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1}}@keyframes ha_rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1}}@-webkit-keyframes ha_bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes ha_bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@-webkit-keyframes ha_bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1}}@keyframes ha_bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1}}@-webkit-keyframes ha_flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg)}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}}@keyframes ha_flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg)}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}}@-webkit-keyframes ha_flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}}@keyframes ha_flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}}@-webkit-keyframes ha_swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}}@keyframes ha_swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}}@-webkit-keyframes ha_slideInDown{0%{visibility:visible;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes ha_slideInDown{0%{visibility:visible;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes ha_slideInUp{0%{visibility:visible;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes ha_slideInUp{0%{visibility:visible;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes ha_slideInLeft{0%{visibility:visible;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes ha_slideInLeft{0%{visibility:visible;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes ha_slideInRight{0%{visibility:visible;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes ha_slideInRight{0%{visibility:visible;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.ha_fadeIn{-webkit-animation-name:ha_fadeIn;animation-name:ha_fadeIn}.ha_zoomIn{-webkit-animation-name:ha_zoomIn;animation-name:ha_zoomIn}.ha_rollIn{-webkit-animation-name:ha_rollIn;animation-name:ha_rollIn}.ha_bounce{-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-name:ha_bounce;animation-name:ha_bounce}.ha_bounceIn{-webkit-animation-name:ha_bounceIn;animation-name:ha_bounceIn;-webkit-animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:.75s;animation-duration:calc(var(--animate-duration) * .75)}.ha_flipInX,.ha_flipInY{-webkit-animation-name:ha_flipInX;animation-name:ha_flipInX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}.ha_flipInY{-webkit-animation-name:ha_flipInY;animation-name:ha_flipInY}.ha_swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:ha_swing;animation-name:ha_swing}.ha_slideInDown{-webkit-animation-name:ha_slideInDown;animation-name:ha_slideInDown}.ha_slideInUp{-webkit-animation-name:ha_slideInUp;animation-name:ha_slideInUp}.ha_slideInLeft{-webkit-animation-name:ha_slideInLeft;animation-name:ha_slideInLeft}.ha_slideInRight{-webkit-animation-name:ha_slideInRight;animation-name:ha_slideInRight}.ha-css-transform-yes{-webkit-transition-duration:var(--ha-tfx-transition-duration,.2s);transition-duration:var(--ha-tfx-transition-duration,.2s);-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate(var(--ha-tfx-translate-x,0),var(--ha-tfx-translate-y,0)) scale(var(--ha-tfx-scale-x,1),var(--ha-tfx-scale-y,1)) skew(var(--ha-tfx-skew-x,0),var(--ha-tfx-skew-y,0)) rotateX(var(--ha-tfx-rotate-x,0)) rotateY(var(--ha-tfx-rotate-y,0)) rotateZ(var(--ha-tfx-rotate-z,0));transform:translate(var(--ha-tfx-translate-x,0),var(--ha-tfx-translate-y,0)) scale(var(--ha-tfx-scale-x,1),var(--ha-tfx-scale-y,1)) skew(var(--ha-tfx-skew-x,0),var(--ha-tfx-skew-y,0)) rotateX(var(--ha-tfx-rotate-x,0)) rotateY(var(--ha-tfx-rotate-y,0)) rotateZ(var(--ha-tfx-rotate-z,0))}.ha-css-transform-yes:hover{-webkit-transform:translate(var(--ha-tfx-translate-x-hover,var(--ha-tfx-translate-x,0)),var(--ha-tfx-translate-y-hover,var(--ha-tfx-translate-y,0))) scale(var(--ha-tfx-scale-x-hover,var(--ha-tfx-scale-x,1)),var(--ha-tfx-scale-y-hover,var(--ha-tfx-scale-y,1))) skew(var(--ha-tfx-skew-x-hover,var(--ha-tfx-skew-x,0)),var(--ha-tfx-skew-y-hover,var(--ha-tfx-skew-y,0))) rotateX(var(--ha-tfx-rotate-x-hover,var(--ha-tfx-rotate-x,0))) rotateY(var(--ha-tfx-rotate-y-hover,var(--ha-tfx-rotate-y,0))) rotateZ(var(--ha-tfx-rotate-z-hover,var(--ha-tfx-rotate-z,0)));transform:translate(var(--ha-tfx-translate-x-hover,var(--ha-tfx-translate-x,0)),var(--ha-tfx-translate-y-hover,var(--ha-tfx-translate-y,0))) scale(var(--ha-tfx-scale-x-hover,var(--ha-tfx-scale-x,1)),var(--ha-tfx-scale-y-hover,var(--ha-tfx-scale-y,1))) skew(var(--ha-tfx-skew-x-hover,var(--ha-tfx-skew-x,0)),var(--ha-tfx-skew-y-hover,var(--ha-tfx-skew-y,0))) rotateX(var(--ha-tfx-rotate-x-hover,var(--ha-tfx-rotate-x,0))) rotateY(var(--ha-tfx-rotate-y-hover,var(--ha-tfx-rotate-y,0))) rotateZ(var(--ha-tfx-rotate-z-hover,var(--ha-tfx-rotate-z,0)))}.happy-addon>.elementor-widget-container{word-wrap:break-word;overflow-wrap:break-word}.happy-addon>.elementor-widget-container,.happy-addon>.elementor-widget-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.happy-addon:not(:has(.elementor-widget-container)),.happy-addon:not(:has(.elementor-widget-container)) *{-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.happy-addon p:empty{display:none}.happy-addon .elementor-inline-editing{min-height:auto !important}.happy-addon-pro img{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.ha-screen-reader-text{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;padding:0;width:1px;height:1px;border:0;word-wrap:normal !important;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.ha-has-bg-overlay>.elementor-widget-container{position:relative;z-index:1}.ha-has-bg-overlay>.elementor-widget-container:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;content:""}.ha-has-bg-overlay:not(:has(.elementor-widget-container)){position:relative;z-index:1}.ha-has-bg-overlay:not(:has(.elementor-widget-container)):before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;content:""}.ha-popup--is-enabled .ha-js-popup,.ha-popup--is-enabled .ha-js-popup img{cursor:-webkit-zoom-in !important;cursor:zoom-in !important}.mfp-wrap .mfp-arrow,.mfp-wrap .mfp-close{background-color:transparent}.mfp-wrap .mfp-arrow:focus,.mfp-wrap .mfp-close:focus{outline-width:thin}.ha-advanced-tooltip-enable{position:relative;cursor:pointer;--ha-tooltip-arrow-color:black;--ha-tooltip-arrow-distance:0}.ha-advanced-tooltip-enable .ha-advanced-tooltip-content{position:absolute;z-index:999;display:none;padding:5px 0;width:120px;height:auto;border-radius:6px;background-color:#000;color:#fff;text-align:center;opacity:0}.ha-advanced-tooltip-enable .ha-advanced-tooltip-content::after{position:absolute;border-width:5px;border-style:solid;content:""}.ha-advanced-tooltip-enable .ha-advanced-tooltip-content.no-arrow::after{visibility:hidden}.ha-advanced-tooltip-enable .ha-advanced-tooltip-content.show{display:inline-block;opacity:1}.ha-advanced-tooltip-enable.ha-advanced-tooltip-top .ha-advanced-tooltip-content,body[data-elementor-device-mode=tablet] .ha-advanced-tooltip-enable.ha-advanced-tooltip-tablet-top .ha-advanced-tooltip-content{top:unset;right:0;bottom:calc(101% + var(--ha-tooltip-arrow-distance));left:0;margin:0 auto}.ha-advanced-tooltip-enable.ha-advanced-tooltip-top .ha-advanced-tooltip-content::after,body[data-elementor-device-mode=tablet] .ha-advanced-tooltip-enable.ha-advanced-tooltip-tablet-top .ha-advanced-tooltip-content::after{top:100%;right:unset;bottom:unset;left:50%;border-color:var(--ha-tooltip-arrow-color) transparent transparent transparent;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.ha-advanced-tooltip-enable.ha-advanced-tooltip-bottom .ha-advanced-tooltip-content,body[data-elementor-device-mode=tablet] .ha-advanced-tooltip-enable.ha-advanced-tooltip-tablet-bottom .ha-advanced-tooltip-content{top:calc(101% + var(--ha-tooltip-arrow-distance));right:0;bottom:unset;left:0;margin:0 auto}.ha-advanced-tooltip-enable.ha-advanced-tooltip-bottom .ha-advanced-tooltip-content::after,body[data-elementor-device-mode=tablet] .ha-advanced-tooltip-enable.ha-advanced-tooltip-tablet-bottom .ha-advanced-tooltip-content::after{top:unset;right:unset;bottom:100%;left:50%;border-color:transparent transparent var(--ha-tooltip-arrow-color) transparent;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.ha-advanced-tooltip-enable.ha-advanced-tooltip-left .ha-advanced-tooltip-content,body[data-elementor-device-mode=tablet] .ha-advanced-tooltip-enable.ha-advanced-tooltip-tablet-left .ha-advanced-tooltip-content{top:50%;right:calc(101% + var(--ha-tooltip-arrow-distance));bottom:unset;left:unset;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ha-advanced-tooltip-enable.ha-advanced-tooltip-left .ha-advanced-tooltip-content::after,body[data-elementor-device-mode=tablet] .ha-advanced-tooltip-enable.ha-advanced-tooltip-tablet-left .ha-advanced-tooltip-content::after{top:50%;right:unset;bottom:unset;left:100%;border-color:transparent transparent transparent var(--ha-tooltip-arrow-color);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ha-advanced-tooltip-enable.ha-advanced-tooltip-right .ha-advanced-tooltip-content,body[data-elementor-device-mode=tablet] .ha-advanced-tooltip-enable.ha-advanced-tooltip-tablet-right .ha-advanced-tooltip-content{top:50%;right:unset;bottom:unset;left:calc(101% + var(--ha-tooltip-arrow-distance));-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ha-advanced-tooltip-enable.ha-advanced-tooltip-right .ha-advanced-tooltip-content::after,body[data-elementor-device-mode=tablet] .ha-advanced-tooltip-enable.ha-advanced-tooltip-tablet-right .ha-advanced-tooltip-content::after{top:50%;right:100%;bottom:unset;left:unset;border-color:transparent var(--ha-tooltip-arrow-color) transparent transparent;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body[data-elementor-device-mode=mobile] .ha-advanced-tooltip-enable.ha-advanced-tooltip-mobile-top .ha-advanced-tooltip-content{top:unset;right:0;bottom:calc(101% + var(--ha-tooltip-arrow-distance));left:0;margin:0 auto}body[data-elementor-device-mode=mobile] .ha-advanced-tooltip-enable.ha-advanced-tooltip-mobile-top .ha-advanced-tooltip-content::after{top:100%;right:unset;bottom:unset;left:50%;border-color:var(--ha-tooltip-arrow-color) transparent transparent transparent;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}body[data-elementor-device-mode=mobile] .ha-advanced-tooltip-enable.ha-advanced-tooltip-mobile-bottom .ha-advanced-tooltip-content{top:calc(101% + var(--ha-tooltip-arrow-distance));right:0;bottom:unset;left:0;margin:0 auto}body[data-elementor-device-mode=mobile] .ha-advanced-tooltip-enable.ha-advanced-tooltip-mobile-bottom .ha-advanced-tooltip-content::after{top:unset;right:unset;bottom:100%;left:50%;border-color:transparent transparent var(--ha-tooltip-arrow-color) transparent;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}body[data-elementor-device-mode=mobile] .ha-advanced-tooltip-enable.ha-advanced-tooltip-mobile-left .ha-advanced-tooltip-content{top:50%;right:calc(101% + var(--ha-tooltip-arrow-distance));bottom:unset;left:unset;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body[data-elementor-device-mode=mobile] .ha-advanced-tooltip-enable.ha-advanced-tooltip-mobile-left .ha-advanced-tooltip-content::after{top:50%;right:unset;bottom:unset;left:100%;border-color:transparent transparent transparent var(--ha-tooltip-arrow-color);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body[data-elementor-device-mode=mobile] .ha-advanced-tooltip-enable.ha-advanced-tooltip-mobile-right .ha-advanced-tooltip-content{top:50%;right:unset;bottom:unset;left:calc(101% + var(--ha-tooltip-arrow-distance));-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body[data-elementor-device-mode=mobile] .ha-advanced-tooltip-enable.ha-advanced-tooltip-mobile-right .ha-advanced-tooltip-content::after{top:50%;right:100%;bottom:unset;left:unset;border-color:transparent var(--ha-tooltip-arrow-color) transparent transparent;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}body.elementor-editor-active .happy-addon.ha-gravityforms .gform_wrapper{display:block !important}.ha-scroll-to-top-wrap.ha-scroll-to-top-hide{display:none}.ha-scroll-to-top-wrap.edit-mode,.ha-scroll-to-top-wrap.single-page-off{display:none !important}.ha-scroll-to-top-button{position:fixed;right:15px;bottom:15px;z-index:9999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:50px;height:50px;border-radius:50px;background-color:#5636d1;color:#fff;text-align:center;opacity:1;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.ha-scroll-to-top-button i{color:#fff;font-size:16px}.ha-scroll-to-top-button:hover{background-color:#e2498a}.elementor-12806 .elementor-element.elementor-element-43006ed:not(.elementor-motion-effects-element-type-background),.elementor-12806 .elementor-element.elementor-element-43006ed>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-image:url("https://cdn-iledlak.nitrocdn.com/VZnykulZaebZnRNYpBrWbOIFRCrfFHba/assets/images/optimized/rev-729b5d5/e2homesolutions.com/wp-content/uploads/2025/01/titanxt-roofing-installers-min.jpg")}.elementor-12806 .elementor-element.elementor-element-43006ed:not(.elementor-motion-effects-element-type-background).nitro-lazy,.elementor-12806 .elementor-element.elementor-element-43006ed>.elementor-motion-effects-container>.elementor-motion-effects-layer.nitro-lazy{background-image:none !important}.lwptoc{margin:5px 0}.sub-nav .menu-item i.fa,.sub-nav .menu-item i.fas,.sub-nav .menu-item i.far,.sub-nav .menu-item i.fab{text-align:center;width:1.25em}.custom-label{position:absolute;top:50%;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);font-size:14px;border-radius:3px;z-index:99999;opacity:0;pointer-events:none;transition:opacity .3s ease}.left-label{left:10px}.right-label{right:10px}.twentytwenty-container.hajs-image-comparison:hover .custom-label{opacity:1;pointer-events:auto}html{scroll-behavior:smooth}:target{scroll-margin-top:4vh}.elementor-13056 .elementor-element.elementor-element-0151035{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-color:var(--e-global-color-el_color_7_4);--border-color:var(--e-global-color-el_color_7_4);--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}.elementor-13056 .elementor-element.elementor-element-0151035:hover{border-style:solid;border-color:var(--e-global-color-92d62e3);--border-color:var(--e-global-color-92d62e3)}.elementor-13056 .elementor-element.elementor-element-0151035,.elementor-13056 .elementor-element.elementor-element-0151035::before{--border-transition:.3s}.elementor-13056 .elementor-element.elementor-element-0151035.e-con{--flex-grow:0;--flex-shrink:0}.elementor-13056 .elementor-element.elementor-element-3c30cec{--display:flex;--width:33.3333%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px}.elementor-13056 .elementor-element.elementor-element-faca5b6 img{width:95px;border-radius:5px 5px 5px 5px}.elementor-13056 .elementor-element.elementor-element-f1ba439{--display:flex;--width:66.6666%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px}.elementor-13056 .elementor-element.elementor-element-94c5dff .the7-heading-title{font-family:var(--e-global-typography-el_title_6-font-family),Sans-serif;font-size:var(--e-global-typography-el_title_6-font-size);font-weight:var(--e-global-typography-el_title_6-font-weight);text-transform:var(--e-global-typography-el_title_6-text-transform);font-style:var(--e-global-typography-el_title_6-font-style);line-height:var(--e-global-typography-el_title_6-line-height);text-decoration-style:solid}.elementor-13056 .elementor-element.elementor-element-dd77875{--spacer-size:16px}.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button .popup-icon,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button:hover,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button:focus,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-hover:hover .box-button{background:rgba(255,255,255,0)}.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button.elementor-button:hover,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button.elementor-button:focus,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button.elementor-button:hover .popup-icon,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button.elementor-button:focus .popup-icon,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-hover:hover .box-button.elementor-button,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-hover:hover .box-button.elementor-button .popup-icon{background:rgba(255,255,255,0)}.elementor-13056 .elementor-element.elementor-element-fa4f914{--box-button-width:0px}.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button{min-width:0px;min-height:0px;padding:0px 0px 0px 8px;border-style:solid;border-width:0px 0px 0px 2px;border-radius:0px 0px 0px 0px}.elementor-13056 .elementor-element.elementor-element-fa4f914{--box-button-min-height:0px;--box-button-padding-top:0px;--box-button-padding-right:0px;--box-button-padding-bottom:0px;--box-button-padding-left:8px}.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button *{color:var(--e-global-color-el_color_7)}.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button svg{fill:var(--e-global-color-el_color_7);color:var(--e-global-color-el_color_7)}.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button:hover,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button:focus,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-hover:hover .box-button{border-color:var(--e-global-color-el_color_2_4)}.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button.elementor-button:hover,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-button.elementor-button:focus,.elementor-13056 .elementor-element.elementor-element-fa4f914 .box-hover:hover .box-button.elementor-button{border-color:var(--e-global-color-el_color_2)}@media (max-width:1366px){.elementor-13056 .elementor-element.elementor-element-94c5dff .the7-heading-title{font-size:var(--e-global-typography-el_title_6-font-size);line-height:var(--e-global-typography-el_title_6-line-height)}}@media (max-width:1100px){.elementor-13056 .elementor-element.elementor-element-94c5dff .the7-heading-title{font-size:var(--e-global-typography-el_title_6-font-size);line-height:var(--e-global-typography-el_title_6-line-height)}}@media (max-width:767px){.elementor-13056 .elementor-element.elementor-element-94c5dff .the7-heading-title{font-size:var(--e-global-typography-el_title_6-font-size);line-height:var(--e-global-typography-el_title_6-line-height)}}.elementor-13059 .elementor-element.elementor-element-da2ba14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var(--e-global-color-el_color_7_4);--border-color:var(--e-global-color-el_color_7_4);--border-radius:5px 5px 5px 5px}.elementor-13059 .elementor-element.elementor-element-da2ba14:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var(--e-global-color-92d62e3);--border-color:var(--e-global-color-92d62e3)}.elementor-13059 .elementor-element.elementor-element-da2ba14,.elementor-13059 .elementor-element.elementor-element-da2ba14::before{--border-transition:.3s}.elementor-13059 .elementor-element.elementor-element-83f2835 .the7-image-container{align-items:center;text-align:center}.elementor-13059 .elementor-element.elementor-element-83f2835{--overlay-opacity:0;--overlay-display:none;--overlay-hover-opacity:0;--the7-img-object-fit:var(--object-fit);--the7-img-width:var(--ratio-img-width);--the7-img-height:var(--ratio-img-height);--the7-img-max-height:var(--max-height);--the7-img-max-width:var(--max-width);--box-width:var(--image-size,var(--ratio-img-width));--the7-img-ratio:var(--aspect-ratio,var(--ratio));--transition-overlay-timing:ease-out;--transition-overlay-duration:300ms;--transition-overlay-duration-out:300ms;--transition-img-forward-duration:300ms;--transition-img-back-duration:300ms}.elementor-13059 .elementor-element.elementor-element-83f2835 .post-thumbnail-rollover,.elementor-13059 .elementor-element.elementor-element-83f2835 .the7-transform-container{overflow:visible}.elementor-13059 .elementor-element.elementor-element-83f2835 .the7-image-wrapper{max-width:91px}.elementor-13059 .elementor-element.elementor-element-83f2835 .post-thumbnail-rollover img{opacity:calc(100 / 100)}.elementor-13059 .elementor-element.elementor-element-83f2835 .the7-image-wrapper:hover img{opacity:calc(100 / 100)}.elementor-13059 .elementor-element.elementor-element-613434d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}.elementor-13059 .elementor-element.elementor-element-f07a567{--spacer-size:16px}.elementor-13059 .elementor-element.elementor-element-d4be3c2{text-align:center}.elementor-13059 .elementor-element.elementor-element-d4be3c2 .the7-heading-title{font-family:"Open Sans",Sans-serif;font-size:15px;text-transform:none;font-style:normal;line-height:1.6em;text-decoration-style:solid}.elementor-13490 .elementor-element.elementor-element-1b8e6286{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-color:var(--e-global-color-el_color_7_4);--border-color:var(--e-global-color-el_color_7_4);--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}.elementor-13490 .elementor-element.elementor-element-1b8e6286:hover{border-style:solid;border-color:var(--e-global-color-92d62e3);--border-color:var(--e-global-color-92d62e3)}.elementor-13490 .elementor-element.elementor-element-1b8e6286,.elementor-13490 .elementor-element.elementor-element-1b8e6286::before{--border-transition:.3s}.elementor-13490 .elementor-element.elementor-element-1b8e6286.e-con{--flex-grow:0;--flex-shrink:0}.elementor-13490 .elementor-element.elementor-element-512ea12{--display:flex;--width:33.3333%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px}.elementor-13490 .elementor-element.elementor-element-7fe2574 img{height:110px;object-fit:cover;object-position:center center}.elementor-13490 .elementor-element.elementor-element-7fe2574 svg{height:110px}.elementor-13490 .elementor-element.elementor-element-3da5aa4e{--display:flex;--width:66.6666%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px}.elementor-13490 .elementor-element.elementor-element-346b62f6 .the7-heading-title{font-family:var(--e-global-typography-el_title_6-font-family),Sans-serif;font-size:var(--e-global-typography-el_title_6-font-size);font-weight:var(--e-global-typography-el_title_6-font-weight);text-transform:var(--e-global-typography-el_title_6-text-transform);font-style:var(--e-global-typography-el_title_6-font-style);line-height:var(--e-global-typography-el_title_6-line-height);text-decoration-style:solid}.elementor-13490 .elementor-element.elementor-element-288e8b10{--spacer-size:16px}.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button .popup-icon,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button:hover,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button:focus,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-hover:hover .box-button{background:rgba(255,255,255,0)}.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button.elementor-button:hover,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button.elementor-button:focus,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button.elementor-button:hover .popup-icon,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button.elementor-button:focus .popup-icon,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-hover:hover .box-button.elementor-button,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-hover:hover .box-button.elementor-button .popup-icon{background:rgba(255,255,255,0)}.elementor-13490 .elementor-element.elementor-element-75ffdaf1{--box-button-width:0px}.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button{min-width:0px;min-height:0px;padding:0px 0px 0px 8px;border-style:solid;border-width:0px 0px 0px 2px;border-radius:0px 0px 0px 0px}.elementor-13490 .elementor-element.elementor-element-75ffdaf1{--box-button-min-height:0px;--box-button-padding-top:0px;--box-button-padding-right:0px;--box-button-padding-bottom:0px;--box-button-padding-left:8px}.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button *{color:var(--e-global-color-el_color_7)}.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button svg{fill:var(--e-global-color-el_color_7);color:var(--e-global-color-el_color_7)}.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button:hover,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button:focus,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-hover:hover .box-button{border-color:var(--e-global-color-el_color_2_4)}.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button.elementor-button:hover,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-button.elementor-button:focus,.elementor-13490 .elementor-element.elementor-element-75ffdaf1 .box-hover:hover .box-button.elementor-button{border-color:var(--e-global-color-el_color_2)}@media (max-width:1366px){.elementor-13490 .elementor-element.elementor-element-346b62f6 .the7-heading-title{font-size:var(--e-global-typography-el_title_6-font-size);line-height:var(--e-global-typography-el_title_6-line-height)}}@media (max-width:1100px){.elementor-13490 .elementor-element.elementor-element-346b62f6 .the7-heading-title{font-size:var(--e-global-typography-el_title_6-font-size);line-height:var(--e-global-typography-el_title_6-line-height)}}@media (max-width:767px){.elementor-13490 .elementor-element.elementor-element-346b62f6 .the7-heading-title{font-size:var(--e-global-typography-el_title_6-font-size);line-height:var(--e-global-typography-el_title_6-line-height)}}.roof-calculator,.roof-calculator *,.roof-calculator *::before,.roof-calculator *::after{box-sizing:border-box}.roof-calculator{--roof-primary:#4f7048;--roof-primary-dark:#365330;--roof-primary-light:#eef5ec;--roof-border:#d9dfd7;--roof-text:#20251f;--roof-muted:#60685e;--roof-background:#fff;--roof-surface:#f7f9f6;--roof-shadow:0 12px 35px rgba(28,44,25,.1);--roof-radius:16px;width:min(100%,1200px);margin:0 auto;padding:clamp(20px,4vw,48px);color:var(--roof-text);background:var(--roof-background);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}.roof-calculator img{display:block;max-width:100%}.roof-calculator__header{max-width:760px;margin:0 auto clamp(28px,5vw,50px);text-align:center}.roof-calculator__eyebrow{display:inline-flex;align-items:center;justify-content:center;margin:0 0 12px;padding:7px 13px;color:var(--roof-primary-dark);background:var(--roof-primary-light);border-radius:999px;font-size:.82rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.roof-calculator h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;letter-spacing:-.035em}.roof-calculator__intro{margin:0;color:var(--roof-muted);font-size:clamp(1rem,2vw,1.15rem)}.roof-calculator__layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:clamp(28px,5vw,52px);align-items:start}.roof-calculator__form{display:grid;gap:34px;min-width:0}.roof-calculator__section{min-width:0;margin:0;padding:0;border:0}.roof-calculator__legend{display:flex;align-items:center;width:100%;margin:0 0 18px;padding:0;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:750;line-height:1.25}.roof-calculator__step{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;margin-right:11px;color:#fff;background:var(--roof-primary);border-radius:50%;font-size:.95rem;font-weight:800}.roof-calculator__choices{display:grid;gap:16px}.roof-calculator__choices--steepness{grid-template-columns:repeat(3,minmax(0,1fr))}.roof-calculator__choices--size{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-calculator__option{position:relative;display:block;min-width:0;cursor:pointer}.roof-calculator__option input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.roof-calculator__option-card{position:relative;display:flex;height:100%;min-width:0;flex-direction:column;overflow:hidden;background:var(--roof-background);border:2px solid var(--roof-border);border-radius:var(--roof-radius);box-shadow:0 3px 12px rgba(28,44,25,.04);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease,background-color 180ms ease}.roof-calculator__option:hover .roof-calculator__option-card{border-color:#aab8a6;box-shadow:0 8px 22px rgba(28,44,25,.1);transform:translateY(-2px)}.roof-calculator__option input:focus-visible+.roof-calculator__option-card{outline:3px solid rgba(79,112,72,.3);outline-offset:3px}.roof-calculator__option input:checked+.roof-calculator__option-card{background:var(--roof-primary-light);border-color:var(--roof-primary);box-shadow:0 8px 25px rgba(54,83,48,.16);transform:translateY(-2px)}.roof-calculator__image{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#e8ece7}.roof-calculator__image img{width:100%;height:100%;object-fit:cover;transition:transform 250ms ease}.roof-calculator__option:hover .roof-calculator__image img{transform:scale(1.025)}.roof-calculator__check{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:31px;height:31px;color:#fff;background:var(--roof-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.18);font-size:1rem;font-weight:900;opacity:0;transform:scale(.65);transition:opacity 180ms ease,transform 180ms ease}.roof-calculator__option input:checked+.roof-calculator__option-card .roof-calculator__check{opacity:1;transform:scale(1)}.roof-calculator__option-text{display:flex;flex:1;flex-direction:column;justify-content:center;padding:15px 16px 17px}.roof-calculator__option-title{display:block;margin-bottom:2px;color:var(--roof-text);font-size:1.05rem;font-weight:760;line-height:1.25}.roof-calculator__option-description{display:block;color:var(--roof-muted);font-size:.88rem;line-height:1.35}.roof-calculator__result-column{position:sticky;top:24px;min-width:0}.roof-calculator__result{scroll-margin-top:20px;overflow:hidden;background:var(--roof-surface);border:1px solid var(--roof-border);border-radius:20px;box-shadow:var(--roof-shadow)}.roof-calculator__result-header{padding:24px 24px 20px;color:#fff;background:linear-gradient(135deg,var(--roof-primary-dark),var(--roof-primary))}.roof-calculator__result-label{margin:0 0 6px;font-size:.78rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;opacity:.88}.roof-calculator__result-heading{margin:0;color:#fff;font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.2}.roof-calculator__result-body{min-height:270px;padding:24px}.roof-calculator__empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;color:var(--roof-muted);text-align:center}.roof-calculator__empty-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:14px;color:var(--roof-primary-dark);background:var(--roof-primary-light);border-radius:50%;font-size:1.7rem}.roof-calculator__empty strong{display:block;margin-bottom:6px;color:var(--roof-text);font-size:1.05rem}.roof-calculator__empty p{max-width:280px;margin:0;font-size:.94rem}.roof-calculator__progress{display:flex;gap:8px;margin-top:22px}.roof-calculator__progress-item{width:34px;height:6px;background:#d8ded6;border-radius:999px}.roof-calculator__progress-item.is-complete{background:var(--roof-primary)}.roof-calculator__estimate{animation:roofEstimateReveal 260ms ease both}.roof-calculator__estimate-kicker{margin:0 0 8px;color:var(--roof-muted);font-size:.84rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.roof-calculator__price{margin:0 0 10px;color:var(--roof-primary-dark);font-size:clamp(2rem,4vw,3rem);font-weight:850;line-height:1.05;letter-spacing:-.045em}.roof-calculator__price-separator{display:inline-block;margin:0 4px;color:var(--roof-muted);font-size:.46em;font-weight:650;letter-spacing:0;vertical-align:middle}.roof-calculator__price-description{margin:0 0 20px;color:var(--roof-muted);font-size:.94rem}.roof-calculator__summary{display:grid;gap:10px;margin:0;padding:16px;background:#fff;border:1px solid var(--roof-border);border-radius:12px}.roof-calculator__summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;font-size:.91rem}.roof-calculator__summary-row span{color:var(--roof-muted)}.roof-calculator__summary-row strong{color:var(--roof-text);text-align:right}.roof-calculator__contact-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin-top:20px;padding:14px 20px;color:#fff;background:var(--roof-primary);border:2px solid var(--roof-primary);border-radius:10px;box-shadow:0 7px 18px rgba(54,83,48,.18);font-size:1rem;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.roof-calculator__contact-button:hover{color:#fff;background:var(--roof-primary-dark);border-color:var(--roof-primary-dark);box-shadow:0 10px 24px rgba(54,83,48,.26);transform:translateY(-2px)}.roof-calculator__contact-button:focus-visible{outline:3px solid rgba(79,112,72,.35);outline-offset:3px}.roof-calculator__notice{margin:20px 0 0;padding-top:16px;color:var(--roof-muted);border-top:1px solid var(--roof-border);font-size:.8rem;line-height:1.45}@keyframes roofEstimateReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.roof-calculator__layout{grid-template-columns:1fr}.roof-calculator__result-column{position:static}.roof-calculator__result-body{min-height:0}.roof-calculator__empty{min-height:175px}}@media (max-width: 640px){.roof-calculator{padding:22px 15px 32px}.roof-calculator__header{margin-bottom:32px}.roof-calculator h1{font-size:clamp(1.9rem,10vw,2.6rem)}.roof-calculator__form{gap:30px}.roof-calculator__choices--steepness,.roof-calculator__choices--size{grid-template-columns:1fr;gap:12px}.roof-calculator__option-card{min-height:112px;flex-direction:row}.roof-calculator__image{flex:0 0 40%;width:40%;aspect-ratio:auto;min-height:108px}.roof-calculator__option-text{padding:14px}.roof-calculator__option-title{font-size:1rem}.roof-calculator__result{border-radius:16px}.roof-calculator__result-header,.roof-calculator__result-body{padding:20px}.roof-calculator__price{font-size:clamp(2rem,10vw,2.6rem)}.roof-calculator__contact-button{min-height:56px;font-size:1.02rem}}@media (prefers-reduced-motion: reduce){.roof-calculator *,.roof-calculator *::before,.roof-calculator *::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.unlimited-elements-background-overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}.unlimited-elements-background-overlay.uc-bg-front{z-index:999}

Southeastern Wisconsin

Get free consultation!

View All Roofing

Asphalt Roofing Installer

Roofing Cost Calculator

Not sure what suits your home?

Exceed Expectations

View All Siding

LP® Smartside® Siding

ClimaForce™ Vinyl Siding

Alsco™ Soffit and Fascia

Gutter Protection

Not sure what suits your home?

Exceed Expectations

View All Windows

Double-Hung

Casement

Horizontal Slider

Picture

Awning

Single-Hung

Bay and Bow

Radius

Not sure what suits your home?

Exceed Expectations

View All Doors

MI® Sliding Glass

ProVia®

Signet®

Embarq®

Not sure what suits your home?

Exceed Expectations

View All Bathrooms

Shower Panel

Bathroom Vanity

Not sure what suits your home?

Exceed Expectations

Roofing Cost Calculator

Call us

Email

Location