* {
    font-family: 'Avenir';
    font-weight: normal;
    margin:0px;
    padding:0px;

    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    
    outline: none !important;
} 
  
.container {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}

.block-intro p, .block-intro a:not(.button) {
   
   font-weight: 800; 
}

h1, h1 span {
    font-family: 'Futura';
    font-weight: 700;
    font-size:40px;
    line-height: 60px;
}

h2 {
    font-family: 'Futura';
    font-weight: 700;
    font-size:35px;
    line-height: 50px;    
}

h3, .h2-small h2 {
    font-family: 'Futura';
    font-weight: 700;
    font-size:18px;
    line-height: 32px;    
}

.h2-small:not(.h2-small-b) h2 {
    
    font-size:23px;
    line-height: 35px;      
}

.p-bold p {
    font-weight: 800;
}

.p-new-height p {
    line-height: 35px;
}


a, a:hover {
    color:#F86B00;
    text-decoration: none;
}

.intro h1 {
    margin-bottom:20px;
}



.intro p:last-child {
   margin-top:30px;
}

.intro p:last-child a.button:first-child {
    margin-right:15px;
}

p, li {
    font-size:16px;
    line-height: 30px;
    font-weight: 500;
    
}

.block-intro p {
    line-height: 35px;
}

body, html {
   height:100%;   
}

body {
    background-color:#fff;
    overflow-x: hidden;    
    height: auto;
}

.block-f-img, footer, .block-portfolio {
    overflow-x: hidden; 
}



a.logo img {
    width:inherit;
    height:inherit;
}

header a.logo {
    
    width:265px;
    height:51px;
    top:0;
    bottom:0;
    margin:auto;  
    position: absolute;
    z-index:1;   
}


.block.even {
    background-color:#fff;
}

.f-img-wrapper {
    position: relative;
    height:600px;
    
}

.block-f-img .f-img {
    position: absolute;
    top:0;
    left:0;
    
    height:600px;
    width:723px;
    background-size:cover;
    background-position: center;
    
    border-radius:25px 25px 25px 280px;
    
}

.block.default-padding {
   padding-top:110px;
   padding-bottom:110px; 
}


.col-center {
    text-align:center;
}

.item-box-a {
    margin-bottom:40px;
    position: relative;
}

.item-box-a .icon {
    width:92px;
    height:92px;
    background-size:contain;
    display:inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom:20px;
}


.item-box-a .text-box {
     max-width:315px;
     width:100%;
     display:inline-block;
}

.block.odd {
    background-color:#001422;
    
}

.block-cta-2 .bg-img {
    width:100%;
    height:588px;
    background-size:cover;
    border-radius:190px 10px 10px 10px;
    background-position: top;
}

.list-box-a {
    padding:40px;
    padding-right:37px;
    background-color:#fff;
    border-radius:10px;
}

.block-cta-2 .row2-outer {
    position:absolute;
    top:0px;
    width:100%;
    padding-left:100px;
    right:15px;
}

ul.list-a {
    margin:0;
    padding:0;
    list-style-type:none;
    margin-top:15px;
    margin-bottom:25px;
}

ul.list-a li {
    padding: 25px;
    padding-left:70px;
    border-radius:10px;
}

ul.list-a li strong {
    font-size:18px;
}

ul.list-a li {
    line-height: 25px;
    position: relative;
    transition: all 0.12s linear 0s;
    
}

ul.list-a li:hover {
   
}

ul.list-a li:before {
    position:absolute;
    content:'';
    width:25px;
    height:18px;
    background-image:url('../images/vinkje.svg');
    background-size:cover;
    left:27px;
    top:28px;
    
}

.list-box-a h2, .list-box-a a.button {
    margin-left:26px;
    margin-right:26px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.reviews-slider .contents {
    max-width:830px;
    width:100%;
    display:inline-block;
    
}

.reviews-slider .picture {
    width:165px;
    height:165px;
    background-size:cover;
    display:inline-block;
    background-position: center center;
    margin-bottom:15px;
    border-radius:10px;
}

.reviews-slider .name p, .reviews-slider .business p{
    font-weight: 500;
    padding:0;
    margin:0;
    line-height: 30px;
}

.reviews-slider .business p {
    text-transform: uppercase;
    font-weight: 600;
}

.reviews-slider img.star {
    width:18px;
    height:18px;
    display:inline-block;
}

.reviews-slider .stars {
    margin-top:12px;
    margin-bottom:20px;
}

.reviews-slider {
    padding-left:90px;
    padding-right:90px;
}

.owl-carousel {
    position: relative;
}

.arrow.nav-arrow {
    width:60px;
    height:60px;
    background-color:#F2F3F4;
    display:block;
    border-radius:50%;
    z-index:2;
    position: relative;
    
}

.arrow.nav-arrow:before {
    position: absolute;
    background-image:url('../images/arrow-left-black.svg');
    width: 18px;
    height: 11px;
    background-size:cover;
    content:'';
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.arrow.nav-arrow.next:before {
   background-image:url('../images/arrow-right-black.svg'); 
}

.slider-outer {
    position: relative;
}

.nav-wrap-slider {
    position: absolute;
    top:40%;
    width:100%;
    
}

.nav-wrap-slider .prev {
    float:left;
    
    
}

.nav-wrap-slider .next {
    float:right;
    right:-8px;  
}

.dark * {
    color:#fff;
}

.contents.intro {
    max-width:820px;
    width:100%;
    display:inline-block;
}

.contents.intro.b {
    max-width:850px;
}

.contents h2 {
    margin-bottom:15px;
}

.inner-card-portfolio {
    width:100%;
    
    
    
    
    position: relative;
    display:block;
    
}

.row-space {
    margin-top:45px;
}

.slider-outer.portfolio {
    width: 1653px;
  
}

.slider-outer.portfolio .right-ba {
    height:100%;
    width:320px;
    pointer-events:none;
    background: #001422;
    opacity:0.5;
  
    position: absolute;
    right:0;
    top:0;
    z-index:2;
}

.inner-card-portfolio .bg-bottom {
    height:196px;
    width:100%;
    background-size:cover;
    background-position: center center;
    overflow:hidden;
    border-radius:0 0 10px 10px;
    
}

.inner-card-portfolio img.logo-p {
    height:auto;
    
}

.inner-card-portfolio .logo-holder {
    height:155px; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#fff;
    border-radius:10px 10px 0 0;
}

.slider-outer.portfolio .item {
    width:300px;
}

.slider-outer.portfolio .owl-item {
     transition: all 0.45s linear 0s;
     opacity:1;  
}

.slider-outer.portfolio .owl-item.last {
    opacity:0.4; 
}

.slider-outer.portfolio .owl-item:not(.active) {
   
}



.arrow.nav-arrow.shadow {
        box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.71) !important;
        background-color:#fff;
}

.nav-wrap-slider.portfolio {
    top: 410px;
    right: -34px;

}

.block.odd-2 {
    background-color:#FBFBFB;
}

.label-cat {
    border-radius:45px;
    background-color:#F4F4F4;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    color:#000;
    font-size:12px;
    font-weight: 500;
    text-transform: uppercase;
    display:inline-block;
    margin-right:8px;
    margin-bottom:12px;
    
}

.block-recent-werk-2 h3 {
    margin-top:9px;
}

.block-recent-werk-2 a.button {
    margin-top:13px;
}

.block-recent-werk-2 .c1 img {
    width:95%;
    height:auto;
    border-radius:10px;
}

.block-recent-werk-2.even .c2 {
    order:-1;
    
}

.block-recent-werk-2.even .c1 {
    text-align:right;
}

.block-recent-werk-2.odd-2 .contents {
    padding-left:30px;
}

.block-recent-werk-2.even .contents {
    padding-right:30px;
}

.contents.dark a:not(.button) {
    color:#F86B00 !important;
}

.team-member-item {
    background-size:cover;
    background-position: center center;
    width: 100%;
    height:510px;
    display:block;
    border-radius:10px;
    position: relative;
    
}



.team-member-item .c {
    position: absolute;
    bottom:40px;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    text-align:center;
}

.team-member-item h3 {
    font-size:28px;
    color:#fff;
}

.team-member-item h4{
    font-size:20px;
    color:#fff;
    margin-top:14px;
}

.team-member-item .shadow-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
            pointer-events: none; /* Allows clicks to go through the overlay */
            border-radius: 0 0 10px 10px;
            transition: opacity 0.3s ease; /* Smooth transition on opacity change */
}

.team-member-item:hover .shadow-overlay {
            opacity: 0.5; /* Opacity on hover */
}

a.faq-question {
    background-color:#FBFBFB;
    display:block;
    width:100%;
    padding:18px;
    padding-left:20px;
    padding-right:40px;
    position: relative;
    border-radius:5px;
    color:#393939;
    font-weight: 600;
    text-decoration: none !important;
    margin-bottom:15px;
    transition: all 0.12s linear 0s;
}

a.faq-question:after {
    background-image:url('../images/pijl-2.svg');
    width:11px;
    height:11px;
    content:'';
    background-size:cover;
    position: absolute;
    top:0;
    bottom:0;
    right:20px;
    margin:auto;
    
}

a.faq-question.active, a.faq-question:hover {
    background-color:#001422;
    color:#fff;
}

a.faq-question.active:after, a.faq-question:hover:after {
     filter: invert(100%) brightness(200%);
}

.faq-answer-wrapper {
    background-color:#FBFBFB;
    border-radius:5px;
    padding:45px;
    padding-top:35px;
}

.faq-answer-wrapper h3 {
    margin-bottom:25px;
}

.faq-answer-wrapper .faq-answer {
    display:none;
}

.faq-answer-wrapper .faq-answer.active {
    display:block;
}

.block-f-img .contents {
    max-width:520px;
    width:100%;
    position: relative;
    top:20px;
}


header + main {
  
}

.nice-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nice-list ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    background-image: url(../images/arrow2.svg);
    width: 13px;
    height: 13px;
    content: '';
    background-size: cover;
}

.nice-list.dark ul li:before {
    filter:invert(1);
}

.nice-list ul li {
    padding-left: 28px;
    position: relative;
    padding-bottom: 4px;
}

.nice-list ul li a {
    color:#000;
    text-decoration: none;
}

.nice-list ul li a:hover {
    color:#000;
    text-decoration: underline;
}

footer h3 {
    margin-bottom:20px;
}

footer a.button {
    margin-bottom:15px;
}

footer a.button.black {
    margin-right:6px;
}

.no-wrap {
  white-space: nowrap;
}

footer .r2 ul li:before {
     display:none;
}

footer .r2 ul li {
    padding-left: 0px;
    display:inline;
    padding-right:40px;
    position: relative;
}

footer .r2 ul li:not(:first-child):after {
    content: '|';
    position: absolute;
    left:-24px;
    top:-6px;
    
}


footer .r2 ul li:last-child {
    padding-right:0;
}

footer .p2 .c {
    padding-top:30px;
    padding-bottom:30px;
    
}

.line {
    height:1px;
    width:100%;
    background-color:#F2F3F4;
}

footer .p2 .c2 {
    text-align:right;
}

ul.socials li:after {
    display:none;
}

.container-nav-mobile {
    display:none;
}

.contents-single-title h2 {
    margin-bottom:55px;
}

.block-intro.b.block-f-img .contents {
    max-width:620px;
}

.row-breadcrumbs {
    position: absolute;
    top:50px;
    width: inherit;
}


#breadcrumbs span > span {
    position: relative;
    padding-right:35px;
}

#breadcrumbs span > span:not(:last-child):after {
    content:'';
    background-image:url('../images/sep.svg');
    width:4px;
    height:8px;
    background-size:cover;
    position: absolute;
    right:19px;
    top:0;
    bottom:0;
    margin:auto;
}

#breadcrumbs span > :nth-last-child(-n+2):after {
    display:none; 
    
}

#breadcrumbs span > :nth-last-child(-n+2) {
    padding-right:7px;
}

#breadcrumbs span > span:last-child {
    
}


#breadcrumbs span a, #breadcrumbs span {
    color:#A2A2A2;
    font-size:16px;
    font-weight: 500;
    text-decoration: none;
}

#breadcrumbs span.breadcrumb_last {

    border-radius: 60px;
    background-color: #F4F4F4;
    padding: 0px;
    padding-left: 16px;
    padding-right: 16px;
    color: #000;
    
    font-weight: 500;
    
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 12px;
}

#breadcrumbs span a:hover {
    color:#A2A2A2;
    text-decoration: underline;
}

.content-text .short-description {
    background-color:#FBFBFB;
    padding:35px;
    padding-top:25px;
    padding-bottom:25px;
    border-radius:5px;
    width:calc(100% + 60px);
    margin-left:-30px;
    margin-bottom:40px;
    
}

.content-text .short-description p {
    margin:0;
    padding:0;
    font-weight: 900;
}

.box-cta-right {
    padding:40px;
    background-color:#001422;
    padding-top:45px;
    border-radius:10px;
}

.box-cta-right ul {
    margin-bottom:30px;
    margin-top:20px;
}

.box-cta-right ul li {
    padding-bottom:14px;
}

.content-text.p-right {
    padding-right:50px;
}

.the-content img {
    width:100%;
    border-radius:10px;
    margin-top:12px;
    margin-bottom:15px;
}

.box-share-page {
  text-align: center;
  margin-top:65px;
}

.box-share-page h3 {
    margin-bottom:25px;
}

.box-share-page a {
  margin: 0 10px; /* Adjust the margin as needed */
}

.sticky-content {
    position: sticky;
    top: 120px;
}

.uitgelicht-item .bg {
    height:222px;
    width:100%;
    background-size:cover;
    background-position: center center;
    border-radius: 10px;
    
}

.uitgelicht-item {
    text-decoration: none !important;
    
}

.odd .uitgelicht-item {
    color:#fff !important;
}

.uitgelicht-item .inner {
    margin-top:10px;
    margin-bottom:15px;
    position: relative;
    height:34px;
    overflow:hidden;
    
}      

.uitgelicht-item .inner:after {
    content:'';
    background-image:url('../images/pijl3.svg');
    width:15px;
    height:15px;
    right:0;
    top:3px;
    bottom:0;
    margin:auto;
    position: absolute;
    background-size:cover;
}


footer p, footer li {
    line-height: 35px;
}

footer ul.bottom {
    padding-left:0 !important;
}

.card-dark {
    background-color:#001422;
    border-radius:10px;
    padding:40px;
    margin-bottom:25px;
}



.card-dark h3 {
    margin-bottom:7px;
}


.card-dark .icon-a {
    width: 92px;
    height: 92px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 38px;
}

.desktop-only {
    display:block !important;
}

.mobile-only {
    display:none !important;
}

.project-inner .img {
    width:100%;
    height:340px;
    border-radius:10px;
    background-size:cover;
    display:block;
    background-position: center;
    position: relative;
}

.c1 .project-inner .img {
    height:700px;
    
}

.project-inner {
    display:block;
    
}

.project-inner {
    text-decoration: none;
    color:#000 !important;
    position: relative;
    
}


.project-inner .infos {
    margin-top:17px;
    margin-bottom:45px;
}

.odd .project-inner {
    color:#fff !important;
    
}

.project-inner .infos h3 {
    width:auto;
    display:inline-block;
}

.project-inner .infos span {
     font-size:18px;
     position: relative;
     top:-4px;
     display:block;
}

.project-inner .infos span:before {
    
}

.project-inner .img .button-wrapper {
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    height:250px;
    width:230px;
    opacity:1;
    transition: all 0.12s linear 0s;
    z-index:2;
    pointer-events:none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity:0;   
}

.project-inner:hover .img .button-wrapper {
    opacity:1;
}

.logo-opdr {
 
    object-fit:contain;

    height: auto;
    width: 210px; 
    
    position: absolute;
    bottom:23px;
    left:23px;
    margin-bottom:0 !important;
    z-index:9;
    pointer-events:none;
    box-shadow: none !important;
    border-radius:0 !important;
}
   

.project-inner .img .layer {
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: linear-gradient(to bottom, 
  rgba(0, 0, 0, 0) 0%, 
  rgba(0, 0, 0, 0) 60%, 
  rgba(0, 0, 0, 0.25) 70%, 
  rgba(0, 0, 0, 0.5) 80%, 
  rgba(0, 0, 0, 0.60) 90%, 
  rgba(0, 0, 0, 0.60) 100%
);

    border-radius:10px;
    
    transition: all 0.12s linear 0s;
    
}

.project-inner .img .layer:hover {
    background-color: rgba(248, 107, 0, 0.5);
}

.project-inner:hover .img .button {
    opacity:1;
}

.project-inner:hover .img .layer {
   
   z-index:1;
}

.indicator-loader {
    display:inline-block;
    width:33px;
    height:33px;
    background-image:url('../images/eyee-ball.svg');
    background-size:cover;
    
    
}

/* rotate 360 key for refresh btn */
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.indicator-loader.active {
    
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;     
}



.card-dark.white {
    background-color:#fff !important;
    
}

.card-dark.white * {
    color:#000 !important;
}

.white .button.cta span:after {
    filter: invert(1) !important;
}

div.zoom-img {
    width:100%;
    height:calc(100vh - 173px);
    background-size:cover;
    background-position: center top;
    border-radius:15px;
}

.image-zoom-block {
    background-color:#001422;
    position: fixed;
 
    z-index:99999999;
    left:0;
    right:0;
    top:0;
    bottom:0;
    opacity:0;
    pointer-events:none;
}

.image-zoom-block1:after {
    content:'';
    width:130px;
    height:100%;
    background:#000;
    opacity:0.3;
    right:0;
    top:0;
    position: absolute;
    z-index:99999;
}

.no-overflow {
    
    overflow:hidden;
} 

.image-zoom-block.active {
    opacity:1;
    pointer-events:auto;
}

.image-zoom-block .title {
    padding-top:40px;
    padding-bottom:40px;
}

.image-zoom-block {
    padding-left:150px;
}

.carousel-section {
  position: relative;

}

.carousel-section .owl-carousel .owl-stage {
  padding-left: 0 !important;
}

.carousel-section .owl-carousel .owl-stage-outer {
  overflow: unset;
}

.image-zoom-block .nav-wrap-slider {
    right:128px;
    position: absolute;
    top: 0;
    width: 60px;
    bottom: 0;
    margin: auto;
    height: 60px; 
    
       
}

.image-zoom-block .nav-wrap-slider.b {
    right:auto;
    left:-27px;
}

.image-zoom-block.resized .nav-wrap-slider:not(.b) {
    right:110px;
}

.image-zoom-block .nav-wrap-slider .next {
      float:none !important;
      right:0 !important;
}

.image-zoom-block .nav-wrap-slider .prev {
      right:auto !important;
      left:0 !important;
}

.close-zoom-box {
    position: absolute;
    display:block;
    background-image:url('../images/close.svg');
    width:18px;
    height:18px;
    right:35px;
    background-size:cover;
    filter:invert(1);
    top:48px; 
}

.close-zoom-box:after {
    content: '';
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -30px;
}

a.zoom-img:hover:after {

    opacity:0.3;
}

a.zoom-img:hover:before {
    width:50px;
    height:50px;
    background-image:url('../images/stretch.svg');
    border-radius:50%;
    background-color:#000;
    padding:5px;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    position: absolute;
    content:'';
    z-index:2;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;    
}

a.zoom-img:after {
    opacity:0;
    background:#001422;
    content:'';
    transition: all 0.12s linear 0s;
    position: absolute;
    left:0;
    top:0;
    border-radius:10px; 
    width:100%;
    height:100%; 
    z-index:1;      
}

a.zoom-img {
    position: relative;
    height:100%;
    display:inline-block;
    border-radius:10px;
    margin-top:12px;
    margin-bottom:15px;
    transition: all 0.12s linear 0s;
}

a.zoom-img img {
    margin-top:0;
    margin-bottom:0;
}

.short-description.b {
    border-radius:10px;
    
}

.short-description.review {
    background-color:#14222D !important;
    
}

.short-description.b p {
    font-weight: normal;
}

.short-description.resultaten ul {
    margin-top:15px;
    margin-bottom:10px;
}
       
.short-description.resultaten {
    background-color:#FBFBFB;
}

.short-description.review .fbox {
    display:flex;
    margin-top:25px;
}

.short-description.review {
    padding:45px;
    margin-bottom:55px;
    margin-top:30px;
}

.short-description.review .c1 {
    flex: 0 0 200px;
}

.short-description.review .c2 {
    flex: 1; /* Fill up the remaining space */
}

.short-description.review .c3 {
    width: fit-content;
    text-align: center;
}

.short-description.review .stars {
    margin-top:10px;
}

.short-description.review .author {
    margin-top:20px;
}

.short-description.review .picture {
    width:162px;
    height:162px;
    display:inline-block;
    background-size:cover;
    border-radius:10px;
    margin-top:6px;
    background-position: center center;
}


.counter-ul ul li:before {
    content: counter(item);
    background-image:none;
    top:0px;
    font-weight: 600;
    font-size: 14px;
}

.counter-ul ul {
    counter-reset: item;
}

.counter-ul ul li {
    counter-increment: item;
}

.anchor {
    position: relative;
    left: 0;
    top: -107px;
    height: 1px;
    width: 22px;
    visibility: hidden;
}

.card-item-b {
    margin-bottom:70px;
}

.card-item-b a.img {
    background-color:#FBFBFB;
    border-radius:10px 10px 0 0;
    height:220px;
    width:100%;
   
    margin-bottom:17px;


    align-items: center;
    justify-content: center;
    display:flex;
}

.card-item-b a.img img {
    width:100%;
    max-width:230px;
}

.card-item-b .contents {
    padding-left:30px;
    padding-right:30px;
}

.card-item-b .inner-a p {
    margin-bottom:0;
}

.card-item-b .inner-a a {
    color:#000 !important;
    text-decoration: underline;
}

.card-item-b .inner-a {
    overflow:hidden;
    margin-bottom:12px;
    height: 193px;
}

.intro h1 + a.button {
    margin-top:10px;
}


div.box-cta-right + div.box-cta-right {
    margin-top:40px;
}

.inline-item div {
    display:inline-block;
}

.inline-item div.c1 {
    width:95px;
    padding-top:26px;
}

.inline-item div.c2, .inline-item div.c2 * {
    font-weight: 800;
    color:#fff !important;
}



.project-col-wrap .img {
    width:100%;
    height:159px;
    background-size:cover;
    border-radius:10px;
    background-position: center center;
    
}

.projecten-related-single .project-col-wrap:nth-of-type(1) {
    margin-top:25px;
    
}

.projecten-related-single {
    margin-bottom:50px;
    margin-top:25px;
}

.project-col-wrap {
    margin-bottom:40px;
}

.project-col-wrap {
    display: grid;
    grid-template-columns: 250px auto; /* First column 288px width, second column auto-fill */
}

.project-col-wrap .c2 {
    padding-left:30px;
}

.project-col-wrap .c2 p:first-child {
    margin-bottom:0;
}


div.samenwerken {
    margin-top:30px;
}

.block-opdrachtgevers-list .img.b {
    background-size:cover;
    border-radius:10px;
}

.black-a a {
    color:#000 !important;
}

.breadcrumb_last {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

#breadcrumbs > span span:not(.breadcrumb_last) {
    position: relative;
    top:-25px;
}

.the-content img.halve {
    width:calc(50% - 15px);
    margin-right: 15px;
}

.the-content img.halve + img.halve {
    margin-left:15px;
    margin-right: 0;
}

blockquote {
   background:#14222D;
   border-radius:15px;
   padding:50px;
   padding-left:125px;
   padding-right:125px; 
   position: relative;
   width: calc(100% + 60px);
   margin-left: -30px;
}

blockquote:before {
    content:'';
    position: absolute;
    height:50px;
    width:56px;
    background-image:url('../images/quote.svg');
    background-size:cover;
    left:29px;
    top:29px;
}

blockquote:after {
    content:'';
    position: absolute;
    height:50px;
    width:56px;
    background-image:url('../images/quote.svg');
    background-size:cover;
    bottom:29px;
    right:29px;
    rotate:180deg;
}

blockquote p:last-child {
    margin-bottom:0;
}


blockquote * {
    color:#fff;
 
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;


}

blockquote small {
   font-weight: 500; 
   display:inline-block;
   margin-top:15px;
}

blockquote small, blockquote small * {
    font-size:16px;
    
    line-height: 24px;
}

.the-content > ul {
    margin-left:15px;
    margin-bottom:15px;
}

#progress-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px; /* Adjust height as needed */
  background-color: #F2F3F4;
  z-index: 9999;
}

#progress-bar {
  height: 100%;
  width: 0;
  background-color: #001422; /* Adjust color as needed */
}

.reading-time {
    margin-bottom:35px;
}

.block-blogs-grid .img {
    width:100%;
    height:530px;
    background-size:cover;
    background-position: center;
    border-radius:10px;
    display:block;
    
}

.block-blogs-grid-smaller .img {
    height:340px;
    margin-bottom:15px;
}

.large-blog-blocks .odd-2 .c2 { 
 
    padding-left:45px;
}

.large-blog-blocks .even .c2 { 
    order:-1; 
    padding-right:45px;
}

.blog-small-detail-box a.button {
    margin-top:20px;
}

.no-padding-top {
    padding-top:0 !important;
}

.row-items-blog-small .blog-small-detail-box {
    margin-bottom:25px;
}

.blog-small-detail-box {
    width:100%;
}

.intro-description {
    background-color: #FBFBFB;
    padding: 30px;
    padding-top: 25px;
    border-radius:10px;
}

.team-item-c {
    display:flex;
    
    margin-bottom:30px;
}

.team-item-c .c1 {
     background-color:#001422;
     width:110px;
     border-radius:10px 0 0 10px;
     background-repeat: no-repeat;
     background-size:52px;
     background-position: center center;
}

.team-item-c .c2 {
    background-color:#FBFBFB;
    padding:25px;
    flex: 1;
    border-radius:0 10px 10px 0;
}

.team-item-c .c2 p {
    margin:0;
}

.team-item-c h4 {
    font-size:20px;
    font-weight: 700;
    font-family: Futura;
}

.team-member-item {
    margin-bottom:30px;
}

.home .team-member-item {
    margin-bottom:0;
}

.large-blog-blocks.b .even .c2 {
    order: 1;
    padding-right:15px;
    padding-left:45px;
}

.large-blog-blocks.b .odd-2 .c2 {
    order: -1;
    padding-right:45px;
    padding-left:15px;    
}
.large-blog-blocks.b .block:first-child {
    padding-top:0 !important;
}

    .block.ffa {
        padding-top:80px !important;
        padding-bottom:60px !important;
    }
    
.box-cta-right ul li a {
    color:#fff !important;
}

.nice-list li.mail:before {
    background-image: url(../images/icon-email.svg);
    filter:none !important;
    width:15px;
    height:15px;
}

.nice-list li.linkedin:before {
    background-image: url(../images/icon-linkedin2.svg);
    filter:none !important;
    width:15px;
    height:15px;
}

.nice-list li.tel:before {
    background-image: url(../images/icon-telefoon.svg);
    filter:none !important;
    width: 14px;
    height: 15px;
}

.nice-list.dark .counter-ul ul li:before {
     filter:none !important;
    
}

.page-template-contact .the-content .short-description:first-child {
    margin-top:0 !important;
}

.content-text .short-description.c {
     width:calc(100% + 30px);
     margin-left:auto;
     margin-right:auto;
}

.content-text .short-description.c.even {
    margin-left:-30px;
}

.content-text .short-description.c.odd {
    margin-right:-30px;
}

#map {
    height:600px;
    width:100%;
}

table.t2 {
    margin-top:25px;
}

table.t2 tr td:first-child {
    width:80px;
    
}

table.t2 * {
    font-size:16px;
}

table.t2 tr td:first-child + td, table.t2 tr td:first-child + td a {
    font-weight: 600;
    
}

table.t2 tr td:first-child + td {
    padding-bottom:15px;
}

table.t2 tr td {
    vertical-align:top;
}

.the-content a.zoom-img.halve {
    width: calc(50% - 15px);
    margin-right: 15px;
}

.the-content a.zoom-img.halve img.halve {
    width: 100%;
    
}

.top-menu-block a:hover {
    text-decoration: underline !important;
}


.block-opdrachtgevers .inner-card-portfolio, .team-member-item {
    transition: transform 0.2s ease;
}

.block-opdrachtgevers .inner-card-portfolio:hover, .team-member-item:hover {
   transform: scale(1.01); 
}

.item-box-a {
    transition: transform 0.2s ease;
    border-radius: 10px;
    padding-top:40px;
    padding-bottom:40px;
    cursor:pointer;
}

.item-box-a:hover {
    background-color:#FBFBFB;
}

.indicator-loader.disable-a {
    display:none;
}

.the-content h2 {
    font-size:22px;
    line-height: 35px;
    margin-bottom:10px;
}

#emm-wrapper .button.transparent span {
    color:#fff !important;
}

.emm-contents-sub ul li:first-child {
   display:none; 
}

.card-dark {
    cursor:pointer;
    transition: transform 0.2s ease;
}

ul.socials li img, .box-share-page img, .uitgelicht-item .bg, .block-blogs-grid .img, .card-item-b a.img, .more-b a.button, .zoom-eff img {
    transition: transform 0.2s ease;
}

ul.socials li img:hover, .box-share-page img:hover {
   transform: scale(1.06);  
}

.card-dark:hover, .block-blogs-grid .img:not(.logo-opdr):hover, .zoom-eff:hover img:not(.logo-opdr) {
   transform: scale(1.01);  
}

.card-item-b a.img:hover {
   transform: scale(1.03);  
}

.uitgelicht-item:hover .bg {
   transform: scale(1.01); 
}

.card-dark:hover a.button span {
    color:#F86B00 !important;
}

.card-dark:hover a.button span:after {
    background-image:url('../images/arrow-right-button-orange.svg');
    filter: invert(0) !important;
}

.uitgelicht-item:hover h3 {
   color:#F86B00;
}

.uitgelicht-item:hover .inner:after {
    background-image: url(../images/pijl3a.svg);
}

.more-b a.button:hover span {
    color:#F86B00 !important;
}

.more-b a.button:hover span:after {
        background-image: url(../images/arrow-right-button-orange.svg) !important;
        filter: invert(0) !important;
}


/* Nieuwe CSS voor de video */
.block-f-img .f-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 723px;
    height: 600px;
    object-fit: cover;     /* Zorgt dat de video center-cropt gelijk aan 'background-size: cover' */
    border-radius: 25px 25px 25px 280px;
    overflow: hidden;      /* Verberg alles buiten de afgeronde hoeken */
}

h2 span {
    font-weight: 700;
    font-family: Futura;
    color:#F86B00;
}

.contents.intro.intro2 {
    max-width:880px;
    padding-bottom:60px;
}


.block-cta-2.has-intro.default-padding {
    padding-bottom:170px;
}

.star-review {
    width:20px;
    height:20px;
    background-image:url('../images/star-orange.svg'); 
    background-size:cover;

    
    
}

.star-reviews-wrapper {
    display:inline-flex;
    gap:10px;
    margin-bottom:25px;    
}

.reviews-slider .inner {
    box-shadow: 0px 4px 14px -2px #00000026;
    display: flex;
    align-items: flex-start; /* of center, als je verticale uitlijning wilt */
    gap: 16px; /* optioneel: ruimte tussen img en contents */
    height:410px;
    width:100%;
    max-width:890px;
    border-radius:50px;
    
}

.reviews-slider .item {
    display:flex;
    justify-content: center;
}

.reviews-slider .inner .img {
    width: 189px;
    height: 100%; /* of een vaste hoogte indien gewenst */
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    border-radius:50px 0 0 50px;
}

.reviews-slider .inner .contents {
    flex: 1; /* neemt alle resterende ruimte in */
    padding:30px;
    padding-left:25px;
    
    text-align:left;
}

.reviews-slider .inner .contents p {
    font-style:italic;
}

.reviews-slider .author {
    font-weight: 700;
    font-family: Futura;
}

.reviews-slider .owl-dots {
    margin-top:40px !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background-color:#b0b0b0;
}

.owl-theme .owl-dots .owl-dot.active span {
    width:30px;
}

.reviews-slider .inner .contents a.lees-meer {
    font-weight: bold;
    white-space: nowrap;
}

.truncate-text .lees-meer {
  font-weight: 900;
  cursor: pointer;
  display: inline;
  white-space: nowrap;
  color: #000;
  font-style:normal;
}

.truncate-text .lees-meer .d {
    font-weight: 500;
    font-style:italic;
}

ul.faq {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    max-width: 810px;
    display: inline-block;
}

ul.faq li {
    border-radius: 20px;
    box-shadow: 0px 3px 10px 0px #00000026;
    padding: 30px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: left;
    margin-bottom: 35px;
}

ul.faq li a.question {
    text-decoration: none;
    display: block;
    position: relative;
    padding-right: 45px;
}

ul.faq li a.question:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../images/down-1.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
    
}

ul.faq li.active a.question:after {
    transform: rotate(180deg);
}

ul.faq li h3 {
    font-size:16px;
    color:#000;
    margin:0;
}


ul.faq li .answer {
    display: none;
    margin-top: 7px;
}

ul.faq li .answer * {
    font-size:15px;
}


ul.faq li.active .answer {
    display: block;
}

.row-space2 {
    margin-top:10px;
}

.faq-answer-wrapper {
    display:none;
}

footer {
    background:#001422;
}

footer .inner {
    background:#fff;
    border-radius:0 200px 0 0;
}


.block-cta-2 .wrapper-a {
    position: relative;
    
}

.block-cta-2 .list-box-a {
    margin-top:70px;
}

.block.odd-2 {
    
}

.no-padding-bottom {
    padding-bottom:0 !important;
}

.logo-werk-block {
    position: relative;
    display:block;
}

.block-recent-werk-2.even img.logo-opdr {
    
    left:66px;
}

.block-recent-werk-more a.button {
    margin-top:20px;
}

h3, h3 span {
    font-size:23px;
    font-weight: 700;
    font-family: 'Futura';
}

.block-recent-werk-2.odd-2 {
    background-color:#fff;
}

ul.list-a.custom-icons li:before {
    width:41px;
    height:41px;
    left: 12px;
    top: 20px;
}

.intro-new p {
    margin-top:20px;
    margin-bottom:20px;
}

.orange-wrapper {
    padding:50px 70px 40px 70px;
    border-radius:10px;
    background-color:#F16901;
    width:100%;
}

.block-with-form .c1 {
    padding-right:80px;
}

.orange-wrapper p {
    color:#fff;
}

.orange-wrapper .validation_error p {
     color:#fff !important;
}

.orange-wrapper form {
    margin-top:35px;
}

.orange-wrapper form, .orange-wrapper p {
    text-align:center;
}

.orange-wrapper input, .orange-wrapper select {
    margin-bottom:32px !important;
}

.text-card-a {
    background-color:#192b38;
    border-radius:45px;
    padding:40px;
    max-width:640px;
    width:100%;
    display:inline-block;
}

.text-card-a .txt {
    font-size:19px;
    font-weight: 800;
    line-height: 30px;
}

.text-card-a * {
    color:#fff;
    
}

.text-card-a .author {
    color:#a3aaaf;
    font-weight: 800;
    margin-top:30px;
}

.logo-container-large {
    display: flex; 
    flex-wrap: wrap; 
    
    align-items: center;
    justify-content: space-between;
    
    margin: 0 auto;
    width:100%;
    
}

.logo-container-large-slider img, .logo-container-large-slider a {
    height:auto !important;
    width:auto !important;
}

.logo-container-large-slider {
    width:calc(100% + 120px);
    margin-left:-60px;
}

.logo-container-large-slider a {
    display:block;
    text-align:center;
}

.block-one-review .text-card-a {
    margin-top:10px;
    margin-bottom:100px;
}

.logo-slider-b .owl-item {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-slider-b .owl-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.logo-slider-b .owl-item img {
  
    object-fit: contain;
}

.block-image-tekst .c1 {
    padding-right:60px;
}

.block-image-tekst .c1 img {
    width:100%;
    
    border-radius: 10px;
    height: 590px;
    object-fit: cover;
}

ul.list-b {
    margin:0;
    padding:0;
    list-style-type:none;
    margin-bottom:25px;
    margin-top:25px;
}

ul.list-b li {
    padding-left:40px;
    padding-bottom:20px;
    position: relative;
}

ul.list-b li:before {
    position: absolute;
    content: '';
    width: 25px;
    height: 18px;
    background-image: url(../images/vinkje.svg);
    background-size: cover;
    left: 0;
    top: 4px;
}

.list-box-a .gform_wrapper + p, .list-box-a .submit-wrapper p {
    text-align:center;
}

.list-box-a .gform_wrapper input, .list-box-a .gform_wrapper select {
    border-color:#000 !important;
}

.page-template-ux-scan .list-box-a h2 {
    margin-left:0;
}

.page-template-ux-scan .block-cta-2.block-3 {
    padding-bottom:250px;
}

.anchor {
    position: relative;
    left: 0;
    top: -56px;
    height: 1px;
    width: 22px;
    visibility: hidden;
}

.logo-container-large-slider .owl-stage {
    display:flex;
    justify-content: center;
}

.intro-new a.button {
    margin-bottom:35px;
}

.block-expertisev2-1 .c1 img {
    
    width:100%;
    height:auto;
    border-radius:10px;
}

.block-expertisev2-1 .c2 {
    padding-left:60px;
}

.block-expertisev2-1 .c2 h2 {
    margin-bottom:30px;
}

.block-expertisev2-1.even .c2 {
    order:-1;
    padding-left:15px;
    padding-right:60px;
}

.block-expertisev2-1.even.s-item .c2 {
   
    padding-left:60px; 
   order:1; 
}

.block-expertisev2-1 .container .row:not(:last-child) {
    margin-bottom:40px;
}

.intro h1 p {
    position: relative;
    top:-15px;
    
}

.intro p a.button {
    margin-top:30px;
}

.card-expertise {
    border-radius:20px;
    background-color:#fff;
    padding:40px;
    padding-bottom:50px;
    padding-top:35px;
    width:100%;
    
}

.card-expertise p {
    margin:0;
    padding:0;
}

.card-expertise img {
    height:59px;
    width:auto;
    margin-bottom:20px;
}

strong span {
    font-weight: bolder;
}

.block.odd.block-expertisev2-1 {
    background-color:#FBFBFB;
}

.nice-list.purple-arrow ul li:before {
   background-image: url(../images/arrow3.svg);
}

.block.block-expertisev2-1 .c2 ul {
    margin-bottom:22px;
    margin-top:5px;
    margin-left:6px;
}

.block.block-expertisev2-1 .c2 strong span, .block.block-expertisev2-1 .c2 strong {
    font-weight: 900;
    font-size:18px;
}

.block.block-expertisev2-1 .c2 p + ul {
    margin-top:-14px;
}

.card-expertise.b {
    display: flex;
    align-items: center;          /* verticaal centreren */
    gap: 0px;                    /* ruimte tussen icoon en tekst */
    height: 100%;                 /* vult de hoogte van de kolom */
    padding: 20px;
    padding-right:30px;
}

.card-expertise.b .card-icoon {
    width: 60px;                  /* vaste breedte voor icoon */
    height: auto;
    flex-shrink: 0;               /* icoon krimpt niet mee */
}

.card-expertise.b .card-tekst {
    flex: 1;                      /* tekst neemt resterende ruimte */
}

.card-expertise.b h3 {
    margin-bottom:0px;
}

.card-expertise.b img {
    padding-left:20px;
    padding-right:40px;
}

.card-expertise h3 {
    font-size:20px;
}

.block-recent-werk-2 h4 {
    color:#818181;
    font-size:20px;
    margin-bottom:12px;
}

.block-reviews .star-reviews-wrapper {
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.card-expertise.c {
    text-align:center;
}

.card-expertise {
    transition: transform 0.2s ease;
}

.card-expertise:hover {
    transform: scale(1.01);
}

/* lock scroll als zoom open is */
body.zoom-open {
    overflow: hidden;
}

/* overlay */
.image-zoom-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;                 /* we tonen met jQuery */
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

/* afbeelding */
.image-zoom-overlay img {
    max-width: 92vw;
    max-height: 92vh;
    object-fit: contain;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6);
    border-radius: 6px;
    transform: scale(0.92);
    transition: transform 0.25s ease;
}

/* animatie bij open */
.image-zoom-overlay.show img {
    transform: scale(1);
}

/* sluitknop in overlay */
.image-zoom-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 28px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}
.image-zoom-close:hover {
    background: rgba(255,255,255,0.2);
}

a.zoom-img.single-zoom {
    margin:0 !important;
    height:auto !important;
}