*{padding:0;margin:0;box-sizing:border-box}html{background-color:#00a3e0;font-size:20px;font-family:'Avenir-Book', sans-serif}#wrapper{overflow:hidden;position:relative;background-color:white}#page{width:100%;overflow:hidden;padding-top:41px}.row{width:100%;max-width:1360px;margin:auto}.row .row{margin:0 0}.display-none,#header .row .logo .icon span{display:block;height:0;width:0;overflow:hidden}.display-mob,.mobile-only{display:none}h1{font-family:'Avenir-Black', sans-serif;font-weight:400;font-size:2em}h2{font-family:'Avenir-Heavy', sans-serif;font-weight:400;font-size:3em;line-height:1em}h3{font-family:'Avenir-Book', sans-serif;font-weight:400}@media screen and (max-width: 767px){.mobile-only{display:block}}#header{background-color:#f0f0f0;margin-bottom:85px}#header .row{position:relative;padding:40px 0 70px}#header .row .logo{width:100%;height:90px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap}#header .row .logo .icon{display:block;-webkit-box-flex:0;-webkit-flex:0 0 120px;-moz-box-flex:0;-moz-flex:0 0 120px;-ms-flex:0 0 120px;flex:0 0 120px;min-width:120px;height:90px;background-image:url(/design/main/graphics/logo@2x.png);background-image:url(/design/main/graphics/logo.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;margin:0 80px 0 30px}#header .row .logo .text{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}#header .row .logo .text h1{margin-bottom:10px}#header .row .logo .text h2{font-family:'Avenir-Book', sans-serif;font-weight:400;font-size:1.2em}#header .row .nav ul{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap;list-style:none;position:absolute;bottom:0;width:calc(100% + 20px);margin:0 -10px}#header .row .nav ul li{-webkit-box-flex:0;-webkit-flex:0 0 calc(25% - 20px);-moz-box-flex:0;-moz-flex:0 0 calc(25% - 20px);-ms-flex:0 0 calc(25% - 20px);flex:0 0 calc(25% - 20px);margin:0 10px}#header .row .nav ul li a{display:block;width:100%;text-align:center;border:2px solid #00a3e0;border-radius:30px;padding:19px 0;line-height:1em;color:black;text-decoration:none;position:relative;top:31px;background-color:white}#header .row .nav ul li.active a{background-color:#00a3e0;color:white}#header .row .nav ul li.media,#header .row .nav ul li.reports,#header .row .nav ul li.attachments{position:absolute;right:15px;top:-45px}#header .row .nav ul li.media a,#header .row .nav ul li.reports a,#header .row .nav ul li.attachments a{padding:7px 0;background-color:#00a3e0;color:white;width:190px;top:0px;font-size:15px}#header .row .nav ul li.media{top:-100px}#footer{background-color:#00a3e0;text-align:center}#footer a,#footer span{display:inline-block;padding:10px 30px;color:white;text-decoration:none;font-size:1em}.calculator .inner{max-width:960px;margin:auto;background-color:#f0f0f0;padding:30px 0 0}.calculator .inner h3{display:block;color:#00a3e0;padding:0 60px;margin-bottom:1rem}.calculator .inner .description{position:relative;margin:0 60px 20px;background-color:#00a3e0;padding:30px 40px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;z-index:10}.calculator .inner .description p{-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;font-size:20px;color:white}.calculator .inner .description a.help{-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;color:white;padding:18px 0;text-align:right;font-size:0.8em;text-decoration:none;transition:all 0.4s;z-index:20}.calculator .inner .description a.help span{display:inline-block;width:37px;height:37px;background-color:white;border-radius:50%;color:#00a3e0;text-align:center;padding:11px 0;margin-left:10px;float:right;position:relative;top:-12px;transition:all 0.4s}.calculator .inner .description a.help.open{color:#00a3e0;background-color:white}.calculator .inner .description a.help.open span{background-color:#00a3e0;color:white}.calculator .inner .description a.help.open+.lightbox{height:85vh}.calculator .inner .description .lightbox{position:absolute;left:0;top:0px;width:100%;height:0;z-index:0;overflow:hidden;transition:height 0.4s}.calculator .inner .description .lightbox.open{height:80vh}.calculator .inner .description .lightbox .inner{padding:20px;background-color:rgba(240,240,240,0.8)}.calculator .inner .description .lightbox a{display:block;width:100%;height:100%}.calculator .inner .description .lightbox a img{width:100%;height:100%}.calculator .inner .calc{background-color:white;position:relative;margin:0 60px;padding:30px 40px;font-family:'Avenir-Med', sans-serif}.calculator .inner .calc .kiloliters{display:block;margin-bottom:0.7rem}.calculator .inner .calc #kiloliters{font-size:1.3em;border:1px solid black;padding:8px}.calculator .inner .calc .kl{font-size:1.3em;color:#00a3e0}.calculator .inner .calc .choose{display:block;margin-top:1.7rem;margin-bottom:0.7rem}.calculator .inner .calc input[type=radio]{display:none}.calculator .inner .calc input[type=radio]:checked{background-color:#00a3e0}.calculator .inner .calc input[type=radio]:checked+label{color:white;background-color:#00a3e0}.calculator .inner .calc label.radio{display:inline-block;width:46%;height:56px;text-align:center;position:relative;border-radius:30px;border:1px solid #00a3e0;overflow:hidden;margin-bottom:1.7rem}.calculator .inner .calc label.radio span{position:relative;top:15px;z-index:2}.calculator .inner .calc label[for=type1]{margin-left:30px}.calculator .inner .calc .toilets{display:block;overflow:hidden;height:85px}.calculator .inner .calc .toilets label{display:block;margin-bottom:0.7rem}.calculator .inner .calc .toilets select{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:1.7rem;border:1px solid black;border-radius:0;font-size:1.3em;padding:8px 8px 8px 15px;position:relative}.calculator .inner .calc .toilets select:after{display:block;content:'';position:absolute;right:1px;top:1px;height:47px;width:47px;background-color:#00a3e0}.calculator .inner .calc .toilets input{font-size:1.3em;border:1px solid black;padding:8px}.calculator .inner .calc .toilets.hidden{height:0}.calculator .inner .button{display:block;text-align:center;background-position:center top;background-size:105% auto;background-repeat:no-repeat;margin:-2px 60px 0}.calculator .inner .button a{display:inline-block;margin:30px 0;color:black;text-decoration:none;padding:15px 50px;border-radius:30px;background-color:white;font-family:'Avenir-Heavy', sans-serif;text-transform:uppercase;border:2px solid #00a3e0}.calculator .results_box{max-width:960px;margin:auto;background-color:#00a3e0;margin-top:30px;height:445px;overflow:hidden;transition:all 0.3s}.calculator .results_box.hidden{height:0}.calculator .results_box h3{display:block;color:white;padding:30px 60px 0;margin-bottom:1rem}.calculator .results_box p{padding:20px 60px 0px;background-color:#b4e5f7;font-size:15px}.calculator .results_box .results{padding:30px 60px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap;font-size:1.1em;font-family:'Avenir-Med', sans-serif;background-color:#b4e5f7}.calculator .results_box .results div.year{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin:0 5px;background-color:rgba(255,255,255,0.3)}.calculator .results_box .results div.year span{display:block;width:100%;padding:10px 0;margin-bottom:5px;text-align:center}.calculator .results_box .results div.year span.title{background-color:white;color:#00a3e0}.calculator .results_box .results div.year:nth-child(1),.calculator .results_box .results div.year:nth-child(2){display:none}.calculator .results_box .disclaimer{padding:0px 60px 100px;background-color:#b4e5f7;font-size:15px}@media screen and (max-width: 1220px){#header{padding:0 20px}#header .row .logo .icon{margin:0 3vw 0 30px}}@media screen and (max-width: 1000px){#header .row{padding:40px 0 50px}#header .row .logo{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}#header .row .logo .icon{margin:0 30px 0 20px}#header .row .logo .text{font-size:14px}#header .row .nav ul li a{font-size:15px}#header .row .nav ul li.media{top:-75px}#header .row .nav ul li.reports,#header .row .nav ul li.attachments{top:-35px}}@media screen and (max-width: 850px){#header .row .logo .icon{-webkit-box-flex:0;-webkit-flex:0 0 90px;-moz-box-flex:0;-moz-flex:0 0 90px;-ms-flex:0 0 90px;flex:0 0 90px;margin-left:10px;margin-right:20px;min-width:90px}#header .row .logo .text h1{font-size:1.9em}}@media screen and (max-width: 767px){#header{margin-bottom:35px}#header .row{padding:20px 0 20px}#header .row .logo .icon{-webkit-box-flex:0;-webkit-flex:0 0 90px;-moz-box-flex:0;-moz-flex:0 0 90px;-ms-flex:0 0 90px;flex:0 0 90px;margin-left:0px;min-width:90px}#header .row .logo .text h1{font-size:1.7em;line-height:1.2em}#header .row .logo .text h2{font-size:1.1em;line-height:1.2em}#header .row .nav{position:relative;padding-top:46px}#header .row .nav #menu{display:block;appearance:normal;-moz-appearance:none;-webkit-appearance:none;width:100%;height:46px;position:absolute;right:0;top:13px;border:0px;background-color:transparent;outline:none;z-index:4;opacity:0}#header .row .nav #menu:checked{opacity:0.4}#header .row .nav #menu:checked ~ .lines>div{background-color:white}#header .row .nav #menu:checked ~ .lines>div.l1{top:22px;transform:rotate(-315deg)}#header .row .nav #menu:checked ~ .lines>div.l2{width:0;left:50%}#header .row .nav #menu:checked ~ .lines>div.l3{top:22px;transform:rotate(315deg)}#header .row .nav #menu:not(:checked) ~ ul{height:0}#header .row .nav .lines{display:block;width:100%;height:46px;position:absolute;right:0;top:13px;background-color:#00a3e0;border-radius:30px;text-align:center;color:white;padding:11px 0}#header .row .nav .lines>div{display:block;width:36px;height:3px;background-color:white;position:absolute;left:7px;transition:all 0.3s}#header .row .nav .lines>div.l1{top:12px}#header .row .nav .lines>div.l2{top:22px}#header .row .nav .lines>div.l3{top:33px}#header .row .nav ul.topnavigation{overflow:hidden;position:relative;bottom:-33px;transition:all 0.3s;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#header .row .nav ul.topnavigation li a{top:0;margin-bottom:10px;font-size:18px;padding:10px 0}#header .row .nav ul.topnavigation li.media,#header .row .nav ul.topnavigation li.reports,#header .row .nav ul.topnavigation li.attachments{display:inline-block;position:relative;right:0;top:0;width:43%}#header .row .nav ul.topnavigation li.media a,#header .row .nav ul.topnavigation li.reports a,#header .row .nav ul.topnavigation li.attachments a{width:100%;margin-bottom:0;font-size:0.8em}#header .row .nav ul.topnavigation li.reports,#header .row .nav ul.topnavigation li.attachments{right:-44.8%;top:-40px;width:55%}#footer a,#footer span{padding:10px 10px;font-size:2.8vw}.calculator .inner h3{padding:0 20px}.calculator .inner .description{padding:30px 20px;margin:0 20px 20px}.calculator .inner .description a.help.open{background-color:transparent}.calculator .inner .description .lightbox{top:140px}.calculator .inner .description .lightbox .inner{padding:40px 5px 20px}.calculator .inner .calc{padding:60px 20px 30px;margin:0 20px}.calculator .inner .calc a.help{right:15px}.calculator .inner .calc #kiloliters{width:100%}.calculator .inner .calc .kl{display:block;width:100%;text-align:center;margin-top:0.3em}.calculator .inner .calc label.radio{width:100%;margin-left:0;margin-bottom:0.7rem}.calculator .inner .calc .toilets input{width:100%}.calculator .results_box{height:570px}.calculator .results_box h3{padding:30px 20px 0px}.calculator .results_box p{padding:10px 30px 0px}.calculator .results_box .results{padding:30px 20px 0px;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.calculator .results_box .results div.year{-webkit-box-flex:1;-webkit-flex:1 1 30%;-moz-box-flex:1;-moz-flex:1 1 30%;-ms-flex:1 1 30%;flex:1 1 30%;margin-bottom:20px}.calculator .results_box .disclaimer{padding:0px 30px 70px}}@media screen and (max-width: 590px){.calculator .inner .description{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.calculator .inner .description p{-webkit-box-flex:0;-webkit-flex:0 0 100px;-moz-box-flex:0;-moz-flex:0 0 100px;-ms-flex:0 0 100px;flex:0 0 100px}.calculator .inner .description a{position:relative;top:10px}.calculator .results_box{height:620px}}@media screen and (max-width: 440px){.calculator .results_box{height:690px}}@media screen and (max-width: 339px){#header .row .logo .text{font-size:12px}.calculator .results_box{height:810px}}.UIPageEditTab{left:25px !important}.UIRichTextContainer{margin:auto}.mceLayout{max-width:1360px !important;margin:auto !important}