html{height:100%}body{height:100%}body:after{content:"xs";display:none}@media screen and (min-width: 768px){body:after{content:"sm"}}@media screen and (min-width: 992px){body:after{content:"md"}}@media screen and (min-width: 1200px){body:after{content:"lg"}}.story-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:#c3e7ee;overflow-y:scroll;overflow-x:hidden}*{box-sizing:border-box}.mask{width:100%;height:800%;margin:0 auto;background-color:#336aa2;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC2E6EE', endColorstr='#FF336AA2');background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyZTZlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzNmFhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c2e6ee),color-stop(100%, #336aa2));background-image:-webkit-linear-gradient(top, #c2e6ee 0%,#336aa2 100%);background-image:-webkit-linear-gradient(top, #c2e6ee 0%, #336aa2 100%);background-image:linear-gradient(to bottom, #c2e6ee 0%,#336aa2 100%)}.parallax-clouds{position:absolute;top:0;left:0;width:100%;height:800%;overflow:hidden}.parallax-clouds>div{width:100%;height:200%;background-image:url(../svg/clouds.svg);background-repeat:repeat-y;background-position:0 0;background-size:contain}.clip{height:100%;min-height:100%;overflow:hidden;padding:20px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d}.slide-content{position:relative;margin-left:auto;margin-right:auto}.slide-content[data-valign="true"]{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.slide-content .scalable{width:60%}.slide-content .world,.slide-content .tank,.slide-content .house,.slide-content .pipe{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.page-loader{position:fixed;width:100%;height:100%;left:0;top:0;background:white;opacity:1;z-index:99}.cta-scroll{position:fixed;width:50px;height:50px;left:0;right:0;bottom:60px;opacity:1;margin:auto;z-index:98;background:url(../svg/down.svg) center center;background-size:100% 100%;cursor:pointer;-webkit-animation:scroll-down 2.5s ease 0.1ms infinite;animation:scroll-down 2.5s ease 0.1ms infinite}.cta-scroll:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}html.svg .modal{top:0 !important;left:0;right:0;margin:auto;width:100%;height:100%;padding:60px 30px 30px}html.svg .modal button.close{position:absolute;right:30px;top:-7px;font-size:50px}html.svg .modal .modal-body{max-height:none !important;height:100%;padding:0 !important}html.svg .modal iframe{position:absolute;top:0;left:0;width:100%;height:100%}#start,#treatment,#sedimentation,#aeration,#settlement,#testing,#sea{position:relative;height:12.5%}#start:after,#start:before,#treatment:after,#treatment:before,#sedimentation:after,#sedimentation:before,#aeration:after,#aeration:before,#settlement:after,#settlement:before,#testing:after,#testing:before,#sea:after,#sea:before{content:"\00a0";display:block;overflow:hidden;height:0}.svg-container{position:relative;display:block;width:100%}.svg-container svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.svg-container.s-1-world{padding-bottom:79.29%}.svg-container.s-2-world{padding-bottom:78.18%}.svg-container.s-3-world{padding-bottom:78.64%}.svg-container.s-4-world{padding-bottom:80.09%}.svg-container.s-5-world{padding-bottom:80.09%}.svg-container.s-6-world{padding-bottom:80.09%}.svg-container.s-7-sea-1{padding-bottom:20%}.svg-container.s-7-sea-2{padding-bottom:20%}.svg-container.s-7-sea-3{padding-bottom:20%}.svg-container.s-1-house{padding-bottom:79.29%}.svg-container.s-2-tank{padding-bottom:78.18%}.svg-container.s-3-tank{padding-bottom:78.64%}.svg-container.s-4-tank{padding-bottom:80.09%}.svg-container.s-5-tank{padding-bottom:80.09%}.svg-container.s-6-tank{padding-bottom:80.09%}.svg-container.s-pipe-start{padding-bottom:78.18%}.svg-container.s-pipe-end{padding-bottom:78.18%}.svg-container.s-pipe-left{padding-bottom:78.18%}.svg-container.s-pipe-right{padding-bottom:78.18%}.svg-container.hand{padding-bottom:107%}@media screen and (max-width: 992px){.hidden-for-mobile{display:none !important}}.hotspot{position:absolute;top:0;z-index:4}.cssanimations .hotspot h2 i{-webkit-animation:pulse 2.5s ease 750ms infinite;animation:pulse 2.5s ease 750ms infinite}.hotspot h2{font-size:32px;font-weight:400;color:white;padding-left:80px;margin-bottom:30px}.hotspot h2 span{display:inline-block}.hotspot h2 i{cursor:pointer;position:absolute;top:5px;left:5px;width:60px;height:60px;background-image:url(../svg/hotspot.svg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;z-index:6}.hotspot .morph-content{position:absolute;width:2px;height:2px;top:35px;left:35px;overflow:hidden;border-radius:5px;background-color:white;z-index:5}.hotspot .morph-content>div{height:100%;padding:45px}.hotspot .morph-content img{width:100%}.hotspot .morph-content h3{margin:0 0 30px 0;color:#17b3e0;font-size:32px;font-weight:normal}.hotspot .morph-content p{margin:0;font-size:15px;line-height:1.65}@media screen and (min-width: 992px){.hotspot.right{text-align:right}.hotspot.right h2{padding-right:80px;padding-left:0}.hotspot.right h2 i{left:auto;right:5px}.hotspot.right .morph-content{left:auto;right:34px}}@media screen and (max-width: 992px){.hotspot{top:-120px;left:0;right:0;width:100%}.hotspot h2{padding:0;margin:0;text-align:center;font-size:26px}.hotspot h2 i{display:block;position:relative;margin:0 auto;top:0;left:0}}#hotspot-modal-mobile h3{margin:0 0 30px 0;color:#17b3e0;font-size:32px;font-weight:normal}#hotspot-modal-mobile p{margin:0;font-size:18px;line-height:1.65}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.2);transform:scale(1.2)}20%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.2);transform:scale(1.2)}20%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scroll-down{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes scroll-down{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}#start{height:25%}#start .logo{position:absolute;top:10px;left:0;right:0;margin:auto;width:120px;height:48px}@media screen and (min-width: 992px){#start .logo{top:35px;left:35px;right:auto}}#start .intro{max-width:870px;margin:0 auto;padding:100px 0 60px;text-align:center;line-height:1.4}@media screen and (min-width: 992px){#start .intro{padding:50px 0 100px}}#start .intro h1{font-size:30px;margin-top:0;font-weight:normal;color:#238CCC}@media screen and (min-width: 992px){#start .intro h1{font-size:51px}}#start .intro p{font-size:18px;margin:5px 0 35px;color:#4D4C4C}@media screen and (min-width: 992px){#start .intro p{font-size:20px;margin-bottom:50px}}#start .world{width:100%;margin-left:auto}#start .house{width:100%;margin-left:auto;position:absolute;bottom:0;right:0;z-index:2}#start .pipe{width:100%;margin-left:auto;position:absolute;bottom:0;right:0;z-index:1}#start #start-half{visibility:hidden;position:absolute;top:50%;left:0}#treatment .tank{position:absolute;top:0;left:0;z-index:2}#treatment .pipe{position:absolute;top:0;left:0;z-index:1}@media screen and (min-width: 992px){#treatment .hotspot{left:40%}}#sedimentation .world{margin-left:auto}#sedimentation .tank{margin-left:auto;position:absolute;top:0;right:0;z-index:2}#sedimentation .pipe{margin-left:auto;position:absolute;top:0;right:0;z-index:1}@media screen and (min-width: 992px){#sedimentation .hotspot{right:40%}}#aeration .tank{position:absolute;top:0;left:0;z-index:2}#aeration .pipe{position:absolute;top:0;left:0;z-index:1}@media screen and (min-width: 992px){#aeration .hotspot{left:40%}}#settlement .world{margin-left:auto}#settlement .tank{margin-left:auto;position:absolute;top:0;right:0;z-index:2}#settlement .pipe{margin-left:auto;position:absolute;top:0;right:0;z-index:1}#settlement .hotspot.bottom{top:200px}@media screen and (min-width: 992px){#settlement .hotspot{right:40%}#settlement .hotspot.bottom{top:0;right:0}}#testing .tank{position:absolute;top:0;left:0;z-index:2}#testing .pipe{position:absolute;top:0;left:0;z-index:1}@media screen and (min-width: 992px){#testing .hotspot{left:40%}}#sea .clip{position:relative}#sea .slide-content{position:absolute;bottom:0;left:20px;right:20px}#sea .outro{position:relative;left:0;right:0;width:80%;max-width:870px;margin:0 auto;padding:0px 0 0;text-align:center;line-height:1.4;z-index:1}#sea .outro h2{font-size:28px;margin-top:0;font-weight:normal;color:white}@media screen and (min-width: 992px){#sea .outro h2{font-size:43px}}#sea .outro p{margin:5px 0 50px}#sea .pipe{margin-left:auto;position:absolute;top:0;right:0;z-index:1}#sea .sea-waves{width:35%;max-height:300px;margin:0 auto}.ie-fallback-bg{background-color:#487cad}.story-fallback{width:500px;margin:70px auto;text-align:center}.story-fallback h1{color:#FFFFFF}.story-fallback img{margin-bottom:2em}.story-fallback p{color:#FFFFFF}.story-fallback a.off-to{color:white;text-decoration:underline}ul.dev-anchors{position:fixed;top:0;left:0;opacity:0;z-index:100}ul.dev-anchors:hover{opacity:1}