@import url(https://campaigns.mobilewater.nl/cdn/css/spectre@0.5.8/spectre.min.css);@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,500,500i,700&display=swap);*,body{font-family:Merriweather}h1,h2,h3,h4,h5,nav{font-family:Rubik}h1.small,h2.small,h3.small,h4.small,h5.small,nav.small{font-size:18px}h1{font-size:40px;line-height:1.1}h2{font-size:30px;line-height:1.1}p{margin:0 0 32px;font-size:16px;line-height:2}.case-image,.case-text,.demo,button{cursor:pointer}.clear{clear:both}.form-input{border-color:#000;border-width:2px;border-radius:3px;font-family:Rubik;padding-left:12px}.btn.btn-primary{line-height:48px;height:48px;font-family:Rubik;font-size:18px;padding:0 12px;margin-bottom:24px;background-color:#d81919;border-color:#d81919}.pand{margin-top:24px}.panel-red{background:#d81919;padding:40px 24px;text-align:center;position:relative}.panel-red h2{font-family:Merriweather;font-size:30px;margin-bottom:32px}.panel-red button,.panel-red h2,.panel-red p{color:#fff}.panel-red button.btn-more{font-family:Rubik;color:#fff;padding:0 12px;line-height:50px;background:0 0;border:2px solid #fff;border-radius:3px;text-align:center;font-size:19px;position:absolute;bottom:32px;width:200px;left:50%;margin-left:-100px}header{background:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/navbar/navbar-shape.svg) center -10px/auto 100% no-repeat;height:170px;position:relative;z-index:2000}header:before{content:' ';height:83px;width:100%;background:#000;display:block;position:absolute;z-index:-1}header nav{width:100%;max-width:1200px;margin:0 auto;position:relative}header nav .logo{width:172px;float:left;margin:14px 64px 14px 14px}video#intro{height:100%;width:auto;margin:0 auto}section.intro-video{position:relative;top:-120px;z-index:10;background:#a6d3fb;overflow:hidden}section.intro-video video#intro{position:absolute;left:50%;top:0}section.intro-video .inner{position:relative;top:0;max-width:1200px;width:100%;margin:0 auto;height:500px}section.intro-video .inner>div{height:500px}section.intro-video .header-img-alt{background-image:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/general/background-blur@2x.png);background-size:auto 100%;background-position:center 80px;background-repeat:no-repeat;margin:0 auto;transform:rotate(180deg);transition:height ease-out .2s;z-index:0;-webkit-filter:blur(10px);filter:blur(10px)}section.intro-video .header-img{background-size:auto 100%;background-position:center bottom;margin:0 auto;position:absolute;left:0;right:0;top:0;z-index:1}section.intro-video aside{width:30%;padding:40px;height:340px;position:absolute;bottom:30px;z-index:1000;background:#fff;border-top-right-radius:120px;float:left;clear:both}section.intro-video aside h1{font-family:Merriweather;font-size:39px}section.intro-video aside p{font-family:Rubik;font-size:19px}section.intro-video.sub-page{background:#fff;height:200px}section.intro-video.sub-page .inner,section.intro-video.sub-page .inner>div{height:270px}section.intro-video.sub-page .header-img{opacity:0}.caselist{padding:0 64px;background:#000;margin-top:100px}.caselist .case{width:33.3%;float:left;text-align:center;color:#fff;margin-top:-64px;margin-bottom:-64px}.caselist .case .play-button{width:200px;height:200px;background-image:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/general/play-button@2x.png);background-size:100% 100%;position:absolute;right:-83px;top:-32px;z-index:50}.caselist .case .case-image{width:80%;margin:0 auto}.caselist .case .case-image img.case-img{max-width:90%;margin:0 auto;display:block;transition:transform .3s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transform-origin:bottom;box-shadow:0 0 2px rgba(0,0,0,.4)}.caselist .case .case-image img.cover{max-width:100%;margin:-10% auto 0;float:left;position:relative;z-index:10}.caselist .case img.arrow{position:relative;z-index:20}.caselist .case div.image--1 img.case-img{transform:translateY(15%) rotate(-3deg)}.caselist .case div.image--2 img.case-img{transform:translateY(15%) rotate(0)}.caselist .case div.image--3 img.case-img{transform:translateY(15%) rotate(3deg)}.caselist .case div.animateUp img.case-img{transform:translateY(0) rotate(0)}.caselist .case .case-text{width:70%;margin:0 auto;position:relative;top:-90px;z-index:20}.caselist .case .case-text h3{font-family:Rubik;text-transform:uppercase;font-size:32px;line-height:46px;text-align:center;font-weight:700;color:#fff;z-index:50;display:block;width:100%}.caselist .case .case-text p{font-family:Rubik;color:#fff;padding:0 12px;line-height:64px;border:2px solid #fff;border-radius:3px;text-align:center;font-size:19px}.case-wrapper.white .caselist{background:#fff;margin-bottom:64px}.case-wrapper.white .caselist .case .play-button{background-image:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/general/play-button-black@2x.png)}.case-wrapper.white .caselist .case .case-text h3,.case-wrapper.white .caselist .case .case-text p{color:#000}.case-wrapper.white .caselist .case .case-text p{border:none;background:#d81919;color:#fff}section.wrapper{position:relative}section.wrapper:before{content:' ';display:block;background:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/general/golf-vector-breed.svg) center/auto 100%;height:150px;z-index:20;position:absolute;left:0;right:0;top:-60px}section.wrapper div.content-wrapper{background:#fff;max-width:1200px;margin:0 auto;z-index:30}section.wrapper div.content-wrapper .inner-wrapper{position:relative;margin-top:-120px;padding-top:60px;z-index:40}section.sub-page aside{display:none}section.wrapper.sub-page:before{height:0}.illustrations-home{width:100%;max-width:100%;margin:0 auto;display:block;position:relative;overflow:auto}.illustrations-home .item{width:calc(100% / 3);float:left;text-align:center}.illustrations-home .item img,.illustrations-home .item svg{height:98%;display:block;margin:0 auto;align-self:flex-end}.illustrations-home .item .valign{height:160px;display:flex;position:relative}.illustrations-home .item h2{font-family:Rubik;text-transform:uppercase;font-weight:700;text-align:center;margin-top:24px;font-size:30px}.illustrations-home .item p{font-size:18px;width:80%;display:inline-block}.illustrations-home .stripe{width:3px;position:absolute;top:40px}.illustrations-home .stripe.stripe--1{left:33.3%}.illustrations-home .stripe.stripe--2{left:66.6%}.logobar{height:227px;width:100%}.logobar img{vertical-align:top;float:none;width:33.3%;transition:width ease-in .4s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.cta-footer{position:relative}.cta-footer h2{font-family:Merriweather;font-size:30px;margin-bottom:32px;color:#fff}.cta-footer .background{position:absolute;left:0;right:0;width:100%}.cta-footer .inner{position:absolute;left:0;right:0;top:0;padding:36px 72px}.cta-footer .face{width:100px;float:right;margin-top:-140px;margin-right:80px}.cta-footer .btn-linkedin{position:absolute;right:36px;top:36px;border:0;background:0 0;height:40px}.cta-footer .btn-message{background:0 0;border:1px solid #fff;border-radius:5px;color:#fff;font-family:Rubik;font-size:16px;height:40px;line-height:40px;padding:0 48px;float:left}.btn-call-jeroen{border:0;background:0 0;width:230px;float:left}.btn-call-jeroen h3,.btn-call-jeroen h4{color:#fff;text-align:left}.btn-call-jeroen h3{font-size:16px;font-weight:300;margin-top:12px}.btn-call-jeroen h4{font-size:20px}.btn-call-jeroen svg{height:72px;float:left;margin-right:18px;margin-top:-12px}.block-right{width:230px;float:right;height:100px;color:#fff}.block-right p{font-family:Rubik;margin-bottom:6px}footer.main{width:100%;max-width:1100px;margin:0 auto;padding-top:48px;padding-bottom:72px;overflow:visible;position:relative;z-index:50}footer.main.sub-page{top:0;float:left}footer.main:before{content:' ';position:absolute;left:0;right:0;bottom:0;height:100px;background-image:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/general/background-blur@2x.png);background-position:center top;-webkit-filter:blur(40px);filter:blur(40px);background-size:100% auto;background-repeat:no-repeat}footer.main ul{list-style:none;padding:0;margin:0}footer.main ul li{font-size:16px;line-height:21px;font-family:Rubik}footer.main ul li a{color:#000;text-decoration:none;border-bottom:1px solid #000}footer.main h2{margin:0}footer.main h3{font-size:16px;line-height:21px;font-weight:300}footer.main p{margin:0;font-family:Rubik}footer.main p.sub{color:#a7a7a7}section.case-modal{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(13,13,13,.53);height:100%;z-index:-1;opacity:0}section.case-modal.visible{z-index:2000;opacity:1}section.case-modal .close{position:absolute;right:32px;top:32px;width:64px}section.case-modal .columns{width:100%;max-width:1200px;margin:100px auto 0}section.case-modal .pointer{clear:both;width:80px;float:right}section.case-modal .title{padding-top:72px;color:#fff;text-transform:uppercase;text-align:right;padding-right:64px}section.case-modal .title h1{font-size:30px;font-weight:700;max-width:180px;float:right;text-align:left}section.case-modal .description{padding-left:40px;padding-top:200px}section.case-modal .description h2,section.case-modal .description p{color:#fff;width:100%;clear:both}section.case-modal .description h2{font-family:Merriweather}section.case-modal .description .pointer{float:left}section.case-modal button.demo{background:#d81919;height:48px;line-height:48px;padding:0 24px;border-radius:3px;border-width:0;font-family:Rubik;font-size:21px;color:#fff;margin-top:24px}.can-blur{transition:-webkit-filter linear .3s;transition:filter linear .3s;transition:filter linear .3s,-webkit-filter linear .3s}.blur{-webkit-filter:blur(10px);filter:blur(10px)}@media (max-width:1024px){header{max-width:100%;height:140px;background-size:auto 94%}header:before{display:none}header nav .logo{width:115px;margin-right:90px}header nav ul#primary-nav li{width:150px}section.intro-video .inner>div{height:400px}section.intro-video aside{top:-270px;border-top-right-radius:100px;height:300px}section.intro-video aside h1{font-size:35px}section.intro-video aside p{font-size:15px}section.wrapper{padding:0 50px;top:0}section.wrapper div.content-wrapper{max-width:900px;top:-130px}section.wrapper:before{height:180px;top:-200px}section.cta-footer h2{font-size:24px;margin-bottom:12px}section.cta-footer .inner{padding:24px 64px}.logobar{height:167px}footer.main{max-width:800px}footer.main p,footer.main ul li{font-size:13px;line-height:18px}footer.main h2{font-size:28px}footer.main h3{font-size:14px;line-height:18px}}@media (max-width:640px){header{background-image:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/general/golf-vector-mobile-inprint.svg);background-repeat:no-repeat;background-size:auto 100%;background-position:center top;max-width:100%;height:120px}header:before{display:none}header nav .logo{width:100px}section.intro-video{top:-80px}section.intro-video .inner,section.intro-video .inner>div{height:45vh}section.intro-video .header-img-alt{width:100%;max-width:1200px;background-image:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/general/background-blur@2x.png);background-size:auto 100%;background-position:center 80px;background-repeat:no-repeat;margin:0 auto;transform:rotate(180deg);position:relative;z-index:0;-webkit-filter:blur(40px);filter:blur(40px)}section.intro-video div.header-img{background-image:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/headers/pon-autowassen-mobile.png);background-size:auto 100%;background-position:center bottom}section.intro-video.sub-page{height:15vh}section.intro-video.sub-page .inner,section.intro-video.sub-page .inner>div{height:25vh}.outer-wrap{overflow:hidden;width:100%}.case-wrapper .caselist{padding:0}.case-wrapper .caselist .case{width:50%;height:400px}.case-wrapper .caselist .case .play-button{height:70px;width:70px;right:-32px;top:14px}.case-wrapper .caselist .case .arrow{width:32px}.case-wrapper .caselist .case .case-text{top:-50px}.case-wrapper .caselist .case .case-text h3{font-size:18px;line-height:1.2}.case-wrapper .caselist .case .case-text p{font-size:14px;line-height:32px}section.wrapper{padding:0;width:100%}section.wrapper:before{background:url(https://campaigns.mobilewater.nl/assets/mobilewater/assets/general/golf-vector-mobile-outcut.svg) center top/auto 100% no-repeat;height:90px;top:-10px}section.wrapper aside{background:0 0;border-radius:0;width:100%;padding:0 20px 48px;z-index:100}section.wrapper aside h1{width:45%;padding-right:5%;float:left;font-size:23px;line-height:31px;font-weight:500;font-family:Merriweather}section.wrapper aside p{font-size:12px;padding-top:12px}section.wrapper div.content-wrapper{max-width:100%}section.wrapper div.content-wrapper .col-content{padding:24px 12px!important}section.wrapper .logobar{height:100px}section.wrapper .logobar img{width:33.3%}nav .part-right .btn-linkedin svg{height:32px}footer.main.columns{padding:12px}footer.main.columns h2{font-size:15px;height:24px;margin-top:12px}footer.main.columns h3{font-size:13px}footer.main.columns p.sub{padding-top:8px}footer.main.columns .column{padding-bottom:24px}a.rubik-link{font-size:14px}section.cta-footer{position:relative}section.cta-footer .btn-linkedin{right:32px;top:30px}section.cta-footer .inner{background:#428db9;padding:32px 36px;position:relative}section.cta-footer .inner h2{margin-right:70px;font-size:21px;line-height:28px}section.cta-footer .block-right{float:left;margin-top:32px;height:auto}section.case-modal{overflow:auto}section.case-modal .columns{padding:0;margin:0}section.case-modal .image{text-align:center;padding-bottom:12px}section.case-modal .image .img-responsive{max-width:50vw;margin:0 auto}section.case-modal .title{padding:0;text-align:left}section.case-modal .title h1{text-align:left;float:left;margin-left:12px;margin-top:12px;margin-bottom:6px}section.case-modal .title .pointer{float:left;margin-left:20vw}section.case-modal .pointer{width:50px;margin:12px 0}section.case-modal .description{text-align:center;padding:0}section.case-modal .description h2{font-size:21px}section.case-modal .description p{font-size:14px;padding:0 40px}section.case-modal .description .pointer{float:none;margin:0 auto}section.case-modal .description .demo{margin-bottom:24px}section.case-modal .close{position:absolute;right:20px;top:20px;width:48px}}@-webkit-keyframes animateButton{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.2)}50%{transform:rotate(-5deg)}}@keyframes animateButton{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.2)}50%{transform:rotate(-5deg)}}