@import url(https://campaigns.mobilewater.nl/cdn/css/spectre@0.5.8/spectre.min.css);@import url(https://campaigns.mobilewater.nl/cdn/css/spectre@0.5.8/spectre-icons.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/dragdealer/0.9.8/dragdealer.min.css);@font-face{font-family:Vattenfall Hall;font-weight:400;font-style:normal;src:url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Regular.eot) format("eot"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Regular.woff2) format("woff2"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Regular.woff) format("woff")}@font-face{font-family:Vattenfall Hall;font-weight:400;font-style:italic;src:url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-RegularItalic.eot) format("eot"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-RegularItalic.woff2) format("woff2"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-RegularItalic.woff) format("woff")}@font-face{font-family:Vattenfall Hall;font-weight:500;font-style:normal;src:url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Medium.eot) format("eot"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Medium.woff2) format("woff2"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Medium.woff) format("woff")}@font-face{font-family:Vattenfall Hall;font-weight:500;font-style:italic;src:url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-MediumItalic.eot) format("eot"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-MediumItalic.woff2) format("woff2"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-MediumItalic.woff) format("woff")}@font-face{font-family:Vattenfall Hall Display;font-weight:600;font-style:normal;src:url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHallDisplay-Bold.eot) format("eot"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHallDisplay-Bold.woff2) format("woff2"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHallDisplay-Bold.woff) format("woff")}@font-face{font-family:Vattenfall Hall;font-weight:600;font-style:normal;src:url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Bold.eot) format("eot"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Bold.woff2) format("woff2"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-Bold.woff) format("woff")}@font-face{font-family:Vattenfall Hall;font-weight:600;font-style:italic;src:url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-BoldItalic.eot) format("eot"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-BoldItalic.woff2) format("woff2"),url(https://campaigns.mobilewater.nl/cdn/fonts/hall/VattenfallHall-BoldItalic.woff) format("woff")}body{font-family:Vattenfall Hall}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}h1{font-size:28px;line-height:1.2}h1,h2{font-weight:600;text-align:center;margin-bottom:12px;color:#000}h2{font-size:18px}h2,p{line-height:1.5}p{font-size:16px;color:#000}.wrapper{position:absolute;left:0;top:0;right:0;height:100vh;margin:0 auto;text-align:center}.blue-l,.blue-r{position:absolute;top:0;background:#edf1f6}.blue-l{left:0}.blue-r{right:0}.slides{width:100%;height:100vh;overflow:hidden;position:relative}.slides .slide{position:absolute;top:0;height:100vh;overflow:scroll;transform:translateX(100%);transition:transform .5s ease-in-out;width:100vw}.slides .slide.slide-out{transform:translateX(-100%)}.slides .slide.slide-in{transform:translateX(0)}.progress-bar{position:absolute;bottom:4vh;height:4px;background:#c4cbd4;left:8%;right:8%;border-radius:3px;transition:all 2s ease-out}.progress-bar .progress-bar-line{position:absolute;left:0;top:0;height:4px;background:#000;border-radius:3px;transition:all .3s ease-out}.btn.btn-next{background:#ffda00;height:64px;line-height:1;max-width:400px;border:0;border-radius:32px;margin:2vh auto 0;color:#000;font-size:16px}.btn.btn-link,.btn.btn-link:focus,.btn.btn-link:hover{color:#000;text-decoration:underline;height:64px;line-height:1;border:0;outline:0;box-shadow:none}.mask{background:transparent;position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1}.mask .masked-bubble{width:0;height:0;border-radius:50%;position:absolute;bottom:20vh;left:50%;overflow:hidden;animation-name:animateBubbleBackwards;animation-duration:0;animation-fill-mode:forwards}.mask .masked-bubble .leaf-icon{height:80px;margin:0 auto}.mask .masked-bubble #vf_nina_happy{margin-top:-8px;margin-bottom:24px}.mask .masked-bubble .masked-bubble-inner{width:400px;height:400px;position:absolute;left:50%;bottom:50%;margin:0 auto -200px -200px;background:#fff;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mask .masked-bubble .masked-bubble-inner .btn{display:block;width:75%;margin:0 auto}.mask .masked-bubble .masked-bubble-inner .btn.btn-next{margin-top:2vh}.mask .masked-bubble .masked-bubble-inner h2,.mask .masked-bubble .masked-bubble-inner p{max-width:80%;margin:0 auto}.mask .masked-bubble .masked-bubble-inner h2{margin-bottom:12px;margin-top:12px}.mask .masked-bubble .masked-bubble-inner img{width:100%}.mask .masked-bubble .masked-bubble-inner p{line-height:1.4}.mask .masked-bubble .masked-bubble-inner .text-bubble{background:#edf1f6;position:relative;border-radius:11px;padding:16px;width:95%;margin-left:2.5%}.mask .masked-bubble .masked-bubble-inner .text-bubble h2{line-height:1;text-align:left;margin:0 0 8px}.mask .masked-bubble .masked-bubble-inner .text-bubble p{line-height:1.4;max-width:100%;text-align:left}.mask .masked-bubble .masked-bubble-inner .text-bubble:before{content:" ";display:block;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAA0CAYAAAAt+K7AAAAABHNCSVQICAgIfAhkiAAABAVJREFUaEPtm79TE0EUx/clarwLJCHJjJZaMlI4KWQoqET+AHFGrcRKrNRKrMRKrNRKrMRKmRH/AMTKwsGCscCh1FJnkpAEcmfQ5Pk2xAxgfrz7fZd49Xdv931uN3xm2QXhsydf1K7IISXj6ms/DQ38NJgtXT9Vq9TW5ZhCkVBmSFG++WV8vgGFiJAv6R8JzGgDzloypowBAPoBlm9A5YrlOSHg/n4ogHAvmVDm/4NqEMgWtXP0xeRsCh2CskvTaTwdVz95DcvzGUVLTs0X9Q0B4nRLGCi+JuPKCC1BzUtYnoOiJbdIS+5aZwj4MhWPTvctKKkCtLRecQDQF73qpTJ4NqOaKgAwxAElELciR9ThgQH4wcrbHPIEVAsV4JWFuEqzatILZfAEVL6gzyLgQx6dgymvlMF1UA0V+EDlHzMDitp4ogyuguqqAlxyHiiDq6ByJX2BfpRvcHl0zAE8T8WUGVvexXiJa6Cy29pFqIllxpjYEQyJqfSg+pbdwELQFVA7O3ii8lvbFFwV4BbkojI4DqquAkVthSBNcOs3lCNlSCWiFwy1MRF2HJQVFTBQz51UXH1iIG846iio3HbljKhV5UacWRXgFrQrQuFMajDyhdvAaM4xUHsqoK3RkhsxOihTecQNsvZRp3YZHANlqwpwyTmoDI6AckIFuKwwDBPpAeU9N8/N2Q7KMRVgVoQCvx8Pq2ft3mWwHVSuUH7nmAowYZH9264MtoLKFbXbVMtjbj0O52xVBttAuagCXL62KoMtoEgFjpIKrLumAlxUe8qQIWX4xW3SLmcLKFpy0opvWR2MQ+2fkrXLnwRLj2VQ2R39PFRx1dIoHG5shzJYAiVV4GdV+wwCTjpcq6XXS2UIx9ThIYCC2RdZAuULFeBWjmI5lVAvceOHc6ZB5QvlGQR4ZrZjL9oB4s1kIrpgpm9ToKQKYLW6BiCiZjr1qg2iKEM4PGpml8EwKN+qAJe+SWUwDMrnKsDCRTPrUTqhzrLCjZAhUEFQAWbxNVKGSSO7DGxQW4iJaknb9LsKMEEJo8rABpUraG/oDNMUdyCByBlQBhaoIKoA90NxlaErKHk8p1rBjaCpABeUVIZwBEa6nUDuCKquAiVdHqj4e1KX23/QcvIE8ninXYaOoLIFbZ5m0t2gVW1mvN2UoS2ohgqsUKeHT+qaGUcQ2tTomORYuxPILUH1mgqwvxIdJwrFlUyrXYaWoMi+5T2Uy+wOeiu4RBt99fs4+59/QGVL+jT9yXzRW7Ubq4Z2Ra6nY8piW1C9rgJcXK2UoTmj+kgFuLwOXFpqguonFeCSEgIf0I2JOZmvg+pwaYf/zt5MNpUBpArUijr9T67NpZ3eBMCvqqEM0OcqwAW29Acx8Kq98qkgtgAAAABJRU5ErkJggg==");background-size:100% auto;width:37px;height:26px;position:absolute;left:50%;top:-26px;margin-left:-18.5px}.mask.visible{background:rgba(0,0,0,.4);z-index:1}.mask.visible .masked-bubble{animation-name:animateBubble;animation-duration:1s}.mask.hide{background:hsla(0,0%,100%,0)}.mask.hide .masked-bubble{animation-name:animateBubbleReverse;animation-duration:1s}.clear{clear:both}@media (max-width:450px){h1{font-size:24px}h2{font-size:16px}p{font-size:14px}.btn.btn-link,.btn.btn-next{height:52px;font-size:14px}}@media (max-width:375px){h1{font-size:24px}h2{font-size:16px}p{font-size:14px}}@media (max-width:320px){h1{font-size:21px}h2{font-size:15px}p{font-size:13px}}@media (min-width:800px){.wrapper .slides{width:460px;margin:0 auto}.wrapper .slides .slide{width:460px}.progress-bar{position:absolute;bottom:4vh;height:4px;background:#c4cbd4;left:50%;right:auto;width:360px;margin-left:-180px}.mask.visible .masked-bubble{animation-name:animateBubbleXL}.mask.visible .masked-bubble .masked-bubble-inner{width:500px;height:500px;margin-left:-250px;margin-bottom:-250px}}@keyframes animateBubble{0%{width:0;height:0;margin-left:0}to{width:400px;height:400px;margin-left:-200px}}@keyframes animateBubbleReverse{0%{width:400px;height:400px;margin-left:-200px}to{width:0;height:0;margin-left:0}}@keyframes animateBubbleXL{0%{width:0;height:0;margin-left:0}to{width:500px;height:500px;margin-left:-250px}}