h1,h2,h3{text-transform:uppercase}.menu-toggle,.menu-toggle:focus,.sidemenu ul li a{text-decoration:none}.layout-clearfix{zoom:1}.layout-clearfix:after,.layout-clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.layout-clearfix:after{clear:both}@font-face{font-family:Pinkerston;src:url(/fonts/Pinkerston.woff2) format('woff2'),url(/fonts/Pinkerston.woff) format('woff');font-display:swap}h1{font-weight:300;font-size:2.25rem}@media only screen and (min-width:768px){h1{font-size:3.125rem}}h1 em,h2 em,h3 em{font-style:normal;font-weight:700}h2,h3{font-weight:300;font-size:1.875rem}@media only screen and (min-width:768px){h2,h3{font-size:2.5rem}.modal-lg{max-width:80%!important}}a{color:#94446a}a:hover{color:#ea763d}.wrap{padding:0 15px}@media only screen and (min-width:768px){.wrap{padding:0 30px}}@media only screen and (min-width:992px){.modal-lg{max-width:800px!important}.wrap{padding:0}}@media only screen and (min-width:1200px){.wrap{max-width:1280px;margin:0 auto}}@media only screen and (min-width:1600px){.wrap{max-width:1580px;margin:0 auto}}.btn{border-radius:20px;display:inline-block;font-weight:600;padding:10px 30px;font-size:1rem;border:none;transition:all 150ms ease}.btn:focus{box-shadow:none;outline:0}.btn.btn-lg{padding:14px 40px;font-size:1.25rem}body,html{font-size:16px}.btn.btn-outline{border:1px solid #fff;color:#fff;background:0 0}.btn.btn-outline:hover,.btn.btn-white{color:#470564;background:#fff}.btn.btn-white:hover{background:#470564;color:#fff}.btn.btn-white.with-icon{position:relative;padding:10px 30px 10px 50px}.btn.btn-white.with-icon:before{content:url(/images/badge.svg);height:30px;width:30px;display:-ms-inline-flexbox;display:inline-flex;position:absolute;top:6px;left:10px}.btn.btn-white.with-icon:hover{background:#ea763d}.btn.btn-white.with-icon:hover:before{content:url(/images/badge-wit.svg)}.btn.btn-purple{color:#fff;background:#470564}.btn.btn-purple:hover{background:#ea763d;color:#fff}.sidemenu,.sidemenu ul,.sidemenu.open{background:#470564}p.success{color:#0f0}p.error{color:red}body{height:100%;font-family:Poppins,sans-serif;line-height:26px;-webkit-font-smoothing:antialiased;font-weight:400;-moz-osx-font-smoothing:grayscale;position:relative}.sidemenu{position:fixed;height:auto;width:100%;z-index:1005;left:0;top:-100%;transition:all 250ms ease;overflow-y:scroll;color:#fff;border-left:1px solid #fff;padding:90px 0 0}@media only screen and (min-width:768px){.sidemenu{padding:170px 0 0}}.sidemenu h3{font-weight:500;color:#fff;font-size:3rem;margin:0 0 15px 30px}.sidemenu.open{top:0;box-shadow:0 0 20px rgba(0,0,0,.7);transition-delay:0}@media only screen and (min-width:992px){.sidemenu.open{width:40%}}.sidemenu.open .giraf{top:20px;transition:all 1s ease}.sidemenu ul{padding:0;margin:0;position:relative;border-top:1px solid rgba(255,255,255,.25)}@media only screen and (min-width:576px){.sidemenu ul{margin:0}}.sidemenu ul li{padding:20px 10px;border-bottom:1px solid rgba(255,255,255,.25);text-align:left;position:relative}.sidemenu ul li a{font-size:1.25rem;display:block;color:#fff;z-index:100;font-weight:500;margin:0 15px}.sidemenu ul li a span.evenmore,.sidemenu ul li a span.more{position:absolute;right:15px;width:45px;height:60px;top:0}.sidemenu ul li a span.evenmore:after,.sidemenu ul li a span.more:after{content:"";-webkit-mask:url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?> <svg width="16px" height="30px" viewbox="0 0 16 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <path d="M28.6538 7.08664L21.9105 0.375738C21.4054 -0.126908 20.5884 -0.125037 20.0856 0.380125C19.5829 0.885222 19.5849 1.70219 20.09 2.2049L24.6167 6.70968L1.29032 6.70968C0.577678 6.70968 7.03068e-14 7.28735 7.03068e-14 8C7.03068e-14 8.71265 0.577678 9.29032 1.29032 9.29032L24.6166 9.29032L20.09 13.7951C19.5849 14.2978 19.583 15.1148 20.0857 15.6199C20.5885 16.1251 21.4055 16.1268 21.9105 15.6243L28.6527 8.91458C29.1592 8.40897 29.1576 7.58935 28.6538 7.08664Z" transform="matrix(1.1924881E-08 1 -1 1.1924881E-08 16 0)" id="Path-Copy-10" fill-rule="evenodd" stroke="none" /> </svg>') no-repeat 50% 50%;mask:url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="utf-8"?> <svg width="16px" height="30px" viewbox="0 0 16 30" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <path d="M28.6538 7.08664L21.9105 0.375738C21.4054 -0.126908 20.5884 -0.125037 20.0856 0.380125C19.5829 0.885222 19.5849 1.70219 20.09 2.2049L24.6167 6.70968L1.29032 6.70968C0.577678 6.70968 7.03068e-14 7.28735 7.03068e-14 8C7.03068e-14 8.71265 0.577678 9.29032 1.29032 9.29032L24.6166 9.29032L20.09 13.7951C19.5849 14.2978 19.583 15.1148 20.0857 15.6199C20.5885 16.1251 21.4055 16.1268 21.9105 15.6243L28.6527 8.91458C29.1592 8.40897 29.1576 7.58935 28.6538 7.08664Z" transform="matrix(1.1924881E-08 1 -1 1.1924881E-08 16 0)" id="Path-Copy-10" fill-rule="evenodd" stroke="none" /> </svg>') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;display:inline-block;position:absolute;top:15px;right:15px;background:#fff;transition:all 250ms ease-in-out;width:16px;height:30px}.menu-toggle,.topbar{position:fixed;transition:all 150ms ease}.sidemenu ul li a:active,.sidemenu ul li a:focus,.sidemenu ul li a:hover{color:#fff}.sidemenu ul li a:active i,.sidemenu ul li a:focus i{color:#ea763d}.sidemenu ul li.open span.more:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.sidemenu ul li.active a,.sidemenu ul li.active a i{color:#d5a9a6}.sidemenu ul li ul.subnav{border:none;display:none;background:rgba(255,255,255,.15);margin:20px -10px -20px!important;border-top:1px solid rgba(255,255,255,.25)}.sidemenu ul li ul.subnav li{border:none;padding:20px 10px;border-bottom:1px solid rgba(255,255,255,.25);text-align:left}.sidemenu ul li ul.subnav li.open span.evenmore{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sidemenu ul li ul.subnav li:last-child{border:none}.sidemenu ul li ul.subnav li a{text-transform:none;color:#fff;font-weight:500}.sidemenu .extras{padding:20px}.sidemenu .extras .btn{display:block}.sidemenu .extras .languages{padding:20px 0 0}.sidemenu .extras .languages .langitem{float:right;margin:0 0 0 15px}.sidemenu .extras .languages .langitem.active{opacity:.25}.menu-toggle{width:50px;height:50px;display:inline-block;text-align:center;line-height:50px;top:20px;right:0;margin:0 15px 0 0;z-index:2001}@media only screen and (min-width:992px){.menu-toggle{display:none}}.menu-toggle:after{content:"Menu";color:#fff;font-weight:600;font-size:.875rem}@media only screen and (min-width:768px){.menu-toggle{top:25px;right:30px;width:70px;height:70px;line-height:70px}.menu-toggle:after{font-size:1rem}}.menu-toggle.collapsed:after{content:"Sluit"}.topbar{top:0;left:0;width:100%;z-index:1010;padding:20px 0}@media only screen and (min-width:768px){.topbar{height:130px;padding:30px}}.topbar:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);transition:all 250ms ease;box-shadow:0 0 20px transparent;z-index:-1}.projects .items .item img,.topbar .navigation a{transition:all 150ms ease}.topbar .logo{display:inline-block;opacity:0}.topbar .logo img{height:50px}@media only screen and (min-width:768px){.topbar .logo img{height:70px}}.topbar .navigation{text-align:right;position:relative;z-index:1001}.topbar .navigation a{padding:15px 30px;display:inline-block;font-size:1.25rem;color:#fff;position:relative;text-decoration:none;font-weight:600}.topbar .navigation a:hover{color:#e5dfd7}.topbar .navigation a.active{color:#ea763d}.topbar.small .menu-toggle:after,.topbar.small .navigation a{color:#470564}.topbar.small{height:90px}.topbar.small:after{top:0;box-shadow:0 0 20px rgba(0,0,0,.7)}.topbar.small .logo{opacity:1}.topbar.small .navigation a:hover{color:#94446a}.topbar.small .navigation a.active{color:#ea763d}.about,.hero .overlay span,.hero .overlay span a,.legal,.legal a{color:#fff}.legal{background:#470564;padding:15px 0;font-size:.625rem;font-weight:500;text-align:center}@media only screen and (min-width:992px){.legal{text-align:left;font-size:.875rem;padding:25px 0}}.legal a{margin:0 5px}@media only screen and (min-width:768px){.topbar.small{height:130px}.legal a{margin:0 0 0 20px}.hero{height:calc(100vh + 90px)}}.legal a:hover{text-decoration:underline!important}.hero{position:relative;overflow:hidden;height:calc(100vh + 90px)}.hero .overlay{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(66,36,95,.4);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.hero .overlay img{-webkit-animation:logoDrop 1s linear forwards;animation:logoDrop 1s linear forwards;-webkit-transform:scale(10);transform:scale(10)}.hero .overlay span{position:absolute;bottom:150px;font-size:1.5rem;-webkit-animation:arrow 2s infinite;animation:arrow 2s infinite;-webkit-animation-delay:3s;animation-delay:3s;opacity:0}.hero .overlay .slogan{display:-ms-flexbox;display:flex;position:absolute;font-family:Pinkerston;color:#fff;-webkit-transform:skewY(-10deg);transform:skewY(-10deg);opacity:0;-webkit-animation:fadeIn 2s ease forwards;animation:fadeIn 2s ease forwards;-webkit-animation-delay:2s;animation-delay:2s;font-size:2.5rem;bottom:36vh}.hero img{max-width:80vw;-webkit-animation:fadeIn 1s linear forwards;animation:fadeIn 1s linear forwards}.about{padding:90px 0;margin-top:-90px;background:linear-gradient(to bottom,#470564 0,#341652 100%);-webkit-clip-path:polygon(0 0,100% 30px,100% calc(100% - 30px),0 100%);clip-path:polygon(0 0,100% 30px,100% calc(100% - 30px),0 100%);position:relative;z-index:1}.about h1{margin:0 0 30px}.about figure{position:relative;margin:30px 0}@media only screen and (min-width:768px){.hero img{max-width:500px}.about figure{margin:30px 90px}}@media only screen and (min-width:992px){.hero .overlay .slogan{font-size:3.75rem;bottom:32vh}.about{-webkit-clip-path:polygon(0 0,100% 90px,100% calc(100% - 90px),0 100%);clip-path:polygon(0 0,100% 90px,100% calc(100% - 90px),0 100%);padding:150px 0}.about figure{margin:0}}.about figure span{width:90px;height:90px;position:absolute;bottom:40px;right:40px}.about figure img{border-radius:50%;box-shadow:0 0 50px rgba(0,0,0,.3)}.about .btn{margin:30px 0 0}.services{padding:120px 0 30px;margin-top:-90px;background:#e5dfd7;position:relative;overflow-x:hidden}@media only screen and (min-width:768px){.services{padding:150px 0}}.services .bg{position:absolute;width:49%;height:100%;background:center center no-repeat red;top:0;right:0;background-size:auto 100%;-webkit-clip-path:polygon(180px 0,100% 0,100% 100%,0 100%);clip-path:polygon(180px 0,100% 0,100% 100%,0 100%);overflow:hidden;display:none}@media only screen and (min-width:992px){.services .bg{display:block}}.services .bg .brand{position:absolute;width:900px;height:900px;bottom:-30%;right:-40%;z-index:101;opacity:.2}.services h2{color:#470564;margin:0 0 30px}.services .items{padding:30px 0 0}.services .items .inner{margin:15px 0}.services .items .inner h3{font-weight:600;font-size:1.25rem;color:#470564}.services .items .inner h3:before{content:"";width:20px;height:20px;display:inline-block;background:url(/images/badge.svg);margin:0 10px 0 0;position:relative;top:3px}.projects{padding:60px 0 120px;background:#ea763d;color:#fff;position:relative;z-index:1}@media only screen and (min-width:768px){.projects{padding:90px 0 150px}}.projects .items{padding:60px 0}.projects .items .item{display:block;overflow:hidden}.projects .items .item .overlay{width:100%;height:100%;position:absolute;bottom:0;left:0}.projects .items .item .overlay .inner{position:absolute;width:100%;bottom:0;left:0;padding:60px 30px 30px;color:#fff;background:rgba(66,36,95,.4);z-index:101;transition:all 150ms ease;-webkit-clip-path:polygon(0 30px,100% 0,100% 100%,0 100%);clip-path:polygon(0 30px,100% 0,100% 100%,0 100%)}.projects .items .item .overlay .inner h4{font-size:1.875rem;font-weight:600;color:#fff}.projects .items .item:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.projects .items .item:hover .overlay .inner{background:rgba(66,36,95,.8);-webkit-clip-path:polygon(0 0,100% 30px,100% 100%,0 100%);clip-path:polygon(0 0,100% 30px,100% 100%,0 100%)}.projectmodal .modal-body{padding:0;position:relative}.projectmodal .modal-body .close{position:absolute;right:20px;top:10px;z-index:1001;opacity:1}.projectmodal .modal-body .close span{color:#fff!important;font-weight:600;text-shadow:none;font-size:2.5rem}.projectmodal .modal-body::-webkit-scrollbar{display:none}.projectmodal .modal-body .carousel{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 30px));clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 30px))}.projectmodal .modal-body .inner{padding:30px}.projectmodal .modal-body .inner h2{font-weight:800;color:#470564;margin:0 0 10px}.projectmodal .modal-body .inner span.info{display:block;margin:0 0 30px;font-weight:600}.projectmodal .modal-body .inner span.info a{color:#94446a}.projectmodal .modal-body .inner span.info a:before{content:"|";margin:0 5px 0 3px;color:#000}.projectmodal .modal-body .inner form label{margin:10px 0 5px}.projectmodal .modal-body .inner form input,.projectmodal .modal-body .inner form textarea{padding:25px 20px}.projectmodal .modal-body .inner form input:focus,.projectmodal .modal-body .inner form textarea:focus{outline:0;box-shadow:none;border:1px solid #94446a}.projectmodal .modal-body .inner form .error{color:#ea763d}.projectmodal.alt .modal-body .close span{color:#000!important}.contact{background:#e5dfd7;margin-top:-90px;position:relative;z-index:1;text-align:center;-webkit-clip-path:polygon(0 30px,100% 0,100% 100%,0 100%);clip-path:polygon(0 30px,100% 0,100% 100%,0 100%);padding:30px 0 60px}.contact figure{position:relative;margin:30px 0}@media only screen and (min-width:768px){.contact{padding:120px 0 90px}.contact figure{margin:30px 90px}}@media only screen and (min-width:992px){.contact{-webkit-clip-path:polygon(0 90px,100% 0,100% 100%,0 100%);clip-path:polygon(0 90px,100% 0,100% 100%,0 100%);text-align:left}.contact figure{margin:0}}.contact figure span{width:90px;height:90px;position:absolute;bottom:40px;right:40px}.contact figure img{border-radius:50%;box-shadow:0 0 50px rgba(0,0,0,.3)}.contact h3{color:#470564}.contact .buttons{margin:25px 0 30px}.contact .buttons .btn{display:block;margin:0 0 15px}@media only screen and (min-width:768px){.contact .buttons .btn{display:inline-block;margin:0 15px 0 0}}.contact .social{font-weight:600;margin:25px 0 0}.contact .social a{display:inline-block;width:50px;height:50px;background:#fff;color:#470564;border-radius:50%;text-align:center;line-height:50px;font-size:1.5rem;transition:all .15s linear}@media only screen and (min-width:768px){.contact .social a{width:40px;height:40px;line-height:40px;font-size:1.25rem}}@media only screen and (min-width:992px){.contact .social a{width:50px;height:50px;line-height:50px;font-size:1.5rem}}.contact .social a:hover{background:#ea763d;color:#fff}.contact .social li span{display:none}@media only screen and (min-width:768px){.contact .social li span{display:inline-block}}@-webkit-keyframes logoDrop{from{-webkit-transform:scale(10);transform:scale(10);opacity:1}to{-webkit-transform:scale(5);transform:scale(5);opacity:0}}@keyframes logoDrop{from{-webkit-transform:scale(10);transform:scale(10);opacity:1}to{-webkit-transform:scale(5);transform:scale(5);opacity:0}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes arrow{0%,100%{bottom:150px;opacity:1}50%{bottom:120px;opacity:1}}@keyframes arrow{0%,100%{bottom:150px;opacity:1}50%{bottom:120px;opacity:1}}