.octane-background{position:absolute;top:0;left:0;width:100%;height:100%}.octane-background img{object-fit:cover;width:100%;height:100%}.octane-content{position:relative;height:100%}.octane-position{position:relative}#hero{position:relative}#hero .octane-background{width:60%;max-width:1450px;right:0;left:initial;clip-path:polygon(30% 0%,100% 0,100% 100%,0% 100%)}@keyframes slideLeft{0%{transform:translatex(100%)}100%{transform:translatex(0%)}}.hero-content{max-width:600px;padding:125px 0}@keyframes slideRight{0%{transform:translatex(-100%)}100%{transform:translatex(0%)}}.hero-title{font-size:48px}.hero-content p{font-size:20px;line-height:23px}.hero-links{display:flex;gap:20px}.roof-link{border:3px solid var(--style-main);padding:10px 25px;font-size:22px;font-weight:700;color:var(--black);background:var(--style-main);text-align:center;display:block;width:fit-content}.roof-link-black{background:var(--black);color:var(--white)}.roof-link:hover{color:var(--black);transform:translatey(-5px)}.roof-link-black:hover{color:var(--white)}#tabs{background:var(--style-sec);border:10px solid var(--black);border-left:0;border-right:0}#tabs .wrap{display:flex;justify-content:center}.tablinks{border:10px solid var(--black);border-top:0;border-bottom:0;width:calc(100% / 3);background:var(--style-sec)}.active.tablinks{background:var(--style-main)}.tablinks:nth-of-type(2){border-left:0;border-right:0}.tablinks:hover,.tablinks:active,.tablinks:focus-within,.tablinks:focus{border-left:10px solid var(--black);border-right:10px solid var(--black);outline:0px!important;transform:none!important}.tablinks:hover{background:var(--style-sec)}.active.tablinks:hover{background:var(--style-main)!important}.tablinks:nth-of-type(2):hover,.tablinks:nth-of-type(2):active,.tablinks:nth-of-type(2):focus-within,.tablinks:nth-of-type(2):focus{border-left:0;border-right:0}.tablinks img{width:80px;height:80px;margin-bottom:20px;object-fit:contain}.tablinks .tabs-title{text-transform:capitalize;margin:0;font-weight:700;font-size:20px}.tabcontent{display:none;border-bottom:10px solid var(--black);perspective:150rem;-moz-perspective:150rem;overflow:hidden}@keyframes slideIn{0%{transform:rotatex(-90deg)}100%{transform:rotatex(0deg)}}.tabcontent .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 7%;background:var(--style-sec);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);animation:slideIn .7s;transform-origin:top}.tabcontent:nth-child(3){display:block}.pad{padding:100px 0}.cta{background:var(--style-sec)}.cta.pad{padding:50px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:100px}.cta .wrap::before,.cta .wrap::after{content:none}.cta-title{margin:0;font-size:30px}.ita{display:flex;gap:50px;border:10px solid var(--black);border-left:0;border-right:0}.ita-right,.ita-left{width:50%;position:relative}.ita-content{max-width:650px;margin-left:auto;display:flex;flex-direction:column;padding-left:20px!important;padding-right:20px!important}.ita-content img{max-width:200px;margin:0}.ita-right img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(0% 0%,100% 0,100% 100%,30% 100%)}.ita-content .roof-link{width:fit-content}.ita-title{font-size:30px;color:var(--style-main);font-weight:700}.ita-content p{font-size:18px;line-height:21px;font-weight:200}.ita-content ul{margin-bottom:20px}.ita-content li{margin:10px 0}.ita-content li::before{content:"\f14a";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--style-main);margin-right:10px}.alt-ita{flex-direction:row-reverse}.alt-ita .ita-right img{clip-path:polygon(0% 0%,100% 0,77% 100%,0% 100%)}.alt-ita .ita-right{width:100%}.alt-ita{border:0}.alt-ita .ita-content{margin-left:initial;margin-right:auto;max-width:400px;text-align:center}.alt-ita .roof-link{margin:auto}.roof-title{font-size:30px}.center-text{text-align:center}.green-text{color:var(--style-main)}#stats .roof-title{margin:auto;margin-bottom:20px;max-width:430px}.stats{display:flex;gap:100px;margin-top:50px;justify-content:center}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat img{width:150px;height:100px;object-fit:contain;margin-bottom:20px}.stat-number{color:var(--style-main);font-weight:700;text-align:center;font-size:45px}.stat-title{font-size:30px}.grad-ita{position:relative}.grad-ita-gradient{position:relative;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(48,51,48,1) 50%)}.alt-grad-ita .grad-ita-gradient{background:linear-gradient(-90deg,rgba(255,255,255,0) 0%,rgba(48,51,48,1) 50%)}.grad-content{max-width:550px;margin-left:auto}.alt-grad-ita .grad-content{margin-left:initial}.grad-ita .octane-background{width:50%}.alt-grad-ita .octane-background{right:0;left:auto}.alt-grad-ita img{object-fit:cover;object-position:top}.roof-insp ul{display:flex;flex-wrap:wrap;gap:10px}.roof-insp li{margin:0}.roof-insp li:hover::before{color:#7c867c}.info-text{background:var(--style-sec);padding:20px;font-size:16px;line-height:19px;position:relative}.info-text::after{content:"";position:absolute;top:0;right:0;transform:translatex(100%);height:100%;width:50px;background:var(--style-sec);clip-path:polygon(0 0,0% 0,100% 100%,0% 100%)}#projects{text-align:center}#projects .roof-link{margin:auto}#faq p{text-align:center;font-size:22px}#faq .panel p{font-size:18px;max-width:1300px;text-align:left}.benefits-subtitle{text-align:center;font-size:24px;text-transform:uppercase}.benefits-title{text-align:center;font-size:45px;color:var(--style-main);text-transform:uppercase}.benefits{display:flex;flex-wrap:wrap;gap:100px;margin-top:50px}.benefit{width:calc((100% / 2) - 50px)}.benefit img{margin-bottom:20px;width:70px;height:70px;object-fit:contain}.benefit-title{font-weight:700;font-size:30px}.benefit p{font-size:20px;line-height:24px}#reviews{background:var(--style-sec)}.reviews-flex{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.reviews-links{display:flex;gap:20px}#reviews .roof-link-black{background:var(--style-sec)}#reviews .roof-link-black:hover{background:var(--style-sec)}#reviews .roof-title{max-width:450px}#reviews .ti-stars{display:none}.ti-review-header::before{display:block!important}.ti-inner{display:flex!important;;flex-direction:column-reverse}#locations{border-top:10px solid var(--black);border-bottom:10px solid var(--black)}#locations img{opacity:.75}#locations .ita-content{max-width:700px;width:100%}#locations ul{display:flex;flex-wrap:wrap;gap:20px}#locations li{font-size:25px;width:calc((100% / 3) - 15px);text-align:left;margin:0}#locations .ita-right{width:50%}#end{position:relative}.end-gradient{padding:300px 0;display:flex;position:relative;flex-direction:column;align-items:center;text-align:center}.end-title{font-size:55px;font-weight:700}@media(max-width:1920px){.end-gradient{padding:200px 20px}}@media(max-width:1450px){#hero .octane-background{width:50%}}@media(max-width:1350px){.cta .wrap{flex-direction:column;justify-content:center;gap:20px}.cta-title{text-align:center}}@media(max-width:1150px){.hero-content{max-width:500px}.hero-title{font-size:35px}.hero-content p{font-size:20px}.tablinks img{width:60px;height:60px;margin-bottom:10px}.tablinks .tabs-title{font-size:18px}#locations li{font-size:18px}}@media(max-width:1024px){#hero{display:flex;flex-direction:column-reverse}.hero-content{max-width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 0 70px}.hero-right{position:relative;height:200px}#hero .octane-background{max-width:100%;width:100%;clip-path:polygon(100% 0,100% 100%,50% 70%,0 100%,0 0)}.hero-title{text-align:center}.hero-content p{text-align:center}.pad{padding:70px 0}.ita{flex-direction:column-reverse!important;gap:0}.ita-left,.ita-right{width:100%}.ita-content{max-width:850px!important;margin:auto!important;align-items:center}.ita-right img{position:relative;max-height:300px}.ita-right{padding-left:20px}.alt-ita .ita-right{padding-right:20px;padding-left:0}.stat-number{font-size:30px}.stats{gap:50px}.stat-title{font-size:20px}.grad-ita .octane-background{width:100%}.grad-ita-gradient{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(48,51,48,1) 50%)!important;padding-top:250px}.grad-content{text-align:center;margin:auto!important}.grad-ita .roof-link{margin:auto}.info-text::after{display:none}.benefits-title{font-size:35px}.benefit-title{font-size:20px}.benefits{gap:25px}.benefit{display:flex;flex-direction:column;align-items:center;text-align:center;width:calc((100% / 2) - 12.5px)}.benefit p{font-size:16px;line-height:20px}.reviews-flex{flex-direction:column;align-items:center;gap:20px;text-align:center}#locations .ita-right{width:100%}.end-title{font-size:40px}}@media(max-width:768px){.hero-title{font-size:30px}.hero-content p{font-size:18px;line-height:22px}.roof-link{font-size:16px}.roof-link:hover{transform:none}.tablinks{padding:10px}.tablinks img{height:40px;width:45px}.tabcontent .wrap{max-width:100%}.pad{padding:40px 0}.cta-title{font-size:25px}.pad p{font-size:16px}.stats{flex-wrap:wrap;gap:20px}.stat{width:calc(50% - 10px);max-width:200px}.roof-title{font-size:25px}#faq .panel p{font-size:16px;line-height:22px}.benefits-subtitle{font-size:20px}.benefits-title{font-size:25px}.end-gradient{padding:150px 20px}.end-title{font-size:35px}}@media(max-width:550px){#tabs .wrap{flex-direction:column}.tablinks{width:100%;border-left:7px solid var(--black)!important;border-right:7px solid var(--black)!important;transform:skew(-20deg)}.tablinks:hover,.tablinks:active,.tablinks:focus-within,.tablinks:focus{transform:skew(-20deg)!important}.tablinks-skew{transform:skew(20deg)}.tablinks:nth-of-type(2){transform:skew(20deg);border-top:7px solid var(--black);border-bottom:7px solid var(--black)}.tablinks:nth-of-type(2) .tablinks-skew{transform:skew(-20deg)}.tablinks:nth-of-type(2):hover,.tablinks:nth-of-type(2):active,.tablinks:nth-of-type(2):focus-within,.tablinks:nth-of-type(2):focus{transform:skew(20deg)!important}.tabcontent p{font-size:16px;line-height:22px;padding:0 10px}.ita-right img{max-height:200px}.stat img{width:50px;height:60px}.stat-title{font-size:16px}.benefits{gap:20px}.benefit{width:100%;padding:15px}.benefit:nth-child(odd){background:var(--style-sec)}.reviews-links{display:flex;flex-direction:column}#reviews .roof-link{flex-grow:1;width:100%}#locations li{font-size:16px;width:calc((100% / 2) - 15px)}}@media(max-width:400px){.hero-links{flex-wrap:wrap;gap:10px}.hero-links .roof-link{flex-grow:1}.end-title{font-size:30px;max-width:250px}}