:root{
	--grey: #EFEFEF;
	--darkgrey: #3A3A39;
	--red: #E4271D;
	--darkred: #a11a13;
}

html,body{margin:0;padding:0;font-family: "Open Sans", sans-serif;width:100%;height:100%;scroll-behavior: auto!important;}
body{overflow-x: hidden;}

.hidden{display:none !important;visibility: hidden !important;}
b, strong{font-weight: 600;}
.grecaptcha-badge{display: none;visibility: hidden;}

header{display: flex;width:100%;position: fixed;top:0;left:0;align-items: flex-end;justify-content: space-between;box-shadow: 0 0 10px 0 rgba(225, 225, 225, 0.7);z-index: 1000;background-color:white;}
header .logo{margin:15px 50px;width: 170px;}
header .logo img{width:100%;}
header nav{margin-right: 50px;}
header nav ul{display: flex;list-style-type: none;}
header nav ul li{display: inline-block;margin:0 5px;position: relative;}
header nav ul li a{padding: 5px 15px;font-family: "Montserrat", "Open Sans", sans-serif;font-weight: 300;text-transform: uppercase;color:black;text-decoration: none;display: inline-block;margin-bottom: 5px;font-size: 16px;}

header nav ul li ul{display:none;visibility:none;position: absolute;top:calc(100% - 1);background-color:white;padding:0;margin:0;}
header nav ul li:hover ul{display:block;visibility:visible;}
header nav ul li ul li{margin:0;display: block;}
header nav ul li ul li:hover{background-color:var(--grey);}
header nav ul li ul li a{font-size: 14px;white-space: nowrap;padding:8px 15px;margin:0;}
header nav ul li a.button{width: 28px;height:28px;padding:4px;border:1px solid black;border-radius:4px;line-height: 0;}
header nav ul li a.button img{object-fit: contain;object-position: center;vertical-align: unset;}
header .mobile-menu{display: none;visibility: hidden;}

.header-spacer{height: 135px;}
main{min-height:calc(100% - 135px);}

.brdcrmb{margin:15px 50px;width:calc(100% - 100px);display: flex;align-items: center;}
.brdcrmb>*{font-size:14px;color:black;text-decoration: none;display: inline-block;}
.brdcrmb>*:after{content:"\00BB";display: inline-block;margin-left:8px;margin-right:8px;font-size:14px;}
.brdcrmb a{text-decoration: underline;}
.brdcrmb span{font-weight: 600;}
.brdcrmb>*:last-child:after{display: none;visibility: hidden;}

.banner{/*background-color:var(--grey);*/width: 100%;padding-top:50vh;position: relative;}
.banner .content{width:100%;height:100%;position: absolute;top:0;left:0;}
.banner .content img{width:100%;height:100%;object-fit:cover;}

.home .banner{padding-top:calc(100% / 3 * 1);}
.home h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 35px;}
.home .intro{text-align: center;}
.home .intro p{font-size: 20px;font-weight: 300;}


/*.home .intro{margin-top: 50px;margin-bottom: 75px;align-items: center;}
.home .intro img{width: 80%;margin-left:auto;display: block;}
.home .intro .text{padding-left: 50px; padding-right:50px;text-align: center;}
.home .intro h1{font-size: 32px;font-weight: 300;line-height: 1.2;margin-bottom: 0;}
.home .intro h2{font-size: 32px;font-weight: 300;line-height: 1.2;margin-bottom: 20px;}
.home .intro p{font-size: 20px;font-weight: 300;}
a.readmore{color:var(--bs-body-text-align);text-decoration: none;}
a.readmore img{width:25px !important;display: inline-block !important;margin-left:0 !important;margin-right:8px;}*/
			
.core-tasks{margin-top:50px;margin-bottom:50px;}
.core-tasks .item a{width:100%;height:100%;display: flex;flex-direction: column;justify-content: space-between;/*padding:25px;*/padding:0;border-radius: 8px;background-color:var(--grey);transition:background-color 1s, color 0.7s;color:var(--darkgrey);text-decoration: none;text-align: center;position: relative;overflow:hidden;}
.core-tasks .item a:hover, .core-tasks .item a.open{background-color:var(--red);color:white;}
.core-tasks .item .flexbox{display: block;}
.core-tasks .item .text{padding-left:25px;padding-right:25px;}
.core-tasks .item h3{font-size:30px;font-weight: 300;margin:0;margin-bottom: 20px;margin-top: 25px;}
.core-tasks .item p{margin:0;font-size: 18px;font-weight: 300;}
.core-tasks .item .img-container{width:100%;max-width: 250px; position: relative;padding-top:50%;margin-left:auto;margin-right:auto;display: block;}
.core-tasks .item .img-container img{width: 100%;height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit:contain;transition: opacity 0.7s;}
.core-tasks .item .img-container img.light{opacity: 0;}
.core-tasks .item .img-container img.dark{opacity: 1;}
.core-tasks .item a:hover .img-container img.light, .core-tasks .item a.open .img-container img.light{opacity: 1;}
.core-tasks .item a:hover .img-container img.dark, .core-tasks .item a.open .img-container img.dark{opacity: 0;}
.core-tasks .item .readmore{margin-top: 30px;margin-bottom:10px;padding-bottom:25px;text-transform: uppercase;font-size:14px;cursor:pointer;}
.core-tasks .item .fulltext{position: absolute;top:100%;left:0;transition: top 2s;width:100%;height:100%;overflow-y:auto;background-color:var(--red);z-index: 10;color:white;padding:35px 25px;}
.core-tasks .item .fulltext.open{top:0;}
.core-tasks .item .fulltext .title{font-weight: 600;font-size:22px;margin-bottom:25px;}
.core-tasks .item .fulltext p{font-weight: 300;font-size:16px;margin-bottom: 15px;}
.core-tasks .item .fulltext p:last-child{margin-bottom: 0;}

.core-tasks .item .full-img{width:100%;padding-top:calc(100% / 4 * 3);position: relative;}
.core-tasks .item .full-img img{width:100%;height:100%;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);object-fit: cover;}

.products h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.products .intro{text-align: center;}
.products .intro p{font-size: 20px;font-weight: 300;}
.category-overview{margin-top:50px;}
.category-overview .category{margin-bottom: 30px;}
.category-overview .category a{color:black;text-decoration: none;display: inline-block;width: 100%; height: 100%;display: flex;flex-direction: column;}
.category-overview .category .text{padding: 25px 50px 25px 25px;background-color:white;transition: background-color 1s, color 0.7s;height:100%;}
.category-overview .category h3{font-size: 28px;font-weight: 300;}
.category-overview a:hover .text{background-color:var(--red);color: white;}
.category-overview .img-container{width: 100%;padding-top:calc(100% / 3 * 2);position: relative;}
.category-overview .img-container img:not(.icon){width:100%;height:100%;object-fit:cover;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 1;}
.category-overview .img-container .overlay{position: absolute;z-index: 2;top:0;left:0;width:100%;height:100%;transition: background-color 0.8s}
.category-overview a:hover .img-container .overlay{background-color:rgba(228, 39, 29, 0.8);mix-blend-mode: multiply;}
.category-overview .img-container .icon{width:calc(100% / 4);position: absolute;z-index: 3;left:25px;bottom:25px;opacity: 0;transition: opacity 0.7s;}
.category-overview a:hover .img-container .icon{opacity: 1;}
.category-overview .category .text .arrow{width:50px;height:8px;position: relative;}
.category-overview .category .text .arrow img{width:100%;position: absolute;top:0;left:0;transition: opacity 0.7s;}
.category-overview .category .text .arrow .light{opacity:0;}
.category-overview .category a:hover .text .arrow .light{opacity:1;}
.category-overview .category a:hover .text .arrow .dark{opacity:0;}

.products.category h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.products.category .intro{text-align: center;}
.products.category .intro p{font-size: 20px;font-weight: 300;}
.products.category .product-list{text-align: center;}
.products.category .product-list img{width: 100px;margin-bottom: 20px;}
.products.category .product-list p{font-size: 20px;font-weight: 300;text-align: justify;}

.products-overview{margin-bottom: 50px;}
.products-overview .list-item{margin-bottom: 25px;}
.products-overview .list-item .header{display: flex;align-items: center;margin-bottom:10px;}
.products-overview .list-item .header img.icon{height:50px;display: inline-block;margin-right:5px;}
.products-overview .list-item .header h2{font-size:30px;display: inline-block;font-weight: 300;margin:0;}
.products-overview .list-item p{font-size: 20px;font-weight: 300;text-align: justify;}

@keyframes loading{
	from{opacity: 0;}
	to{opacity: 1;}
}
.contact-footer{background-color:var(--grey);padding-top:75px;padding-bottom:75px;margin-top:50px;}
.contact-footer h2{font-weight: 300;font-size:35px;margin-bottom:25px;}
.contact-footer p{line-height: 1.4;font-size: 16px;}
.contact-footer form{width: 100%;}
.contact-footer form .form-group{margin-bottom: 15px;}
.contact-footer form input, .contact-footer form textarea{width: 100%;background-color:transparent;border:none;outline:none;border-bottom: 1px solid var(--darkgrey);font-size: 14px;padding:5px 5px;color:var(--darkgrey);transition:border 0.5s, color 0.5s, background 0.5s;}
.contact-footer form input:focus, .contact-footer form textarea:focus{color:black;border-bottom-color:black;background-color:rgba(255,255,255,0.35);}
.contact-footer form ::-webkit-input-placeholder{color:#999;}
.contact-footer form ::-moz-placeholder{color:#999;}
.contact-footer form :-ms-input-placeholder{color:#999;}
.contact-footer form :-moz-placeholder{color:#999;}
.contact-footer form button{display: inline-block;width:auto;border:none;font-size: 18px;background-color:transparent;}
.contact-footer form button img{margin-left:5px;width:50px;}
.contact-footer form button:focus{background-color:transparent;color:block;}
.contact-footer form .form-group.error input, .contact-footer form .form-group.error textarea{border-bottom: 2px solid var(--red);}
.contact-footer form p.error{font-size:13px;font-weight: 600;color:var(--red);}
.contact-footer form .feedback.error{font-size:15px;font-weight: 600;color:var(--red);}
.contact-footer form .feedback.success{font-size:15px;font-weight: 600;color:#13a11a;}
.contact-footer form .loading span{border-radius: 100px;display:inline-block;width: 17px;height: 17px;background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(228, 39, 29, 1) 70%);animation: loading 1s infinite alternate;vertical-align: middle;margin-right:5px;margin-bottom:2px;}
.contact-footer form .loading{font-size:15px;font-weight: 400;color:var(--darkgrey);}

.textpage .row{align-items: center;margin-bottom: 35px;margin-top: 35px;}
.textpage.bg{background-color:var(--grey);}
.textpage h2{font-size: 35px;font-weight: 300;line-height: 1.2;margin-bottom: 20px;}

@keyframes marker{
	from{box-shadow: 0 0 0 0 rgba(228,39,29, 0);}
	to{box-shadow: 0 0 10px 8px rgba(228,39,29, 0.6);}
}
.locations{margin-bottom: 50px;}
.locations h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.locations .intro p{font-size: 20px;font-weight: 300;text-align: center;}
.locations .location-item{opacity: 0;margin-top: -110px;margin-bottom: 35px;margin-left:50px;width:70%;text-align: left;padding: 35px 50px;background-color:rgba(255,255,255,0.8);position: relative;z-index: 1;}
.locations .location-item.active{opacity: 1;}
.locations .location-item .flag{width:150px;margin-bottom:10px;margin-top:15px;}
.locations .location-item .title{font-size:30px;font-weight: 300;color:var(--red);margin-bottom:15px;}
.locations .location-item p{font-size: 20px;font-weight: 300;}
.locations .location-item p a{color:inherit;text-decoration: none;font-weight: 600;}
/*.locations .location-item .statistics{display: flex;justify-content:center;align-items: center;flex-wrap: wrap;width:100%;}
.locations .location-item .statistics .stat{width: calc(100% / 4 - 30px);margin:10px 15px;}
.locations .location-item .statistics .stat img{height:100px;width:auto;}
.locations .location-item .statistics .stat p.key{font-size: 20px;margin-top:10px;margin-bottom:5px;}
.locations .location-item .statistics .stat p.value{font-size: 30px;/*color:var(--red);*}*/
.locations .map .location-item .certificates{display: flex;justify-content:flex-start;align-items: center;flex-wrap: wrap;}
.locations .map .location-item .certificates p{font-size:16px;text-transform: uppercase;font-weight: 300;width:100%;margin-top:15px;margin-bottom:5px;}
.locations .map .location-item .certificates .certificate{height: 80px;margin:10px;}
.locations .map .location-item .certificates img{width:auto;height:100%;}

.locations .location-details .map{position: relative;margin-top: 75px;margin-bottom: 30px;}
.locations .location-details .map .img-container{width: 100%; position:relative;z-index: 1;}
.locations .location-details .map img{width: 100%;}
.locations .location-details .map .marker{position: absolute;z-index: 3;transform: translate(-50%, -50%);cursor:pointer;padding:5px;}
.locations .location-details .map .marker span{border-radius: 100px;width:15px;height:15px;background-color:var(--red);background:radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(228, 39, 29, 1) 70%);animation: marker 1s infinite alternate;display: block;transition:width 0.5s, height 0.5s;}
.locations .location-details .map .marker[data-id=belgium]{top:38%;left: 48%;}
.locations .location-details .map .marker[data-id=uk]{top:37%;left: 41%;}
.locations .location-details .map .marker[data-id=italy]{top:49%;left: 53.4%;}
.locations .location-details .map .marker2[data-id=belgium]{top:35%;left: 29.2%;}
.locations .location-details .map .marker2[data-id=uk]{top:31%;left: 21%;}
.locations .location-details .map .marker2[data-id=italy]{top:53.3%;left: 36.3%;}
.locations .location-details .map .marker:hover span{width:20px;height:20px;}
.locations .location-details .map .marker.active span{width:20px;height:20px;animation:none;}
.locations .location-details .map .arrows{position: absolute;z-index: 2; top:0;left:0;width: 100%;}
.locations .location-details .map .arrows img{opacity: 0;width: 100%;position: absolute;top:0;left:0;}
.locations .location-details .map .arrows img.active{opacity: 1;}
.locations .location-details .map .marker .flag{width:50px;position: absolute;bottom:calc(100%);left:50%;transform:translateX(-50%);opacity: 0;transition: opacity 0.5s, width 0.7s;}
.locations .location-details .map .marker.active .flag{width:80px;opacity: 1;}

/*
.locations .map{position: relative;margin-top: 70px;margin-bottom: 100px;}
.locations .map img{width: 100%;}
.locations .map .marker{position: absolute;transform: translate(-50%, -50%);cursor:pointer;padding:5px;}
.locations .map .marker span{border-radius: 100px;width:15px;height:15px;background-color:var(--red);background:radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(228, 39, 29, 1) 70%);animation: marker 1s infinite alternate;display: block;}

.locations .map .marker.belgium{top:13%;left: 49.2%;}
.locations .map .marker.uk{top:13%;left: 45%;}
.locations .map .marker.italy{top:18.5%;left: 52.5%;}
.locations .map .content>div{opacity: 0;position: absolute;bottom:0;left:0;background-color:rgba(255,255,255,0.8);max-width:40%;padding:50px;}
.locations .map .content img.logo{width: 150px;margin-bottom:20px;}
.locations .map .content p{font-size:16px;font-weight: 300;}*/

.history h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.history .intro p{font-size: 20px;font-weight: 300;text-align: center;}
.history .timeline{margin-bottom: 75px;} /* position absolute content: overlapping footer */
.history .timeline .values{width: 100%;height: 5px;background: var(--red);margin-top: 80px;position: relative;}
.history .timeline .values .arrow{position:absolute;width: 15px;height: 15px;border: 5px solid var(--red);transform: translateY(-50%) rotate(45deg);top: 50%;right: 1px;border-left-color: transparent;border-bottom-color: transparent;}
.history .timeline .values .value{top: 50%;transform: translate(-50%, -50%);position: absolute;width: 20px;height: 20px;}
.history .timeline .values .value .marker{width: 20px;height: 20px;background: var(--red);background:radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(228, 39, 29, 1) 70%);border-radius: 100%;cursor:pointer;transition: width 0.5s, height 0.5s;top:50%;left:50%;position: absolute;transform:translate(-50%, -50%);}
.history .timeline .values .value.active .marker, .history .timeline .values .value:hover .marker{width: 30px;height: 30px;z-index: 2;}
.history .timeline .values .value .year{position: absolute;top: calc(100% + 15px);text-align: center;left: 50%;transform: translateX(-50%);color: var(--red);font-weight: 600;font-size: 16px;opacity: 1;transition: opacity 0.5s, font-size 0.5s, top 0.5s;}
.history .timeline .values .value:nth-child(odd) .year{top:calc(0% - 35px);}
.history .timeline .values .value.active .year, .history .timeline .values .value:hover .year{opacity: 1;font-size:20px;}
.history .timeline .values .value:nth-child(odd).active .year, .history .timeline .values .value:nth-child(odd):hover .year{top:calc(0% - 40px);}
.history .timeline .values .value .description{display: none;visibility: hidden;}
/*.history .timeline .values .value .description{background-color: var(--grey);width: 250px;display: block;visibility: visible;position: absolute;left: -35px;top: calc(100% + 60px);padding: 15px 25px;opacity:0;transition: opacity 0.5s;}
.history .timeline .values .value:nth-child(odd) .description{top:calc(100% + 40px);}
.history .timeline .values .value.active .description{opacity: 1;}
.history .timeline .values .value .description.right{left:auto;right: -35px;}
.history .timeline .values .value .description:before{display: block;content: ""; background-color: var(--grey);position: absolute;bottom:100%;width:0;height:0;border:14px solid white;border-top:0px solid white;border-bottom-color:var(--grey);}
.history .timeline .values .value .description.right:before{right:28px;left:auto;}
.history .timeline .values .value .description ul{margin-left:-18px;}*/
.history .timeline .description{background-color: var(--grey);width: 350px;display: block;visibility: visible;position: relative;margin-top: 75px;padding: 20px 25px;opacity:1;}
.history .timeline .description:before{display: block;content: ""; background-color: var(--grey);position: absolute;bottom:100%;width:0;height:0;border:14px solid white;border-top:0px solid white;border-bottom-color:var(--grey);left:40px;transform:translateX(-50%);}
.history .timeline .description.right:before{right:40px;left:auto;transform:translateX(50%);}
.history .timeline .description .text{width:100%;margin-bottom: 15px;}
.history .timeline .description .text>*{color:var(--bs-body-color) !important;font-size:18px !important;}
.history .timeline .description .text>*:last-child{padding-bottom: 0;margin-bottom: 0;}
.history .timeline .description img{width: 100%;}

.values h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.values .intro{text-align: center;}
.values .intro p{font-size: 20px;font-weight: 300;text-align: center;}
.values .intro img.good-company-logo{width: 80%;max-width: 300px;margin-top:20px;}
.values .key-values{margin-top:50px;margin-bottom:50px;}
.values .key-values h2{text-align: center;font-size: 30px;font-weight: 300;margin-top: 35px;margin-bottom: 35px;}
/*.values .key-values .item .flexbox{width:100%;height:100%;display: flex;flex-direction: column;justify-content: space-between;padding:25px 50px;border-radius: 8px;background-color:var(--grey);transition:background-color 1s, color 0.7s;color:var(--darkgrey);text-decoration: none;text-align: left;position: relative;overflow:hidden;cursor: default;}
.values .key-values .item h3{font-size:25px;font-weight: 600;margin:0;margin-bottom: 20px;margin-top: 15px;color:var(--darkred);}
.values .key-values .item p{margin:0;margin-bottom:0;font-size: 18px;font-weight: 300;padding:0;list-style-type: none;}
.values .key-values .item p:before{display: inline-block;content:"";width: 10px;height:10px;margin-right:10px;background-color:var(--red);background:radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(228, 39, 29, 1) 70%);border-radius: 100%;vertical-align: middle;}*/

/*.values .key-values .item>div{width:100%;height:100%;display: flex;flex-direction: column;justify-content: space-between;padding:25px;border-radius: 8px;background-color:var(--grey);transition:background-color 1s, color 0.7s;color:var(--darkgrey);text-decoration: none;text-align: center;position: relative;overflow:hidden;}
.values .key-values .item>div:hover, .values .key-values .item>div.open{background-color:var(--red);color:white;cursor: pointer;}
.values .key-values .item .flexbox{display: block;}
.values .key-values .item h3{font-size:30px;font-weight: 300;margin:0;margin-bottom: 20px;margin-top: 15px;}
.values .key-values .item .img-container{width:100%;max-width: 250px; position: relative;padding-top:50%;margin-left:auto;margin-right:auto;display: block;}
.values .key-values .item .img-container img{width: 100%;height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit:contain;transition: opacity 0.7s;}
.values .key-values .item .img-container img.light{opacity: 0;}
.values .key-values .item .img-container img.dark{opacity: 1;}
.values .key-values .item>div:hover .img-container img.light, .values .key-values .item>div.open .img-container img.light{opacity: 1;}
.values .key-values .item>div:hover .img-container img.dark, .values .key-values .item>div.open .img-container img.dark{opacity: 0;}
.values .key-values .item .readmore{margin-top: 30px;margin-bottom:10px;text-transform: uppercase;font-size:14px;cursor:pointer;}
.values .key-values .item .fulltext{position: absolute;top:100%;left:0;transition: top 2s;width:100%;height:100%;overflow-y:auto;background-color:var(--red);z-index: 10;color:white;padding:35px 25px;}
.values .key-values .item .fulltext.open{top:0;}
.values .key-values .item .fulltext .title{font-weight: 600;font-size:22px;margin-bottom:25px;}
.values .key-values .item .fulltext .title:before{display: none;visibility: hidden;}
.values .key-values .item .fulltext p{margin:0;margin-bottom:0;font-size: 18px;font-weight: 300;padding:0;list-style-type: none;}
.values .key-values .item .fulltext p:before{display: none;visibility: hidden;}*/
/*.values .key-values .item .fulltext p:before{display: inline-block;content:"";width: 10px;height:10px;margin-right:10px;background-color:var(--red);background:radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(228, 39, 29, 1) 70%);border-radius: 100%;vertical-align: middle;}*/
.values .key-values .item>div{border-radius: 10px;text-align: center;padding: 70px 25px;margin-bottom: 25px;color:white;position: relative;overflow:hidden;cursor: pointer;}
.values .key-values .item>div h3{font-size: 35px;font-weight: 600;display: inline-block;margin-left: 15px;}
.values .key-values .item .fulltext{position: absolute;top:100%;left:0;transition: top 2s;width:100%;height:100%;overflow-y:auto;z-index: 10;color:white;padding:35px 50px 50px 50px;display: flex
;flex-direction: column;align-items: center;justify-content: center;}
.values .key-values .item .fulltext.open{top:0;}
.values .key-values .item .fulltext p{margin:0;margin-bottom:0;font-size: 20px;font-weight: 300;padding:0;list-style-type: none;}
.values .key-values .item .fulltext img{width: 250px;margin-bottom: 20px;}
.values .key-values .item>div .title span{font-size: 250px;font-weight: 700;line-height: 1;color:transparent;-webkit-text-stroke: 4px white;}

.products .category-overview h2{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 50px;}


.sustainability h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.sustainability .intro{text-align: center;}
.sustainability .intro p{font-size: 20px;font-weight: 300;text-align: center;}
.sustainability .intro img.sustainability-logo{width: 80%;max-width: 300px;margin-top:20px;}
.sustainability .textpage p, .sustainability .textpage ul, .sustainability .textpage ol{font-size:18px;font-weight: 300;}
.sustainability .key-focus-areas{padding-top:50px;padding-bottom:50px;}
.sustainability .key-focus-areas h2{font-weight:300;font-size: 35px;margin-bottom: 15px;}
.sustainability .key-focus-areas a{color:inherit;text-decoration: underline;}
.sustainability .key-focus-areas .img-viewer{width: 100%;position: relative;padding-top:100%;}
.sustainability .key-focus-areas .text figure{display: inline-block;}
.sustainability .key-focus-areas .img-viewer img{width:100%;top:50%;left:50%;transform: translate(-50%, -50%);position: absolute;transition: transform 1s, opacity 1.5s;}
.sustainability .key-focus-areas .img-viewer img.blur{opacity: 0.7;}
.sustainability .key-focus-areas-trigger:hover .img-viewer img.blur{opacity: 0.3;}
.sustainability .key-focus-areas-trigger:hover .img-viewer img.visible{transform:translate(-50%, -50%) scale(1.25);}
.sustainability .key-focus-areas .text p, .sustainability .key-focus-areas .text ul, .sustainability .key-focus-areas .text ol{font-weight: 300;}


.certificates h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.certificates .intro p{font-size: 20px;font-weight: 300;text-align: center;}
.certificates{width:100%;}
.certificates .certificate-row{display: flex;overflow: hidden;flex-wrap: nowrap;width:100%;height:200px;}
.certificates .certificate-row .certificate{width:calc(100% / 7);height:100%;padding:20px;flex:1 0 auto;}
.certificates .certificate-row .certificate img{object-fit:contain;width:100%;height:100%;}
@media (min-width: 1700px){
	.certificates .certificate-row .certificate{width:calc(100% / 8);}
}
@media (min-width: 1920px){
	.certificates .certificate-row .certificate{width:calc(100% / 10);}
}
.certificates .certificate-details .grey{background-color:var(--grey);}
.certificates .certificate-details .white{background-color:white;}
.certificates .certificate-details .red{background-color:var(--red);color:white;}
.certificates .certificate-details .certificate h2{font-size: 30px;font-weight: 600;text-transform: uppercase;margin-bottom: 15px;}
.certificates .certificate-details .certificate p{font-size: 18px;font-weight: 300;margin-bottom: 0;}
.certificates .certificate-details .certificate .certificate-viewer{width:70%;}
.certificates .certificate-details .certificate .certificate-viewer img{width:100%;border:1px solid var(--grey);cursor: pointer;}
.certificates .certificate-details .certificate .certificate-viewer .thumbs{width:100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.certificates .certificate-details .certificate .certificate-viewer .thumbs img{width:calc(25% - 10px);margin:10px 3px;border:1px solid transparent;padding:1px;cursor: pointer;}
.certificates .certificate-details .certificate .certificate-viewer .thumbs img.active, .certificates .certificate-details .certificate .certificate-viewer .thumbs img:hover{border-color:var(--darkgrey);}

body.noscroll{overflow: hidden;}
.certificates .certificate-popup{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);position: fixed;z-index: 1000;top:0;left:0;}
.certificates .certificate-popup .inner{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:95%;height:95%;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;flex-direction: column;}
.certificates .certificate-popup .inner img{max-width:100%;max-height:100%;width: auto;height:auto;}
.certificates .certificate-popup .inner .top{width:100%;height:80px;display: flex;justify-content: flex-end;align-items: center;}
.certificates .certificate-popup .inner .top .close{text-transform:uppercase;color:white;cursor:pointer;display: block;vertical-align: middle;}
.certificates .certificate-popup .inner .top .close img{width:18px;margin-right:2px;}
.certificates .certificate-popup .inner .middle{display: flex;justify-content: center;align-items: center;width:100%;max-height: calc(100% - 180px);}
.certificates .certificate-popup .inner .thumbs{height:80px;width: 100%;display: flex;justify-content: center;align-items: center;margin-top:20px;}
.certificates .certificate-popup .inner .thumbs img{margin: 5px;height:calc(100% - 10px);max-width: none;max-height: none;cursor:pointer;}
.certificates .certificate-popup .inner .thumbs img.active, .certificates .certificate-popup .inner .thumbs img:hover{border:1px solid white;padding: 2px;}


.contact .bg{background-color:var(--grey);}
.contact h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.contact .intro p{font-size: 20px;font-weight: 300;text-align: center;}
.contact .companies{padding-top:75px;padding-bottom: 50px;}
.contact .companies .company{padding:20px;text-align: center;}
.contact .companies .company img{width: 150px;margin-bottom:20px;}
.contact .companies .company p{font-weight: 300;font-size: 18px;}
.contact .contact-footer{background-color:transparent;justify-content: center;margin-top: 0;padding-top: 50px;}
.contact .vacatures{text-align: center;margin-top:70px;margin-bottom:70px;}
.contact .vacatures h2{text-align: center;font-size: 35px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.contact .vacatures a{border-radius: 5px;display: inline-block;border:2px solid var(--red);color:var(--red);font-weight: 600;padding:12px 25px;text-decoration: none;text-transform: uppercase;transition:background-color 0.6s, color 0.4s;}
.contact .vacatures a.disabled{pointer-events: none;cursor: default;}
.contact .vacatures a:hover{background-color:var(--red);color:white;}

.extra_textpage{margin-bottom: 70px;}
.extra_textpage .intro h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.extra_textpage .intro p{font-size: 20px;font-weight: 300;text-align: center;}
.extra_textpage .textpage a{color:inherit;}
.extra_textpage .textpage p, .extra_textpage .textpage ul, .extra_textpage .textpage ol{font-size:18px;}
.extra_textpage .textpage h1{font-weight: 300;font-size:35px;margin-top: 35px;margin-bottom:15px;}
.extra_textpage .textpage h2{font-weight: 300;font-size:30px;margin-top: 35px;margin-bottom:15px;}
.extra_textpage .textpage h3{font-weight: 300;font-size:22px;margin-top: 25px;margin-bottom:10px;}

/*footer{padding-top:25px;padding-bottom:15px;background-color:#6b120d;color:white;}
footer .row{align-items: center;}
footer .legal p{margin:0;font-size:12px;text-transform: uppercase;}
footer .legal p a{text-decoration: underline;color:var(--bs-body-text-align);}
footer .logo{text-align: right;}
footer .logo img{width: 100%;max-width:130px;}*/
footer{padding-top:50px;padding-bottom:15px;background-color:var(--darkred);color:white;}
footer .logo img{width:100%;max-width: 200px;}
footer .title{font-size: 20px;font-weight:700;margin-top: 10px;}
footer .menu a{display: block;color: white;text-decoration: none;font-size: 16px;}
footer .products .list{display: block;columns: 2;}
footer .products .list a{display: block;width:100%;color:white;text-decoration: none;font-size: 16px;padding:5px;}
footer .products .list a img{width: 25px;padding-bottom: 5px;vertical-align: middle;margin-top: -5px;margin-right:5px;}
footer .legal{margin-top:35px;color:white;text-align: center;font-size: 12px;text-transform: uppercase;}
footer .legal a{color:white;text-decoration: underline;}

/* COOKIES */
.cookies{display:none;visibility:hidden;opacity:0;position:fixed;bottom:0%;left:50px;background-color:var(--darkred);border:2px solid var(--darkred);z-index:1000;max-width:350px;padding:30px;box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}
.cookies p{color:white;font-size:14px;}
.cookies p a{color:white;text-decoration:underline}
.cookies .cookiebtn{font-size:14px;font-weight:600;color:var(--darkred);padding:10px 20px;background-color:white;display:inline-block;cursor:pointer;}
@media (max-width: 575px){
	.cookies{width:100%;left:0;right:0;bottom:0;max-width:none}
}

@media (min-width: 1200px){
	.category-overview .col-xl-12.category{width:20%;}
}

@media (max-width: 1399px){
	.locations .location-item{margin-top: -90px;margin-left:50px;margin-right:50px;width:calc(100% - 100px);}
}

@media (max-width: 1199px){
	header .logo{width: 150px;}
	header nav ul{padding-left:0;}
	header nav ul li{margin:0;}
	header nav ul li a{font-size:15px;}
	.header-spacer{height: 125px;}
	.home .banner, .banner{padding-top:calc(100% / 5 * 2);}
	.home h1{font-size:42px;}
	.locations h1, .contact h1, .certificates h1, .sustainability h1, .history h1, .extra_textpage .intro h1{font-size: 42px;margin-top:50px;}
	.home .intro p, .locations .intro p, .contact .intro p, .certificates .intro p, .sustainability .intro p, .history .intro p, .extra_textpage .intro p{font-size: 18px;}
	/*.core-tasks .item a{padding:20px;}
	.core-tasks .item .img-container{max-width: 175px;}*/
	.core-tasks .item h3{font-size:22px;}
	.core-tasks .item p{font-size:16px;}
	.core-tasks .item .readmore{margin-top: 20px;}
	.contact-footer h2{font-size:30px;}
	.locations .location-details .map{margin-top:50px;}
	.locations .location-item .title{font-size:30px;}
	.contact .companies .company img{width: 120px;}
	.certificates .certificate-row .certificate{width:calc(100% / 6);}
	.certificates .certificate-details .certificate h2{font-size:22px;}
	.certificates .certificate-details .certificate p{font-size: 16px;}
	.sustainability .key-focus-areas h2{font-size:30px;}
	.history .timeline .description .text>*{font-size:16px !important;}
	.history .timeline .values .value.active .marker, .history .timeline .values .value:hover .marker{width:25px;height:25px;}
	.history .timeline .values .value .marker{width:18px;height:18px;}
}

@media (max-width: 991px){
	.home .banner, .banner{padding-top:calc(100% / 2 * 1);}
	.home h1{font-size:35px;}
	.locations h1, .contact h1, .certificates h1, .sustainability h1, .history h1, .extra_textpage .intro h1{font-size: 35px;margin-top:25px;}
	.core-tasks .item{margin-bottom: 25px;}
	.core-tasks .item a{padding:0;}
	.core-tasks .item .flexbox{display: flex; flex-direction: row;align-items: center;/*padding:50px 25px 35px 25px;*/padding:0;}
	/*.core-tasks .item .img-container{padding-top:0;height:100%;width:30%;margin-right:25px;}*/
	.core-tasks .item .full-img{width: 40%;padding-top:0;height:100%;}
	.core-tasks .item .text{text-align: left;width:60%;padding-top:25px;padding-bottom:25px;}
	.core-tasks .item .readmore{padding-bottom: 15px;background-color: #E1E1E1; margin: 0;padding-top: 15px;border-top: 1px solid #D1D1D1;letter-spacing: 3px;transition: background-color 1s, border-color 1s;}
	.core-tasks .item h3{margin-top:0;}
	.core-tasks .item .fulltext{text-align: left;}
	.core-tasks .item a:hover .readmore{background-color:var(--red);border-color:white;}
	.contact-footer h2, .contact-footer p{text-align: center;}
	.contact-footer p.address{display: none;visibility: hidden;}
	.contact-footer h2+p{display: block;visibility: visible;}
	.contact-footer h2+p br{display: none;visibility: hidden;}
	.contact-footer form p{text-align: left;}
	.contact-footer form{margin-top: 20px;}
	.locations .location-details .map{margin-bottom:0;}
	.locations .location-item{margin-bottom:0;}
	.locations .location-item .title{font-size:26px;}
	.locations .location-item p{font-size: 18px;}
	.locations .location-item .certificates p{font-size: 14px;}
	.locations .location-item .certificates .certificate{height: 65px;}
	header{box-shadow: none;}
	.header-spacer{height:100px;}
	header .logo{width: 100%;position: relative;z-index: 1000;background-color: white;margin: 0;padding: 0;box-shadow:0 0 10px 0 rgba(200, 200, 200, 0.6);background-color:white;display: flex;justify-content: space-between;align-items: center;}
	header .logo a{height: 70px;width:auto;display: inline-block;margin: 15px;margin-left:25px;}
	header .logo a img{width:auto;height:100%;}
	header nav{position: fixed;z-index:999;right:-350px;opacity:0;/*right:-350px;opacity:0;*/top:0;box-shadow:0 0 10px 0 rgba(200, 200, 200, 0.6);width:350px;height:100%;margin-right:0;background-color:white;transition: right 1s, opacity 0.6s;}
	header nav.open{right:0;opacity:1;}
	header nav ul {margin: 0;display: flex;flex-direction: column;width: 100%;height: calc(100% - 130px);padding: 0;margin-top: 115px;margin-bottom:15px;overflow: auto;}
	header nav ul li {margin: 0;padding: 0;width: 100%;}
	header nav ul li a {font-size: 16px;padding: 15px 25px;width: 100%;margin: 0;}
	header nav ul li a:hover{background-color:var(--grey);}
	header nav ul li ul{display: flex;visibility: visible;position:relative;top:auto;height:auto;}
	header nav ul li ul li a {font-size: 13px;white-space: nowrap;padding: 10px 35px;margin: 0;}
	header nav ul li a.button{margin-left:25px;}
	header .mobile-menu{display: block;visibility: visible;position: relative;width:40px;height:40px;margin-right:25px;border:1px solid black;border-radius:5px;cursor: pointer;}
	header .mobile-menu img{position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);width: 80%;opacity: 0;transition: opacity 0.7s;}
	header .mobile-menu img.active{opacity: 1;}
	.contact .companies .company{padding:0;}
	.contact .companies .company img{width: 100px;}
	.contact .companies .company p{font-size: 16px;}
	.certificates .certificate-row .certificate{width:calc(100% / 5);}
	.certificates .certificate-popup .inner .top{height: 50px;}
	.certificates .certificate-popup .inner .thumbs{height: 60px;margin-top:10px;}
	.certificates .certificate-popup .inner .middle{max-height:calc(100% - 120px);}
	.sustainability .intro img.sustainability-logo{width: 80%;max-width: 250px;}
	.sustainability .key-focus-areas .text{padding-left:35px;}
	.history .timeline{position: relative;}
	.history .timeline .values{width: 5px;height: auto;background: var(--red);margin-top: 40px;margin-left: 80px;position: relative;padding-top:50px;padding-bottom:50px;}
	.history .timeline .values .arrow{bottom:1px;top:auto;left:50%;right:auto;border-top-color: transparent;border-left-color: transparent;border-right-color: var(--red);border-bottom-color:  var(--red);transform:translate(-50%, 0) rotate(45deg);}
	.history .timeline .values .hidden-values div{height: 20px;width: 1px;}
	.history .timeline .values .value{top:auto;left:50%;}
	.history .timeline .values .value:nth-child(odd).active .year, .history .timeline .values .value:nth-child(odd):hover .year{top: 50%;}
	.history .timeline .values .value:nth-child(odd) .year, .history .timeline .values .value .year{top:50%;left: calc(100% + 15px);transform:translate(0, -50%);}
	.history .timeline .description{position: absolute;margin-top:0;margin-left:200px;width:calc(100% - 280px);left:0;}
	.history .timeline .description:before{bottom:auto;right:100%;top:40px;left:auto;transform:translateY(-50%);border:14px solid white !important;border-left-width: 0 !important;border-right-color:var(--grey) !important;}
	.extra_textpage .textpage p, .extra_textpage .textpage ul, .extra_textpage .textpage ol{font-size:16px;}
	.extra_textpage .textpage h1{font-size:30px;}
	.extra_textpage .textpage h2{font-size:24px;}
	.extra_textpage .textpage h3{font-size:20px;}
	.values .key-values .item>div h3{font-size: 28px;margin-left:15px;}
	.values .key-values .item>div .title span{font-size: 130px;}
	.values .key-values .item .fulltext{padding:15px 25px;}
	.values .key-values .item .fulltext img{width: 150px;margin-bottom: 15px;}

	/*	.extra_textpage{margin-bottom: 70px;}
.extra_textpage .intro h1{text-align: center;font-size: 50px;font-weight: 300;line-height: 1.2;margin-top:70px;margin-bottom: 20px;}
.extra_textpage .intro p{font-size: 20px;font-weight: 300;text-align: center;}
.extra_textpage .textpage a{color:inherit;}
.extra_textpage .textpage p, .extra_textpage .textpage ul, .extra_textpage .textpage ol{font-size:18px;}
.extra_textpage .textpage h1{font-weight: 300;font-size:35px;margin-top: 35px;margin-bottom:15px;}
.extra_textpage .textpage h2{font-weight: 300;font-size:30px;margin-top: 35px;margin-bottom:15px;}
.extra_textpage .textpage h3{font-weight: 300;font-size:22px;margin-top: 25px;margin-bottom:10px;}*/

}

@media (max-width: 767px){
	.brdcrmb{display: none;visibility: hidden;}
	.locations h1, .contact h1, .certificates h1, .sustainability h1, .history h1, .extra_textpage .intro h1{margin-top:50px;}
	.locations .location-item{margin-top:-35px;width:100%;margin-left:0;margin-right:0;padding:25px;padding-top: 40px;background-color:white;}
	.locations .location-details .map .marker .flag{left:90%;width:40px;}
	.locations .location-details .map .marker.active .flag{width:65px;}
	.locations .location-details .map .img-container{overflow: hidden;}
	.locations .location-details .map .img-container img{width: 140%;}
	.locations .location-details .map .marker2[data-id=belgium]{top:35%;left: 40.5%;}
	.locations .location-details .map .marker2[data-id=uk]{top:31%;left: 29%;}
	.locations .location-details .map .marker2[data-id=italy]{top:53.3%;left: 51.2%;}
	.contact .companies .company{margin-bottom: 35px;}
	.contact .companies .company>div:last-child{margin-bottom: 0;}
	.contact .companies .company img{margin-bottom: 5px;}
	.certificates .certificate-row{display: none;visibility: hidden;}
	.certificates .certificate-details{margin-top: 50px;}
	.certificates .certificate-details .certificate .certificate-viewer{width: 100%;margin-bottom: 20px;display: flex;}
	.certificates .certificate-details .certificate .certificate-viewer>img{width: 25%;}
	.certificates .certificate-details .certificate .certificate-viewer .thumbs{width:50px;justify-content: flex-start;align-items: flex-start;flex-direction: column;}
	.certificates .certificate-details .certificate .certificate-viewer .thumbs img{width: calc(100% - 20px);margin: 3px 10px;}
	.sustainability .intro img.sustainability-logo{width: 60%;max-width:200px;}
	.sustainability .key-focus-areas .img-viewer{width: 75%;padding-top:75%;margin-left:auto;margin-right:auto;margin-bottom: 35px;}
	.sustainability .key-focus-areas-trigger:hover .img-viewer img.visible{transform:translate(-50%, -50%) scale(1.15);}
	.history .timeline .values{margin-left: 0px;}
	.history .timeline .description{margin-left:105px;width:calc(100% - 105px);}
}
@media (max-width: 575px){
	.header-spacer{height: 65px;}
	.home h1{font-size: 32px;}
	.home h1 br, .sustainability h1 br{display: none; visibility: hidden;}
	.locations h1, .contact h1, .certificates h1, .sustainability h1, .history h1{font-size: 32px;}
	.home .banner, .banner{padding-top:calc(100% / 16 * 9);}
	.core-tasks .item .flexbox{flex-direction: column;padding: 0;}
	/*.core-tasks .item .img-container{width: 120px;height:100px;margin-right:auto;margin-left:0;}*/
	.core-tasks .item .full-img{width: 100%;padding-top:calc(100% / 4 * 3);height:auto;}
	.core-tasks .item .text{width:100%;margin-right:0;padding-left:15px;padding-right:15px;}
	.contact-footer{padding-left:25px;padding-right:25px;padding-top:35px;}
	.locations .location-details .map .img-container{overflow: hidden;}
	.locations .location-details .map .img-container img{width: 140%;}
	.locations .location-details .map .marker .flag{width:20px;}
	.locations .location-details .map .marker.active .flag{width:50px;}
	.locations .location-item .title{font-size: 22px;}
	.locations .location-item p{font-size: 16px;}
	.locations .location-item .certificates .certificate{margin:5px;}
	.locations .location-details .map .marker2[data-id=belgium]{top:35%;left: 40.5%;}
	.locations .location-details .map .marker2[data-id=uk]{top:31%;left: 29%;}
	.locations .location-details .map .marker2[data-id=italy]{top:53.3%;left: 51.2%;}
	header .logo a{height: 60px;width:auto;display: inline-block;margin: 10px;margin-left:25px;}
	header .mobile-menu{width:35px;height:35px;}
	header nav{right:-300px;width:300px;}
	header nav ul {height: calc(100% - 110px);margin-top:95px;}
	.sustainability .key-focus-areas .text img{max-width:130px !important;}
	.sustainability .key-focus-areas-trigger:hover .img-viewer img.visible{transform:translate(-50%, -50%) scale(1.1);}
	.history .timeline .values{margin-left: 5px;}
	.history .timeline .description{margin-left:110px;width:calc(100% - 115px);}
	.history .timeline .description .text>*{font-size:14px!important;}
}

@media (hover: none) {
	.sustainability .key-focus-areas-trigger .img-viewer img.blur{opacity: 0.3;}
	.sustainability .key-focus-areas-trigger .img-viewer img.visible{transform:translate(-50%, -50%) scale(1.25);}
}
@media (hover: none) and (max-width: 767px){
	.sustainability .key-focus-areas-trigger .img-viewer img.visible{transform:translate(-50%, -50%) scale(1.15);}
}
@media (hover: none) and (max-width: 575px){
	.sustainability .key-focus-areas-trigger .img-viewer img.visible{transform:translate(-50%, -50%) scale(1.1);}
}
