.realisations{position:relative;margin:150px 0;padding:150px 0;background-color:#000;overflow:hidden}.realisations:before{content:"";display:none;position:absolute;z-index:3;background-color:#000;top:0;left:0;width:100%;height:50%}.realisations:after{content:"";position:absolute;z-index:2;width:100%;height:100%;background-image:url(https://www.kijzer.be/wp-content/themes/webit/blocks/all-blocks/realisations/images/graphic.svg);background-repeat:no-repeat;background-size:contain;background-position:center right;transition:.3s all;left:-200px;top:0;transform:rotate(-180deg);pointer-events:none}.realisations .loading{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.realisations .loading:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";text-align:center;display:inline-block;width:18px;height:18px;border:3px solid #f88d2a;border-top:3px solid transparent;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.realisations .inner-content{max-width:1400px;width:90%;margin:0 auto}.realisations .title-row{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;z-index:4}.realisations .title-row a,.realisations .title-row button,.realisations .title-row h1,.realisations .title-row h2,.realisations .title-row h3,.realisations .title-row h4,.realisations .title-row h5,.realisations .title-row h6,.realisations .title-row li,.realisations .title-row p{color:#f2f2f2}.realisations .title-row h2{margin-bottom:0}.realisations .title-row .filters{display:flex;gap:30px;align-items:center;justify-content:space-between}.realisations .title-row button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;font-size:16px}.realisations .title-row button.active{color:#f88d2a}.realisations .title-row button:hover{color:#f88d2a}.realisations .title-row a{text-decoration:none;display:flex;align-items:center;justify-content:flex-end;gap:15px;opacity:60%}.realisations .title-row a svg{transition:all .3s ease}.realisations .title-row a:hover svg{transform:translateX(5px)}.realisations .slick-list{overflow:visible}.realisations .realisation-posts{position:relative;margin:0 -10px;z-index:4}.realisations .realisation-posts::before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;background-color:#000;z-index:1}.realisations .realisation-post{position:relative;margin:0 10px}.realisations .image-container{position:relative;width:100%;height:550px;z-index:1}.realisations .image-container img,.realisations .image-container video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.realisations .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.realisations .labels{width:calc(100% - 20px);position:absolute;top:10px;left:10px;display:flex;flex-wrap:wrap;gap:10px}.realisations .labels p{background-color:#fff;color:#000;padding:0 5px;font-size:14px;font-weight:400;margin-bottom:0;text-transform:uppercase}.realisations .hover-content{position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s all;opacity:0;padding:30px;padding-bottom:60px;z-index:2}.realisations .hover-content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,198,41,.9);transition:.3s all;opacity:0;z-index:1}.realisations .hover-content:hover{opacity:1}.realisations .hover-content:hover::after{opacity:1}.realisations .hover-content .top-content{position:relative;z-index:3}.realisations .hover-content .top-content h4{font-size:27px;font-weight:700}.realisations .hover-content .top-content a{text-decoration:underline;color:#000}.realisations .hover-content .more-info{position:absolute;bottom:25px;left:30px;z-index:4;text-decoration:none;color:#000;display:flex;align-items:center;gap:15px}.realisations .hover-content .more-info span{text-transform:uppercase}.realisations .hover-content .more-info:hover{transform:translate(5px,-5px)}.realisations .hover-content .full-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3}.realisations .nav{margin-top:30px;width:100%;display:flex;align-items:center;gap:40px}.realisations .nav .arrows{display:flex;flex-grow:0;flex-shrink:0;gap:10px}.realisations .nav .progress-bar{position:relative;flex-shrink:1;flex-grow:1;height:3px}.realisations .nav .progress-bar .background{width:100%;height:1px;border-radius:10px;background-color:rgba(255,255,255,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.realisations .nav .progress-bar .thumb{height:100%;border-radius:10px;background-color:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:width .2s ease}.realisations .nav .we-arrow-next,.realisations .nav .we-arrow-prev{cursor:pointer;position:relative;background-color:transparent;border:1px solid #ffc629;border-radius:80px;width:40px;height:40px;transition:all .3s ease}.realisations .nav .we-arrow-next:hover,.realisations .nav .we-arrow-prev:hover{transform:scale(1.05)}.realisations .nav .we-arrow-next::after,.realisations .nav .we-arrow-prev::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:contain}.realisations .nav .we-arrow-prev::after{background-image:url(https://www.kijzer.be/wp-content/themes/webit/images/arrow-right-yellow.svg);transform:translate(-50%,-50%) rotate(180deg)}.realisations .nav .we-arrow-next::after{background-image:url(https://www.kijzer.be/wp-content/themes/webit/images/arrow-right-yellow.svg)}.realisations .links-container{width:100%;display:flex;justify-content:center;margin-top:40px}.realisations .links-container a{text-decoration:none;display:flex;align-items:center;justify-content:flex-end;gap:15px;opacity:60%;color:#f2f2f2}.realisations .links-container a svg{transition:all .3s ease}.realisations .links-container a:hover{color:#ffc629}.realisations .links-container a:hover svg{transform:translateX(5px)}@media screen and (max-width:1400px){.realisations .realisation-posts{width:90%}}@media screen and (max-width:1100px){.realisations{margin:100px 0}.realisations .title-row{margin-bottom:40px;flex-wrap:wrap}.realisations .title-row .filters,.realisations .title-row h2{margin-bottom:10px}.realisations .title-row>a{flex-basis:100%}.realisations .image-container{height:450px}}@media screen and (max-width:800px){.realisations{padding:100px 0}.realisations::before{display:block}.realisations .title-row h2{flex-basis:100%}.realisations .title-row .filters{margin-bottom:0}.realisations .title-row>a{flex-basis:auto}}@media screen and (max-width:600px){.realisations .title-row{display:block;margin-bottom:20px}.realisations .title-row h2{flex-basis:100%;margin-bottom:20px}.realisations .title-row .filters{justify-content:flex-start;margin-bottom:10px}.realisations .title-row>a{flex-basis:auto;justify-content:flex-start;margin-bottom:0}}.acf-block-preview .realisations{box-sizing:border-box;overflow:hidden;padding:100px 0}.acf-block-preview .realisations h2{margin-top:0}.acf-block-preview .realisations h4{margin-top:0;margin-bottom:10px}.acf-block-preview .realisations .realisation-posts{display:flex;gap:20px;margin:0;width:100%}.acf-block-preview .realisations .realisation-posts::before{display:none}.acf-block-preview .realisations .label p{margin:0}.acf-block-preview .realisations .realisation-post{margin:0;flex-basis:45%;flex-shrink:0}.acf-block-preview .realisations .title-row{margin-bottom:40px;flex-wrap:wrap}.acf-block-preview .realisations .title-row .filters,.acf-block-preview .realisations .title-row h2{margin-bottom:10px}.acf-block-preview .realisations .title-row>a{flex-basis:100%}.acf-block-preview .realisations .image-container{height:500px}.acf-block-preview .realisations .hover-content{width:calc(100% - 60px);height:calc(100% - 90px)}