.btn,.label{position:relative;display:block;color:#111;border:1px solid #111;font-family:"Articulatcf",Helvetica,Arial,sans-serif;font-size:14px;font-weight:bold;line-height:1;letter-spacing:.04em;text-decoration:none;text-align:center;padding:12px 20px 13px;border-radius:20px;border:none;transition:all 180ms ease-in-out;outline:none}.btn svg,.label svg{fill:currentColor;width:1em;height:.7em}.btn--white,.label--white{color:#111;background:#fff}.btn--black,.label--black{background:#111;color:#fff}.btn--blue,.label--blue{background:#05c3dd;color:#111}.btn--yellow,.label--yellow{background:#ffd616;color:#111}.btn--green,.label--green{background:#78be21;color:#111}.btn--small,.label--small{font-size:12px;padding:11px 10px 9px}.btn--disabled,.label--disabled{background:#dcdcdc !important;color:#fff !important}.btn--icon,.label--icon{background:rgba(0,0,0,0);padding:0;width:24px;height:24px;margin-top:2px}.btn--icon svg,.label--icon svg{width:24px;height:24px;pointer-events:none}.btn{cursor:pointer}.btn:hover,.btn.active{background-color:#111;color:#fff}.btn--white:hover,.btn--white.active{background:#111;color:#fff}.btn--black:hover,.btn--black.active{background:#fff;color:#111}.btn--blue:hover,.btn--blue.active{background:#0497ab;color:#fff}.btn--yellow:hover,.btn--yellow.active{background:#e2ba00;color:#fff}.btn--green:hover,.btn--green.active{background:#5d9319;color:#fff}.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:rgba(0,0,0,0);border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:rgba(0,0,0,0);outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}.slick-next:before,[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:rgba(0,0,0,0);border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.unsupported-browser{position:fixed;display:none;top:0;left:20%;width:60%;z-index:100000;padding:20px 30px;background:#fff;color:#1b3e94;text-align:center}.unsupported-browser b{display:block}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:"Articulatcf";font-display:swap;src:url("/fonts/articulatcf-normal.woff2") format("woff2"),url("/fonts/articulatcf-normal.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Articulatcf";font-display:swap;src:url("/fonts/articulatcf-light.woff2") format("woff2"),url("/fonts/articulatcf-light.woff") format("woff");font-weight:200;font-style:normal}@font-face{font-family:"Articulatcf";font-display:swap;src:url("/fonts/articulatcf-medium.woff2") format("woff2"),url("/fonts/articulatcf-medium.woff") format("woff");font-weight:bold;font-style:normal}@font-face{font-family:"Articulatcf";font-display:swap;src:url("/fonts/articulatcf-demibold.woff2") format("woff2"),url("/fonts/articulatcf-demibold.woff") format("woff");font-weight:800;font-style:normal}@font-face{font-family:"Articulatcf";font-display:swap;src:url("/fonts/articulatcf-heavy.woff2") format("woff2"),url("/fonts/articulatcf-heavy.woff") format("woff");font-weight:900;font-style:normal}body{font-family:"Articulatcf",Helvetica,Arial,sans-serif;font-weight:200;font-size:14px;line-height:1.55;letter-spacing:.05em;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width: 1100px){body{font-size:15px}}h1,.h1{font-size:50px}@media(min-width: 768px){h1,.h1{font-size:70px}}@media(min-width: 1100px){h1,.h1{font-size:75px}}@media(min-width: 1500px){h1,.h1{font-size:80px}}h2,.h2{font-size:35px}@media(min-width: 1100px){h2,.h2{font-size:40px}}@media(min-width: 1300px){h2,.h2{font-size:45px}}h3,.h3{font-size:22px}@media(min-width: 768px){h3,.h3{font-size:24px}}@media(min-width: 1500px){h3,.h3{font-size:26px}}h4,.h4{font-size:20px}@media(min-width: 768px){h4,.h4{font-size:20px}}@media(min-width: 1100px){h4,.h4{font-size:20px}}@media(min-width: 1500px){h4,.h4{font-size:22px}}h5,.h5{font-size:14px}@media(min-width: 768px){h5,.h5{font-size:15px}}@media(min-width: 992px){h5,.h5{font-size:16px}}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{font-family:"Articulatcf",Helvetica,Arial,sans-serif;font-weight:bold;line-height:1;letter-spacing:.02em;margin:0 0 .25em}p{margin:0}.link{display:inline-block;text-decoration:none;padding-bottom:1px;border-bottom:1px solid currentColor}.link svg{width:.85em;height:.85em;fill:currentColor;margin-bottom:-2px}.link--icon{margin-top:15px}.link--icon svg{width:.75em;height:.75em;margin-left:5px;transform:rotate(-90deg)}a{color:currentColor;transition:color 180ms ease-in-out}.text--uppercase{text-transform:uppercase}.text--center{text-align:center}html,body{padding:0;margin:0;color:#111}.disable-scroll{max-height:100vh;overflow:hidden}.wrapper{position:relative;width:100%;margin:0 auto;overflow:hidden}.container{position:relative;width:90%;margin:0 5%}.hidden{display:block;width:0;height:0;overflow:hidden;border:none}.actuallyhidden{display:none !important}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.background--water{background:#34e3fa !important}.background--resources{background:#9ee04c !important}.background--climate{background:#ffe363 !important}@media(max-width: 991px){.hidemobile{display:none !important}}@media(min-width: 768px){.hidetablet{display:none !important}}@media(min-width: 992px){.hidedesktop{display:none !important}}@keyframes bounce{0%{transform:translate(-50%, -50%) scale(0)}65%{transform:translate(-50%, -50%) scale(1.1)}100%{transform:translate(-50%, -50%) scale(1)}}@keyframes bounceOut{0%{transform:translate(-50%, -50%) scale(1)}100%{transform:translate(-50%, -50%) scale(0)}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh)*100);height:-webkit-fill-available;overflow:hidden;z-index:1000;background:#83818a;pointer-events:none}.preloader.disable{display:none}.preloader__navigation{display:block;position:fixed;top:25px;z-index:101;width:100%}.preloader__navigation-veolia{display:block;width:120px;height:30px}.preloader__navigation-veolia svg{display:block;width:100%;height:100%}.preloader__background{position:absolute;display:block;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:-1}.preloader__center{position:absolute;display:block;width:70%;height:100px;top:50%;left:50%;transform:translate(-50%, -50%)}.preloader__center svg{width:100%;height:100%;fill:#fff}.preloader__footer{display:block;position:absolute;left:0;bottom:0;width:100%;margin-top:30px;background:linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.5) 100%)}.preloader__footer .container{display:flex;justify-content:space-between;align-items:flex-end;color:#fff}.preloader__footer--left,.preloader__footer--right{display:block;left:0;bottom:0;font-size:20px;z-index:2;padding-bottom:25px}.preloader__footer--right{z-index:0;width:60%;text-align:right;font-size:14px}.preloader__footer--right p{display:block;width:100%;max-width:320px;float:right}.preloader__footer--right small{display:block;font-size:70%;width:70%;float:right}
.picture{position:relative;width:100%;height:100%;pointer-events:none}.picture__blur{width:100%;transition:opacity 250ms 150ms ease-in-out;margin:0 auto}.loaded .picture__blur{opacity:0}.picture__elem{width:100%;opacity:0;transition:opacity 250ms ease-in-out}.loaded .picture__elem{opacity:1}.picture__blur+.picture__elem{position:absolute;top:0;left:0}.picture img{display:block;width:100%;height:auto}.picture__background{position:relative;width:100%;height:100%}.picture__background .picture__elem{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.navigation{display:block;position:fixed;top:0;z-index:102;width:100%;transform:translateY(-100%);will-change:transform;background:rgba(255,255,255,.5);backdrop-filter:blur(5px)}@media(min-width: 992px){.navigation{display:flex;background:#fff;align-items:center;justify-content:space-between;padding:0 20px}}.wrapper.loaded .navigation{transform:translateY(0%)}.page--onboarding .navigation__links{opacity:0}.page--onboarding .navigation__logo svg{fill:#fff}@media(min-width: 992px){.page--onboarding .navigation{transform:translateY(-100%) !important}}.navigation__veolia{position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:40%;height:46px}.navigation__veolia svg{display:block;width:100%;height:100%}@media(min-width: 992px){.navigation__veolia{top:58px}}.navigation__logo{display:flex;align-items:center;text-decoration:none;color:#111}.navigation__logo-inner{display:block;width:80px;height:50px;padding:10px 0;margin-left:10px;float:left}.navigation__logo-inner:last-of-type{width:60px;padding:15px 0}.navigation__logo span{display:block;font-size:10px;margin:2px 0 0 8px}.navigation__logo svg{width:100%;height:100%;fill:currentColor}@media(max-width: 991px){.page--detail .navigation__logo{color:#fff}}@media(min-width: 992px){.navigation__logo{height:60px;padding:17px 0 18px}.page--onboarding .navigation__logo{color:#fff}}.navigation__btn{display:block;background:#fff;z-index:10;width:50px;height:50px;border:none;padding:12px}.navigation__btn svg{width:26px;height:26px}.navigation__links{display:flex;align-items:center;float:right}.navigation__links a{display:flex;align-items:center;margin:0 0 0 20px;cursor:pointer}.navigation__links a:hover{color:#111;background:#ffd616}.navigation__links a:not(.btn){padding:0;font-size:12px;font-weight:700;text-decoration:none;color:#111}@media(max-width: 991px){.navigation__links{position:absolute;top:0;right:0}}.navigation__lang{min-width:38px;border-left:1px solid #eaeaea;padding:5px 0 5px 20px !important}.navigation__lang:hover{background:rgba(0,0,0,0) !important;font-weight:900 !important}.navigation__menu{display:block;position:absolute;height:100vh;height:-webkit-fill-available;width:100%;top:0;right:0;z-index:-1;transform:translateX(120%);background-color:#fff;box-shadow:0 0 40px rgba(1,1,1,.1);transition:.3s ease-in-out;pointer-events:auto}@media(max-width: 767px){.navigation__menu{width:100%}}.navigation__menu.active{transform:translateX(0%)}.navigation__menu--background{display:block;position:absolute;height:100vh;width:100%;top:0;left:0;z-index:-1}.navigation__menu--inner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-height:50vh;padding:150px 0 20px;overflow:hidden}.navigation__menu--inner .navigation__menu--background{height:100vh;width:110%;left:-5%;filter:blur(10px)}.navigation__menu a,.navigation__menu button{display:block;width:33%;background:rgba(0,0,0,0);border:none;cursor:pointer}.navigation__menu a svg,.navigation__menu button svg{width:100%;height:100%}.navigation__menu .logo{display:flex;justify-content:space-between;align-items:center;height:65px;width:100%;padding:0 20px}.navigation__menu .back-button{width:18px;height:18px;padding:0}.navigation__menu .links{display:flex;flex-direction:column;margin:0;padding:0}.navigation__menu .links a{display:flex;flex-direction:column;justify-content:center;width:100%;padding:7px 0 7px 20px;font-size:22px;font-weight:bold;text-decoration:none;color:#fafafa}.navigation__menu .links a small{font-size:60%}.navigation__menu .links a:hover{color:#111}
.page{display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:calc(var(--vh)*100);background:#fff;padding-top:50px}@media(min-width: 992px){.page{padding-top:60px}}
p+p{margin-top:10px}
@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.form__button{display:block}.form__button span{display:block}.form__button span svg{fill:currentColor;display:inline-block;width:.7em;height:.7em;margin-left:10px;transform:rotate(-90deg)}.form__button span:nth-of-type(2){display:none}.form__button span:nth-of-type(2) svg{animation:rotate 1s infinite}.form__button.btn--disabled span{display:none}.form__button.btn--disabled span:nth-of-type(2){display:block}.form__list select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;display:block;width:100%;margin-top:-9px;padding:13px 28px 12px 18px;border-radius:0;background:rgba(0,0,0,0);border:none;color:#fff}.form__list select:invalid{color:#a9a9a9}.ie .form__list select::-ms-expand{display:none}.ie .form__list select:focus{color:#000}.form__list.error{margin-bottom:32px}.form__list.error select{background:rgba(184,39,39,.05);border:1px solid #b82727}.form__list.error span{display:block}.form__list svg{position:absolute;width:12px;height:100%;top:0;right:10px;fill:#fff;z-index:0}@media(min-width: 768px){.form__list.form__group--spacer svg{right:25px}}.form__error{display:block;margin:20px 0 20px;padding:10px;background:#ec373e}.form__group{display:block;width:100%;padding:0;margin:0 0 10px;float:left;border:2px solid #fff}.form__group label{margin-left:5px;font-size:13px;font-weight:500;text-align:left;padding:0 5px;transform:translateY(-2px)}@media(min-width: 768px){.form__group label{margin-left:12px;font-size:14px}}.form__group input{padding:10px 10px 15px}.form__legend{display:block;width:100%;font-size:12px;text-align:left;padding:0 5px 6px 0px}.form__group{display:flex;flex-wrap:wrap;width:100%;max-width:100%;position:relative}.form__group span{display:none;color:#ec373e;font-size:12px;margin:2px auto 0}.form__group span.active{display:block}.form__group input,.form__group textarea{display:block;width:100%;padding:12px 10px;border-radius:0;background:rgba(0,0,0,0);border:1px solid #111;color:#111;font-size:15px}@media(min-width: 768px){.form__group input,.form__group textarea{font-size:16px}}@media(min-width: 992px){.form__group input,.form__group textarea{font-size:17px}}.form__group input::-webkit-input-placeholder,.form__group textarea::-webkit-input-placeholder{color:#999}.form__group input::-moz-placeholder,.form__group textarea::-moz-placeholder{color:#999}.form__group input:-ms-input-placeholder,.form__group textarea:-ms-input-placeholder{color:#999}.form__group input:-moz-placeholder,.form__group textarea:-moz-placeholder{color:#999}.form__group textarea{min-height:170px}.form__group.error{margin-bottom:15px}.form__group.error fieldset{background:#f37d81;border-color:#ec373e}.form__group.error span{display:block}.form__group fieldset.error{background:#f37d81;border-color:#ec373e}.form__group fieldset.error+span{display:block;order:10}@media(min-width: 768px){.form__group--small{width:33.33%;float:left}.form__group--medium{width:66.66%;float:left}.form__group--half{width:50%;float:left}.form__group--spacer{padding-right:15px}}.form__checkbox,.form__radio{height:auto !important;width:100%;margin:0 0 17px !important}.form__checkbox input,.form__radio input{display:none}.form__checkbox label,.form__radio label{display:flex;align-items:top;flex-wrap:wrap;max-width:100%;font-size:11px;font-weight:200;cursor:pointer;margin-right:15px;color:#111}.form__checkbox label span,.form__radio label span{display:inline-block;width:14px;height:14px;margin-right:5px;border:1px solid #111;transition:background 100ms ease-in-out}.form__checkbox label div,.form__radio label div{width:calc(100% - 20px);text-align:left}.form__checkbox label:hover span,.form__radio label:hover span{background:rgba(255,255,255,.8)}.form__checkbox.error label,.form__radio.error label{color:#ec373e}.form__checkbox.error span,.form__radio.error span{border-color:#ec373e}.form__checkbox.error>span,.form__radio.error>span{margin-left:35px}.form__checkbox.optin,.form__radio.optin{clear:both}.form__checkbox input:checked+span,.form__radio input:checked+span{position:relative;border:1px solid #111}.form__checkbox input:checked+span:after,.form__radio input:checked+span:after{content:"";position:absolute;top:2px;bottom:2px;left:2px;right:2px;background:#111}.form--width-1{width:66.1666666667%;margin-left:1%}.form--width-2{width:66.6666666667%;margin-right:1%}.form--width-4{width:65.6666666667%}
.leadpopup{position:fixed;display:block;right:5%;bottom:0;transform:translateY(105%);transition:transform .5s ease-in-out;width:90%;max-width:400px;background:#fff;box-shadow:0 0 50px rgba(0,0,0,.5);border-radius:40px 40px 0 0;z-index:999}.leadpopup.active{transform:translateY(0%)}.leadpopup__close{position:absolute;top:0;right:0;transform:translate(15%, -15%);z-index:1;width:26px;height:26px;background:rgba(0,0,0,0);color:#111;border:none;padding:0}.leadpopup__close svg{width:100%;height:100%;fill:currentColor}.leadpopup__content{padding:40px 30px 50px}.leadpopup input{font-size:14px}.leadpopup .form__button{width:100%;background:#05c3dd}.ui__list--water+.leadpopup .form__button{background:#05c3dd}.ui__list--climate+.leadpopup .form__button{background:#ffd616}.ui__list--resources+.leadpopup .form__button{background:#78be21}
@keyframes loading{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}@keyframes loadingOpacity{0%{opacity:.25;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0%)}}@keyframes text-slide-up{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes visual-slide-left{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes visual-slide-right{0%{transform:translateX(-100%) scale(0.9)}100%{transform:translateX(0%) scale(1)}}@keyframes videoMove{0%{transform:translateX(0)}100%{transform:translateX(-10%)}}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(20%, 0%)}100%{opacity:1;transform:translate(0%, 0%)}}@keyframes slideInspiration{0%{opacity:0;transform:translate(20%, -50%)}100%{opacity:1;transform:translate(0%, -50%)}}.map__container,.visual__container{position:fixed;top:0;right:0;width:100%;height:100vh;height:-webkit-fill-available;z-index:0;background:#f5f5f5}.map__container video,.visual__container video{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;background:#999}.map__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#eaeaea;transform:translateX(-100%);z-index:101;will-change:transform}.map__overlay--water{background:#34e3fa}.map__overlay--climate{background:#ffe363}.map__overlay--resources{background:#9ee04c}.page--detail .map__overlay{transform:translateX(0%)}.map__controls{display:none}@media(min-width: 768px){.map__controls{display:flex;flex-direction:column;position:fixed;bottom:100px;right:10px;z-index:10}.map__controls button{border:none;background:none;padding:2px}.map__controls span{padding:7px 7px 5px !important}.map__controls span:hover{color:#111;background:#ffd616}.map__controls svg{width:12px;height:12px;fill:currentColor}}.visual__overlay{position:absolute;top:40%;right:0;width:90%;transform:translateY(-50%)}.visual__overlay-row{display:flex;justify-content:center}.visual__overlay-row div{display:block;width:100%;max-width:70px}@media(min-width: 1100px){.visual__overlay-row div{max-width:90px}}.visual__overlay-row div div{position:relative;display:block;padding-bottom:100%;height:0;opacity:0}.visual__overlay-row div div svg{position:absolute;top:0;left:0;width:100%;height:100%}.water .visual__overlay-row div div svg{background:rgba(5,195,221,.15)}.resources .visual__overlay-row div div svg{background:rgba(120,190,33,.15)}.climate .visual__overlay-row div div svg{background:rgba(255,214,22,.15)}@media(min-width: 768px){.visual__overlay{top:50%;width:calc(100% - 480px)}}@media(min-width: 992px){.visual__overlay{top:50%;width:calc(95% - 480px)}}@media(min-width: 1100px){.visual__overlay{top:50%;width:calc(95% - 550px)}}@media(max-width: 767px){.page--detail .visual__container{height:100vh;height:-webkit-fill-available}.page--detail .ui__list{margin-top:38vh}.page--detail .ui__bar{display:none}}.popup{position:relative;display:block;background:#fff;border-radius:20px 20px 0 0;height:100%;width:100%;margin-top:auto}@media(min-width: 768px){.popup{margin:0 auto;width:80%}}@media(min-width: 1100px){.popup{width:65%}}@media(min-width: 1300px){.popup{width:45%}}.popup__title{margin-bottom:20px}.popup__btn{position:absolute;display:block;top:20px;right:20px;width:30px;height:30px;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer}.popup__btn svg{width:30px;height:30px;pointer-events:none}.popup__content{max-height:100%;overflow:auto;padding:65px 30px 80px}@media(min-width: 325px){.popup__content{padding:65px 40px 80px}}@media(min-width: 768px){.popup__content{padding:65px 50px 80px}}@media(min-width: 1100px){.popup__content{padding:65px 50px 120px}}.popup__content .btn{margin-bottom:5px}.popup__inner{display:block;padding-top:100px;height:95%;width:100%;margin-top:auto}.popup__container{position:fixed;display:flex;align-items:flex-end;left:0;top:0;width:100%;height:100vh;height:-webkit-fill-available;z-index:20;background-color:rgba(0,0,0,.5);overflow:hidden;overflow-y:auto}.popup__container .label{margin-bottom:10px}.popup__markers{display:flex;align-items:center;justify-content:space-around;width:100%;margin:15px auto 35px;color:rgba(0,0,0,.5)}@media(min-width: 768px){.popup__markers{width:90%}}.popup__markers small{display:block;text-align:center}.popup__marker{display:flex;align-items:center}.popup__marker svg{width:20px;height:20px;margin:0 4px}@media(min-width: 325px){.popup__marker svg{width:25px;height:25px;margin:0 8px}}@media(min-width: 768px){.popup__marker svg{width:30px;height:30px}}.ui__bar{position:relative;display:block;padding:10px;z-index:1;background:#f4f4f4}@media(min-width: 768px){.ui__bar{position:fixed;right:0;bottom:0;padding:20px 10px 20px 450px;width:100%;background:#fff}}@media(min-width: 875px){.ui__bar{padding:20px 10px 20px 480px}}@media(min-width: 992px){.ui__bar{padding:20px 10px 20px 500px}}@media(min-width: 1100px){.ui__bar{padding-left:570px}}@media(max-width: 767px){.ui__bar--list{margin-top:-60px;padding-top:100px}}.ui__list{position:relative;display:block;width:100%;z-index:1}.ui__list--spacer{padding-top:15vh}.ui__list--white{background:#f4f4f4}@media(min-width: 768px){.ui__list--white{padding:0;background:rgba(0,0,0,0)}}@media(min-width: 768px){.ui__list{width:50%;max-width:480px}}@media(min-width: 1100px){.ui__list{max-width:550px}}@media(min-width: 768px){.ui__list--wide{width:60%;max-width:600px}}@media(min-width: 992px){.ui__list--wide{max-width:650px}}@media(min-width: 1100px){.ui__list--wide{max-width:700px}}.prio{position:relative;display:block;padding:20px 10px;z-index:1}@media(min-width: 768px){.prio{display:flex;align-items:flex-end;flex-direction:row-reverse;padding:0}}.ui__list--white .prio--waste{margin-top:60px}@media(min-width: 768px){.ui__list--white .prio--waste{margin-top:40px}}@media(min-width: 768px){.prio--waste{margin-top:40px}}.prio__title{display:flex;justify-content:space-between;align-items:flex-end;font-size:16px;font-weight:bold;background:#f4f4f4}.prio__list .prio__title{display:none}@media(min-width: 768px){.prio__title{padding:50px 0 10px;background:rgba(0,0,0,0)}.prio__list .prio__title{display:block}.ui__bar .prio__title{display:none}}.prio__filter{display:flex;margin:0;justify-content:space-between;align-items:flex-end}.ui__bar--list .prio__filter{margin:10px 0 5px}.ui__bar--map .prio__filter{position:fixed;top:75px;left:10px;width:calc(100% - 20px)}@media(min-width: 768px){.prio__filter{background:#fff;margin:0;width:100%}}.prio__filter--left{display:flex;align-items:center;flex-wrap:wrap;float:left}.prio__filter--left .btn{margin-right:5px}@media(max-width: 325px){.prio__filter--left .btn{font-size:11px;margin:0 3px 0 0}.prio__filter--left .btn--small{padding:10px 8px 9px}}.prio__filter--right{display:block;float:right}.prio__slider{position:relative;display:block;width:100%;overflow:hidden}.prio__slider--inner{display:block;width:190%}.prio__slider--inner .prio__list-item{margin:0}.prio__slider-arrow{display:flex}.prio__slider-arrow button{display:block;width:29px;height:23px;padding:4px 7px;border:none;background:rgba(0,0,0,0);outline:none;cursor:pointer}.prio__slider-arrow button svg{width:15px;height:15px;transform:rotate(-90deg)}.prio__slider-arrow button:nth-of-type(2) svg{transform:rotate(90deg)}.prio__list{display:block;width:100%;padding:20px 10px;background:#f4f4f4}.prio__list--water .prio__list-cta{background:linear-gradient(90deg, #7fedfc 0%, #8eeffc 100%)}.prio__list--water .prio__list-title{background:linear-gradient(90deg, #05C3DD 0%, #05d0ec 100%)}.prio__list--water .prio__list-title--light{background:linear-gradient(90deg, #34e3fa 0%, #43e5fb 100%)}.prio__list--climate .prio__list-cta{background:linear-gradient(90deg, #fff1af 0%, #fff4be 100%)}.prio__list--climate .prio__list-title{background:linear-gradient(90deg, #FFD616 0%, #ffd925 100%)}.prio__list--climate .prio__list-title--light{background:linear-gradient(90deg, #ffe363 0%, #ffe672 100%)}.prio__list--resources .prio__list-cta{background:linear-gradient(90deg, #c1eb8d 0%, #c8ed9a 100%)}.prio__list--resources .prio__list-title{background:linear-gradient(90deg, #78BE21 0%, #80cb23 100%)}.prio__list--resources .prio__list-title--light{background:linear-gradient(90deg, #9ee04c 0%, #a5e259 100%)}.prio__list button{position:relative;display:inline-block;z-index:10}.prio__list-item{position:relative;display:block;width:100%;margin-bottom:12px;overflow:hidden;transform:translateX(-100%);z-index:1;text-decoration:none;background:#5f5555;cursor:pointer}.ui__list.active .prio__list-item{animation:loading .3s calc(.05s*var(--i)) forwards}@media(min-width: 768px){.prio__list{padding:0;background:rgba(0,0,0,0)}.prio__list-item{margin-bottom:0;border-bottom:5px solid #fff}}.prio__list-title,.prio__list-cta{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-direction:row;font-weight:normal;min-height:80px;padding:0 20px;opacity:1;transition:opacity .2s ease-in-out}@media(max-width: 325px){.prio__list-title,.prio__list-cta{min-height:70px}}@media(min-width: 768px){.prio__list-title,.prio__list-cta{padding:8px 20px;min-height:90px}}.prio__list-item:hover .prio__list-title,.prio__list-item:hover .prio__list-cta{opacity:.9}.prio__list-title--light{z-index:1;margin-top:-90px;will-change:margin;transition:opacity .2s ease-in-out,margin .3s 2s ease-in-out}.prio__list-title--left{width:25%}.prio__list-title--right{width:15%;text-align:center}.prio__list-title--center{width:55%}.prio__list-title p{font-size:16px;line-height:1em;font-weight:bold}@media(max-width: 325px){.prio__list-title p{font-size:14px}}@media(min-width: 992px){.prio__list-title p{font-size:18px}}.prio__list-title--highlight p{font-weight:800}.prio__list-title strong,.prio__list-title span{font-size:50px;font-weight:200;line-height:1em;text-align:center}@media(max-width: 325px){.prio__list-title strong,.prio__list-title span{font-size:44px}}@media(min-width: 768px){.prio__list-title strong,.prio__list-title span{font-size:50px}}@media(min-width: 992px){.prio__list-title strong,.prio__list-title span{font-size:60px}}.prio__list-title span{font-size:30px;font-weight:normal}@media(max-width: 325px){.prio__list-title span{font-size:22px}}@media(min-width: 768px){.prio__list-title span{font-size:30px}}@media(min-width: 992px){.prio__list-title span{font-size:40px}}.prio__list-title svg{display:block;width:20px;height:20px;margin:0 auto 5px}@media(min-width: 992px){.prio__list-title svg{width:30px;height:30px}}.prio__list-title small{display:block;font-size:10px;margin-bottom:-10px}@media(max-width: 325px){.prio__list-title small{font-size:8px}}.prio__list-cta{z-index:0;margin-top:-90px;will-change:margin;transition:opacity .2s ease-in-out,margin .3s 2s ease-in-out}.prio__list-cta--left,.prio__list-cta--right{width:100%}.prio__list-cta--right{text-align:right}.prio__list-cta--right .btn{float:right}.prio__list-cta p{font-size:14px}.prio__list-cta svg{transform:rotate(-90deg)}@media(max-width: 325px){.prio__list-cta{font-size:12px}.prio__list-cta p{font-size:12px}}.prio__list-item:nth-of-type(1) .prio__list-title--light{transition:opacity .2s ease-in-out,margin .3s .9s ease-in-out}.prio__list-item:nth-of-type(1) .prio__list-cta{transition:opacity .2s ease-in-out,margin .3s 1s ease-in-out}.prio__list-item:nth-of-type(2) .prio__list-title--light{transition:opacity .2s ease-in-out,margin .3s 1.1s ease-in-out}.prio__list-item:nth-of-type(2) .prio__list-cta{transition:opacity .2s ease-in-out,margin .3s 1.2s ease-in-out}.prio__list-item:nth-of-type(3) .prio__list-title--light{transition:opacity .2s ease-in-out,margin .3s 1.3s ease-in-out}.prio__list-item:nth-of-type(3) .prio__list-cta{transition:opacity .2s ease-in-out,margin .3s 1.4s ease-in-out}.prio__list-item:nth-of-type(4) .prio__list-title--light{transition:opacity .2s ease-in-out,margin .3s 1.6s ease-in-out}.prio__list-item:nth-of-type(4) .prio__list-cta{transition:opacity .2s ease-in-out,margin .3s 1.7s ease-in-out}.ui__list.active .prio__list-cta,.ui__list.active .prio__list-title--light,.ui__list.active .prio__slider-cta,.ui__list.active .prio__slider-title--light{margin-top:0}.prio__marker svg{width:20px;height:20px}.onboarding__background{position:absolute;top:0;right:0;width:100%;height:100vh;height:calc(var(--vh)*100);height:-webkit-fill-available;object-fit:cover}@media(min-width: 600px)and (orientation: landscape){.onboarding__background{width:calc(100% + 400px);right:-200px}}.onboarding__background--image{display:block;width:100%;height:100vh;height:-webkit-fill-available}.onboarding__background--image .picture__background{position:absolute;top:0;left:0;opacity:0;transition:opacity .2s ease-in-out}.onboarding__background--image .picture__background.active{opacity:1}.onboarding__background--bg{position:absolute;top:5%;left:0;opacity:0;bottom:100px;height:75%;transition:opacity .5s ease-in-out}.onboarding__background--bg.active{opacity:1}@media(min-width: 768px){.onboarding__background--bg{height:70%}}.onboarding__overlay{display:flex;align-items:flex-end;position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.7) 80%);color:#fff;padding:160px 10px 30px;transition:transform 300ms ease-in-out,opacity 300ms ease-in-out;transform:translateY(50%);opacity:0}.onboarding__overlay p{opacity:0;color:#fff;font-size:18px;font-weight:bold;text-align:center;margin:0 auto;text-shadow:0 0 10px rgba(17,17,17,.5)}.onboarding__overlay p span{display:inline-block;opacity:0;transform:translateY(10px);transition:all .35s calc(var(--word-index)*.1s) ease-in-out}.onboarding__overlay p span.whitespace{width:.3em}.loaded .onboarding__overlay p.active{opacity:1}.loaded .onboarding__overlay p.active span{opacity:1;transform:translateY(0)}@media(min-width: 768px){.onboarding__overlay p{width:70%}}@media(min-width: 992px){.onboarding__overlay{padding:100px 10px 30px}.onboarding__overlay p{font-size:21px;width:65%}}@media(min-width: 1100px){.onboarding__overlay p{width:50%}}.loaded .onboarding__background--inner{user-select:none;transition:transform 1s ease-in-out;transform:translateY(-100px)}.loaded .onboarding__background--inner video{user-select:none}@media(min-width: 600px)and (orientation: landscape){.loaded .onboarding__background--inner{transform:translateX(15vw)}}.loaded .onboarding__overlay{opacity:1;transform:translate(0%, 0%)}.onboarding__links{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:30px}.onboarding__links--left,.onboarding__links--right{display:block;position:relative;background:rgba(0,0,0,0);border:none;padding:0;margin:0;font-size:1em;color:currentColor;cursor:pointer}.onboarding__links--right{text-align:right}.onboarding__links--center{display:flex;width:120px}.onboarding__links--center>div{display:block;width:15%;height:4px;margin:0 2px;background:#fff;border-radius:5px;opacity:.8;overflow:hidden;transition:all 200ms ease-in-out}.onboarding__links--center>div.active{width:60%;opacity:1}.onboarding__links--center>div.active>div{opacity:1;animation:loading 5s ease-in-out forwards}.onboarding__links--center>div>div{display:block;width:100%;height:100%;opacity:0;background:#ffd616}.onboarding__links--center>div.green div{background:#78be21}.onboarding__links--center>div.blue div{background:#05c3dd}@media(min-width: 768px){.onboarding__links{margin-top:50px}}@media(min-width: 992px){.onboarding__links{margin-top:75px}}@media(min-width: 1100px){.onboarding__links{margin-top:100px}}
.notfound__container{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - 125px)}.notfound__container svg{width:200px;height:60px;margin-bottom:20px;fill:#fff}.notfound__content{display:block;width:80%;text-align:center}
@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes SlideUp{0%{transform:translateY(100%)}10%,90%{transform:translateY(0%)}100%{transform:translateY(-100%)}}@keyframes SlideDown{0%{transform:translateY(-100%)}10%,90%{transform:translateY(0%)}100%{transform:translateY(100%)}}@keyframes SlideRightIn{0%{transform:translate(-100%, -50%)}100%{transform:translate(105.5%, -50%)}}.waste__item{display:flex;flex-direction:row;align-items:center;font-size:18px;font-weight:bold;margin-bottom:5px}.waste__item span{display:block;width:calc(100% - 95px)}.waste__item strong{display:block;font-size:1.6em;margin-right:10px;flex:0 1 85px;text-align:right}.waste__item--big span{width:calc(100% - 135px)}.waste__item--big strong{flex:0 1 80px}.detail__close{display:block;position:fixed;top:50px;right:0;width:50px;height:50px;padding:12px;cursor:pointer;transition:background 180ms ease-in-out;z-index:100;background:#dcdcdc;border:none}.detail__close--water{background:#7fedfc}.detail__close--water:hover{background:#4de6fb}.detail__close--resources{background:#c1eb8d}.detail__close--resources:hover{background:#aae461}.detail__close--climate{background:#fff1af}.detail__close--climate:hover{background:#ffe87c}.detail__close svg{width:100%;height:100%}@media(min-width: 992px){.detail__close{top:60px;width:60px;height:60px}}.detail__header{display:flex;align-items:flex-end;overflow:hidden}.detail__header--left{position:relative;display:block;width:40%;z-index:2}.detail__header--right{position:relative;display:block;width:75%;transform:translateX(-100%);z-index:1}@media(min-width: 768px){.detail__header--right{width:60%}}.detail__header-buttons{display:flex}.detail__header-buttons a{display:block;width:46px;height:46px;padding:14px;border:none;cursor:pointer;transition:background 180ms ease-in-out}.detail__header-buttons a svg{fill:#111;width:100%;height:100%}.detail__header-buttons a:nth-of-type(1){background:#f5f5f5}.ui__list--water .detail__header-buttons a:nth-of-type(1){background:#7fedfc}.ui__list--water .detail__header-buttons a:nth-of-type(1):hover{background:#4de6fb}.ui__list--resources .detail__header-buttons a:nth-of-type(1){background:#c1eb8d}.ui__list--resources .detail__header-buttons a:nth-of-type(1):hover{background:#aae461}.ui__list--climate .detail__header-buttons a:nth-of-type(1){background:#fff1af}.ui__list--climate .detail__header-buttons a:nth-of-type(1):hover{background:#ffe87c}.detail__header-buttons a:nth-of-type(1) svg{transform:rotate(-90deg)}.detail__header-buttons a:nth-of-type(2){background:#c2c2c2}.ui__list--water .detail__header-buttons a:nth-of-type(2){background:#05c3dd}.ui__list--water .detail__header-buttons a:nth-of-type(2):hover{background:#0497ab}.ui__list--resources .detail__header-buttons a:nth-of-type(2){background:#78be21}.ui__list--resources .detail__header-buttons a:nth-of-type(2):hover{background:#5d9319}.ui__list--climate .detail__header-buttons a:nth-of-type(2){background:#ffd616}.ui__list--climate .detail__header-buttons a:nth-of-type(2):hover{background:#e2ba00}.detail__header-buttons a:nth-of-type(2) svg{transform:rotate(90deg)}.detail__header-prio{position:relative;display:block;height:0;width:100%;padding-bottom:100%;background:#c2c2c2}.ui__list--water .detail__header-prio{background:#05c3dd}.ui__list--resources .detail__header-prio{background:#78be21}.ui__list--climate .detail__header-prio{background:#ffd616}.detail__header-prio--inner{display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%}.detail__header-prio--inner>svg{position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.detail__header-prio--inner p{position:relative;display:block;width:100%;text-align:center;z-index:2}.detail__header-prio--inner p span{display:block;font-size:55px;line-height:55px}.detail__header-prio--inner p small{display:block;font-size:18px;line-height:18px;font-weight:bold}.detail__header-prio--inner p.loading{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center}.detail__header-prio--inner p.loading svg{position:relative;animation:rotate 1s linear infinite;width:50px;height:50px}@media(min-width: 450px){.detail__header-prio--inner p span{font-size:65px;line-height:65px}.detail__header-prio--inner p small{font-size:20px;line-height:20px}}.detail__header-data{position:relative;display:block;width:65%;padding:25px 12px 10px;background:#c2c2c2;transform:translateY(100%);font-size:10px;font-weight:normal;margin-left:auto}@media(min-width: 768px){.detail__header-data{width:55%}}@media(min-width: 992px){.detail__header-data{width:50%;padding:30px 15px 12px}}@media(min-width: 1100px){.detail__header-data{padding:30px 20px 15px}}.ui__list--water .detail__header-data{background:#05c3dd}.ui__list--resources .detail__header-data{background:#78be21}.ui__list--climate .detail__header-data{background:#ffd616}.detail__header-data strong{font-weight:bold;font-size:2.3em;display:block}.detail__header-data strong:before{content:attr(data-prefix)}.detail__header-data svg{display:block;width:16px;height:16px;transform:translateY(100%)}.detail__header-data--icon{display:block;position:absolute;top:8px;right:7px;width:16px;height:16px;overflow:hidden}.detail__header-data--icon-up svg{animation:SlideUp 2.25s linear infinite}.detail__header-data--icon-down svg{animation:SlideDown 2.25s linear infinite}.detail__header-location{position:relative;display:block;width:100%;padding:20px 10px 0 20px;background:#dcdcdc;font-size:14px;z-index:1}.ui__list--water .detail__header-location{background:#34e3fa}.ui__list--resources .detail__header-location{background:#9ee04c}.ui__list--climate .detail__header-location{background:#ffe363}.detail__header-location select{display:block;width:100%;background:none;border:none;outline:none;margin-bottom:12px}.detail__header-location-content{position:relative;display:block;border-top:2px solid #111;padding:12px 0 15px;margin-top:12px}.detail__header-location-content span{display:block;font-weight:bold}.detail__header-location-content svg{display:inline-block;width:.9em;height:.9em}.detail__header-location-content small{font-size:10px}.detail__header-location-content small div{display:inline}.detail__header-location-content a{position:absolute;top:50%;right:0;transform:translateY(-50%)}.detail__header-location-content a svg{display:block;width:18px;height:18px}.detail__header-location-content small a{position:relative;top:unset;left:unset}.detail__graph{display:block;background:#dcdcdc;min-height:50vh;transform:translateX(-100%)}.ui__list--water .detail__graph{background:#7fedfc}.ui__list--resources .detail__graph{background:#c1eb8d}.ui__list--climate .detail__graph{background:#fff1af}.detail__graph-inner{display:block;padding:40px 25px}.detail__graph-inner canvas{height:50vh;max-height:250px}@media(min-width: 768px){.detail__graph-inner{padding:40px}}.detail__graph-btn{margin-top:10px;padding-top:6px;padding-bottom:6px;font-size:.75em}.detail__graph-btn svg{display:inline-block;width:.9em;height:.9em;margin-right:8px}.detail__graph-explanation{display:block;margin-top:20px;font-size:.7em;font-style:italic}.detail__graph-legenda{display:block;margin-top:20px}.detail__graph-legenda small{display:block;font-size:.75em}.detail__graph-legenda small i{display:inline-block;width:2em;height:1px;margin-right:8px;border-bottom:3px solid #fff;background:rgba(0,0,0,0)}.detail__graph-legenda small:nth-of-type(2) i{border-bottom:3px dashed #cdc8c8}.detail__graph-legenda small:nth-of-type(3) i{border-bottom:4px dashed #fff}.detail__urgency{display:block;padding-top:35px;overflow:hidden;opacity:0;transition:opacity .3s ease-in-out}.detail__urgency-inner{display:flex}.detail__urgency-inner>div{position:relative;display:block;height:30px;width:20%}.detail__urgency-inner>div:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:0;opacity:0;background:#c2c2c2;transition:opacity .3s ease-in-out}.ui__list--water .detail__urgency-inner>div:after{background:#05c3dd;background:linear-gradient(-90deg, rgba(5, 195, 221, 0.75) 0%, #05c3dd 100%);border-left:1px solid #7fedfc}.ui__list--resources .detail__urgency-inner>div:after{background:#78be21;background:linear-gradient(-90deg, rgba(120, 190, 33, 0.75) 0%, #78be21 100%);border-left:1px solid #c1eb8d}.ui__list--climate .detail__urgency-inner>div:after{background:#ffd616;background:linear-gradient(-90deg, rgba(255, 214, 22, 0.75) 0%, #ffd616 100%);border-left:1px solid #fff1af}.detail__urgency.active .detail__urgency-inner div:nth-of-type(1):after{opacity:.4}.detail__urgency.active .detail__urgency-inner div:nth-of-type(2):after{opacity:.55;transition-delay:.1s}.detail__urgency.active .detail__urgency-inner div:nth-of-type(3):after{opacity:.7;transition-delay:.2s}.detail__urgency.active .detail__urgency-inner div:nth-of-type(4):after{opacity:.85;transition-delay:.3s}.detail__urgency.active .detail__urgency-inner div:nth-of-type(5):after{opacity:1;transition-delay:.4s}.detail__urgency>span{display:block;padding:10px 5px 10px 10px;font-size:10px}.detail__urgency-title{display:inline-block;font-size:10px;padding:10px 10px 5px;font-weight:bold;line-height:13px;width:50%}.detail__urgency-title+.detail__urgency-title{text-align:right}.detail__urgency-arrow{position:relative;display:block;text-align:center;margin-top:-10px;z-index:1;opacity:0;transition:transform .5s .35s ease-in-out,opacity .2s .1s ease-in-out}.detail__urgency-arrow svg{display:inline-block;width:25px;height:12px;transform:rotate(180deg)}.detail__urgency-inner div:nth-of-type(2) .detail__urgency-arrow{transform:translateX(-100%)}.detail__urgency-inner div:nth-of-type(3) .detail__urgency-arrow{transform:translateX(-200%)}.detail__urgency-inner div:nth-of-type(4) .detail__urgency-arrow{transform:translateX(-300%)}.detail__urgency.active{opacity:1}.detail__urgency.active .detail__urgency-inner div .detail__urgency-arrow{transform:translateX(0%);opacity:1}.detail__urgency.active .detail__urgency-inner div .detail__urgency-arrow small{opacity:1}.detail__copy{position:relative;display:block;width:88%;padding:30px 10% 30px 25px;background:#fff}.ui__list--water .detail__copy{background:#05c3dd}.ui__list--resources .detail__copy{background:#78be21}.ui__list--climate .detail__copy{background:#ffd616}.detail__copy--inner{position:relative;z-index:1}.detail__copy-extra{display:none}@media(min-width: 768px){.detail__copy{width:90%}.detail__copy-extra{position:absolute;right:0;bottom:0px;transform:translateX(70%);z-index:0}}@media(min-width: 992px){.detail__copy{padding:35px 5%}.detail__copy--inner{padding:35px 10% 35px 5%}.detail__copy-extra{transform:translateX(85%)}}@media(min-width: 1100px){.detail__copy{padding:45px 5% 45px 5%}.detail__copy--inner{padding:45px 10% 45px 5%}.detail__copy-extra{transform:translateX(90%)}}@media(max-width: 767px){.detail__copy{background-color:#fff}}.detail__copy--big{width:100% !important}.detail__dropdown{display:block;background:#fff;position:relative}.detail__dropdown--waste{background:rgba(0,0,0,0)}.detail__dropdown .dropdown{opacity:0;transition:opacity 350ms ease-in-out}.detail__dropdown .dropdown:nth-of-type(2){transition-delay:.2s}.detail__dropdown .dropdown:nth-of-type(3){transition-delay:.3s}.detail__dropdown .dropdown:nth-of-type(4){transition-delay:.4s}.detail__dropdown .dropdown:nth-of-type(5){transition-delay:.5s}.detail__dropdown .dropdown:nth-of-type(6){transition-delay:.6s}.detail__dropdown .dropdown:nth-of-type(7){transition-delay:.7s}.detail__dropdown .dropdown:nth-of-type(8){transition-delay:.8s}.detail__dropdown .dropdown:nth-of-type(9){transition-delay:.9s}.detail__dropdown .dropdown:nth-of-type(10){transition-delay:1s}.detail__dropdown .dropdown:nth-of-type(11){transition-delay:1.1s}.detail__dropdown .dropdown:nth-of-type(12){transition-delay:1.2s}.detail__dropdown .dropdown:nth-of-type(13){transition-delay:1.3s}.detail__dropdown .dropdown:nth-of-type(14){transition-delay:1.4s}.detail__dropdown .dropdown:nth-of-type(15){transition-delay:1.5s}.detail__dropdown.active .dropdown{opacity:1}.detail__dropdown-previewer{display:block;width:100%;overflow:hidden;margin-top:20px;text-decoration:none;transition:background 350ms ease-in-out}.detail__dropdown-previewer img{display:block;width:100%;height:250px;object-fit:cover}.detail__dropdown-previewer div{padding:15px 20px}.detail__dropdown-previewer div strong{font-weight:800}.detail__dropdown-previewer div p{font-size:.8em}.ui__list--water .detail__dropdown-previewer{background:#7fedfc}.ui__list--water .detail__dropdown-previewer:hover{background:#05c3dd}.ui__list--resources .detail__dropdown-previewer{background:#c1eb8d}.ui__list--resources .detail__dropdown-previewer:hover{background:#78be21}.ui__list--climate .detail__dropdown-previewer{background:#fff1af}.ui__list--climate .detail__dropdown-previewer:hover{background:#ffd616}@media(max-width: 767px){.detail__dropdown-previewer button.btn{display:none}}@media(min-width: 768px){.detail__dropdown-previewer{position:absolute;top:50%;right:0;z-index:-1;animation:SlideRightIn .5s ease-in-out forwards}.detail__dropdown-previewer div{padding:20px 30px}}.detail__cta{text-align:center;color:#111;background:#c2c2c2}.ui__list--water .detail__cta{background:#05c3dd}.ui__list--resources .detail__cta{background:#78be21}.ui__list--climate .detail__cta{background:#ffd616}.detail__cta h4{display:block}@media(min-width: 768px){.detail__cta h4{width:80%;margin:0 auto}}@media(min-width: 992px){.detail__cta{transform:translateX(100%)}}.detail__about{background:#111;color:#fff}.content{display:block;padding:50px 0 60px}.content .btn{display:block;width:80%;margin:25px auto 0}.dropdown{display:block;border-bottom:1px solid #111}.dropdown__title{position:relative;padding:10px 30px 10px 5px;font-size:18px;font-weight:normal;transition:background 180ms ease-in-out;cursor:pointer}.dropdown__title svg{position:absolute;top:9px;right:0;width:20px;height:20px;transform:rotate(180deg);transform-origin:center}.dropdown:hover .dropdown__title{background:rgba(17,17,17,.1)}.dropdown__content{display:none;padding:5px 15px 15px 5px}.dropdown__content-link{display:block;margin-top:5px;float:right}.dropdown--active .dropdown__content{display:block}.dropdown--active svg{transform:rotate(0deg)}
.data-logos{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.data-logos__item{width:40%;margin:20px 0}@media(min-width: 992px){.data-logos__item{width:30%}}@media(min-width: 1100px){.data-logos__item{width:20%;margin-left:2.5%;margin-right:2.5%}}.data-logos__item img{display:block;width:100%;max-height:100px;object-fit:contain}