html { -webkit-text-size-adjust: 100%; position: relative; float: left; font-size: 15px;  width: 100%; }

.hidden{width: 0; height: 0; overflow: hidden;}

@font-face {
  font-family: 'frijns';
  src:  url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/frijns.eot?cft57o');
  src:  url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/frijns.eot?cft57o#iefix') format('embedded-opentype'),
    url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/frijns.ttf?cft57o') format('truetype'),
    url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/frijns.woff?cft57o') format('woff'),
    url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/frijns.svg?cft57o#frijns') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'frijns' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.f-beeldmerk_kleur .path1:before {
  content: "\e900";
  color: rgb(35, 31, 32);
}
.f-beeldmerk_kleur .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(0, 162, 179);
}
.f-beeldmerk_kleur .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(253, 232, 0);
}
.f-beeldmerk_grijs .path1:before {
  content: "\e903";
  color: rgb(197, 197, 197);
}
.f-beeldmerk_grijs .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(233, 232, 232);
}
.f-beeldmerk_grijs .path3:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(213, 212, 212);
}
.f-beeldmerk_kleur_wit .path1:before {
  content: "\e906";
  color: rgb(255, 255, 255);
}
.f-beeldmerk_kleur_wit .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(0, 162, 179);
}
.f-beeldmerk_kleur_wit .path3:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(253, 232, 0);
}
.f-arrow_l_s:before {
  content: "\e909";
}
.f-arrow_r_s:before {
  content: "\e90a";
}
.f-arrow_l:before {
  content: "\e90b";
}
.f-arrow_r:before {
  content: "\e90c";
}
.f-change:before {
  content: "\e90d";
}
.f-play:before {
  content: "\e90f";
}
.f-facebook:before {
  content: "\e91e";
}
.f-twitter:before {
  content: "\e91f";
  color: #4a4a4a;
}
.f-linkedin:before {
  content: "\e920";
}
.f-instagram:before {
  content: "\e921";
}
.f-youtube:before {
  content: "\e922";
}


@import url("https://hello.myfonts.net/count/3caccf");
  
@font-face {
  font-family: 'Termina-Demi';
  src: url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/Termina-Demi/font.woff2') format('woff2'), url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/Termina-Demi/font.woff') format('woff');
}
@font-face {
  font-family: 'Termina-Regular';
  src: url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/Termina-Regular/font.woff2') format('woff2'), url('https://www.frijnsindustrialgroup.com/wp-content/themes/frijns/css/../fonts/Termina-Regular/font.woff') format('woff');
}

.Termina-Regular { 
  font-family: Termina-Regular;
}
.Termina-Demi { 
  font-family: Termina-Demi;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
  text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}


body {

  position: relative; 
  float: left; 
  width: 100%;
  font-size: 1em;
  font-family: 'Poppins', sans-serif; 
  line-height: 1.4em; 
  font-weight: 400; 
  color:#231F20;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  background-color: #fff;
  overflow-y: scroll; /* has to be scroll, not auto */
  overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                        supported by Chrome and Opera */

}

input, textarea{font-family: 'Poppins', sans-serif; font-size: 1em;}
input[type=text]:focus, textarea:focus {
  -webkit-box-shadow:none;
          box-shadow:none;
  outline: none;
}

a{color: inherit; text-decoration: none; }

i, cite, em, var, dfn {
    font-style:normal;
}

b, strong {font-weight: 700; font-family: 'Poppins', sans-serif;}

ul, li{position: relative;  display: inline-block;}

section, header, main, footer, nav, article, ul, p, img, blockquote, label{position: relative; float: left; width: 100%; display: block; -webkit-box-sizing:border-box; box-sizing:border-box; }
p{ margin-bottom: 2em; font-size: 1em; line-height: 1.7em;  }
p strong{}

p a{color: inherit; text-decoration: underline;}
label{ font-size: 1em; font-family: 'Poppins'; }

article{margin-bottom: 3em;}

article table{font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.1em;}
article table td{padding-right: 1em;}

/* BASICS */

h1, h2, h3, h4, h5, h6{ font-weight:400; letter-spacing: -0.03em; line-height: 1.2em; font-family: 'Termina-Demi'; font-weight: 400; position: relative; float: left; width: 100%; display: block;  }
h1{font-size:2em; margin-bottom: 1em; text-transform: uppercase; }
h2{font-size:2em; margin-bottom: 1em;}
h3{font-size:1.5em; margin-bottom: 0.5em;}
h4{font-size:1.5em; margin-bottom: 1em}

article em{position: relative; float: none;  -webkit-transform:translateY(-0.5em);  -ms-transform:translateY(-0.5em);  transform:translateY(-0.5em); display: inline-block;}

/* BLOCKS */

.middle{ position:absolute; left:50%; top: 50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}
.textcenter{text-align: center;}
.leftside{position: relative; float: left; width: auto; display: block;}
.rightside{position: relative; float: right; width: auto; display: block;}
.textinvert{color: #fff;}

.b15{width: 15%;}
.b16{width: 16.665%;}
.b20{width: 20%;}
.b25{width: 25%;}
.b75{width: 75%; }
.b30{width: 30%;}
.b60{width: 60%; }
.b35{width: 35%;}
.b40{width: 40%;}
.b41{width: 41.6666%;}
.b65{width: 65%; }
.b50{width: 50%;}
.b33{width: 33.33%;}
.b66{width: 66.66%;}
.b100{width: 100%;}

.viceversa .b{float: right!important;}

.videoWrapper {
  position: relative;
  padding-bottom: 41%; /* 16:9 = 56.25% */
  padding-top: 25px;
  height: 0;
  margin-bottom: 3em;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ALL CONTENT */

.container{opacity: 0; position: relative; float: none; margin: 0 auto; max-width: 120em; width: 100%; overflow: hidden;
  box-shadow: -1px 2px 63px 0px rgba(0,0,0,0.11);
-webkit-box-shadow: -1px 2px 63px 0px rgba(0,0,0,0.11);
-moz-box-shadow: -1px 2px 63px 0px rgba(0,0,0,0.11);
 }
.animate .container{opacity: 1;  -webkit-transition:opacity 1s ease ;  -o-transition:opacity 1s ease ;  transition:opacity 1s ease ;}


.widthbig{padding: 0 4rem; width: 100%; max-width: 88em; float: none; margin: 0 auto;}
.widthmedium{padding: 0 4rem; width: 100%; max-width: 60em; float: none; margin: 0 auto;}
.widthsmall{padding: 0 4rem; width: 100%; max-width: 40em; float: none; margin: 0 auto;}

.btn{position: relative; display: inline-block; font-family: "Termina-Demi"; font-weight: 400; text-transform: uppercase; background-color: #fff; overflow: hidden; padding: 0.95em 3em 1.05em; font-size: 1em; line-height: 1.4em; color: #231F20;}
.btnblack{background-color: #2C2C33; color: #fff;}

.btn div{position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: #FDE63B; -webkit-transform:translateY(102%); -ms-transform:translateY(102%); transform:translateY(102%); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease;}
.no-touch .btn:hover div{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);}

.btn span{position: relative; }
.no-touch .btn:hover span{color: #231F20; -webkit-transition:color 0.2s ease 0.1s; -o-transition:color 0.2s ease 0.1s; transition:color 0.2s ease 0.1s; }
.navi{position: fixed; width: 100%; max-width: 20.5em; z-index: 10; left: 0; overflow: hidden; background-color: #231F20; height: 100vh; top:0;  -webkit-transform:translateX(-100%);  -ms-transform:translateX(-100%);  transform:translateX(-100%); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s; transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s; -o-transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s; transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s; transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s; }

.navimobile{position: absolute; left: 0; top:8em; width: 100%; text-align: center;}
.navimobile ul{padding: 0 3em;}
.navimobile li{width: 100%; padding: 0.5em 0em; text-align: left; font-size: 1.4em; font-family: 'Poppins';  color: #fff;cursor: pointer; opacity: 0; -webkit-transform:translateY(0em); -ms-transform:translateY(0em); transform:translateY(0em); -webkit-transition:color 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition:color 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition:color 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition:color 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition:color 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);}
.navimobile a{color: #fff;}
.no-touch .navimobile li:hover a, .navimobile li.active a { font-weight: 700;}

.navimobile li a{text-transform:uppercase;}

.open .navi{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
.open .navi .navimobile li{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);  opacity: 1; -webkit-transition:opacity 0.7s ease 0.3s, -webkit-transform 0.7s ease 0s; transition:opacity 0.7s ease 0.3s, -webkit-transform 0.7s ease 0s; -o-transition:transform 0.7s ease 0s, opacity 0.7s ease 0.3s ; transition:transform 0.7s ease 0s, opacity 0.7s ease 0.3s ; transition:transform 0.7s ease 0s, opacity 0.7s ease 0.3s, -webkit-transform 0.7s ease 0s;}


header{background-color: #fff; padding: 0em 0; border-bottom: 1px solid #ddd;}
.topheader{padding: 2em 0 0; border-bottom: 1px solid #ddd; background-color: #fff; z-index: 3;}
.bottomheader{padding: 1em 0; z-index: 2; overflow: hidden; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.7s; -o-transition:0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.7s; transition:0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.7s;}
.animate .bottomheader{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}

.logos{position: relative; float: left; display: block; width: auto; white-space: nowrap;}
.logos .layer{display: none; position: absolute; width: 100%; height: 100%; left: 0; top:0;}
/*.logos.viceversa .logo{float: right;}*/
.logo{position: relative; float: left; white-space: nowrap; margin-right: 4em; margin-bottom: 2em;}
.logo .beeldmerk{font-size: 3.4em; position: relative; float: left; margin-right: 0.27em;}
.logo .beeldmerk .f-beeldmerk_kleur{display: block;}
.logo .beeldmerk .f-beeldmerk_grijs{display: none;}
.logo .woordmerk{position: relative; float: left; font-size: 0.93em; color: inherit; margin-top: -0.12em; letter-spacing: 0.08em; line-height: 1.3em; font-family: Termina-Regular; text-transform: uppercase; font-weight: 400;}
.logo .woordmerk strong{font-family: Termina-Demi; font-weight: 400; }
.logo.active .woordmerk{color: inherit;}

.logo.active .beeldmerk .f-beeldmerk_kleur{display: block;}
.logo.active .beeldmerk .f-beeldmerk_grijs{display: none;}

/*.logo.onhold .beeldmerk .f-beeldmerk_kleur{display: none;}
.logo.onhold .beeldmerk .f-beeldmerk_grijs{display: block;}*/

.logo.temporaryactive .beeldmerk .f-beeldmerk_kleur{display: block!important;}
.logo.temporaryactive .beeldmerk .f-beeldmerk_grijs{display: none;}

/*.logo.onhold .woordmerk{color: #D5D4D4;}
.logo.temporaryactive .woordmerk{color: inherit;}*/


.language{position: absolute; right: 0; top: 0.86em;}
.language a{position: relative; float: left; margin-left: 0.86em;font-family: Termina-Regular; font-weight: 400;}
.language a.active{font-family: Termina-Demi; font-weight: 400;}

.language a::after{position: absolute; top: 100%; height: 1px; background-color: #231F20; opacity: 0; width: 100%; left: 0; display: block;content: ""; -webkit-transform:translateY(3em); -ms-transform:translateY(3em); transform:translateY(3em); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease;}
.no-touch .language a:hover::after{-webkit-transform:translateY(0em);-ms-transform:translateY(0em);transform:translateY(0em); opacity: 1; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; -o-transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;}


.language2{position: absolute; right: 3em; top: 3em;}
.language2 a{position: relative; float: left; margin-left: 0.86em; color: #fff; font-family: Termina-Regular; font-weight: 400;}
.language2 a.active{font-family: Termina-Demi; font-weight: 400;}

.navismall{position: relative; }
.navismall li{position: relative; float: left;width: auto; font-size: 1em; border-bottom: 2px solid #fff; line-height: 2em; letter-spacing: 0em;  margin-right: 2em;}
.navismall li a{font-family: 'Poppins'; color: inherit; text-transform:uppercase; letter-spacing: 0.02em;}
.navismall li.active { font-weight: 700;}

.navismall li::after{position: absolute; top: 100%; height: 1px; background-color: #231F20; opacity: 0; width: 100%; left: 0; display: block;content: ""; -webkit-transform:translateY(3em); -ms-transform:translateY(3em); transform:translateY(3em); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease;}
.no-touch .navismall li:hover::after{-webkit-transform:translateY(0em);-ms-transform:translateY(0em);transform:translateY(0em); opacity: 1; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; -o-transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;}


.hamburger{position: absolute;right: 0; width: 4em; z-index: 11; display: none;}

button{font-size: 1em;}
.lines-button {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    position: absolute; 
    top: 0.2em;
    right: 0;
    height: 2.6em;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 3em;
    padding: 0;
    border: none;
    outline: inherit;
}
/*.no-touch .open .lines-button:hover .lines:before, .no-touch .open .lines-button:hover .lines:after{background: #FFF577 none repeat scroll 0 0; }*/
.lines {
    background: #231F20 none repeat scroll 0 0;
    display: inline-block;
    height: 2px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 3em;
}
.lines::before, .lines::after {
    background: #231F20 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transform-origin: 0.28571em center 0;
        -ms-transform-origin: 0.28571em center 0;
            transform-origin: 0.28571em center 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 3em;
}
.lines::before {
    top: 1em;
}
.lines::after {
    top: -1em;
}
.lines-button .lines {
    -webkit-transition: background 0.5s ease 0.2s;
    -o-transition: background 0.5s ease 0.2s;
    transition: background 0.5s ease 0.2s;
}
.lines-button .lines::before, .lines-button .lines::after {
    -webkit-transform-origin: 50% 50% 0;
        -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    -webkit-transition: top 0.15s ease 0.1s, background-color 0.5s ease 0.2s, -webkit-transform 0.3s ease 0s;
    transition: top 0.15s ease 0.1s, background-color 0.5s ease 0.2s, -webkit-transform 0.3s ease 0s;
    -o-transition: top 0.15s ease 0.1s, transform 0.3s ease 0s, background-color 0.5s ease 0.2s;
    transition: top 0.15s ease 0.1s, transform 0.3s ease 0s, background-color 0.5s ease 0.2s;
    transition: top 0.15s ease 0.1s, transform 0.3s ease 0s, background-color 0.5s ease 0.2s, -webkit-transform 0.3s ease 0s;
}
.open .lines-button .lines::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
}
.open .lines-button .lines::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
}
.open .lines-button .lines{
    background: transparent none repeat scroll 0 0;
    -webkit-transition: background 0.3s ease 0.1s;
    -o-transition: background 0.3s ease 0.1s;
    transition: background 0.3s ease 0.1s;
}

.open .lines-button .lines::before, .open .lines-button .lines::after {
    top: 0; 
    width: 3em;  
    -webkit-transform-origin: 50% 50% 0;  
        -ms-transform-origin: 50% 50% 0;  
            transform-origin: 50% 50% 0;
    -webkit-transition: top 0.2s ease 0s, background-color 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
    transition: top 0.2s ease 0s, background-color 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
    -o-transition: top 0.2s ease 0s, transform 0.3s ease 0.3s, background-color 0.3s ease 0.3s;
    transition: top 0.2s ease 0s, transform 0.3s ease 0.3s, background-color 0.3s ease 0.3s;
    transition: top 0.2s ease 0s, transform 0.3s ease 0.3s, background-color 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
}


.slick-dots{position: relative!important; margin: 1em auto 1.2em!important; float: none!important; bottom: 0!important; width: auto!important; text-align: center!important; line-height: 3em!important;}
.slick-dots li{position: relative!important; display: inline-block!important; float: none!important; width: 1em!important; margin:0 0.5em!important; height: 1em!important; background-color: #fff!important; border:1px solid #00509A!important; border-radius: 50%;}
.slick-dots li.slick-active{background-color: #00509A!important;}
.slick-dots li button{position: absolute!important; width: 100%!important; height: 100%!important; left: 0!important; top:0!important; }
.slick-dots li button::before{content: ""!important;}

.slickie-prev{position: absolute; overflow: hidden; left: -4em; width: 2.6em; height: 6em; font-size: 1.2em; cursor: pointer; top:50%;  background-color: #2C2C33; color: #fff; opacity: 1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease;}
.slickie-prev::after{position: absolute; content: "\e909"; font-size: 1.2em;  font-family: "frijns"; color: inherit; left:0;opacity: 1; width: 100%; text-align: center; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.slickie-prev::before{position: absolute; left: 0; content: "\e909"; font-size: 1.2em; opacity: 0; font-family: "frijns";color: inherit;left:0; opacity: 0; width: 100%; text-align: center; top:50%; -webkit-transform:translate(100%, -50% ); -ms-transform:translate(100%, -50% ); transform:translate(100%, -50% );}
.slickie-prev:hover::after{-webkit-transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);transform:translate(-100%, -50%); opacity: 0; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);}
.slickie-prev:hover::before{-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);opacity: 1; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);}
.slickie-next{position: absolute; overflow: hidden; right:-4em; width: 2.6em; height: 6em; font-size: 1.2em; cursor: pointer; top:50%; background-color: #2C2C33; color: #fff; opacity: 1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease;}
.slickie-next::after{position: absolute; left:0; content: "\e90a"; font-size: 1.2em; font-family: "frijns";color: inherit; width: 100%; text-align: center; top:50%; left:0; opacity: 1; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%);}
.slickie-next::before{position: absolute; left: 0; content: "\e90a"; font-size: 1.2em; font-family: "frijns";color: inherit; width: 100%; text-align: center; top:50%; left:0; opacity: 0; -webkit-transform:translate(-100%, -50% ); -ms-transform:translate(-100%, -50% ); transform:translate(-100%, -50% );}
.slickie-next:hover::after{-webkit-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%);transform:translate(100%, -50%); opacity: 0; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);}
.slickie-next:hover::before{-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);opacity: 1; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);}
.slick-disabled{opacity: 0; cursor: default;}

.introblock{margin-bottom: 6em; min-height: 30vw;}
.introblock .photoslider1{position: absolute; top:0; left:0; width: 100%; height: 100%;  display: block; overflow: hidden; background-color: #000;}
.introblock .photoslider1 div, .introblock .photoslider1 div img {position: relative; width: 100%; height: 100%!important; -o-object-fit:cover!important; object-fit:cover!important; }
.introblock .photoslider1 div img{opacity: 0.8;}
.introblock .text{padding: 10em 0; position: relative; float: left; color: #fff;}
.introblock .text .title{position: relative; float: left; margin-bottom: 1.8em;}
.introblock .text h1{color: #fff; font-size: 4.8em; margin-bottom: 0; line-height: 1.15em; padding: 0.38em 2.8em 0.38em 0; }
.introblock .text h1 span{}
.introblock .text .bg{position: absolute; right: 0;   width: 800%; height: 100%; background-color: #09798F; opacity: 0.7; content: "";}
.introblock .text p{font-size: 1.3em; line-height: 1.6em; max-width: 42em; margin-bottom: 2.8em;}
.introblock .text .btn{position: relative; float: left; clear: both;}


.projectenslider .slick-list{width: calc(100% + 2em); left: -1em; }
.projectencontainer {  margin-bottom: 4em; text-align: center;}
.projctenhome .projectencontainer {margin-top: 1em;}
.projectencontainer .tile{padding:1em; }
.projectencontainer .tile a, .projectencontainer .tile .ahref{overflow: hidden; position: relative; display: block;}
.projectencontainer .tile a .huls{outline: 1px solid rgba(255,255,255,1);}
.projectencontainer .tile .text{position: absolute; width:100%; padding: 0em 2em 2em 2em; -webkit-box-sizing:border-box; box-sizing:border-box; display: block; bottom:0; left: 0;}
.projectencontainer .tile .text .bg{position: absolute; left: -50%; top:-50%; width: 200%; height: 300%; -webkit-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg); background-color: #FDE63B;}
.projectencontainer .tile .text .titles{position: relative; float: left; width: 100%; text-align: right;}
.projectencontainer .tile .text .titles .title1{font-family: "Termina-Demi"; text-transform: uppercase; font-weight: 400; margin-bottom: 0.3em;}
.projectencontainer .tile .text .titles .title2{font-family: "Termina-Regular"; text-transform: uppercase; font-weight: 400;}
.projectencontainer .tile .text .arrows{position: absolute;top:-2.4em; width: 100%; right: 0; height: 2em;}
.projectencontainer .tile .text .arrows span{position: absolute; right: 2em; width: 3.5em; height: 2em; line-height: 2em; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;}
.projectencontainer .tile .text .arrows span::after{position: absolute; left:0; width: 100%; height: 1em; font-size: 3.5em; line-height: 0.5em; color: inherit; content: "\e90c"; font-family: "frijns";}

.projectencontainer .tile .text .arrows span:first-child{right: 2em; opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition: opacity 0s ease, -webkit-transform 0s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity 0s ease, -webkit-transform 0s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: transform 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0s ease; transition: transform 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0s ease; transition: transform 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0s ease, -webkit-transform 0s cubic-bezier(0.33, 1, 0.68, 1);}
.projectencontainer .tile .text .arrows span:last-child{right: 7em; opacity: 0; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition: opacity 0s ease, -webkit-transform 0s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity 0s ease, -webkit-transform 0s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: transform 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0s ease; transition: transform 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0s ease; transition: transform 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0s ease, -webkit-transform 0s cubic-bezier(0.33, 1, 0.68, 1);}
.projectencontainer .tile a:hover .text .arrows span:first-child{ opacity: 0; -webkit-transform:translateX(5em); -ms-transform:translateX(5em); transform:translateX(5em); -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);}
.projectencontainer .tile a:hover .text .arrows span:last-child{ opacity: 1; -webkit-transform:translateX(5em); -ms-transform:translateX(5em); transform:translateX(5em); -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);}


.projectencontainer .tile .thumb{overflow: hidden;position: relative; float: left; width: 100%; padding-bottom: 70%; outline: 1px solid rgba(255,255,255,1);}
.projectencontainer .tile .thumb img{position: absolute; left:0; top:0; width: 100%; height:  calc(100% - 3.7em); -o-object-fit:cover; object-fit:cover;}
.no-touch .projectencontainer .tile .thumb img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -webkit-transition:-webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition:-webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition:transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition:transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition:transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);}
.no-touch .projectencontainer .tile a:hover .thumb img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);transition:-webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);-o-transition:transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);transition:transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);transition:transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);}

.projectenoverzicht{text-align: center; position: relative; float: left; margin-bottom: 4em;}
.projectenoverzicht .btn{position: relative; display: inline-block; float: none; margin-bottom: 3em;}

.quotehome{margin-bottom: 6em;}
.quotehome blockquote{text-align: center; font-size: 2.6em; line-height: 1.26em;}

blockquote{font-family: "Termina-Demi"; text-transform: uppercase;}
.dienstenblocks{width: calc(100% + 1em); left: -0.5em; margin-bottom: 6em;}
.dienstenblocks .tile{width: 33.333%; padding: 0.5em;}
.dienstenblocks .tile .text .titles .title1{margin-bottom: -0.6em; font-size: 0.9em;}
.dienstenblocks .tile .thumb img{height: calc(100% - 1em);}
.dienstenblocks .tile .text .arrows{top:-2.2em;}
.dienstenblocks .tile .text .bg{background-color: #00A4B1;}
.dienstenblocks .tile .text{color: #fff;}

footer{background-color: #2C2C33; padding: 6em 0 4em; color: #fff; }
footer p{line-height: 1.4em; font-size: 1em;}
footer a{text-decoration: none;}
footer .leftside{width: 47em;}
footer .rightside{width: 24em; float: right;}
footer h3{color: #00A4B1; text-transform: uppercase; font-size: 1.1em; margin-bottom: 0.9em;}
footer .block{margin-bottom: 0.2em;}
footer .block p{margin-bottom: 1.8em;}
footer .logo{margin-bottom:3em;}
footer .logo .woordmerk{color: #fff!important;}
footer .onlinerfooter{color:#00A4B1; }

.pagetitle{padding: 4em 0 2.8em;}
.page-detail .pagetitle{padding: 4em 0 3.8em;}
.pagetitle h1{margin-bottom: 0;}

.page-diensten .dienstenblocks{width: calc(100% + 2em);left: -1em; margin-top: 0;}
.page-diensten .dienstenblocks .tile{width: 50%; padding: 1em;}
.page-diensten .dienstenblocks .tile .text .titles .title1{margin-bottom:0.5em;}

.photo100{padding: 0 0 3em;}

.textblock{margin-bottom: 3em; margin-top: 0em;}
.textblock .innerwidth{float: left; width: 100%; max-width: 60em;}

.contactblock{margin-bottom:3em; margin-top: 2em;}
.dienstendetail .projectencontainer .tile .text{color: #fff;}
.dienstendetail .projectencontainer .tile .text .bg{background-color: #00A4B1; }
.dienstendetail .projectencontainer h2, .projectendetail .projectencontainer h2{text-transform: uppercase; text-align: left; margin-bottom: 2em;}
.dienstendetail .projectencontainer .tile .thumb img{height: calc(100% - 1em)}

.page-projecten .projectenblocks{width: calc(100% + 2em);left: -1em; margin-top: 0;}
.page-projecten .projectenblocks .tile{width: 50%; padding: 1em;}
.page-projecten .projectenblocks .tile .text .titles .title1{margin-bottom:0.5em;}

.filter{margin-bottom: 2em; margin-top: 1em;}
.filter li{position: relative; float: left; background-color: #00A4B1;  color: #fff;  min-width: 9em; margin-right: 1em; margin-bottom: 1em; padding: 0.6em 1em 0.7em; cursor: pointer; text-align: center; -webkit-transition: color 0.1s ease, background-color 0.3s ease; -o-transition: color 0.1s ease, background-color 0.3s ease; transition: color 0.1s ease, background-color 0.3s ease; }
.filter li span{font-family: "Termina-Demi"; text-transform: uppercase; font-size: 0.8em;}
.filter li.active{background-color: #2C2C33;}
.no-touch .filter li:hover{background-color: #FDE63B; color: #231F20;}

.pagetitle h2{font-family: "Termina-Regular"; font-size: 1.8em; margin-top: 0.2em; margin-bottom: -1em;}

.photogroupblock{margin-bottom: 3em;}
.photogroupblock .b100{width: calc(100% + 1em); left: -0.5em;  }
.photogroupblock .tile{padding: 0.5em;}

.certificeringsblocks{width: calc(100% + 2em); left: -1em; margin-bottom: 6em;}
.certificeringsblocks .tile{width: 25%; padding: 1em;}
.certificeringsblocks .tile .thumb{padding-bottom:140%;}
.certificeringsblocks .tile .text{padding: 1em 2em 2em 2em;}
.certificeringsblocks .tile .text .arrows{top: -1em;}

.referentiesblocks{width: calc(100% + 2em); left: -1em; margin-bottom: 6em;}
.referentiesblocks .tile{width: 25%; padding: 1em;}
.referentiesblocks .tile .text{padding: 0em 2em 2em 2em; position: absolute; color: #fff; min-height: 10em;}
.referentiesblocks .tile .text .arrows{top: -1em;}
.referentiesblocks .tile .text .bg{position: absolute; left: -50%; top:-50%; width: 200%; height: 300%; -webkit-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-color: #00A4B1;}
.referentiesblocks .tile .text .title2{font-size: 0.9em;}
.referentiesblocks .tile .text .titles{position: relative; float: left; width: 100%; text-align: left;}
.referentiesblocks .tile .text ul{margin-top: 1em;}
.referentiesblocks .tile .text ul li{color: #0C0C36; font-family: "Termina-Regular"; position: relative; float: left; width: 100%; text-transform: uppercase; font-size: 0.7em; line-height: 1.8em;}
.referentiesblocks .tile .thumb{padding-bottom:24em;}
.referentiesblocks .tile .thumb img{height: calc(100% - 2em); -o-object-fit:cover; object-fit:cover;}
/*.referentiesblocks .lasttile{width: calc(66.66%);}*/
.referentiesblocks .lasttile{display: block!important;}
.referentiesblocks .lasttile .thumb{background-color: #2C2C33;}
.referentiesblocks .lasttile  .text {text-align: right; height: auto; bottom: auto; top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); min-height: 0; padding-bottom: 0;}
.referentiesblocks .lasttile  .text .title1{text-align: right;}
.referentiesblocks .lasttile  .text .arrows{position: relative; float: left; width: 100%; top:auto; right: auto;}
.referentiesblocks .lasttile .text .arrows span:first-child{right: 0;}
.referentiesblocks .tile .text .arrows span:last-child{right: 5em;}

.nieuwsblocks{width: calc(100% + 2em); left: -1em; margin-bottom: 6em;}
.nieuwsblocks .tile{width: 50%; padding: 1em;}
.nieuwsblocks .tile .bg{margin-top: 2em;}
.nieuwsblocks .tile .thumb{padding-bottom:70%;}
.nieuwsblocks .tile .text{padding: 0em 2em 2em 2em;}
.nieuwsblocks .tile .text .arrows{top: -2.1em;}
.nieuwsblocks .tile .text .titles{font-size: 0.8em; float: right; width:calc(100% - 5em);}
.nieuwsblocks .tile .text .date{font-size:1em; font-family: "Termina-Regular"; margin-bottom: 1em; line-height: 1.4em; position: relative; float: left; width: 100%; text-align: right; line-height: 1.4em; text-transform: uppercase;}

.datedetail{font-family: "Termina-Regular"; text-transform: uppercase; margin-top: 0.5em; position: relative; float: left; width: 100%;}
.page-detail{}
.page-detail .nieuwsoverzicht .nieuwsblocks{width: 100%; left: 0; }

.vacatureoverzicht{margin-top: -2em;}
.vacatureblocks{width: calc(100% + 2em); left: -1em; margin-bottom: 6em;}
.vacatureblocks .tile{width: 50%; padding: 1em;}
.vacatureblocks .tile .bg{margin-top: 0.6em;}
.vacatureblocks .tile .thumb{padding-bottom:70%;}
.vacatureblocks .tile .text{padding: 0em 2em 2em 2em;}
.vacatureblocks .tile .text .title1{margin-bottom: 0;}
.vacatureblocks .tile .text .arrows{top: -2.1em;}
.vacatureblocks .tile .text .titles{font-size: 0.8em; float: right; width:calc(100% - 5em);}
.vacatureblocks .tile .text .date{font-size:1em; font-family: "Termina-Regular"; margin-bottom: 1em; line-height: 1.4em; position: relative; float: left; width: 100%; text-align: right; line-height: 1.4em; text-transform: uppercase;}

.textblock ul{position: relative; float: left; width: 100%; margin-bottom: 2em;}
.textblock ul li{position: relative; float: left; width: 100%; line-height: 1.7em; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left: 1.2em;}
.textblock ul li::before{position: absolute; left: 0; top:0.6em; width: 0.5em; height: 0.5em; display: block; background-color: #231F20; border-radius:50%; line-height: 1.7em; content: "";}


.page-detail .vacaturesoverzicht .vacatureblocks{width: 100%; left: 0; }
.page-detail article ul{position: relative; float: left; width: 100%; margin-bottom: 2em;}
.page-detail article ul li{position: relative; float: left; width: 100%; line-height: 1.7em; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left: 1.2em;}
.page-detail article ul li::before{position: absolute; left: 0; top:0.6em; width: 0.5em; height: 0.5em; display: block; background-color: #231F20; border-radius:50%; line-height: 1.7em; content: "";}
.page-detail article h2{text-transform: uppercase; font-size: 1.2em; margin-bottom: 1.4em; margin-top: 1.4em;}

.contactblocks{width: calc(100% + 2em); left: -1em; margin-bottom: 6em;}
.contactblocks .tile{width: 50%; padding: 1em;}
.contactblocks .tile .text{padding: 0em 2em 2em 2em; position: absolute; color: #fff; min-height: 10em;}
.contactblocks .tile .text .arrows{top: -1em;}
.contactblocks .tile .text .bg{position: absolute; margin-top: 6em; left: -50%; top:-50%; width: 200%; height: 300%; -webkit-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-color: #00A4B1;}
.contactblocks .tile .text .title2{font-size: 0.9em;}
.contactblocks .tile .text .titles{position: relative; float: left; width: 100%; text-align: left;}
.contactblocks .tile a{position: relative; float: none; width: auto; display: inline-block; padding: 0; margin: 0; line-height: inherit; overflow: visible; text-decoration: none;}
.contactblocks .tile .thumb{padding-bottom:50em;}
.contactblocks .tile .thumb img{height: calc(100% - 25em); -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -o-object-fit:cover; object-fit:cover;}
.contactblocks .tile .text .titles .title1{position: relative; float: left; margin-bottom: 1.5em;}
.contactblocks .tile:first-child .text{color: #231F20;}
.contactblocks .tile:first-child .text .bg{background-color: #FDE63B;}



/* ////// MEDIA QUERIES /////// */


@media screen and (min-width: 1840px) {
 
}
@media screen and (max-width: 1600px) {
  
  html{font-size: 14px;}

}

@media screen and (max-width: 1320px) {
 
  .introblock .text h1{font-size: 4.2em;}
  .introblock .text p{font-size: 1.2em;}
  .slickie-prev, .slickie-next{height: 2.6em; top: auto; bottom: -3.05em;}
  .slickie-next{right: 0;}
  .slickie-prev{left: 0;}

}

@media screen and (max-width: 1200px) {

   .referentiesblocks .tile{width: 33.33%;}
   .referentiesblocks .tile .thumb{padding-bottom:28em;}
}

@media screen and (max-width: 1100px) {
  
  .introblock .text h1{font-size: 4em;}
  .introblock .text p{font-size: 1.1em;}
  footer .leftside{width: 100%;}
  footer .rightside{float: left; margin-top: 4em; }
  .widthbig, .widthmedium, .widthsmall{padding: 0 3rem;}
  
}

@media screen and (max-width: 950px) {

  .introblock .text h1{font-size: 3.4em;}
  .dienstenblocks .tile{width: 50%;}
  .bottomheader{display: none;}
  .hamburger{display: block;}
  .language{display: none;}
  .logos {height: 12em; width: 25em;}
/*  .logos a{position: absolute; top:0;}*/
  .logos a{position: relative;}
  /*.logos .logo{opacity: 0; z-index: 0}*/
  .logos .logo.active{opacity: 1; z-index: 1;}
  .logos .layer{display: none; width: calc(100% - 5em); cursor: pointer; z-index: 2; }
/*  .logos.active{height:12em; -webkit-transition:height 0.3s ease; -o-transition:height 0.3s ease; transition:height 0.3s ease;}
  .logos.active .logo{-webkit-transform:translateY(6em);-ms-transform:translateY(6em);transform:translateY(6em); opacity: 1;  -webkit-transition:opacity 0.3s ease 0.1s, -webkit-transform 0.3s ease;  transition:opacity 0.3s ease 0.1s, -webkit-transform 0.3s ease;  -o-transition:transform 0.3s ease, opacity 0.3s ease 0.1s;  transition:transform 0.3s ease, opacity 0.3s ease 0.1s;  transition:transform 0.3s ease, opacity 0.3s ease 0.1s, -webkit-transform 0.3s ease;}
  .logos.active .logo.active{-webkit-transform:translateY(0em);-ms-transform:translateY(0em);transform:translateY(0em);}*/
  .logos.active .layer{display: none;}
  .logos .layer::after{display: none; position: absolute; right: -1em; top:50%; margin-top: -1em; font-size: 2em; width: 1em; height: 1em; line-height: 1em; content: "\e90d"; font-family: "frijns";}
  .quotehome blockquote{font-size: 2.4em;}
  .page-diensten .dienstenblocks .tile .text .titles .title1{margin-bottom:0em;}
  .filter li{padding: 0.4em 1em 0.5em; min-width: 0;}
  .certificeringsblocks .tile{width: 33.333%;}
  .nieuwsblocks .tile{width: 80%;}
 .vacatureblocks .tile{width: 80%;}

}

@media screen and (max-width: 800px) {

   html{font-size: 13px;}
  .introblock .text h1{font-size: 3.2em;}
  .projectenoverzicht .projectencontainer .tile .thumb img{height: calc(100% - 0);}
  .btn{ padding: 0.6em 2em 0.8em; font-size: 1em; line-height: 1.4em; }
  .quotehome blockquote{font-size: 2.2em;}
  .referentiesblocks .tile{width: 50%; }
  

}

@media screen and (max-width: 750px) {

  .page-projecten .projectenblocks .tile{width: 100%;}
   
    .nieuwsblocks .tile{width: 90%;}
    .vacatureblocks .tile{width: 90%;}
}

@media screen and (max-width: 700px) { 
  
  .introblock .text h1{font-size: 3em;}
  .projectencontainer{margin-bottom: 6em;}
   .page-diensten .dienstenblocks .tile .text .titles .title1{margin-bottom:-0.5em;}
   
 .nieuwsblocks .tile{width: 100%;}
 .vacatureblocks .tile{width: 100%;}
 .contactblocks .tile{width: 100%}
}

@media screen and (max-width: 600px) {
  
  .introblock .text h1{font-size: 2.8em;}
  footer .leftside .b50{width: 100%;}
  .quotehome blockquote{font-size: 2em;}
  .dienstenblocks .tile, .page-diensten .dienstenblocks .tile{width: 100%;}
  .dienstenblocks .tile{padding: 1em 0.5em;}
  .dienstenblocks .tile .thumb{padding-bottom: 50%;}
  .widthbig, .widthmedium, .widthsmall{padding: 0 2.2rem;}
  .certificeringsblocks .tile{width: 50%;}
 

}

@media screen and (max-width: 530px){

  .introblock .text h1{font-size: 2.3em;}
  .projectenoverzicht .projectencontainer .tile .thumb img{height: calc(100% - 3.7em);}
  .quotehome blockquote{font-size: 1.8em;}
  .projectenoverzicht .projectencontainer .tile .thumb{padding-bottom: 80%;}
  .referentiesblocks .tile{width: 100%; }
  .no-touch .referentiesblocks .tile .thumb img{height: 115%; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
  .nieuwsblocks .tile .thumb{padding-bottom: 80%;}  
}

@media screen and (max-width: 450px){

  .quotehome blockquote{font-size: 1.6em;}
  .projectenhome .projectencontainer .tile .thumb{padding-bottom: 80%;}
  .projectenhome .projectencontainer .tile .thumb{padding-bottom: 80%;}
  .nieuwsblocks .tile .text .titles{width:calc(100% - 0em);}
   
}

@media screen and (max-width: 420px){

  .introblock .text h1{font-size: 2.2em;}


}

@media screen and (max-width: 375px){
 
  .introblock .text h1{font-size: 2em;}

}

@media screen and (max-width: 320px){
  .widthbig, .widthmedium, .widthsmall{padding: 0 2rem;}
}

/* MAX HEIGHT */

@media screen and (max-height: 800px){

}

@media screen and (max-height: 700px){
 
}

@media screen and (max-height: 400px){

}

@media screen and (max-height: 350px){
  
}


/* Slider */
.slick-slider
{
    position: relative;
    float: left;
    width: 100%;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    position: relative;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-dots {
    bottom: -2em;
    display: block;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
}
.slick-dots li button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: medium none;
    padding: 5px;
    width: 20px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: medium none;
}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {
    opacity: 1;
}
.slick-dots li button::before {
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "•";
    font-family: "slick";
    font-size: 30px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 0.45;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}
.slick-dots li.slick-active button::before {
    color: #fff;
    opacity: 1;
    
}
.slick-prev, .slick-next {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin-top: -10px;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 20px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    background: transparent none repeat scroll 0 0;
    color: transparent;
    outline: medium none;
}
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {
    opacity: 1;
}
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
    opacity: 0.25;
}
.slick-prev::before, .slick-next::before {
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev::before {
    content: "←";
}
[dir="rtl"] .slick-prev::before {
    content: "→";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next::before {
    content: "→";
}
[dir="rtl"] .slick-next::before {
    content: "←";
}