/*
	Theme Name: Prodict
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl

*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?iobs0m');
  src:  url('fonts/icomoon.eot?iobs0m#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?iobs0m') format('truetype'),
    url('fonts/icomoon.woff?iobs0m') format('woff'),
    url('fonts/icomoon.svg?iobs0m#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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;
}

.icon-arrow-down-small:before {
  content: "\e900";
}
.icon-arrow-left-small:before {
  content: "\e901";
}
.icon-arrow-left:before {
  content: "\e902";
}
.icon-arrow-right-small:before {
  content: "\e903";
}
.icon-arrow-right:before {
  content: "\e904";
}
.icon-arrow-up-small:before {
  content: "\e905";
}
.icon-bekabeling:before {
  content: "\e906";
}
.icon-check-circle:before {
  content: "\e907";
}
.icon-chevron-down:before {
  content: "\e908";
}
.icon-chevron-up:before {
  content: "\e909";
}
.icon-clock:before {
  content: "\e90a";
}
.icon-door-dink:before {
  content: "\e90b";
}
.icon-educatie-niveau:before {
  content: "\e90c";
}
.icon-engineering:before {
  content: "\e90d";
}
.icon-envelop:before {
  content: "\e90e";
}
.icon-euro:before {
  content: "\e90f";
}
.icon-functie:before {
  content: "\e910";
}
.icon-home:before {
  content: "\e911";
}
.icon-machinebouw:before {
  content: "\e912";
}
.icon-paneelbouw:before {
  content: "\e913";
}
.icon-phone:before {
  content: "\e914";
}
.icon-plc-besturing:before {
  content: "\e915";
}
.icon-prodict-shape:before {
  content: "\e916";
}
.icon-social-linkedin:before {
  content: "\e917";
}
.icon-software-ontwikkeling:before {
  content: "\e918";
}




a, .mobbtn span, .scrolldown, .dienst-box span, .dienst-box h3, .dienst-box h3:after,.dienst-box, .archive-box:before, .read-more span, .read-more span:after {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.grecaptcha-badge {     visibility: hidden;}
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

/* clear */
.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;width:100%;height:auto;	vertical-align:bottom;}

a {	color:#fff;	text-decoration:none;}
a:hover {	color:#EF3742;}
a:focus {	outline:0;}

a:hover,a:active {	outline:0;}
input:focus, :focus-visible {	outline:0;}

/*------------------------------------*\
    FONTS
\*------------------------------------*/

body {background:#24282A;font-size:18px;line-height:1.4;font-family:"bilo";color:#fff;font-weight:400;}



h1, h2, h3, h4, h5, h6 {    font-family:"bilo"; margin: 0;color:#fff; font-size:32px; font-weight:700;line-height:1.3;text-transform:none;;}



.standaard-content h2 {font-size:28px;margin-bottom:5px;}
.standaard-content h3 {font-size:26px;margin-bottom:5px;}
.standaard-content h4 {font-size:24px;margin-bottom:0;}
.standaard-content h5 {font-size:22px;margin-bottom:0;}
.standaard-content h6 {font-size:20px;margin-bottom:0;}


p, blockquote { margin:0 0 25px}
p:last-child, blockquote:last-child {margin:0}

blockquote {padding:15px 0 15px 40px;border-left:4px solid;font-weight:700}

.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {margin-bottom:10px;position:relative;padding-left:35px;}
.standaard-content ul, .standaard-content ol {margin-bottom:35px;}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {content:"";position:absolute;left:0;top:0;color:#EF3742;  font-family: 'icomoon'; content: "\e907";}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:35px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: #EF3742;
  display: inline-block; position:absolute;left:0;top:0;}
.standaard-content a {text-decoration:underline;font-weight:700}
.large-content {font-size:24px;}

.title-box h1, .call-to-action .title-box h2 {font-size:92px;line-height:1;}
.title-box h1 span, .title-box  h1 stron, .title-box h2 span, .title-box  h2 strong{color:#EF3742}

.title-box h2 {font-size:54px;line-height:1;}
.small-title-box h2 {    font-size: 42px;}
/*------------------------------------*\
    CONTENT
\*------------------------------------*/
body, html {margin:0;padding:0;}

/* wrapper */
.wrapper {	max-width:1210px;	width:calc(100% - 10px);	margin:0 auto;}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
	}
.flex-columns{    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
@media screen and (min-width:768px){
	.flex-columns-desktop{    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
}

.textcenter, .text-center {text-align:center;}
.title-box {margin-bottom:30px}
.title-box.with-border {padding-bottom:25px;position:relative}
.title-box.with-border:after {content:"";position:absolute;left:15px;bottom:0;width:50px;height:2px;background:#EF3742;}
.title-box.with-border.text-center:after {left:calc(50% - 25px);}

.overlay {position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1;}

.margin-fix,.marginfix {margin-bottom:40px}
.nomargin {margin-bottom:0!important}
.large-marginfix {margin-bottom:75px}
.content-row {padding:120px 0 80px;position:relative}
.content-row + .content-row {padding-top:0;}
.content-row:first-child {padding-top:160px;}
.content-row:last-child {padding-bottom:90px;}

.content-row.background-shape:first-child {min-height:700px}



.with-shape {position:relative;}
.content-row .wrapper {position:relative;z-index:10;}
.content-row:before, .content-row:after {z-index:2;content:"";position:absolute;top:0;height:100%;width:2px;opacity:.2;background:#fff;}
.content-row:before {left:calc(50% - 404px)}
.content-row:after {right:calc(50% - 404px)}



.background-shape { width:45%;   max-width: 672px;
    height: 700px;
    background-size: 1290px auto;
    background-image: url(img/background-shape.svg);
    z-index: 1;
    position: absolute;
    content: "";
    background-repeat: no-repeat;}
.background-shape.background-right {top:0;right:0;background-position:bottom left}
.background-shape.background-left {top:0;left:0;background-position:bottom right; background-image: url(img/background-shape-left.svg);}

.full-background {min-height:calc(100vh - 190px);}

.related-row .background-shape { max-width: 620px;    height: 509px;}



.media-holder {position:relative;}
.media-holder img {width:100%;}
.media-holder a {display:block;}
.video-box { position: relative; padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;    } 
.video-box iframe,.video-box object,.video-box embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;   }
.video-link {position:relative;color:#fff;}
.video-link span {position:absolute;font-size:16px;line-height:1;left:calc(50% - 60px);top:calc(50% - 60px);width:120px;height:120px;background:#fff;border-radius:50%;text-align:center;    padding-top: 52px;    color: #393939;    padding-left: 5px;}
.video-link:hover {color:#F39200}


.route-image {overflow:hidden;border-radius:0 50px 0 0}
.route-image img {object-fit:cover;min-height:400px}

.contact-info ul, .contact-info li {padding:0;margin:0;list-style:none;display:block}
.contact-info li {margin-bottom:20px;font-size:24px;padding-left:45px;position:relative}
.contact-info li:last-child {margin-bottom:0;}
.contact-info li span {
    position: absolute;
    left: 0;
    color: #EF3742;
    top: 6px;
}
.home .dienst-archief-top .archive-row {margin-bottom:0}

.archive-row {margin-bottom:10px;}

.archive-box {width:calc(33.333333% - 30px);margin:0 15px 30px;position:relative;border-radius:0 50px 0 0;overflow:hidden}
.archive-box .overlay {z-index:100}
.archive-box img {width:100%;height:350px;object-fit:cover;}
.archive-box h3 {max-width:250px;padding: 0 30px;position:absolute;z-index:2;bottom:30px;left:0;width:100%;font-size:24px;padding-bottom:15px;}
.archive-box h3:after{content:"";position:absolute;left:30px;bottom:0;height:2px;width:50px;background:#EF3742}
.archive-box:before {left:0;bottom:0;content:"";position:absolute;width:100%;height:50%;z-index:1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+0,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.archive-box:hover:before {height:80%}

.dienst-archief-top {margin-bottom:50px;}
.dienst-box {position:relative;background:#24282A;padding:30px;width:calc(33.333333% - 30px);margin:0 15px 30px;border:2px solid #888A8C;color:#fff;}
.dienst-box h4 {font-size:24px;color:#EF3742;font-weight:400;margin:0;}
.dienst-box h3 {font-size:42px;margin-bottom:20px;padding-bottom:20px;position :relative;line-height:1;}
.dienst-box h3:after {content:"";position:absolute;bottom:0;left:0;background:#EF3742;width:50px;height:2px;}
.dienst-box h3 a {color:#fff}
.overige-dienst {border-color:#EF3742;}
.overige-dienst:hover {background:#562B30}


.overige-dienst:nth-child(odd){border-radius:0 50px 0 0}
.overige-dienst:nth-child(even){border-radius:0 0 50px 0}


.reguliere-dienst > div > span {color:#fff;color:#EF3742;font-size:72px;margin-bottom:45px;display:inline-block}
.dienst-box .btn {
    float: right;
    background-color: #EF3742!important;
    border: 2px solid #EF3742!important;opacity:0;visibility:hidden
}
.reguliere-dienst h3 {min-height:104px;}
.reguliere-dienst:hover .btn {opacity:1;visibility:visible}
.reguliere-dienst:hover, .reguliere-dienst.current-item {background:#888A8C}
.reguliere-dienst:hover > div > span, .reguliere-dienst.current-item > div > span{color:#fff}
.reguliere-dienst:hover h3:after, .reguliere-dienst.current-item h3:after{background:#fff}

.reguliere-dienst:nth-child(even){border-radius:0 0 50px 0}
.reguliere-dienst:nth-child(odd) {border-radius:0 50px 0 0}


.dienst-content .large-4, .vacatures-content .large-4, .project-content .large-4 { order: 2;}
.single-dienst-icon {font-size:70px;margin-bottom:50px;color:#EF3742;display:inline-block}
.single-post-image img {border-radius:0 50px 0 0}


.single-vacature-image img {width:100%;height:auto;border-radius:0 0 50px 0}



.back-btn {
    position: absolute;
    top: 50px;
    left: 50px;
    font-size: 31px;
    line-height: 1;
}

.gerelateerde-diensten > .flex-columns {width:calc(100% - 210px);}
.gerelateerde-diensten > .center-align {width:205px;text-align:right}
.small-dienst-box {min-height:170px;background-color:#24282A;padding:20px 5px;text-align:center;width:calc(20% - 30px);margin:0 15px 15px;border:1px solid #888A8C;}
.small-dienst-box {position:relative}
.small-dienst-box:hover {border-color:#EF3742;}
.small-dienst-box:nth-child(odd){border-radius:0 30px 0 0}
.small-dienst-box:nth-child(even){border-radius:0 0 30px 0}
.small-dienst-box h3 {color:#FFFFFF;font-size:18px;}
.small-dienst-box span {font-size:60px;display:inline-block;margin-bottom:5px;color:#EF3742}


.call-to-action {padding:120px 0 80px;background-size:cover;background-position:center center;position:relative;}
.call-to-action:before {left:0;bottom:0;content:"";position:absolute;width:100%;height:100%;z-index:1;background:#000;opacity:.7
}
.call-to-action:after {opacity:.8;left:0;bottom:0;content:"";position:absolute;width:100%;height:50%;z-index:1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+0,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.call-to-action .wrapper {z-index:10;position:relative;}


.single-vacatures-top, .single-projecten-top {margin-bottom:30px;}
.single-project-image img {border-radius:0 50px 0 0}
.over-vacature-content, .over-prodict-content {
    padding: 50px 15px;
    border: 2px solid #888A8C;
    background: #24282A;
}

.over-vacature-content {border-radius: 0 0 0 50px}
.over-prodict-content {border-radius:0 50px 0 0}

.vacature-info > div {width:50%;}
.vacature-info .columns {position:relative;padding-left:60px;margin-bottom:25px;}
.vacature-info span {font-size:25px;color:#EF3742;position:absolute;left:15px;top:0;}
.vacature-info {margin-bottom:20px;}
.vacature-info span.icon-educatie-niveau {    font-size: 39px;    top: -7px;    left: 10px;}

.vacature-info span.icon-functie {    font-size: 37px;    top: -8px;    left: 13px;}

.image-slider-holder {position:relative;margin-top:10px;}
.image-slider-holder .icon-arrow-left, .dienst-slider-container .icon-arrow-left {position:absolute;top:calc(50% - 17px);font-size:35px;color:#fff;cursor:pointer;left:-60px}
.image-slider-holder .icon-arrow-right, .dienst-slider-container .icon-arrow-right {position:absolute;top:calc(50% - 17px);font-size:35px;color:#fff;cursor:pointer;right:-60px}
.image-slider-arrows {text-align:center}
.slider-desc {display:none}
.image-slide img {border-radius:0 50px 0 0}
.image-slide:nth-child(even) img {border-radius:0 0 50px 0}

.dienst-slider-arrows {margin-top:25px;position:relative;text-align:center}
.dienst-slider-container .icon-arrow-left {left:15px;}
.dienst-slider-container .icon-arrow-right {right:15px;}

.diensten-toggle {display:none}

.home-project-content > div, .archive-side {background:#EF3742;padding:55px 10px;border-radius:0 50px 0 0;    margin: 45px 0;}
.home-project-content .title-box h2 span, .home-project-content .title-box h2 strong, .archive-side h2 strong, .archive-side h2 span{    color: #24282A;}
.home-project-content .title-box.with-border:after, .archive-side .title-box.with-border:after {background:#24282A}

.home-project-image {    order: 2;    margin-left: -5px;}
.home-project-content {margin-right:-16.66667%}
.home-project-content {position:relative;z-index:200}

.home-project-image {position:relative;z-index:2;}
.home-project-image:before{left:15px;bottom:0;content:"";position:absolute;width:calc(100% - 30px);height:70%;z-index:1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+0,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.home-project-image .btn{position:absolute;right:50px;bottom:50px;z-index:10}
.home-project-image img {height:100%;width:100%;object-fit:cover;}

.home-slider-holder {position:relative;}
.banner-video {
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;z-index:1;
}
.banner-contact {
    position: absolute;
    width: auto;
    bottom: 50px;
    left: 50px;z-index:50
}
.banner-contact ul, .banner-contact li {padding:0;margin:0;list-style:none}
.read-more.scroll-down {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 20;
}

.home-slider  {z-index:10}
.home-slide {background-size:cover;background-position:center center;}
.home-slide:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:.6;background:#24282A;z-index:2}
.home-slide .wrapper {z-index:100;position:relative;}
.home-slider-arrow.icon-arrow-left {position:absolute;top:calc(50% - 17px);font-size:35px;color:#fff;cursor:pointer;left:50px;z-index:500}
.home-slider-arrow.icon-arrow-right {position:absolute;top:calc(50% - 17px);font-size:35px;color:#fff;cursor:pointer;right:50px;z-index:500}
.slide-content {padding:120px 15px;min-height:calc(100vh - 120px);width:100%;}


.home-slider .slick-track
{
    display: flex !important;
}

.home-slider .slick-slide
{
    height: inherit !important;
}

ul.slick-dots {
    position: absolute;
    z-index: 5;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center;
}
ul.slick-dots, ul.slick-dots li {padding:0;margin:0;list-style:none}
ul.slick-dots li {display:inline-block;margin:0 5px}
.slick-dots button {
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #FFFFFF;
    font-size: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    background: none;
    border-radius: 50%;cursor:pointer;
}
.slick-dots .slick-active button {border-color:#EF3742;background:#EF3742}

.grid-container {    display: grid;padding:0 15px;   grid-template-columns: repeat(6, 1fr);     column-gap: 30px;    row-gap: 30px;}


.grid-item {background:#24282A}
.resultaat-holder {    grid-column-start: 1;    grid-column-end: 4;    grid-row-start: 1;    grid-row-end: 3;    display: inherit;padding:45px 15px;border:1px solid #888A8C; border-radius:0 0 0 50px;}

.grid-dienst-box {  min-height:150px;  border: 1px solid #888A8C;    color: #888A8C;    text-align: center;border-radius:0 30px 0 0;position:relative;background-color:#24282a}
.dienst-slider-container {
    padding: 0 7px;margin-top:-10px;display:none
}
.dienst-slide {padding:0 8px}

.dienst-slide .grid-dienst-box > div { min-height:150px;}

.grid-box-bekabeling, .grid-box-engineering {border-radius:0 0 30px 0}

.grid-dienst-box span {font-size:60px;margin-bottom:10px;    display: inline-block;}
.grid-dienst-box h3 {font-size:18px; color: #888A8C;}
.grid-dienst-box .center-align {    height: 100%;}
.grid-dienst-box div {width:100%;}
.grid-dienst-box span.icon-check-circle {    font-size: 20px;    position: absolute;    left: 20px;    top: 20px;    color: #fff!important;}
.grid-dienst-box.active h3 {color:#fff;}
.grid-dienst-box.active span {color:#EF3742}
.grid-dienst-box.active {border-color:#EF3742}


@media screen and (min-width:768px){
	.grid-archive {    display: grid;padding:0 15px;   grid-template-columns: repeat(3, 1fr);     column-gap: 30px;    row-gap: 30px;} 
	.grid-archive .archive-box {width:100%;margin:0;}
	.archive-side.top-position { grid-column-start: 1;    grid-column-end: 2; grid-row-start: 1;    grid-row-end: 3; }
	.archive-side.middle-position { grid-column-start: 1;    grid-column-end: 2; grid-row-start: 2;    grid-row-end: 4; }
	.archive-side.bottom-position { grid-column-start: 1;    grid-column-end: 2; grid-row-start: 3;    grid-row-end: 5; }
	.pagination { grid-column-start: 1;    grid-column-end: 4;text-align:center }
}





.archive-side {margin:0;}
.archive-side ul, .archive-side li {padding:0;margin:0;list-style:none;display:block}
.archive-side li {margin-bottom:10px;}
.archive-side li:last-child {margin-bottom:30px;}
.archive-side li a {display:block;font-size:24px;font-weight:700}
.archive-side li a:hover, .archive-side li a:focus {color:#24282A}


.vacature-side {color:#24282A}  
.vacature-side .standaard-content a {color:#24282A;text-decoration:none!important}  
.vacature-side .standaard-content a:hover, .vacature-side .standaard-content a:focus {color:#fff}
.pagination {text-align:center }
.page-numbers {
    display: inline-block;
    margin: 0 5px 25px;
    font-weight: 700;
}
.page-numbers.current {color:#EF3742}


/*------------------------------------*\
    BUTTONS
\*------------------------------------*/ 
.btn {
    font-size: 20px;
    font-family: "bilo";
    color: #fff!important;
    font-weight: 700;
    display: inline-block;width:auto;
    line-height: 1;
    padding: 12px 23px 14px;
    background-color: #EF3742;
    border-radius: 25px 25px 25px 0;
    min-width: 120px;
    text-align: center;
    text-transform: none;
    border: 2px solid #EF3742;
    cursor: pointer;
    overflow: hidden;
    position: relative;text-decoration:none!important
}
header .btn {display:block}
.btn.dark {background-color:#24282A;border-color:#24282A}
.btn:hover, .btn:focus{color: #fff!important;background-color:#888A8C;border-color:#888A8C}

.btn.outline {background-color:transparent}
.btn.outline:hover, .btn.outline:focus{color:#fff;background:rgb(239 55 66 / 25%);border-color:#EF3742}



.top-right {border-radius:25px 0 25px 25px }

.read-more {font-size:20px;font-weight:700;padding-right:60px;position:relative;cursor:pointer;}
.read-more > span {position:absolute;right:0;top:calc(50% - 20px);width:40px;height:40px;border:2px solid #fff;border-radius:20px 20px 20px 0}
.read-more span.icon-chevron-down {
    font-size: 14px;
    top: 16px;
    position: absolute;
    left: 10px;color:#fff;
}
.read-more span.icon-chevron-down:after {content: "";border-radius:2px;
    width: 2px;
    background: #fff;
    height: 15px;
    position: absolute;
    left: calc(50% - 1px);
    bottom: 4px;}

.read-more:hover {color:#fff;}
.read-more:hover  span.icon-chevron-down {top:40px;}
.read-more:hover  span.icon-chevron-down:after {bottom:4px;height:35px}


.read-more.active {color:#EF3742;}
.read-more.active > span {border-color:#EF3742}
.read-more.active  span.icon-chevron-down {color:#EF3742;top: 8px;}
.read-more.active  span.icon-chevron-down:before {    content: "\e909";    }
.read-more.active span.icon-chevron-down:after {bottom:-5px;background:#EF3742}

.read-more.active:hover  span.icon-chevron-down {top:-20px;}
.read-more.active:hover  span.icon-chevron-down:after {bottom:-26px;height:35px}

/*------------------------------------*\
    HEADER / FOOTER
\*------------------------------------*/


header {   background:#24282A; position: fixed;    width: 100%;    top: 0;z-index:9999;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header-container {margin-bottom:35px;background:#24282A;padding:20px 0 0;position:relative}
header .logo {width:270px;}
header .logo a, header .logo img {display:block;width:100%;height:auto;}


header, header a {font-weight:700;font-size:20px;color:#fff;}
header ul, header li {padding:0;margin:0;list-style:none;display:inline-block;}

main {margin-top:120px;}


.navigatie-holder {width:calc(100% - 270px);text-align:right;    margin-top: 13px;}
.navigatie-holder > ul {display:inline-block;}
.navigatie-holder li { vertical-align:top;   margin: 0 22px;}
.navigatie-holder > ul > li:last-child {margin-right:0;}
li.navigatie-phone {margin-right:0!important;}
li.navigatie-contact {margin-left:10px!important}

.navigatie-holder .sub-menu {
    display: none;
    position: absolute;
    background: #24282A;
    width: 100%;
    left: 0;
    text-align: center;
    top: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 0 5px;
}

.navigatie-holder li:hover > .sub-menu {display:block}
.navigatie-holder .sub-menu li {display:inline-block;padding:0 20px;border-right:1px solid #fff;margin:0;position:relative;}
.navigatie-holder .sub-menu li:last-child {border:none}
.navigatie-holder .sub-menu li a {display:block;padding:0;font-size:16px;font-weight:700}
li.navigatie-phone a {    color: #fff;}

.navigatie-holder .sub-menu .sub-menu {
    width: 170px;
    padding-top: 10px;
    border: none;
    text-align: left;display:none;padding-bottom:0;
}
.navigatie-holder .sub-menu .sub-menu li {padding:0;display:block;border:1px solid #fff;border-top:none}
.navigatie-holder .sub-menu .sub-menu li:first-child {border-top:1px solid #fff;}
.navigatie-holder .sub-menu .sub-menu li a {padding:10px 20px}
.desktop-navigatie > ul > li {
    padding-bottom: 35px;
}

.navigatie-holder li:hover > a, .navigatie-holder li:focus > a, .navigatie-holder li.current-menu-item > a, .navigatie-holder li.current-menu-ancestor > a {color: #EF3742;}

span.resp-icon-header.icon-phone {display:none}
.desktop-navigatie > ul > li.menu-item-has-children {position:inherit}
.desktop-navigatie > ul > li > a {padding: 16px 0;position:relative;display:block;line-height:1;}
.navigatie-holder li:hover > a:before, .navigatie-holder li:focus > a:before, .navigatie-holder li.current-menu-item > a:before, .navigatie-holder li.current-menu-ancestor > a:before {opacity:1;} 
.desktop-navigatie > ul > li > a:before { content:"";position:absolute;  bottom: 0px;    left: calc(50% - 15px);    height:2px;width:30px;background:#EF3742;opacity:0;}
.desktop-navigatie > ul > li.menu-item-has-children > a:before {width:auto;background:none;opacity:1;font-family: 'icomoon';content: "\e908";font-size:8px;left:calc(50% - 4px);height: auto;}



.mobbtn-hold { display:none;   width: 48px;    margin-top: 16px;}
.mobbtn {    width: 18px;    height: 18px;   position:relative;cursor:pointer;}
.mobbtn span {  border-radius:2px;  height: 2px;    width: 16px;    background: #fff;    position: absolute;    left: calc(50% - 8px);}
.mobbtn span:nth-child(1){top:0px;}
.mobbtn span:nth-child(2){top:calc(50% - 1px);}
.mobbtn span:nth-child(3){top:16px;}

.active-menu.mobbtn span:nth-child(2) {width:0;left:50%;}

.active-menu.mobbtn span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);      top: 8px;
    width: 25px;
    left: -4px;}
.active-menu.mobbtn span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);     top: 8px;
    width: 25px;
    left: -4px;}


.responsive-nav {    z-index: 9000;position:fixed;display:none;top:-150%;background:#24282A;width:100%;height:100vh;overflow:auto;}


.responsive-nav:before, .responsive-nav:after {z-index:2;content:"";position:absolute;top:0;height:100%;width:2px;opacity:.2;background:#fff;}

.responsive-nav:before {left:40px;}
.responsive-nav:after {right:40px;}

.responsive-nav {padding-bottom:93px;    padding-top: 76px;}

.resp-nav-holder {
    height: 100%;
    overflow: auto;
    padding: 50px 0 0;
}

.sidenav-btns {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #24282a;
    border-top: 2px solid rgb(255 255 255 / 20%);
    padding: 20px 0 15px;
}
.sidenav-btns ul, .sidenav-btns li, .resp-nav-holder ul, .resp-nav-holder li {padding:0;margin:0;list-style:none}
.sidenav-btns ul {display:block;text-align:center}
.sidenav-btns li {display:inline-block;margin:0 5px;}
.responsive-nav .wrapper.row {
    max-width: 320px;

}
.resp-nav-holder .wrapper.row{    min-height: 100%;
    position: relative;
    padding-bottom: 70px;}

.resp-nav-holder .text-center{    position: absolute;
    bottom: 20px;
    left: 0;}


.resp-menu , .resp-menu li, .resp-menu ul {padding:0;margin:0;list-style:none}
ul.resp-menu > li > a {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    padding: 0 20px;
}
ul.resp-menu > li {text-align:center;margin-bottom:20px;position:relative;}
ul.resp-menu > li.with-children > a {padding-right:0;}
ul.resp-menu > li > span {font-size:12px;margin-left:10px;cursor:pointer;}

ul.resp-menu > li:hover > a, ul.resp-menu > li.current-menu-item > a {color:#EF3742}

.resp-menu .sub-menu {margin-top:15px;margin-bottom:-15px;display:none}

.extra-diensten-nav h4 {color:#EF3742;font-size:24px;margin-bottom:10px;}
.extra-diensten-nav a {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    padding: 0 15px;
}
.extra-diensten-nav a:hover, .extra-diensten-nav .current-item > a {color:#EF3742;}

.extra-diensten-nav {
    margin-top: 10px;margin-bottom:10px;
}
.extra-diensten-nav li {margin-bottom:10px;}

header, .desktop-navigatie > ul > li > a:before, .desktop-navigatie > ul > li > a:after, .responsive-nav {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



.linkedin-top {padding:20px 0;background:#888A8C;font-size:24px;font-weight:700;text-align:center}
.linkedin-top ul, .linkedin-top li {padding:0;margin:0;list-style:none;}
.linkedin-top li {display:inline-block;vertical-align:middle;margin:0 10px;}

.linkedin-top a{font-size:29px;color:#24282A}
.linkedin-top a:hover, .linkedin-top a:focus {color:#fff}

.footer-contact h4 {display:none;    font-size: 24px;
    font-weight: 700;color:#EF3742}

.footer-sitemap {float:right}
.footer-top {padding-top:75px}
.footer-logo {    float: right;    padding-right: calc(8.3333% + 15px);}
.footer-top, .footer-top a {color:#fff;font-size:18px;}
.footer-top a:hover {color:#EF3742}
.footer-top ul, .footer-top li {padding:0;margin:0;list-style:none}
.footer-top li {margin-bottom:15px;}
.footer-top li:last-child {margin-bottom:0;}
.footer-top .medium-7 {padding-left:8.3333%}
.footer-top .medium-7 > div {width:50%;}

.footer-stroke {margin-top:80px;margin-bottom:20px}
.footer-stroke > div {height:2px;background:#EF3742}

.footer-copyright {padding-left:8.33333%;width:calc(100% - 250px)}
.footer-copyright > div {width:50%;max-width:300px;margin-bottom:25px;}
.footer-bottom {font-size:16px;}
.footer-bottom a {color:#B0B0B1}
.footer-bottom a:hover, .footer-bottom a:focus {color:#fff}
.door-dink {text-align:right;padding-right:8.33333%; width: 250px;margin-bottom:25px;}
.door-dink a {display:inline-block;max-width:98px}
.door-dink img {width:100%}
/*------------------------------------*\
    Responsive
\*------------------------------------*/
@media screen and (max-width:1350px){
	.back-btn {left:15px;}
	.home-slider-arrow.icon-arrow-left, .banner-contact {left:15px}
	.home-slider-arrow.icon-arrow-right, .read-more.scroll-down {right:15px;}
	
	.image-slider-arrows {position:relative;margin-top:25px}
	.slider-desc {display:block;}
	.image-slider-holder .icon-arrow-left {left:15px;}
	.image-slider-holder .icon-arrow-right {right:15px;}
}
@media screen and (max-width:1250px){
	.title-box h1,.call-to-action .title-box h2 {font-size:80px;}
	.home-slider-arrow.icon-arrow-right, .home-slider-arrow.icon-arrow-left {display:none}
}

@media screen and (max-width:1100px){
	header .logo {    width: 210px;}
	.navigatie-holder {		width: calc(100% - 210px);}
	.navigatie-holder {margin-top:0;}
	.desktop-navigatie > ul > li {    padding-bottom: 20px;}
	.navigatie-holder li {margin:0 15px;}
	.navigatie-holder .sub-menu li {padding:0 10px;}
	.navigatie-holder .sub-menu li a {font-size:15px;}
	main {margin-top:92px;}

}

@media screen and (max-width:1024px){
	.title-box h1,.call-to-action .title-box h2 {font-size:70px;}
	
	
}

.show-responsive {display:none}

@media screen and (max-width:991px){
	
	.title-box h1,.call-to-action .title-box h2 {font-size:60px;}
	
	.large-content {
    font-size: 18px;
}
	
	
	
	.content-row.background-shape:first-child {    min-height: none;}
	.content-row,.call-to-action {padding:60px 0 20px}
	.content-row + .content-row {padding-top:0;}
	.content-row:first-child {padding-top:60px;}
	.content-row:last-child {padding-bottom:40px;}

	.contact-info li {margin-bottom:15px;}
	
	.large-marginfix, .marginfix, .margin-fix {    margin-bottom: 40px;}
	
	
	
	
	
	.background-shape:before {display:none}
	.related-row .background-shape {display:block}
	.related-row .background-shape {
    max-width: 150px;
    height: 156px;
    background-size: 330px auto;
}
	main {margin-top:76px;}

	.dienst-archief-top {margin-bottom:30px}
	.dienst-box {    width: calc(50% - 30px);padding:20px;}
	.dienst-box h4 {font-size:20px}
	.reguliere-dienst h3 {min-height:0}
	.dienst-box h3 {
    font-size: 26px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    line-height: 1;
}
	.reguliere-dienst > div > span{    font-size: 50px;
    margin-bottom: 25px;}
	.reguliere-dienst:nth-child(even){border-radius:0 0 30px 0}
.reguliere-dienst:nth-child(odd) {border-radius:0 30px 0 0}
.overige-dienst:nth-child(odd){border-radius:0 30px 0 0}
.overige-dienst:nth-child(even){border-radius:0 0 30px 0}
	
	.reguliere-dienst:nth-child(3){border-radius:30px 0 0 0}
	.reguliere-dienst:nth-child(4){border-radius:0 30px 0 0}
	.reguliere-dienst:nth-child(5){border-radius:0 0 30px  0}
	.reguliere-dienst:nth-child(6){border-radius:30px 0 0 0}
	
	.archive-box {border-radius:0 30px 0 0}
	.archive-box img {height:260px;}
	.archive-box h3 {padding:0 20px;padding-bottom:10px;bottom:20px;}
	.archive-box h3:after {left:20px;}
		.content-row:before {    left: 40px;}
	.content-row:after {    right: 40px;}
	
	
	.back-btn {    left: 20px;    top: 10px;}
	.single-dienst-icon {margin-bottom:35px;}
	.small-dienst-box {min-height:150px}
	.small-dienst-box span {font-size:50px;}
	.small-dienst-box {    width: calc(20% - 16px);
    margin: 0 8px 15px;}
	.gerelateerde-diensten > .flex-columns {padding:0 7px;width:100%;}
	.gerelateerde-diensten > .center-align {width:100%;text-align:center;margin-top:30px;}
	
	
	.over-vacature-content, .over-prodict-content {    padding: 35px 5px;}
	.over-vacature-content {    border-radius: 0 0 0 30px;}
	.over-prodict-content {    border-radius: 0 30px 0 0;}
	.single-vacatures-top,.single-projecten-top {margin-bottom:10px;}
	
	.home-project-content > div, .archive-side {padding:45px 5px}

	.desktop-navigatie, .navigatie-contact, span.resp-phone {display:none}
	.header-container {padding:12px 0;margin-bottom:0;border-bottom:2px solid #505355}
	header .logo {    width: 180px;}
	span.resp-icon-header.icon-phone {display:block}
	li.navigatie-phone a.btn {
    min-width: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    font-size: 25px;color:#EF3742!important;background:none!important
}
	li.navigatie-phone a.btn:hover, li.navigatie-phone a.btn:focus {color:#fff!important}
	li.navigatie-phone {margin-left:0;}
	.navigatie-holder {    margin-top: 12px;}
	.mobbtn-hold {display:block}
	.navigatie-holder {    width: calc(100% - 228px);}
	.responsive-nav.active-menu {top:0;}
	.responsive-nav {display:block}
	
	.footer-top {padding-top:50px;}
	.linkedin-top {font-size:18px;padding:25px 0}
	.linkedin-top li:last-child {margin-top:15px;}
	
	.footer-logo, .door-dink {padding-right:15px;}
	.footer-top .medium-7, .footer-copyright {padding-left:0;}
	.footer-widget {padding-bottom:30px;margin-bottom:30px;}
	.footer-stroke {    margin-top: 0;    margin-bottom: 20px;}
	
	
	.resultaat-holder {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 1;
		grid-row-end: 1;padding:40px 5px 25px;border-radius:0 50px 0 0}
	.grid-dienst-box {min-height:130px;}
	.dienst-slide .grid-dienst-box > div { min-height:130px;}

	.grid-dienst-box span {		font-size: 50px;}
	.grid-container .grid-dienst-box {display:none}
	.grid-dienst-box span.icon-check-circle {left:10px;top:10px;}
	.dienst-slider-container {display:block}
}
@media screen and (min-width:768px){
	.footer-contact ul {display:block!important}
}
@media screen and (max-width:767px){
	.title-box h1, .title-box h2, .call-to-action .title-box h2 {font-size:50px;}
	.small-title-box h2 {font-size:42px;}
	
	.title-box h1, .title-box h2, .call-to-action .title-box h2 {text-align:center;position:relative;padding-bottom:15px;}
	.title-box h1:after, .title-box h2:after, .call-to-action .title-box h2:after {width:50px;height:2px;content:"";position:absolute;background:#EF3742;left:calc(50% - 25px);bottom:0;}
	.title-box.with-border{padding-bottom:0}
	.title-box.with-border:after {display:none}
	
	.resultaat-holder .title-box.with-border h2{text-align:left;}
	.resultaat-holder .title-box.with-border h2:after {left:0;}
	
	.archive-side .title-box h2, .home-project-content .title-box h2{text-align:left;padding-bottom:25px;}
	.archive-side .title-box h2:after,  .home-project-content .title-box h2:after {left:0px;background:#24282A}
	.slide-content  .title-box h1, .slide-content  .title-box h2 {padding-bottom:0;}
	.slide-content  .title-box h1:after, .slide-content  .title-box h2:after {display:none}
	.slide-content {padding-top:80px;padding-bottom:80px;}
	
	.over-vacature-content .title-box h2, .over-prodict-content .title-box h2 {text-align:left;}
	.over-vacature-content .title-box h2:after, .over-prodict-content .title-box h2:after{left:0;}
	.project-content h1 {padding-bottom:0!important}
	.project-content h1:after {display:none!important}
	.project-content {text-align:center}
	.footer-logo a {    display: block;    max-width: 240px;    margin: 0 auto;}
	.footer-widget {width:100%!important;position:relative}
	.footer-widget.footer-logo {padding-bottom:0;margin-bottom:45px;}
	.footer-logo:after {display:none!important}
	.footer-widget:after {content:"";position:absolute;width:calc(100% - 30px);left:15px;bottom:0;height:2px;background:#888A8C}
	.footer-stroke {display:none}
	.footer-copyright {width:100%;text-align:center}
	.footer-copyright > div {width:100%;max-width:100%;margin-bottom:15px;}
	.footer-top {    max-width: 400px;    text-align: center;}
	.footer-top .menu a {    font-size: 24px;    font-weight: 700;}
	.door-dink {text-align:center;width:100%;margin-top:15px;}
	.background-shape {display:none}
	.footer-contact:after {display:none}
	.footer-contact h4 {cursor:pointer;display:block;    margin-bottom: 15px;}
	.footer-contact h4.in-active {color:#fff}
	.footer-contact h4 span {
    font-size: 12px;
    margin-left: 7px;
    color: #fff;
}
	.footer-contact {padding-bottom:0;}
	.footer-contact ul{position:relative;padding-bottom:23px;margin-bottom:20px;}
	.footer-contact ul:after{content:"";position:absolute;width:50px;height:2px;background:#EF3742;left:calc(50% - 25px);bottom:0;}
	
.footer-contact {
    margin: 0;
}
	
	
	
	.related-archive, .general-archive-wrapper {max-width:430px}
	.archive-box {    width: calc(100% - 30px);		margin: 0 15px 30px;}
	
	.small-dienst-box {	width: calc(33.333% - 16px);min-height:130px;}
	.dienst-content {text-align:center}
	.dienst-content .large-4 {display:none}
	.archive-side {    width: calc(100% - 30px);    margin: 0 15px 30px;}
	
	.dienst-content .large-4, .vacatures-content .large-4, .project-content .large-4{    order: 0;}
	.single-vacature-image img, .single-project-image img {    object-fit: cover;    height: 200px;    border-radius: 0 30px 0 0;}
	.single-vacatures .back-btn, .single-projecten .back-btn  {display:none}
	
	.single-vacatures .title-box h1 {padding-bottom:0;}
	.single-vacatures .title-box h1:after {display:none}
	.vacature-info {    width: 260px;    margin-left: calc(50% - 130px);}
	.vacature-info .columns {padding-left:15px;text-align:center}
	.vacature-info span {
    position: relative;
    left: 0!important;
    top: 0!important;
}
	.vacature-info > div {width:100%;}
	.vacature-info > div > div {width:50%}
	
	.contact-info {    width: 290px;    margin-left: calc(50% - 145px);}
	.home-project-image .btn {display:none}
	.home-project-image {    order: 0;    margin:0;    width: calc(100% + 10px);    margin-left: -5px;padding:0}
	.home-project-content > div, .archive-side {margin:0}
	.home-project-image img {height:200px}
	.home-project-content {margin-top:-20px}
	.home-project-image:before {width:100%;left:0}
	
	.disable-responsive {display:none!important}
	.show-responsive {display:block}
	.banner-contact, .read-more.scroll-down {display:none}
	ul.slick-dots {bottom:25px;}
	.home-slide .wrapper {
    max-width: 500px;
    text-align: center;
}
	
	
}

.responsive-nav .dienst-box h3 {
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 0;
}
	.responsive-nav .dienst-box {padding:15px 5px;text-align:center;min-height:130px;  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;}
	.responsive-nav .dienst-box h3:after {display:none}
	.responsive-nav .dienst-box  p {display:none}
	.responsive-nav .dienst-box .btn {display:none}
	.responsive-nav .reguliere-dienst > div > span {margin-bottom:10px;}
	.responsive-nav .dienst-box h4 {display:none}
	.responsive-nav .dienst-box {
    width: calc(50% - 16px);
		margin: 0 8px 15px;}



@media screen and (max-width:650px){
	.title-box h1, .title-box h2, .call-to-action .title-box h2 {font-size:42px;}
	
	.dienst-box h3 {
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 0;
}
	.dienst-box {padding:15px 5px;text-align:center;min-height:130px;  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;}
	.dienst-box h3:after {display:none}
	.dienst-box  p {display:none}
	.dienst-box .btn {display:none}
	.reguliere-dienst > div > span {margin-bottom:10px;}
	.dienst-box h4 {display:none}
	.dienst-box {
    width: calc(50% - 16px);
		margin: 0 8px 15px;}
	
}

@media screen and (max-width:450px){
	
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !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) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	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;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}