@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; outline:none;}
img,fieldset{max-width:100%; border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#ffffff; overflow-x:hidden; font-family:'Mulish', sans-serif; overflow-y:scroll; font-size:1.6rem; line-height:1.628571; color:#444444; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:method;}
body.block{overflow:hidden;}
h1, h2, h3, h4, h5, h6{width: 100%; height:auto; line-height:1.6em; margin:0px 0px 10px 0px;}
h1{font-size:4.8rem;}
h2{font-size:3.0rem;}
h3{font-size:2.2rem; margin:0px 0px 15px 0px;}
a, a:hover{color:#444444; display: inline-block;position:relative; text-decoration:none;}
p a::before{content:' '; width:100%; max-width:0%; height:1px; display:block; transition:2s; position:absolute; bottom:0; z-index:9; overflow:hidden; background:#e62b27;}
p a:hover{color:#e62b27; transition:2s;}
p a:hover::before{content:' '; max-width:100%;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none !important;}
ul, ol{list-style:initial; font-size:1.6rem; line-height:1.628571; margin:0px 0px 35px 0px; color:#444444;}
ol{list-style:decimal;}
li{line-height: 1.628571; font-size:1.6rem; font-weight: 500; margin:0px 0px 0px 35px;}
.container{max-width: 1176px; height:auto; margin:auto; padding-left: 30px; padding-right: 30px;}

header{width:auto; height:auto; display:block; overflow:hidden; padding:83px 0px 0px 0px;}
header .scroll-nav{position:fixed; width:100%; height: 83px; z-index:9999999999; top:0; background: #fff;}
header .scroll-nav.shadow{box-shadow: rgba(102, 114, 138, 0.1) 4px 6px 20px; }
header nav{width:auto; height:80px; padding:0px 10px 3px 0px; position:relative;}
header nav h1{width:171px; height:40px; display:block !important; overflow:hidden; float:left; margin:20px 0px 0px 0px;}
header nav h1 a{width:171px; height:40px; display:block !important;;overflow:hidden; text-indent:-4000px; background:url('../images/logo.png') no-repeat top center / 171px 40px; z-index:99;}
header nav ul{width:auto; height:80px; float:right; list-style:none; position:relative; z-index:9;}
header nav ul li{width:auto; height:80px; display:block; float:left; cursor:pointer; padding:0px 35px 0px 0px; position:relative; font-size: 1.6rem; line-height: 1.628571; font-weight:initial; margin:0;}
header nav ul li a{height:80px; line-height:80px; display:block; text-decoration:none; color:#444444; position:relative; font-weight:600;}
header nav ul li::after{content:' '; height:3px; display:block; position:absolute; bottom:-3px; background:#000;}
/*header nav ul li:nth-child(1)::after{content:' '; background:#e53027;}*/
header nav ul li:nth-child(1)::after{content:' '; background:linear-gradient(45deg, rgba(229,48,39,1) 50%, rgba(0,0,0,0) 50%);}
/*header nav ul li:nth-child(2)::after{content:' '; background:#ef6b67;}*/
header nav ul li:nth-child(2)::after{content:' '; background:linear-gradient(45deg, rgba(239,107,103,1) 50%, rgba(0,0,0,0) 50%);}
/*header nav ul li:nth-child(3)::after{content:' '; background:#ef7d2d;}*/
header nav ul li:nth-child(3)::after{content:' '; background:linear-gradient(45deg, rgba(239,125,45,1) 50%, rgba(0,0,0,0) 50%);}
/*header nav ul li:nth-child(4)::after{content:' '; background:#dcd2c8;}*/
header nav ul li:nth-child(4)::after{content:' '; background:linear-gradient(45deg, rgba(220,210,200,1) 50%, rgba(0,0,0,0) 50%);}
/*header nav ul li:nth-child(5)::after{content:' '; background:#8e8e8e;}*/
header nav ul li:nth-child(5)::after{content:' '; background:linear-gradient(45deg, rgba(142,142,142,1) 50%, rgba(0,0,0,0) 50%);}
header nav ul li:nth-child(6)::after{content:' '; background:linear-gradient(45deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 50%);}
header nav ul li.menuitem13::after{content:' '; background:linear-gradient(45deg, rgba(41,171,225,1) 50%, rgba(0,0,0,0) 50%);}
header nav ul li:nth-child(7)::after{content:' '; background:linear-gradient(45deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 50%);}
header nav ul li a {transition: all 2s;}
header nav ul li.on:after {height:30px !important; width:30px !important; max-width:30px; max-height:30px; position:absolute; left:-10px; z-index: -10; opacity: 1;}
header nav ul li.on:hover:after{animation: none; -webkit-animation: none; -moz-animation: none;}
header nav ul li:after {position: absolute; left: -10px; text-align: left; content: '.'; margin: 0; max-height:0px; width:30px; height:30px; transition-property:max-height; transition-duration: .2s, 1s; transition-delay:0s, .2s;}
header nav ul li:hover {z-index: 1;}
header nav ul li:hover:after {height:30px !important; width:30px !important; max-width:30px; max-height:30px; z-index: -10; transition-property:max-height, max-width; transition-duration: .2s, 1s; transition-delay:0s, .2s; animation: fill 0.75s forwards; -webkit-animation: fill 0.75s forwards; -moz-animation: fill 0.75s forwards; opacity: 1;}
/*header nav .bar{width:100%; height:3px; position:absolute; bottom:0; background:linear-gradient(90deg, rgba(230,43,39,1) 70%, rgba(0,0,0,1) 70%);;}
header nav .bar{width:100%; height:3px; position:absolute; bottom:0; bacgrkound: rgba(230,43,39,1);}*/
header nav .menu-icon{display:none;}
@-webkit-keyframes fill { 0% { height:0px; } 100% { height: 30px; } }

header section{width:100%; display:block; margin:auto; overflow:hidden; position:relative; background-size:100%;}
header section .wrapper{width:2000px; height:400px;}
header section .row{width:100%; height:80px;}
header section .box{width:80px; height:80px; float:left; position:relative;}
header section .title{width:475px; max-width:0px; height:80px; overflow:hidden; float:left; line-height:80px; position:relative; transition:1.5s; background:#fff;}
header section .title h2{width:475px; margin:0px; padding:0px; text-align:center; text-transform:uppercase; font-size:22px; line-height:80px; font-weight:500; letter-spacing: 2px;}
header section .title h2 span{color:#e62b27;}
header section .box .triangle{width:80px; height:80px; display:block; opacity:1;transition:opacity 1s;}
header section.ons-team .title{display:none;}
/* header section .box .triangle.top{border-top: 80px solid;}
header section .box .triangle.right{border-right: 80px solid transparent !important;}
header section .box .triangle.left{border-left: 80px solid transparent !important;}
header section .box .triangle.bottom{border-bottom: 80px solid;} */
/*white*/
header section .box .triangle.bottom.right.white{background:linear-gradient(45deg, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.bottom.right.white.force{background:linear-gradient(45deg, rgba(255,255,255,1) 51%, rgba(0,0,0,0) 49%);}
header section .box .triangle.bottom.left.white{background:linear-gradient(135deg, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.top.left.white{background:linear-gradient(225deg, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.bottom.left.white{background:linear-gradient(315deg, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 50%);}

/*black*/
header section .box .triangle.bottom.right.black{background:linear-gradient(45deg, rgba(29,29,27,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.top.right.black{background: linear-gradient(135deg, rgba(29,29,27,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.top.left.black{background: linear-gradient(225deg, rgba(29,29,27,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.bottom.left.black{background:linear-gradient(315deg, rgba(29,29,27,1) 50%, rgba(0,0,0,0) 50%);}

/*red*/
header section .box .triangle.bottom.right.red{background:linear-gradient(45deg, rgba(230,43,39,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.bottom.right.red.force{background:linear-gradient(45deg, rgba(230,43,39,1) 51%, rgba(0,0,0,0) 49%);}
header section .box .triangle.top.right.red{background: linear-gradient(135deg, rgba(230,43,39,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.top.left.red{background: linear-gradient(225deg, rgba(230,43,39,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.bottom.left.red{background:linear-gradient(315deg, rgba(230,43,39,1) 50%, rgba(0,0,0,0) 50%);}

/*grey*/
header section .box .triangle.bottom.right.grey{background:linear-gradient(45deg, rgba(135,135,134,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.top.right.grey{background: linear-gradient(135deg, rgba(135,135,134,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.top.left.grey{background: linear-gradient(225deg, rgba(135,135,134,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.bottom.left.grey{background:linear-gradient(315deg, rgba(135,135,134,1) 50%, rgba(0,0,0,0) 50%);}

/*purple*/
header section .box .triangle.bottom.right.purple{background:linear-gradient(45deg, rgba(230,0,126,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.top.right.purple{background: linear-gradient(135deg, rgba(230,0,126,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.top.left.purple{background: linear-gradient(225deg, rgba(230,0,126,1) 50%, rgba(0,0,0,0) 50%);}
header section .box .triangle.bottom.left.purple{background:linear-gradient(315deg, rgba(230,0,126,1) 50%, rgba(0,0,0,0) 50%);}

/* header section .box .triangle.red{border-color:#e62b27}
header section .box .triangle.black{border-color:#1d1d1b}
header section .box .triangle.white{border-color:#ffffff}
header section .box .triangle.grey{border-color:#878786}
header section .box .triangle.purple{border-color:#e6007e} */
header section .box .triangle.transparent-50{opacity:.5}
header section .box .triangle.transparent-75{opacity:.75}
header section .box .triangle.force{position:absolute; top:0; left:0;}
header section .box.corner{position:absolute; bottom:0; right:0;}

section{position:relative;}
section .bg{width:100%; height:100%; display:block; position:absolute; top:0; z-index:-1;}
section .bg .box .triangle{width:0; height:0; opacity:1;}
section .bg .box .triangle.top{border-top: 80px solid #f3f4f7;}
section .bg .box .triangle.right{border-right: 80px solid #f3f4f7 !important;}
section .bg .box .triangle.left{border-left: 80px solid #f3f4f7 !important;}
section .bg .box .triangle.bottom{border-bottom: 80px solid #f3f4f7;}
section .bg .box .triangle.transparent-50{opacity:.5}
section .bg .box .triangle.transparent-75{opacity:.75}

section div.container article.full div.content a::before,
section div.container article.full div.intro-content a::before,
section div.container article.full div.content u a::before,
section div.container article.full div.intro-content u a::before{content:unset;}
section div.container article.full div.content a,
section div.container article.full div.intro-content a{content:unset;}
section div.container article.full div.content u a,
section div.container article.full div.intro-content u a{content:unset; text-decoration: underline;}

section article.intro{padding:50px 0px;}
section article.intro.full{padding:50px 145px;}
section article.intro .intro-content{width:620px; float:left;}
section article.intro.full .intro-content{width:100%;}
section article.default.full .intro-content{width:100%;}
/*section article.intro .intro-content h2::after{content:' '; width:40px; height:4px; display:block; border-radius:2px; margin:5px 0px 35px; background:#e62b27;}*/
section article.intro .intro-content h3.line::after{content:' '; width:40px; height:4px; display:block; border-radius:2px; margin:5px 0px 35px; background:#e62b27;}
section article.intro .intro-content a.intro-link{display:inline-block; overflow:hidden; position:relative; transition:.2s; margin:15px 0px 0px 0px; padding:0px 0px 0px; text-decoration:none; color:#444444;}
section article.intro .intro-content a.intro-link::after{font-family: "Font Awesome 5 Free"; content:"\f105"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;float:right;padding:0px 10px;margin: 8px 0px 0px 0px;}
section article.intro .intro-content a::before{content:' '; width:100%; max-width:0%; height:1px; display:block; transition:2s; position:absolute; bottom:0; z-index:9; overflow:hidden; background:#e62b27;}
section article.intro .intro-content a:hover{color:#e62b27; transition:2s;}
section article.intro .intro-content a:hover::before{content:' '; max-width:100%;}
section article.intro p{line-height:1.8em; font-size:18px; font-weight:500;}
section article.intro .boxed-image{width:500px; height:300px; display:block; float:right; box-shadow: rgba(102, 114, 138, 0.3) 4px 6px 20px;}
section article.intro .boxed-image img{width:500px;}
section article.intro.no-margin{float:none; padding:0px 145px 175px;}
section article.intro.no-margin .intro-content{float:none; }
section article.no-padding{padding:0px;}

section article.default .content p a.intro-link::after{font-family: "Font Awesome 5 Free"; content:"\f105"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.628571;float:right;padding:0px 0px 0px 10px;}

section article{padding:50px 0px 20px 0px;}
section article.persons{padding:0px;}
section article.default{}
section article.persons-list{padding:0px 145px 35px 145px;}
/*section article h2::after{content:' '; width:40px; height:4px; display:block; border-radius:2px; margin:5px 0px 35px; background:#e62b27;}*/
section article h3.line::after{content:' '; width:40px; height:4px; display:block; border-radius:2px; margin:5px 0px 35px; background:#e62b27;}
section article h3.center{text-align:center;}
section article h3.center::after{content:' '; margin:5px auto 35px auto;}
section article p{margin:0px 0px 35px 0px;}
section article h2.padded{padding:0px 145px;}
section a.label{width:auto; height:30px; line-height:30px; display:inline-block; padding:0px 10px; font-size:13px; background:#e62b27; font-weight:700; color:#fff;}
section a.label i{font-size:14px; margin:0px 6px 0px 0px;}
section a.label::before, section a.inline.label::after{content:' '; background:none;}
section a.label.arrow::after{font-family: "Font Awesome 5 Free"; content:"\f105"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;float:right;padding:0px 0px 0px 10px;margin: 10px 0px 0px 0px;}
section a.inline{margin:-48px 30px 0px 0px; float:right;}
section a.inline.small{margin:-50px 0px 0px 0px; float:right;}
section span.label{width:auto; height:30px; line-height:30px; display:inline-block; padding:0px 10px; margin:0px 5px 35px 0px; font-size:13px; background:#e62b27; font-weight:700; color:#fff;}

section.greyblue{margin:0px; padding:0px 0px 20px 0px; background:#f3f4f7}
section.greyblue.workfield{padding:75px 150px;}
section.greyblue ul{width:100%; display:inline-block; list-style:none;}
section.greyblue ul.ons-werkveld{margin: 20px 0px 0px 0px;}
section.greyblue ul li{width:33.3333%; height:344px; display:block; overflow:hidden; float:left; transition:.2s; font-size: 1.6rem; line-height: 1.628571; font-weight:initial; margin:0;}
section.greyblue.workfield ul li{width:25%;}
section.greyblue ul li a:not(.intro-link){display:block; height:200px; padding:35px; margin:20px; text-decoration:none; box-shadow:rgba(102, 114, 138, 0.1) 4px 6px 20px; color:#66728a; background:#fff; float:left;}
section.greyblue ul.ons-werkveld li a:not(.intro-link){height:auto; min-height:234px;}
section.greyblue ul.ons-werkveld li .intro-link:after{content:"\f105"; font-family: "Font Awesome 5 Free"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;float:right; padding: 0px 0px 0px 10px; margin: 5px 0px 0px 0px;}
section.greyblue ul.ons-werkveld li .intro-link:before{content: ' ';width: 100%;max-width: 0%;height: 1px;display: block;transition: 2s;position: absolute;bottom: 0;z-index: 9;overflow: hidden;background: #e62b27;}
section.greyblue ul.ons-werkveld li .intro-link:hover:before{content: ' ';max-width: 100%; opacity:unset;}
section.greyblue ul.ons-werkveld li span.intro-link:hover:before{max-width: 147px;}
section.greyblue ul.ons-werkveld li a:not(.intro-link) div.icon-left{display: inline-block; height: 182px; float: left;}
section.greyblue ul.ons-werkveld li a:not(.intro-link) div.text-right{width: 140px; float: right; display: inline-block;}
section.greyblue ul.ons-werkveld li a:not(.intro-link) div.text-right p{position: relative;}
section.greyblue ul li a::before{content:' '; opacity:0;}
section.greyblue ul li a i{width:200px !important; height:200px !important; margin:0px; display: block!important; text-align: center; font-size: 42px; color:#ef6b67;}
section.greyblue ul.ons-werkveld li a:not(.intro-link) i{width:120px !important; height:120px !important; margin:0px 10px 10px auto;}
section.greyblue ul.ons-werkveld li a.splash:not(.intro-link) i{width:186px !important; height:186px !important;}
section.greyblue ul.ons-werkveld li a.splash:not(.intro-link){width: 72%;}
section.greyblue ul.ons-werkveld li a:not(.intro-link) i.splash{margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
section.greyblue ul.ons-werkveld li a.splash div.text { position: absolute;bottom: 20px;width: auto;margin: auto;vertical-align: middle;text-align: center;width: 80%; }
section.greyblue ul.ons-werkveld li a.splash div.text span.intro-link { width: auto;display: inline-block; }
section.greyblue ul.ons-werkveld li:hover span.underline:before{content: ' ';max-width: 147px; opacity:unset;}

section.greyblue ul.ons-werkveld li div.text-right span.intro-link:after{content:"\f105"; font-family: "Font Awesome 5 Free"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;float:unset; padding:0px 0px 0px 10px; margin: 5px 0px 0px 0px;}
section.greyblue ul.ons-werkveld li div.text-right span.intro-link:before{content: ' ';width: 100%;max-width: 0%;height: 1px;display: block;transition: 2s;position: absolute;bottom: 0;z-index: 9;overflow: hidden;background: #e62b27;}
section.greyblue ul.ons-werkveld li:hover div.text-right span.underline:before{content: ' ';max-width: 94px; opacity:unset;}

section.greyblue ul li a h4{font-size:17px; margin:0px 0px 10px 0px;}
section.greyblue ul li.title{padding:35px 20px; box-sizing:border-box;}
section.greyblue ul li h3{font-size:20px;}
section.greyblue ul li:not(.title):hover{transform:scale(1.05); transition:.2s;}
section.greyblue .list.five-column li{padding:0px; margin:20px 0px 0px 0px;}
section.greyblue .list.five-column li a{height:auto; text-align:center; float:left;}

i.icon:not(.fas):not(.far){width:30px; height:30px; display:inline-block; overflow:hidden; float:left;}
i.icon.business{background:url('../images/business-innovatie.png') no-repeat top center / cover;}
i.icon.duurzaam{background:url('../images/duurzaam-bouwen.png') no-repeat top center / cover;}
i.icon.informatie{background:url('../images/informatiemanagement.png') no-repeat top center / cover;}
i.icon.klimaat{background:url('../images/klimaatadaptatie.png') no-repeat top center / cover;}
i.icon.sociale{background:url('../images/sociale-innovatie.png') no-repeat top center / cover;}
i.icon.business.small{background:url('../images/business-innovatie-klein.png') no-repeat top center / cover;}
i.icon.duurzaam.small{background:url('../images/duurzaam-bouwen-klein.png') no-repeat top center / cover;}
i.icon.informatie.small{background:url('../images/informatiemanagement-klein.png') no-repeat top center / cover;}
i.icon.klimaat.small{background:url('../images/klimaatadaptatie-klein.png') no-repeat top center / cover;}
i.icon.sociale.small{background:url('../images/sociale-innovatie-klein.png') no-repeat top center / cover;}

section.quote-wrapper{margin:0px; overflow:hidden;}
section.quote-wrapper ul.quotes{ list-style:none; padding:0px; padding:50px; overflow:hidden; list-style:none;font-size: 1.6rem; line-height: 1.628571; font-weight:initial; margin: 0;}
section.quote-wrapper ul.quotes li{ width:33%; display:table; float:left; height:auto; transform:scale(1); transition:1s; position:relative; z-index:9; cursor:pointer; padding:35px; margin:20px 50px; text-decoration:none; box-shadow:rgba(102, 114, 138, 0.1) 4px 6px 20px; color:#66728a; background:#fff;}
section.quote-wrapper ul.quotes li.slick-current{transform:scale(1.3); position:relative; transition:1s; z-index:999999; cursor: default; background:rgba(255,0,0,.2);}
section.quote-wrapper ul.quotes li h4{width:auto; padding:0px 25px 0px 25px; color:#000; text-decoration:none; font-size:16px}
section.quote-wrapper ul.quotes li p{padding:0px 25px 0px 25px; color:#000; text-decoration:none; font-size:16px; font-style:italic;}

section .slick-dots{width:auto; display:table; clear:both; margin:auto; text-align:center;}
section ul.slick-dots li{width:12px!important; max-width:6px;transform:.1s; height:6px!important;list-style:none; display:inline-block!important;font-size: 1.6rem; line-height: 1.628571; font-weight:initial; margin:70px 10px 0px 10px!important; padding:0 !important; overflow:hidden!important; float:none!important; border-radius:3px!important; background:#27324c!important;}
section ul.slick-dots li button{display:none;}
section ul.slick-dots li.slick-active{max-width:12px; transform:.1s;}
section.quote-wrapper ul.quotes .slick-prev{ position:absolute; top: 30%; cursor:pointer; color: #e53027; z-index:999999; }
section.quote-wrapper ul.quotes .slick-next{ position:absolute; right:50px; top: 30%; cursor:pointer; color: #e53027; z-index:999999; }

section ul.list{width:100%; height:auto; display:block; list-style:none;font-size: 1.6rem; line-height: 1.628571; font-weight:initial; margin:0; padding: 0px 135px;}
section ul.list.three-column,
section .container ul.list.five-column{display:inline-block; padding:0px;}
section ul.list li{height:auto; display:block; overflow:visible; position:relative; font-size: 1.6rem; line-height: 1.628571; font-weight:initial; margin:0px 0px 35px 0px;}
section ul.list.three-column li{width:33.333333%; box-sizing:border-box; padding:0px 17.5px; float:left;}
section ul.list li img{max-width:100%;}
section ul.list li .item{display:block; box-shadow:rgba(102, 114, 138, 0.1) 4px 6px 20px;}
section ul.list li .label,section ul.list li span.label{width:auto; height:30px; line-height:30px; display:inline-block; padding:0px 10px; font-size:13px; position:absolute; top:-15px; background:#e62b27; font-weight:700; color:#fff;}
section ul.list li .label i, section ul.list li span.label i{font-size:14px; margin:0px 6px 0px -6px; float: left; overflow: hidden;}
section ul.list li .label i.fas,section ul.list li .label i.far,section ul.list li .label i.fa, section ul.list li span.label i.fas, section ul.list li span.label i.far, section ul.list li span.label i.fa{font-size:14px;margin:0px 6px 0px 0px; float:none; overflow: hidden;}
section ul.list li .label::before, section ul.list li .label::after,
section ul.list li span.label::before, section ul.list li span.label::after{content:' '; background:none;}



section ul.list.three-column.topical a,
section ul.list.three-column.ourworkfield a{width:33.333333%; box-sizing:border-box; padding:0px 17.5px; float:left; margin:0px 0px 35px 0px;}
section ul.list.three-column.topical a li,
section ul.list.three-column.ourworkfield a li{width:100%; box-sizing:unset; padding:unset; float:unset; margin:0px;}



section a.label .triangle,
section ul.list li .label .triangle,
footer article .read-more .triangle{ opacity:1;transition:opacity 1s;background: linear-gradient(135deg, rgba(230,43,39,1) 50%, rgba(0,0,0,0) 50%);}
section a.label .triangle,
section ul.list li .label .triangle,
footer article .read-more .triangle{ width:30px; height:30px;  overflow: hidden; display: inline-block; position: absolute; top: 0px; right:-30px; opacity:1;transition:opacity 1s;background:linear-gradient(135deg, rgba(236,98,74,1) 50%, rgba(0,0,0,0) 50%);}

section ul.list li .item .image{width:100%; height:250px;}
section ul.list li .item .content{padding:25px; position:relative;}
section ul.list li .item .content h4{margin: 20px 0px 5px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:50px;}
section ul.list li .item .content p{height:100px; overflow:hidden; position:relative; margin:0px 0px 25px 0px;}
/* section ul.list li .item .content p::after{content:' '; width:100%; height:52px; bottom:0px; display:block; position:absolute; z-index:9999; background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}*/
section ul.list li .item .content a.read-more{ line-height: 30px; padding: 0px 10px; font-size: 13px; background: #e62b27; font-weight: 700; color: #fff;}
/* section ul.list li .item .content a.read-more::after{font-family: "Font Awesome 5 Free"; content:"\f105"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size:13px; line-height: 1;padding:0px 10px;} */
section ul.list li h5.logo{text-indent:-4000px; display:block; overflow:hidden; padding:25px 0px 0px 0px; margin:0px;}
section ul.list li .item span.link::before{content:' '; width:100%; max-width:0%; height:1px; display:block; transition:2s; position:absolute; bottom:0; z-index:9; overflow:hidden; background:#e62b27;}
section ul.list li .item span.link{position:relative; display:inline-block;}
section ul.list li .item span.link:hover,
section ul.list.three-column.topical a:hover li .item span.link,
section ul.list.three-column.ourworkfield a:hover li .item span.link{color:#e62b27; transition:2s; }
section ul.list.three-column.topical a:hover li .item span.link::before,
section ul.list.three-column.ourworkfield a:hover li .item span.link::before,
section ul.list li .item span.link:hover::before{content:' '; max-width:100%;}
section ul.list li .item span.link::after{font-family: "Font Awesome 5 Free"; content:"\f105"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;float:right;padding:0px 5px 0px 10px;margin: 7px 0px 0px 0px;}
section ul.list li .item .date{width:50px; height:40px; display:block; overflow:hidden; position:absolute; padding:10px 0px 0px 0px; text-align:center; line-height:15px; top:-15px; left:-15px; color:#fff; background:#e62b27;}
section ul.list li .item .date .month{font-weight:bold;}
section ul.list li .item .location{ height:18px; overflow:hidden; font-size:smaller; white-space:nowrap; text-overflow:ellipsis; }

section ul.list.five-column li{width:20%; box-sizing:border-box; padding:0px 50px; float:left; word-break: break-all; margin:0px 0px 70px 0px; transform:scale(1); transition:.2s;}
section ul.list.five-column li a{ width:100%; display:block;}
section ul.list.five-column li{}
section ul.list.five-column li:hover{transform:scale(1.05); transition:.2s;}

section .container ul.list.five-column{width:100%;}
section .container ul.list.five-column li{width:25%; padding:0px 20px; margin:0px 0px 70px 0px; }
section .container ul.list.five-column li h5.logo{height:100px; padding:0px;}

section ul.list.persons{width:100%; height:auto; overflow:hidden; padding:0px; margin: -25px 0px 0px 0px;}
section ul.list.persons.small{width:auto; display:block; margin:0px;}
section ul.list.persons li{width:33.3333333%; height:600px; position:relative; box-sizing:border-box; float:left; padding:25px 30px; font-size: 1.6rem; line-height: 1.628571; font-weight:initial; margin:0;}
section ul.list.persons.small li{width:200px; height:350px; position:relative; box-sizing:border-box; float:left; padding:25px 25px;}
section ul.list.persons li .image{width:100%; height:350px; margin:0 auto 35px auto;}
section ul.list.persons li a.label{overflow:visible;}
section ul.list.persons.small li .image{width:100%; height:160px; margin:0 auto 10px auto;}
section ul.list.persons li .label{top:360px; left:80px;}
section ul.list.persons li .triangle{ opacity:1;transition:opacity 1s;background: linear-gradient(135deg, rgba(230,43,39,1) 50%, rgba(0,0,0,0) 50%);}
section ul.list.persons li .triangle{ width:30px; height:30px;  overflow: hidden; display: inline-block; position: absolute; top: 0px; right:-30px; opacity:1;transition:opacity 1s;background:linear-gradient(135deg, rgba(236,98,74,1) 50%, rgba(0,0,0,0) 50%);}
section ul.list.persons li h4{margin:0px;}
section ul.list.persons li h4 i{margin:0px 0px 0px 6px;}
section ul.list.persons li div.content{margin: 0px 0px 0px 20px;}
section ul.list.persons li div.content a{display:block;}
section ul.list.persons li i{margin:0px 6px 0px 0px;}

section article .topical-quarter{width:25%; float:right;}
section article .topical-quarter .grey{ color:grey; }
section article .topical-three-quarter{width:75%; display:block; float:left; box-sizing:border-box; padding:0px 35px 0px 0px;}

.breadcrumbs{position:relative; z-index:999999999;float: right;font-size: 13px;margin: 25px 0px 0px 0px; font-weight: 600;padding-left: 30px; padding-right: 30px; }
.breadcrumbs a{}
.breadcrumbs a:hover{color:#e62b27; transition:2s;}
.breadcrumbs a:hover::before{content:' '; max-width:100%;}
/**/
.breadcrumbs a:after{content:"\f105"; font-family: "Font Awesome 5 Free"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;float:right; padding: 0px 4px; margin: 5px 0px 0px 0px;}
.breadcrumbs a:last-child:after{content: '';padding:0px;}

/*popover*/
.popover{position:fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: rgba(0,0,0,0.4); transition:.2s; opacity: 0; cursor:pointer;}
.popover.visible{z-index:99999999; opacity: 1; transition:.2s;}
.popover .wrapper{position:absolute; top:10%; bottom:10%; left:20%; right:20%; display:block; z-index:-1; opacity:0; cursor:default; box-shadow:rgba(0, 0, 0, 0.4) 4px 6px 30px; background:#fff;}
.popover .wrapper.visible{opacity:1; z-index:999999999;}
.popover .wrapper .left{width:30%; float:left; box-sizing:border-box; padding:35px; position:relative;}
.popover .wrapper .left a.label,.popover .wrapper .left span.label{width:auto; height:30px; line-height:30px; display:inline-block; padding:0px 10px; border-radius:30px; font-size:13px; position:absolute; top: 318px; left: 55px;background:#e62b27; font-weight:700; color:#fff;}
.popover .wrapper .left a.label i, .popover .wrapper .left span.label i{font-size:14px; margin:0px 6px 0px 0px;}
.popover .wrapper .left a.label::before, .popover .wrapper .left a.label::after,
.popover .wrapper .left span.label::before, .popover .wrapper .left span.label::after{content:' '; background:none;}
.popover .wrapper .left h4{margin: 20px 0px 5px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:25px;}
.popover .wrapper .left small{display:block;}
.popover .wrapper .left a i{font-size:19px; margin:5px 5px 0px 0px;}
.popover .wrapper .image{width:100%; height:300px; margin:0 auto 35px auto;}
.popover .wrapper .content{width:70%; float:right; max-height:100%; overflow-y:scroll; box-sizing:border-box; padding:35px;}
.popover .wrapper .content p, 
.popover .wrapper .content ul li,
.popover .wrapper .content ol li{font-size: 1.6rem; line-height: 1.628571; font-weight:initial;}
.popover .wrapper .content p{margin:0px 0px 35px 0px;}
.popover .wrapper .content h1,
.popover .wrapper .content h2,
.popover .wrapper .content h3,
.popover .wrapper .content h4,
.popover .wrapper .content h5,
.popover .wrapper .content h6{color:#444444}

footer{margin:0px; background:#f3f4f7;}
footer article{width:33.3333333%; height:auto; display:block; float:left; padding:20px 0px;}
footer article h2, footer article h3{font-size:16px; margin:0px 0px 10px 0px;}
footer article h2, footer article h3, footer article p, footer article a, footer article label{line-height:30px; color:#66728a;}
footer article span{ width:49%; display:inline-block;}
footer article a.arrow::after{font-family: "Font Awesome 5 Free"; content:"\f105"; color:#e62b27; -moz-osx-font-smoothing: grayscale; font-weight:900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;padding:0px 0px 0px 10px;margin: 10px 0px 0px 0px;}
footer article .read-more{width:auto; line-height: 30px; padding: 0px 10px; font-size: 13px; background: #e62b27; font-weight: 700; color: #fff;}


footer section.footer{background: rgba(0,0,0,.5);}
footer section.footer article{ width:100%; float:none; padding:25px 0px; color:rgba(0,0,0,.8); }
footer section.footer article span{ width:auto;padding:0px 0px 0px 20px; }
footer section.footer article span a{ color:rgba(0,0,0,.8); }
footer section.footer article span a::before{content:' '; width:100%; max-width:0%; height:1px; display:block; transition:2s; position:absolute; bottom:0; z-index:9; overflow:hidden; background:#e62b27;}
footer section.footer article span a{position:relative; display:inline-block;}
footer section.footer article span a:hover{color:#e62b27; transition:2s; }
footer section.footer article span a:hover::before{content:' '; max-width:100%;}
/*
footer article label{display:inline-block; width:150px;}
footer article input{padding:3px; border:none; line-height:20px; background:#d2d5dc;}
footer article input[type="checkbox"]{float:left; margin: 8px 8px 0px 3px;}
footer article input[type="submit"]{width:100px; color:rgba(0,0,0,.8); font-weight: 600; line-height: 26px; margin: 15px 0px 0px 0px;}
*/


@media (max-width: 1750px) {
    section.greyblue ul li a i{width:150px !important; height:150px !important; }
}
@media (max-width: 1450px) {
    section.greyblue ul li a i{width:100px !important; height:100px !important; }
}

@media (max-width: 1200px) {
    .container { max-width: 996px; }

    header{height:300px;}
    header section{background-size:100% 300px;}
    header section .title{width:440px; height:60px;}
    header section .title h2{line-height:60px;}
    header section .wrapper{height:300px;}
    header section .row{height:60px;}
    header section .box{width:60px; height:60px;}
    header section .box .triangle{width:60px; height:60px;}

    section article.intro .intro-content { width: 520px; }
    section article.intro .boxed-image { width:400px; height:240px; }
    section article.intro .boxed-image img { width:400px; }

    section ul.list.five-column{width: 100%; padding: 0px;}
    section ul.list.five-column li{width:33%; text-align:center;}
    section ul.list.five-column li a { float: unset !important; display: inline-block;}
    section ul.list.five-column li.issue-2{width:33%}
    section ul.list.five-column li.issue-4,
    section ul.list.five-column li.issue-5{width:49%; text-align:center;}
    section ul.list.five-column li.issue-4 a,
    section ul.list.five-column li.issue-5 a {float: unset; display: inline-block;}

    section.greyblue ul.ons-werkveld li a div.icon-left{display: inline-block; min-height: 174px; float: left;}
    section.greyblue ul.ons-werkveld li a div.text-right{width: 226px;}

    section ul.list.persons li{width:50%;}
    
    section .container ul.list.five-column li{width:33.333%;}

    section.greyblue ul li{width:50%;}
    section.greyblue ul li{height: auto; min-height: 336px;}
    section.greyblue ul li a:not(.intro-link){height:auto; min-height:226px !important;}
    section.greyblue ul li a i{width:200px !important; height:200px !important; }
    section.greyblue ul.ons-werkveld li{ min-height: 284px;}

    section.quote-wrapper ul.quotes{padding:50px 75px;}
    section.quote-wrapper ul.quotes .slick-list{width:100%; overflow:hidden;}
    section.quote-wrapper ul.quotes li.slick-current{transform:scale(1);}
    section.quote-wrapper ul.quotes .slick-next{right:75px;}
    section ul.slick-dots li{margin:30px 10px 0px 10px!important;}
}
@media (max-width: 992px) {
    .container { max-width: 756px; }
    /* trigger menu */
    header nav .menu-icon{width:auto; height:auto; display:block; position:absolute; float:right; overflow:hidden; top: 24px; right:24px; z-index:9999; cursor:pointer;}
    header nav .menu-icon .text{opacity:1; line-height:35px; font-family:'tgh-bold'; font-weight:100; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out; line-height:47px; text-transform:uppercase; font-size:18px; color:#fff;}
    header nav .menu-icon .trigger{width:50px; height:42px; border-radius:0 0 0 4px; padding:6px 10px 7px 10px; box-sizing:border-box; overflow:hidden; float:right;}
    header nav .menu-icon .trigger span{width:30px; height:6px; border-radius:1px; margin-bottom:3px; display:block; background:#444444; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    header nav .menu-icon.close .trigger .bar-1{-ms-transform:translateY(7px) rotate(-45deg); -webkit-transform:translateY(7px) rotate(-45deg); transform:translateY(7px) rotate(-45deg);}
    header nav .menu-icon.close .trigger .bar-2{opacity:0; visibility:hidden;}
    header nav .menu-icon.close .trigger .bar-3{-ms-transform:translateY(-11px) rotate(45deg); -webkit-transform:translateY(-11px) rotate(45deg); transform:translateY(-11px) rotate(45deg);}
    header nav .menu-icon.close .text{opacity:0; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}
    header nav header nav .menu-icon{display:none;}
    header nav ul{width:100%; height:auto; display:block; z-index:1; float:none; padding:105px 0px 5px 0px; position:absolute; top:0; left:0; right:0; -webkit-transform: translateY(-200%); transform:translateY(-200%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s; background:#fff;}
    header nav ul.open{-webkit-transform: translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header nav ul li{width:auto; height:30px; display:block; float:none; padding:0px 0px; text-align:center; margin:15px 0px 15px 0px; overflow:hidden;}
    header nav ul li a{width:100%; height:30px; display:inline-block; color:#444444; transition:.2s; font-size:15px; text-align:center; line-height:30px; font-weight:bold; text-decoration:none;}
    header nav ul li:after,
    header nav ul li.on:after{left: 34%;}

    header section .row-title .box{width:0px}
    

    section article.intro .intro-content { width: 400px; }
    section article.intro .boxed-image { width:300px; height:180px; }
    section article.intro .boxed-image img { width:300px; }

    section ul.list.five-column li{width:49%}
    section ul.list.five-column li.issue-2{width:49%}
    section ul.list.five-column li.issue-5{width:98%}
    
    section .container ul.list.five-column li{width:50%;}

    section.greyblue ul.ons-werkveld li a:not(.intro-link){min-height: 234px !important;}
    section.greyblue ul.ons-werkveld li a div.text-right{width: 116px; }

    section ul.list.three-column:not(.topical) li:first-child{width:100%;}
    section ul.list.three-column li{width:50%;}

    section ul.list.three-column.topical a,
    section ul.list.three-column.ourworkfield a{ width:50%; }
    section ul.list.three-column.topical a li,
    section ul.list.three-column.ourworkfield a li{ width:100%; }
}
@media (max-width: 768px) {
    .container { max-width: 100%; }
    section article.intro .intro-content { width: 100%;; }
    section article.intro .boxed-image { width:100%; height:auto; }
    section article.intro .boxed-image img { width:100%; }
    
/*    section ul.list.five-column li{width:100%}
    section ul.list.five-column li.issue-2{width:100%}
    section ul.list.five-column li.issue-4{width:100%}
*/
    section.greyblue ul li a i{width:150px !important; height:150px !important; }
    
    section ul.list.persons li{width:100%;}

    section ul.list.three-column li{width:100%;}
    
    section ul.list.three-column.topical a,
    section ul.list.three-column.ourworkfield a{ width:100%; }
    section ul.list.three-column.topical a li,
    section ul.list.three-column.ourworkfield a li{ width:100%; }

    section.greyblue ul li{width:100%;}
    section.greyblue ul li{height: auto; min-height: 225px;}
    section.greyblue ul li a:not(.intro-link){height:auto; min-height:115px !important;}
    

    section.greyblue ul.ons-werkveld li{width:100%;}
    section.greyblue ul.ons-werkveld li{min-height:232px !important;}
    section.greyblue ul.ons-werkveld li a:not(.intro-link){height:auto; min-height:115px !important;}
    section.greyblue ul.ons-werkveld li a div.text-right{float: unset; display: unset;}
    section.greyblue ul.ons-werkveld li a div.icon-left{min-height:120px; height:120px;}

    section article .topical-quarter{width:100%; padding:0px 0px 35px 0px;}
    section article .topical-three-quarter{width:100%; padding:0px;}

    section.quote-wrapper ul.quotes{padding:50px 20px;}
    section.quote-wrapper ul.quotes li{margin:20px;}
    section.quote-wrapper ul.quotes .slick-list{width:100%; overflow:hidden;}
    section.quote-wrapper ul.quotes .slick-prev{top: unset; bottom: 4%;}
    section.quote-wrapper ul.quotes .slick-next{top: unset; bottom: 4%; right:20px;}

    footer article{width:100%; padding:50px 0px 0px 0px;}
    footer section div.container article:last-of-type{ margin:0px 0px 35px 0px; }
    footer article p{margin:0px;}
    footer article form{padding:0px 0px 50px 0px;}
    footer article label{width:100%;}
    footer article input{width:98%; padding:1%;}
    footer section.footer article a{ width:100%; padding:10px 0px 0px 0px; }
}
@media (max-width: 576px) {
    header section .title{width:316px;}
    header section .title h2{width:316px; font-size:17px; line-height:60px;}

    section ul.list.five-column li{width:100%}
    section ul.list.five-column li.issue-2{width:100%}
    section ul.list.five-column li.issue-4{width:100%}
}