@import "https://fonts.googleapis.com/css?family=Ubuntu:300,500,700";@font-face{font-family:bliss-bold;src:url(/storm-water-device-sizing-tool/assets/bliss-bold-CHpRYdxm.woff2)format("woff2"),url(/storm-water-device-sizing-tool/assets/bliss-bold-CF8Tn6RZ.woff)format("woff")}@font-face{font-family:bliss-light;src:url(/storm-water-device-sizing-tool/assets/bliss-light-DaA0zofy.woff2)format("woff2"),url(/storm-water-device-sizing-tool/assets/bliss-light-CCLtxN7m.woff)format("woff")}@font-face{font-family:bliss-medium;src:url(/storm-water-device-sizing-tool/assets/bliss-medium-qFRzQJn0.woff2)format("woff2"),url(/storm-water-device-sizing-tool/assets/bliss-medium-_ZIWeNGc.woff)format("woff")}@font-face{font-family:proxima-semibold;src:url(fonts/ProximaNova-Semibold.woff2)format("woff2"),url(fonts/ProximaNova-Semibold.woff)format("woff")}html,body{min-height:100%}html{box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;font-size:16px}*,:before,:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-family:ubuntu;font-weight:300}img{max-width:100%;height:auto}.hr{border:0;border-bottom:3px solid #383838}.is-hidden{display:none}.is-visible{display:block}.sr-only{display:none}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.wrapper,.container{width:100%;max-width:1159px;margin:0 auto;padding:0 15px}@media (width>=768px){.wrapper,.container{padding:0 30px}}.wrapper-text{max-width:720px}.grid{flex-flow:wrap;display:flex}.grid-cell{flex:1}.grid--gutters{margin:-1em 0 0 -1em}.grid--gutters>.grid-cell{padding:1em 0 0 1em}.grid--top{align-items:flex-start}.grid--bottom{align-items:flex-end}.grid--center{align-items:center}.grid-cell--top{align-self:flex-start}.grid-cell--bottom{align-self:flex-end}.grid-cell--center{align-self:center}.grid-cell--right .button,.grid-cell--right .home,.grid-cell--right table{float:none;margin-left:auto;margin-right:auto}@media (width>=768px){.grid-cell--right .button,.grid-cell--right .home,.grid-cell--right table{float:right}}.grid--fit>.grid-cell{flex:1}.grid--full>.grid-cell,.grid-cell.grid--full{flex:0 0 100%}.grid--1of2>.grid-cell,.grid-cell.grid-cell--1of2{flex:0 0 50%}.grid-cell.grid--2of3{flex:0 0 70%}.grid-cell.grid--1of3{flex:0 0 30%}.grid--1of3>.grid-cell{flex:0 0 33.3333%}.grid--1of4>.grid-cell{flex:0 0 25%}@media (width>=768px){.grid-cell.small-grid--2of3{flex:0 0 70%}.grid-cell.small-grid--1of3{flex:0 0 30%}.small-grid--fit>.grid-cell{flex:1}.small-grid--full>.grid-cell{flex:0 0 100%}.small-grid--1of2>.grid-cell{flex:0 0 50%}.small-grid--1of3>.grid-cell{flex:0 0 33.3333%}.small-grid--1of4>.grid-cell{flex:0 0 25%}}@media (width>=1024px){.large-grid--fit>.grid-cell{flex:1}.large-grid--full>.grid-cell{flex:0 0 100%}.large-grid--1of2>.grid-cell{flex:0 0 50%}.large-grid--1of3>.grid-cell{flex:0 0 33.3333%}.large-grid--1of4>.grid-cell{flex:0 0 25%}}h1,h3,h5{color:#000;font-family:bliss-bold}h1{letter-spacing:-.08px;padding-bottom:2px;font-size:36px;line-height:44px}h2{color:#000;letter-spacing:-.08px;padding-bottom:5px;font-family:bliss-light;font-size:36px;line-height:44px}h3{letter-spacing:-.08px;padding-bottom:7px;font-size:24px}h4{letter-spacing:-.08px;padding:30px 0 25px;font-family:bliss-medium;font-size:20px;font-weight:400;line-height:22px}.legend{padding-bottom:15px}.image{margin-bottom:30px;display:block}.image-shift{margin-left:47px}@media (width>=768px){.image-shift{margin-left:69px}}h5{letter-spacing:-.07px;padding:30px 0 25px;font-size:18px}.intro{float:left;max-width:837px}.intro p{letter-spacing:-.08px;padding-bottom:17px;font-family:bliss-light;font-size:20px;line-height:22px}main ul,li,p{font-size:16px;line-height:25px}p{padding-bottom:15px}main ul{padding-bottom:30px}main ul li ul{padding-bottom:0;padding-left:25px}strong{font-weight:500}.banner{width:100%;position:relative}.banner .logo{float:right;width:131px;height:auto;margin-right:9px;padding:18px 0;position:relative}@media (width>=768px){.banner .logo{width:254px;margin-right:-2px;padding-top:22px}}.banner h1{margin-left:14px;padding:20px 0;font-size:25px;line-height:27px}@media (width>=768px){.banner h1{height:151px;margin-left:0;padding:47px 0 0;font-size:36px;line-height:61px}}@media (width>=1100px){.banner h1{font-size:55px}}.banner h1 a{color:#004965;font-family:bliss-bold;text-decoration:none}.top .button{float:right;margin-top:12px;margin-right:8px}.top .back-to-home{display:none}@media (width>=768px){.top .back-to-home{display:block}}.sub-nav{background:#d8d8d8;width:100%;height:61px;margin-bottom:24px;position:relative}.sub-nav.hidden .nav-calculators,.sub-nav.hidden:after{display:none}@media (width>=1024px){.sub-nav{margin-bottom:96px}}.sub-nav:after{content:"";z-index:1;background:#f2f2f2;width:100%;height:61px;display:none;position:absolute;top:61px;left:0}@media (width>=1024px){.sub-nav:after{display:block}}.sub-nav .mobile .menu{background:url(/storm-water-device-sizing-tool/images/menu.svg) 50% no-repeat;width:28px;height:28px;margin-top:15px;margin-left:13px;display:block}.sub-nav .mobile .home{background:url(/storm-water-device-sizing-tool/images/home.svg) 50% no-repeat;width:29px;height:25px;margin-top:15px;margin-right:6px;display:block}@media (width>=1024px){.sub-nav .mobile{display:none}}.sub-nav .nav-about-li a{width:100%;margin:0;padding:17px 30px}@media (width>=1024px){.sub-nav .nav-about-li a{width:100%}}.sub-nav .nav-calculators>a{position:relative}.sub-nav .nav-calculators>a:before{content:"";z-index:999;border:17px solid #0000;border-top-color:#d8d8d8;border-bottom:none;width:0;height:0;display:none;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}@media (width>=1024px){.sub-nav .nav-calculators>a:before{display:block}}.sub-nav li{width:100%}@media (width>=1024px){.sub-nav li{width:auto}}.sub-nav a{color:#383838;text-align:center;border:0;border-bottom:1px solid #d8d8d8;outline:none;margin:0 29px;font-family:bliss-light;font-size:16px;font-style:normal;line-height:18px;text-decoration:none}.sub-nav a.last{border-bottom:0}@media (width>=1024px){.sub-nav a{border-bottom:0;margin:0;font-size:20px;line-height:20px}}.sub-nav a:hover{font-family:bliss-medium}.sub-nav li ul li,.sub-nav li ul li a{text-align:center}.sub-nav li ul li a:after{content:attr(title);visibility:hidden;height:0;font-family:bliss-medium;display:block;overflow:hidden}.sub-nav div>ul{z-index:9999;background:#f2f2f2;width:181px;margin-left:-32px;display:none;position:relative;top:18px;box-shadow:0 10px 11px #0000001c}@media (width>=1024px){.sub-nav div>ul{width:auto;box-shadow:none;background:0 0;margin-left:0;display:block;top:0}}.sub-nav div>ul>li ul{text-align:left}@media (width>=1024px){.sub-nav div>ul>li ul{margin-left:-32px}}.sub-nav div>ul>li{text-align:left;display:inline-block}@media (width>=1024px){.sub-nav div>ul>li{text-align:center}}.sub-nav div>ul>li a{text-align:left;padding:17px 0;display:block}@media (width>=1024px){.sub-nav div>ul>li a{text-align:center;padding:20px 32px}}.sub-nav div>ul>li a:after{content:attr(title);visibility:hidden;height:0;font-family:bliss-medium;display:block;overflow:hidden}.sub-nav.mobile-active ul{display:block}.sub-nav ul li ul{z-index:2;width:100%;margin:0 auto;padding:0}@media (width>=1024px){.sub-nav ul li ul{height:61px;position:absolute;top:61px;left:0}}.sub-nav ul li ul li{display:inline-block}.sub-nav ul li ul li a{font-family:bliss-light}.sub-nav ul li ul li a:hover{font-family:bliss-medium}.about .nav-about,.disclaimer .nav-disclaimer,.home .nav-retention,.home .nav-calculators>a,.swales .nav-swales,.swales .nav-calculators>a,.swales-check-dams .nav-swales-check,.swales-check-dams .nav-calculators>a,.bioretention .nav-bio,.bioretention .nav-calculators>a,.rainwater-tanks .nav-rainwater,.rainwater-tanks .nav-calculators>a{letter-spacing:.06px;font-family:bliss-medium}.footer-top{text-align:center;background:#f2f2f2;min-height:44px;margin-top:100px;padding:10px}.footer-top a{color:#383838;letter-spacing:.06px;font-family:bliss-light;font-size:20px;font-weight:300;text-decoration:none}.footer-top a:hover{font-family:bliss-medium}.footer-bottom{background:#004965;height:151px}h3.mobile{display:block}@media (width>=768px){h3.mobile{display:none}}.table-full .table{border:3px solid #383838}@media (width>=1024px){.table-full .table{border-left:0}.table-full .table:last-child th{border-right:0}}.table-full .table:first-child,.table-full .table tbody tr td:last-child{border-left:3px solid #383838}.table-full .table tbody tr:first-child{border-bottom:3px solid #383838}@media (width>=768px){.table-full .table thead tr th{border-right:3px solid #fff}.table.tiny{max-width:286px}}.table.tiny .cell-large{width:145px}.table.tiny .cell-mid{width:141px}.table.mobile .select,.table.mobile .cell-mid{text-align:center;width:130px}@media (width>=768px){.table.mid{max-width:720px}.table.large{max-width:749px}}.table.large .cell-small{width:90px}.table.large .cell-small2{width:92px}.table.large .cell-mid{width:137px}.table.large .cell-mid2{width:101px}.table.large .cell-mid3{width:131px}.table.large .cell-large{width:522px}.table.large .cell-large2{width:345px}.table.xlarge{max-width:925px}.table td.check:first-child{color:#fff;text-align:center;background:#000}.table.text-left td:first-child{text-align:left;padding-left:12px}.ref{color:#979797;font-size:14px}@media (width>=1024px){.large-grid--1of3 .table{width:33.3333%}}.table{border-collapse:collapse;width:100%;margin-bottom:20px}.table.small,.table.mobile{display:table}.table.large th small,.table.desktop th small{color:#fff;letter-spacing:-.09px;font-family:bliss-medium;font-size:16px;font-weight:400;display:block}.table.desktop{display:none}@media (width>=768px){.table{margin-bottom:50px}.table.small,.table.mobile{display:none}.table.large,.table.desktop{display:table}}.table .divider{border-bottom:3px solid #383838}.table th{color:#fff;text-align:center;background:#383838;padding:10px 0 12px 12px;font-family:bliss-medium;font-size:20px;font-weight:400;line-height:20px}.table td{text-align:center;border-top:1px solid #d8d8d8;padding:12px;font-size:16px}.table td:first-child{text-align:left}@media (width>=768px){.table td{padding:12px}}.table.mobile tr{padding:0 20px;display:block}.table.mobile.borders tr:nth-child(odd){padding-bottom:0}.table.mobile.borders tr:nth-child(2n){border-bottom:1px solid #d8d8d8}.table.mobile.borders tr:first-child{padding-top:0}.table.mobile.borders tr:last-child{border-bottom:3px solid #383838}.table.mobile .row-start{min-width:195px}.table.mobile tr{padding:0 20px 20px}.table.mobile.no-spacing tr{padding-bottom:0;padding-right:0}.table.mobile thead tr{padding:0}.table.mobile thead tr th{text-align:left;width:100%;padding-left:20px;display:block}.table.mobile thead tr th.secondary{background:#979797}.table.mobile.non-full thead tr th{text-align:center;width:auto;display:table-cell}.table.mobile.non-full .w1{width:189px}.table.mobile.non-full .w2{width:83px}.table.mobile td{border-top:0;padding-left:0}.table.mobile td+td{padding-left:12px}.table.no-border td,.table td.no-border{border:0}.highlight{background:#f2f2f2}.input{background-color:#b8e986}.input.disabled,.input.disabled input{background-color:#d3d3d3}.input.input-width,.input.input-width .input{width:145px}.input.input-width .ref{text-align:center}table .input{text-align:center;padding:0}table .input input{background-color:#b8e986;border:0;margin:0;padding:10px;display:block}@media (hover:hover){table .input input{padding:10px 0 10px 10px}}table .input input,table .input select{text-align:center;outline:0;width:100%;height:41px;font-family:ubuntu;font-size:16px;font-weight:300}table .input select{-webkit-appearance:none;text-align-last:center;background:0 0;border:0;position:relative}table .input.select{background:#b8e986 url(/storm-water-device-sizing-tool/images/chevron-collapse.svg) right 8px center/8px 7px no-repeat}.calculation{text-align:center;background-color:#f2f2f2}.result{text-align:center;background-color:#56c3e2}.error,.input.error input{text-align:center;background-color:#fb6969}.form{max-width:746px;margin-bottom:28px;margin-left:3px}.form input[type=text],.form input[type=date]{color:#000;letter-spacing:-.95px;background:#f2f2f2;border:1px solid #0000;outline:none;height:50px;padding:23px 13px 5px;font-family:ubuntu;font-size:16px;font-weight:300;display:block}.form input[type=text]:focus,.form input[type=date]:focus{border-color:#979797}.form label{color:#979797;text-indent:13px;letter-spacing:-.06px;text-transform:uppercase;border:0;font-family:bliss-bold;font-size:14px;display:block;position:absolute;top:5px}.form .grid{max-width:746px;margin-top:13px}.form .grid .review{margin-top:13px}@media (width>=768px){.form .grid .review{margin-top:0}}.form .grid div.designer{margin-bottom:13px}@media (width>=768px){.form .grid div.designer{margin-bottom:0}}.form .grid .grid-cell{position:relative}@media (width>=768px){.form .grid .grid-cell input{width:calc(100% - 10px)}}.form .grid input{width:100%}.button{color:#01a1da;letter-spacing:.06px;text-align:left;cursor:pointer;height:47px;cursor:hand;background:#fff;border:1px solid #29abe2;border-radius:25px;outline:none;padding:0 57px 0 14px;font-family:ubuntu;font-size:20px;font-weight:400;line-height:47px;text-decoration:none;display:block;position:relative}.button:not(#solver){text-transform:uppercase}.button:before{text-indent:-9999em;content:"";z-index:2;border:3px solid #82c0e1;border-left-color:#274864;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;display:inline-block;position:absolute;top:50%;left:50%;transform:scale(.01)translateZ(0)}.button#solver:before{border:3px solid #fff;border-left-color:#274864}.button.loading{color:#fff}.button.loading#solver{color:#56c3e2}.button.loading:after{display:none}.button.loading:before{animation:1.2s linear infinite d;transform:translateZ(0)}.button:not(.loading):hover{color:#000}@media (width>=768px){.button{height:51px;padding:0 57px 0 14px;font-size:20px;line-height:50px}}.button:after{content:"";background:#00a4db url(/storm-water-device-sizing-tool/images/arrow.svg) 50%/7px no-repeat;border-radius:50%;width:41px;height:41px;display:block;position:absolute;top:2px;right:2px}@media (width>=768px){.button:after{background-size:10px;width:44px;height:44px;top:2px;right:3px}}.button.button-download{margin-bottom:50px}.button.button-download:after{background-image:url(/storm-water-device-sizing-tool/images/download-icon.svg);background-size:16px}.back-to-home{width:222px;padding-right:0}.button-submit{color:#fff;letter-spacing:.05px;text-align:center;cursor:pointer;min-width:223px;height:30px;cursor:hand;background:#56c3e2;border:2px solid #0000;border-radius:25px;outline:0;padding:0;font-family:ubuntu;font-size:16px;font-weight:500;line-height:30px}.button-submit.loading{color:#56c3e2}.button-submit:after{display:none}@media (width>=768px){.button-submit{height:50px;padding:0 25px;font-size:20px;line-height:48px}}.button-submit:hover,.button-submit:active{border-color:#29abe2}#solver{color:#fff;float:right;text-align:center;clear:right;background:#56c3e2;width:100%;margin-bottom:45px;padding-left:30px;padding-right:30px;font-size:16px}#solver span{text-transform:uppercase}@media (width>=768px){#solver{width:auto;margin-right:15px;padding-left:30px;padding-right:30px}}#solver:after{display:none}@keyframes d{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.key{border-bottom:1px solid #d8d8d8;max-width:344px;margin:32px 0;padding-bottom:32px}@media (width>=768px){.key{border-bottom:0;max-width:1400px;padding-bottom:0}}.key div{float:left;text-align:center;color:#000;letter-spacing:-.08px;width:102px;height:32px;margin-bottom:10px;margin-left:0;margin-right:13px;padding:0;font-family:bliss-light;font-size:18px;line-height:32px}@media (width>=768px){.key div{margin-left:30px;margin-right:0}}.key .key-title{letter-spacing:-.08px;text-align:left;width:100%;margin-left:0;font-family:bliss-bold;font-size:24px}@media (width>=768px){.key .key-title{width:188px}}.feedback{margin-top:50px;padding-bottom:54px}.feedback h1{color:#383838;letter-spacing:-.08px;text-transform:uppercase;font-family:bliss-medium;font-size:24px}.feedback label{color:#01a1da;letter-spacing:.06px;font-family:ubuntu;font-size:20px;font-weight:500}.feedback label[for=feedback-no],.feedback label[for=feedback-yes]{cursor:pointer;cursor:hand}.feedback label[for=feedback-no]:hover,.feedback label[for=feedback-no].active,.feedback label[for=feedback-yes]:hover,.feedback label[for=feedback-yes].active{color:#000}.feedback label[for=why]{color:#979797;letter-spacing:-.08px;margin-top:28px;font-family:bliss-medium;font-size:24px}.feedback label[for=why] strong{color:#383838}.feedback .label-group input{display:none}.feedback .label-group .grid-cell:first-child{max-width:137px}.feedback .label-group label{min-width:93px;height:51px;margin:0;padding:0 0 0 50px;line-height:44px;display:block;position:relative}.feedback .label-group label:after{content:"";background:#01a1da url(/storm-water-device-sizing-tool/images/feedback-tick.svg) 50% no-repeat;border-radius:50%;width:46px;height:46px;margin:0;padding:0;position:absolute;top:0;left:0}.feedback .label-group .feedback-no+label:after{background-image:url(/storm-water-device-sizing-tool/images/feedback-cross.svg)}.feedback textarea{color:#383838;letter-spacing:-.07px;background:#f2f2f2;border:0;width:748px;height:100px;margin:20px 0;padding:19px;font-family:ubuntu;font-size:20px;font-weight:300}.section-notes{border-top:3px solid #383838;border-bottom:3px solid #383838;margin:15px 0}.section-notes .inner-notes{max-width:932px}.section-notes ul{list-style-type:none}.section-notes ul li{font-size:14px}.tooltip{text-align:left;background:#f0f0f0;border-radius:0;min-width:205px;margin-top:0;padding:8px 13px;display:none;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #d0d0d0}.tooltip .tooltip-arrow:before,.tooltip .tooltip-arrow:after{content:"";border:11px solid #0000;border-top-color:#d0d0d0;border-bottom:none;width:0;height:0;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.tooltip .tooltip-arrow:after{border-top-color:#f0f0f0;bottom:-8px}.tooltip h1{color:#00304b;margin:0;padding:0;font-family:ubuntu;font-size:16px;font-weight:500;line-height:24px}.tooltip p{color:#00304b;margin:0;padding:0;font-family:ubuntu;font-size:14px;font-weight:300;line-height:22px}[data-tooltip]{position:relative}[data-tooltip]:hover .tooltip,[data-tooltip]:hover+.tooltip{display:block}.table th,.table td{position:relative}.about p,.disclaimer p{padding-bottom:15px}.about h2,.disclaimer h2{padding-top:30px;padding-bottom:15px}.about h3,.disclaimer h3{padding-top:15px;padding-bottom:15px}.about ul,.disclaimer ul,.about ol,.disclaimer ol{list-style-position:inside}.about li,.disclaimer li{padding-bottom:5px}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}