@charset "UTF-8";.three-col-content>:first-child{margin-top:0}.three-col-content>:last-child{margin-bottom:0}@media screen and (min-width:1001px){.three-col-content{display:-ms-grid;display:grid;-ms-grid-columns:265px 1fr;grid-template-columns:265px 1fr;gap:0 50px}}.three-col-content>h2{font-size:calc(max(calc(12rem / 16), calc(40rem / 16)))}@media screen and (max-width:1500px){.three-col-content>h2{font-size:calc(max(calc(25rem / 16), calc(36rem / 16)))}}@media screen and (max-width:1200px){.three-col-content>h2{font-size:calc(max(calc(25rem / 16), calc(32rem / 16)))}}@media screen and (max-width:800px){.three-col-content>h2{font-size:calc(max(calc(25rem / 16), calc(28rem / 16)))}}@media screen and (max-width:460px){.three-col-content>h2{font-size:calc(max(calc(25rem / 16), calc(24rem / 16)))}}@media screen and (min-width:1501px){.three-col-content>h2{margin:0}}.three-col-content .content-contain>:first-child{margin-top:0}.three-col-content .content-contain>:last-child{margin-bottom:0}@media screen and (min-width:1501px){.three-col-content .content-contain{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:inherit;display:-webkit-box;display:-ms-flexbox;display:flex}.three-col-content .content-contain .btn-wrap,.three-col-content .content-contain p{margin:0}}.stay-upto-date{position:relative}.stay-upto-date .site-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:55fr 45fr;grid-template-columns:55fr 45fr;gap:50px}@media only screen and (max-width:1500px){.stay-upto-date .site-wrapper{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width:1280px){.stay-upto-date .site-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:15px}}.stay-upto-date .content-contain{--py-max:80px}@media only screen and (max-width:1280px){.stay-upto-date .content-contain{padding-bottom:0}}.stay-upto-date .img-contain{--py-max:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:0}@media only screen and (max-width:1280px){.stay-upto-date .img-contain{padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.stay-upto-date .img-contain img{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center}.brand-slider-section h2{padding-bottom:15px}.cost-banner-section{color:#fff;background:-webkit-gradient(linear, left top, left bottom, color-stop(25%, #5e9ae2), to(#adceef));background:-webkit-linear-gradient(top, #5e9ae2 25%, #adceef 100%);background:-o-linear-gradient(top, #5e9ae2 25%, #adceef 100%);background:linear-gradient(180deg, #5e9ae2 25%, #adceef 100%);overflow:hidden;max-width:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:480px}@media screen and (max-width:1000px){.cost-banner-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.cost-banner-section .btn-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}.cost-banner-section .btn-wrap.column{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cost-banner-section :where(ol,ul){max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cost-banner-section iframe,.cost-banner-section img,.cost-banner-section table{margin-left:auto;margin-right:auto}}@media screen and (min-width:1001px){.cost-banner-section .section-content{--heading-scale-factor:0.45;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-box-flex:1.1;-ms-flex:1.1 1 0px;flex:1.1 1 0}}@media screen and (min-width:1301px){.cost-banner-section .section-content{-webkit-box-flex:1.3;-ms-flex:1.3 1 0px;flex:1.3 1 0}}@media screen and (min-width:2551px){.cost-banner-section .section-content{max-width:2550px;margin-left:calc((100dvw - 2550px) / 2);margin-right:auto}}@media screen and (max-width:2550px) and (min-width:1001px){.cost-banner-section .section-content{padding-right:0}}.cost-banner-section .section-content p{text-wrap:balance}@media screen and (min-width:1001px){.cost-banner-section .section-content p{font-size:1.1em}}@media screen and (min-width:1301px){.cost-banner-section .section-content p{font-size:1.2em}}.cost-banner-section .section-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;pointer-events:none}@media screen and (min-width:1001px){.cost-banner-section .section-img{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}}@media screen and (max-width:1000px){.cost-banner-section .section-img{max-height:400px;max-height:clamp(225px, 40vw, 400px);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media screen and (min-width:1001px){.cost-banner-section .section-img img{position:absolute;bottom:0;right:0;max-width:185%}}@media screen and (max-width:2550px){.cost-banner-section .section-img img{right:unset;left:0;min-width:100%}}@media screen and (max-width:1000px){.cost-banner-section .section-img img{min-height:105%;max-width:140%}}
/*# sourceMappingURL=commercial-roofing.css.map */