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: 'Lato', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.444em;
letter-spacing: -0.02em;
word-spacing: 0.04em;
max-width: 2400px;
margin: 0 auto;
} a{text-decoration:none;transition:.5s;}
b, strong{font-weight:700;}
nav, section, footer, div, li, a, input, select, textarea, img, td{-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;box-sizing:border-box;}
.mobileimg{display:none !important;}
#header{display:table;width:100%;position:relative;}
#branding{display:table;width:84%;margin:2em auto;}
#branding .left{display:table-cell;vertical-align:bottom;width:50%;}
#branding .left img{display:table;margin:0;float:left;width:26em;max-width:100%;position:relative;z-index:1;}
#branding .right{display:table-cell;vertical-align:bottom;width:50%;font-size:2em;text-align:right;color:#000;line-height:1.222em;}
#branding .right span{font-weight:700;}
#branding .right span i{color:#a61919;}
#branding .right a{color:#000;}
#branding .right a:hover{color:#a61919;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:auto !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{white-space:nowrap !important;}
.headermenu{display:table;width:auto;position:absolute;top:0;right:0;background:#a61919;padding:0.25em 0;}
.headermenu nav{display:table-cell;vertical-align:middle;}
.headermenu .social{display:table-cell;vertical-align:middle;background:#a61919;padding:0 2em;}
.headermenu .social a{font-size:2.667em;margin:0 0.125em;color:#fff;}
.headermenu .social a:hover{color:#000;}
.headermenu:before{content:'';position:absolute;top:0;left:-15em;height:100%;background-image:linear-gradient(90deg, #fff 0%, #a61919 70%, #a61919 100%);width:15em;}
.mobileheader{display:none;}
#footer{display:table;width:100%;background:#2b2b2b;color:#fff;}
#footer .footerinfo{display:grid;width:84%;gap:0 3.5%;grid-template-columns:31% 31% 31%;margin:0 auto 0 auto;}
#footer .footerinfo .left{padding:2em 0;}
#footer .footerinfo .left img{display:table;float:left;width:26em;max-width:100%;}
#footer .footerinfo .middle{background:#000000;padding:2em;font-size:1.222em;line-height:1.556em;}
#footer .footerinfo .middle a{color:#000;}
#footer .footerinfo .middle a:hover{color:#d52229;}
#footer .footerinfo .middle hr{display:table;width:100%;height:1px;margin:1em 0;background:none;border-top:1px dashed #000;border-bottom:none;}
#footer .footerinfo .right{padding:2em 0 2em 0;font-size:1.333em;line-height:1.556em;}
#footer .footerinfo .right .social{display:table;width:100%;margin:0.5em 0 0 0;}
#footer .footerinfo .right .social a{font-size:2em;margin:0 0.25em 0 0;}
#footer .footerinfo a{color:#fff;white-space:nowrap;}
#footer .footerinfo a:hover{color:#a61919;}
#copyright{display:table;width:100%;font-size:0.833em;font-weight:400;text-align:center;padding:1em;}
#copyright a{color:#000;}
#copyright a:hover{color:#a61919;}
#vision{display:table;width:100%;background:#a61919;color:#fff;font-size:2em;font-weight:700;text-align:center;line-height:1.333em;padding:0.25em 1em;}
#homebanner{display:table;width:100%;margin:0;position:relative;}
#homebanner img{display:table;width:100%;margin:0;}
#homebanner .homebanner{display:table;width:84%;margin:0 auto 0 auto;left:0;right:0;top:5em;position:absolute;}
#homebanner .homebanner h1{display:table;font-size:4em;font-weight:700;color:#fff;line-height:1.333em;margin:0 0 1em 0;text-shadow:0.0312em 0.0312em 0.0625em rgba(0, 0, 0, 0.5);}
#homebanner .homebanner h1 span{color:#ffff00;position:relative;}
#homebanner .homebanner h1 span:after{content:"";display:table;width:100%;height:0.0625em;background:#fff;box-shadow:0.0312em 0.0312em 0.0625em rgba(0, 0, 0, 0.5);right:0;position:absolute;bottom:0;}
#homebanner .homebanner h3{display:table;font-size:2em;font-weight:700;color:#fff;line-height:1.333em;margin:0 0 1em 0;text-shadow:0.0312em 0.0312em 0.0625em rgba(0, 0, 0, 0.5);}
#featured{display:table;width:100%;}
#featured .featured{display:table;width:84%;margin:6em auto 6em auto;}
#featured .featured ul{display:grid;gap:0 3.5%;grid-template-columns:31% auto;width:100%;}
#featured .featured ul li img{display:table;width:100%;margin:0;}
#featured .featured ul li h2{font-size:1.667em;font-weight:700;line-height:1.333em;color:#a61919;text-transform:uppercase;margin:0 0 0.125em 0;}
#featured .featured ul li h3{font-size:2.667em;font-weight:700;line-height:1.222em;margin:0 0 0.5em 0;}
#featured .featured ul li h3 a{color:#000;}
#featured .featured ul li h3 a:hover{color:#a61919;}
#featured .featured ul li .postexcerpt{display:table;width:100%;font-size:1.333em;line-height:1.444em;margin:0 0 1.5em 0;}
#featured .featured ul li a.readmore{display:table;float:left;font-size:1.333em;font-weight:700;color:#fff;line-height:1em;text-transform:uppercase;background:#a61919;padding:0.65em 1em;white-space:nowrap;}
#featured .featured ul li a.readmore:hover{background:#000;color:#fff;}
#testimonials{display:table;width:100%;background:#e8e8e8;}
#testimonials .testimonials{display:table;width:64%;margin:4em auto 4em auto;}
#testimonials .testimonials h3{font-size:2.667em;font-weight:700;text-align:center;margin:0 0 0.5em 0;}
#testimonials .testimonials h3:before{content:"\f005\f005\f005\f005\f005";display:table;margin:0 auto;font-size:0.778em;font-family:"Font Awesome 6 Free";color:#a61919;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner{font-size:1.222em;font-style:italic;line-height:1.556em;text-align:center;padding:0;display:flex;flex-direction:column;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner .testimonial-content{margin:0 0 1em 0;order:2;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner .testimonial-name{font-weight:700;order:3;}
#testimonials .testimonials .textwidget .wpmslider-controls{position:relative;padding:0;bottom:-1em;}
#usps{display:table;width:100%;background:#d2d2d2;}
#usps .usps{display:table;width:84%;margin:3em auto 3em auto;}
#usps .usps ul{display:grid;width:100%;gap:0 1px;grid-template-columns:33% 34% 33%;color:#fff;font-size:1.667em;font-weight:700;text-align:center;line-height:1.333em;}
#usps .usps ul li{padding:2em 1em;}
#usps .usps ul li:nth-child(1){background:#a61919;}
#usps .usps ul li:nth-child(2){background:#000;}
#usps .usps ul li:nth-child(3){background:#5e5b5c;}
#usps .usps ul li:nth-child(1):before{content:"\f005";display:table;margin:0 auto 0.5em auto;font-size:2em;font-family:"Font Awesome 6 Free";color:#fff;}
#usps .usps ul li:nth-child(2):before{content:"\e561";display:table;margin:0 auto 0.5em auto;font-size:2em;font-family:"Font Awesome 6 Free";color:#fff;}
#usps .usps ul li:nth-child(3):before{content:"\f5a2";display:table;margin:0 auto 0.5em auto;font-size:2em;font-family:"Font Awesome 6 Free";color:#fff;}
#inspection{display:table;width:100%;background:url(//first-class-roofing.com/wp-content/themes/firstclassroofing/images/roof-inspection-pic.webp) center no-repeat #000;background-size:cover;}
#inspection .inspection{display:grid;width:84%;gap:0 4%;grid-template-columns:63% 33%;margin:5em auto 7em auto;}
#inspection .inspection .left{}
#inspection .inspection .left h3{font-size:1.667em;font-weight:700;text-transform:uppercase;color:#fff;margin:0 0 1em 0;}
#inspection .inspection .left h3 strong{display:table;font-size:2em;text-transform:none;margin:0.25em 0 1em 0;}
#inspection .inspection .left ul{display:table;width:85%;}
#inspection .inspection .left ul li{font-size:1.333em;line-height:1.444em;color:#fff;margin:0 0 1.5em 0;padding:0 0 0 1em;border-left:0.5em solid #a61919;}
#inspection .inspection .left ul li:last-child{margin:0;}
#inspection .inspection .left li strong{font-size:1.5em;text-transform:none;}
#inspection .inspection .left ul li strong em{color:#ffff00;font-style:normal;}
#inspection .inspection .right{position:relative;}
#inspection .inspection .right .widget{position:absolute;bottom:0;display:table;width:100%;background:#a61919;padding:2em;}
#inspection .inspection .right h3{font-size:1.667em;font-weight:700;line-height:1.444em;color:#fff;}
#inspection .inspection .right h3 strong{display:table;font-size:2em;text-transform:none;margin:0 0 0.5em 0;}
#inspection .inspection .right tr td{vertical-align:top;}
#inspection .inspection .right tr td:first-child{width:65%;}
#services{display:table;width:100%;}
#services ul{display:table;width:100%;margin:0 0 0 0;}
#services ul li{position:relative;margin:0 0 2px 0;}
#services ul li h3{display:table;width:60%;font-size:2.667em;font-weight:700;text-align:center;color:#fff;line-height:1em;background:#a61919;padding:0.35em 0;transition:ease 0.5s;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
#services ul li img{display:table;width:100%;margin:0 0 0 0;}
#services ul li .brief{width:60%;height:auto;padding:2em 2em;font-size:1.667em;text-align:center;color:#fff;line-height:1.333em;background:rgba(0, 0, 0, 0.85);opacity:0;position:absolute;left:0;right:0;margin:0 auto;bottom:2.667em;z-index:1;display:flex;flex-direction:column;justify-content:center;transition:ease 0.5s;}
#services ul li:hover .brief{opacity:1;}
#services ul li p{margin:0;}
#cta{display:table;width:100%;}
#cta ul{display:grid;gap:0 3.5%;grid-template-columns:65.5% 31%;width:84%;margin:4em auto 6em auto;}
#cta ul h3{font-size:2.667em;font-weight:700;line-height:1.333em;margin:0 0 0.35em 0;}
#cta ul li:first-child table{display:table;width:100%;margin:0;}
#cta ul li:first-child table tr th{font-size:1em;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.333em;padding:1em;}
#cta ul li:first-child table tr th:nth-child(1){background:#cccccc;text-align:left;}
#cta ul li:first-child table tr th:nth-child(2){background:#ffe57f;}
#cta ul li:first-child table tr th:nth-child(3){background:#cccccc;}
#cta ul li:first-child table tr td{font-size:1em;line-height:1.333em;padding:1em;}
#cta ul li:first-child table tr:nth-last-of-type(even) td:nth-child(1){background:#f5f5f5;}
#cta ul li:first-child table tr:nth-last-of-type(even) td:nth-child(2){background:url(//first-class-roofing.com/wp-content/themes/firstclassroofing/images/true.webp) center no-repeat #fff5cc;background-size:2.5em;}
#cta ul li:first-child table tr:nth-last-of-type(even) td:nth-child(3){background:url(//first-class-roofing.com/wp-content/themes/firstclassroofing/images/false.webp) center no-repeat #f5f5f5;background-size:2.5em;}
#cta ul li:first-child table tr:nth-last-of-type(odd) td:nth-child(1){background:#fbfbfb;}
#cta ul li:first-child table tr:nth-last-of-type(odd) td:nth-child(2){background:url(//first-class-roofing.com/wp-content/themes/firstclassroofing/images/true.webp) center no-repeat #fff9df;background-size:2.5em;}
#cta ul li:first-child table tr:nth-last-of-type(odd) td:nth-child(3){background:url(//first-class-roofing.com/wp-content/themes/firstclassroofing/images/false.webp) center no-repeat #fbfbfb;background-size:2.5em;}
#cta ul li:last-child .textwidget{background:#a61919;padding:3em;}
#cta ul li:last-child .textwidget table tr td{padding:0.25em 0;}
#cta ul li:last-child .textwidget table tr td input{margin:0;}
#cta ul li:last-child .textwidget table tr td textarea{margin:0;height:11em;}
#fcr{display:table;width:100%;background:#a61919;}
#fcr ul{display:grid;gap:0 3.5%;grid-template-columns:31% 31% 31%;width:84%;margin:5em auto 3em auto;background:url(//first-class-roofing.com/wp-content/themes/firstclassroofing/images/fcr-bg.webp) bottom 31% center no-repeat;background-size:69%;}
#fcr ul li{position:relative;}
#fcr ul li h3{display:table;margin:0 auto;padding:0.5em 1em;font-size:1.333em;font-weight:700;line-height:1em;text-transform:uppercase;color:#a61919;background:#fff;position:absolute;left:0;right:0;bottom:0;}
#fcr ul li img{display:table;width:100%;margin:0;box-shadow:0.125em 0.125em 0.25em rgba(0, 0, 0, 0.5);}
#fcr ul li:nth-child(5) img{box-shadow:none;width:auto;margin:2em auto;}
.page-template-front-page #container{display:table;width:100%;margin:0;padding:0;}
.page-template-front-page #container #homecontent{display:table;width:100%;}
.page-template-front-page #container #homecontent .homecontent{display:table;float:none;width:84%;margin:5em auto 5em auto;}
.page-template-front-page #container #homecontent .homecontent .left{display:table-cell;vertical-align:top;width:60%;padding:0 5vw 0 0;}
.page-template-front-page #container #homecontent .homecontent .left h1{display:table;width:100%;font-size:2.667em;font-weight:700;line-height:1.222em;margin:0 0 0.75em 0;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1.667em;line-height:1.333em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content p{margin:0 0 1.25em 0;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted{display:table;width:100%;text-align:center;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted h3{font-size:1.2em;font-weight:700;color:#666;text-align:center;margin:0 0 0.35em 0;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{display:inline-table;vertical-align:middle;margin:0 0.35em;width:auto;height:4em;}
.page-template-front-page #container #homecontent .homecontent .right{display:table-cell;vertical-align:top;width:40%;}
.page-template-front-page #container #homecontent .homecontent .right h3{font-size:2em;font-weight:700;text-align:center;margin:0 0 0.5em 0;}
.page-template-front-page #container #homecontent .homecontent .right .flex-control-paging li a{background:#5E5B5C;width:0.6em;height:0.6em;}
.page-template-front-page #container #homecontent .homecontent .right .flex-control-paging li a.flex-active{background:#a61919;}
#container #content a{color:#a61919;}
#container #content a:hover{color:#000;}
#container{width:84%;display:table;margin:0 auto;padding:3em 0 3em 0;}
#content{float:left;width:71%;}
#sidebar{float:right;width:27%;}
#container #content h1{font-family:'Lato', sans-serif;font-weight:700;letter-spacing:-0.02em;font-size:2.667em;line-height:1.35em;margin:0 0 0.5em 0;color:#000;}
#container #content h2{font-family:'Lato', sans-serif;font-weight:700;letter-spacing:-0.02em;font-size:2em;line-height:1.35em;margin:0 0 0.600em 0;color:#000;}
#container #content h3{font-family:'Lato', sans-serif;font-weight:700;letter-spacing:-0.02em;font-size:1.75em;line-height:1.35em;margin:0 0 0.750em 0;color:#000;}
#container #content h4{font-family:'Lato', sans-serif;font-weight:700;letter-spacing:-0.02em;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.25em 0 0.25em 1.35em;position:relative;}
#container #content ul li:before{content:"\f058";left:0;font-size:0.889em;position:absolute;font-family:"Font Awesome 5 Free";font-weight:400;color:#a61919;}
#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:32%;float:right;margin:0 0 0.5em 1.5em;clear:right;}
#container #content .imgright img{width:100%;height:auto;margin:0;}
#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:before{display:none;}
#container #content .threeimgs li.double{width:64%;margin:0 0 0 2%;}
.alignleft{float:left;margin:0 1.5em 0.5em 0;}
.alignright{width:32%;float:right;margin:0 0 0.5em 1.5em;clear:right;}
.alignnone{float:none;margin:1.5em auto;display:table;}
.aligncenter{float:none;margin:1.5em auto;display:table;}
#container #content .right-col{width:32%;float:right;margin:0 0 0.5em 1.5em;clear:right;}
#container #content .right-col img{width:100%;height:auto;margin:0;}
#container #content .pagebox{display:table;width:32%;float:right;clear:right;border:2px solid #2b2b2b;padding:2em;margin:0 0 0.5em 1.5em;}
#container #content .pagebox h4{color:#A61919;margin:0 0 0.5em 0;}
#container #content .pagebox ul{margin:0;padding:0;}
#container #content .pagebox h5{display:table;width:100%;margin:0 0 0.5em;padding:0.5em;background:#A61919;font-size:1.333em;font-weight:600;color:#fff;text-align:center;text-transform:uppercase;}
#container #content .pagebox p:empty{display:none;}
#container #content .pagebox ul li:before{color:#A61919;}
#container #content .pagecalltoaction{display:table;width:32%;float:right;clear:right;background:#2b2b2b;color:#fff;text-align:center;padding:2em;margin:0 0 0.5em 1.5em;}
#container #content .pagecalltoaction span{display:table;margin:0 auto;color:#ffff00;}
#container #content .pagecalltoaction span.call{display:table;margin:0 auto;font-size:2em;font-weight:700;line-height:1.222em;color:#fff;}
#container #content .pagecalltoaction span.call a{color:#fff;}
#container #content .pagecalltoaction span.call a:hover{color:#ffff00;}
#container #content .pagecalltoaction a{color:#fff;}
#container #content .pagecalltoaction a:hover{color:#ffff00;}
#container #content .pagevideo{display:table;width:32%;float:right;clear:right;background:#2b2b2b;color:#fff;padding:1em;margin:0 0 0.5em 1.5em;}
#container #content .pagevideo h4{color:#ffff00;margin:0 0 0.5em 0;}
.datatable{display:table;width:100%;margin:0 0 1.5em 0;}
.datatable table{display:table;width:100%;}
.datatable table tr th{background:#CBCBCB;font-weight:600;text-align:left;}
.datatable table tr td{width:50%;background:#f1f1f1;}
.datatable table tr th, .datatable table tr td{border:1px solid #fff;padding:1em;}
.wpcf7 .wpcf7-form p{margin:0 !important;}
input{height:2.667em;font-family:'Lato', 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:1px 1px 2px rgba(0, 0, 0, 0.25);}
select{height:2.667em;font-family:'Lato', 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:1px 1px 2px rgba(0, 0, 0, 0.25);}
textarea{height:7em;font-family:'Lato', 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:1px 1px 2px rgba(0, 0, 0, 0.25);}
input[type="submit"]{display:table;font-family:'Lato', sans-serif;text-decoration:none;color:#fff;font-size:1em;font-weight:800;line-height:2.667em;text-transform:uppercase;background:#000;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:#000;background:#ffff00;}
div.wpcf7 .wpcf7-spinner{visibility:hidden;z-index:999;position:relative;top:-30px;right:10px;float:right;margin:0 0 -20px 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;line-height:2.222em;padding:0 1em;box-shadow:1px 1px 2px #333;}
#searchform input[type="submit"]{width:25%;float:left;font-size:1em;line-height:2.778em;padding:0;box-shadow:1px 1px 2px #333;}
.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;}
.blog #container #content article .size-post-thumbnail{width:32%;float:right;margin:0 0 0.5em 1.5em;clear:right;display:none;}
.single #container #content article .size-post-thumbnail{width:32%;float:right;margin:0 0 0.5em 1.5em;clear:right;display:none;}
.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;}
.sidebarform{display:table;width:100%;background:#a61919;padding:2em;margin:0 0 1.5em 0;}
.sidebarform h3{font-family:'Lato', sans-serif;font-size:1.778em;font-weight:700;color:#fff;text-align:center;margin:0 0 0.75em 0;}
.sidebarform h5{font-size:1.222em;font-weight:400;color:#ffff00;text-align:center;margin:0 0 0.75em 0;}
.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 label{display:table;color:#fff;margin:0 0 0.25em 0;}
.sidebarform .wpcf7 table tr td input{margin:0;}
.sidebarform .wpcf7 table tr td select{margin:0;}
.sidebarform .wpcf7 table tr td textarea{margin:0;}
.sidebarbox{display:table;width:100%;background:#2b2b2b;color:#fff;padding:2em;margin:0 0 1.5em 0;}
.sidebarbox h3{font-family:'Lato', sans-serif;font-size:1.333em;font-weight:800;color:#ffff00;text-align:left;margin:0 0 0.25em 0;}
.sidebarbox ul{margin:0;padding:0;}
.sidebarbox ul li{list-style:none;padding:0.25em 0 0.25em 1.35em;position:relative;}
.sidebarbox ul li:before{content:"\f058";left:0;font-size:0.889em;position:absolute;font-family:"Font Awesome 5 Free";font-weight:400;color:#a61919;}
.sidebarbox ul li:before{color:#ffff00;}
.sidebarhours{display:table;width:100%;border:2px solid #2b2b2b;color:#000;text-align:center;padding:2em;margin:0 0 1.5em 0;}
.sidebarhours h3{font-family:'Lato', sans-serif;font-size:1.333em;font-weight:800;color:#A61919;text-align:center;margin:0 0 0.25em 0;}
.sidebarhours .textwidget{font-size:1.333em;line-height:1.333em;}
.sidebarhours .textwidget p{margin:0.75em;}
.sidebarhours a{color:#A61919;}
.sidebarhours a:hover{color:#000;}
.sidebarreviews{display:table;width:100%;border:2px solid #2b2b2b;color:#000;padding:2em;margin:0 0 1.5em 0;}
.sidebarreviews h3{font-family:'Lato', sans-serif;font-size:1.333em;font-weight:800;color:#A61919;margin:0 0 0.75em 0;}
.sidebarreviews .strong-view.wpmtst-simple.nav-position-inside .wpmtst-testimonial-inner{padding:0;}
.sidebarreviews .strong-view.wpmtst-simple .wpmtst-testimonial-inner{padding:0;}
.sidebarreviews .testimonial-name{font-weight:700;margin:0.5em 0 0 0;}
.sidebarbanner{display:table;width:100%;border:2px solid #2b2b2b;color:#000;padding:0;margin:0 0 1.5em 0;}
.sidebarbanner img{display:table;width:100%;margin: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;}
.responsive-youtube{aspect-ratio:16 / 9;width:100%;}
#container #content .videorightbig{display:table;width:50%;float:right;clear:right;margin:0 0 0.5em 1.5em;}
#container #content .largevideo{display:table;width:100%;background:#a61919;padding:3em;text-align:center;color:#fff;}
#container #content .largevideo h5{font-size:1.222em;font-weight:700;color:#fff;margin:0 0 1em 0;}
#container #content .videoinfo{display:table;width:100%;padding:2em;background:#fff9df;}
#container #content .videoinfo ul{margin:0;}
#container #content .yellowbox{display:table;width:100%;padding:2em;background:#fff5cc;}
#container #content .yellowbox ul{margin:0;}
.contact{width:100%;display:table;}
.contact .address{width:48%;float:left;display:table;text-align:left;font-size:1em;}
.contact .hours{width:48%;float:right;display:table;}
.contact .map{clear:both;float:left;display:table;width:100%;margin:2em 0 0 0;}
.contact .map iframe{width:100%;height:450px;border:none;}
.ngg-gallery-thumbnail img{width:100%;}
#fancybox-img{}
#fancybox-outer{}
#fancybox-content{}
#homeform{display:table;width:100%;background:#a61919;}
#homeform .homeform{display:table;width:50%;margin:3em auto 4em auto;}
#homeform .homeform .textwidget{}
#homeform .homeform .textwidget table tr td{padding:0.25em;}
#homeform .homeform .textwidget table tr td input{margin:0;}
#homeform .homeform .textwidget table tr td textarea{margin:0;height:11em;}
#homeform .homeform h3{font-size:2em;font-weight:700;text-align:center;color:#fff;margin:0 0 0.5em 0;}
.page-template-full-width #content{width:100%;}
.page-template-full-width #content header{text-align:center;}
.page-template-full-width .sitevisitform{display:table;width:auto;margin:0 auto 0 auto;padding:0;background:none;}
.page-id-8544 #homeform{display:none;}
.sitevisitform{display:table;width:100%;margin:0 auto 0 auto;padding:2em;background:#f5f5f5;}
.sitevisitform h3{text-align:center;}
.sitevisitform .wpcf7-form input[type="checkbox"]{float:left;margin-right:10px;margin-top:5px;width:1em;height:1em;-webkit-appearance:checkbox;}
.sitevisitform .wpcf7-form span.wpcf7-list-item{clear:both;width:auto;}
.sitevisitform .wpcf7-form span.wpcf7-list-item-label{}
.sitevisitform .wpcf7-form strong{display:table;width:auto;margin:0 auto 0.5em auto;text-align:center;}
.sitevisitform i{display:block;text-align:center;}
.sitevisitform .wpcf7-form input{display:block;width:auto;margin:0 auto 0.5em auto;}
.sitevisitform .wpcf7-form input[type="submit"]{padding:0 2em;width:auto;}
.sitevisitform .wpcf7-form input[type="submit"]:hover{background:#a61919;color:#fff;}
.sitevisitform .wpcf7 div.wpcf7-response-output{color:red !important;text-align:center !important;}
.sitevisitform .wpcf7 div.wpcf7-mail-sent-ng{color:green !important;text-align:center !important;}
.sitevisitform .wpcf7 span.wpcf7-not-valid-tip{color:red !important;text-align:center !important;}
.sitevisitform .wpcf7 div.wpcf7-validation-errors{color:red !important;}
.sitevisitform table {
margin: 0 auto;
}@media only screen and (max-width : 2400px) and (min-width : 2201px) {
body{font-size:20px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1.556em !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:1.556em !important;padding:0px 1em 0px 1em !important;line-height:2.778em !important;}
}
@media only screen and (max-width : 2200px) and (min-width : 1921px) {
body{font-size:19px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1.444em !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:1.444em !important;padding:0px 1em 0px 1em !important;line-height:2.778em !important;}
}
@media only screen and (max-width : 1920px) and (min-width : 1751px) {
body{font-size:18px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1.333em !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:1.333em !important;padding:0px 1em 0px 1em !important;line-height:2.778em !important;}
}
@media only screen and (max-width : 1750px) and (min-width : 1601px) {
body{font-size:17px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1.222em !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:1.222em !important;padding:0px 1em 0px 1em !important;line-height:2.778em !important;}
}
@media only screen and (max-width : 1600px) and (min-width : 1401px) {
body{font-size:16px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1.111em !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:1.111em !important;padding:0px 1em 0px 1em !important;line-height:2.778em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#homebanner .homebanner{width:92%;}
#featured .featured{width:92%;}
#usps .usps{width:92%;}
#inspection .inspection{width:92%;}
#cta ul{width:92%;}
#fcr ul{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#testimonials .testimonials{width:84%;}
#branding .right{font-size:1.889em;}
#vision{font-size:1.889em;}
#homebanner .homebanner h1{font-size:3.333em;}
#homebanner .homebanner h3{font-size:1.889em;}
.page-template-front-page #container #homecontent .homecontent .left h1{font-size:2.444em;}
.page-template-front-page #container #homecontent .homecontent .right h3{font-size:1.889em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted h3{font-size:1.1em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{height:4em;}
#services ul li h3{font-size:2.444em;}
#services ul li .brief{font-size:1.444em;}
#cta ul h3{font-size:2.444em;}
#fcr ul li h3{font-size:1.222em;}
#inspection .inspection .left h3{font-size:1.556em;}
#inspection .inspection .left ul li{font-size:1.222em;}
#inspection .inspection .right h3{font-size:1.556em;}
#usps .usps ul{font-size:1.556em;}
#featured .featured ul li h2{font-size:1.556em;}
#featured .featured ul li h3{font-size:2.444em;}
#featured .featured ul li .postexcerpt{font-size:1.222em;}
#featured .featured ul li a.readmore{font-size:1.222em;}
#testimonials .testimonials h3{font-size:2.444em;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner{font-size:1.111em;}
#footer .footerinfo .middle{font-size:1.111em;}
#footer .footerinfo .right{font-size:1.222em;}
.sidebarform h3{font-size:1.667em;}
#container #content .pagebox{padding:1.5em;}
#container #content .pagecalltoaction{padding:1.5em;}
#container #content h1{font-size:2.444em;}
}
@media only screen and (max-width : 1400px) and (min-width : 1249px) {
body{font-size:15px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1.111em !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:1.111em !important;padding:0px 1em 0px 1em !important;line-height:2.778em !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#homebanner .homebanner{width:92%;}
#featured .featured{width:92%;}
#usps .usps{width:92%;}
#inspection .inspection{width:92%;}
#cta ul{width:92%;}
#fcr ul{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#testimonials .testimonials{width:84%;}
#branding .right{font-size:1.778em;}
#branding .left img{width:24em;}
#vision{font-size:1.778em;}
#homebanner .homebanner h1{font-size:2.667em;}
#homebanner .homebanner h3{font-size:1.778em;}
.page-template-front-page #container #homecontent .homecontent .left h1{font-size:2.222em;}
.page-template-front-page #container #homecontent .homecontent .right h3{font-size:1.778em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1.444em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted h3{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{height:4em;}
#services ul li h3{font-size:2.222em;}
#services ul li .brief{font-size:1.222em;}
#cta ul h3{font-size:2.222em;}
#fcr ul li h3{font-size:1.111em;}
#inspection .inspection .left h3{font-size:1.444em;}
#inspection .inspection .left ul li{font-size:1.111em;}
#inspection .inspection .right h3{font-size:1.444em;}
#usps .usps ul{font-size:1.444em;}
#featured .featured ul li h2{font-size:1.444em;}
#featured .featured ul li h3{font-size:2.222em;}
#featured .featured ul li .postexcerpt{font-size:1.111em;}
#featured .featured ul li a.readmore{font-size:1.111em;}
#testimonials .testimonials h3{font-size:2.222em;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner{font-size:1em;}
#footer .footerinfo .middle{font-size:1em;}
#footer .footerinfo .right{font-size:1.111em;}
.sidebarform h3{font-size:1.556em;}
#container #content .pagebox{padding:1.5em;}
#container #content .pagecalltoaction{padding:1.5em;}
#container #content h1{font-size:2.222em;}
}
@media only screen and (max-width : 1248px) and (min-width : 1141px) {
body{font-size:15px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1.111em !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:1.111em !important;padding:0px 1em 0px 1em !important;line-height:2.778em !important;}
#branding{width:92%;}
#branding .left img{width:22em;}
#footer .footerinfo{width:92%;}
#homebanner .homebanner{width:92%;}
#featured .featured{width:92%;}
#usps .usps{width:92%;}
#inspection .inspection{width:92%;}
#cta ul{width:92%;}
#fcr ul{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#testimonials .testimonials{width:84%;}
.headermenu .social a{font-size:2.444em;}
#branding .right{font-size:1.667em;}
#vision{font-size:1.667em;}
#homebanner .homebanner h1{font-size:2.444em;}
#homebanner .homebanner h3{font-size:1.667em;}
.page-template-front-page #container #homecontent .homecontent .left h1{font-size:2.222em;}
.page-template-front-page #container #homecontent .homecontent .right h3{font-size:1.667em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1.333em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted h3{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{height:3.5em;}
#services ul li h3{font-size:2em;}
#services ul li .brief{font-size:1.111em;}
#cta ul h3{font-size:2em;}
#fcr ul li h3{font-size:1.111em;}
#cta ul li:last-child .textwidget{padding:2em;}
#inspection .inspection .left h3{font-size:1.333em;}
#inspection .inspection .left ul li{font-size:1.111em;}
#inspection .inspection .right h3{font-size:1.333em;}
#usps .usps ul{font-size:1.333em;}
#featured .featured ul li h2{font-size:1.333em;}
#featured .featured ul li h3{font-size:2em;}
#featured .featured ul li .postexcerpt{font-size:1em;}
#featured .featured ul li a.readmore{font-size:1em;}
#testimonials .testimonials h3{font-size:2em;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner{font-size:1em;}
#footer .footerinfo .middle{font-size:1em;}
#footer .footerinfo .right{font-size:1em;}
.sidebarform h3{font-size:1.556em;}
#container #content .pagebox{padding:1.5em;}
#container #content .pagecalltoaction{padding:1.5em;}
#container #content h1{font-size:2em;}
}
@media only screen and (max-width : 1140px) and (min-width : 1025px) {
body{font-size:14px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1em !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:0px 1em 0px 1em !important;line-height:2.778em !important;}
#branding{width:92%;}
#branding .left img{width:20em;}
#footer .footerinfo{width:92%;}
#homebanner .homebanner{width:92%;}
#featured .featured{width:92%;}
#usps .usps{width:92%;}
#inspection .inspection{width:92%;}
#cta ul{width:92%;}
#fcr ul{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#testimonials .testimonials{width:84%;}
.headermenu .social a{font-size:2.222em;}
#branding .right{font-size:1.556em;}
#vision{font-size:1.556em;}
#homebanner .homebanner h1{font-size:2.444em;}
#homebanner .homebanner h3{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent .left h1{font-size:2em;}
.page-template-front-page #container #homecontent .homecontent .right h3{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1.222em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted h3{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{height:4em;}
#services ul li h3{font-size:1.778em;}
#services ul li .brief{font-size:1em;}
#cta ul h3{font-size:1.778em;}
#fcr ul li h3{font-size:1em;}
#cta ul li:last-child .textwidget{padding:1.778em;}
#inspection .inspection .left h3{font-size:1.222em;}
#inspection .inspection .left ul li{font-size:1em;}
#inspection .inspection .right h3{font-size:1.222em;}
#usps .usps ul{font-size:1.222em;}
#featured .featured ul li h2{font-size:1.222em;}
#featured .featured ul li h3{font-size:1.778em;}
#featured .featured ul li .postexcerpt{font-size:1em;}
#featured .featured ul li a.readmore{font-size:1em;}
#testimonials .testimonials h3{font-size:1.778em;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner{font-size:1em;}
#footer .footerinfo .middle{font-size:1em;}
#footer .footerinfo .right{font-size:1em;}
.sidebarform h3{font-size:1.444em;}
#container #content .pagebox{padding:1.5em;}
#container #content .pagecalltoaction{padding:1.5em;}
#container #content .pagecalltoaction span.call{font-size:1.778em;}
#container #content h1{font-size:2em;}
}
@media only screen and (max-width : 1024px) and (min-width : 901px) {
body{font-size:13px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1em !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:0px 1em 0px 1em !important;line-height:2.778em !important;}
#branding{width:92%;}
#branding .left img{width:20em;}
#footer .footerinfo{width:92%;}
#homebanner .homebanner{width:92%;}
#featured .featured{width:92%;}
#usps .usps{width:92%;}
#inspection .inspection{width:92%;}
#cta ul{width:92%;}
#fcr ul{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#testimonials .testimonials{width:84%;}
.headermenu{position:relative;width:100%;}
.headermenu .social a{font-size:2.222em;}
#branding .right{font-size:1.556em;}
#vision{font-size:1.556em;}
#homebanner .homebanner h1{font-size:2.444em;}
#homebanner .homebanner h3{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent .left h1{font-size:2em;}
.page-template-front-page #container #homecontent .homecontent .right h3{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1.222em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted h3{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{height:4em;}
#services ul li h3{font-size:1.778em;}
#services ul li .brief{font-size:1em;}
#cta ul h3{font-size:1.778em;}
#fcr ul li h3{font-size:1em;}
#cta ul li:last-child .textwidget{padding:1.778em;}
#inspection .inspection .left h3{font-size:1.222em;}
#inspection .inspection .left ul li{font-size:1em;}
#inspection .inspection .right h3{font-size:1.222em;}
#usps .usps ul{font-size:1.222em;}
#featured .featured ul li h2{font-size:1.222em;}
#featured .featured ul li h3{font-size:1.778em;}
#featured .featured ul li .postexcerpt{font-size:1em;}
#featured .featured ul li a.readmore{font-size:1em;}
#testimonials .testimonials h3{font-size:1.778em;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner{font-size:1em;}
#footer .footerinfo .middle{font-size:1em;}
#footer .footerinfo .right{font-size:1em;}
.sidebarform h3{font-size:1.444em;}
#container #content .pagebox{padding:1.5em;}
#container #content .pagecalltoaction{padding:1.5em;}
#container #content .pagecalltoaction span.call{font-size:1.778em;}
#container #content h1{font-size:2em;}
}
@media only screen and (max-width : 900px) and (min-width : 801px) {
body{font-size:12px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{line-height:2.778em !important;height:2.778em !important;padding:0px 1em 0px 1em !important;font-size:1em !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:0px 1em 0px 1em !important;line-height:2.778em !important;}
#branding{width:92%;}
#branding .left img{width:20em;}
#footer .footerinfo{width:92%;}
#homebanner .homebanner{width:92%;}
#featured .featured{width:92%;}
#usps .usps{width:92%;}
#inspection .inspection{width:92%;}
#cta ul{width:92%;}
#fcr ul{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#testimonials .testimonials{width:84%;}
.headermenu{position:relative;width:100%;}
.headermenu .social a{font-size:2.222em;}
#branding .right{font-size:1.556em;}
#vision{font-size:1.556em;}
#homebanner .homebanner h1{font-size:2.444em;}
#homebanner .homebanner h3{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent .left h1{font-size:2em;}
.page-template-front-page #container #homecontent .homecontent .right h3{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1.222em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted h3{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{height:4em;}
#services ul li h3{font-size:1.778em;}
#services ul li .brief{font-size:1em;}
#cta ul h3{font-size:1.778em;}
#fcr ul li h3{font-size:1em;}
#cta ul li:last-child .textwidget{padding:1.778em;}
#inspection .inspection .left h3{font-size:1.222em;}
#inspection .inspection .left ul li{font-size:1em;}
#inspection .inspection .right h3{font-size:1.222em;}
#usps .usps ul{font-size:1.222em;}
#featured .featured ul li h2{font-size:1.222em;}
#featured .featured ul li h3{font-size:1.778em;}
#featured .featured ul li .postexcerpt{font-size:1em;}
#featured .featured ul li a.readmore{font-size:1em;}
#testimonials .testimonials h3{font-size:1.778em;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner{font-size:1em;}
#footer .footerinfo .middle{font-size:1em;}
#footer .footerinfo .right{font-size:1em;}
.sidebarform h3{font-size:1.444em;}
#container #content .pagebox{padding:1.5em;}
#container #content .pagecalltoaction{padding:1.5em;}
#container #content .pagecalltoaction span.call{font-size:1.778em;}
#container #content h1{font-size:2em;}
}
@media only screen and (max-width : 800px) {
body{font-size:16px;}
.desktopimg{display:none !important;}
.mobileimg{display:table !important;}
#content{width:100%;margin:0 0 3em 0;}
#sidebar{width:100%;}
#container #content h1{font-size:2em;}
#container #content h2{font-size:1.667em;}
#container #content h3{font-size:1.444em;}
#container #content h4{font-size:1.222em;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{width:100% !important;}
#branding{width:92%;}
#footer .footerinfo{width:92%;}
#homebanner .homebanner{width:92%;}
#featured .featured{width:92%;margin:3em auto 3em auto;}
#usps .usps{width:92%;}
#inspection .inspection{width:92%;gap:3em 0;grid-template-columns:100%;margin:3em auto 4em auto;}
#cta ul{width:92%;}
#fcr ul{width:92%;}
.page-template-front-page #container #homecontent .homecontent{width:92%;}
#container{width:92%;}
#testimonials .testimonials{width:92%;margin:3em auto 3em auto;}
.headermenu .social a{font-size:2.222em;}
#branding .right{font-size:1.556em;}
#vision{font-size:1.556em;}
#homebanner .homebanner h1{font-size:2.444em;}
#homebanner .homebanner h3{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent{margin:3em auto 3em auto;}
.page-template-front-page #container #homecontent .homecontent .left h1{font-size:2em;}
.page-template-front-page #container #homecontent .homecontent .right h3{font-size:1.556em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1.222em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted h3{font-size:1em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{height:4em;}
#services ul li h3{font-size:1.778em;}
#services ul li .brief{font-size:1em;}
#cta ul{gap:3em 0;grid-template-columns:100%;margin:3em auto 4em auto;}
#cta ul h3{font-size:1.778em;}
#fcr ul{margin:3em auto 1em auto;background:url(//first-class-roofing.com/wp-content/themes/firstclassroofing/images/fcr-bg.webp) bottom 45% center no-repeat;background-size:69%;}
#fcr ul li h3{font-size:1em;}
#cta ul li:last-child .textwidget{padding:1.778em;}
#inspection .inspection .left h3{font-size:1.222em;}
#inspection .inspection .left ul li{font-size:1em;}
#inspection .inspection .right h3{font-size:1.222em;}
#usps .usps ul{font-size:1.222em;}
#featured .featured ul li h2{font-size:1.222em;}
#featured .featured ul li h3{font-size:1.778em;}
#featured .featured ul li .postexcerpt{font-size:1em;}
#featured .featured ul li a.readmore{font-size:1em;}
#testimonials .testimonials h3{font-size:1.778em;}
#testimonials .testimonials .textwidget .strong-view.wpmtst-simple .wpmtst-testimonial-inner{font-size:1em;}
#footer .footerinfo .middle{font-size:1em;}
#footer .footerinfo .right{font-size:1em;}
.sidebarform h3{font-size:1.444em;}
#container #content .pagebox{padding:1.5em;}
#container #content .pagecalltoaction{padding:1.5em;}
#container #content .pagecalltoaction span.call{font-size:1.778em;}
#container #content h1{font-size:2em;}
.headermenu{position:relative;width:100%;}
.headermenu nav{width:50%;padding:0 0 0 2vw;}
.headermenu .social{width:50%;padding:0 2vw 0 0;text-align:right;}
.page-template-front-page #container #homecontent .homecontent .left{display:table;width:100%;padding:0;margin:0 0 2em 0;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content .trusted img{height:5em;}
.page-template-front-page #container #homecontent .homecontent .right{display:table;width:100%;}
#services ul li .brief{width:92%;padding:1.25em;}
#cta ul table{width:100%;}
#inspection .inspection .right .widget{position:relative;width:auto;max-width:100%;}
.desktopheader{display:none !important;}
.mobileheader{display:table;width:100%;background:#fff;position:fixed;z-index:999;top:0;}
.mobileheader ul{display:table;width:100%;}
.mobileheader #logo{width:30%;display:table-cell;vertical-align:middle;padding:0.5em 1em;}
.mobileheader ul #slogan{width:40%;display:table-cell;vertical-align:middle;font-weight:700;text-align:center;}
.mobileheader ul #hamburgermenu{width:30%;display:table-cell;vertical-align:middle;text-align:center;background:none;}
.mobileheader .call{float:left;width:50%;border-bottom:2px solid #fff;}
.mobileheader .call a{width:100%;display:table;padding:0.75em 1em;color:#fff;background:#A61919;font-size:1.2em;font-weight:600;text-align:center;}
.mobileheader .text{float:left;width:50%;border-bottom:2px solid #fff;}
.mobileheader .text a{width:100%;display:table;padding:0.75em 1em;color:#fff;background:#000;font-size:1.2em;font-weight:600;text-align:center;}
.mobileheader ul #logo img{display:table;margin:0;height:5em;width:auto;}
#menu{display:none;}
#container{margin:90px auto 0 auto;}
#homebanner{margin:100px 0 0 0;}
#mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu{top:68px;}
#homeform .homeform{width:92%;}
.sitevisitform{width:100%;}
.sitevisitform .wpcf7-form input{width:100%;}
}
@media only screen and (max-width : 690px) {
#container #content .imgright{width:100%;}
#container #content .videorightbig{width:100%;margin:0 0 1em 0em;}
.contact .address{width:100%;margin:0 0 2em 0;}
.contact .hours{width:100%;margin:0 0 2em 0;}
#usps .usps ul{gap:1px 0;grid-template-columns:100%;}
#featured .featured ul{gap:2em 0;grid-template-columns:100%;}
#services ul li h3{width:92%;font-size:1.556em;}
#branding .left{display:table;width:100%;}
#branding .left img{margin:0 auto;float:none;width:20em;}
#branding .right{display:table;width:100%;text-align:center;margin:1em 0 0 0;}
#homebanner .homebanner{top:2em;}
#footer .footerinfo{gap:0 0;grid-template-columns:100%;text-align:center;}
#footer .footerinfo .left img{margin:0 auto;float:none;width:20em;}
#vision{font-size:1.333em;}
#homebanner .homebanner h1{font-size:2em;}
#homebanner .homebanner h3{font-size:1.222em;}
.page-template-front-page #container #homecontent .homecontent .left h1{font-size:1.667em;}
.page-template-front-page #container #homecontent .homecontent .left .entry-content{font-size:1em;}
#cta ul h3{font-size:1.667em;}
#inspection .inspection .left h3{font-size:1em;}
#inspection .inspection .left ul{width:100%;}
#inspection .inspection .right h3{font-size:1em;}
#featured .featured ul li h2{font-size:1.111em;}
#featured .featured ul li h3{font-size:1.667em;}
#testimonials .testimonials h3{font-size:1.667em;}
#usps .usps ul{font-size:1.111em;}
#container #content .right-col{width:100%;margin:0 0 1em 0;}
#container #content .pagebox{width:100%;margin:0 0 1em 0;}
#container #content .pagecalltoaction{width:100%;margin:0 0 1em 0;}
#container #content .pagevideo{width:100%;margin:0 0 1em 0;}
.alignright{width:100%;margin:0 0 1em 0;}
#homebanner{margin:110px 0 0 0;}
#homeform .homeform .textwidget table tr td{float:left;width: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%;
}
#inspection .inspection .left li strong {
font-size: 1.222em;
}
#inspection .inspection .right .widget {
padding: 1.5em;
}
#fcr ul li h3 {
font-size: 0.667em;
}
#cta ul li:first-child table {
font-size: 0.778em;
}
#homebanner .homebanner {
top: 0;
position: relative;
background: #2B2B2B;
width: 100%;
padding: 1em 4vw;
}
#homebanner .homebanner h1 {
font-size: 1.556em;
margin: 0 0 0.5em 0;
}
#homebanner .homebanner h3 {
font-size: 1.222em;
font-weight: 400;
margin: 0;
}
#homebanner {
margin: 80px 0 0 0;
}
#inspection .inspection .right table {
width: 100%;
}
#inspection .inspection .right table tr td:last-child {
width: 40%;
}
}