.btn-logo{background:#fff;border:1px solid #eee;float:left;margin:0 0 30px}.btn-logo,.btn-logo span.title{display:block;position:relative;text-decoration:none;width:100%}.btn-logo span.title{color:#44b9c6;height:50px;padding:0;z-index:1}.btn-logo span.title h3{bottom:18px;font-family:Poppins,sans-serif;font-size:14px;font-weight:300;left:20px;line-height:20px;margin:0;padding:0 40px 0 0;position:absolute;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-logo span.title:before{bottom:15px;color:#44b9c6;content:"\f061";font-family:FontAwesome;font-size:18px;right:15px}.btn-logo span.title:after,.btn-logo span.title:before{opacity:0;position:absolute;transition:all .3s ease;z-index:20}.btn-logo span.title:after{background:url(/images/bg-line.jpg) no-repeat;background-size:100% 7px;bottom:0;content:"";height:0;left:0;width:100%}.btn-logo span.image{display:block;height:200px;margin:0 auto;position:relative;text-align:center;width:100%}.btn-logo span.image img{left:50%;max-height:160px;max-width:80%;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-logo:focus,.btn-logo:focus span.title,.btn-logo:hover,.btn-logo:hover span.title{text-decoration:none}.btn-logo:focus span.title h3,.btn-logo:hover span.title h3{bottom:25px;text-decoration:none}.btn-logo:focus span.title:before,.btn-logo:hover span.title:before{bottom:24px;opacity:1}.btn-logo:focus span.title:after,.btn-logo:hover span.title:after{height:7px;opacity:1}body,html{background:#fff;font-size:100%;margin:0;padding:0}body,html{height:100%}body{color:#7b7a7a;font-family:Poppins,sans-serif;font-size:16px;height:auto!important;height:100%;margin:0;min-height:100%;overflow-x:hidden;padding:216px 0 0;position:relative}body:after,body:before{content:"";height:354px;opacity:.2;position:fixed;width:233px;z-index:0}body:before{bottom:100px;left:-116px}body:after,body:before{background:url(/images/puzzel-grey.png) no-repeat;background-size:233px 354px}body:after{right:-116px;top:300px;transform:rotate(-180deg)}a{color:#44b9c6}a,a:focus,a:hover{outline:0}.column{float:left;height:244px;padding:10px;position:relative}.column .btn-block{background:#000;color:#44b9c6;float:left;font-size:27px;font-weight:600;overflow:hidden;position:relative;text-decoration:none}.column .btn-block,.column .btn-block span.image{display:block;height:100%;transition:all .3s ease;width:100%}.column .btn-block span.image{filter:blur(0);left:0;position:absolute;top:0;z-index:1}.column .btn-block span.image:after{background:linear-gradient(135deg,#000,hsla(0,0%,100%,0));content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00ffffff",GradientType=1);height:100%;left:0;opacity:.75;position:absolute;top:0;width:100%;z-index:100}.column .btn-block span.title{color:#44b9c6;display:block;padding:20px 25px;position:relative;z-index:15}.column .btn-block:before{background:rgba(68,185,198,0);content:"";height:100%;position:absolute;transition:all .25s ease;width:100%;z-index:10}.column .btn-block:after{background:#44b9c6;bottom:5px;color:#000;content:"\f054";font-family:FontAwesome;font-size:14px;height:20px;padding-left:6px;padding-top:1px;position:absolute;right:5px;width:20px;z-index:2}.column .btn-block:hover:before{background:rgba(68,185,198,.2);height:100%;width:100%}.column .btn-block:hover span.image{filter:blur(2px);height:104%!important;left:-2%;top:-2%;width:104%!important}.column .quote{background:#000;display:block;float:left;height:100%;position:relative;width:100%;z-index:100}.column .quote span{font-family:Poppins,sans-serif;font-size:27px;font-weight:600;left:50%;padding:9px 15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.column .quote span:before{border-bottom:1px solid #fff;border-top:1px solid #fff;content:"";height:100%;left:0;margin:0 auto;position:absolute;right:0;top:0;width:155px}.column .quote span:after{background:url(/images/quote.png) no-repeat;background-size:31px 21px;content:"";height:21px;left:0;margin:0 auto;position:absolute;right:40%;top:-13px;width:31px}.column .quote-lg span:before{width:236px}.column .quote-lg span:after{right:30%}.column .blue-block{background:#44b9c6 url(/images/bg-quote-blue.png) repeat;color:#fff}.column .grey-block{background:#44b9c6 url(/images/bg-quote-grey.jpg) repeat;color:#fff}.column .green-block{background:#44b9c6 url(/images/bg-quote-green.jpg) repeat;color:#fff}.column .green-light-block{background:#44b9c6 url(/images/bg-quote-green-light.jpg) repeat;color:#fff}.column-small{width:35%}.column-medium{width:44%}.column-large{width:58%}.column-square{width:21%}.column-half{width:50%}.content-block{padding:60px 0 30px}.content-block h1,.content-block h2,.content-block h3,.content-block h4,.content-block h5,.content-block h6{color:#44b9c6;font-weight:700;margin:0 0 4px;padding:0}.content-block p{font-family:Poppins,sans-serif}.content-block img{display:block;height:auto!important;margin:15px 0;max-width:100%}.content-block .introduction{color:#44b9c6;display:block;font-weight:700;margin:0 0 32px}.content-block .introduction li,.content-block .introduction ol,.content-block .introduction p,.content-block .introduction ul{font-size:17px;line-height:32px}.content-block .content li,.content-block .content ol,.content-block .content p,.content-block .content ul{color:#7b7a7a;font-size:17px;font-weight:300;line-height:32px}.content-block .content ol,.content-block .content p,.content-block .content ul{margin:0 0 32px}.content-block .content a{color:#44b9c6}.content-block .content ul{list-style:none;padding:0}.content-block .content ul li{margin:0;padding:2px 0 2px 38px;position:relative}.content-block .content ul li:before{background:url(/images/peace.png) no-repeat;background-size:24px 21px;content:"";height:21px;left:0;position:absolute;top:7px;width:24px}header{display:block;overflow:hidden;width:100%;z-index:2}header,header .container{height:400px;position:relative}header .title{font-family:Poppins,sans-serif;left:50%;margin-left:16.6666667%;padding-left:15px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}header h1{font-size:54px;font-weight:700;margin:0 0 10px;position:relative;text-align:left}header h1,header h2{color:#fff;padding:0}header h2{font-size:18px;font-weight:300;letter-spacing:1px;margin:0;text-transform:uppercase}header #bg-image{display:block;z-index:0}header #bg-image,header #bg-image:before{height:100%;left:0;position:absolute;top:0;width:100%}header #bg-image:before{background:rgba(0,0,0,.1);content:"";z-index:4}header #bg-image:after{background:#000;content:"";height:100%;opacity:.3;position:absolute;width:100%;z-index:3}header.no-overlay #bg-image:after{height:0;width:0}footer{background:url(/images/bg-line.jpg) repeat-y;background-position:50%;background-size:100%;height:25px;overflow:hidden;position:relative;width:100%}@media only screen and (min-width:768px){.navbar-fixed-top{background:#fff;border:0;border-radius:0;min-height:216px;transition:all .4s ease;width:100%}.navbar-fixed-top:before{background:url(/images/bg-line.jpg) repeat-y;background-position:50%;background-size:100%;content:"";height:10px;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .25s ease;width:100%}.navbar-fixed-top .brand{float:left;margin-top:40px;max-width:375px;transition:all .15s ease}.navbar-fixed-top .brand img{max-width:100%}.navbar-fixed-top button.menu-toggle{display:none}.navbar-fixed-top #navbar .navbar-right{margin-top:106px;transition:all .15s ease}.navbar-fixed-top #navbar .navbar-right li a{background:transparent;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0 18px;padding:0 0 10px;position:relative}.navbar-fixed-top #navbar .navbar-right li a:before{background:#44b9c6;bottom:0;content:"";height:4px;left:0;margin:0 auto;position:absolute;right:0;transition:all .25s ease;width:0}.navbar-fixed-top #navbar .navbar-right li a:focus,.navbar-fixed-top #navbar .navbar-right li a:hover{color:#44b9c6}.navbar-fixed-top #navbar .navbar-right li a:focus:before,.navbar-fixed-top #navbar .navbar-right li a:hover:before{width:100%}.navbar-fixed-top #navbar .navbar-right li:last-child{margin-right:0}.navbar-fixed-top #navbar .navbar-right li.active a{color:#44b9c6}.navbar-fixed-top #navbar .navbar-right li.active a:before{background:#44b9c6;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;width:100%}.navbar-fixed-top.smaller{box-shadow:0 2px 2px rgba(0,0,0,.075);min-height:140px}.navbar-fixed-top.smaller .brand{height:auto!important;margin-top:32px;max-width:220px}.navbar-fixed-top.smaller .brand img{height:auto!important}.navbar-fixed-top.smaller #navbar .navbar-right{margin-top:62px}.navbar-fixed-top.smaller:before{height:5px}}#home-blocks{height:calc(100vh - 241px);min-height:862px;padding:70px 0}#home-blocks,#opdrachtgevers{background:#f4f4f4;width:100%}#opdrachtgevers{padding:60px 0 30px;position:relative;z-index:30}#opdrachtgevers .btn-logo.no-url:focus span.title h3,#opdrachtgevers .btn-logo.no-url:hover span.title h3{bottom:18px;text-decoration:none}#opdrachtgevers .btn-logo.no-url:focus span.title:before,#opdrachtgevers .btn-logo.no-url:hover span.title:before{bottom:0;opacity:0}#opdrachtgevers .btn-logo.no-url:focus span.title:after,#opdrachtgevers .btn-logo.no-url:hover span.title:after{height:0;opacity:0}#contact #contact-block{color:#44b9c6;font-size:17px;line-height:32px;padding-bottom:0}#contact #contact-block h2{font-weight:700}#contact #contact-block small{font-size:75%}#contact #contact-block .info{color:#7b7a7a;font-family:Poppins,sans-serif;font-weight:300;line-height:32px}#contact .contact-info{list-style:none;margin:0;padding:0}#contact .contact-info li{float:left;padding:0 0 10px;width:100%}#contact .contact-info li a{display:inline-block;font-size:24px;position:relative}#contact .contact-info li a:focus,#contact .contact-info li a:hover{color:#a0bf37;text-decoration:none}#contact .contact-info li.email a{padding-left:40px}#contact .contact-info li.email a:before{content:"\f0e0";font-family:FontAwesome;left:0;position:absolute;top:0}#contact .contact-info li.phone a{padding-left:40px}#contact .contact-info li.phone a:before{content:"\f095";font-family:FontAwesome;left:3px;position:absolute;top:0}#contact .socials{display:block;float:left;list-style:none;margin:20px 0 0;padding:0;width:100%}#contact .socials li{float:left}#contact .socials li a{margin:0 3px}#contact .socials li a i{font-size:20px}#contact .socials li a:focus,#contact .socials li a:hover{color:#a0bf37}#contact .socials li:first-child{color:#7b7a7a;font-weight:300;padding-right:3px}#extra_info h3{font-size:20px}@media only screen and (max-width:1199px){body{padding-top:170px}body:after,body:before{background-size:180px 273px}.navbar-fixed-top{min-height:170px}.navbar-fixed-top .brand{max-width:265px}.navbar-fixed-top .brand img{height:auto!important}.navbar-fixed-top #navbar .navbar-right{margin-top:80px}.navbar-fixed-top #navbar .navbar-right li a{font-size:19px}header,header .container{height:320px}header .title{margin-left:8.33333333%}#contact #contact-block,.content-block .content li,.content-block .content ol,.content-block .content p,.content-block .content ul{font-size:16px;line-height:30px}#contact #contact-block .info{line-height:30px}}@media screen and (max-width:1199px) and (min-width:992px){.navbar-fixed-top.smaller{min-height:100px}.navbar-fixed-top.smaller .brand{height:auto!important;margin-top:20px;max-width:180px}.navbar-fixed-top.smaller .brand img{height:auto!important}.navbar-fixed-top.smaller #navbar .navbar-right{margin-top:43px}.navbar-fixed-top.smaller:before{height:5px}}@media only screen and (max-width:991px){body{padding-top:140px}.column-medium,.column-small{width:50%}.column-large{width:60%}.column-square{width:40%}#quote_row_1,#quote_row_2{width:100%}#home-blocks{height:auto;padding:30px 0}}@media screen and (max-width:991px) and (min-width:768px){.navbar-fixed-top{min-height:140px}.navbar-fixed-top .container{width:100%}.navbar-fixed-top .container .brand{max-width:180px}.navbar-fixed-top .container #navbar .navbar-right{margin-top:65px}.navbar-fixed-top .container #navbar .navbar-right li a{font-size:17px;margin:0 15px}.navbar-fixed-top.smaller{min-height:108px}.navbar-fixed-top.smaller .container .brand{margin-top:24px}.navbar-fixed-top.smaller .container #navbar .navbar-right{margin-top:45px}}@media only screen and (max-width:767px){body{padding-top:90px}body:after,body:before{opacity:.1}.column-half,.column-large,.column-medium,.column-small,.column-square{width:100%}#home-blocks{height:auto;padding:10px 0}.navbar-fixed-top{border:0;margin:0;min-height:90px;top:0}.navbar-fixed-top .brand{float:left;height:auto!important;margin:15px 10px 0 15px;max-width:150px}.navbar-fixed-top .brand img{display:block;height:auto!important;max-width:100%}.navbar-fixed-top #navbar{border:0;border-color:transparent}.navbar-fixed-top #navbar .navbar-right{border:0;margin-bottom:0;margin-top:15px}.navbar-fixed-top #navbar .navbar-right li a{border-bottom:1px solid #fff;color:#7b7a7a;font-size:21px;font-weight:700;padding:17px 10px;text-align:center}.navbar-fixed-top #navbar .navbar-right li.active a{color:#44b9c6}.navbar-fixed-top.smaller{border:0;box-shadow:2px 2px 2px rgba(0,0,0,.2);margin:0;min-height:90px;top:0}.navbar-fixed-top.smaller .brand{max-width:150px}.navbar-fixed-top.smaller .brand img{height:auto!important}button.menu-toggle{background:transparent;border:0;cursor:pointer;float:right;height:28px;margin:34px 30px 5px 0;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;width:40px;z-index:1001}button.menu-toggle span{background:#44b9c6;border-radius:9px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}button.menu-toggle span:first-child{top:0}button.menu-toggle span:nth-child(2){top:10px}button.menu-toggle span:nth-child(3){top:20px}.menu-toggle.open span:first-child{background:#7b7a7a;top:10px;transform:rotate(135deg)}.menu-toggle.open span:nth-child(2){left:-60px;opacity:0}.menu-toggle.open span:nth-child(3){background:#7b7a7a;top:10px;transform:rotate(-135deg)}header{height:200px}header .title{margin-left:0}header .container{height:200px}header .container h1{font-size:36px}header .container h2{font-size:17px}.content-block{padding:30px 0 15px}#opdrachtgevers{padding:30px 0}}