body{font-family:'Roboto',sans-serif;font-weight:400;font-size:15px;line-height:1.5em;background:#fff;color:#444}a{color:#cf001b;text-decoration:none;transition:all .25s ease}a:hover,a:focus{color:#000}h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif}strong{font-weight:700}h2.fancy{position:relative;margin-bottom:48px;font-weight:300;text-transform:uppercase;letter-spacing:3px;font-size:1.1em;text-align:center;color:#000}@media only screen and (min-width:992px){h2.fancy{font-size:1.25em}}@media only screen and (min-width:992px){h2.fancy{font-size:2em}h2.fancy:before,h2.fancy:after{content:'';position:absolute;top:50%;margin-top:-2px;display:block;width:100px;height:3px;background:#000}h2.fancy:before{left:-135px}h2.fancy:after{right:-135px}}body.fixed{margin-top:137px}body.fixed .header{position:fixed;top:0;left:0;z-index:99999;width:100%;height:75px;box-shadow:5px 5px 12px 5px #cecdcd}body.fixed .header .botHead{padding:0}body.fixed .header .logo{display:none}body.fixed .header .logo-h{display:block}.header{top:-200px;transition:all .5s;background:#fff}.header .topHead{height:35px;line-height:35px;background:#cf001b;color:#fff}.header .topHead a{color:#fff}.header .topHead b{margin:0 8px;color:#ff8c9b}.header .topHead .smt-areas{text-transform:uppercase;font-size:.8em;letter-spacing:1px}.header .topHead .cta{position:relative;padding:0 16px 0 24px;background:#000;font-weight:700;text-transform:uppercase;font-size:.9em;text-decoration:none}.header .topHead .cta:hover,.header .topHead .cta:focus{background:#fff;color:#cf001b}.header .topHead .cta.phone:before,.header .topHead .cta.inspection:before{content:'';position:absolute;left:4px;top:8px;width:20px;height:20px;background:url(//theroofingrevolution.com/wp-content/themes/trr/css/../img/icon-mobile.png) center center no-repeat}.header .topHead .cta.inspection{margin-left:1px;padding-left:30px}.header .topHead .cta.inspection:before{left:7px;background:url(//theroofingrevolution.com/wp-content/themes/trr/css/../img/icon-inspection.png) center center no-repeat}.header .topHead .social{margin-right:8px}.header .topHead .social a:hover{color:#000}.header .botHead{padding:12px 0;background:#fff}.header .botHead .logo-h{display:none}@media only screen and (max-width:768px){.header .topHead .cta{font-size:.8em;width:50%}.header .topHead .container{padding:0}.header ul.social{display:none !important}}#smt-primary-navbar .nav-link{font-weight:700;text-transform:uppercase;color:#000;font-size:.9em}#smt-primary-navbar .nav-link:hover,#smt-primary-navbar .nav-link:focus{color:#cf001b}#smt-primary-navbar .dropdown-menu{top:35px;border:0;border-radius:0}#smt-primary-navbar .dropdown:hover>.dropdown-menu{display:block}@media only screen and (min-width:1200px){#smt-primary-navbar .nav-link{margin:0 8px;font-size:1em}}#smt-mobile-navbar{margin-top:10px}#smt-mobile-navbar ul,#smt-mobile-navbar li{list-style:none;padding:0;margin:0}#smt-mobile-navbar .nav-link{margin-bottom:1px;background:#eee;color:#000;padding:16px;text-transform:uppercase;font-weight:600;font-size:.9em;letter-spacing:1px}#smt-mobile-navbar .nav-link:hover,#smt-mobile-navbar .nav-link:focus{background:#000;color:#cf001b}.hero{background:#000;height:265px}.hero .swiper-container{width:100%;height:100%}.hero .swiper-slide{color:#fff}.hero .swiper-slide h1{font-size:40px;line-height:1em;font-weight:900;text-transform:uppercase}.hero .swiper-slide h1 span{display:block;font-size:.5em;line-height:1em}.hero .swiper-slide .btn{display:inline-block;border:1px solid #fff}.hero .slide-1{background:url('/wp-content/uploads/2020/12/home-hero-1-lg.jpg') center center no-repeat;background-size:cover}.hero .slide-2{background:url('/wp-content/uploads/2020/12/home-hero-2-lg.jpg') center center no-repeat;background-size:cover}.hero .slide-3{background:url('/wp-content/uploads/2020/12/home-hero-3-lg.jpg') center center no-repeat;background-size:cover}.hero .slide-4{background:url('/wp-content/uploads/2020/12/home-hero-4-lg.jpg') center center no-repeat;background-size:cover}@media only screen and (min-width:768px){.hero{height:465px}.hero .swiper-slide h1{font-size:80px}}.schedule{position:relative;background:#cf001b;color:#fff;text-align:center}.schedule h2{margin-top:24px;text-transform:uppercase;font-weight:700}.schedule h2 span{display:block;font-weight:300;font-size:.9em}.schedule .blackpat{background:#000}.schedule .formbox input{margin:0 !important;padding:8px !important;height:45px !important;border:1px solid #5a5a5a !important;background:#1f1f1f;color:#eee}.schedule .formbox ::placeholder{text-transform:uppercase}.schedule .formbox .gform_footer .gform_button{line-height:1.1em;width:100%;border-color:#cf001b !important;background:#000;color:#fff}@media only screen and (min-width:992px){.schedule{text-align:left;height:125px}.schedule .blackpat{position:absolute;top:0;right:0;width:50%;height:150px}.schedule .blackpat:before{position:absolute;content:'';top:0;left:-200px;display:block;width:200px;height:150px;background:url(//theroofingrevolution.com/wp-content/themes/trr/css/../img/schedule-left.png) center center no-repeat}.schedule .formbox li.gfield{margin:0 !important;width:50% !important;float:left;clear:none}.schedule .formbox .gform_footer{width:50%;float:right;padding-right:16px}.schedule .formbox .gform_footer .gform_button{position:relative;top:-77px;background:#cf001b}}.why{padding:125px 0 75px}.why p{font-size:1.1em;line-height:1.75em;font-weight:300}.ourareas{padding:75px 0;background:#dedfdf;text-align:center}.ourareas .areaBox{display:inline-block;margin-bottom:16px;max-width:350px}.ourareas .areaBox img{display:inline-block;margin-bottom:3px;border:6px solid #000;width:100%;height:auto;background:#000}.ourareas .areaContent{position:relative;padding:16px;background:#000;color:#fff;text-align:left}.ourareas .areaContent h3{margin:0;text-transform:uppercase;line-height:1em}.ourareas .areaContent h3 span{display:block;font-weight:300}.ourareas .areaContent .moreInfo{display:block;position:absolute;right:0;bottom:0;width:55px;height:55px;background:#cf001b;color:#fff;font-size:2em;text-align:center;line-height:55px}.ourareas .areaContent .moreInfo:hover,.ourareas .areaContent .moreInfo:focus{padding-left:6px;background:#fff;color:#cf001b}.ourareas .moreinfo{text-align:left;padding:16px;display:inline-block;background:#ececec;font-size:.9em}.videoBox{padding:75px 0;background:#cf001b;text-align:center}.videoBox .container{max-width:900px}.process{padding:75px 0;text-align:center}.process h4{margin:0;color:#000;text-transform:uppercase}.process p{padding:16px;font-weight:300;font-size:1.1em}.process .step{display:inline-block;margin:24px;width:100px;height:100px;border-radius:50px;background:#cf001b;color:#fff;font-size:3em;font-weight:700;line-height:100px}.process .sep{display:inline-block;margin:8px 0;height:3px;background:#cf001b;width:125px}.quality{padding:75px 0;background:#000;color:#eee}.quality h2.fancy{color:#fff}.quality h2.fancy:before,.quality h2.fancy:after{background:#cf001b}.splitxt{padding:16px}@media only screen and (min-width:768px){.splitxt{column-count:2}}.promise{padding:75px 0;background:#eee}@media only screen and (max-width:768px){.promise p{padding:24px 16px 0;font-size:.9em}}.customers{padding:75px 0;background:#fff;text-align:center}.customers .testimonialBox{display:inline-block;text-align:right;padding:24px;box-shadow:0px 0px 12px 5px #eee}.customers .testimonialBox blockquote{font-style:italic;text-align:left;font-size:.9em}.customers .testimonialBox strong{display:block;clear:both;text-align:left;text-transform:uppercase;color:#000}.ctaBar{padding:45px 0;background:#cf001b;color:#fff;text-align:center}.ctaBar h2{font-size:2em;font-weight:300}.ctaBar h3{text-transform:uppercase;font-weight:700;font-size:1.25em}.ctaBar .btn{margin:8px 0;background:#000}.ctaBar .btn:hover,.ctaBar .btn:focus{color:#cf001b;background:#eee}@media only screen and (min-width:768px){.ctaBar{text-align:left}.ctaBar h2{font-size:2.5em}.ctaBar h3{font-size:1.4em}}.logos{padding:16px 0;background:#dedfdf;color:#000;text-align:center}.logos .logo{margin:8px;width:75px;height:75px;border-radius:50px;background:#eee;color:#666;line-height:75px;font-size:.85em}.areas{padding:48px 0;background:#111;color:#eee;text-align:center}.areas .fancy{color:#fff}.areas .fancy:before,.areas .fancy:after{background:#cf001b}.areas ul,.areas li{margin:0;padding:0;list-style:none}.areas li{padding:4px 0;font-weight:300;font-size:1.1em}.areas strong{display:inline-block;margin:8px 0;text-transform:uppercase;color:#fff;letter-spacing:1px}@media only screen and (min-width:768px){.areas{text-align:left}}.footer{padding:48px 0;background:#000;color:#999;text-align:center;font-size:.85em}.footer ul.social a{font-size:2em;color:#666}.footer ul.social a:hover,.footer ul.social a:focus{color:#cf001b}ul.social{margin:0;padding:0;list-style:none}ul.social a{padding:0 4px;text-decoration:none}#mobileBar{overflow:hidden;position:fixed;bottom:-60px;left:0;z-index:999;width:100%;height:55px;background:#000}#mobileBar .mitem{padding:8px}#mobileBar .mitem .book{padding:8px 16px;background:#cf001b;font-weight:300;color:#fff !important;text-decoration:none !important}#mobileBar .mitem .book:hover,#mobileBar .mitem .book:focus{background:#000}#mobileBar .mitem .fa-phone{color:#fff;text-decoration:none;width:35px;height:35px;border:2px solid #fff;text-align:center;border-radius:100%;padding-top:7px}#mobileBar .mitem .fa-phone:hover,#mobileBar .mitem .fa-phone:focus{color:#000;border-color:#000}#mobileBar .mitem .social li a{font-size:1.25em}@media only screen and (min-width:576px){#mobileBar{display:none}}.btn,.gform_button{display:inline-block;padding:0 36px;border:0;border-radius:0;height:55px;line-height:55px;background:#cf001b;color:#fff;font-weight:600;font-size:.9em;text-transform:uppercase;cursor:pointer}.btn:hover,.gform_button:hover,.btn:focus,.gform_button:focus{background:#000;color:#fff}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#eee;clip:auto !important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.sm-logo{background:linear-gradient(to right,#00b2b4 0%,#0092b2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:1px solid green;border-image-source:linear-gradient(#00b2b4,#0092b2);border-image-slice:20;padding:28px 8px 28px 40px;font-size:35px;line-height:35px;letter-spacing:30px;text-transform:uppercase}