.video #main,.video .lottie-scrollto-element,.video footer,.video .top-wrap{display:none}.video .page header .overlay{position:absolute;top:10px;left:10px;right:10px;bottom:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:1px dashed #fff}.text-heading{position:absolute;margin:auto;margin-top:50px;bottom:0;bottom:25%;padding:50px;left:50%;transform:translate(-50%, 0)}.text-heading h1,.text-heading h2,.text-heading h3{margin:0}.text-heading h1{font-family:sans-serif;font-size:2em;margin:0;position:relative;overflow:hidden;color:#FFFFFF;font-weight:300;display:flex;flex-direction:column}.text-heading h1>*{display:inline-block}.text-heading h1>div{position:relative;margin:0}.text-heading .split-parent{overflow:hidden}.text-heading .split-child{display:inline-block}.text-heading .maatwerk{color:#fff;font-weight:bold;padding:10px 20px;font-style:italic;line-height:1.5em;-webkit-text-stroke:1px;text-align:center;display:none}.text-heading .words{display:grid;overflow:hidden;padding-left:1.5rem}.text-heading .words>span{grid-area:1/1/2/2;color:#FFFFFF;font-weight:900;background-color:#000;text-transform:uppercase;padding:10px;text-align:center}.text-heading .words>span .dot{color:#0F5AC9;display:inline-block;margin-left:-10px;font-size:55px;line-height:10px}.page header{height:100vh;position:relative;background:#000000}.page header .top{flex-basis:auto;flex-shrink:0;flex-grow:0}.page header .top .logo,.page header .top nav,.page header .top .login{color:#FFFFFF}@media screen and (min-width:850px){.page header .top nav ul li a{color:inherit}.page header .top nav ul li a:after{background-color:white}}.page header .top-wrap{z-index:555}.page header .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;object-fit:cover;background:rgba(0, 0, 0, 0.15)}.page header video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;object-fit:cover}.page header .main-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3}.page header .main-title>h1{color:transparent;-webkit-text-stroke:2px #FFFFFF;text-align:center;font-size:18vw;line-height:20vw;font-family:"Max Offc Pro Cond";font-weight:bold;font-style:italic}@media screen and (min-width:850px){.page header .main-title>h1{font-size:12vw;line-height:8vw}}.page header .main-title>h4{text-align:center;color:#FFFFFF;font-size:6vw}@media screen and (min-width:850px){.page header .main-title>h4{font-size:3.5vw}}.page header .main-title .location{display:block;margin:0 auto;color:#FFFFFF;text-decoration:none;text-align:center}.page header .left-title{display:none;z-index:3}@media screen and (min-width:850px){.page header .left-title{display:block;position:absolute;left:15px;top:50%;bottom:0;text-align:center;transform:translateY(-50%) rotate(180deg);color:#FFFFFF;font-size:19.2px;writing-mode:vertical-rl}}.page header .bottom-buttons{position:absolute;left:0;right:0;bottom:0;padding:20px;max-width:1400px;margin:0 auto;z-index:3}@media screen and (min-width:850px){.page header .bottom-buttons{display:flex;flex-direction:row;justify-content:space-between}}.page header .bottom-buttons .left{display:none;flex-basis:auto;flex-shrink:0;flex-grow:0;margin-bottom:20px}@media only screen and (min-width:850px){.page header .bottom-buttons .left{margin-bottom:0;display:block}}.page header .bottom-buttons .left b{font-size:24px;font-weight:bold;color:#FFFFFF;line-height:20px}.page header .bottom-buttons .left p{font-size:24px;color:#FFFFFF;font-weight:200}.page header .bottom-buttons .right{flex-basis:auto;flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media only screen and (min-width:850px){.page header .bottom-buttons .right{display:flex;flex-direction:row;flex-direction:row;width:100%;max-width:515px}}.page header .bottom-buttons .right a{display:block;padding:10px;text-decoration:none;font-weight:700;text-align:center;margin-bottom:10px;font-size:16px;width:100%}@media screen and (min-width:850px){.page header .bottom-buttons .right a{flex-basis:auto;flex-shrink:0;flex-grow:0;margin-bottom:0;width:100%;max-width:250px;font-size:20px}}.page header .bottom-buttons .right a:first-child{color:#FFFFFF;border:2px solid #FFFFFF}@media only screen and (min-width:850px){.page header .bottom-buttons .right a:first-child{margin-right:15px}}.page header .bottom-buttons .right a:last-child{background-color:#000000;color:#FFFFFF;border:2px solid #000000}.page main>section{margin:30px auto;display:flex;flex-direction:column}@media only screen and (min-width:850px){.page main>section{margin:60px auto 150px;display:flex;flex-direction:row}}.page main>section .data{padding:0 30px 30px 30px;display:flex;flex-direction:column}@media screen and (min-width:850px){.page main>section .data{padding:0 10px 40px 20px;display:flex;flex-direction:row;flex-basis:auto;flex-shrink:0;flex-grow:0;width:65%;margin-left:auto;max-width:calc(1400px - 35%)}}.page main>section .data .title{position:relative;flex-basis:auto;flex-shrink:0;flex-grow:0}@media only screen and (min-width:850px){.page main>section .data .title{width:165px}}.page main>section .data .title .number{font-size:12px;font-weight:bold;color:#0F5AC9;margin-right:5px;position:absolute;top:2px;left:12.5px;transform:translateX(-100%)}.page main>section .data .title .title-text{font-size:24px;text-transform:uppercase;line-height:32px}@media screen and (min-width:850px){.page main>section .data .title .title-text{font-size:48px;line-height:48px}}.page main>section .data .title .title-text .dot{color:#0F5AC9}.page main>section .data .text{flex-basis:auto;flex-shrink:0;flex-grow:0;width:100%}@media screen and (min-width:850px){.page main>section .data .text{width:calc(100% - 165px);padding-left:100px;padding-right:50px}}.page main>section .data .text p{display:block;width:100%}.page main>section .data .text .read-more{width:100%;display:block;color:#FFFFFF;background-color:#000000;text-decoration:none;line-height:48px;text-align:center;text-transform:uppercase;font-weight:bold;margin-top:20px}@media screen and (min-width:850px){.page main>section .data .text .read-more{max-width:300px}}@media screen and (min-width:850px){.page main>section .data.title-above{flex-direction:column}.page main>section .data.title-above .title{margin-bottom:15px}.page main>section .data.title-above .text{width:100%;padding-left:0}}@media screen and (min-width:850px){.page main>section .media{flex-basis:auto;flex-shrink:0;flex-grow:0;width:35%;margin-right:0;margin-left:auto}}.page main>section .media video,.page main>section .media img{width:100%;height:auto}.page main>section .media .image-wrap{position:relative}.page main>section .media .image-wrap .location-overlay{position:absolute;z-index:1;border-radius:60px;background:#000000;padding:15px 45px 15px 20px;text-decoration:none;overflow:hidden;bottom:-30px;width:100%}.page main>section .media .image-wrap .location-overlay:hover{background:#0F5AC9}@media only screen and (min-width:850px){.page main>section .media .image-wrap .location-overlay{width:auto;top:50%;transform:translateY(-50%);left:10%;bottom:auto}}.page main>section .media .image-wrap .location-overlay .wrap{display:flex;flex-direction:row;position:relative;height:100%;align-items:center}.page main>section .media .image-wrap .location-overlay .wrap i{flex-basis:auto;flex-shrink:0;flex-grow:0;color:#FFFFFF;font-size:32px;padding-right:20px}.page main>section .media .image-wrap .location-overlay .wrap .text{flex-basis:auto;flex-shrink:0;flex-grow:0}.page main>section .media .image-wrap .location-overlay .wrap .text span{display:block;color:#FFFFFF;font-size:12.8px}.page main>section .media .image-wrap .location-overlay .wrap .text b{display:block;color:#FFFFFF;font-size:23.2px;line-height:25.6px}.page main>section .media .image-wrap .location-overlay>i{position:absolute;right:-30px;bottom:-15px;opacity:0.23;flex-basis:auto;flex-shrink:0;flex-grow:0;color:#FFFFFF;font-size:65px;padding-right:20px}@media only screen and (min-width:1400px){.page main>section.normal .data{width:100%;margin:auto;margin-right:0;margin-left:calc((100vw - 1420px) / 2);max-width:calc((1400px - 35%) + (100vw - 1420px) / 2)}}.page main>section.wide{margin-bottom:125px}.page main>section.wide>.flex-container{display:flex;flex-direction:column;width:100%;max-width:1400px;margin:auto}@media only screen and (min-width:850px){.page main>section.wide>.flex-container{display:flex;flex-direction:row}}.page main>section.wide>.flex-container .data{width:100%;max-width:inherit;margin:0}@media only screen and (min-width:850px){.page main>section.wide>.flex-container .data{width:70%}}.page main>section.wide>.flex-container .media{width:calc(100% - 40px);padding:0 20px;max-width:inherit;margin:0 auto}@media only screen and (min-width:850px){.page main>section.wide>.flex-container .media{padding:0;width:30%}}.page main>section#portfolio{position:relative;max-width:1400px;margin:auto;margin-top:125px;margin-bottom:75px;padding:20px 0;overflow:hidden}.page main>section#portfolio:after{width:300px;height:300px;top:75%;transform:translate(-50%, -75%);content:"";border-radius:475px;background:#0F5AC9;position:absolute;left:50%;z-index:-1}@media only screen and (min-width:850px){.page main>section#portfolio:after{height:475px;width:475px;top:50%;transform:translate(-50%, -50%);padding:0}}@media screen and (min-width:850px){.page main>section#portfolio{flex-direction:column;overflow:inherit}}@media screen and (min-width:1100px){.page main>section#portfolio{flex-direction:row;flex-wrap:wrap}}@media only screen and (min-width:1400px){.page main>section#portfolio{margin-bottom:200px}}.page main>section#portfolio .data{margin-bottom:30px;max-width:none}@media screen and (min-width:850px){.page main>section#portfolio .data{width:100%}}@media screen and (min-width:1100px){.page main>section#portfolio .data{width:27.5%;margin:0;padding-right:0;margin-right:auto}}.page main>section#portfolio .data .title{width:100%}.page main>section#portfolio .media{margin-bottom:60px}@media screen and (min-width:850px){.page main>section#portfolio .media{width:100%}}@media screen and (min-width:1100px){.page main>section#portfolio .media{width:40%;margin:auto}}.page main>section#portfolio .media .showcase{position:relative;width:320px;margin:0 auto}@media only screen and (min-width:850px){.page main>section#portfolio .media .showcase{width:400px}}@media screen and (min-width:1400px){.page main>section#portfolio .media .showcase{width:500px}}.page main>section#portfolio .media .showcase .laptop{width:100%;height:auto}.page main>section#portfolio .media .showcase .inner-laptop{position:absolute;z-index:1;object-fit:cover;top:8px;width:247px;height:152px;left:50%;transform:translate(-50%, 0)}@media only screen and (min-width:850px){.page main>section#portfolio .media .showcase .inner-laptop{width:387px;height:239px;transform:translate(-50%, 0) scale(0.8);top:-15px}}@media screen and (min-width:1400px){.page main>section#portfolio .media .showcase .inner-laptop{top:12px;transform:translate(-50%, 0) scale(1);width:387px;height:239px}}.page main>section#portfolio .media .showcase .inner-laptop .images-wrapper{width:100%;height:100%;overflow:hidden;background:#161615}.page main>section#portfolio .media .showcase .inner-laptop .images-wrapper .images{display:flex;flex-direction:row;position:relative;left:0;height:100%;transition:left ease 1s}.page main>section#portfolio .media .showcase .inner-laptop .images-wrapper .images .image-wrapper{flex-basis:auto;flex-shrink:0;flex-grow:0;height:100%;width:100%;position:relative;overflow:hidden}.page main>section#portfolio .media .showcase .inner-laptop .images-wrapper .images .image-wrapper .image img{width:100%;height:100%;object-fit:cover}.page main>section#portfolio .media .showcase .inner-laptop .images-wrapper .images .image-wrapper .title{position:absolute;bottom:40px;left:5%;font-size:22.4px;line-height:22.4px;color:#FFFFFF;font-weight:bold}.page main>section#portfolio .media .showcase .inner-laptop .images-wrapper .images .image-wrapper .title .dot{color:#0F5AC9}.page main>section#portfolio .media .showcase .inner-laptop .images-wrapper .images .image-wrapper .tags{position:absolute;bottom:5%;left:5%;color:#FFFFFF;font-size:6.4px;font-weight:bold}.page main>section#portfolio .media .showcase .inner-laptop .images-wrapper .images .image-wrapper .tags .tag{display:inline-block;padding:2px 4px;border:1px solid #FFFFFF;border-radius:30px;text-align:center;margin-right:5px;box-shadow:0 0 1px 0px white inset, 0 0 1px 0px white}.page main>section#portfolio .media .thumbs{display:flex;flex-direction:row;justify-content:center;margin-top:20px}@media only screen and (min-width:850px){.page main>section#portfolio .media .thumbs{margin-top:40px}}.page main>section#portfolio .media .thumbs .thumb{flex-basis:auto;flex-shrink:0;flex-grow:0;width:50px;height:50px;margin:0 5px;position:relative}@media screen and (min-width:560px){.page main>section#portfolio .media .thumbs .thumb{width:80px;height:80px}}.page main>section#portfolio .media .thumbs .thumb .inner-thumb{display:block;border-radius:100%;cursor:pointer;user-select:none;background-color:white;padding:5px;overflow:hidden;width:100%;height:100%}.page main>section#portfolio .media .thumbs .thumb .inner-thumb img{width:100%;height:100%;object-fit:contain}.page main>section#portfolio .cards{display:none}@media screen and (min-width:850px){.page main>section#portfolio .cards{flex-basis:auto;flex-shrink:0;flex-grow:0;width:100%}}@media screen and (min-width:1100px){.page main>section#portfolio .cards{display:block;width:27.5%;margin-left:auto}}.page main>section#portfolio .cards .inner-cards{width:100%;overflow:hidden;position:relative}.page main>section#portfolio .cards .inner-cards:before{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:100%;background-image:linear-gradient(to right, white, transparent);z-index:1}.page main>section#portfolio .cards .inner-cards:after{content:"";display:block;position:absolute;top:0;right:0;width:20px;height:100%;background-image:linear-gradient(to left, white, transparent);z-index:1}.page main>section#portfolio .cards .inner-cards .text-wrapper{display:flex;flex-direction:row;position:relative;left:0;transition:left ease 1s}.page main>section#portfolio .cards .inner-cards .text-wrapper .card{flex-basis:auto;flex-shrink:0;flex-grow:0;width:100%;padding:0 20px}.page main>section#portfolio .cards .inner-cards .text-wrapper .card .title{margin-bottom:15px}@media screen and (min-width:560px){.page main>section#portfolio .cards .inner-cards .text-wrapper .card .title{display:flex;flex-direction:row;align-items:center}}.page main>section#portfolio .cards .inner-cards .text-wrapper .card .title img{display:block;width:100px;height:100px;margin-right:15px;object-fit:contain}@media screen and (min-width:560px){.page main>section#portfolio .cards .inner-cards .text-wrapper .card .title img{flex-basis:auto;flex-shrink:0;flex-grow:0}}.page main>section#portfolio .cards .inner-cards .text-wrapper .card .title span{display:block;font-weight:bold;font-size:32px}@media screen and (min-width:560px){.page main>section#portfolio .cards .inner-cards .text-wrapper .card .title span{flex-basis:auto;flex-shrink:0;flex-grow:0;width:calc(100% - 115px)}}.page main>section#portfolio .cards .controls{margin-top:15px;padding:0 20px 10px;user-select:none}.page main>section#portfolio .cards .controls .left,.page main>section#portfolio .cards .controls .right{text-transform:uppercase;color:#979797;cursor:pointer;font-weight:300;font-size:19.2px}.page main>section#portfolio .cards .controls .left:hover,.page main>section#portfolio .cards .controls .right:hover{text-transform:uppercase;font-weight:bold;color:#000000;cursor:pointer;font-size:19.2px}.page main>section#portfolio input[name="showcase"]{display:none}.page main>section#portfolio input[name="showcase"]#showcase-1:checked~.media .showcase .images{left:0%}.page main>section#portfolio input[name="showcase"]#showcase-1:checked~.media .thumbs .thumb-1:after{position:absolute;top:100%;left:50%;content:"";display:block;height:5px;width:5px;background-color:#000000;border-radius:100%;transform:translate(-50%, 15px)}.page main>section#portfolio input[name="showcase"]#showcase-1:checked~.cards .text-wrapper{left:0%}.page main>section#portfolio input[name="showcase"]#showcase-2:checked~.media .showcase .images{left:-100%}.page main>section#portfolio input[name="showcase"]#showcase-2:checked~.media .thumbs .thumb-2:after{position:absolute;top:100%;left:50%;content:"";display:block;height:5px;width:5px;background-color:#000000;border-radius:100%;transform:translate(-50%, 15px)}.page main>section#portfolio input[name="showcase"]#showcase-2:checked~.cards .text-wrapper{left:-100%}.page main>section#portfolio input[name="showcase"]#showcase-3:checked~.media .showcase .images{left:-200%}.page main>section#portfolio input[name="showcase"]#showcase-3:checked~.media .thumbs .thumb-3:after{position:absolute;top:100%;left:50%;content:"";display:block;height:5px;width:5px;background-color:#000000;border-radius:100%;transform:translate(-50%, 15px)}.page main>section#portfolio input[name="showcase"]#showcase-3:checked~.cards .text-wrapper{left:-200%}.page main>section#portfolio input[name="showcase"]#showcase-4:checked~.media .showcase .images{left:-300%}.page main>section#portfolio input[name="showcase"]#showcase-4:checked~.media .thumbs .thumb-4:after{position:absolute;top:100%;left:50%;content:"";display:block;height:5px;width:5px;background-color:#000000;border-radius:100%;transform:translate(-50%, 15px)}.page main>section#portfolio input[name="showcase"]#showcase-4:checked~.cards .text-wrapper{left:-300%}.page main>section#portfolio input[name="showcase"]#showcase-5:checked~.media .showcase .images{left:-400%}.page main>section#portfolio input[name="showcase"]#showcase-5:checked~.media .thumbs .thumb-5:after{position:absolute;top:100%;left:50%;content:"";display:block;height:5px;width:5px;background-color:#000000;border-radius:100%;transform:translate(-50%, 15px)}.page main>section#portfolio input[name="showcase"]#showcase-5:checked~.cards .text-wrapper{left:-400%}.page main>section#words{margin:60px 0}@media screen and (min-width:850px){.page main>section#words{margin:60px 0 120px;flex-direction:column}}.page main>section#words .tickerwrapper{cursor:pointer;overflow:hidden;position:relative;height:64px}@keyframes moving{0%,100%{transform:translateX(0%)}50%{transform:translateX(calc(-100% + 100vw - 10px))}}@keyframes moving-negative{0%,100%{transform:translateX(calc(-100% + 100vw - 10px))}50%{transform:translateX(0%)}}.page main>section#words .tickerwrapper .list{display:block;list-style:none;position:absolute;left:0;top:0;animation:moving 60s linear infinite;white-space:nowrap}.page main>section#words .tickerwrapper .list:hover{animation-play-state:paused}.page main>section#words .tickerwrapper .list .listitem{display:inline-block;color:#FFFFFF;-webkit-text-stroke:2px #000000;text-transform:uppercase;font-size:64px;font-weight:900;line-height:64px;padding:0 10px;text-decoration:none}.page main>section#words .tickerwrapper .list .listitem:hover{color:#000000;-webkit-text-stroke:inherit}.page main>section#words .tickerwrapper:nth-child(even) .list{animation-name:moving-negative}.page main>section#words .tickerwrapper:nth-child(even) .list .listitem{color:#000000}.page main>section#words .tickerwrapper:nth-child(even) .list .listitem:hover{color:#FFFFFF;-webkit-text-stroke:2px #000000}.page main>section#contact{margin-bottom:60px}@media only screen and (min-width:850px){.page main>section#contact .data{width:55%;max-width:calc(1400px - 45%)}}@media only screen and (min-width:1400px){.page main>section#contact .data{margin-left:calc((100vw - 1420px) / 2);max-width:calc((1400px - 35%) + (100vw - 1420px) / 2)}}.page main>section#contact .data .text p a{color:#000000}.page main>section#contact .data .text p:first-child{margin-bottom:20px}.page main>section#contact .media{margin:0 20px}@media only screen and (min-width:1400px){.page main>section#contact .media{width:35%;margin-right:0;margin-left:auto;margin-top:-150px;margin-bottom:-300px}}@media only screen and (min-width:2100px){.page main>section#contact .media{max-width:800px;margin-right:auto}}.page main>section#contact .media .location-overlay{position:absolute;margin-top:-200px;bottom:auto}@media only screen and (min-width:850px){.page main>section#contact .media .location-overlay{margin:auto;left:10%}}