@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,500,700);@font-face{font-family:bliss-bold;src:url(../../static/media/bliss-bold.8e7b50b3440a7bd84f1a.woff2) format("woff2"),url(../../static/media/bliss-bold.197faa4fbdd526787f01.woff) format("woff")}@font-face{font-family:bliss-light;src:url(../../static/media/bliss-light.8f8c2dc8cd1d93b74219.woff2) format("woff2"),url(../../static/media/bliss-light.31314f4879871d34c151.woff) format("woff")}@font-face{font-family:bliss-medium;src:url(../../static/media/bliss-medium.59a0f3f21ad437af0978.woff2) format("woff2"),url(../../static/media/bliss-medium.25798091f0d87a053030.woff) format("woff")}@font-face{font-family:proxima-semibold;src:url(../../static/media/ProximaNova-Semibold.e9d36376e1958ff253a9.woff2) format("woff2"),url(../../static/media/ProximaNova-Semibold.70cdfe764bc89da1fa80.woff) format("woff")}body,html{min-height:100%}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-family:sans-serif;font-size:16px}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-family:ubuntu;font-weight:300;margin:0;padding:0}img{height:auto;max-width:100%}.hr{border:0;border-bottom:3px solid #383838}.is-hidden{display:none}.is-visible{display:block}.sr-only{display:none}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.container,.wrapper{margin:0 auto;max-width:1159px;padding:0 15px;width:100%}@media(min-width:768px){.container,.wrapper{padding:0 30px}}.wrapper-text{max-width:720px}.wrapper h1 sup,.wrapper h2 sup,.wrapper h3 sup,.wrapper h5 sup{font-family:bliss-light;font-size:60%}.grid{display:flex;flex-flow:row wrap}.grid-cell{flex:1 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(min-width:768px){.grid-cell--right .button,.grid-cell--right .home,.grid-cell--right table{float:right}}.grid--fit>.grid-cell{flex:1 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(min-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 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(min-width:1024px){.large-grid--fit>.grid-cell{flex:1 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{padding-bottom:2px}h1,h2{font-size:36px;letter-spacing:-.08px;line-height:44px}h2{color:#000;font-family:bliss-light;padding-bottom:5px}h3{font-size:24px;padding-bottom:7px}h3,h4{letter-spacing:-.08px}h4{font-family:bliss-medium;font-size:20px;font-weight:400;line-height:22px;padding:30px 0 25px}.legend{padding-bottom:15px}.image{display:block;margin-bottom:30px}.image-shift{margin-left:47px}@media(min-width:768px){.image-shift{margin-left:69px}}h5{font-size:18px;letter-spacing:-.07px;padding:30px 0 25px}.intro{float:left;max-width:837px}.intro p{font-family:bliss-light;font-size:20px;letter-spacing:-.08px;line-height:22px;padding-bottom:17px}li,main ul,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{position:relative;width:100%}.banner .logo{float:right;height:auto;margin-right:9px;padding:18px 0;position:relative;width:131px}@media(min-width:768px){.banner .logo{margin-right:-2px;padding-top:22px;width:254px}}.banner h1{font-size:25px;line-height:27px;margin-left:14px;padding:20px 0}@media(min-width:768px){.banner h1{font-size:36px;height:151px;line-height:61px;margin-left:0;padding:47px 0 0}}@media(min-width:1100px){.banner h1{font-size:55px}}.banner h1 a{color:#004965;font-family:bliss-bold;text-decoration:none}.top .button{float:right;margin-right:8px;margin-top:12px}.top .back-to-home{display:none}@media(min-width:768px){.top .back-to-home{display:block}}.sub-nav{background:#d8d8d8;height:61px;margin-bottom:24px;position:relative;width:100%}.sub-nav.hidden .nav-calculators,.sub-nav.hidden:after{display:none}@media(min-width:1024px){.sub-nav{margin-bottom:96px}}.sub-nav:after{background:#f2f2f2;content:"";display:none;height:61px;left:0;position:absolute;top:61px;width:100%;z-index:1}@media(min-width:1024px){.sub-nav:after{display:block}}.sub-nav .mobile .menu{background:url(../../static/media/menu.55298384de3301f3ef68.svg) no-repeat 50%;display:block;height:28px;margin-left:13px;margin-top:15px;width:28px}.sub-nav .mobile .home{background:url(../../static/media/home.c0aa5661e052d8ed6586.svg) no-repeat 50%;display:block;height:25px;margin-right:6px;margin-top:15px;width:29px}@media(min-width:1024px){.sub-nav .mobile{display:none}}.sub-nav .nav-about-li a{margin:0;padding:17px 30px;width:100%}@media(min-width:1024px){.sub-nav .nav-about-li a{width:100%}}.sub-nav .nav-calculators>a{position:relative}.sub-nav .nav-calculators>a:before{border:17px solid #0000;border-bottom:none;border-top-color:#d8d8d8;bottom:-18px;content:"";display:none;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:999}@media(min-width:1024px){.sub-nav .nav-calculators>a:before{display:block}}.sub-nav li{width:100%}@media(min-width:1024px){.sub-nav li{width:auto}}.sub-nav a{border:0;border-bottom:1px solid #d8d8d8;color:#383838;font-family:bliss-light;font-size:16px;font-style:normal;line-height:18px;margin:0 29px;outline:none;text-align:center;text-decoration:none}.sub-nav a.last{border-bottom:0}@media(min-width:1024px){.sub-nav a{border-bottom:0;font-size:20px;line-height:20px;margin:0}}.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);display:block;font-family:bliss-medium;height:0;overflow:hidden;visibility:hidden}.sub-nav div>ul{background:#f2f2f2;box-shadow:0 10px 11px 0 #0000001c;display:none;margin-left:-32px;position:relative;top:18px;width:181px;z-index:9999}@media(min-width:1024px){.sub-nav div>ul{background:none;box-shadow:none;display:block;margin-left:0;top:0;width:auto}}.sub-nav div>ul>li ul{text-align:left}@media(min-width:1024px){.sub-nav div>ul>li ul{margin-left:-32px}}.sub-nav div>ul>li{display:inline-block;text-align:left}@media(min-width:1024px){.sub-nav div>ul>li{text-align:center}}.sub-nav div>ul>li a{display:block;padding:17px 0;text-align:left}@media(min-width:1024px){.sub-nav div>ul>li a{padding:20px 32px;text-align:center}}.sub-nav div>ul>li a:after{content:attr(title);display:block;font-family:bliss-medium;height:0;overflow:hidden;visibility:hidden}.sub-nav.mobile-active ul{display:block}.sub-nav ul li ul{margin:0 auto;padding:0;width:100%;z-index:2}@media(min-width:1024px){.sub-nav ul li ul{height:61px;left:0;position:absolute;top:61px}}.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,.bioretention .nav-bio,.bioretention .nav-calculators>a,.disclaimer .nav-disclaimer,.home .nav-calculators>a,.home .nav-retention,.rainwater-tanks .nav-calculators>a,.rainwater-tanks .nav-rainwater,.swales .nav-calculators>a,.swales .nav-swales,.swales-check-dams .nav-calculators>a,.swales-check-dams .nav-swales-check{font-family:bliss-medium;letter-spacing:.06px}.footer-top{background:#f2f2f2;margin-top:100px;min-height:44px;padding:10px;text-align:center}.footer-top a{color:#383838;font-family:bliss-light;font-size:20px;font-weight:300;letter-spacing:.06px;text-decoration:none}.footer-top a:hover{font-family:bliss-medium}.footer-bottom{background:#004965;height:151px}h3.mobile{display:block}@media(min-width:768px){h3.mobile{display:none}}.table-full .table{border:3px solid #383838}@media(min-width:1024px){.table-full .table{border-left:0}.table-full .table:last-child th{border-right:0}}.table-full .table tbody tr td:last-child,.table-full .table:first-child{border-left:3px solid #383838}.table-full .table tbody tr:first-child{border-bottom:3px solid #383838}@media(min-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 .cell-mid,.table.mobile .select{text-align:center;width:130px}@media(min-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{background:#000;color:#fff;text-align:center}.table sub{white-space:nowrap}.table.text-left td:first-child{padding-left:12px;text-align:left}.ref{color:#979797;font-size:14px}@media(min-width:1024px){.large-grid--1of3 .table{width:33.3333%}}.table{border-collapse:collapse;margin-bottom:20px;width:100%}.table.mobile,.table.small{display:table}.table.desktop th small,.table.large th small{color:#fff;display:block;font-family:bliss-medium;font-size:16px;font-weight:400;letter-spacing:-.09px}.table.desktop{display:none}@media(min-width:768px){.table{margin-bottom:50px}.table.mobile,.table.small{display:none}.table.desktop,.table.large{display:table}}.table .divider{border-bottom:3px solid #383838}.table th{background:#383838;color:#fff;font-family:bliss-medium;font-size:20px;font-weight:400;line-height:20px;padding:10px 0 12px 12px;text-align:center}.table td{border-top:1px solid #d8d8d8;font-size:16px;padding:12px;text-align:center}.table td:first-child{text-align:left}@media(min-width:768px){.table td{padding:12px}}.table.mobile tr{display:block;padding:0 20px}.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{display:block;padding-left:20px;text-align:left;width:100%}.table.mobile thead tr th.secondary{background:#979797}.table.mobile.non-full thead tr th{display:table-cell;text-align:center;width:auto}.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 td.no-border,.table.no-border td{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,table .input{text-align:center}table .input{padding:0}table .input input{background-color:#b8e986;border:0;display:block;margin:0;padding:10px}@media(hover:hover){table .input input{padding:10px 0 10px 10px}}table .input input,table .input select{font-family:ubuntu;font-size:16px;font-weight:300;height:41px;outline:0;text-align:center;width:100%}table .input select{-webkit-appearance:none;background:none;border:0;position:relative;text-align-last:center}table .input.select{background:#b8e986 url(../../static/media/chevron-collapse.671eff9b3a22bfa16116.svg) no-repeat center right 8px;background-size:8px 7px}.calculation{background-color:#f2f2f2;text-align:center}.result{background-color:#56c3e2;text-align:center}.error,.input.error input{background-color:#fb6969;text-align:center}.form{margin-bottom:28px;margin-left:3px;max-width:746px}.form input[type=date],.form input[type=text]{background:#f2f2f2;border:1px solid #0000;color:#000;display:block;font-family:ubuntu;font-size:16px;font-weight:300;height:50px;letter-spacing:-.95px;outline:none;padding:23px 13px 5px}.form input[type=date]:focus,.form input[type=text]:focus{border-color:#979797}.form label{border:0;color:#575757;display:block;font-family:bliss-bold;font-size:14px;letter-spacing:-.06px;position:absolute;text-indent:13px;text-transform:uppercase;top:5px}.form .grid{max-width:746px}.form .grid,.form .grid .review{margin-top:13px}@media(min-width:768px){.form .grid .review{margin-top:0}}.form .grid div.designer{margin-bottom:13px}@media(min-width:768px){.form .grid div.designer{margin-bottom:0}}.form .grid .grid-cell{position:relative}@media(min-width:768px){.form .grid .grid-cell input{width:calc(100% - 10px)}}.form .grid input{width:100%}.button{background:#fff;border:1px solid #007dba;border-radius:25px;color:#007dba;cursor:pointer;cursor:hand;display:block;font-family:ubuntu;font-size:20px;font-weight:400;height:47px;letter-spacing:.06px;line-height:47px;outline:none;padding:0 57px 0 14px;position:relative;text-align:left;text-decoration:none}.button:not(#solver){text-transform:uppercase}.button:before{border:3px solid #82c0e1;border-left-color:#274864;border-radius:50%;content:"";display:inline-block;height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;text-indent:-9999em;top:50%;transform:scale(.01) translateZ(0);width:20px;z-index:2}.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:d 1.2s linear infinite;transform:translateZ(0)}.button:not(.loading):hover{color:#000}@media(min-width:768px){.button{font-size:20px;height:51px;line-height:50px;padding:0 57px 0 14px}}.button:after{background:#007dba url(../../static/media/arrow.5583e9b738471616cca0.svg) 50% no-repeat;background-size:7px auto;border-radius:50%;content:"";display:block;height:41px;position:absolute;right:2px;top:2px;width:41px}@media(min-width:768px){.button:after{background-size:10px auto;height:44px;right:3px;top:2px;width:44px}}.button.button-download{margin-bottom:50px}.button.button-download:after{background-image:url(../../static/media/download-icon.fa3f8ecebc3734a00bb5.svg);background-size:16px auto}.back-to-home{padding-right:0;width:222px}.button-submit{background:#56c3e2;border:2px solid #0000;border-radius:25px;color:#fff;cursor:pointer;cursor:hand;font-family:ubuntu;font-size:16px;font-weight:500;height:30px;letter-spacing:.05px;line-height:30px;min-width:223px;outline:0;padding:0;text-align:center}.button-submit.loading{color:#56c3e2}.button-submit:after{display:none}@media(min-width:768px){.button-submit{font-size:20px;height:50px;line-height:48px;padding:0 25px}}.button-submit:active,.button-submit:hover{border-color:#29abe2}#solver{background:#56c3e2;clear:right;color:#fff;float:right;font-size:16px;margin-bottom:45px;padding-left:30px;padding-right:30px;text-align:center;width:100%}#solver span{text-transform:uppercase}@media(min-width:768px){#solver{margin-right:15px;padding-left:30px;padding-right:30px;width:auto}}#solver:after{display:none}@keyframes d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.key{border-bottom:1px solid #d8d8d8;margin:32px 0;max-width:344px;padding-bottom:32px}@media(min-width:768px){.key{border-bottom:0;max-width:1400px;padding-bottom:0}}.key div{color:#000;float:left;font-family:bliss-light;font-size:18px;height:32px;letter-spacing:-.08px;line-height:32px;margin-bottom:10px;margin-left:0;margin-right:13px;padding:0;text-align:center;width:102px}@media(min-width:768px){.key div{margin-left:30px;margin-right:0}}.key .key-title{font-family:bliss-bold;font-size:24px;letter-spacing:-.08px;margin-left:0;text-align:left;width:100%}@media(min-width:768px){.key .key-title{width:170px}}@media(min-width:1024px){.key .key-title{width:188px}}.feedback{margin-top:50px;padding-bottom:54px}.feedback h1{color:#383838;font-family:bliss-medium;font-size:24px;letter-spacing:-.08px;text-transform:uppercase}.feedback label{color:#01a1da;font-family:ubuntu;font-size:20px;font-weight:500;letter-spacing:.06px}.feedback label[for=feedback-no],.feedback label[for=feedback-yes]{cursor:pointer;cursor:hand}.feedback label[for=feedback-no].active,.feedback label[for=feedback-no]:hover,.feedback label[for=feedback-yes].active,.feedback label[for=feedback-yes]:hover{color:#000}.feedback label[for=why]{color:#979797;font-family:bliss-medium;font-size:24px;letter-spacing:-.08px;margin-top:28px}.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{display:block;height:51px;line-height:44px;margin:0;min-width:93px;padding:0 0 0 50px;position:relative}.feedback .label-group label:after{background:#01a1da url(../../static/media/feedback-tick.1b164d3688b32e7ffee1.svg) 50% no-repeat;border-radius:50%;content:"";height:46px;left:0;margin:0;padding:0;position:absolute;top:0;width:46px}.feedback .label-group .feedback-no+label:after{background-image:url(../../static/media/feedback-cross.9443fecc7f3e3c8e6ae4.svg)}.feedback textarea{background:#f2f2f2;border:0;color:#383838;font-family:ubuntu;font-size:20px;font-weight:300;height:100px;letter-spacing:-.07px;margin:20px 0;padding:19px;width:748px}.section-notes{border-bottom:3px solid #383838;border-top: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{background:#f0f0f0;border-radius:0;bottom:54px;box-shadow:0 0 0 2px #d0d0d0;display:none;left:50%;margin-top:0;min-width:205px;padding:8px 13px;position:absolute;text-align:left;transform:translateX(-50%)}.tooltip .tooltip-arrow:after,.tooltip .tooltip-arrow:before{border:11px solid #0000;border-bottom:none;border-top-color:#d0d0d0;bottom:-11px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tooltip .tooltip-arrow:after{border-top-color:#f0f0f0;bottom:-8px}.tooltip h1{font-size:16px;font-weight:500;line-height:24px}.tooltip h1,.tooltip p{color:#00304b;font-family:ubuntu;margin:0;padding:0}.tooltip p{font-size:14px;font-weight:300;line-height:22px}[data-tooltip]{position:relative}[data-tooltip]:hover .tooltip,[data-tooltip]:hover+.tooltip{display:block}.table td,.table th{position:relative}.about p,.disclaimer p{padding-bottom:15px}.about h2,.disclaimer h2{padding-bottom:15px;padding-top:30px}.about h3,.disclaimer h3{padding-bottom:15px;padding-top:15px}.about ol,.about ul,.disclaimer ol,.disclaimer ul{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}