html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
.clear{clear:both}
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body {
font-family: 'Manrope', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.444em;
max-width: 1920px;
margin: 0 auto;
} a{text-decoration:none;transition:.5s;}
b, strong{font-weight:800;}
nav, section, footer, div, li, a, input, select, textarea, img, td, h1, h2, h3, h4, h5{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input, select, textarea {
-webkit-appearance: none;
} p{margin:0 0 1.5em 0;}
p:last-child {
margin: 0 !important;
} a{text-decoration:none;transition:.5s;}
em, i{font-style:italic;}
img{height:auto;}
h1, h2, h3, h4, h5, h6{line-height:1.333em;}
#header{display:table;width:100%;}
#branding{display:table;width:1248px;margin:1em auto 1em auto;}
#branding li{display:table-cell;vertical-align:middle;}
#branding .left{width:50%;}
#branding .left img{display:table;float:left;width:17em;max-width:100%;}
#branding .right{width:50%;}
#branding .right .bbb{display:table;float:right;margin:0 0 2em 0;}
#branding .right .bbb img{display:table;width:12.556em;max-width:100%;}
#branding .right .origin{clear:both;display:table;float:right;font-size:1.667em;font-weight:700;color:#010c75;}
#branding .right .estimate{clear:both;display:table;float:right;margin:0 0 0 0;}
#branding .right .estimate a{display:table;float:right;font-size:1.333em;font-weight:700;text-transform:uppercase;color:#fff;line-height:1.5em;background:#d12b15;padding:0.5em 1em 0.5em 1em;}
#branding .right .estimate a i{display:inline-table;vertical-align:middle;font-size:1.5em;margin:0 0.25em 0 0;}
#branding .right .estimate a:hover{background:#010c75;}
#originscroll{display:table;width:100%;background:#ebebeb;}
#originscroll .originscroll{display:table;width:1248px;margin:0 auto;font-size:1.667em;line-height:1.556em;font-weight:700;color:#010c75;overflow:hidden;position:relative;}
#punchline{display:table;width:100%;background:#d12b15;}
#punchline .punchline{display:table;width:1248px;margin:0 auto;padding:0.333em;background:#010c75;color:#fff;font-size:1.667em;text-align:center;text-transform:uppercase;line-height:1.333em;}
#headermenu{display:table;width:100%;position:relative;}
#headermenu .social{display:table;right:0.25em;top:0.1em;position:absolute;font-size:2.778em;line-height:1em;}
#headermenu .social a{color:#fff;}
#headermenu .social a:hover{color:#d12b15;}
#footer{display:table;width:100%;background:url(//www.hopperoofing.com/wp-content/themes/hoppe/images/footer-bg.webp) top center repeat-x;}
#footer .footer{display:table;width:1248px;margin:2em auto 2em auto;}
#footer .footer ul{display:table;width:100%;margin:0;}
#footer .footer ul li{display:table-cell;vertical-align:middle;}
#footer .footer ul .left{width:25%;}
#footer .footer ul .left img{display:table;float:left;width:17em;max-width:100%;}
#footer .footer ul .middle{width:50%;text-align:center;}
#footer .footer ul .middle img{display:inline-table;vertical-align:middle;margin:0 1em;max-width:100%;}
#footer .footer ul .right{width:25%;}
#footer .footer ul .right .contactinfo{display:table;float:right;}
#footer .footer ul .right .contactinfo .location{display:table-cell;vertical-align:middle;text-align:right;line-height:1.444em;padding:0 0.5em 0 0;}
#footer .footer ul .right .contactinfo .social{display:table-cell;vertical-align:middle;font-size:2.778em;line-height:1em;}
#footer .footer ul .right .contactinfo .social a{color:#010c75;}
#footer .footer ul .right .contactinfo .social a:hover{color:#d12b15;}
#footer .footer ul .right .bbb{clear:both;display:table;float:right;margin:4em 0 0 0;}
#footer .footer ul .right .bbb img{display:table;width:12.556em;max-width:100%;}
#copyright{display:table;width:1248px;margin:1.5em auto 0 auto;padding:0.75em;background:#ebebeb;font-size:0.833em;font-weight:400;text-align:center;color:#000;line-height:1.333em;}
#copyright a{color:#000;}
#copyright a:hover{color:#d12b15;}
#herobanner{display:table;width:100%;background:url(//www.hopperoofing.com/wp-content/themes/hoppe/images/bannerbg.webp) center no-repeat #010c75;background-size:cover;}
#herobanner .herobanner{display:table;width:1248px;margin:3em auto;}
#herobanner .herobanner .metaslider .caption-wrap{background:url(//www.hopperoofing.com/wp-content/themes/hoppe/images/bannermsgbg.webp) left top no-repeat;background-size:contain;color:white;opacity:1;margin:0;height:100%;}
#herobanner .herobanner .metaslider .flexslider{margin:0;}
#herobanner .herobanner .metaslider .flex-control-nav{bottom:1em;right:1em;text-align:right;}
#herobanner .herobanner .flex-control-paging li a.flex-active{background:url(//www.hopperoofing.com/wp-content/themes/hoppe/images/active-star.webp) center no-repeat;background-size:cover;height:0.889em;widtH:0.889em;color:transparent;}
#herobanner .herobanner .flex-control-paging li a{background:url(//www.hopperoofing.com/wp-content/themes/hoppe/images/inactive-star.webp) center no-repeat;background-size:cover;height:0.889em;widtH:0.889em;color:transparent;}
#herobanner .herobanner .metaslider .caption{height:100%;display:flex;align-items:center;font-size:2em;font-weight:700;padding:1em 1.5em;}
#herobanner .herobanner .metaslider .caption ul{display:table;float:left;}
#herobanner .herobanner .metaslider .caption ul li{list-style:none;font-size:1em;padding:0.2em 0 0.2em 1.35em;background:url(//www.hopperoofing.com/wp-content/themes/hoppe/images/inactive-star.webp) left center no-repeat;background-size:1em;}
#preferredproducts{display:table;width:100%;margin:0;padding:0;}
#preferredproducts .heading{display:table;width:100%;background:#d12b15;}
#preferredproducts .heading h2{display:table;width:1248px;margin:0 auto;padding:0.333em;background:#010c75;color:#fff;font-size:1.667em;font-weight:800;text-align:center;text-transform:uppercase;line-height:1.333em;}
#preferredproducts .preferredproducts{display:table;width:1248px;margin:3em auto;}
#preferredproducts .preferredproducts li{list-style:none;}
#preferredproducts .preferredproducts li.first{display:table;width:100%;font-size:1.333em;line-height:1.556em;margin:0 0 2em 0;}
#preferredproducts .preferredproducts li.last{display:table;width:100%;font-size:1.333em;line-height:1.556em;margin:1em 0 0 0 !important;}
#preferredproducts .preferredproducts li{float:left;width:48%;position:relative;}
#preferredproducts .preferredproducts li.widget_media_image:nth-child(even){margin:0 4% 1.5em 0;}
#preferredproducts .preferredproducts li.widget_media_image:nth-child(odd){margin:0 0 1.5em 0;}
#preferredproducts .preferredproducts li h3{display:table;float:left;background:#d12b15;color:#fff;font-size:1.667em;font-weight:800;padding:0.5em 1em;position:absolute;left:0;top:0;}
#preferredproducts .preferredproducts li h3:after{content:"";border-top:2.333em solid #d12b15;border-left:0 solid transparent;border-right:0.667em solid transparent;height:0;width:0.5em;display:inline;position:absolute;right:-1em;top:0;}
#difference{display:table;width:100%;margin:0;padding:0;}
#difference .heading{display:table;width:100%;background:#d12b15;}
#difference .heading h2{display:table;width:1248px;margin:0 auto;padding:0.333em;background:#010c75;color:#fff;font-size:1.667em;font-weight:800;text-align:center;text-transform:uppercase;line-height:1.333em;}
#difference .difference{display:table;width:1248px;margin:3.5em auto;}
#difference .difference li{list-style:none;display:table-cell;vertical-align:top;}
#difference .difference li:nth-last-of-type(even){width:2%;}
#difference .difference li:nth-last-of-type(odd){width:32%;}
#difference .difference li.fbfeed{border:1px solid #010c75;}
#difference .difference li.homeform{background:#d12b15;padding:2em;text-align:center;color:#fff;}
#difference .difference li.homeform h3{font-size:3.333em;font-weight:800;text-transform:uppercase;line-height:1em;margin:0 0 0.25em 0;}
#difference .difference li.homeform h3 span{display:table;margin:0 auto;font-size:0.6em;font-weight:800;text-transform:uppercase;line-height:1em;}
#difference .difference li.homeform h4{font-size:1em;line-height:1.333em;margin:0 0 1em 0;}
#difference .difference li.homeform h4 br{display:inline;}
#difference .difference li.homeform .wpcf7 table{display:table;margin:0 auto;}
#difference .difference li.homeform .wpcf7 table tr td{float:left;width:100%;padding:0.2em;}
#difference .difference li.homeform .wpcf7 table tr td input{margin:0;}
#difference .difference li.homeform .wpcf7 table tr td textarea{margin:0;}
#difference .difference li.homeform .wpcf7 table tr td input[type="submit"]{padding:0;margin:0 auto;width:100%;background:#010c75;color:#fff;}
#difference .difference li.homeform .wpcf7 table tr td input[type="submit"]:hover{color:#fff;background:#000;}
#difference .difference li.homeform .wpcf7 div.wpcf7-response-output{color:yellow !important;}
#difference .difference li.homeform .wpcf7 div.wpcf7-mail-sent-ng{color:white !important;}
#difference .difference li.homeform .wpcf7 span.wpcf7-not-valid-tip{color:yellow !important;}
#difference .difference li.homeform .wpcf7 div.wpcf7-validation-errors{color:yellow !important;}
#difference .difference li.homeservices{background:#010c75;padding:2em;color:#fff;}
#difference .difference li.homeservices h3{background:#010c75;font-size:1.111em;font-weight:800;margin:0 0 0.75em 0;}
#difference .difference li.homeservices p{font-size:1.111em;margin:0 0 0.75em 0;}
#difference .difference li.homeservices ul{display:table;width:100%;margin:0 0 1em 0;}
#difference .difference li.homeservices ul li{list-style:none;display:block;width:100%;font-size:1.222em;padding:0.2em 0 0.2em 1.35em;position:relative;}
#difference .difference li.homeservices ul li:before{content:"\f005";left:0;font-size:0.889em;position:absolute;font-family:"Font Awesome 5 Free";font-weight:400;color:#fff;}
#difference .difference li.homeservices a{display:table;float:left;font-size:1.111em;font-weight:800;color:#fff;padding:0.5em 1em;border:1px solid #fff;}
#difference .difference li.homeservices a:hover{background:#d12b15;}
#container #content a{color:#010c75;font-weight:400;}
#container #content a:hover{color:#d12b15;}
#container{width:1248px;display:table;margin:0 auto;padding:3em 0 3em 0;}
#content{float:left;width:71%;}
#sidebar{float:right;width:27%;}
#container #content h1{font-size:2.667em;line-height:1.35em;margin:0 0 0.5em 0;color:#1f1600;}
#container #content h2{font-size:2em;line-height:1.35em;margin:0 0 0.600em 0;color:#000;}
#container #content h3{font-size:1.75em;line-height:1.35em;margin:0 0 0.750em 0;color:#000;}
#container #content h4{font-size:1.5em;line-height:1.35em;margin:0 0 0.900em 0;color:#000;}
#container #content ul{line-height:1.5em;margin-bottom:1.5em;padding-left:1em;}
#container #content ul li{list-style:none;padding:0.1em 0 0.1em 1.35em;position:relative;}
#container #content ul li:before{content:"\f005";left:0;font-size:0.889em;position:absolute;font-family:"Font Awesome 5 Free";font-weight:400;color:#d12b15;}
#container #content ul li ul{margin-bottom:0.5em;}
#container #content ol{line-height:1.5em;margin-bottom:1.5em;padding-left:2em;list-style:decimal;}
#container #content ol li{padding:0.3em 0;}
#container #content .imgright{width:300px;float:right;margin:0 0 0.5em 1.5em;clear:right;}
#container #content .imgright img{width:100%;height:auto;margin:0;position:relative;z-index:1;}
#container #content .threeimgs{display:table;width:100%;margin:0 0 2em 0;padding:0;}
#container #content .threeimgs li{width:32%;margin:0 2% 0 0;padding:0;list-style:none;background:none;float:left;}
#container #content .threeimgs li:last-child{margin:0;}
#container #content .threeimgs li img{display:table;width:100%;height:auto;margin:0;}
#container #content .threeimgs li.double{width:64%;margin:0 0 0 2%;}
.alignleft{width:300px;float:left;margin:0 1.5em 0.5em 0;clear:left;}
.alignright{width:300px;float:right;margin:0 0 0.5em 1.5em;clear:right;}
.alignnone{float:none;margin:1.5em auto;display:table;max-width:100%;}
.aligncenter{float:none;margin:1.5em auto;display:table;max-width:100%;}
#container #content .free-insp-block{width:300px;float:right;margin:0 0 0.5em 1.5em;background:#010c75;color:#fff;text-align:center;padding:1em 1em;clear:right;position:relative;z-index:1;}
#container #content .free-insp-block span{font-size:2em;line-height:1.333em;}
#container #content .free-insp-block span a{font-weight:800;color:#fff;}
#container #content .free-insp-block span a:hover{color:#fff;}
#container #content .free-insp-block a{font-weight:800;color:#fff;}
#container #content .free-insp-block a:hover{color:#fff;}
#container #content .free-insp-block a img{display:table;width:100%;padding:5px;background:#fff;margin:0 0 0.5em 0}
#container #content .grax-contbox{width:300px;float:right;background:#ebebeb;margin:0 0 0.5em 1.5em;padding:1.5em;}
#container #content .grax-contbox h3{font-size:1.111em;font-weight:800;}
#container #content .grax-contbox ul{margin:0;padding:0;}
#container #content .grax-contbox img{display:table;width:100%;margin:1em 0;}
#container #content .videos{display:table;width:100%;margin:2em 0;padding:0;}
#container #content .videos li{list-style:none;float:left;width:48%;margin:0 4% 2em 0;padding:0;}
#container #content .videos li:nth-child(even){margin:0 0 1.5em 0;}
#container #content .videos li:before{display:none;}
#container #content .ngg-galleryoverview{margin:0;}
.wpcf7 .wpcf7-form p{margin:0 !important;}
input{height:2.778em;font-family:'Manrope', sans-serif;font-weight:400;font-size:1em;width:100%;padding:0 0.75em;border:1px solid #ccc;margin:0 0 0.5em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;box-shadow:0.125em 0.125em 0.25em rgba(0, 0, 0, 0.25);}
textarea{height:7em;font-family:'Manrope', sans-serif;font-weight:400;font-size:1em;width:100%;padding:0.5em 0.75em;border:1px solid #ccc;margin:0 0 0.5em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;resize:none;box-shadow:0.125em 0.125em 0.25em rgba(0, 0, 0, 0.25);}
input[type="submit"]{display:table;font-family:'Manrope', sans-serif;text-decoration:none;color:#fff;font-size:1em;font-weight:700;line-height:2.778em;background:#010c75;cursor:pointer;cursor:hand;border:none;padding:0 1em;height:inherit;margin:0 auto 0 auto;width:100%;transition:.5s;}
input[type="submit"]:hover{color:#fff;background:#d12b15;}
div.wpcf7 .wpcf7-spinner{visibility:hidden;z-index:999;position:relative;top:-2em;right:1em;float:right;margin:0 0 -1.5em 0 !important;}
div.wpcf7 br{display:none;}
div.wpcf7-response-output{margin:10px 0 0 0 !important;padding:0 !important;color:yellow !important;text-align:center !important;font-size:1em !important;border:none !important;line-height:1.25em !important;}
div.wpcf7-mail-sent-ng{margin:10px 0 0 0 !important;padding:0 !important;color:white !important;text-align:center !important;font-size:1em !important;border:none !important;line-height:1.25em !important;}
span.wpcf7-not-valid-tip{margin:0 0 5px 0 !important;color:yellow !important;font-size:1em !important;font-weight:400 !important;text-align:left !important;line-height:1.25em !important;}
div.wpcf7-validation-errors{color:yellow !important;border:none !important;font-weight:400;margin:0.556em 0 !important;line-height:1.25em !important;}
div.wpcf7-mail-sent-ok{border:none !important;margin:0.556em 0 !important;line-height:1.25em !important;}
#searchform #s{width:75%;float:left;border:1px solid #ccc;margin:0;font-size:1em;height:2.778em;padding:0 1em;}
#searchform input[type="submit"]{width:25%;float:left;font-size:1em;height:2.778em;padding:0;}
.entry-meta{margin:0 0 1em 0;}
.entry-footer{border:1px solid #ededed;background:#fbfbfb;padding:0.25em 1em;display:table;width:100%;margin:1.5em 0 0 0;}
.cat-links{float:left;display:table;width:100%;padding:0;}
.tag-links{float:left;display:table;width:100%;padding:0;}
#nav-below{margin:1.5em 0 0 0;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}
#container #content article{margin:0 0 3em 0 !important;}
.postmetadata{border:1px solid #ededed;background:#f9f9f9;padding:.75em;display:table;width:100%;margin:0;font-size:.883em;line-height:1.444em;color:#999;box-sizing:border-box;}
.page-template-front-page #container{display:table;width:100%;margin:0;padding:0;}
.page-template-front-page #container #content{width:100%;background:#ebebeb;}
.page-template-front-page #container #content article{margin:0 !important;}
.page-template-front-page #container #content header{display:table;width:100%;background:#d12b15;}
.page-template-front-page #container #content header h1{display:table;width:1248px;margin:0 auto;padding:0.333em;background:#010c75;color:#fff;font-size:1.667em;font-weight:800;text-align:center;text-transform:uppercase;line-height:1.333em;}
.page-template-front-page #container #content .entry-content{display:table;width:1248px;margin:2em auto;font-size:1.333em;line-height:1.556em;text-align:center;}
.page-template-front-page #container #content .entry-content .component{display:table;width:100%;text-align:center;margin:1.5em 0;}
.page-template-front-page #container #content .entry-content .component img{display:inline-table;vertical-align:middle;margin:0 -0.5em;}
.page-template-front-page #container #content .entry-content p:last-of-type{margin:0;}
.page-template-front-page #container #content .entry-content .wic{display:table;margin:2em auto 0 auto;width:100%;}
.page-template-front-page #container #content .entry-content .wic img{display:table;margin:0 auto;width:60%;}
.sidebarform{display:table;width:100%;padding:1.5em 1em;text-align:center;margin:0 0 1.5em 0;background:#d12b15;color:#fff;}
.sidebarform h3{font-size:3.333em;font-weight:800;text-transform:uppercase;line-height:1em;margin:0 0 0.25em 0;}
.sidebarform h3 span{display:table;margin:0 auto;font-size:0.6em;font-weight:800;text-transform:uppercase;line-height:1em;}
.sidebarform h4{font-size:1em;line-height:1.333em;margin:0 0 1em 0;}
.sidebarform h4 br{display:inline;}
.sidebarform .wpcf7{margin:0;}
.sidebarform .wpcf7 table{display:table;margin:0 auto;}
.sidebarform .wpcf7 table tr td{float:left;width:100%;padding:0.2em;}
.sidebarform .wpcf7 table tr td input{margin:0;}
.sidebarform .wpcf7 table tr td textarea{margin:0;}
.sidebarform .wpcf7 table tr td input[type="submit"]{padding:0;margin:0 auto;width:100%;background:#010c75;color:#fff;}
.sidebarform .wpcf7 table tr td input[type="submit"]:hover{color:#fff;background:#000;}
.sidebarform .wpcf7 div.wpcf7-response-output{color:yellow !important;}
.sidebarform .wpcf7 div.wpcf7-mail-sent-ng{color:white !important;}
.sidebarform .wpcf7 span.wpcf7-not-valid-tip{color:yellow !important;}
.sidebarform .wpcf7 div.wpcf7-validation-errors{color:yellow !important;}
.sidebarservices{display:table;width:100%;padding:2em;margin:0 0 1.5em 0;background:#010c75;color:#fff;}
.sidebarservices h3{background:#010c75;font-size:1em;font-weight:800;margin:0 0 0.75em 0;}
.sidebarservices p{font-size:1em;margin:0 0 0.75em 0;}
.sidebarservices ul{display:table;width:100%;margin:0 0 1em 0;}
.sidebarservices ul li{list-style:none;display:block;width:100%;font-size:1em;padding:0.2em 0 0.2em 1.35em;position:relative;}
.sidebarservices ul li:before{content:"\f005";left:0;font-size:0.889em;position:absolute;font-family:"Font Awesome 5 Free";font-weight:400;color:#fff;}
.sidebarservices a{display:table;float:left;font-size:1em;font-weight:800;color:#fff;padding:0.5em 1em;border:1px solid #fff;}
.sidebarservices a:hover{background:#d12b15;}
.sidebartestimonials{display:table;width:100%;padding:2em;margin:0 0 1.5em 0;border:1px solid #010c75;}
.sidebartestimonials h3{font-size:1.333em;font-weight:800;text-align:center;text-transform:uppercase;color:#010c75;margin:0 0 0.75em 0;}
.sidebartestimonials .strong-view.wpmtst-simple .wpmtst-testimonial-inner{padding:0;text-align:center;}
.sidebartestimonials .testimonial-name{margin:1em 0 0 0;font-weight:700;color:#010c75;}
.sidebartestimonials .strong-view.nav-position-outside .wpmslider-controls{padding:1em 0 0 0;}
.videocontainer{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.videocontainer .videosize{position:absolute;top:0;left:0;width:100%;height:100%;}
.videocontainer iframe{display:table;}
#container #content .contact{width:100%;display:table;margin:0 0 1.5em 0;}
#container #content .contact h3{font-size:1.222em;font-weight:800;}
#container #content .contact .address{width:48%;float:left;display:table;text-align:left;font-size:1em;}
#container #content .contact .hours{width:48%;float:right;display:table;}
#container #content .contact .map{clear:both;float:left;display:table;width:100%;margin:2em 0 0 0;}
#container #content .contact .map iframe{width:100%;height:400px;border:1px solid #ccc;border-radius:0.5em;}
.page-template-full-width #container #content{width:84%;float:none;margin:0 auto;}
.page-template-full-width #container #content h1{text-align:center;}
.page-template-full-width #container #content .estimatorpage{display:table;width:100%;margin:0;border:1px solid #969696;padding:2em;text-align:center;}
.page-template-full-width #container #content .estimatorpage .twocolcal{display:grid;gap:0 0;grid-template-columns:65% 35%;margin:0 0 2em 0;width:100%;}
.page-template-full-width #container #content .estimatorpage .twocolcal .calc{text-align:center;padding:0.5em;background:#eeeeee;}
.page-template-full-width #container #content .estimatorpage .twocolcal .benefit{text-align:center;padding:1.5em;background:#f4f4f4;}
.page-template-full-width #container #content .estimatorpage .twocolcal .benefit div{display:table;width:100%;margin:0 0 1em 0;line-height:1.222em;}
.page-template-full-width #container #content .estimatorpage .twocolcal .benefit div:last-of-type{margin:0 0 0 0;}
.page-template-full-width #container #content .estimatorpage .twocolcal .benefit div .fa-solid{margin:0;}
.page-template-full-width #container #content .estimatorpage .threecols{display:grid;gap:0 2%;grid-template-columns:32% 32% 32%;margin:0 0 0 0;width:100%;}
.page-template-full-width #container #content .estimatorpage .threecols h4{font-size:1.333em;margin:0 0 0.25em 0;}
.page-template-full-width #container #content .estimatorpage .threecols div{background:#f4f4f4;padding:1em;}
.page-template-full-width #container #content .estimatorpage .fa-solid{color:#d12b15;font-size:2em;margin:0 0 0.5em 0;}
.page-template-full-width #container #content .estimatorpage p:empty{display:none;}
.page-template-front-page #estimator{display:table;width:100%;margin:3em auto 2em auto;}
.page-template-front-page #estimator h3{font-size:1.667em;font-weight:700;color:#010c75;text-align:center;line-height:1.333em;margin:0 0 0.5em 0;}
.page-template-front-page #estimator p {
font-size: 1.333em;
text-align: center;
line-height: 1.333em;
margin: 0;
}@media only screen and (max-width : 1600px) and (min-width : 1249px){}
@media only screen and (max-width : 1248px) and (min-width : 1141px) {
body{font-size:15px;}
#container #content .imgright{width:32%;}
.alignleft{width:32%;}
.alignright{width:32%;}
#container #content .free-insp-block{width:32%;}
#container #content .grax-contbox{width:32%;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size:1.111em !important;padding:0 1em 0 1em !important;line-height:3em !important;height:3em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1em !important;padding:0 1.111em 0 1.111em !important;line-height:2.778em !important;}
#branding{width:92%;}
#punchline .punchline{width:92%;}
#footer .footer{width:92%;}
#copyright{width:92%;}
#herobanner .herobanner{width:92%;}
#preferredproducts .heading h2{width:92%;}
#preferredproducts .preferredproducts{width:92%;}
#difference .heading h2{width:92%;}
#difference .difference{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content header h1{width:92%;}
.page-template-front-page #container #content .entry-content{width:92%;}
.page-template-front-page #container #content .entry-content .component img{width:30%;}
#originscroll .originscroll{width:92%;}
}
@media only screen and (max-width : 1140px) and (min-width : 1025px) {
body{font-size:14px;}
#container #content .imgright{width:32%;}
.alignleft{width:32%;}
.alignright{width:32%;}
#container #content .free-insp-block{width:32%;}
#container #content .grax-contbox{width:32%;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size:1.111em !important;padding:0 1em 0 1em !important;line-height:3em !important;height:3em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1em !important;padding:0 1.111em 0 1.111em !important;line-height:2.778em !important;}
#branding{width:92%;}
#punchline .punchline{width:92%;}
#footer .footer{width:92%;}
#copyright{width:92%;}
#herobanner .herobanner{width:92%;}
#preferredproducts .heading h2{width:92%;}
#preferredproducts .preferredproducts{width:92%;}
#difference .heading h2{width:92%;}
#difference .difference{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content header h1{width:92%;}
.page-template-front-page #container #content .entry-content{width:92%;}
.page-template-front-page #container #content .entry-content .component img{width:30%;}
#originscroll .originscroll{width:92%;}
}
@media only screen and (max-width : 1024px) and (min-width : 901px) {
body{font-size:13px;}
#container #content .imgright{width:32%;}
.alignleft{width:32%;}
.alignright{width:32%;}
#container #content .free-insp-block{width:32%;}
#container #content .grax-contbox{width:32%;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size:1.111em !important;padding:0 1em 0 1em !important;line-height:3em !important;height:3em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1em !important;padding:0 1.111em 0 1.111em !important;line-height:2.778em !important;}
#branding{width:92%;}
#punchline .punchline{width:92%;}
#footer .footer{width:92%;}
#copyright{width:92%;}
#herobanner .herobanner{width:92%;}
#preferredproducts .heading h2{width:92%;}
#preferredproducts .preferredproducts{width:92%;}
#difference .heading h2{width:92%;}
#difference .difference{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content header h1{width:92%;}
.page-template-front-page #container #content .entry-content{width:92%;}
.page-template-front-page #container #content .entry-content .component img{width:30%;}
#originscroll .originscroll{width:92%;}
}
@media only screen and (max-width : 900px) and (min-width : 801px) {
body{font-size:12px;}
#container #content .imgright{width:32%;}
.alignleft{width:32%;}
.alignright{width:32%;}
#container #content .free-insp-block{width:32%;}
#container #content .grax-contbox{width:32%;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size:1.111em !important;padding:0 1em 0 1em !important;line-height:3em !important;height:3em !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:1em !important;padding:0 1.111em 0 1.111em !important;line-height:2.778em !important;}
#branding{width:92%;}
#punchline .punchline{width:92%;}
#footer .footer{width:92%;}
#copyright{width:92%;}
#herobanner .herobanner{width:92%;}
#preferredproducts .heading h2{width:92%;}
#preferredproducts .preferredproducts{width:92%;}
#difference .heading h2{width:92%;}
#difference .difference{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content header h1{width:92%;}
.page-template-front-page #container #content .entry-content{width:92%;}
.page-template-front-page #container #content .entry-content .component img{width:30%;}
#originscroll .originscroll{width:92%;}
}
@media only screen and (max-width : 800px) {
body{font-size:16px;}
#content{width:100%;margin:0 0 3em 0;}
#sidebar{width:100%;}
#container #content .imgright{width:32%;}
.alignleft{width:32%;}
.alignright{width:32%;}
#container #content .free-insp-block{width:32%;}
#container #content .grax-contbox{width:32%;}
#branding{width:92%;}
#punchline .punchline{width:92%;font-size:1.444em;}
#footer .footer{width:92%;}
#copyright{width:92%;}
#herobanner .herobanner{width:92%;}
#preferredproducts .heading h2{width:92%;font-size:1.444em;}
#preferredproducts .preferredproducts{width:92%;}
#difference .heading h2{width:92%;font-size:1.444em;}
#difference .difference{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content header h1{width:92%;font-size:1.444em;}
.page-template-front-page #container #content .entry-content{width:92%;}
.page-template-front-page #container #content .entry-content .component img{width:30%;margin:0;}
#branding li{display:table;width:100% !important;}
#branding .left img{float:none;margin:0 auto 2em auto;}
#branding .right .bbb{float:none;margin:0 auto 2em auto;}
#branding .right .origin{float:none;margin:0 auto;}
#herobanner .herobanner .metaslider .caption{font-size:1.333em;}
#preferredproducts .preferredproducts li h3{font-size:1.333em;}
#difference .difference li{display:table;width:100% !important;}
#difference .difference li:nth-last-of-type(2n){padding:0.5em;}
#footer .footer ul li{display:table;width:100% !important;}
#footer .footer ul .left img{float:none;margin:0 auto 2em auto;}
#footer .footer ul .right .contactinfo{float:none;margin:2em auto;}
#footer .footer ul .right .bbb{float:none;margin:0 auto;}
.page-template-front-page #container #content .entry-content{font-size:1.111em;}
#preferredproducts .preferredproducts li.first{font-size:1.111em;}
#preferredproducts .preferredproducts li.last{font-size:1.111em;}
#originscroll .originscroll{width:92%;font-size:1.333em;}
#branding .right .estimate{float:none;margin:0 auto 0 auto;}
.page-template-front-page #container #content .entry-content .wic img{width:100%;}
.page-template-full-width #container #content{width:100%;}
.page-template-full-width #container #content .estimatorpage .twocolcal{grid-template-columns:100%;}
}
@media only screen and (max-width : 690px) {
#container #content .imgright{width:100%;}
.alignleft{width:100%;}
.alignright{width:100%;}
#container #content .free-insp-block{width:100%;}
#container #content .grax-contbox{width:100%;}
.contact .address{width:100%;margin:0 0 2em 0;}
.contact .hours{width:100%;margin:0 0 2em 0;}
.page-template-front-page #container #content .entry-content .component img{width:auto;margin:0 auto;}
#preferredproducts .preferredproducts li{width:100%;}
#herobanner .herobanner .metaslider .caption{font-size:1em;}
#herobanner .herobanner .metaslider .caption-wrap{position:relative;background:#d12b15;}
.page-template-full-width #container #content .estimatorpage .threecols{gap:1em 0;grid-template-columns:100%;}
}
@media only screen and (max-width : 480px) {
#container #content .threeimgs li {
width: 100%;
margin: 0 0 1em 0;
}
#container #content .imgright {
width: 100%;
margin: 0 0 1em 0;
}
#container #content ul {
float: left;
width: 100%;
}
.page-template-full-width #container #content .estimatorpage {
border: none;
padding: 0;
}
}