#roi-calc .step{display:none}#roi-calc .step.active{display:flex;flex-flow:row wrap}#roi-calc .step-content{padding:1rem 0;width:100%}@media screen and (min-width:768px){#roi-calc .step-content{margin-right:4rem;max-width:400px}}#roi-calc .step-calc{background:#272742;border-radius:20px;-moz-box-shadow:0 8px 25px 0 rgba(66,66,66,.12);-webkit-box-shadow:0 8px 25px 0 rgba(66,66,66,.12);box-shadow:0 8px 25px 0 rgba(66,66,66,.12);color:#fff;flex:300px;padding:40px}#roi-calc .steps{border-bottom:1px solid #d4d8dc;display:flex;flex-flow:row nowrap;font-size:17px;justify-content:space-between;margin:0 0 15px;padding:0 0 15px;text-transform:uppercase}#roi-calc .step-content h2{font-size:38px;margin:0 0 10px}h2.dim__calc.sfonly,h4.dim__title.sfonly.margin--short--bottom{display:block}#roi-calc .step-calc h3,.dim__map.all--color--white.text--left *{color:#fff}.next.btn.btn--transparent--blue,.prev.btn.btn--transparent--grey,.quote.btn.btn--orange{background-color:#df3933;border-radius:100vmax;color:#fff;display:inline-block;padding:8px 31px}.result-calc{color:#fff;font-size:38px}#roi-calc .step-buttons>a:after{aspect-ratio:1;background-color:#e84c46;border-radius:50%;content:"";position:absolute;right:0;top:0;width:26px;z-index:-1}#roi-calc .steps .active{color:#272742;font-weight:700}#roi-calc .step-buttons{display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:40px}#roi-calc .step-buttons>a{isolation:isolate;min-width:auto;overflow:hidden;position:relative}#roi-calc .building{background-color:#fff;border-radius:.5rem;-moz-box-shadow:0 8px 25px 0 rgba(66,66,66,.12);-webkit-box-shadow:0 8px 25px 0 rgba(66,66,66,.12);box-shadow:0 8px 25px 0 rgba(66,66,66,.12);display:flex;flex-flow:row wrap;margin-bottom:1rem;overflow:hidden;text-decoration:none;transform:translateY(0);transition:box-shadow .5s ease,transform .5s ease}@media screen and (min-width:768px){#roi-calc .building{flex-flow:row nowrap}}#roi-calc .building:hover{-moz-box-shadow:0 8px 30px 0 rgba(66,66,66,.22);-webkit-box-shadow:0 8px 30px 0 rgba(66,66,66,.22);box-shadow:0 8px 30px 0 rgba(66,66,66,.22);transform:translateY(-3px)}#roi-calc .building:last-of-type{margin-bottom:0}#roi-calc .building-image{width:100%}@media screen and (min-width:768px){#roi-calc .building-image{height:195px;max-width:242px}}#roi-calc .building-image img{height:100%!important;object-fit:cover;object-position:center;width:100%}#roi-calc .building-desc{background:#fff;display:flex;flex-flow:column nowrap;justify-content:center;padding:1rem}#roi-calc .building-desc h4{color:#000;margin:0}#roi-calc .building-desc p{color:#777;font-size:16px;margin:10px 0 0;transition:opacity .5s ease}#roi-calc .building-next{overflow:hidden;width:0}@media (min-width:1025px){#roi-calc .building:hover .building-desc p{height:0;opacity:0}#roi-calc .building-next{align-items:center;background-color:#df3933;background-image:url(https://www.billraganroofing.com/hubfs/roi-calc/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:19px;display:flex;flex-flow:column nowrap;justify-content:center;max-width:39px;overflow:hidden;transition:width .5s ease;width:0}#roi-calc .building:hover .building-next{padding:1rem;width:100%}#roi-calc .building-next svg{width:40px}}#roi-calc .dim{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:2rem}#roi-calc .dim__intro{margin-top:0}#roi-calc .dim>div{margin-bottom:10px;width:100%}@media screen and (min-width:768px){#roi-calc .dim>div{margin-bottom:0;max-width:48%}}#roi-calc .dim_input{display:flex}#roi-calc .dim input{-webkit-appearance:none;background-color:#fff;border:0;border-radius:0;box-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5a5a;display:block;font-family:Poppins,Arial,Helvetica,sans-serif;font-size:18px;font-weight:400;height:auto;height:59px;letter-spacing:0;line-height:1.16em;margin-top:0;outline:none;padding:20px 15px 18px;text-align:left!important;width:calc(100% - 40px)}#roi-calc .dim__post{background:#eee;color:#000;display:flex;flex-flow:column wrap;font-size:16px;height:59px;justify-content:center;padding:0 10px}#roi-calc .dim__map{display:flex}#roi-calc .dim__map__calc{margin:0 1rem 0 0;max-width:300px;width:100%}@media screen and (min-width:768px){#roi-calc .dim__map__vector{flex:1}#roi-calc .dim__map__vector svg{display:block;max-width:100%;width:800px}}#roi-calc .dim__title{font-size:1rem;font-weight:500;margin:2rem 0 0}#roi-calc .dim__title:first-of-type{margin-top:0}@media screen and (min-width:768px){#roi-calc .dim__title:first-of-type{margin-top:2rem}}#roi-calc .result{border-bottom:1px solid hsla(0,0%,100%,.28);margin-bottom:1rem;padding-bottom:1rem}@media (max-width:1199px){#roi-calc .step.active{flex-direction:column;gap:40px}#roi-calc .step-content{margin:0;max-width:100%}}