@charset "UTF-8";.roof-form{position:relative;width:100%;max-width:1200px;margin-inline:auto;z-index:10}.roof-form .js-goBack{display:inline-block;background-color:transparent;color:#a0a0a0;border-bottom:2px solid #a0a0a0;padding:0;height:auto;font-size:calc(max(calc(12rem / 16), calc(16rem / 16)));font-weight:600;cursor:pointer;margin-left:5px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.roof-form .js-goBack:hover{color:#de3a3d}.roof-form h2{color:#000;font-size:calc(max(calc(12rem / 16), calc(24rem / 16)));font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin:0 0 25px;text-align:left;text-transform:initial;padding-left:10px}.roof-form h2 .number{position:relative;display:block;color:#fff;font-size:calc(max(calc(12rem / 16), calc(24rem / 16)));font-weight:bold;margin-right:15px;padding-left:5px;z-index:2}.roof-form h2 .number:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:45px;height:45px;color:#fff;background-color:#000;border-radius:100%;z-index:-1}.roof-form h2 small{font-size:20px;font-weight:normal;color:#000}.roof-form select{width:100%;height:80px;border-radius:5px;font-family:inherit;font-size:calc(max(calc(12rem / 16), calc(18rem / 16)));font-weight:600;color:#0b0b0b;padding:0 35px;background:#fff;-webkit-appearance:none;-moz-appearance:none;background-image:url("/Content/images/icons/icon-chevron-down.png");background-position-x:98%;background-position-y:50%;background-repeat:no-repeat;border:none;margin:10px 0;-webkit-box-shadow:0px 2px 10px 0 rgba(0, 0, 0, 0.2);box-shadow:0px 2px 10px 0 rgba(0, 0, 0, 0.2);cursor:pointer}@media only screen and (max-width:1000px){.roof-form select{font-size:18px}}.roof-form .radio-wrap{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:10px;margin:10px 0 40px}@media only screen and (max-width:1280px){.roof-form .radio-wrap{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width:850px){.roof-form .radio-wrap{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:5px}}.roof-form .radio-wrap label{position:relative;text-align:center;background:#fff;-webkit-box-shadow:0px 2px 10px 0 rgba(0, 0, 0, 0.2);box-shadow:0px 2px 10px 0 rgba(0, 0, 0, 0.2);border-radius:5px;padding:35px 20px;font-size:calc(max(calc(12rem / 16), calc(18rem / 16)));font-weight:bold;cursor:pointer;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;text-align:left}.roof-form .radio-wrap label .checkbox{position:relative;display:block;width:28px;height:28px;background:#ededed;border-radius:5px;border:none;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.roof-form .radio-wrap label .checkbox:before{content:"";display:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -70%) rotate(-45deg);-ms-transform:translate(-50%, -70%) rotate(-45deg);transform:translate(-50%, -70%) rotate(-45deg);height:30%;width:60%;border-left:3px solid white;border-bottom:3px solid white;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.roof-form .radio-wrap label .image-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.roof-form .radio-wrap label .image-row img{-ms-flex-negative:0;flex-shrink:0}.roof-form .radio-wrap label:hover .background{border-color:#de3a3d}.roof-form .radio-wrap label .background{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;border-radius:inherit;border:3px solid transparent;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.roof-form .radio-wrap label small{font-weight:normal;font-size:15px;display:block;text-transform:none}.roof-form .radio-wrap label img{display:block;max-width:100%}.roof-form .radio-wrap label input{display:none}.roof-form .radio-wrap label input:checked~.background{border-color:#de3a3d}.roof-form .radio-wrap label input:checked~.checkbox{background:#431c04}.roof-form .radio-wrap label input:checked~.checkbox:before{display:block}.roof-form fieldset{padding:0;border:none}.roof-form .selections{width:100%;position:relative;border-radius:5px;color:#000;text-align:center;padding:20px;font-size:calc(max(calc(12rem / 16), calc(16rem / 16)));font-style:italic;font-weight:600;margin-bottom:35px;line-height:1.5}.roof-form .shinglesPrice-wrapper{text-align:center;width:100%;max-width:850px;margin:0 auto 50px;text-align:center}.roof-form .shinglesPrice-wrapper h2{display:block;text-align:center;font-weight:bold;font-size:30px;font-size:clamp(25px, 1.56vw, 30px);margin-bottom:10px}.roof-form .shinglesPrice-wrapper .price-shingles{font-size:42px;font-size:clamp(32px, 2.18vw, 42px);color:#de3a3d;font-weight:bold;margin:0 0 25px;line-height:1.1}.roof-form .asphalt-wrap img{display:block;width:100%;max-width:100%;border-radius:5px}.roof-form .upgrades-text{position:relative;display:block;text-align:center;margin:40px auto;max-width:1250px;width:100%;font-size:calc(max(calc(12rem / 16), calc(18rem / 16)));text-transform:uppercase;font-weight:bold;color:#000}.roof-form .upgrades-text:after{content:"";position:absolute;display:block;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-bottom:solid 2px #eeeeee;height:0;width:100%}.roof-form .upgrades-text span{position:relative;display:inline-block;padding:0 15px;background-color:#fff;letter-spacing:0.07em;z-index:2}.roof-form .upgrades-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;row-gap:25px;max-width:1250px;width:100%;margin:0 auto;text-align:center}.roof-form .upgrades-wrap article{display:inline-block;width:calc((100% / 3) - 10px);margin:0;font-size:calc(max(calc(12rem / 16), calc(18rem / 16)));font-weight:bold}@media screen and (max-width:1000px){.roof-form .upgrades-wrap article{width:calc(50% - 10px)}}@media screen and (max-width:740px){.roof-form .upgrades-wrap article{width:100%}}.roof-form .upgrades-wrap article strong{display:block;font-size:calc(max(calc(12rem / 16), calc(24rem / 16)));letter-spacing:0;font-weight:bold;color:#000}.roof-form .upgrades-wrap article img{display:block;width:100%;max-width:100%;margin:0 auto 10px;border-radius:5px}.roofCalculator-splitCol{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);-webkit-column-gap:20px;column-gap:20px;row-gap:40px;margin-bottom:35px}@media only screen and (max-width:1000px){.roofCalculator-splitCol{-ms-grid-columns:1fr;grid-template-columns:1fr}}.js-priceError,label.error{color:#ed4337;font-size:calc(max(calc(12rem / 16), calc(16rem / 16)));font-weight:600;margin-top:10px}
/*# sourceMappingURL=cost-calculator-residential.css.map */