@import url(https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900);@import url(https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:#232323;font-family:Hind;font-size:1em}header{position:fixed;height:100px;width:100%;background-color:#232323;z-index:2}@media (max-width:767px){header{height:60px}}@media (min-width:768px) and (max-width:1024px){header{height:70px}}header nav{width:1000px;margin:0 auto;color:#fff}@media (max-width:767px){header nav{width:100%}}@media (min-width:768px) and (max-width:1024px){header nav{width:100%}}header nav h1{font-family:Montserrat;font-size:2.5em;font-weight:100;color:#eee;line-height:100px;float:left}@media (max-width:767px){header nav h1{font-size:1.6em;line-height:60px;padding-left:10px}}@media (min-width:768px) and (max-width:1024px){header nav h1{padding-left:20px;line-height:70px;font-size:2em}}header nav .logo{height:100px;float:left;width:40%;background-image:url(../img/logo-green.svg);background-size:contain;background-position:left;background-repeat:no-repeat}@media (max-width:767px){header nav .logo{height:60px;width:50%;margin-left:30px}}@media (min-width:768px) and (max-width:1024px){header nav .logo{height:50px;margin-left:20px;margin-top:10px}}header nav ul{float:right}@media (max-width:767px){header nav ul{width:100%}}@media (min-width:768px) and (max-width:1024px){header nav ul{padding-right:5px}}header nav ul li{height:100px;line-height:100px;display:inline-block;padding-left:10px;padding-right:10px;font-family:Montserrat;font-size:1.1em;font-weight:300;color:#eee}@media (max-width:767px){header nav ul li{width:100%;height:0;overflow:hidden;line-height:50px;background-color:#393939;color:#393939;text-align:center;transition:none}header nav ul li.visible{height:50px;border-bottom:1px solid #393939;transition:height 225ms ease-out,border 225ms ease-out}}@media (min-width:768px) and (max-width:1024px){header nav ul li{height:70px;line-height:70px;font-size:.9em;padding-left:5px;padding-right:5px}}header nav ul li:hover{background-color:rgba(82,133,64,.1);cursor:pointer}header nav ul li.accent{color:#508641}header nav .menu-button{display:none}@media (max-width:767px){header nav .menu-button{display:block;cursor:pointer;position:fixed;top:13px;right:15px}}header nav .menu-button .menu-bar{width:35px;height:4px;background-color:#393939;margin:6px 0;border-radius:5px}.container{width:100%;height:calc(100% - 100px);position:fixed;top:100px;overflow:scroll;overflow-x:hidden}@media (max-width:767px){.container{height:calc(100% - 60px);top:60px}}@media (min-width:768px) and (max-width:1024px){.container{height:calc(100% - 70px);top:70px}}.container::-webkit-scrollbar{width:3px;background-color:#eee}.container::-webkit-scrollbar-thumb{background-color:#393939}.container div.viewport-banner{position:relative;width:100%;height:600px;background-image:url(../img/photo-box.jpg);background-color:rgba(82,133,64,.1);background-position:center;background-repeat:no-repeat;background-size:cover}@media (max-width:767px){.container div.viewport-banner{background-image:url(../img/photo-box.jpg);height:150px}.container div.viewport-banner video{display:none}.container div.viewport-banner .text{display:block}.container div.viewport-banner .sound{display:none}}@media (min-width:768px) and (max-width:1024px){.container div.viewport-banner{height:250px}.container div.viewport-banner .sound{padding:15px;font-size:1em}.container div.viewport-banner .sound:before{width:20px;height:20px}}.container div.viewport-banner h1{text-align:center;position:relative;top:250px;font-family:Montserrat;font-size:4em;font-weight:300;color:#fff;text-shadow:0 0 30px rgba(0,0,0,.5)}@media (max-width:767px){.container div.viewport-banner h1{display:none}}@media (min-width:768px) and (max-width:1024px){.container div.viewport-banner h1{top:70px;font-size:3em}}.container div.viewport-banner button.call-to-action{width:350px;height:60px;font-family:Montserrat;font-size:2em;font-weight:300;border:none;border-radius:5px;background-color:#508641;color:#fff;position:relative;top:270px;left:calc(50% - 175px);transition:background-color,color .5s}@media (max-width:767px){.container div.viewport-banner button.call-to-action{display:none}}@media (min-width:768px) and (max-width:1024px){.container div.viewport-banner button.call-to-action{top:90px;width:240px;height:50px;left:calc(50% - 120px);font-size:1.5em}}.container div.viewport-banner button.call-to-action:hover{background-color:#508641;color:#393939;cursor:pointer}.container section article{width:1000px;margin:0 auto}@media (max-width:767px){.container section article{width:100%}}@media (min-width:768px) and (max-width:1024px){.container section article{width:100%}}.container section article .text{padding:70px 50px 70px 50px}@media (max-width:767px){.container section article .text{width:100%;margin:0;padding:30px}}@media (min-width:768px) and (max-width:1024px){.container section article .text{padding:50px}}.container section article .text h2{font-size:2.5em;font-family:Montserrat;font-weight:100;color:#eee;margin-bottom:20px}@media (max-width:767px){.container section article .text h2{font-size:2em}}.container section article .text p{line-height:24px;letter-spacing:.01em;color:#eee;font-weight:300;font-size:1.2em;margin-bottom:15px}.container section article .text p:last-child{margin-bottom:0}.container section.intro .text{width:85%;margin-left:7.5%}@media (max-width:767px){.container section.intro .text{width:100%;margin:0}}@media (min-width:768px) and (max-width:1024px){.container section.intro .text{width:90%;margin-left:5%}}.container section.intro .text p.accent{font-weight:600}.container section.trailer{margin-bottom:70px;border-radius:5px}.container section.trailer video{width:100%;border-radius:5px}@media (max-width:767px){.container section.trailer{margin-bottom:0}.container section.trailer video{border-radius:0}}@media (min-width:768px) and (max-width:1024px){.container section.trailer{margin-bottom:0}.container section.trailer video{border-radius:0}}.container section.film{width:100%;margin-bottom:70px}@media (max-width:767px){.container section.film{margin-bottom:0}}@media (min-width:768px) and (max-width:1024px){.container section.film{margin-bottom:0}}.container section.film .photo{width:400px;background-image:url(../img/eigen-film.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:table-cell;border-top-left-radius:5px;border-bottom-left-radius:5px}@media (max-width:767px){.container section.film .photo{width:100%;height:150px;display:block;border-radius:0;background-position:top}}@media (min-width:768px) and (max-width:1024px){.container section.film .photo{width:25%;background-position:center;border-radius:0}}.container section.film .text{width:calc(100% - 400px);background-color:#393939;display:table-cell;border-top-right-radius:5px;border-bottom-right-radius:5px}@media (max-width:767px){.container section.film .text{width:100%;display:block;border-radius:0}}@media (min-width:768px) and (max-width:1024px){.container section.film .text{border-radius:0}}.container section.film .text h2{color:#fff}.container section.film .text p{color:#fff}.container section.maatwerk{margin-bottom:70px}@media (max-width:767px){.container section.maatwerk{margin-bottom:0}}@media (min-width:768px) and (max-width:1024px){.container section.maatwerk{margin-bottom:0}}.container section.maatwerk .photo{width:300px;background-image:url(../img/maatwerk-johan-jannes.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:table-cell;border-radius:5px}@media (max-width:767px){.container section.maatwerk .photo{width:100%;height:150px;display:block;border-radius:0;background-position:top}}@media (min-width:768px) and (max-width:1024px){.container section.maatwerk .photo{border-radius:0;background-position:center}}.container section.maatwerk .text{width:calc(100% - 300px);display:table-cell;padding:0 70px 0 0}@media (max-width:767px){.container section.maatwerk .text{width:100%;padding:30px;display:block}}@media (min-width:768px) and (max-width:1024px){.container section.maatwerk .text{padding:50px}}.container section.faq{width:100%;background-color:#393939}.container section.faq article .text{padding:70px 0 70px 0}@media (max-width:767px){.container section.faq article .text{padding:30px 20px 30px 20px}}@media (min-width:768px) and (max-width:1024px){.container section.faq article .text{padding:50px 40px 50px 40px}}.container section.faq article .text ul .question{background-color:#232323;padding:15px;font-size:1.3em;font-family:Hind;font-weight:600;color:#eee;margin-bottom:15px;border-radius:5px}.container section.faq article .text ul .question:hover{cursor:pointer}.container section.faq article .text ul .question.show>span.arrow{transform:translate(8px,0) rotate(0)}.container section.faq article .text ul .question span{display:inline-block;width:97%}@media (max-width:767px){.container section.faq article .text ul .question span{width:90%;margin-right:2%}}.container section.faq article .text ul .question span.arrow{will-change:transform;display:inline-block;width:3%;transform:rotate(90deg);transition:transform 250ms ease-out}@media (max-width:767px){.container section.faq article .text ul .question span.arrow{width:7%;margin:0;text-align:center}}.container section.faq article .text ul .answer{display:none;padding-left:20px;padding-right:20px}.container section.faq article .text ul .answer.show{display:block}.container section.testimonials{width:100%;background-color:#393939}.container section.testimonials article .text{padding:50px}@media (max-width:767px){.container section.testimonials article .text{padding:30px 20px 30px 20px}}@media (min-width:768px) and (max-width:1024px){.container section.testimonials article .text{padding:50px 40px 50px 40px}}.container section.testimonials article .text h2{color:#eee;text-align:center;margin-bottom:20px}.container section.testimonials article .text .quote{background-color:rgba(255,255,255,.5);border-radius:5px;padding:40px;color:#393939}@media (max-width:767px){.container section.testimonials article .text .quote{padding:20px}}.container section.testimonials article .text .quote .picture{width:100px;height:100px;display:block;float:left;background-image:url(../img/testimonial-profile-peter.jpg);background-size:cover;background-position:center;border-radius:150px}@media (max-width:767px){.container section.testimonials article .text .quote .picture{display:block;height:70px;width:70px}}.container section.testimonials article .text .quote .name{padding-left:40px;float:left}@media (max-width:767px){.container section.testimonials article .text .quote .name{padding-left:20px;height:70px;line-height:70px}}.container section.testimonials article .text .quote .name h3{font-size:1.5em;font-weight:500;display:inline-block;margin-bottom:5px}.container section.testimonials article .text .quote .name h4{color:#393939;font-size:1.3em;font-weight:100;display:inline-block}.container section.testimonials article .text .quote .content{width:calc(100% - 100px);padding-left:40px;float:left}@media (max-width:767px){.container section.testimonials article .text .quote .content{padding-left:0;padding-top:20px;width:100%}}.container section.testimonials article .text .quote .content p{color:#393939;display:inline-block}.container section.over article .text{padding:50px 0 50px 0}@media (max-width:767px){.container section.over article .text{padding:30px 20px 30px 20px}}@media (min-width:768px) and (max-width:1024px){.container section.over article .text{padding:50px 40px 50px 40px}}.container section.over article .text h2{margin-bottom:30px}@media (max-width:767px){.container section.over article .text h2{margin-bottom:20px}}.container section.over article .text .persons{background-color:#393939;border-radius:5px}.container section.over article .text .person{width:50%;display:table-cell;padding:40px}@media (max-width:767px){.container section.over article .text .person{padding:20px;width:100%;display:block;padding:20px;padding-bottom:0}.container section.over article .text .person:last-child{padding-bottom:20px}}@media (min-width:768px) and (max-width:1024px){.container section.over article .text .person{display:block;width:100%;padding-bottom:0}.container section.over article .text .person:last-child{padding-bottom:40px}}.container section.over article .text .person .picture{width:100px;height:100px;display:inline-block;background-size:cover;background-position:center;border-radius:150px;vertical-align:middle;margin-bottom:20px}@media (max-width:767px){.container section.over article .text .person .picture{width:70px;height:70px}}.container section.over article .text .person .picture.jannes{background-image:url(../img/about-en-profile-jannes.jpg);transform:scaleX(-1)}@media (min-width:768px) and (max-width:1024px){.container section.over article .text .person .picture.jannes{transform:scaleX(-1)}}@media (max-width:767px){.container section.over article .text .person .picture.jannes{transform:scaleX(-1)}}.container section.over article .text .person .picture.johan{background-image:url(../img/about-en-profile-johan.jpg)}.container section.over article .text .person h3{font-size:1.6em;font-weight:500;color:#eee;margin-bottom:5px;display:inline-block;padding-left:30px}@media (max-width:767px){.container section.over article .text .person h3{padding-left:20px;font-size:1.4em}}.container section.contact{width:100%;background-color:#393939}.container section.contact article .text{width:50%;padding:50px 50px 50px 0;display:table-cell}@media (max-width:767px){.container section.contact article .text{padding:30px;width:100%;display:block}}@media (min-width:768px) and (max-width:1024px){.container section.contact article .text{padding:40px}}.container section.contact article .text h2{color:#eee}@media (max-width:767px){.container section.contact article .text h2{font-size:1.7em}}@media (min-width:768px) and (max-width:1024px){.container section.contact article .text h2{font-size:1.7em}}.container section.contact article .text h3{font-size:1.5em;font-weight:900;color:#eee;margin-bottom:20px}@media (max-width:767px){.container section.contact article .text h3{font-size:1.2em}}@media (min-width:768px) and (max-width:1024px){.container section.contact article .text h3{font-size:1.4em}}.container section.contact article .text p{color:#eee}.container section.contact article .text .contact-info{color:#eee;font-size:1.2em}.container section.contact article .text .contact-info a{color:inherit}.container section.contact article .text .contact-info .email{height:30px;width:30px;margin-right:10px;display:inline-block;background-image:url(../img/email.svg);background-size:contain;background-repeat:no-repeat;vertical-align:middle}.container section.contact article .text .contact-info .adress{height:30px;width:calc(100% - 50px);display:inline-block}@media (max-width:767px){.container section.contact article .text .contact-info .adress{font-size:.8em}}@media (min-width:768px) and (max-width:1024px){.container section.contact article .text .contact-info .adress{font-size:.9em}}.container section.contact article .text .contact-info .smartphone{height:30px;width:30px;margin-right:10px;display:inline-block;background-image:url(../img/smartphone.svg);background-size:contain;background-repeat:no-repeat;vertical-align:middle}.container section.contact article .text .contact-info .phonenumber{height:30px;display:inline-block}@media (max-width:767px){.container section.contact article .text .contact-info .phonenumber{font-size:.8em}}@media (min-width:768px) and (max-width:1024px){.container section.contact article .text .contact-info .phonenumber{font-size:.9em}}.container section.contact article .form{width:50%;display:table-cell;position:relative}@media (max-width:767px){.container section.contact article .form{display:block;width:100%;padding:0 30px 30px 30px}}.container section.contact article .form span{color:#eee;width:10%;margin-right:5%;display:inline-block}.container section.contact article .form input[type=email],.container section.contact article .form input[type=text]{width:80%;height:40px;border:none;border-radius:3px;padding-left:10px;margin-bottom:10px;font-family:Hind;font-size:1em;display:inline-block}@media (max-width:767px){.container section.contact article .form input[type=email],.container section.contact article .form input[type=text]{width:100%}}@media (min-width:768px) and (max-width:1024px){.container section.contact article .form input[type=email],.container section.contact article .form input[type=text]{width:90%}}.container section.contact article .form input[type=email].invalid,.container section.contact article .form input[type=text].invalid{border:1px solid red;background-color:#ffdbdb}.container section.contact article .form div.voorwaarden{width:100%;line-height:30px;color:#eee;margin-bottom:10px}.container section.contact article .form input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:10px;position:relative}.container section.contact article .form input[type=checkbox].invalid:after{content:"verplicht";position:relative;font-size:.9em;left:360px;color:red}.container section.contact article .form textarea{border:none;border-radius:3px;padding:10px;font-family:Hind;font-size:1em;width:80%;height:150px;margin-bottom:10px;line-height:20px}@media (max-width:767px){.container section.contact article .form textarea{width:100%}}@media (min-width:768px) and (max-width:1024px){.container section.contact article .form textarea{width:90%}}.container section.contact article .form button{width:150px;height:40px;font-family:Montserrat;font-size:1.5em;font-weight:300;border:none;border-radius:5px;background-color:#393939;color:#fff;transition:background-color,color .5s;margin-bottom:50px}@media (max-width:767px){.container section.contact article .form button{margin-bottom:0}}.container section.contact article .form button:hover{background-color:#393939;color:#fff;cursor:pointer}.container section.contact article .form .success{color:#508641;font-weight:600;position:absolute;top:330px;left:160px;font-size:.8em;max-width:250px;display:none}.container section.contact article .form .success.show{display:block}@media (min-width:768px) and (max-width:1024px){.container section.contact article .form .success{top:310px;left:160px}}@media (max-width:767px){.container section.contact article .form .success{position:inherit;margin-top:10px}}.container div.center-banner{width:100%;height:300px;background-image:url(../img/banner-image-film-roll.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media (max-width:767px){.container div.center-banner{height:150px}}@media (min-width:768px) and (max-width:1024px){.container div.center-banner{height:180px}}.container div.center-banner h1{text-align:center;position:relative;top:90px;font-family:Montserrat;font-size:2.5em;font-weight:300;color:#fff;text-shadow:0 0 30px rgba(0,0,0,.5)}@media (max-width:767px){.container div.center-banner h1{top:55px;font-size:1.5em;width:100%;padding-left:20px;padding-right:20px}}@media (min-width:768px) and (max-width:1024px){.container div.center-banner h1{top:60px;font-size:1.8em;width:100%;padding:0 20px 0 20px}}.container div.center-banner button{width:250px;height:60px;font-family:Montserrat;font-size:2em;font-weight:300;border:none;border-radius:5px;background-color:#508641;color:#fff;position:relative;top:110px;left:calc(50% - 125px);transition:background-color,color .5s}@media (max-width:767px){.container div.center-banner button{display:none}}@media (min-width:768px) and (max-width:1024px){.container div.center-banner button{top:70px;width:200px;height:40px;left:calc(50% - 100px);font-size:1.4em}}.container div.center-banner button:hover{background-color:#393939;color:#fff;cursor:pointer}.container footer{height:200px;background-color:#232323}.container footer section{width:1000px;margin:0 auto;font-weight:300;padding-top:50px}@media (max-width:767px){.container footer section{width:100%;padding:30px;margin:0}}@media (min-width:768px) and (max-width:1024px){.container footer section{width:100%;padding:30px;margin:0}}.container footer section .social-media{color:#fff;font-size:1.5em;width:45%;margin:0 auto}@media (max-width:767px){.container footer section .social-media{width:100%}}@media (min-width:768px) and (max-width:1024px){.container footer section .social-media{width:200px}}.container footer section .social-media h2{height:60px;width:200px;background-color:transparent;font-family:Montserrat;font-weight:100;font-size:1.4em;line-height:60px;float:left}@media (max-width:767px){.container footer section .social-media h2{width:100%;height:40px;line-height:40px;font-size:1.2em}}@media (min-width:768px) and (max-width:1024px){.container footer section .social-media h2{width:100%;text-align:center}}.container footer section .social-media div{height:60px;width:60px;float:left;background-size:contain}@media (max-width:767px){.container footer section .social-media div{width:50px;height:50px}}@media (min-width:768px) and (max-width:1024px){.container footer section .social-media div{width:50px;height:50px}}.container footer section .social-media div:hover{cursor:pointer}.container footer section .social-media div.linkedin{background-image:url(../img/linkedin.svg)}.container footer section .social-media div.facebook{background-image:url(../img/facebook.svg)}.container footer section .social-media div.twitter{background-image:url(../img/twitter.svg)}.container footer section .social-media div.youtube{background-image:url(../img/youtube.svg)}.container footer section .copyright{color:#fff;font-size:.8em;text-align:center;width:100%;padding-top:40px;padding-bottom:3px}@media (max-width:767px){.container footer section .copyright{text-align:left;width:100%;padding:20px 0 3px 0}}@media (min-width:768px) and (max-width:1024px){.container footer section .copyright{padding-top:20px}}.container footer section .privacy{color:#fff;font-size:.8em;text-align:center;width:100%;padding-bottom:8px}.container footer section .privacy a:active,.container footer section .privacy a:hover,.container footer section .privacy a:link,.container footer section .privacy a:visited{color:#fff;text-decoration:none}@media (max-width:767px){.container footer section .privacy{text-align:left;width:100%;padding:20px 0 3px 0}}@media (min-width:768px) and (max-width:1024px){.container footer section .privacy{padding-top:20px}}.container footer section .maker{color:#fff;font-size:.8em;text-align:center;width:100%}@media (max-width:767px){.container footer section .maker{text-align:left;width:100%}}@media (min-width:768px) and (max-width:1024px){.container footer section .maker{padding-bottom:0}}div.cookie-consent{z-index:100;background-color:rgba(0,0,0,.3);width:100%;padding:15px;padding-left:30px;color:#fff;position:fixed;bottom:0}div.cookie-consent .text{width:85%;float:left;font-size:.8em}div.cookie-consent .button-box{width:15%;float:right}div.cookie-consent .button-box button{height:20px;border-radius:3px;border:none;color:#555;height:25px;width:80px}div.cookie-consent .button-box button:hover{cursor:pointer}div.cookie-consent .button-box button#accept{background-color:#0f0}div.cookie-consent .button-box button#decline{background-color:red}button:focus{outline:0}.clear{clear:both}