@charset "UTF-8";
  *,::before,::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}
hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}
a{background-color:transparent}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}
figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px;-webkit-appearance:none}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
@-ms-viewport { width: device-width; }  ::-moz-selection { background: #0F231E; color: #fff; text-shadow: none; }
::selection { background: #0F231E; color: #fff; text-shadow: none; }
a, area, button, [role="button"], input, label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
[tabindex="-1"]:focus {outline: 0 !important}
:root {
--blauw: #204257;
--groen: #4ab098;
--geel: #fbbf31;
--antraciet: #29353A;
--groencontr: #368170;
--txtline: 40rem;
} html {
font-family: museo-sans, 'Helvetica', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.42;
color: var(--antraciet);
background: #fff;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button, input, optgroup, select, textarea {
font-family: museo-sans, 'Helvetica', sans-serif;
font-weight: 300;
}
a {
color: #368170;
background: rgba(251,190,49,0.02);
}
a:hover {
color: #000;
background: #FBBF31;
text-decoration: none;
}
p, blockquote { margin: 0 0 1.4em 0; }
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family: fp-dancer-pro, sans-serif;
font-weight: 900;
text-align: left;
color: var(--blauw);
}
h1 {
font-size: 1.8em;
line-height: 1.2em;
padding-bottom: .1em;
text-align: center;
}
h2 {
font-size: 1.4rem;
line-height: 1.15em;
margin-top: 1.2em;
margin-bottom: 0.6em;
}
h2.is-style-smaller { font-size: 1.3rem; }
h3 {
font-size: 1.125em;
line-height: 1.3em;
margin-bottom: 0.4em;
color: var(--groen);
}
h4 {
font-size: 1em;
}
h2 > strong, h3 > strong, h4 > strong { font-weight: 400; }
p.intro, p.is-style-intro { font-weight: 700; }
blockquote {
position: relative;
overflow: hidden;
padding: 0em 1em;
margin: 0 0 1.1666em;
font-size: 1.15em;
line-height: 1.5em;
min-width: 17.5rem;
}
blockquote p:before, blockquote p:after {
font-family: 'fp-dancer-pro';
font-size: 1.5em;
line-height: 1rem;
display: inline-block;
position: relative;
top: .25rem;
left: -.25rem;
}
blockquote p:before { content: '\201C \2009'; }
blockquote p:after { content: '\2009 \201D'; }
blockquote p {
display: inline;
font-style: italic;
color: var(--blauw);
}
blockquote p:last-child { margin-bottom: 0; }
blockquote footer, blockquote small, blockquote cite {
display: block;
margin-top: 0.25em;
text-align: right;
font-style: normal;
font-size: 80%;
line-height: 1.42857143;
opacity: 0.8;
}
blockquote footer:before, blockquote small:before, blockquote cite:before { content: '\2014 \00A0'; }
hr {
height: 1px;
width: 100%;
margin: 2em auto;
border: none;
color: var(--geel);
background-color: var(--geel);
clear: both;
}
hr.thin, hr.is-style-thin { margin: .5em auto; }
hr.rem, hr.is-style-rem { min-width: 1rem; } .w-light { font-weight: 300 !important; }
.w-regular { font-weight: 400 !important; }
.w-medium { font-weight: 500 !important; }
.w-bold { font-weight: 700 !important; }
.w-black { font-weight: 900 !important; }
.fsize-xs { font-size: .75em; }
.fsize-sm, .font-sm { font-size: .875em; }
.fsize-md { font-size: .9375em; }
.fsize-nm { font-size: 1em; }
.fsize-lg { font-size: 1.066666em; }
.has-text-align-left { text-align: left !important; }
.has-text-align-center { text-align: center !important; }
.has-text-align-right { text-align: right !important; }
.mb-2em { margin-bottom: 2em; }.mb-1em { margin-bottom: 1em; }
.mt-2em { margin-top: 2em; }.mt-1em { margin-top: 1em; }.mt-p5em { margin-top: .5em; } .aligncenter, #content .aligncenter { margin: 0.8em auto; display: block; }
.alignleft,
.alignright {
float:none;
margin: 0.8rem auto;
display:block;
max-width: 40% !important;
height: auto;
position: relative;
z-index: 2;
}
#content .alignright { float: right; margin: 0 0 1rem 1rem; }
#content .alignleft { float: left; margin: 0 1rem 1rem 0; } .anchor {
display: block;
position: relative;
visibility: hidden;
height: 0;
top: -3.375rem;
} .container, .container-fluid {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
} @media (min-width: 768px) {.container{max-width:720px}}
@media (min-width: 992px) {.container,.container-lg{max-width:960px}.container-lg{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}}
@media (min-width: 1200px) {.container,.container-lg{max-width:1140px}}
@media (min-width: 1300px) {.container,.container-lg{max-width:1260px}}
@media (min-width: 1680px) {.container,.container-lg{max-width:1380px}}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.no-gutters{margin-right:0;margin-left:0}.no-gutters > .col,.no-gutters > [class*="col-"]{padding-right:0;padding-left:0}
.narrow-gutters{margin-left:-5px;margin-right:-5px}.narrow-gutters > .col,.narrow-gutters > [class*="col-"]{padding-right:5px;padding-left:5px}
.smrem-gutters{margin-left:-.43rem;margin-right:-.43rem}.smrem-gutters > .col,.smrem-gutters > [class*="col-"]{padding-right:.43rem;padding-left:.43rem}
.rem-gutters{margin-left:-.5rem;margin-right:-.5rem}.rem-gutters > .col,.rem-gutters > [class*="col-"]{padding-right:.5rem;padding-left:.5rem}
.medium-gutters{margin-left:-10px;margin-right:-10px}.medium-gutters > .col,.medium-gutters > [class*="col-"]{padding-right:10px;padding-left:10px}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-txt, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-txt, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-txt, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-txt, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-txt, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-txt{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%}
@media (min-width: 768px){ .col-txt{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:720px} }
@media (min-width: 992px){ .col-txt{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:calc(var(--txtline) + 40px)} }
.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}
.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}
@media (min-width: 576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-txt{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:720px}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}
@media (min-width: 768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-txt{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:720px}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}
@media (min-width: 992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-txt{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:calc(var(--txtline) + 40px)}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}
@media (min-width: 1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-txt{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:calc(var(--txtline) + 40px)}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}} .button, button, input[type="submit"], input[type="button"] {
display: inline-block;
vertical-align: middle;
-webkit-box-align: center;
position: relative;
margin: 1px;
font-family: fp-dancer-pro;
font-weight: 900;
font-size: 1em;
line-height: 1em;
text-decoration: none;
padding: 14px 1.4em;
text-align: center;
color: #fff;
background-color: #4AB098;
border: 2px solid #4AB098;
border-radius: 1.75em;
cursor: pointer;
}
.button:hover, .button:focus, button:hover, button:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="button"]:hover, input[type="button"]:focus {
background-color: #3B8D7A;
border-color: #3B8D7A;
color: #fff;
}
.button:active, button:active,
input[type="submit"]:active,
input[type="button"]:active {
background-color: #2C6A5B;
border-color: #2C6A5B;
transform: translateY(1px);
}
.button.sqr, button.sqr { border-radius: 0; }
.button.omlijnd, button.omlijnd {
background-color: transparent;
color: #4AB098;
}
.button.omlijnd:hover, button.omlijnd:hover,
.button.omlijnd:focus, button.omlijnd:focus {
background-color: #4AB098;
border-color: #4AB098;
color: #fff;
}
.button.omlijnd:active, button.omlijnd:active {
background-color: #347B6A;
border-color: #347B6A;
}
.button.groencontr, button.groencontr {
background-color: #368170;
border-color: #368170;
}
.button.groencontr:hover, button.groencontr:hover,
.button.groencontr:focus, button.groencontr:focus {
background-color: #265A4E;
border-color: #265A4E;
}
.button.groencontr:active, button.groencontr:active {
background-color: #16342D;
border-color: #16342D;
}
.button.groencontr.omlijnd, button.groencontr.omlijnd {
background-color: transparent;
color: #368170;
}
.button.groencontr.omlijnd:hover, button.groencontr.omlijnd:hover,
.button.groencontr.omlijnd:focus, button.groencontr.omlijnd:focus {
background-color: #368170;
border-color: #368170;
color: #fff;
}
.button.groencontr.omlijnd:active, button.groencontr.omlijnd:active {
background-color: #204D43;
border-color: #204D43;
}
.button.blauw, button.blauw {
background-color: #204257;
border-color: #204257;
}
.button.blauw:hover, button.blauw:hover,
.button.blauw:focus, button.blauw:focus {
background-color: #162E3D;
border-color: #162E3D;
}
.button.blauw:active, button.blauw:active {
background-color: #0D1A23;
border-color: #0D1A23;
}
.button.blauw.omlijnd, button.blauw.omlijnd {
background-color: transparent;
color: #204257;
}
.button.blauw.omlijnd:hover, button.blauw.omlijnd:hover,
.button.blauw.omlijnd:focus, button.blauw.omlijnd:focus {
background-color: #204257;
border-color: #204257;
color: #fff;
}
.button.blauw.omlijnd:active, button.blauw.omlijnd:active {
background-color: #132834;
border-color: #132834;
}
.button.geel, button.geel {
background-color: #FBBF31;
border-color: #FBBF31;
color: #000;
}
.button.geel:hover, button.geel:hover,
.button.geel:focus, button.geel:focus {
background-color: #FCCC5A;
border-color: #FCCC5A;
color: #000;
}
.button.geel:active, button.geel:active {
background-color: #FDD983;
border-color: #FDD983;
}
.button.geel.omlijnd, button.geel.omlijnd {
background-color: transparent;
color: #FBBF31;
}
.button.geel.omlijnd:hover, button.geel.omlijnd:hover,
.button.geel.omlijnd:focus, button.geel.omlijnd:focus {
background-color: #FBBF31;
border-color: #FBBF31;
color: #000;
}
.button.geel.omlijnd:active, button.geel.omlijnd:active {
background-color: #FCD26F;
border-color: #FCD26F;
}
.button.zwart, button.zwart {
background-color: #000;
border-color: #000;
}
.button.zwart:hover, button.zwart:hover,
.button.zwart:focus, button.zwart:focus {
background-color: #333333;
border-color: #333333;
}
.button.zwart:active, button.zwart:active {
background-color: #666666;
border-color: #666666;
}
.button.zwart.omlijnd, button.zwart.omlijnd {
background-color: transparent;
color: #000;
}
.button.zwart.omlijnd:hover, button.zwart.omlijnd:hover,
.button.zwart.omlijnd:focus, button.zwart.omlijnd:focus {
background-color: #000;
border-color: #000;
color: #fff;
}
.button.zwart.omlijnd:active, button.zwart.omlijnd:active {
background-color: #4D4D4D;
border-color: #4D4D4D;
}
.button.antraciet, button.antraciet {
background-color: #29353A;
border-color: #29353A;
}
.button.antraciet:hover, button.antraciet:hover,
.button.antraciet:focus, button.antraciet:focus {
background-color: #151B1D;
border-color: #151B1D;
}
.button.antraciet:active, button.antraciet:active {
background-color: #000000;
border-color: #000000;
}
.button.antraciet.omlijnd, button.antraciet.omlijnd {
background-color: transparent;
color: #29353A;
}
.button.antraciet.omlijnd:hover, button.antraciet.omlijnd:hover,
.button.antraciet.omlijnd:focus, button.antraciet.omlijnd:focus {
background-color: #29353A;
border-color: #29353A;
color: #fff;
}
.button.antraciet.omlijnd:active, button.antraciet.omlijnd:active {
background-color: #0C1011;
border-color: #0C1011;
}
.button.donker, button.donker {
background-color: rgba(0,0,0,0.25);
border-color: transparent;
}
.button.donker:hover, button.donker:hover,
.button.donker:focus, button.donker:focus {
background-color: rgba(0,0,0,0.4);
border-color: transparent;
}
.button.donker:active, button.donker:active {
background-color: rgba(0,0,0,0.6);
border-color: transparent;
}
.button.donker.omlijnd, button.donker.omlijnd {
background-color: transparent;
color: rgba(0,0,0,0.5);
border-color: rgba(0,0,0,0.5);
}
.button.donker.omlijnd:hover, button.donker.omlijnd:hover,
.button.donker.omlijnd:focus, button.donker.omlijnd:focus {
background-color: rgba(0,0,0,0.25);
border-color: transparent;
color: #fff;
}
.button.donker.omlijnd:active, button.donker.omlijnd:active {
background-color: rgba(0,0,0,0.5);
border-color: transparent;
}
.button.wit, button.wit {
background-color: #fff;
border-color: #fff;
color: #102736;
}
.button.wit:hover, button.wit:hover,
.button.wit:focus, button.wit:focus {
background-color: #dae2e6;
border-color: #dae2e6;
}
.button.wit:active, button.wit:active {
background-color: #bbcbd2;
border-color: #bbcbd2;
}
.button.wit.omlijnd, button.wit.omlijnd {
background-color: transparent;
color: #fff;
}
.button.wit.omlijnd:hover, button.wit.omlijnd:hover,
.button.wit.omlijnd:focus, button.wit.omlijnd:focus {
background-color: #fff;
border-color: #fff;
color: #102736;
}
.button.wit.omlijnd:active, button.wit.omlijnd:active {
background-color: #dae2e6;
border-color: #dae2e6;
}
.button.small, button.small {	font-size: 80%; }
.button.large, button.large { font-size: 125%; }
.button.full, button.full {
width: 100%;
padding-left: 1em;
padding-right: 1em;
margin-left: 0;
margin-right: 0;
}
button[type="submit"], input[type="submit"], input[type="button"] {}
.button > i, button > i {
display: inline-block;
float: left;
font-size: 1.3em;
line-height: .76923077em !important;
width: auto;
top: 0 !important;
}
.button.icon > i, button.icon > i { margin-right: .75em; margin-left: -.5em; }
.button.right-icon > i, button.right-icon > i { float: right; margin-right: -.5em; margin-left: .75em; }
.button.full.icon, button.full.icon { padding-left: 3.2em; }
.button.full.icon.right-icon, button.full.icon.right-icon  { padding-left: 1.4em; padding-right: 3.2em; }
.button.full.icon > i, button.full.icon > i {
margin-left: 0;
margin-right: 0;
position: absolute;
left: .75em;
top: 50% !important;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.button.full.icon.right-icon > i, button.full.icon.right-icon > i {
right: .75em;
left: auto;
} @font-face {
font-family: 'keyicons';
src:
url(//www.keywebdesign.nl/bestanden/themes/keywebdesign/fonts/keyicons.ttf?t2jorf) format('truetype'),
url(//www.keywebdesign.nl/bestanden/themes/keywebdesign/fonts/keyicons.woff?t2jorf) format('woff'),
url(//www.keywebdesign.nl/bestanden/themes/keywebdesign/fonts/keyicons.svg?t2jorf#keyicons) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"], .sbi_follow_btn a > i:before {
font-family: 'keyicons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.i-flip-horizontal {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.i-flip-vertical {
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
i.inline {
display: inline-block;;
vertical-align: middle;
line-height: 1em;
width: 1.2em;
text-align: center;
position: relative;
top: -0.05em;
}
i.inline.kleiner { transform: scale(0.8); }
i.inline.groot { font-size: 1.3em; }
i.inline.ruimterechts { margin-right: .5em; }
h2 > i.inline, h3 > i.inline, h4 > i.inline, h5 > i.inline, h6 > i.inline { top: -0.1em; }
i.groen, .tc-groen { color: var(--groen) }
i.blauw, .tc-blauw { color: var(--blauw) }
i.float {
float: left;
display: block;
padding-top: .2em;
}
.icon-twitter:before{content:"\e900"}
.icon-facebook:before{content:"\e901"}
.icon-linkedin:before{content:"\e902"}
.icon-google:before{content:"\e903"}
.icon-arrow-down:before{content:"\e904"}
.icon-arrow-left:before{content:"\e905"}
.icon-arrow-right:before{content:"\e906"}
.icon-arrow-up:before{content:"\e907"}
.icon-bandaid:before{content:"\e908"}
.icon-bar-chart:before{content:"\e909"}
.icon-beaker:before{content:"\e90a"}
.icon-binoculars:before{content:"\e90b"}
.icon-bookmark:before{content:"\e90c"}
.icon-briefcase:before{content:"\e90d"}
.icon-browser:before{content:"\e90e"}
.icon-building:before{content:"\e90f"}
.icon-calendar:before{content:"\e910"}
.icon-camera:before{content:"\e911"}
.icon-cart:before{content:"\e912"}
.icon-chat:before{content:"\e913"}
.icon-check-circle:before{content:"\e914"}
.icon-check:before{content:"\e915"}
.icon-chevron-down:before{content:"\e916"}
.icon-chevron-left:before{content:"\e917"}
.icon-chevron-right:before{content:"\e918"}
.icon-chevron-up:before{content:"\e919"}
.icon-circle:before{content:"\e91a"}
.icon-clipboard:before{content:"\e91b"}
.icon-clock-alt:before{content:"\e91c"}
.icon-clock:before{content:"\e91d"}
.icon-coffee:before{content:"\e91e"}
.icon-compass:before{content:"\e91f"}
.icon-computer-arrow:before{content:"\e920"}
.icon-computer-question:before{content:"\e921"}
.icon-computer-refresh:before{content:"\e922"}
.icon-computer:before{content:"\e923"}
.icon-cookie:before{content:"\e976"}
.icon-cross:before{content:"\e924"}
.icon-desk:before{content:"\e925"}
.icon-diamond:before{content:"\e926"}
.icon-download-cloud:before{content:"\e927"}
.icon-download:before{content:"\e928"}
.icon-error:before{content:"\e929"}
.icon-euro-bill:before{content:"\e92a"}
.icon-euro-bills-alt:before{content:"\e92b"}
.icon-euro-coin:before{content:"\e92c"}
.icon-euro-coins:before{content:"\e92d"}
.icon-eye:before{content:"\e92e"}
.icon-filter:before{content:"\e92f"}
.icon-flag:before{content:"\e930"}
.icon-gift:before{content:"\e931"}
.icon-globe:before{content:"\e932"}
.icon-globes:before{content:"\e933"}
.icon-group:before{content:"\e934"}
.icon-heart:before{content:"\e935"}
.icon-help:before{content:"\e936"}
.icon-highlights:before{content:"\e937"}
.icon-icecream:before{content:"\e938"}
.icon-image:before{content:"\e939"}
.icon-images:before{content:"\e93a"}
.icon-info:before{content:"\e93b"}
.icon-key:before{content:"\e93c"}
.icon-keyring:before{content:"\e93d"}
.icon-laptop:before{content:"\e93e"}
.icon-layout:before{content:"\e93f"}
.icon-lightning:before{content:"\e940"}
.icon-list-alt:before{content:"\e941"}
.icon-list:before{content:"\e942"}
.icon-location:before{content:"\e943"}
.icon-lock:before{content:"\e944"}
.icon-magician:before{content:"\e945"}
.icon-mail:before{content:"\e946"}
.icon-maximize:before{content:"\e947"}
.icon-megaphone:before{content:"\e948"}
.icon-message-typing:before{content:"\e949"}
.icon-message:before{content:"\e94a"}
.icon-minimize:before{content:"\e94b"}
.icon-mobile:before{content:"\e94c"}
.icon-more-circle:before{content:"\e94d"}
.icon-network:before{content:"\e94e"}
.icon-notepad:before{content:"\e94f"}
.icon-paperclip:before{content:"\e950"}
.icon-phone:before{content:"\e951"}
.icon-pie-chart:before{content:"\e952"}
.icon-rocket:before{content:"\e953"}
.icon-route:before{content:"\e954"}
.icon-search:before{content:"\e955"}
.icon-send:before{content:"\e956"}
.icon-settings:before{content:"\e957"}
.icon-shield:before{content:"\e958"}
.icon-shop:before{content:"\e959"}
.icon-shopping-bag:before{content:"\e95a"}
.icon-sign-post:before{content:"\e95b"}
.icon-signs:before{content:"\e95c"}
.icon-star:before{content:"\e95d"}
.icon-success:before {content:"\e977"}
.icon-suitcase:before{content:"\e95e"}
.icon-switches:before{content:"\e95f"}
.icon-tag:before{content:"\e960"}
.icon-tags:before{content:"\e961"}
.icon-target-alt:before{content:"\e962"}
.icon-target:before{content:"\e963"}
.icon-test-tube:before{content:"\e964"}
.icon-toggle-down:before{content:"\e965"}
.icon-toggles:before{content:"\e966"}
.icon-trash:before{content:"\e967"}
.icon-tree:before{content:"\e968"}
.icon-unlock:before{content:"\e969"}
.icon-upload-cloud:before{content:"\e96a"}
.icon-upload:before{content:"\e96b"}
.icon-user-alt:before{content:"\e96c"}
.icon-user:before{content:"\e96d"}
.icon-users:before{content:"\e96e"}
.icon-video:before{content:"\e96f"}
.icon-wallet-full:before{content:"\e970"}
.icon-wallet:before{content:"\e971"}
.icon-warning:before{content:"\e972"}
.icon-wrench:before{content:"\e973"}
.icon-zoom-in:before{content:"\e974"}
.icon-zoom-out:before{content:"\e975"} .placeholder {
color: #75988F;
opacity: 1;
}
::-webkit-input-placeholder {
color: #75988F;
opacity: 1;
line-height: normal;
vertical-align: middle;
}
::-moz-placeholder {
color: #75988F;
opacity: 1;
}
:-ms-input-placeholder {
color: #75988F;
opacity: 1;
}
label {margin-bottom: 0;}
input, textarea {
border-radius: 0;
box-shadow: none !important;
-webkit-appearance: none;
}
input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=number],
input[type=email],
input[type=search],
textarea {
line-height: 1em;
width: 100%;
margin: 0;
padding: 0 1.5em;
background-color: #fff;
color: var(--antraciet);
border: 0;
border: 2px solid #A4D7CB;
font-family: inherit;
font-size: inherit;
border-radius: 1.3em;
}
input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=number],
input[type=email],
input[type=search] {
height: calc(1rem + 28px + 4px);
border-radius: calc(.5rem + 14px + 2px);
vertical-align: middle;
-webkit-box-align: center;
}
textarea {
padding: 1em 1.5em;
line-height: 1.2em;
height: auto;
resize: none;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=search]:focus,
textarea:focus,
.frm_form_field .inputwrap textarea:not(.empty)[aria-invalid="false"]:focus,
.frm_form_field .inputwrap textarea[aria-invalid="true"]:focus {
border-color: var(--groen);
outline: medium none;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
label, .frm_primary_label {
font-weight: 700;
line-height: 1.5em;
cursor: pointer;
}
label > *[class*="icon-"], .frm_primary_label > *[class*="icon-"] {
top: -0.15em;
}
input[type="radio"], input[type="checkbox"] {
position: relative;
vertical-align: middle;
top: -0.1em;
margin-right: 0.3em;
} select {
display: block;
font-size: .875rem;
font-weight: 500;
color: var(--antraciet);
line-height: 1rem;
padding: .5rem 1.4rem .5rem .6rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: .25rem 0;
border: 2px solid #A4D7CB;
box-shadow: 0 0 0 1px rgba(0,0,0,0);
border-radius: calc(1rem + 1px);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234AB098%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #ffffff 0%,#D1D3D4 100%);
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
}
select::-ms-expand {
display: none;
}
select:hover {
border-color: var(--groen);
}
select:focus {
border-color: var(--blauw);
box-shadow: 0 0 1px 3px rgba(32, 66, 87, .7);
color: #000;
outline: none;
}
select option {
font-weight:normal;
} .inputwrap { position: relative; }
.inputwrap.input_icon > input,
.inputwrap.input_icon > textarea { padding-right: 2.5em; }
form div.input-icon input, form div.input-icon textarea { padding-right: calc(2.5em + 2px); }
.inputwrap > *[class*="icon-"] {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(0.75em + 2px);
font-size: 1.125em;
line-height: 1;
width: 1em;
color: #A4D7CB;
}
.inputwrap > textarea + *[class*="icon-"] {
top: calc(1rem + 2px);
transform: translateY(0);
}
.inputwrap input[type=text]:focus + *[class*="icon-"],
.inputwrap input[type=password]:focus + *[class*="icon-"],
.inputwrap input[type=url]:focus + *[class*="icon-"],
.inputwrap input[type=tel]:focus + *[class*="icon-"],
.inputwrap input[type=number]:focus + *[class*="icon-"],
.inputwrap input[type=email]:focus + *[class*="icon-"],
.inputwrap input[type=search]:focus + *[class*="icon-"],
.inputwrap > textarea:focus + *[class*="icon-"],
.frm_form_field .inputwrap textarea:not(.empty)[aria-invalid="false"]:focus + *[class*="icon-"],
.frm_form_field .inputwrap textarea[aria-invalid="true"]:focus + *[class*="icon-"] {
color: var(--groen);
}
.frm_section_heading .frm_trigger {
position: relative;
background-color: #f5f5f5;
color: var(--groencontr);
margin: 0;
padding: .4rem 0;
line-height: 1em;
}
.frm_section_heading .frm_trigger::after {
display: block;
content: "";
clear: both;
}
.frm_section_heading .frm_trigger::before {
content: "";
display: block;
width: 100%; height: 1px;
position: absolute; top: 50%;
background-color: var(--groencontr)
}
.frm_section_heading .frm_trigger > span {
position: relative;
display: inline-block;
background-color: #f5f5f5;
padding-right: 1em;
font-weight: 500;
line-height: 1.7rem;
}
.frm_section_heading .frm_trigger > .frm_arrow_icon {
display: block;
position: relative;
top: -0.07em;
float: right;
width: 2rem;
height: 2rem;
line-height: 2rem;
background-color: #5E9A8D;
border-radius: 50%;
color: #fff;
font-family: 'keyicons' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: center;
text-transform: none;
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
}
.frm_section_heading .frm_trigger.active > .frm_arrow_icon{transform:rotate(180deg);}
.frm_section_heading .frm_trigger > .frm_arrow_icon::before {content:"\e965";display:block;}
.frm_other_input[type="text"] {
font-size: .875rem;
height: calc(2rem + 4px);
width: auto;
}
select.auto_width { display: inline-block; } .tr, a, a::before, a::after, input, textarea, select, optgroup, label, .button, button,
#branding .logo svg *, ul.menu > li.current-menu-item > a span::after,
#up, #main-menu, #main-menu li ul, .inputwrap i,
.imgbox, .imgbox img, .dblok .dt_icon, .dt_icon > svg > .a,
.frm_slider, .frm_slider::before  {
-webkit-transition: all 0.33s ease;
transition:         all 0.33s ease;
} #wrapper {  }
#post { position: relative; } #up {margin-bottom: 3.375rem;}
#top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 100;
background-color: #f5f5f5;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
} .logo {
display: block;
margin: 0 auto;
padding: 14.25px 0;
height: auto;
width: 100%;
max-width: 172px;
z-index: 4;
position: relative;
background: none !important;
}
.logo:hover { transform: scale(1.1); }
#branding .logo img, #branding .logo svg {
display: block;
width: 100%;
height: auto;
}
#branding .logo .svgwrap {
position: relative;
height: 0;
width: 100%;
padding: 0;
padding-bottom: 14.84375%
}
#branding .logo .svgwrap svg {
position: absolute;
height: 100%;
width: 100%;
left: 0; top: 0;
} .mbtn a {
display: block;
height: 3.375rem;
text-align: center;
line-height: 1;
color: var(--blauw);
text-decoration: none;
}
.mbtn a:hover, .mbtn a:focus { background: rgba(255,255,255,1); text-decoration: none; }
.mbtn a span.txt {
display: block;
position: relative;
top: .4375rem;
font-size: .75rem;
font-weight: 300;
color: #000;
-webkit-font-smoothing: subpixel-rendering;
-moz-osx-font-smoothing: auto;
}
.mbtn a:hover span.txt { color: #000; }
.mbtn a i {
display: block !important;
top: 0;
margin: 0 auto;
padding-top: .3125rem;
font-size: 1.5rem;
line-height: 1.5rem !important;
width: 1.5rem;
}
.mbtn a:hover i { color: #000; }
#belknop a { background-color: #FEF2D6; }
#belknop a:hover, #belknop a:focus { background-color: #FFF9EA; }
a#menutoggle {
position: relative;
-ms-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
a#menutoggle:focus { background-color: transparent; }
a#menutoggle .icon {
display: inline-block;
vertical-align: middle;
position: relative;
width: 2rem;
height: 2.215rem;
margin: 0 auto;
}
a#menutoggle .txt { top: 0; }
a#menutoggle .icon .icon-bar {
display: block;
width: 2rem;
height: .125rem;
position: absolute;
background-color: var(--blauw);
border-radius: .125rem;
transition:         all 0.3s cubic-bezier(.6,.19,.4,.91);
-webkit-transition: all 0.3s cubic-bezier(.6,.19,.4,.91);
transform:         rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);
}
a#menutoggle .icon .icon-bar:nth-child(1) { top: .5625rem;}
a#menutoggle .icon .icon-bar:nth-child(2) { top: 1rem;}
a#menutoggle .icon .icon-bar:nth-child(3) { top: 1.4375rem;}
a#menutoggle:hover .icon .icon-bar:nth-child(1) { top: .365rem;}
a#menutoggle:hover .icon .icon-bar:nth-child(3) { top: 1.625rem;}
a#menutoggle.active { background-color: var(--blauw); }
a#menutoggle.active span.txt { color: #fff; }
a#menutoggle.active .icon .icon-bar {
transform:         scale(0.8);
-webkit-transform: scale(0.8);
background-color: #fff;
}
a#menutoggle.active .icon .icon-bar:nth-child(2) { opacity: 0; }
a#menutoggle.active .icon .icon-bar:nth-child(1) {
top: 1rem;
transform:         rotate(-45deg) scale(0.8);
-webkit-transform: rotate(-45deg) scale(0.8);
}
a#menutoggle.active .icon .icon-bar:nth-child(3) {
top: 1rem;
transform:         rotate(45deg) scale(0.8);
-webkit-transform: rotate(45deg) scale(0.8);
}
a#menutoggle.active:hover .icon .icon-bar:nth-child(1) {
transform:         rotate(-45deg) scale(1);
-webkit-transform: rotate(-45deg) scale(1);
}
a#menutoggle.active:hover .icon .icon-bar:nth-child(3) {
transform:         rotate(45deg) scale(1);
-webkit-transform: rotate(45deg) scale(1);
}
#menuoverlay {
position: fixed;
background: rgba(32,66,87,.95);
top: 0;
left: 0;
width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
transition: opacity .25s, visibility .25s, height .25s;
overflow: hidden;
}
#menuoverlay.open {
opacity: 1;
visibility: visible;
height: 100%;
z-index: 99;
}
#menuoverlay .inner {
height: 100%;
padding-top: 3.375rem;
}
nav.mobilemenu {
text-align: center;
font-family: fp-dancer-pro;
font-size: 1.6rem;
font-weight: 900;
}
.mobilemenu ul {
list-style: none;
padding: 0;
margin: 0 auto;
}
.mobilemenu ul li,
#menuoverlay.open .mmenubtn {
display: block;
position: relative;
opacity: 0;
}
#menuoverlay.open li,
#menuoverlay.open .mmenubtn {
animation: fadeInRight .33s ease forwards;
animation-delay: .1s;
}
#menuoverlay.open li:nth-of-type(2) { animation-delay: .14s; }
#menuoverlay.open li:nth-of-type(3) { animation-delay: .18s; }
#menuoverlay.open li:nth-of-type(4) { animation-delay: .22s; }
#menuoverlay.open li:nth-of-type(5) { animation-delay: .26s; }
#menuoverlay.open li:nth-of-type(6) { animation-delay: .30s; }
#menuoverlay.open li:nth-of-type(7) { animation-delay: .34s; }
#menuoverlay .mmenubtn { opacity: 0; }
#menuoverlay.open .mmenubtn { animation-delay: .38s; }
@keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
@media screen and (max-height: 450px) {
nav.mobilemenu { font-size: 1.4rem; }
.mobilemenu a { padding: .2em 0 !important; }
.mmenubtn {display:none !important}
}
.mobilemenu a {
display: block;
background: transparent;
color: #fff;
line-height: 1.2em;
padding: .4em 0;
text-decoration: none;
}
.mobilemenu a:hover, .mobilemenu a:focus, .mobilemenu a:active {
color: var(--geel);
}
.mobilemenu a span { position: relative; }
.mobilemenu ul.menu > li.current-menu-item > a span::after,
.mobilemenu ul.menu > li.current-menu-ancestor > a span::after,
.mobilemenu ul.menu > li.current-menu-parent > a span::after,
.mobilemenu ul.menu > li.current-page-ancestor > a span::after,
.mobilemenu ul.menu > li.current_page_parent > a span::after,
.mobilemenu ul.menu > li.current_page_item > a span::after,
.single-evenement .mobilemenu ul.menu > li.menu-item-object-evenement > a span::after,
.single-galerij .mobilemenu ul.menu > li.menu-item-object-galerij > a span::after,
.single-post .mobilemenu ul.menu > li.menu-item-object-post > a span::after,
.single-project .mobilemenu ul.menu > li.menu-item-object-project > a span::after {
content: "";
display: block;
width: calc(100% - .5em); height: 2px;
position: absolute;
bottom: -.15em;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
}
.mobilemenu ul.menu > li.current-menu-item > a:hover span::after,
.mobilemenu ul.menu > li.current-menu-ancestor > a:hover span::after,
.mobilemenu ul.menu > li.current-menu-parent > a:hover span::after,
.mobilemenu ul.menu > li.current-page-ancestor > a:hover span::after,
.mobilemenu ul.menu > li.current_page_parent > a:hover span::after,
.mobilemenu ul.menu > li.current_page_item > a:hover span::after,
.single-evenement .mobilemenu ul.menu > li.menu-item-object-evenement > a:hover span::after,
.single-galerij .mobilemenu ul.menu > li.menu-item-object-galerij > a:hover span::after,
.single-post .mobilemenu ul.menu > li.menu-item-object-post > a:hover span::after,
.single-project .mobilemenu ul.menu > li.menu-item-object-project > a:hover span::after { background-color: var(--geel); } .page-title {
padding: 2.8rem 0;
background: var(--blauw);
color: #fff;
}
.page-title h1, .page-title h2 { color: inherit; }
.page-title h2, .project-title h2 {
text-align: center;
margin: 0;
font-weight: 300;
font-family: museo-sans;
font-size: 1.2rem;
opacity: .8;
padding-bottom: .75rem;
display: flex;
justify-content: center;
}
.page-title h2 > span, .project-title h2 > span {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;border-top: 1px solid var(--geel);
margin-top: .25rem;
padding-top: .25rem;
}
.home .page-title h2 { opacity: 1; }
.home .page-title h2 > span { border: 0; }
.page-title h1 > span, .page-title h2 > span > span,
.project-title h1 > span, .project-title h2 > span > span { display: inline-block; }
.page-title.cta {
background-size: cover;
background-position: 50% 50%;
background-attachment: scroll;
background-repeat: no-repeat;
height: 84.666666vw;
padding: 1rem 0;
}
.page-title.cta h1 { color: var(--blauw); }
.page-title.cta .ctabtn { text-align: center; height: 25%; }
.page-title.cta .ctabtn > a { box-shadow: 0 .2rem 2rem rgba(0,0,0,0.2); }
@media (min-width:768px){
.page-title.cta { height: 35.2734375vw; }
.page-title.cta h1 { font-size: 2rem; }
.page-title.cta .ctabtn { text-align: right; height: auto; font-size: .9rem; }
}
@media (min-width:800px){
.page-title.cta h1 { font-size: 2.2rem; }
}
@media (min-width:992px){
.page-title.cta h1 { font-size: 2.4rem; }
.page-title.cta .ctabtn { text-align: center; }
}
@media (min-width:1200px){
.page-title.cta h1 { font-size: 2.8rem; }
.page-title.cta .ctabtn { padding-top: .5rem; font-size: 1rem; }
}
@media (min-width:1680px){
.page-title.cta { padding-top: 2rem; }
} .entry-content > *,
[class*="__inner-container"] > :not(.alignfull):not(.alignleft):not(.alignright) {
margin-left: auto;
margin-right: auto;
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"]  > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 680px;
width: calc(100% - 40px);
}
.entry-content > .alignwide, [class*="__inner-container"] > .alignwide {
max-width: 100%;
width: 100%;
}
.wp-block-group { overflow-x: hidden; }
[class*="__inner-container"] [class*="__inner-container"]  > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
.is-style-tekstvak [class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: 100%;
}
.has-background > [class*="_inner-container"] > :first-child, .is-style-tekstvak > [class*="_inner-container"] > :first-child,
.has-background > [class*="_inner-container"] > .wp-block-group:only-child > [class*="_inner-container"] > :first-child { margin-top: 0; }
.has-background > [class*="_inner-container"] > :last-child, .is-style-tekstvak > [class*="_inner-container"] > :last-child,
.has-background > [class*="_inner-container"] > .wp-block-group:only-child > [class*="_inner-container"] > :last-child { margin-bottom: 0; }
@media (max-width: 991.999px) {
.alignwide.widecontainer { width: calc(100% - 40px); }
}
@media (min-width: 992px) {
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"]  > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: var(--txtline);
}
.entry-content > .alignwide, [class*="__inner-container"] > .alignwide, .alignwide > [class*="__inner-container"]  > :not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 920px;
width: 100%;
}
}
@media (min-width: 1200px) {
.entry-content > .alignwide, [class*="__inner-container"] > .alignwide, .alignwide > [class*="__inner-container"]  > :not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 1100px;
}
}
@media (min-width: 1300px) {
.entry-content > .alignwide, [class*="__inner-container"] > .alignwide, .alignwide > [class*="__inner-container"]  > :not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 1220px;
}
}
@media (min-width: 1680px) {
.entry-content > .alignwide, [class*="__inner-container"] > .alignwide, .alignwide > [class*="__inner-container"]  > :not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 1340px;
}
}
.entry-content > *:first-child[class*="alignfull"] { margin-top: -3.4em; }
.entry-content > *:last-child[class*="alignfull"] { margin-bottom: -2.4em; } :root .has-groen-background-color { background-color: var(--groen); }
:root .has-blauw-background-color { background-color: var(--blauw); }
:root .has-geel-background-color { background-color: var(--geel); }
:root .has-groencontr-background-color { background-color: var(--groencontr); }
:root .has-antraciet-background-color { background-color: var(--antraciet); }
:root .has-zwart-background-color { background-color: #000; }
:root .has-donker-background-color { background-color: rgba(0,0,0,0.1); }
:root .has-wit-background-color { background-color: #fff; }
:root .has-groen-background-color, :root .has-blauw-background-color, :root .has-groencontr-background-color, :root .has-antraciet-background-color, :root .has-zwart-background-color,
:root .txtlight {
color: #fff;
}
:root .has-groen-background-color a:not(.button), :root .has-blauw-background-color a:not(.button), :root .has-groencontr-background-color a:not(.button), :root .has-antraciet-background-color a:not(.button), :root .has-zwart-background-color a:not(.button),
:root .txtlight a:not(.button) {
color: #FDD983;
}
:root .has-groen-background-color a:not(.button):hover, :root .has-blauw-background-color a:not(.button):hover, :root .has-groencontr-background-color a:not(.button):hover, :root .has-antraciet-background-color a:not(.button):hover, :root .has-zwart-background-color a:not(.button):hover,
:root .txtlight a:not(.button):hover {
color: var(--antraciet);
}
:root .has-groen-color { color: var(--groen); }
:root .has-blauw-color { color: var(--blauw); }
:root .has-geel-color { color: var(--geel); }
:root .has-groencontr-color { color: var(--groencontr); }
:root .has-antraciet-color { color: var(--antraciet); }
:root .has-zwart-color { color: #000; }
:root .has-wit-color { color: #fff; } .entry-content {
padding-top: 3.4em;
padding-bottom: 2.4em;
}
.is-style-tekstvak { padding: 2rem 20px; }
@media (max-width:991.999px){ [class*="col-"] > .is-style-tekstvak { padding-left: 0; padding-right: 0; } }
span.small, span.cntct, span.cntct > a > em { display: inline-block }
.entry-content svg, .entry-content img, .entry-content embed, .entry-content object {
display: block;
height: auto;
max-width: 100%;
}
.wp-block-image {
max-width: 100%;
}
.wp-block-image figure { margin-bottom: 1.4em; }
.wp-block-image.mb-0 figure { margin-bottom: 0 !important; }
.wp-block-image.aligncenter { text-align: center }
.wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100% }
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
display: table;
margin-left: 0;
margin-right: 0;
}
.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.is-resized>figcaption {
display:table-caption;
caption-side:bottom
}
.wp-block-image .alignleft { float:left; margin-right:1em }
.wp-block-image .alignright { float:right; margin-left:1em }
.wp-block-image .aligncenter { margin-left:auto; margin-right:auto }
.wp-block-image figcaption { margin-top:.5em; margin-bottom:1em }
img.circle { border-radius: 50%; }
.aligncenter, .aligncenter img {
margin-left: auto;
margin-right: auto;
}
.alignleft, .alignright {	max-width: 50% }
.alignleft { float: left; margin: 0.3rem 2rem 2rem 2rem; }
.alignright { float: right; margin: 0.3rem 2rem 2rem 2rem; }  .alignfull > figcaption,
.alignfull > .wp-caption-text {
margin-left: auto;
margin-right: auto;
max-width: 58rem;
width: calc(100% - 4rem);
}
.entry-content p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
} .entry-content p:empty { display: none; }
.entry-content p strong, .entry-content ul strong, .entry-content ol strong { font-weight: 700; }
.entry-content img, .entry-content img, .imgbox img {
display: block;
max-width: 100%;
height: auto;
}
.entry-content h3 + ul, .entry-content h4 + ul,
.entry-content h3 + ol, .entry-content h4 + ol,
.entry-content h3 + table, .entry-content h4 + table { margin-top: 0.4em; } .entry-content > ul.rechts, .entry-content > ol.rechts { display: inline-block; }
.entry-content ol { counter-reset: item; }
.entry-content ul, .entry-content ol { padding-left: 1.8em; }
.entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul {
margin: 0.2em 0 0 0;
padding-left: 1.4em
}
.entry-content ul li, .entry-content ol li {
list-style-type: none;
position: relative;
margin-bottom: 0.6em;
}
.entry-content ul li:before, .entry-content ol li:before {
color: var(--groen);
line-height: 0;
position: absolute;
}
.entry-content ul li:before,
.entry-content ol ul li:before {
font-family: 'Arial';
top: 0.68em;
left: -1.5em;
content: "\2022";
-webkit-transform: scale(1.7);
transform: scale(1.7);
}
.entry-content ol li:before,
.entry-content ul ol li:before {
font-size: 1.05em;
top: 0.68em;
left: -1.7em;
content: counters(item, ".")".";
counter-increment: item;
}
.entry-content ul ul li, .entry-content ol ol li,
.entry-content ol ul li, .entry-content ul ol li { margin-bottom: 0.2em; }
.entry-content ol ol li:before,
.entry-content ul ol li:before { font-size: 0.9em; left: -2.4em; top: 0.82em; }
.entry-content ul ol li:before { left: -1.6em; }
.entry-content ul ul li:before,
.entry-content ol ul li:before{
font-family: 'Arial';
content: "\25cb";
font-size: 0.65em;
top: 1em;
left: -1.9em;
-webkit-transform: scale(1.75);
transform: scale(1.75);
}
.entry-content ul.is-style-vinkjes li:before,
.entry-content ul.is-style-pijlen li:before,
.entry-content ul.is-style-pijlen2 li:before,
.entry-content ul.is-style-sterren li:before {
font-family: 'keyicons' !important;
content: "\e915";
-webkit-transform: scale(1);
transform: scale(1);
left: -1.75em;
}
.entry-content ul.is-style-pijlen li:before { content: "\e906"; }
.entry-content ul.is-style-pijlen2 li:before { content: "\e918"; }
.entry-content ul.is-style-sterren li:before { content: "\e95d"; }
nav ul {
margin: 0;
padding: 0;
list-style: none;
} .subfooter { margin-top: 2.5rem; }
.subfooter > .container::before {
content: "";
display: block;
width: 100%;
height: 1px;
background: rgba(255,255,255,0.25);
position: relative;
top: -1rem;
}
.subfooter .row > div { text-align: center; }
.subfooter .links > span + span::before {
display: inline-block;
content: "\2009 | \2009";
}
.subfooter .socials > span + span { margin-left: .5em }
.back-to-top {
display: block;
position: fixed;
bottom: 1rem;
right: 1rem;
font-size: 28px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: rgba(74,176,152,0.85);
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
opacity: 0;
visibility: hidden;
text-decoration: none;
}
.back-to-top:hover { background-color: var(--groencontr); color: #fff; }
.back-to-top:active { background-color: var(--blauw); color: #fff; }
.back-to-top > i {
display: inline-block;
line-height: 48px;
}
.down .back-to-top {
opacity: 1;
visibility: visible;
z-index: 120;
} .widget {
padding-top: .5rem;
padding-top: .5rem;
}
.footerwidgets .widget h3 {
margin-bottom: 1rem;
}
.footerwidgets a:not(.button) { background: transparent; }
.footerwidgets a:not(.button):hover { color: #FFF7E6 !important; }
.widget_nav_menu ul,
.widget_recent_entries ul {
list-style: none outside;
margin: 0;
padding: 0;
}
.widget_nav_menu li a,
.widget_recent_entries li a {
display: block;
position: relative;
left: 0px;
padding: .3em 0 .3em 1.6em;
line-height: 1.2em;
}
.widget_nav_menu li a::before,
.widget_recent_entries li a::before {
content: "\e918";
font-family: 'keyicons';
display: inline-block;
vertical-align: middle;
text-align: center;
position: absolute;
left: 0; top: 50%;
transform: translateY(-50%);
width: 1.25em; height: 1.25em;
font-size: 1em;
color: var(--geel);
}
.widget_nav_menu li a:hover,
.widget_recent_entries li a:hover {
left: 0.25em;
}
.widget_nav_menu li.current-menu-item, .widget_nav_menu li.current_page_item { opacity: .5; }
.contactinfo_widget .contact > a:not(.button), .contactinfo_widget .contact > span {
display: block;
line-height: 1.75em;
}
.contactinfo_widget a > span,
.contactinfo_widget span > span {
display: inline-block;
vertical-align: top;
position: relative;
}
.contactinfo_widget a > span { font-weight: 500; }
.contactinfo_widget span > span {
line-height: 1.2em;
padding: .275em 0;
}
.contactinfo_widget a:not(.button):not(.social) i,
.contactinfo_widget span i {
color: var(--geel);
}
.contactinfo_widget a.social {
}
.contactinfo_widget a.social i {
display: inline-block;
}
.contactinfo_widget .knop, .contactinfo_widget div.social, .contactinfo_widget .opmerking { margin-top: 0.4em; margin-bottom: 0;}
.contactinfo_widget .opmerking { max-width: 18.3rem; }  nav.pagination { margin-top: 1rem; }
nav.pagination h2 {
margin-top: 0;
font-size: 1.5rem;
text-align: center;
color: var(--groencontr);
}
.pagination .nav-links {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0 -.5rem;
font-size: .875em;
}
.pagination .nav-links .page-numbers {
margin: .25rem .5rem;
flex: 0 0 auto;
width: auto;
max-width: 100%;
line-height: 1.1em;
text-align: center;
}
.pagination .nav-links > a, .pagination .nav-links > .current {
border: 1px solid var(--groencontr);
color: var(--groencontr);
background: none;
text-decoration: none;
border-radius: 999px;
padding: .5em .75em;
min-height: 2.2em;
min-width: 2.2em;
}
.pagination .nav-links > a:hover {
background: var(--groencontr);
color: #fff;
}
.pagination .nav-links > a:active {
background-color: #204D43;
border-color: #204D43;
}
.pagination .nav-links > a.prev, .pagination .nav-links > a.next { padding: .5em 1.25em; }
.pagination .nav-links > .current {
border-color: var(--blauw);
color: var(--blauw);
font-weight: 500;
} .project-image { overflow: hidden; } .prjpost {
display: block;
background: #f5f5f5;
margin-bottom: 40px;
text-decoration: none;
}
.prjpost:hover { background: #E8E8E8; }
.prjpost .project-image .imgbox {
margin: 5% 6%;
box-shadow: 0 1rem 2rem rgba(0,0,0,0.4);
}
.prjpost:hover .project-image .imgbox {
box-shadow: 0 .6rem 3rem rgba(0,0,0,0.4);
}
.imgbox img { transform: scale(1,1); }
.prjpost:hover .imgbox img {
transform: scale(1.05,1.05);
}
.prjmeta { padding: 5% 6%; }
.prjpost h2 {
margin: 0;
font-size: 1.35rem;
}
.prjpost:hover .prjpost h2 { color: #0D1A23; }
.prjmeta .project-diensten { color: #798E9A; }
.prjpost:hover .prjmeta .project-diensten { color: #365568; } .single-portfolio {}
.titlebox, .project-title, .project-meta {
display: flex;
flex-direction: column;
}
.titlebox { height: 100%; }
.backlink {
flex: 0 0 auto;
height: auto;
}
.prj-bcklnk {}
.project-title {
flex: 1 1 auto;
padding: 1.8rem;
justify-content: center;
}
.project-meta {
flex: 1 1 auto;
background: #f5f5f5;
padding: .45rem 0;
text-align: center;
line-height: 1.2rem;
justify-content: space-around
}
.project-meta > div {
padding: .45rem 1.5rem;
}
.project-title h1 { font-size: 1.8rem; }
.project-title h2 { font-size: 1.15rem; padding-bottom: 0; }
.projecthead .project-image .imgbox {
margin: 1.8rem;
box-shadow: 0 1.2rem 2.4rem rgba(0,0,0,0.4);
}
.post-intro p { font-weight: 700; }
#anchornav {
position: -webkit-sticky;
position: sticky;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
top: 3.375rem;
z-index: 20;
padding: .5rem 0;
font-size: .9375rem;
}
#anchornav ul {
display: flex;
flex-wrap: wrap;
}
#anchornav a {
display: block;
text-decoration: none;
padding: .5rem 1rem;
margin: 1px 2px 1px 0;
color: #fff;
font-weight: 500;
background: transparent;
}
#anchornav a.navhl-first { background: rgba(0,0,0,0.5); } .cb_tm blockquote { padding: 0; margin: 0; }
.tm_image, .tm_author { margin-top: 1.5rem; }
.tm_auth { text-align: center; }
.tm_author h3 {
color: var(--blauw);
text-align: inherit;
margin-bottom: 0;
}
.tm_author h4 {
font-family: 'museo-sans';
font-weight: 500;
font-size: .9rem;
text-align: inherit;
}
.tm_author h4 a { text-decoration: none; } .sr_caption {
padding: .3em 0;
line-height: 1.2em;
font-style: italic;
font-size: .875rem;
opacity: .85;
} .ptable {
background: #f5f5f5;
color: var(--antraciet);
margin: 1rem 0;
text-align: center;
}
.pt_head {
padding: 1rem;
}
.pt_title h2 {
margin: 0 0 .1em 0;
color: inherit;
text-align: center;
}
.pt_price .pt_prmnd .amount {
font-size: 2em;
font-weight: 500;
margin: 0 .1em;
line-height: 1em;
}
.pt_price .pt_prjr {
font-size: .875em;
font-style: italic;
}
.pt_body { padding: .5rem 1rem; }
.pt_row { padding: .5rem 0; }
.pt_row + .pt_row { border-top: 1px solid rgba(0,0,0,0.25); } .steps { margin-bottom: 1.4rem; }
.st_count, .st_title h3 { color: var(--groencontr); }
.st_count {
font-family: fp-dancer-pro, sans-serif;
font-weight: 400;
line-height: 1.3em;
padding-right: .3em;
}
.st_count::after { content: ":"; }
.st_line {
position: relative;
flex: 0 0 2rem;
max-width: 2rem;
}
.st_line::before {
content: '';
display: block;
position: absolute;
top: 0; left: calc(50% - .0625rem);
height: 100%;
width: .125rem;
background-color: var(--groen);
}
.st_dot {
display: block;
position: absolute;
top: calc(50% - .62rem); left: calc(50% - .5rem);
width: 1rem; height: 1rem;
border-radius: 50%;
background-color: var(--groen);
}
.steps > .st_step:first-child > div:first-child > .st_line::before {
height: calc(100% - .62rem);
top: .62rem;
}
.steps > .st_step:last-child .st_text p:last-child { margin-bottom: 0; } .dblok {}
.dt_link {
display: block;
padding: 1rem 1rem 2rem 1rem;
text-decoration: none;
color: #FDD983;
}
.dblok .dt_link h3.dt_title { color: unset; text-align: center; margin-top: .5em; }
.dblok .dt_icon, .dblok .dt_title {
margin: 0 auto;
}
.dblok:not(.feat) .dt_icon { max-width: 4rem; }
.dblok:not(.feat) .dt_icon > svg > .a { fill: #ffffff; }
.dblok:not(.feat) .dt_link:hover .dt_icon > svg > .a { fill: var(--antraciet); }
.dblok:not(.feat) .dt_title { max-width: 9rem; }
.dblok.feat .dt_link { padding: 2.5rem 1rem; }
.dblok.feat .dt_icon {
max-width: 9rem;
padding: .6rem;
background-color: #fff;
border-radius: 50%;
}
.dblok.feat .dt_link:hover .dt_icon { box-shadow: 0px .25rem .5rem rgba(0,0,0,0.3); }  html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}} .featherlight .featherlight-content { padding: 0; border-bottom: 0; }
.featherlight .featherlight-close-icon {
margin: 0;
border-radius: 0;
font-size: 2rem;
width: 3rem;
height: 3rem;
line-height: 3rem;
} .lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0;transition-delay:0;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0;transition:all .5s linear 0}.lSPager.lSpg>li.active a,.lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0 .35s linear 0;transition:border-radius .12s linear 0 .35s linear 0}.lSPager.lSGallery li.active,.lSPager.lSGallery li:hover{border-radius:5px}.lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSPager.lSGallery:after,.lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(//www.keywebdesign.nl/bestanden/themes/img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0;transition:opacity .35s linear 0}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} .entry-content .lSSlideOuter ul li::before,
.entry-content .sdrwrap ul li::before { content: ""; display: none; }
.lSSlideOuter { position: relative; }
.lSAction > a {
position: absolute !important;
text-decoration: none;
top: 0;
display: block;
height: 100%; width: 1.8rem;
background-image: none;
background-color: transparent;
margin: 0;
opacity: 1;
z-index: 4;
}
.showpager .lSAction > a {height: calc(100% - 1.8rem - 5px)}
.lSAction > a > span {
display: block; position: relative;
top: calc(50% - 0.9rem);
height: 1.8rem; width: 1.8rem;
padding: .15rem;
color: #000;
opacity: .5;
}
.darkbg .lSAction > a > span {color:#fff}
.lSAction > a:hover { background-color: transparent; }
.lSAction > a:hover > span { opacity: 1; }
.lSAction > a .icon {
display: block;
position: relative;
line-height: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
}
.lSAction > .lSPrev {left:0}
.lSAction > .lSNext {right:0}
.lSAction > a.lSPrev .icon {left:-1px}
.lSAction > a.lSNext .icon {left:1px}
.lSPager.lSpg > li { margin: 0; padding: 0 .25rem; line-height: 1.8rem; }
.lSPager.lSpg > li a {
text-decoration: none;
width: .8rem; height: .8rem;
background-color: transparent;
border: 1px solid rgba(0,0,0,0.5);
top: 1px;
z-index: 19;
}
.lSPager.lSpg > li.active a { background-color: rgba(0,0,0,0.5); }
.lSPager.lSpg > li:hover a {
border-color: rgba(0,0,0,0.75);
background-color: rgba(0,0,0,0.75);
}
.darkbg .lSPager.lSpg > li a { border-color:  rgba(255,255,255,0.5); }
.darkbg .lSPager.lSpg > li.active a { background-color: rgba(255,255,255,0.5); }
.darkbg .lSPager.lSpg > li:hover a {
border-color: rgba(255,255,255,0.75);
background-color: rgba(255,255,255,0.75);
}
.sdrwrap {overflow: hidden; position: relative;}
.arw_outside { width: 100% !important; }
.arw_outside .lSSlideWrapper {margin: 0 1.8rem;}
.entry-content > .arw_outside:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"] > .arw_outside:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"] > .sdrwrap:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: calc(680px + 3.6rem);
}
@media (min-width: 768px) {
.arw_outside .lSAction > a.lSPrev .icon {left:calc(-.25em - 1px)}
.arw_outside .lSAction > a.lSNext .icon {left:calc(.25em + 1px)}
}
@media (min-width: 992px) {
.entry-content > .arw_outside:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"] > .arw_outside:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"] > .sdrwrap:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: calc(var(--txtline) + 3.6rem);
}
} .pslwrap { width: 100%; max-width: 100%; }
#project-slider li { text-align: center; }
#project-slider .prjslide {
padding-top: 1.8rem;
padding-bottom: 1.8rem;
}
#project-slider .prjslide > img {
display: block;
max-width: calc(100% - 3.6rem);
height: auto;
margin: 0 auto;
box-shadow: 0 1rem 2rem rgba(0,0,0,0.4);
}
.pslwrap .lSPager.lSpg {
position: absolute;
bottom: 0;
width: 100%;
height: 1.8rem;
margin: 0 !important;
} .frm_hidden,.frm_pos_none,.frm_form_field .grecaptcha-badge,
.frm_hidden_container label.frm_primary_label,.frm_none_container label.frm_primary_label{display:none}
form .frm_verify, form input.frm_verify,legend.frm_hidden,legend.frm_screen_reader{display:none !important}
.frm_form_field, .frm_opt_container {
margin-bottom: 0.5em;
clear: both;
}
label.frm_primary_label { display: block; }
.frm_inside_container label.frm_primary_label {
font-size: 0.75em;
line-height: 1em;
padding-left: calc(1.5rem + 2px);
padding-bottom: 0.15em;
opacity: 0;
}
.frm_inside_container label.frm_primary_label.frm_visible { opacity: 1; }
.frm_description {
font-size: 82.5%;
color: #888;
}
.frm_required { display: none; }
.frm_submit { text-align: right; margin-top: 1rem; }
.frm_trigger { cursor: pointer }
.frm_form_field .auto_width { width: auto; } .frm_form_field *[aria-invalid="true"] { border-color: #BF3232; }
.frm_form_field .inputwrap *[aria-invalid="true"] + *[class*="icon-"] { color: #BF3232; }
.frm_form_field *:not(.empty)[aria-invalid="false"] { border-color: #5DB04A; }
.frm_form_field .inputwrap *:not(.empty)[aria-invalid="false"] + *[class*="icon-"] { color: #5DB04A; }
.frm_form_field .inputwrap *:not(.empty)[aria-invalid="false"] + *[class*="icon-"]::after {
content: "\e915";
left: 75%;
position: absolute;
background: #5DB04A;
border-radius: 50%;
color: #fff;
font-size: 40%;
padding: 15%;
top: 16%;
display: block;
-moz-osx-font-smoothing: auto;
}
.frm_error, .frm_error_style {
position: relative;
background-color: #BF3232;
padding: 0.6em 1em;
font-size: 0.825em;
color: #fff;
-moz-osx-font-smoothing: auto;
}
.frm_error_style { background-color: var(--blauw); }
.frm_error_style { margin-bottom: 1em; }
.frm_error_style::after, .frm_error::after {
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0,0,0,0);
border-width: 0.5rem;
margin-left: -0.5rem;
}
.frm_error_style::after {
top: 100%;
border-top-color: var(--blauw);
}
.frm_error::after {
bottom: 100%;
border-bottom-color: #BF3232;
}
.frm_error {
line-height: 1em;
margin-top: 0.3em;
}
.frm_message {
padding: 1em 1.4em;
font-size: 90%;
background-color: #00857C;
color: #fff;
border-radius: 0;
}
.frm_message p { margin: 0; } .frm_switch_block {
display: flex;
align-items: center !important;
}
.frm_switch_opt {
padding: 0 .5rem 0 0;
white-space: normal;
display: inline;
vertical-align: middle;
font-weight: 500;
}
.frm_switch {
position: relative;
display: inline-block;
width: calc(2.5rem + 2px);
height: calc(1.2rem + 2px);
vertical-align: middle;
}
.frm_switch > input, .frm_switch_block > input { opacity:0; margin: 0; position: absolute; }
.frm_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #A7A9AC;
border-radius: calc(2.5rem + 2px);
}
.frm_slider::before {
border-radius: 50%;
position: absolute;
content: "";
height: 1.2rem;
width: 1.2rem;
left: 1px;
bottom: 1px;
background-color: white;
box-shadow: 0 2px 5px #939598;
}
.frm_off_label { color: #939598; }
.frm_on_label {
color: var(--groencontr);
padding: 0 0 0 .5rem;
}
input:checked + .frm_switch .frm_slider { background-color: var(--groen); }
input:checked + .frm_switch .frm_slider::before { transform: translateX(1.3rem); } .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:130;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} .blocker { padding: 1rem; }
.modal {
z-index: 140;
width: 100%;
max-width: 42rem;
background: #f5f5f5;
padding: .8rem 1.5rem;
border-radius: .5rem;
}
.modal > *:nth-last-child(2) { margin-bottom: 0; }
.modal a.close-modal {
height: 2rem;
width: 2rem;
top: -1rem;
right: -1rem;
background: #f5f5f5;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 1rem;
}
.modal a.close-modal::before,
.modal a.close-modal::after {
position: absolute;
content: "";
left: calc(1rem - 2px);
top: calc(.5rem - 1px);
height: 1rem;
width: 2px;
border-radius: 1px;
background-color: var(--antraciet);
transform: rotate(45deg);
}
.modal a.close-modal::after { transform: rotate(-45deg); }
.modal a.close-modal:hover, .modal a.close-modal:focus { background-color: #FBBF31; } @media (min-width:480px){
html { font-size: 17px; }
h1 { font-size: 2.2rem; }
h2 { font-size: 1.7rem; }
h2.is-style-smaller { font-size: 1.5rem; }
}
@media (min-width: 568px) {
html { font-size: 18px; }
.button, button, input[type="submit"], input[type="button"] { padding: calc(1em - 4px) 1.4em; }
input[type=text],input[type=password],input[type=url],input[type=tel],input[type=number],input[type=email],input[type=search] {
height: calc(3rem - 4px);
border-radius: calc(1.5rem - 2px);
}
.logo { padding: .38rem 0; }
#up {margin-bottom: calc(3rem * 0.8 - 4px);}
.mbtn, .mbtn a { height: calc(3rem * 0.8 - 4px); padding: 0 1rem; }
.mbtn a i, .mbtn a span.txt {
display: inline-block !important;
vertical-align: middle;
top: 0;
padding-top: 0;
}
.mbtn a i {
margin-right: 0.5em;
top: -0.05em;
padding: calc((3rem * 0.8 - 4px - 1.5rem) / 2) 0;
}
.mbtn a span.txt { font-size: 0.8rem; }
a#menutoggle .icon { margin-right: 0.5em; }
#menuoverlay .inner {
padding-top: calc(3rem * 0.8 - 4px);
}
#content .alignright { float: right; margin: 0 0 1rem 1.5rem; }
#content .alignleft { float: left; margin: 0 1.5rem 1rem 0; } #anchornav { top: calc(3rem * 0.8 - 4px); }
.anchor { top: calc(-3rem * 0.8 + 4px); }
.project-title h2 { padding-bottom: 1.63rem; }
.prjpost h2 { font-size: .89rem; }
.prjmeta .project-diensten { font-size: .85rem }
.hasauthimg .tm_auth {
text-align: left;
padding-left: 20px;
border-left: 2px solid var(--blauw);
}
}
@media (min-width:768px){
html { font-size: 19px; }
.logo { padding: 8px 0; }
.prjpost h2 { font-size: .72rem; }
.prjmeta .project-diensten { font-size: .72rem }
.feat .prjpost h2 { font-size: 1.15rem; }
.feat .prjmeta .project-diensten { font-size: 1rem }
}
@media (min-width:992px){
html { font-size: 20px; }
.button, button, input[type="submit"], input[type="button"] { padding: calc(1em - 6px) 1.4em; }
input[type=text],input[type=password],input[type=url],input[type=tel],input[type=number],input[type=email],input[type=search] {
height: calc(3rem - 8px);
border-radius: calc(1.5rem - 4px);
}
#up {margin-bottom: 6.96031743rem;}
.logo { max-width: 256px; width: 196px; padding: 1rem 0; }
#koffie a.button { width: 7.25em; } .down #up {  }
.down #main-menu { margin: 0; } #main-menu { position: relative; margin: 1.5rem 0; }
#main-menu ul { margin: 0 auto; padding: 0; font-size: 0px; }
#main-menu li {
width: auto;
display: inline-block;
position: relative;
vertical-align: middle;
font-size: .9rem;
line-height: 1.3em;
line-height: 1em;
font-weight: 500;
font-family: fp-dancer-pro; font-weight: 400;
margin: 0;
opacity: 1;
z-index: 4;
}
#main-menu li a { display: block; text-decoration: none; }
#main-menu li a, #main-menu li a:hover, #main-menu li a:focus { background: none; }
#main-menu ul.menu > li > a {
color: var(--blauw);
padding: 1.2em 1em;
}
#main-menu ul.menu > li > a:hover,
#main-menu ul.menu > li:hover > a { color: var(--groencontr); text-decoration: none; }
#main-menu ul.menu > li.current-menu-item > a,
#main-menu ul.menu > li.current-menu-ancestor > a,
#main-menu ul.menu > li.current-menu-parent > a,
#main-menu ul.menu > li.current-page-ancestor > a,
#main-menu ul.menu > li.current_page_parent > a,
#main-menu ul.menu > li.current_page_item > a,
.single-evenement #main-menu ul.menu > li.menu-item-object-evenement > a,
.single-galerij #main-menu ul.menu > li.menu-item-object-galerij > a {
font-weight: 700;
color: var(--groen);
}
#main-menu ul.menu > li > a > span {
display: block;
text-align: center;
}
#main-menu ul.menu > li > a > .mainu { font-weight: 700 }
#main-menu ul.menu > li > a > .sub { font-size: 0.8em; font-weight: 400; opacity: .6; }
#main-menu ul.menu > li.menu-item-has-children > a .icon {
margin-left: 0.3em;
}
#main-menu ul.menu > li.menu-item-has-children > a .mainu::after {
content: "";
display: inline-block;
vertical-align: middle;
position: relative;
height: 0.32em; width: 0.32em;
top: -0.1em;
transform: rotate(135deg);
margin-left: 0.4em;
border-style: solid;
border-width: 0.1em 0.1em 0 0;
border-color: var(--blauw);
}
#main-menu ul.menu > li.menu-item-has-children > a:hover .mainu::after,
#main-menu ul.menu > li.menu-item-has-children:hover > a .mainu::after { border-color: var(--groen); } #main-menu li ul {
visibility: hidden;
opacity: 0;
position: absolute;
padding: 0;
top: 100%;
left: 50%;
min-width: 10rem;
text-align: left;
background-color: var(--blauw);
transform: translate(-50%, 0);
box-shadow: 0px 2px 4px rgba(0,0,0,0.75);
}
#main-menu li:hover > ul {
visibility: visible;
opacity: 1;
z-index: 10;
}
#main-menu li:focus-within > ul {
visibility: visible;
opacity: 1;
z-index: 10;
}
#main-menu li ul li {
position: relative;
display: block;
margin: 0;
text-align: center;
text-transform: none;
}
#main-menu li ul li + li { border-top: 1px solid rgba(255,255,255,0.1); }
#main-menu li ul li a {
padding: .9em 1.5em;
font-size: 1em;
line-height: 1.3333;
color: #fff;
white-space: nowrap;
}
#main-menu li ul li:hover > a, #main-menu li ul li a:hover { background-color: rgba(0,0,0,0.33); }
#main-menu li ul li.current-menu-item > a,
#main-menu li ul li.current-menu-ancestor > a,
#main-menu li ul li.current-menu-parent > a,
#main-menu li ul li.current-page-ancestor > a,
#main-menu li ul li.current_page_item > a {
background-color: rgba(0,0,0,0.5);
}
#anchornav { top: 3.864rem; }
.anchor { top: -3.864rem; }
.back-to-top {
right: 1.5em; bottom: 4rem;
font-size: 30px;
width: 58px;
height: 58px;
line-height: 58px;
border-width: 2px;
}
.back-to-top > i { line-height: 56px; }
.is-style-tekstvak { padding: calc(2rem + 1vw) calc(.5rem + 3vw); }
.prjpost h2 { font-size: .91rem; }
.prjmeta .project-diensten { font-size: .85rem }
.feat .prjpost h2 { font-size: 1.2rem; }
.noauthimg .tm_auth {
text-align: left;
padding-left: 40px;
border-left: 2px solid var(--blauw);
}
.hasauthimg > .row { flex-direction: column; }
.hasauthimg .tm_image { margin-top: 0 }
.hasauthimg .tm_auth {
text-align: center;
padding-left: 0;
border-left: none;
}
.st_count, .st_space {
flex: 0 0 3.25rem;
text-align: right;
padding: 0;
}
.st_count::after { content: ''; }
}
@media (min-width:1200px){
html { font-size: 21px; }
h1 { font-size: 2.8rem; }
h2 { font-size: 1.8rem; }
.logo { width: 230px; }
#koffie a.button { width: 9.5em; }
#main-menu ul.menu > li > a { padding: 1.2em; }
.project-meta { padding: 1.8rem 0; }
.project-meta > div { padding: 0 1.8rem; }
.prjpost h2 { font-size: 1rem; }
.prjmeta .project-diensten { font-size: .92rem }
}
@media (min-width:1300px){
.logo { width: 242px; }
#koffie a.button { width: auto; }
.hasauthimg > .row { flex-direction: row; }
.hasauthimg .tm_author { margin-top: 0 }
.hasauthimg .tm_auth {
text-align: left;
padding-left: 20px;
border-left: 2px solid var(--blauw);
}
}
@media (min-width:1680px){
html { font-size: 22px; }
.logo { width: 256px; }
}  .d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width: 576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width: 768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width: 992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width: 1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width: 576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width: 768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width: 992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width: 1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} .text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width: 576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width: 768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width: 992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width: 1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}} .fs-0{font-size:0}
.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}
.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}
.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}
.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}} .mb-2rem,.my-2rem{margin-bottom:2rem!important}.mt-2rem,.my-2rem{margin-top:2rem!important}.mb-4rem,.my-4rem{margin-bottom:4rem!important}.mt-4rem,.my-4rem{margin-top:4rem!important}.mb-5rem,.my-5rem{margin-bottom:5rem!important}.mt-5rem,.my-5rem{margin-top:5rem!important}
.ml-2rem,.mx-2rem{margin-left:2rem!important}.mr-2rem,.mx-2rem{margin-right:2rem!important}.ml-4rem,.mx-4rem{margin-left:4rem!important}.mr-4rem,.mx-4rem{margin-right:4rem!important}.ml-5rem,.mx-5rem{margin-left:5rem!important}.mr-5rem,.mx-5rem{margin-right:5rem!important}
.pb-2rem,.py-2rem{padding-bottom:2rem!important}.pt-2rem,.py-2rem{padding-top:2rem!important}.pb-4rem,.py-4rem{padding-bottom:4rem!important}.pt-4rem,.py-4rem{padding-top:4rem!important}.pb-5rem,.py-5rem{padding-bottom:5rem!important}.pt-5rem,.py-5rem{padding-top:5rem!important}
.pl-2rem,.px-2rem{padding-left:2rem!important}.pr-2rem,.px-2rem{padding-right:2rem!important}.pl-4rem,.px-4rem{padding-left:4rem!important}.pr-4rem,.px-4rem{padding-right:4rem!important}.pl-5rem,.px-5rem{padding-left:5rem!important}.pr-5rem,.px-5rem{padding-right:5rem!important}
.screen-reader-text,.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
.clearfix::after {
display: block;
content: "";
clear: both;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
@media print {
*,:before,:after{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
pre{white-space:pre-wrap!important}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img { max-width: 100% !important; }
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}