@font-face {
    font-family: 'open_sans_bold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_bolditalic';
    src: url('../fonts/opensans-bolditalic-webfont.eot');
    src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans_extrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_extrabolditalic';
    src: url('../fonts/opensans-extrabolditalic-webfont.eot');
    src: url('../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans_italic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans_light';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_lightitalic';
    src: url('../fonts/opensans-lightitalic-webfont.eot');
    src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans_regular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_semibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_semibolditalic';
    src: url('../fonts/opensans-semibolditalic-webfont.eot');
    src: url('../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

html {
    -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
text-transform: none;letter-spacing: 0px;
}

body:not(.home):not(.page-id-22):not(.page-id-24) h1 {
	padding-top: 200px;
}

.tm-header {background: #000;}
.uk-navbar-container:not(.uk-navbar-transparent) {background: #000;}
.uk-navbar-nav>li>a {font-size: 18px;color: #a7acaf;font-family: 'open_sans_regular';height: 100px;text-transform: none;letter-spacing: 0px;}
.uk-navbar-nav>li.uk-active>a {color: #a2ff00;}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus {color: #a2ff00;}

.home-slideshow-section {padding-top: 0px;padding-bottom: 0px;}
.home-slideshow-section {position: relative;overflow: hidden;}
.home-slideshow-section:before {position: absolute;content: '';display: block;z-index: 2;top: 0;left: 0;width: 0;height: 0;border-style: solid;border-color: rgba(162, 255, 0, 0.788) transparent transparent transparent;border-width: 100vw 30vw 0 0;}


.home-slideshow-section .uk-padding {padding: 0px;}
.home-slideshow-section .el-content {position: relative;}
.home-slideshow-section .el-content:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: -10vw;
    width: 61vw;
    height: 100%;
    -webkit-transform: skewX(-33deg);
    -ms-transform: skewX(-33deg);
    transform: skewX(-33deg);
    background: rgba(0, 0, 0, 0.788);
    max-width: 1240px;
}
.home-slideshow-section .el-content h1 {font-size: 28.10px;line-height: 38.14px;color: #e5e5e5;;font-family: 'open_sans_regular';margin-bottom: 0px;position: relative;z-index: 3;padding: 65px 40px 40px 0px;/*max-width: calc(46vw - 80px);*/max-width: 620px;/*margin-left: auto;margin-right: 0;*/margin-left: 0;margin-right: auto;}
.home-slideshow-section .el-content h1 span {color: #a2ff00;}



.home-topic {position: relative;}
.home-topic a {position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 3;}
 .home-main-topics .uk-grid>* {overflow: hidden;}


.home-main-topics > div > div > div > div {background: #95d300;transform: skewX(-33deg);}
.home-main-topics > div > div > div > div:hover, .home-main-topics > div > div > div > div:focus {background: #000;}
.home-main-topics > div > div > div > div:hover h2, .home-main-topics > div > div > div > div:focus h2 {color: #95d300;}
.home-topic-gyproc-inner {background: url('/wp-content/uploads/2018/08/van-roey-interieur-47.JPEG');}

.home-main-topics h2 {transform: skewX(33deg); -ms-transform:  skewX(33deg);  -webkit-transform:  skewX(33deg);font-family: 'open_sans_bold';font-size: 26px;line-height: 34px;text-align: center;margin-top: 0px;padding-top: 20px;}
.home-main-topics img {transform: skewX(33deg);-ms-transform:  skewX(33deg);  -webkit-transform:  skewX(33deg);


    /* overflow: visible; */
    /* object-fit: cover; */
    width: 200%;
    /* display: block; */
    max-width: none;
    margin-left: -50%;
    max-height: 265px;
    object-fit: cover;
}

.home-intro {position: relative;}
.home-intro:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: -10vw;
    width: 85vw;
    height: 100%;
    /*border-style: solid;
    border-color: rgba(149, 211, 0, 0.25) transparent transparent transparent;
    border-width: 660px 1545px 0 0;*/
        -webkit-transform: skewX(-33deg);
        -ms-transform:skewX(-33deg);
    transform: skewX(-33deg);
    background:  rgba(149, 211, 0, 0.90);
}
.home-intro p {position: relative;z-index: 3;}



.home-intro p:nth-child(1) {font-family: 'open_sans_light';font-size: 22px;line-height: 34px;color: #000;}
.home-intro p:nth-child(2) {font-family: 'open_sans_regular';font-size: 22px;line-height: 34px;color: #000;}


.home-bottom-gallery {padding: 20px;}
.home-bottom-gallery img {width: 100%;height: 100%;object-fit: cover;/*max-height: 560px;*/max-height: 50vh;}


.footer-section {background: #000;padding-top: 45px;padding-bottom: 45px;}
.footer-section > div > div > div {display: -webkit-box;           
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-justify-content: center;}
.footer-section * {color: #FFF;font-size: 16px;line-height: 20px; font-family: 'open_sans_regular';}
.footer-section h6 {  font-family: 'open_sans_bold';margin-bottom: 0px;}
.footer-section h6 + p {margin-top: 0px;}
.footer-section p {margin-bottom: 0px;}
.footer-section a {color: #FFF;font-size: 16px;line-height: 20px; font-family: 'open_sans_regular';text-decoration: none;}
.footer-section a:hover, .footer-section a:focus {color: #a2ff00;text-decoration: none;}


.main-header {position: relative;overflow: hidden;width: 100%;}
.main-header > div {
        min-height: 300px;
        padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    justify-content: center;
    -webkit-justify-content: center;
}
.main-header > div div {height: 100%;min-height: 300px;}

/*.main-header:before {
    position: absolute;
    content: '';
    display: block;
    z-index: 2;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(162, 255, 0, 0.788) transparent transparent transparent;
    border-width: 100vw 30vw 0 0;
}*/
.main-header  .uk-container {max-width: none;padding: 0px;width: 100%;}
/*.main-header-content {margin-left: 30vw;}*/
.main-header-content h1 {
     font-family: 'open_sans_bold';
    font-size: 28.1px;
    line-height: 38.14px;
    text-align: center;
    margin: 0px;
    /*padding: 20px 90px 25px 90px;*/
    display: inline-block;  
    color: #a2ff00;
    text-align: center;
    position: relative;
    z-index: 0;
    /*margin-bottom: -20px;*/
    /*margin-left: 28vw;*/
        display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
        padding-right: 1vw;
    box-sizing: border-box;
    padding-bottom: 60px;
    padding-right: 100px;
    height: 300px;
    width: auto;
    min-width: 660px;
    max-width: 660px;
}

.main-header-content h1:before {
  /*  content: '';
position: absolute;
top: 0;left: 0;right: 0;bottom: 0;
  transform: skewX(-18deg);
    -ms-transform: skewX(-18deg);
    -webkit-transform: skewX(-18deg);
     background: #000;
     z-index: -1;*/
     content: '';
     position: absolute;
top: 0;left: 0;right: 0;bottom: 0;
background: url('../../../../wp-content/uploads/2018/08/main-header-h1-bg.png') no-repeat 0% 0%;
background-size: auto;
z-index: -1;
min-height: 300px;
} 


.disclaimer-main-content h1, .privacyverklaring-main-content h1 {
        font-family: 'open_sans_bold';
    font-size: 30px;
    line-height: 40px;
    color: #000;
}

.disclaimer-main-content h2, .privacyverklaring-main-content h2 {
        font-family: 'open_sans_bold';
    font-size: 26px;
    line-height: 34px;
    color: #000;
}

.disclaimer-main-content h3, .privacyverklaring-main-content h3 {
        font-family: 'open_sans_bold';
    font-size: 22px;
    line-height: 30px;
    color: #000;
}

.disclaimer-main-content p, .disclaimer-main-content p a, .disclaimer-main-content a, .disclaimer-main-content li, .disclaimer-main-content td, .disclaimer-main-content th,
.privacyverklaring-main-content p, .privacyverklaring-main-content p a, .privacyverklaring-main-content a, .privacyverklaring-main-content li, .privacyverklaring-main-content td, .privacyverklaring-main-content th {
  font-family: 'open_sans_light';
    font-size: 22px;
    line-height: 34px;
    color: #000;
    text-align: left;
}

.privacyverklaring-main-content table {border-collapse: collapse;}
.privacyverklaring-main-content th {border-bottom: 1px solid #000;}
.privacyverklaring-main-content td {border-bottom: 1px solid #000;}

.contactleft h2, .contactright h2 {
    font-family: 'open_sans_bold';
    font-size: 26px;
    line-height: 34px;
    color: #000;
    margin-bottom: 30px;
}


.contactright p, .contactright p a {
    font-family: 'open_sans_light';
    font-size: 22px;
    line-height: 34px;
    color: #000;
}

.contactright p a:hover, .contactright p a:focus {color: #000;text-decoration: underline;}

.contactmap {margin-top: 45px;}
.contactmap iframe {width: 100%;min-height: 350px;}


.main-info h2 {
    font-family: 'open_sans_bold';
    font-size: 26px;
    line-height: 34px;
    color: #000;
}




.main-info p {
    font-family: 'open_sans_light';
    font-size: 22px;
    line-height: 34px;
    color: #000;
}

.main-info ul {list-style: none;}


.main-info li {
    font-family: 'open_sans_light';
    font-size: 22px;
    line-height: 34px;
    color: #000;
    position: relative;
}

.main-info li:before {
 content: "\2022";
    display: inline-block;
    width: 1em;
    color: #a2ff00;
    font-size: 60px;
    position: absolute;
    left: -0.5em;
}

.main-contact {text-align: center;}
.main-contact h3 {
      
    font-family: 'open_sans_bold';
    font-size: 28.1px;
    line-height: 38.14px;
    text-align: center;
    margin-top: 0px;
    padding: 20px 90px 25px 90px;
    display: inline-block;  
    color: #a2ff00;
    text-align: center;
    position: relative;
    z-index: 0;
    margin-bottom: 45px;
}

.main-contact h3:before {
    content: '';
position: absolute;
top: 0;left: 0;right: 0;bottom: 0;
  transform: skewX(-33deg);
    -ms-transform: skewX(-33deg);
    -webkit-transform: skewX(-33deg);
     background: #000;
     z-index: -1;
} 

.main-contact-form .jform-form {
     text-align: left !important;
}

.main-contact-form label, .contactleft label {
    font-family: 'open_sans_regular';
    font-size: 18px;
    line-height: 40px !important;
    color: #000;
    text-align: left !important;
    font-weight: 400 !important;
}

.main-contact-form .privacy-notice-paragraph, .main-contact-form .privacy-notice-paragraph a, .contactleft .privacy-notice-paragraph, .contactleft .privacy-notice-paragraph a {
     font-family: 'open_sans_regular';
    font-size: 14px;
    line-height: 20px !important;
    color: #000 !important;
    text-align: left !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.main-contact-form .privacy-notice-paragraph a:hover, .main-contact-form .privacy-notice-paragraph a:focus, .contactleft .privacy-notice-paragraph a:hover, .contactleft .privacy-notice-paragraph a:focus {text-decoration: underline !important;}

.main-contact-form input:not([type=checkbox]):not([type=radio]), .contactleft input:not([type=checkbox]):not([type=radio]) {height: 40px !important;}
.main-contact-form textarea, .contactleft textarea {resize: none;}
.main-contact-form input:not([type=checkbox]):not([type=radio]), .main-contact-form textarea {
    font-family: 'open_sans_regular' !important;
    font-size: 18px !important;
    line-height: 34px !important;
    color: #000 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 1px solid #FFF !important;
    text-align: left !important;
}


.contactleft input:not([type=checkbox]):not([type=radio]), .contactleft textarea {
    font-family: 'open_sans_regular' !important;
    font-size: 18px !important;
    line-height: 34px !important;
    color: #000 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 1px solid #000 !important;
    text-align: left !important;
}

.main-contact-form input:not([type=checkbox]):not([type=radio])::focus, .main-contact-form textarea:focus, .contactleft input:not([type=checkbox]):not([type=radio])::focus, .contactleft textarea:focus {
    box-shadow: none !important;
}

.main-contact-form .rendered-form .form-group, .contactleft .rendered-form .form-group {
    margin-left: 0;
    margin-bottom: 10px;
} 

.main-contact-form button, .contactleft button {
    background: #a2ff00;
    color: #000;
    font-family: 'open_sans_bold' !important;
    font-size: 18.56px !important;
    border: none !important;
    padding: 10px 25px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.main-contact-form button:hover, .main-contact-form button:focus, .contactleft button:hover, .contactleft button:focus {
    color: #a2ff00;
    background: #000;
}

.main-contact-form .leadix-form form div:last-child {
	display: flex;
}

.main-contact-form .leadix-form form label {
	min-width: unset !important;
}


@media (min-width: 960px) {

.contactright {padding-left: 100px;}

.main-info {padding-top: 110px;padding-bottom: 150px;}
body > div.uk-offcanvas-content > div > div.maatwerk-info:nth-child(4) {padding-top: 110px;padding-bottom: 55px;}
body > div.uk-offcanvas-content > div > div.maatwerk-info:nth-child(5) {padding-top: 55px;padding-bottom: 55px;}
body > div.uk-offcanvas-content > div > div.maatwerk-info:nth-child(6) {padding-top: 55px;padding-bottom: 55px;}
body > div.uk-offcanvas-content > div > div.maatwerk-info:nth-child(7) {padding-top: 55px;padding-bottom: 150px;}


.main-info .uk-width-2-3\@m {
    width: calc(100% * 64 / 100);
    display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
}

.maatwerk-info div.uk-width-expand\@m {
    display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
}

.maatwerk-info div.uk-width-expand\@m > div {width: 100%;height: 100%;}
.maatwerk-info div.uk-width-expand\@m > div img {width: 100%;height: 100%;object-fit: cover;}

.main-contact > div {padding-top: 50px;padding-bottom: 50px;}

    .main-contact-form {max-width: 820px;margin-left: auto;margin-right: auto;}
    .main-contact-form label {width: 13.50% !important;}
    .main-contact-form input:not([type=checkbox]):not([type=radio]), .main-contact-form textarea {width: 86.50% !important;}
    .main-contact-form button {margin-left: 13.50% !important;}
    .main-contact-form .privacy-notice-paragraph {margin-left: 13.50% !important;}


    .contactleft label {width: 30% !important;}
    .contactleft input:not([type=checkbox]):not([type=radio]), .contactleft textarea {width: 70% !important;}
    .contactleft button {margin-left: 30% !important;}
    .contactleft .privacy-notice-paragraph {margin-left: 30% !important;}

/*
.home-slideshow-section .el-content:before {max-width: calc(46vw - 80px);}
.home-slideshow-section .el-content h1 {max-width: 640px;margin-left: 0;margin-right: auto;}
*/
.home-main-topics > div {padding-top: 40px;padding-bottom: 40px;}


.home-intro .uk-container {max-width: calc(78vw - 80px);margin-left: auto;margin-right: 0;padding-top: 25px;padding-bottom: 25px;}
.home-intro p {max-width: 670px;margin-left: auto;margin-right: auto;}
.home-intro p:nth-child(2) {margin-bottom: 0px;}

    .home-bottom-gallery > div > div:nth-child(1) {width: 40%;}
    .home-bottom-gallery > div > div:nth-child(1) > div {height: 100%;}
    .home-bottom-gallery > div > div:nth-child(2) {width: 31%;}
    .home-bottom-gallery > div > div:nth-child(2) img {/*max-height: 270px;*/max-height: calc(25vh - 10px);}
    .home-bottom-gallery > div > div:nth-child(3) {width: 29%;}
    .home-bottom-gallery > div > div:nth-child(3) > div {height: 100%;}

	.main-contact-form .leadix-form form div {
		flex-wrap: unset !important;
	}
}


@media (min-width: 1200px) {

.main-info .uk-grid {margin-left: -60px;}
.main-info .uk-grid>* {
    padding-left: 60px;
}

.realisaties-gallery {margin-left: -40px !important;}
.realisaties-gallery>* {
    padding-left: 40px !important; 
}

    .home-main-topics .uk-grid {margin-left: 0px;}
    .home-main-topics .uk-grid>* {padding-left: 0px;margin-left: 10px;margin-right: 10px;}

    .home-bottom-gallery .uk-grid {margin-left: -20px;}
    .home-bottom-gallery .uk-grid>* {padding-left: 20px;}
}


.home-slideshow, .home-slideshow * {max-height: calc(100vh - 100px);} 
.home-slideshow .el-item img {object-fit: cover;}


@media (min-width: 960px) and (max-width: 1220px) {
    .uk-logo img {max-width: 150px;}
    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {padding: 0 10px;}
    .uk-navbar-nav > li > a {font-size: 16px;}
}

@media (max-width: 1500px) {


.home-slideshow-section:before {
    position: absolute;
    content: '';
    display: block;
    z-index: 2;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(162, 255, 0, 0.788) transparent transparent transparent;
    border-width: 100vw 10vw 0 0;
}

.home-slideshow-section .el-content:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: -10vw;
    width: 97vw;
    height: 100%;
    -webkit-transform: skewX(-33deg);
    -ms-transform: skewX(-33deg);
    transform: skewX(-33deg);
    background: rgba(0, 0, 0, 0.788);
    max-width: 1240px;
}


.home-main-topics .uk-grid>* {
    padding-left: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

.home-main-topics > div > div > div > div {background: transparent;transform: skewX(0deg);}
.home-main-topics > div > div > div > div:hover, .home-main-topics > div > div > div > div:focus {background: transparent;}
.home-main-topics > div > div > div > div:hover h2, .home-main-topics > div > div > div > div:focus h2 {color: #95d300;}
.home-topic-gyproc-inner {background: url('/wp-content/uploads/2018/08/van-roey-interieur-47.JPEG');}
.home-topic {background: #95d300; color: #000;}
.home-topic:hover, .home-topic:focus {background: #000; color: #95d300;}
.home-main-topics h2 {transform: skewX(0deg); -ms-transform:  skewX(0deg);  -webkit-transform:  skewX(0deg);font-family: 'open_sans_bold';font-size: 26px;line-height: 34px;text-align: center;margin-top: 0px;padding-top: 20px;}
.home-main-topics img {transform: skewX(0deg);-ms-transform:  skewX(0deg);  -webkit-transform:  skewX(0deg);


    /* overflow: visible; */
    /* object-fit: cover; */
    width: 100%;
    /* display: block; */
    max-width: none;
    margin-left: 0;
    max-height: 265px;
    object-fit: cover;
}

}

@media (max-width: 1200px) {
    .home-intro:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    -webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
    background: rgba(149, 211, 0, 0.90);
}
.home-intro .uk-container {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    padding-bottom: 25px;
}
}


@media (max-width: 959px) {

.contactright {margin-top: 45px;}

     /*.main-contact-form {max-width: 820px;margin-left: auto;margin-right: auto;}*/
    .main-contact-form label {width: 100% !important;}
    .main-contact-form input:not([type=checkbox]):not([type=radio]), .main-contact-form textarea {width: 100% !important;}
    .main-contact-form button {margin-left: 0% !important;}
    .main-contact-form .privacy-notice-paragraph {margin-left: 0% !important;}


    .contactleft label {width: 100% !important;}
    .contactleft input:not([type=checkbox]):not([type=radio]), .contactleft textarea {width: 100% !important;}
    .contactleft button {margin-left: 0% !important;}
    .contactleft .privacy-notice-paragraph {margin-left: 0% !important;}

.uk-navbar-toggle {color: #a8adb0;}
.uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {color: #a2ff00;}
.uk-navbar-toggle svg {width: 30px;height: 30px;} 
.uk-nav>li>a {
font-size: 18px !important;
color: #a7acaf !important;
font-family: 'open_sans_regular' !important;
text-transform: none !important;
letter-spacing: 0px !important;
}
.uk-offcanvas-bar .uk-nav-default>li.uk-active>a {color: #a2ff00 !important;}
.uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default>li>a:hover {color: #a2ff00 !important;}

.home-slideshow-section:before {display: none;}

.home-slideshow-section .el-content:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0vw;
    width: 100vw;
    height: 100%;
    -webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
    background: rgba(0, 0, 0, 0.788);
    max-width: 1240px;
}

.home-slideshow-section .el-content h1 {
    font-size: 20.10px;
    line-height: 30.14px;
    color: #e5e5e5;
    font-family: 'open_sans_regular';
    margin-bottom: 0px;
    position: relative;
    z-index: 3;
    padding: 20px 20px 20px 20px;
    /* max-width: calc(46vw - 80px); */
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;}

    .footer-section > div > div > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
}



@media (max-width: 700px) {
    .main-contact h3 {padding: 20px !important;}
.main-header > div div {
    height: 100%;
    min-height: 0px;
    text-align: center;
}

    .main-header-content h1 {
     font-family: 'open_sans_bold';
    font-size: 28.1px;
    line-height: 38.14px;
    text-align: center;
    margin: 0px;
    padding: 20px !important;
    display: inline-block;  
    color: #a2ff00;
    text-align: center;
    position: relative;
    z-index: 0;
         display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    box-sizing: border-box;
    height: auto;
    width: auto;
    min-width: 0px;
    max-width: none;
    display: inline-block !important;
}

.main-header-content h1:before {
     content: '';
position: absolute;
top: 0;left: 0;right: 0;bottom: 0;
  transform: skewX(-18deg);
    -ms-transform: skewX(-18deg);
    -webkit-transform: skewX(-18deg);
    background: none;
     background-color: #000;
     z-index: -1;
     min-height: 0px;
} 

}






@media (max-width: 639px) {

.uk-logo img {max-width: 220px;}

.footer-section > div > div > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;}


    .footer-section * {text-align: center;}
}

/* ===== Opfrissing 2026 - Creatic ===== */
:root{--vr-green:#a2ff00;--vr-black:#000;--vr-text:#2b2d2f;--vr-light:#f3f4f1}
h1,h2,h3,h4,h5,h6,p,li,a,.uk-button{-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal}

/* knoppen: schuine vorm zoals het logo */
.uk-button.vr-btn{position:relative;z-index:0;display:inline-block;background:none;border:0;border-radius:0;color:#000;font-family:'open_sans_bold';font-size:16px;line-height:50px;padding:0 30px;text-transform:none;letter-spacing:0;margin:6px 14px 6px 6px;transition:color .2s}
.uk-button.vr-btn::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--vr-green);border:2px solid var(--vr-green);transform:skewX(-14deg);transition:background .2s,border-color .2s}
.uk-button.vr-btn:hover,.uk-button.vr-btn:focus{color:var(--vr-green);text-decoration:none}
.uk-button.vr-btn:hover::before,.uk-button.vr-btn:focus::before{background:#000;border-color:#000}
.uk-button.vr-btn-ghost{color:#fff}.uk-button.vr-btn-ghost::before{background:transparent;border-color:#fff}
.uk-button.vr-btn-ghost:hover{color:#000}.uk-button.vr-btn-ghost:hover::before{background:#fff;border-color:#fff}
.uk-button.vr-btn-ghost-dark{color:#000}.uk-button.vr-btn-ghost-dark::before{background:transparent;border-color:#000}
.uk-button.vr-btn-ghost-dark:hover{color:var(--vr-green)}
.uk-button.vr-btn-dark{color:var(--vr-green)}.uk-button.vr-btn-dark::before{background:#000;border-color:#000}
.uk-button.vr-btn-dark:hover{color:#000}.uk-button.vr-btn-dark:hover::before{background:#fff;border-color:#fff}
.vr-cta{margin-top:30px}.vr-cta-center{text-align:center}

/* header: contact als CTA-knop */
@media (min-width:960px){
.tm-header .uk-navbar-nav>li:last-child{display:flex;align-items:center}
.tm-header .uk-navbar-nav>li:last-child>a{height:48px;min-height:0;align-self:center;margin-left:18px;padding:0 26px;color:#000;font-family:'open_sans_bold';position:relative;z-index:0}
.tm-header .uk-navbar-nav>li:last-child>a::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--vr-green);transform:skewX(-14deg);transition:background .2s}
.tm-header .uk-navbar-nav>li:last-child>a:hover,.tm-header .uk-navbar-nav>li:last-child.uk-active>a{color:#000}
.tm-header .uk-navbar-nav>li:last-child>a:hover::before{background:#fff}
.tm-header .uk-navbar-nav>li>a{color:#d0d3d5}
}

/* hero */
.home-slideshow-section .el-content h1{padding-bottom:0}
.home-slideshow-section .el-content .vr-hero-sub,.home-slideshow-section .el-content .vr-hero-cta{position:relative;z-index:3;max-width:620px}
.home-slideshow-section .el-content .vr-hero-sub{color:#e5e5e5;font-family:'open_sans_regular';font-size:17px;margin:14px 0 0}
.home-slideshow-section .el-content .vr-hero-cta{margin:18px 0 0;padding-bottom:40px}

/* header: menu altijd op 1 regel */
.tm-header .uk-navbar-nav>li>a{white-space:nowrap}
@media (min-width:960px) and (max-width:1279px){
.tm-header .uk-navbar-container>.uk-container{padding-left:20px;padding-right:20px}
.tm-header .uk-navbar-nav{gap:4px}
.tm-header .uk-navbar-nav>li>a{font-size:15px;padding:0 8px}
.tm-header .uk-navbar-nav>li:last-child>a{margin-left:10px;padding:0 18px}
}

/* hero: tweede slide is een h2 met dezelfde opmaak als de h1 */
.home-slideshow-section .el-content h2.vr-hero-title{font-size:28.1px;line-height:38.14px;color:#e5e5e5;font-family:'open_sans_regular';font-weight:inherit;text-transform:none;letter-spacing:0;margin:0 auto 0 0;position:relative;z-index:3;padding:65px 40px 0 0;max-width:620px}
.home-slideshow-section .el-content h2.vr-hero-title span{color:#a2ff00}
@media (max-width:959px){.home-slideshow-section .el-content h2.vr-hero-title{font-size:20.1px;line-height:30.14px;padding:20px 20px 0;max-width:640px;margin-left:auto;margin-right:auto}}

/* hero mobiel */
@media (max-width:959px){
.home-slideshow .uk-slideshow-items{min-height:500px!important}
.home-slideshow-section .el-content .vr-hero-sub,.home-slideshow-section .el-content .vr-hero-cta{padding-left:20px;padding-right:20px}
.home-slideshow-section .el-content .vr-hero-sub{font-size:15px}
.home-slideshow-section .el-content .vr-hero-cta{padding-bottom:24px}
.home-slideshow-section .el-content .vr-hero-cta .vr-btn{font-size:15px;line-height:44px;padding:0 22px;margin:5px 12px 5px 6px}
}

/* tekst + foto secties */
.main-info-text p,.main-info-text li,.home-intro p,.vr-intro p{font-family:'open_sans_regular';color:var(--vr-text);font-size:17px;line-height:1.75}
.main-info-text ul li::before{content:'';width:9px;height:9px;background:var(--vr-green);transform:skewX(-20deg);top:.72em;left:-24px;line-height:0;font-size:0}
.main-info-text h2{font-family:'open_sans_bold';font-size:30px;line-height:1.25;color:#000;margin:0 0 22px}
.main-info-text h2::after{content:'';display:block;width:64px;height:6px;background:var(--vr-green);margin-top:16px;transform:skewX(-24deg);transform-origin:left bottom}
.main-info-text a:not(.uk-button),.vr-intro a,.vr-contact-intro a,.contactright a{color:#000;font-family:'open_sans_semibold';text-decoration:underline;text-decoration-color:var(--vr-green);text-decoration-thickness:3px;text-underline-offset:4px}
.main-info-text a:not(.uk-button):hover{background:var(--vr-green)}
.main-info>.uk-container>.uk-grid,.main-info .uk-container>.uk-grid{align-items:center}
.main-info.uk-section{padding-top:80px;padding-bottom:80px}
.main-info.uk-section+.main-info.uk-section{padding-top:20px}
.main-info-img,.main-info-img picture{display:block}
.main-info-img img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
@media (min-width:960px){
.main-info .uk-grid>.uk-width-2-3\@m{width:58%}
.main-info .uk-grid>.uk-width-1-3\@m{width:42%}
.main-info.vr-flip .uk-grid{flex-direction:row-reverse}
.main-info.vr-flip .main-info-text{padding-left:20px}
}
@media (max-width:959px){
.main-info .uk-grid>*{margin-top:0}
.main-info .uk-grid>:last-child{order:-1;margin-bottom:30px}
.main-info-img img{aspect-ratio:4/3}
.main-info-text h2{font-size:26px}
}

/* USP-blok home */
.vr-usp{background:var(--vr-light);padding:80px 0}
.vr-usp-title{font-family:'open_sans_bold';font-size:34px;line-height:1.25;text-align:center;color:#000;margin:0 0 50px}
.vr-usp-title span{background:linear-gradient(transparent 62%,var(--vr-green) 62%)}
.vr-usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.vr-usp-item{background:#fff;padding:34px 28px;border-top:6px solid var(--vr-green)}
.vr-usp-item h3{font-family:'open_sans_bold';font-size:20px;line-height:1.3;color:#000;margin:0 0 12px}
.vr-usp-item p{font-family:'open_sans_regular';color:var(--vr-text);font-size:16px;line-height:1.65;margin:0}
@media (max-width:1199px){.vr-usp-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:639px){.vr-usp-grid{grid-template-columns:1fr}.vr-usp{padding:60px 0}.vr-usp-title{font-size:27px}}

/* realisaties intro */
.vr-intro{max-width:820px;margin:0 auto 40px;text-align:center}

/* contactblok */
.vr-contact-intro{font-family:'open_sans_regular';font-size:17px;line-height:1.7;color:#2b2d2f;max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
@media (max-width:959px){.main-info.uk-section{padding-top:50px;padding-bottom:50px}}
.contactleft .vr-contact-intro{text-align:left;margin:0 0 25px;font-size:16px}