.additional-popup,.economic-return,.hero,.life-header,.life-secondary-content,.slide,.story-nav,.sub-intro,.tri-cta{text-align:center}.hero,.hero .button,.inner-content,.source-number{position:relative}.hero,.slides{overflow:hidden}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.economic-return:after,.life-block h3:before,.life-secondary-content:before{content:""}.clearfix:after{clear:both}body{line-height:1.35;background:#fff}.story-nav button,.tri-cta button{line-height:normal;letter-spacing:normal}.container{padding:0}.inner-content{max-width:990px;margin:auto;padding:0 20px}.source-modal h4{border-bottom:solid 1px rgba(0,0,0,.25);padding-bottom:5px}.source-modal a{word-break:break-all}.source-number{font-size:.5em;top:-1em}.contains-stat{color:inherit;font-size:inherit}.hero{background-color:#a8d7c8;background-image:url(/global-water-crisis/images/hero-medium.jpg);background-size:cover;background-position:-160px bottom;background-repeat:no-repeat;height:400px}.hero .text{padding:75px 20px 0}.hero h1{max-width:610px;margin:auto;font-size:24px}.hero .button{margin-top:5px}.hero-video{display:none}.video-popup{transition:background 1s linear;opacity:0;width:100vw;height:100vh;top:0;left:0;position:fixed;z-index:-1}.close-video,.video-box{transition:opacity .5s 1s linear}.additional-popup,.close-video,.video-box{opacity:0;position:absolute}.video-box{width:85vw;height:47.8125vw;max-height:84.375vh;max-width:150vh;margin:auto;bottom:0;right:0;top:0;left:0;padding-bottom:0}.close-video{color:#fff;font-size:30px;top:20px;right:20px}.additional-popup{transition:opacity .5s linear;z-index:-1;padding:50px 30px;background:rgba(0,0,0,.5);color:#fff;border-radius:4px;left:0;right:0;bottom:0}.additional-popup p{margin-top:0;margin-left:auto;margin-right:auto;max-width:200px}.additional-popup a{display:table;margin:auto}.triggered .additional-popup{opacity:1;z-index:1}.hero-video-active .wrapper{-webkit-transform:none;-ms-transform:none;transform:none}.hero-video-active .close-video,.hero-video-active .video-box{opacity:1}.hero-video-active .video-popup{opacity:1;z-index:100000;background:#000}.sub-intro{background-image:linear-gradient(#ebead6,#a8b9b5);padding-top:60px}.sub-intro p:nth-child(2){margin-bottom:0;max-width:450px;margin-left:auto;margin-right:auto}.sub-intro-header{background-image:url(/global-water-crisis/images/brush-stroke-mobile.png);background-size:contain;background-position:center;background-repeat:no-repeat;padding:0 20px;width:100%;height:138px;position:relative}.sub-intro-header h2{padding-top:30px;max-width:270px;margin:auto}.sub-intro-fade-out{display:block;background-color:#ebead6;background-image:url(/global-water-crisis/images/water-crisis-medium.jpg);width:100%;height:0;padding-bottom:38%;background-size:cover;background-position:top center}.life{background-image:linear-gradient(#c9a77e,#c3e0dc);padding:40px 20px 0;position:relative}.life-header{margin:auto}.life-block{text-align:center;max-width:450px;margin:50px auto 0}.life-block p{font-style:italic}.life-block h3{position:relative;text-transform:uppercase;font-weight:700}.life-block h3:before{display:block;width:80px;height:80px;background-size:cover;background-repeat:no-repeat;margin:0 auto 25px}.health h3:before{background-image:url(/global-water-crisis/images/health-icon.png)}.time h3:before{background-image:url(/global-water-crisis/images/time-icon.png)}.education h3:before{background-image:url(/global-water-crisis/images/education-icon.png)}.women-empowerment h3:before{background-image:url(/global-water-crisis/images/women-empowerment-icon.png)}.women-empowerment .button{background-color:#ffca12}.women-empowerment .button:hover{background-color:#ffd545}.life-secondary-content{position:relative;padding-top:95px;margin:60px auto 0;max-width:690px}.life-secondary-content:before{display:block;position:absolute;background-image:url(/global-water-crisis/images/mobile-sep.png);background-size:contain;background-repeat:no-repeat;background-position:center;left:20px;right:20px;top:0;height:30px}.economic-return:after,.life-fade-out{background-size:cover;height:0;display:block}.life-fade-out{background-color:#c3e0dc;background-image:url(/global-water-crisis/images/why-water-kid-medium.jpg);width:100%;padding-bottom:40%;background-position:top center}.life-button-link{margin-bottom:0;margin-top:30px}.economic-return{margin-top:60px;padding:0;position:relative}.economic-return:after{background-image:url(/global-water-crisis/images/india-economy-small.jpg);background-repeat:no-repeat;background-position:center top;padding-bottom:100%}.economic-return .inner-content{position:relative;margin-bottom:-70px}.economic-return .inside-content h2,.economic-return .inside-content p{max-width:500px;margin:auto}.economic-return .inside-content p{margin:20px auto;font-weight:500}.economic-return .inside-content .button{transition:all .25s ease-in;background:0 0;border:2px solid rgba(0,0,0,.8);color:#333232}.economic-return .inside-content .button:hover{border-color:rgba(0,0,0,.4);color:#000}.stories{width:100%;margin:30px 0}.stories h2{max-width:670px;margin:60px auto;padding:0 20px}.slides{margin:0;padding:0;list-style:none}.slides .health{background-color:#fa575d}.slides .time{background-color:#8ed4cc}.slides .education{background-color:#9ed989}.slides .women-empowerment{background-color:#b58fb4}.slide{color:#fff;padding:40px 20px 30px;float:left;height:520px}.slide p{margin:0 auto;padding:0;max-width:440px}.slide img{display:block;margin:25px auto 30px;max-width:350px;width:100%}.story-nav{margin-bottom:20px}.story-nav button{display:inline-block;width:40px;height:40px;background-size:cover;margin:0 15px;position:relative;color:#333232;padding:0;border-radius:0;background-color:transparent}.story-nav button:before{transition:.15s linear color;display:block;font-size:12px;font-weight:700;text-transform:uppercase;padding-top:57px}.story-nav button:nth-child(1){background-image:url(/global-water-crisis/images/health-icon.png)}.story-nav button:nth-child(2){background-image:url(/global-water-crisis/images/time-icon.png)}.story-nav button:nth-child(3){background-image:url(/global-water-crisis/images/education-icon.png)}.story-nav button:nth-child(4){background-image:url(/global-water-crisis/images/women-empowerment-icon.png)}.story-nav button:after{content:"\e626";display:block;font-family:cw-icons;position:absolute;bottom:-32px;left:50%;margin-left:-14px;color:#fff;font-size:50px;transition:all .5s cubic-bezier(.77,0,.175,1);z-index:2}.story-nav button.active:after{bottom:-46px}.tri-cta{padding:60px 0 0}.tri-cta button{background:0 0;height:auto;font-weight:400;text-transform:none}.tri-cta p{margin-bottom:60px}.tri-cta .tri-cta-block{display:block;margin:20px auto 0;width:250px;height:320px;background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff;position:relative}.tri-cta .tri-cta-block:before{background-image:linear-gradient(transparent,rgba(0,0,0,.5));content:'';display:block;position:absolute;top:25%;left:0;right:0;bottom:0;z-index:1}.tri-cta .tri-cta-block:hover .button{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.tri-cta .tri-cta-block .box-link{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:10}.tri-cta .tri-cta-block a{color:#fff}.tri-cta .tri-cta-block label{display:none}.tri-cta .cta-overlay{z-index:2;position:absolute;bottom:35px;left:20px;right:20px}.tri-cta .cta-overlay .button{transition:all .25s cubic-bezier(.77,0,.175,1);margin:10px auto 0;display:table}.tri-cta .cta-line-1{font-size:16px;display:block;margin-bottom:20px}.tri-cta .tri-cta-1{background-image:url(/global-water-crisis/images/cta-1.jpg)}.tri-cta .tri-cta-2{background-image:url(/global-water-crisis/images/cta-2.jpg)}.tri-cta .tri-cta-3{background-image:url(/global-water-crisis/images/cta-3.jpg)}.tri-cta-header h2{max-width:230px;margin-left:auto;margin-right:auto}.tri-cta-header p{max-width:200px;margin-left:auto;margin-right:auto}.tri-cta-mobile-label{display:none}.touch .tri-cta-mobile-label{transition:opacity .15s linear;display:block;width:100%;height:100%;font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:1px;line-height:60px}.touch .tri-cta-1 .tri-cta-mobile-label{background:#fe813a}.touch .tri-cta-2 .tri-cta-mobile-label{background:#8ed4cc}.touch .tri-cta-3 .tri-cta-mobile-label{background:#369ff4}.touch .tri-cta-block{transition:all .25s cubic-bezier(.77,0,.175,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:60px;margin:auto;display:block}.touch .tri-cta-block a{visibility:hidden}.touch .tri-cta-block label{display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:3}.touch .tri-cta-block:before{transition:opacity .25s linear;opacity:0}.touch .cta-overlay{transition:opacity .15s .15s linear;opacity:0}.touch #cta1:checked~.tri-cta-1,.touch #cta2:checked~.tri-cta-2,.touch #cta3:checked~.tri-cta-3{width:275px;height:310px;z-index:20}.touch #cta1:checked~.tri-cta-1 label,.touch #cta2:checked~.tri-cta-2 label,.touch #cta3:checked~.tri-cta-3 label{display:none}.touch #cta1:checked~.tri-cta-1 a,.touch #cta2:checked~.tri-cta-2 a,.touch #cta3:checked~.tri-cta-3 a{visibility:visible}.touch #cta1:checked~.tri-cta-1 .cta-overlay,.touch #cta2:checked~.tri-cta-2 .cta-overlay,.touch #cta3:checked~.tri-cta-3 .cta-overlay{opacity:1}.touch #cta1:checked~.tri-cta-1.tri-cta-block:before,.touch #cta2:checked~.tri-cta-2.tri-cta-block:before,.touch #cta3:checked~.tri-cta-3.tri-cta-block:before{background-image:linear-gradient(transparent,rgba(0,0,0,.5));transition:opacity .25s .15s linear;top:25%;opacity:1}.touch #cta1:checked~.tri-cta-1 .tri-cta-mobile-label,.touch #cta2:checked~.tri-cta-2 .tri-cta-mobile-label,.touch #cta3:checked~.tri-cta-3 .tri-cta-mobile-label{opacity:0}@media only screen and (min-width:40.063em){.hero{background-position:center bottom}.hero .text{padding:0;position:absolute;top:85px;left:20px;right:20px;z-index:10}.hero h1{font-size:28px}.close-video{right:30px}.additional-popup{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;right:auto;bottom:auto;width:420px}.additional-popup p{max-width:none}.sub-intro p{display:block;max-width:660px;margin:20px auto 0}.sub-intro-header{width:440px;height:76px;padding:0;margin:auto;background-image:url(/global-water-crisis/images/brush-saturn.png)}.sub-intro-header h2{padding-top:7px;max-width:370px}.sub-intro-fade-out{padding-bottom:39%}.life-header{padding-top:26px;height:87px;background-image:url(/global-water-crisis/images/brush-pluto.png);background-size:contain;background-position:center;background-repeat:no-repeat}.life-content{position:relative;max-width:590px;margin:auto}.life-block{padding-left:45px;text-align:left;max-width:none}.life-block h3:before{position:absolute;top:-6px;left:-45px;width:35px;height:35px}.life-secondary-content{padding-top:0}.life-secondary-content:before{display:none}.life-secondary-content h2{background-image:url(/global-water-crisis/images/brush-mars.png);height:85px}.economic-return:after{background-image:url(/global-water-crisis/images/india-economy-large.jpg);padding-bottom:67.35%}.slide{height:670px}.slide img{max-width:560px}.story-nav button:nth-child(1):before{content:"Health"}.story-nav button:nth-child(2):before{content:"Time"}.story-nav button:nth-child(3):before{content:"Education"}.story-nav button:nth-child(4):before{content:"Women"}.story-nav button{margin:0 35px;width:80px;height:80px;background-size:50px;background-position:top;background-repeat:no-repeat}.story-nav button.active:after{bottom:-45px}.tri-cta-header h2,.tri-cta-header p{max-width:none}}@media only screen and (min-width:64.063em){.hero{height:500px;background-image:url(/global-water-crisis/images/hero-large.jpg)}.no-touch .hero{height:470px}.hero .text{top:110px}.hero h1{max-width:760px;font-size:36px}.hero-video{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);transition:opacity .25s linear;display:block;width:100vw;position:absolute;bottom:0;left:50%}.close-video{right:40px}.no-touch .sub-intro{background-image:linear-gradient(#eeeddc,#a8b9b5)}.sub-intro p{max-width:820px}.sub-intro p:nth-child(2){max-width:none}.sub-intro-header{width:568px;height:87px}.sub-intro-header h2{max-width:510px;padding-top:0}.sub-intro-fade-out{background-image:url(/global-water-crisis/images/water-crisis-large.jpg)}.life-header{padding-top:19px}.life-content{max-width:none;margin-bottom:100px}.time h4{max-width:390px}.education h4{max-width:360px}.education p{max-width:400px}.life-fade-out{background-image:url(/global-water-crisis/images/why-water-kid-large.jpg)}.economic-return{background-image:url(/global-water-crisis/images/india-economy-large.jpg);background-size:cover;background-repeat:no-repeat;background-position:center -60px;height:0;padding:0 0 60%;color:#333232;text-align:left;margin-top:0}.economic-return:after{display:none}.economic-return .inner-content{margin-bottom:0;height:700px}.economic-return .inside-content{position:absolute;top:180px}.economic-return .inside-content h2{margin:0;line-height:1.25}.economic-return .inside-content .button{color:#333232;border-color:rgba(0,0,0,.8)}.stories h2{max-width:870px;margin-bottom:20px}.slides .health .background-wrapper:before{background-image:url(/global-water-crisis/images/hadjara.jpg)}.slides .time .background-wrapper:before{background-image:url(/global-water-crisis/images/umu.jpg)}.slides .education .background-wrapper:before{background-image:url(/global-water-crisis/images/natalia.jpg)}.slides .women-empowerment .background-wrapper:before{background-image:url(/global-water-crisis/images/devison.jpg)}.slide{text-align:left;padding:0 20px;height:400px}.slide .background-wrapper{position:relative;display:table;width:100%;height:100%}.slide .background-wrapper:before{content:"";display:block;position:absolute;top:0;left:50%;right:-20px;height:400px;background-size:cover;background-repeat:no-repeat;background-position:center}.slide p{margin-left:0;margin-bottom:20px;font-size:20px}.inside-slide{width:100%;max-width:980px;margin:auto;display:table;height:100%;position:relative}.slide-content{display:table-cell;vertical-align:middle}.slide-content img{display:none}.story-nav{margin-right:90px;margin-bottom:0}.story-nav button:before{font-size:14px;padding-top:0;padding-left:80px;margin-top:-20px}.story-nav button{margin:20px 75px}.tri-cta .tri-cta-block{display:inline-block;margin:0 10px}.touch .tri-cta-block{display:block;margin:0 auto}}@media only screen and (min-width:90.063em){.no-touch .hero{height:570px}}