body{font-family:Poppins,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}[v-cloak]{display:none}hr{background-color:#a7a7a7;height:1px}a{cursor:pointer}.btn-orange{background:#ff7702;color:#fff}.btn-orange.wide{padding-left:80px;padding-right:80px}.btn-orange:hover{background:#e86f08;color:#fff}.btn-xl{font-size:36px;padding:10px 35px;border-radius:10px;font-weight:500}.btn-block{display:block}.btn.has-img{text-align:left;font-size:18px}.btn.has-img img{width:140px;display:inline-block;margin-right:15px}.header{margin:10px 0 15px}.header .logo{width:360px}.footer{padding:50px 0 30px;text-align:center;background:#1b4e94;color:#fff;font-size:20px;font-weight:300}.footer .footer-text{margin-top:40px}.footer .footer-text a{color:#fff;text-decoration:none;display:inline-block;margin:0 10px}.top-wrapper{background:url(/images/BG_RoofTop.png) bottom center no-repeat;background-size:contain;background-color:#f6f9ff;height:720px;text-align:center;color:#1b4e94;padding:60px 0}.top-wrapper h1{font-weight:600;font-size:60px;margin:0 auto 25px;width:700px;line-height:80px}.top-wrapper h2{font-weight:600}.top-wrapper h3{font-size:22px;font-weight:300;margin-bottom:50px}.top-wrapper h5{font-weight:300;font-size:19px}.top-wrapper h6{font-weight:300;font-size:17px}.top-wrapper p{font-size:12px;line-height:20px;color:#999;font-weight:300;margin:10px 50px}.top-wrapper input.form-control{display:inline-block;width:350px;padding:20px;font-size:28px;margin-bottom:20px;text-align:center;border:5px solid #FFE7C4;border-radius:12px}.top-wrapper input.form-control:focus{outline:none;box-shadow:none}.top-wrapper input.form-control::placeholder{color:#a3a3a3}.top-wrapper input.form-control.wide{width:500px}.top-wrapper input.form-control.narrow{width:100%}.top-wrapper .radio{font-size:28px;color:#a7a7a7;font-weight:500;cursor:pointer}.top-wrapper .radio:first-child{margin-right:60px}.top-wrapper .radio input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;width:28px;height:28px;border:4px solid #FFE7C4;border-radius:50%;outline:none;cursor:pointer;position:relative;transition:box-shadow .2s;margin-right:5px}.top-wrapper .radio input:checked:before{content:"";display:block;width:12px;height:12px;background:#ff7703;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-wrapper .progress-wrapper{margin:30px 0 50px}.top-wrapper .progress-wrapper .progress{background-color:#d9d9d9;position:relative;overflow:visible}.top-wrapper .progress-wrapper .progress .progress-bar{background-color:#ff7702;border-radius:10px 0 0 10px}.top-wrapper .progress-wrapper .progress .progress-label{position:absolute;bottom:-40px;font-size:13px;background:#ff7702;color:#fff;text-align:center;display:block;padding:0 4px;width:34px;font-weight:500}.top-wrapper .progress-wrapper .progress .progress-label:after{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:17px solid #FF7702}.top-wrapper .error-wrapper{margin:0 0 10px;color:red;font-size:20px}.top-wrapper .loading{width:300px;margin:30px auto}.top-wrapper .bar{border-radius:10px;border:6px solid #FF7703;margin:50px auto;width:50%}.top-wrapper .content{color:#333;font-size:20px;font-weight:300;width:65%;margin:0 auto}.top-wrapper .offers{margin:40px 0 0}.top-wrapper .offers .offer{background:#fff;border:3px solid #FFE7C4;border-radius:15px;padding:20px;height:450px;position:relative;margin-bottom:20px}.top-wrapper .offers .offer h5{color:#000;font-weight:500;font-size:24px}.top-wrapper .offers .offer hr{border-color:#cdcdcd;border-width:2px;margin:15px 30px}.top-wrapper .offers .offer p{color:#000;font-size:18px;line-height:24px;margin:0 10px 20px}.top-wrapper .offers .offer img{width:240px}.top-wrapper .offers .offer .btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:inline-block}.top-wrapper.roofing{height:auto;padding-bottom:180px}.top-wrapper.roofing .icon-wrapper{margin-top:-140px}.top-wrapper.roofing h1{margin-top:10px;margin-bottom:20px;width:800px}.top-wrapper.roofing .btn-block{margin-bottom:20px}.top-wrapper.full{background:url(/images/BG_RoofTop_Full.png) bottom center no-repeat;background-size:contain;background-color:#f6f9ff;padding-bottom:520px}.services-wrapper{margin:0 100px}.services-wrapper h6{color:#1b4e94;text-align:center;font-size:18px;font-weight:600;margin-bottom:20px}.services-wrapper .service-wrapper{margin:0 20px;display:block;border:8px solid #FFE7C5;padding:10px 15px 30px;border-radius:30px;background:#fff;color:#000;text-decoration:none;font-weight:700;font-size:22px;text-align:center}.services-wrapper .service-wrapper img{display:block;margin:30px auto;height:100px}.services-wrapper .service-wrapper:hover{border-color:#1b4e94}.upgrade-wrapper{margin:100px 0}.upgrade-wrapper h2{font-size:75px;font-weight:600;margin-bottom:20px}.upgrade-wrapper h2 span{background:#ffad67;display:inline-block;padding:0 20px}.upgrade-wrapper ul{margin-top:30px;list-style:none;padding:0;font-size:19px}.upgrade-wrapper ul li{margin-bottom:20px}.upgrade-wrapper ul li strong{display:block;margin-bottom:5px}.compare-wrapper{background:url(/images/comparison-bg.jpg) 100% 0 no-repeat;background-size:contain;background-color:#1b4e94;height:600px;color:#fff;padding-top:150px}.compare-wrapper h3{line-height:80px;font-size:60px;font-weight:600;margin-bottom:40px}.compare-wrapper h5{font-size:24px;font-weight:400;line-height:40px;padding-right:40px}.quotes-wrapper{background:url(/images/GRA_Phone_Remodel.png) 0 80px no-repeat;background-size:35%;padding:140px 0 100px;position:relative}.quotes-wrapper:before{content:"";position:absolute;top:600px;left:0;width:100%;height:calc(100% - 600px);background:#f6f9ff;clip-path:polygon(0% 90%,100% 0%,100% 100%,0% 100%);z-index:-1}.quotes-wrapper h3{line-height:80px;color:#1b4e94;font-size:60px;font-weight:600;margin-bottom:40px}.quotes-wrapper h5{color:#1b4e94;font-size:22px;font-weight:400;line-height:36px}.quotes-wrapper .services-wrapper{margin-top:200px}.benefits-wrapper{padding:100px 0 40px;text-align:center}.benefits-wrapper .row>div{margin-bottom:60px}.benefits-wrapper img{width:50%;display:inline-block;margin-bottom:30px}.benefits-wrapper h2{text-align:left;font-size:60px;font-weight:700;line-height:84px}.benefits-wrapper h2 span{background:#ffad67;display:inline-block;padding:0 20px;border-radius:10px;margin-bottom:5px}.benefits-wrapper h5{font-size:18px;font-weight:600}.benefits-wrapper p{line-height:26px;width:70%;margin-left:auto;margin-right:auto}.estimate-wrapper{background:url(/images/BG_RoofWork.png) 0 0 no-repeat;background-size:cover;padding:60px 0 80px;position:relative}.estimate-wrapper .phone-wrapper{background:url(/images/GRA_Phone_Roof.png) 0 0 no-repeat;background-size:contain;height:750px;position:absolute;top:20px;left:0;width:560px;display:block}.estimate-wrapper .row{background:#ffffffd9}.estimate-wrapper .row h2{color:#1b4e94;font-size:60px;width:80%;font-weight:600;line-height:80px;margin:100px 0 40px}.estimate-wrapper .row p{color:#1b4e94;font-size:22px;line-height:35px;font-weight:300;width:80%}.estimate-wrapper .row .btn-wrapper{margin:50px 0 100px}@media (max-width: 1399px){.estimate-wrapper .phone-wrapper{height:600px}}@media (max-width: 1199px){.services-wrapper{margin:0 50px}.services-wrapper .service-wrapper{margin:0}.compare-wrapper{padding-top:100px}}@media (max-width: 991px){.top-wrapper.roofing .icon-wrapper{display:none}.top-wrapper.roofing h1{font-size:40px;line-height:50px;width:auto}.top-wrapper.roofing p{margin:10px 0}.top-wrapper.roofing .btn-xl{font-size:28px;padding:10px 25px}.top-wrapper.roofing .btn.has-img{font-size:18px;padding:10px 15px}.top-wrapper.roofing input.form-control.wide{width:100%}.services-wrapper{margin:0}.compare-wrapper{padding-top:60px}.compare-wrapper h3{font-size:36px;line-height:45px}.quotes-wrapper{background:none}.quotes-wrapper h3{font-size:36px;line-height:45px}.quotes-wrapper .services-wrapper{margin-top:100px}.upgrade-wrapper h2{font-size:40px;line-height:50px}.benefits-wrapper h2{font-size:40px;line-height:50px;text-align:center}.benefits-wrapper img{width:200px}.estimate-wrapper .row h2{font-size:40px;line-height:50px;width:auto}.estimate-wrapper .row p{width:auto}.estimate-wrapper .phone-wrapper{display:none}}@media (max-width: 768px){.header .logo{width:250px}.btn-xl{font-size:28px}.top-wrapper{height:auto}.top-wrapper h1{font-size:48px;width:auto;line-height:50px}.services-wrapper .service-wrapper{margin-bottom:30px}.quotes-wrapper{padding-top:80px}.estimate-wrapper .row h2{font-size:40px;line-height:50px}}