.section--pricingcalc .step{display:none}.section--pricingcalc .step.active{display:flex;flex-flow:row wrap;justify-content:center}.section--pricingcalc .step-calc{background:#5a5a5a;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);padding:40px}.section--pricingcalc .steps{border-bottom:1px solid #d4d8dc;display:flex;flex-flow:row nowrap;justify-content:space-between;padding-left:5px;padding-right:5px}.section--pricingcalc .steps .active{color:#3574e3;font-weight:700}.section--pricingcalc .step-buttons{display:flex;flex-flow:row wrap;justify-content:space-between}.section--pricingcalc .step-buttons>a{max-width:48%!important;min-width:auto;width:100%}.section--pricingcalc .option--image,.section--pricingcalc .option--text{display:flex;flex-direction:column;justify-content:center}.section--pricingcalc .option--image{max-width:245px;min-height:180px}.section--pricingcalc .option--image img{height:100%;object-fit:cover;object-position:center;width:100%}.section--pricingcalc .option--text{background:#fff;flex:1}.section--pricingcalc .option--next{background-color:#3574e3;background-image:url(https://www.billraganroofing.com/hubfs/roi-calc/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:25px;bottom:0;max-width:60px;overflow:hidden;position:absolute;right:0;top:0;transition:all .3s ease-in-out;width:100%}@media(hover:hover){.section--pricingcalc .roofing--material .option--next,.section--pricingcalc .roofing--style .option--next{width:0}.section--pricingcalc .roofing--material:hover .option--next,.section--pricingcalc .roofing--style:hover .option--next{width:100%}}@media (min-width:1025px){.section--pricingcalc .roofing--material,.section--pricingcalc .roofing--style{transition:all .3s ease-in-out}.section--pricingcalc .roofing--material:hover,.section--pricingcalc .roofing--style:hover{transform:translateY(-5px)}}@media (max-width:1024px){.section--pricingcalc .option--image{max-width:155px;min-height:180px}}@media screen and (max-width:767px){.section--pricingcalc .option--image{max-width:100%;min-height:auto;width:100%}}.section--pricingcalc .dim{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:2rem}.section--pricingcalc .dim__intro{margin-top:0}.section--pricingcalc .dim>div{margin-bottom:10px;width:100%}@media screen and (min-width:768px){.section--pricingcalc .dim>div{margin-bottom:0;max-width:48%}}.section--pricingcalc .dim_input{display:flex}.section--pricingcalc .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)}.section--pricingcalc .dim__post{background:#eee;color:#000;display:flex;flex-flow:column wrap;font-size:16px;height:59px;justify-content:center;padding:0 10px}.section--pricingcalc .dim__map{display:flex}.section--pricingcalc .dim__map__calc{margin:0 1rem 0 0;max-width:300px;width:100%}@media screen and (min-width:768px){.section--pricingcalc .dim__map__vector{flex:1}.section--pricingcalc .dim__map__vector svg{display:block;max-width:100%;width:800px}}.section--pricingcalc .dim__title{font-size:1rem;font-weight:500;margin:2rem 0 0}.section--pricingcalc .dim__title:first-of-type{margin-top:0}@media screen and (min-width:768px){.section--pricingcalc .dim__title:first-of-type{margin-top:2rem}}.section--pricingcalc .result{border-bottom:1px solid hsla(0,0%,100%,.28);margin-bottom:1rem;padding-bottom:1rem}