/*
	Theme Name: Nimbel
	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: 'Nexa';
    src: url('fonts/Nexa-Regular.eot');
    src: url('fonts/Nexa-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nexa-Regular.woff2') format('woff2'),
        url('fonts/Nexa-Regular.woff') format('woff'),
        url('fonts/Nexa-Regular.ttf') format('truetype'),
        url('fonts/Nexa-Regular.svg#Nexa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NexaHeavy';
    src: url('fonts/Nexa-Heavy.eot');
    src: url('fonts/Nexa-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nexa-Heavy.woff2') format('woff2'),
        url('fonts/Nexa-Heavy.woff') format('woff'),
        url('fonts/Nexa-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('fonts/Nexa-Black.eot');
    src: url('fonts/Nexa-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nexa-Black.woff2') format('woff2'),
        url('fonts/Nexa-Black.woff') format('woff'),
        url('fonts/Nexa-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('fonts/Nexa-Bold.eot');
    src: url('fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nexa-Bold.woff2') format('woff2'),
        url('fonts/Nexa-Bold.woff') format('woff'),
        url('fonts/Nexa-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ghksop');
  src:  url('fonts/icomoon.eot?ghksop#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ghksop') format('truetype'),
    url('fonts/icomoon.woff?ghksop') format('woff');
  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-left:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-phone:before {
  content: "\e905";
}
.icon-social-facebook:before {
  content: "\e906";
}
.icon-social-instagram:before {
  content: "\e907";
}
.icon-social-linkedin:before {
  content: "\e908";
}
.icon-vorm-basis:before {
  content: "\e909";
}
.icon-vorm-outline:before {
  content: "\e90a";
}


.grecaptcha-badge {display:none!important}
a, a:after, a:before, .icon-vorm-basis, .vacature-counter {
  -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;
}

/*------------------------------------*\
    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 element 62.5% font-size for REM use */
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%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



/* wrapper */
.wrapper {
	max-width:1310px;
	width:100%;
	margin:0 auto;
	position:relative;
}

body {
	 font-family: Arial, Helvetica, sans-serif;
	font-size:18px;line-height:1.6;  font-weight: normal; font-family: 'Nexa';
	color:#7C7C7C;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {    margin: 0;color:#3D3C3C; font-size:48px; font-weight:600;line-height:1.1; font-weight: 900;text-transform:none}

h3.subtitel, h1.subtitel {font-size:18px!important;color:#48A48C!important;margin-bottom:30px!important;font-weight:bold;text-transform:none}

.standaard-content h4, .standaard-content h2, .standaard-content h3, .standaard-content h5, .standaard-content h6 {
    font-size: 18px;
    margin-bottom: 25px;
}
b, strong {font-weight:900}

.title-box {margin-bottom:30px;}
.title-box h1{margin-bottom:5px}
.only-subtitel {margin-bottom:0}
.small-title-box h2{font-size:24px;}


p {margin:0 0 40px}
p:last-child {margin:0}



.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;
}
	}

.textcenter, .text-center {text-align:center;}
.marginfix {margin-bottom:45px}
.nomargin {margin-bottom:0!important}

.standaard-image img {width:100%}

.content-row {padding:75px 0 30px;}
.content-404 {padding-top:210px;padding-bottom:250px}

.first-content, .contact-row {padding-top:210px}
.final-content-row {padding-bottom:190px}


.no-padding-top{padding-top:0!important}
.no-padding-bottom{padding-bottom:0!important}


.intro-content {font-size:32px;color:#3D3C3C}


.standaard-content ul , .standaard-content li {margin:0;padding:0;list-style:none;display:block}
.standaard-content ul {margin:0 0 40px}
.standaard-content ul:last-child {margin-bottom:0}
.standaard-content li {padding-left:25px;position:relative;}

.standaard-content li:before {width:4px;height:4px;position:absolute;content:"";    top: 12px;left:0;border-radius:50%;background:#7C7C7C}

.standaard-content a {text-decoration:underline}
.standaard-content a:hover, .standaard-content a:focus {color:#48A48C}

.dark-page {
	background:#3D3C3C;color:#CCCCCC
}
.dark-page h1, .dark-page h2, .dark-page h3 {color:#fff}
.dark-page .standaard-content li:before {background:#fff}

.green-content {color:#48A48C}
.dark-content {color:#3D3C3C}

.content-icon {    line-height: 1;position:relative;    display: inline-block;}
.content-icon .icon-vorm-basis {font-size:57px;color:#48A48C}
.content-icon .icon-phone,
.content-icon .icon-social-facebook,
.content-icon .icon-social-linkedin,
.content-icon .icon-social-instagram
{    color: #fff;    font-size: 18px;    position: absolute;    top: calc(50% - 10px);    left: calc(50% - 9px);}

.content-icon .icon-social-linkedin {left: calc(50% - 8px);}
.content-icon .icon-social-facebook{    left: calc(50% - 4px);}



.dynamic-content-row .wrapper{padding:100px 0 55px;}
.dynamic-content-row + .dynamic-content-row .wrapper{padding-top:135px}
.dynamic-content-row + .dynamic-content-row .wrapper:before {content:"";position:absolute;top:0;left:15px;width:calc(100% - 30px);height:1px;background:#CCCCCC}

.final-dynamic-row .wrapper{padding-bottom:85px!important}


.bouwconcept-row .wrapper{padding:135px 0 90px;}
.bouwconcept-row  + .bouwconcept-row .wrapper:before {content:"";position:absolute;top:0;left:15px;width:calc(100% - 30px);height:1px;background:#CCCCCC}
.bouwconcept-row.first-content .wrapper {padding-top:0}
.bouwconcept-row.final-bouwconcept-row .wrapper{padding-bottom:120px}

.woningtype-content-row {padding:0 0 90px;position:relative}
.standaard-banner + .woningtype-content-row,.icons-row + .woningtype-content-row{padding-top:100px;}

.statistiek h5 {  font-weight:normal;  font-size: 16px!important;    color: #48A48C!important;    margin-bottom: 20px!important;    text-transform: none;}
.statistiek {width:33.33333%;border-right:1px solid #CCCCCC;padding-top:15px;padding-bottom:15px;line-height:1;    overflow: hidden;    color: #fff;
    font-size: 24px;
    font-weight: 900;}
.statistiek:last-child {border:none}


.absolute-left {right:auto;left:0;}

.icons-row + .woningtype-content-row .absolute-media-holder {top:100px}

.woningtype-content-row .wrapper {position:initial}



@media screen and (min-width:768px){
	.content-right {    width: 66.666667%;    float: right;}
	
	.bouwconcept-row + .bouwconcept-row .wrapper:before {width:66.666667%;left:calc(16.6666667% + 15px);}
	
	
	.woningtype-content-row .medium-9 {margin-top:95px}

	.absolute-media-holder {
    position: absolute;
    padding: 0;
    width: 50%;
    top: 0;
    right: 0;
    margin: 0;
    height: calc(100% - 90px);
}
	
}






.icons-row {    padding: 145px 0 90px;    margin: 35px 0;}
.final-icons-row {margin-bottom:0}

.icons-row h3 {font-size:36px;margin-bottom:30px;}
.usp-icon > div {width: 100%;height: 70px;background-size: contain;    background-repeat: no-repeat;    background-position: center center;}
.usp-icon {margin-bottom:35px}
.green-icons-row {background-color:#48A48C;color:#3D3C3C}
.green-icons-row h3 {color:#3D3C3C}

.grey-icons-row {background-color:#F2F2F2}
.grey-icons-row, .grey-icons-row h3 {color:#3D3C3C}



.green-content-row, .green-content-row h3.subtitel {color:#fff!important}



.media-holder img {width:100%;}

 .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;display:block}
.btn.video-btn:after { display:inline-block;content:""; width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #fff;margin-left:18px}

.btn.video-btn {width:220px;position:absolute;top:calc(50% - 25px);left:calc(50% - 110px);}



@media screen and (min-width:768px){
	.centered-row {width:66.6666667%; margin-left:16.666667%}
	.medium-two-third {width:66.6666667%;}
}


/*------------------------------------*\
   PROJECTEN
\*------------------------------------*/
.post-type-archive-projecten .pagination {margin-top:0}
.project-box {margin-bottom:135px}
.project-box h2 {    text-transform: none;}

.project-image {padding-bottom: 60%;background-size: cover;background-position: center center;    background-repeat: no-repeat;    background-color: #ccc;    position: relative;}


.project-clicker {
    height: 65px;
    width: 110px;
    background: #3D3C3C;
    float: left;
    cursor: pointer;position:relative;
}
.poject-status-holder {
    width: auto;
    max-width: 100%;
    float: right;
}
.project-status {
    width: 300px;
    line-height: 1;
    color: #FFFFFF;
    background: #ccc;
    font-size: 17px;
    padding: 27px 30px 21px;
    float: left;
    font-weight: bold;
}
.project-status.gerealiseerd {    background: #48A48C;}
.project-status.uitvoering {    color: #3d3c3c;}

.project-clicker span:before {background:#fff;content:"";position:absolute;top:calc(50% - 1px);left:0;height:2px;width:100%;}
.project-clicker span:after {background:#fff;content:"";position:absolute;left:calc(50% - 1px);top:0;height:100%;width:2px;}
.project-clicker span {width:16px;height:16px;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);z-index:1;content:"";}

.slider-arrow-prev.grey-prev {    background: #ccc;}

.project-popup-holder .slider-arrow-next {background:#fff;color:#3D3C3C}
.project-popup-holder .slider-arrow-next .icon-chevron-right {color: inherit;}
.project-popup-holder .slider-arrow-prev:hover, .project-popup-holder .slider-arrow-next:hover {background:#7C7C7C;color:#fff}

.project-popup-holder{padding:125px 0px 75px;position:fixed;z-index:9999;width:0;height:0;overflow:hidden;    background-color: rgb(255 255 255 / 65%);z-index:9999}
.project-popup-holder .wrapper {padding:0 20px}
.popup-active {width:100%;height:100%;left:0!important;top:0!important}
.project-popup-holder > .wrapper{max-width: 1720px;height:100%}
.project-popup-holder h2 {    color: #fff;}

.project-popup-holder .pagingInfo {color:#fff;width:90px;}
.project-popup-holder .slider-arrows {max-width:calc(100% - 90px);width:100%}
.project-popup-holder .slider-arrows > div {float:right}
.slider-arrows > .project-status {
    width: 100%;
    max-width: 330px;text-align:left;
}

.project-popup {
    padding: 50px 0 15px;
    background: #3d3c3c;
    position: relative;
}
.popup.slider-name {
    float: right;
    width: auto;
    position: absolute;
    right: 220px;
}
@media screen and (max-width:950px){
	.popup.slider-name {
    float: left;
    width: 100%;
    position: relative;
    right: 0;
}
	.popup.slider-name .project-status {width:100%}
}



.project-popup .slider-navigation {position:relative;}

.popup-closer {
    color: #48A48C;
    line-height: 1;
    font-size: 66px;
    position: absolute;
    right: 50px;
    top: 50px;cursor:pointer;    z-index: 100;
}
.popup-closer span {float:left;}
.popup-closer:before{    height: 2px;
    width: 22px;
    content: "";
    position: absolute;
    left: calc(50% - 11px);top:calc(50%);
    background: #3D3C3C;-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);background:#fff}
.popup-closer:after{    height: 2px;
    width: 22px;
    content: "";
    position: absolute;
    left: calc(50% - 11px);top:calc(50%);
    background: #3D3C3C;-webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);background:#fff}




.popup-stat h4 {
	color: #48A48C;    margin-bottom: 10px;font-size:16px;    font-weight: normal;
}
.popup-stat {
    font-size: 24px;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 25px;
}
.popup-stat:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0;}
.popup-stat p {
    font-family: 'NexaHeavy';
    line-height: 1.2;
}

@media screen and (min-width:768px){
	.project-popup .medium-third {padding-left:80px}
}


.project-popup-holder {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



/*------------------------------------*\
   SliderNavigatie
\*------------------------------------*/
.slick-slide {outline:none}
.pagingInfo {width:auto;padding:30px;line-height:1;font-size:18px;color:#3D3C3C}

.slider-arrows {float:right;width: auto;}
.slider-arrows > div {
    width: 110px;
    height: 65px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    padding-top: 24px;float:left;cursor:pointer;position: relative;
}
.slider-arrow-prev{background:#48A48C}
.slider-arrow-next{background:#3D3C3C}
.slider-arrows > div:hover{background:#CCCCCC}


.slider-arrows > div {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



/*------------------------------------*\
    BANNER
\*------------------------------------*/
.vacature-banner, .standaard-banner {
    height: 540px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 155px;
}
.vacature-banner + .first-content, .standaard-banner + .first-content{padding-top:100px}


.banner-slider-holder {position:relative;}
.banner-slider  {z-index:1}

.banner-slide {background-size:cover;background-position:center center;position:relative;}
.banner-slide:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#000000;opacity:.3}
.banner-slide .wrapper {z-index:10;position:relative;padding:195px 0}

.banner-slide h1, .banner-slide h2 {color:#fff;font-size:72px;margin-bottom:30px}
.banner-slide h1:last-child, .banner-slide h2:last-child {margin-bottom:0}


.banner-slide .btn{font-weight:900;font-family: 'NexaHeavy';padding: 17px 43px 15px;}

.banner-slider-socials {
    position: absolute;
    z-index: 10;
    bottom: 35px;
    width: auto;right:5%
}
.banner-slider-socials .wrapper{max-width: 1720px;}

.slide-nav {cursor:pointer;font-size:60px;color:#48A48C;line-height:1;position:absolute;top:calc(50% - 30px);z-index:100}
.slide-nav span {float:left;}
.icon-chevron-right, .icon-chevron-left {left:0;color:#fff;font-size:20px;position:absolute;width:100%;text-align:center;top:calc(50% - 10px);}

.slide-nav-right {right:5%}
.slide-nav-left {left:5%}



.banner-slider-socials .content-icon .icon-vorm-basis {    font-size: 35px;    color: #ffffff;}
.banner-slider-socials .content-icon .icon-phone, .banner-slider-socials .content-icon .icon-social-facebook, .banner-slider-socials .content-icon .icon-social-linkedin, .banner-slider-socials .content-icon .icon-social-instagram {
    color: #49a48c;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 7px);
}

.banner-slider-socials .content-icon .icon-social-facebook {    left: calc(50% - 4px);}

.banner-slider-socials .socials a:hover .content-icon .icon-vorm-basis {    color: #48A48C;}
.banner-slider-socials .socials a:hover .content-icon .icon-social-facebook,
.banner-slider-socials .socials a:hover .content-icon .icon-social-linkedin,
.banner-slider-socials .socials a:hover .content-icon .icon-social-instagram{    color: #fff;}

ul.slick-dots {display:block;margin:0;padding:0;list-style:none;width:100%;position:absolute;bottom:50px;left:0;z-index:2;text-align:center}
ul.slick-dots li {position:relative;display:inline-block;padding:0;margin:0 7px;line-height: 1;}

.slick-dots button {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    border: none;
    background: none;
    line-height: 1;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 23px;
    height: 25px;
    padding: 0;
    opacity: 0;
}
ul.slick-dots li:before {
    content: "\e90a";
    font-family: 'icomoon' !important;
    font-size: 27px;
    float: left;position:absolute;left:0;top:0;opacity:0;color:#fff
}ul.slick-dots li:after { content: "\e909"; font-family: 'icomoon' !important;position:absolute;left:0;top:4px;font-size:12px;    left: 6px;
    top: 7px;color:#48A48C}

ul.slick-dots li.slick-active:before {opacity:1;}
ul.slick-dots li.slick-active:after {color:#fff}



/*------------------------------------*\
    VACATURES
\*------------------------------------*/

.stage-row .centered-row >.small-20 {padding-top:45px;padding-bottom:90px;position:relative;}

.stage-row .centered-row >.small-20:before{content:"";position:absolute;top:0;width:100%;height:1px;background:#CCCCCC}


.open-sollicitatie-row .centered-row >.small-20 {padding-top:45px;padding-bottom:5px;position:relative;}
.open-sollicitatie-row .centered-row >.small-20:before{content:"";position:absolute;top:0;width:100%;height:1px;background:#CCCCCC}

.vacature-box:first-child > div {padding-top:50px;border-top:1px solid #CCCCCC}
.vacature-box > div{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #CCCCCC}
.vacature-box h2 {margin-bottom:40px;} 
.vacature-box h2 a:hover {color:#48A48C}

.open-sollicitatie-box >.small-20 {padding-top:45px;padding-bottom:15px;position:relative;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC}



/*------------------------------------*\
    POSTS
\*------------------------------------*/
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.single-post .final-content-row {padding-bottom:30px!important}
.back-row {    padding-top: 75px;    padding-bottom: 90px;}


.post-image {
    padding-bottom: 70%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ccc;
    position: relative;margin-bottom:45px;
}
.post-desc h3,.post-desc h3 a{color:#48A48C;font-size:24px;}
.post-desc h3 {margin-bottom:35px}
.post-desc h3 a:hover, .post-desc h3 a:focus {color:#3D3C3C}



.recent-row .title-box {margin-bottom:45px}
.recent-row .centered-row {padding-top:130px;padding-bottom:90px;position:relative;}

.recent-row .centered-row:before{content:"";position:absolute;top:0;left:15px;width:calc(100% - 30px);height:1px;background:#CCCCCC}



.post-archive-row {    padding-bottom: 135px;}
.post-archive-row .post-box {margin-bottom:90px}

.post-archive-row .post-desc h3 a:hover {color:#fff} 


.pagination {margin-top:90px;}

.page-numbers {
    color: #48A48C;
    width: 33px;
    height: 38px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;position:relative;    padding-top: 13px;
}
.page-numbers:before {font-family: 'icomoon';content: "\e909";position:absolute;color:#FFFFFF;font-size:38px;top:0;left:0;    z-index: -1;opacity:0;}
a.page-numbers:hover:before, .page-numbers.current:before {opacity:1;}
a.page-numbers:hover,.page-numbers.current{color:#3D3C3C}
.prev.page-numbers:before,.next.page-numbers:before {display:none}

.prev.page-numbers {    font-size: 23px;    padding-top: 7px;    text-align: left;color: #48A48C!important;margin-right:55px}
.next.page-numbers {    font-size: 23px;    padding-top: 7px;    text-align: right;color: #48A48C!important;margin-left:55px}

.next.page-numbers:after {    font-size: 9px;    position: absolute;    top: calc(50% - 4px);    left: 0;    font-family: 'icomoon' !important;    content: "\e901";}
a.next.page-numbers:hover:after {left:22px}
.prev.page-numbers:after {    font-size: 9px;    position: absolute;    top: calc(50% - 4px);    right: 0;    font-family: 'icomoon' !important;    content: "\e900";}
a.prev.page-numbers:hover:after {	right:22px}

.disabled-pagination  {opacity:.4}

.post-type-archive-projecten a.page-numbers:hover, .post-type-archive-projecten .page-numbers.current {color:#fff}
.post-type-archive-projecten .page-numbers:before {	color: #3d3c3c;}

@media screen and (min-width:768px){
	.post-top-back {    position: absolute;    top: -5px;    left: 0;    width: auto;}
}

/*------------------------------------*\
    CONTACT ROW
\*------------------------------------*/
.general-contact {background-color:#F2F2F2;padding:135px 0 105px;}
.general-contact .wrapper > .small-20 {margin-bottom:30px}


.general-contact-social{width:230px;}
.general-contact-content {width:calc(100% - 230px);}

.general-contact-content{font-size:24px;color:#3D3C3C;font-family: 'NexaHeavy';font-weight:900}
.general-contact-content > div {padding-left:80px;position:relative;}
.general-contact-content a {color:#48A48C}
.general-contact-content a:hover, .general-contact-content a:focus {color:#3D3C3C}


.general-contact-content .content-icon {    position: absolute;    left: 0;    top: -11px;}

.socials a {    line-height: 1;}
.socials, .socials li{padding:0;margin:0;list-style:none;display:inline-block;}
.socials {display:block;    float: right;}
.socials li {margin:0 10px!important;    float: left;}
.socials li:first-child {margin-left:0!important}
.socials li:last-child {margin-right:0!important}

.socials a:hover .content-icon .icon-vorm-basis {color:#3D3C3C}

.dark-page .socials a:hover .content-icon .icon-vorm-basis {color:#7C7C7C}


.form-holder {    margin-bottom: 90px;}

.contact-page-content {color:#fff;}
.contact-page-content strong {color:#48A48C}
.contact-content .socials {float:left}
.contact-content ul, .contact-content li {padding:0;margin:0;list-style:none;}
.contact-content a {color:#fff;}
.contact-content .green-contact a {font-weight:bold;color:#48A48C}
.contact-content a:hover,.contact-content a:focus {color:#48A48C}
.contact-content .green-contact a:hover, .contact-content .green-contact a:focus {color:#fff;}
.contact-copyright {margin-top:70px;}

.contact-content .info {font-size:20px;font-weight:900;color:#fff;}
.contact-content .info a {font-size:20px;font-weight:900;}
.contact-copyright ul, .contact-copyright li {padding:0;margin:0;list-style:none;display:inline-block;}

.contact-copyright li {margin:0 20px}
.contact-copyright li a {color:#7C7C7C;font-size:16px;}
.contact-copyright li a:hover, .contact-copyright li a:focus {color:#fff}

.wpcf7-not-valid-tip {display:none!important}
.wpcf7-not-valid {    border-color: #ff0000!important;}

input[type="text"], input[type="email"], textarea {
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    height: 50px;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #7C7C7C;
    border-radius: 0;
    resize: none;    color: #fff;outline:none
}
input.wpcf7-form-control.wpcf7-submit {
    float: right;
    font-size: 16px;
    line-height: 1;
    -moz-appearance: none;
    appearance: non;
    -webkit-appearance: none;
    border: none;
    background: #48A48C;
    color: #fff;
    border: none;
    border-radius: 20px;
    height: 40px;
    width: 100%;max-width:350px;
    margin-right: 15px;
    margin-top: 0;
	font-family: 'NexaHeavy';
	font-weight:900;padding-top: 5px;
}
input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus { background: #fff; color: #48A48C;}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 15px 25px;
    border: 2px solid #49a48c;
    clear: both;
    width: calc(100% - 30px);
    margin-left: 15px;
    text-align: center;margin-top:25px;    float: left;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: #ff0000;}

::-webkit-input-placeholder { /* Edge */
 color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.btn {
border: none;
    outline: none;
    font-size: 18px;
    text-transform: none;
    min-width: 20px;
    color: #fff;
    background: #48A48C;
        display: inline-block;
    padding: 17px 43px 15px;
    line-height: 1;
    text-align: center;
    border-radius: 25px;
    font-weight: 700;
}
.btn.white, .home .nav-btn > a {background:#fff;color:#3D3C3C!important;}
.home .nav-btn > a:hover,.home .nav-btn  > a:focus { color:#fff!important;background:#3D3C3C!important	}
.btn:hover, .btn:focus {
   color:#fff!important;background:#3D3C3C	
}




.read-more {font-size:18px;color:#48A48C!important;display:inline-block;    line-height: 1;    font-family: "NexaHeavy";    font-weight: 900;}
.read-more.green {color:#48A48C!important;}
.read-more.dark {color:#3D3C3C!important;}
.read-more.white {color:#fff!important;}

.back-btn > div {position:relative;    display: inline-block;vertical-align:middle}
.back-icons {margin-right:25px}
.back-icons .icon-vorm-outline {    font-size: 26px;    vertical-align: middle;}
.back-icons .icon-arrow-left {    font-size: 10px;    position: absolute;    top: calc(50% - 5px);    left: 40%;}
.read-more:hover  .back-icons .icon-arrow-left {left: -60%}

.read-more.transparent {opacity:.35}

.forward-btn {}
.forward-btn > div {position:relative;    display: inline-block;vertical-align:middle}

.forward-icons {margin-left:25px}
.forward-icons .icon-vorm-outline {    font-size: 26px;    vertical-align: middle;}
.forward-icons .icon-arrow-right {    font-size: 10px;    position: absolute;    top: calc(50% - 5px);    left: -60%;}
.read-more:hover  .forward-icons .icon-arrow-right {left: 40%}

.back-icons .icon-arrow-left,.forward-icons .icon-arrow-right, .btn{
  -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;
}

/*------------------------------------*\
	HOMEPAGE
\*------------------------------------*/

.home-recent-row {padding:135px 0 85px}

.visie-row {padding:135px 0;    background: #48A48C;}
.visie-row h3.subtitel {color:#fff!important}


.bouwconceptindex-row {    padding: 170px 0 65px;}


.projectenindex-row {padding:135px 0 90px}


.vacaturesindex-row {padding:120px 0 70px;background-color:#48A48C;}
.vacaturesindex-row h3.subtitel {color:#fff!important}
.vacaturesindex-row .read-more {margin-right:70px;}
.vacaturesindex-row .read-more:last-child {margin-right:0;}

.woningtypeindex-row {padding:135px 0 55px;background-color:#3D3C3C;color:#CCCCCC}
.woningtypeindex-row h2 {color:#fff}

.woningtypeindex-row > .row {position:relative;}
.woningslider-holder {position:absolute;left:0;bottom:0;width:45%;}
.woningtypeindex-hold {    padding-bottom: 5%;}


@media screen and (min-width:768px){
	.home-recent-row .bottom-align {text-align:right}	
}


/*Woningtype slider*/

.thumb-slide > div {position:relative;cursor:pointer;padding-bottom:45%;background-size:cover;background-position:center center;width:100%;}


.thumb-slide.slick-current {width:0!important}
.woningslider-holder .slider-navigation {
    float: right;
    width: 220px;    margin-top: -65px;
}
.woning-slide-desc {
    min-height: 65px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 1;
    padding: 26px 20px 10px;
    float: left;
    cursor: pointer;
    position: relative;
    background: #48A48C;
    width: 100%;
    max-width: 330px;
    float: right;
    margin-right: 220px;
    font-weight: bold;
}

.woningslider-holder .slider-arrows .slider-arrow-next {
    background: #fff;    color: #3D3C3C;
}
.woningslider-holder .slider-arrows .icon-chevron-right {   color: #3D3C3C;}

.woningslider-holder .slider-arrows > div:hover {
    background: #CCCCCC;    color: #fff;
}
.woningslider-holder .slider-arrows > div:hover  .icon-chevron-right {   color: #fff;}

.woningslider-holder:before {
    content: "";
    position: absolute;
    top: calc(100% - 65px);
    background: #48A48C;
    height: 65px;
    width: 550px;
    left: calc(100% - 550px);
    z-index: 0;
}



.woningslider-paging {
    position: absolute;
    z-index: 10;
    width: 80px;
    left: calc(50% - 40px);
    height: 90px;
    top: -45px;text-align:center;font-size:18px;font-weight:bold;color:#fff;    padding-top: 34px;
}
.woningslider-paging .icon-vorm-basis {
    color: #48A48C;
    position: absolute;
    z-index: -1;
    font-size: 93px;    left: 0;
    top: 0;
}
/*------------------------------------*\
	HEADER
\*------------------------------------*/
header {position:fixed;width:100%;z-index:9000;top:0;left:0;background-color:transparent;    padding-top: 35px;    padding-bottom: 40px;}
header.fixed-header {background-color:#fff}


header .wrapper {max-width:1720px}

.logo-holder {    width: 280px;}

.logo-holder > div {position:relative}
.white-logo {position:absolute;width:100%;height:100%;z-index:10;left:0;top:0;padding:0!important;opacity:0;}


.navigatie-holder {    width: calc(100% - 280px);    margin-top: 30px;}
.header-logo {display:block;padding:0!important;opacity:1}
.desktop-nav {float:right}
.desktop-nav ul, .desktop-nav li {padding:0;margin:0;list-style:none;}

.desktop-nav > ul {    float: right;    width: auto;}
.desktop-nav li {display:inline-block;float:left;margin:0 25px}
.desktop-nav li:last-child {margin-right:0}
.desktop-nav li:first-child {margin-left:0;}


header a {color:#3D3C3C;font-size:16px}
header a {
    color: #3D3C3C;
    font-size: 16px;
    line-height: 1;
    padding: 12px 0 12px 0;
    display: block;
    position: relative;font-family: "NexaHeavy";
    font-weight: 900;
}
.desktop-nav > ul > li > a:after {
    width: 0%;
    height: 2px;
    background: #3D3C3C;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}
.desktop-nav > ul > li:hover > a:after, .desktop-nav > ul > li.current-menu-item > a:after {width:100%;}

.nav-btn > a {
    color: #fff;
    background: #48A48C;
    display: block;
    padding: 11px 50px 8px;
    line-height: 1;
    text-align: center;
    border-radius: 20px;
}
.nav-btn > a:hover, .nav-btn > a:focus {background:#3D3C3C;}
.nav-btn > a:after {display:none!important}
.transparent-header.active .nav-btn > a:hover, .transparent-header.active .nav-btn > a:focus {background:#fff;color:#3D3C3C}

.vacature-nav {position:relative;}
.vacature-counter {
    position: absolute;
    top: -12px;
    right: -10px;
    width: 20px;
    height: 23px;
    z-index: 10;
    color: #fff;
    font-weight: 900;
    font-size: 10px;
    text-align: center;
    padding-top: 8px;
    line-height: 1;
}
.vacature-counter span {color:#48A48C;font-size:23px;position:absolute;top:0;left:0;z-index:-1;}

.home .vacature-counter {color:#3D3C3C}
.home .vacature-counter span {color:#fff}
.home .filled-transparent .vacature-counter {color:#fff}
.home .filled-transparent .vacature-counter span {color:#48A48C}

header.fixed-header { padding-top: 20px;    padding-bottom: 25px;}

.transparent-header.active {background-color:transparent}
.transparent-header.active a {color:#FFFFFF}
.transparent-header.active .desktop-nav > ul > li > a:after {background:#fff}

.transparent-header.active .header-logo {opacity:0;}
.transparent-header.active .white-logo {opacity:1}
.transparent-header.active .mobbtn span {background:#fff}

.filled-transparent {background-color:#3D3C3C!important;}


.home .filled-transparent {    background-color: #fff!important;}
.home .filled-transparent .white-logo {    opacity: 0;}
.home .filled-transparent .header-logo {    opacity: 1;}

.home .filled-transparent a {color: #3D3C3C;}
.home .filled-transparent .desktop-nav > ul > li > a:after {    background: #3D3C3C;}
.home .filled-transparent .nav-btn > a {    color: #fff!important;    background: #48A48C!important;}

.home .filled-transparent .nav-btn:hover > a, .home .filled-transparent .nav-btn:focus > a{background: #3D3C3C!important;}
.mobnav {display:none}

.mobbtn {width:30px;height:16px;position:relative;float:right;}
.mobbtn span {height:2px;width:100%;content:"";position:absolute;left:0;background:#3D3C3C}
.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:calc(50% - 1px);}
.mobbtn span:nth-child(3){top:14px;}

.mobbtn.open-mobnav span:nth-child(1) {    top: 7px;    -webkit-transform: rotate(135deg);    -moz-transform: rotate(135deg);    -o-transform: rotate(135deg);    transform: rotate(135deg);}
.mobbtn.open-mobnav span:nth-child(2) {    opacity: 0;    left: -60px;}
.mobbtn.open-mobnav span:nth-child(3) {    top: 7px;    -webkit-transform: rotate(-135deg);    -moz-transform: rotate(-135deg);    -o-transform: rotate(-135deg);    transform: rotate(-135deg);}


.home .fixed-header .mobbtn span, .home .open-mobnav .mobbtn span{background:#3D3C3C}
.home .open-mobnav .white-logo {opacity:0!important}
.home .open-mobnav .header-logo {opacity:1!important}


.sidenav{width:100%;height:0;position:fixed;left:0;top:0;background:#fff;    z-index: 8999;overflow:hidden}
.page-template-page-woningtype .sidenav, .page-template-page-contact .sidenav{background:#3D3C3C}

.resp-nav {padding:0 0 85px}


.sidenav > div {
    height: calc(100% - 135px);
    margin-top: 135px;
    padding-bottom: 0;
    /* overflow: hidden; */z-index:100
}

.sidenav:after {content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    background-size: 1160px 1006px;
    background-repeat: no-repeat;
    background-image: url(img/shapes-grijs.svg);
    width: 727px;
    height: 208px;
    background-position: top left;
    opacity: 1;
    z-index: 1;}
.dark-page .sidenav:after {opacity:.3}

.sidenav-socials{position:relative;margin-bottom:35px;left:0;width:100%}
.sidenav-socials ul {display:block;text-align:center;width:100%}
.sidenav-socials li {float:none;display:inline-block!important}
.sidenav a {    color: #3D3C3C;font-size:18px;display:block;padding:5px 10px;font-family:"NexaHeavy";font-weight:900}
.dark-page .sidenav a {color:#fff}

.sidenav a:hover, .sidenav a:focus,.sidenav .current-menu-item {color:#48A48C;}


.sidenav ul, .sidenav li {padding:0;margin:0;list-style:none;display:block;}

.sidenav .resp-nav ul, .sidenav .resp-nav li{float:left;width:100%}

.sidenav li {    text-align: center;    margin-bottom: 10px;}
.sidenav li:last-child {margin-top:25px}
.project-popup-active.post-type-archive-projecten main section {position: static;}
.sidenav a {position:relative;display: inline-block;}

.dark-page .sidenav .vacature-counter span {color:#fff}
.dark-page .sidenav .vacature-counter {color:#3D3C3C}

.home .sidenav  .vacature-counter, .sidenav  .vacature-counter {    color: #fff;}
.home .sidenav  .vacature-counter span, .sidenav  .vacature-counter span{color:#48A48C}

.resp-nav .nav-btn > a {
background: #48A48C;
    display: block;
    font-size: 16px;
    padding: 13px 20px 11px;
    width: 160px;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1;color:#fff!important
}

.dark-page .resp-nav .nav-btn > a {
	background:#fff;color:#3D3C3C!important
}
.dark-page .resp-nav .nav-btn > a:hover, .dark-page .resp-nav .nav-btn > a:focus {background:#CCCCCC!important;color:#fff!important}
.sidenav-socials a {padding:0!important}
.sidenav-socials .content-icon .icon-vorm-basis {    font-size: 35px;    color: #48A48C;}
.sidenav-socials .content-icon .icon-phone, .sidenav-socials .content-icon .icon-social-facebook, .sidenav-socials .content-icon .icon-social-linkedin, .sidenav-socials .content-icon .icon-social-instagram {
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 7px);
}

.sidenav-socials .content-icon .icon-social-facebook {    left: calc(50% - 4px);}

.sidenav-socials .socials a:hover .content-icon .icon-vorm-basis {    color: #CCC;}
.sidenav-socials .socials a:hover .content-icon .icon-social-facebook,
.sidenav-socials .socials a:hover .content-icon .icon-social-linkedin,
.sidenav-socials .socials a:hover .content-icon .icon-social-instagram{    color: #fff;}







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

	.desktop-nav li {    margin: 0 10px;}
	.nav-btn > a {padding: 11px 30px 8px}
}


@media screen and (max-width:1350px){
	header{ padding-top: 30px;    padding-bottom: 30px;}
header a {    color: #3D3C3C;	font-size: 14px;padding:12px 0 12px 0}
	.desktop-nav li {
    margin: 0 8px;
}
}

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

	.desktop-nav li {    margin: 0 5px;}
	.logo-holder {    width: 230px;}
	.navigatie-holder {    width: calc(100% - 230px);    margin-top: 15px;}

}


@media screen and (max-width:1100px){
	.desktop-nav {display:none}
	.navigatie-holder{    margin-top: 30px;}
	
	.mobnav {display:block}

	.sidenav.open-mobnav {height:100%;}
	
	body.open-mobnav {overflow:hidden}
} 

 .mobbtn span, header,.sidenav{
  -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;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/
footer {padding:100px 0 75px;background-color:#3D3C3C}

footer h4 {font-size:24px;color:#48A48C;padding-bottom:10px;border-bottom:1px solid #707070;margin-bottom:20px;font-weight:900;font-family: 'NexaHeavy';}

.footer-nav {margin-bottom:40px;}
.footer-nav ul,.footer-nav li {padding:0;margin:0;list-style:none;display:block;}
.footer-nav, .footer-nav a {color:#fff;font-size:16px;line-height:2;}
.footer-nav a:hover, .footer-nav a:focus {opacity:.7}
.footer-bottom {text-align:center;}
.footer-logo-holder {margin-bottom:50px;}
.footer-logo{display:block;width:250px;margin:0 auto}
.footer-logo img {display:block;} 
.footer-bottom ul,.footer-bottom li {padding:0;margin:0;list-style:none;display:inline-block;}
.footer-bottom li {margin:0 20px}
.footer-bottom li a {color:#7C7C7C;font-size:16px;}
.footer-bottom li a:hover, .footer-bottom li a:focus {color:#fff}
.copyright {margin-bottom:25px;}

.door-dink {    display: inline-block;    width: 80px;}
.door-dink img {    display: block;}



/*------------------------------------*\
    SHAPES
\*------------------------------------*/
.page-template-default main, .page-template-page-contact main, .archive-main,.single-post main, .page-template-page-vacatures main, .post-type-archive-projecten main, .page-template-page-woningtype main {position:relative;}
.page-template-default main section, .page-template-page-contact main secion, .archive-main section, .single-post main section, .page-template-page-vacatures main section, .post-type-archive-projecten main section, .page-template-page-woningtype main section {position:relative;z-index:2;}
.page-template-default main:before, .page-template-page-contact main:before, .archive-main:before, .single-post main:before, .page-template-page-vacatures main:before, .post-type-archive-projecten main:before, .page-template-page-woningtype main:before {content:"";position:absolute;z-index:1;right:0;top:0;background-size:1160px 1006px;background-repeat:no-repeat;    max-width: 65%;}

.page-template-default main:before, .single-post main:before, .page-template-page-vacatures main:before, .post-type-archive-projecten main:before {background-image:url(img/shapes-grijs.svg);width:1024px;height:476px;background-position:bottom left;}
.page-template-page-contact main:before, .archive-main:before {background-image:url(img/shapes.svg);width:1024px;height:476px;background-position:bottom left;opacity:.1}


.page-template-page-woningtype main:before {
    background-image: url(img/shapes.svg);
    width: 431px;
    height: 938px;
    background-position: center right;
    right: auto;
    left: 0;
    top: 25%;
    opacity: 0.1;
}

.green-content-row{overflow:hidden;position:relative;}
.green-content-row .wrapper {z-index:10;}
.green-content-row:before{content:"";position:absolute;z-index:1;left:0;top:0;background-size:1160px 1006px;background-repeat:no-repeat;background-image:url(img/shapes.svg);width:1085px;height:600px;background-position:bottom right;opacity:.3;    max-width: 65%;}



/*Home*/
.visie-row {overflow:hidden;position:relative;}
.visie-row .wrapper {z-index:10;position:relative;}
.visie-row:before {content:"";position:absolute;z-index:1;left:0;top:0;background-size:1160px 1006px;background-repeat:no-repeat;width:1000px;height:399px; background-image: url(img/shapes.svg);background-position:bottom right; opacity:.3;    max-width: 65%; }

.woningtypeindex-row {overflow:hidden;position:relative;}
.woningtypeindex-row > .row {z-index:10;}
.woningtypeindex-row:before{content:"";position:absolute;z-index:1;right:0;top:0;background-size:1160px 1006px;background-repeat:no-repeat;background-image:url(img/shapes.svg);width:1163px;height:476px;background-position:bottom left;opacity:.3;    max-width: 65%;}


.projectenindex-row {overflow:hidden;position:relative;}
.projectenindex-row .wrapper {z-index:10;}
.projectenindex-row:before{content:"";position:absolute;z-index:1;left:calc(50% - 580px);top:0;background-size:1160px 1006px;background-repeat:no-repeat;background-image:url(img/shapes-grijs.svg);width:1160px;height:476px;background-position:bottom left;opacity:1;    max-width: 65%;}

.vacaturesindex-row {overflow:hidden;position:relative;}
.vacaturesindex-row .wrapper {z-index:10;}
.vacaturesindex-row:before{content:"";position:absolute;z-index:1;left:0;top:0;background-size:1160px 1006px;background-repeat:no-repeat;background-image:url(img/shapes.svg);width:1085px;height:600px;background-position:bottom right;opacity:.3;    max-width: 65%;}


.home-recent-row {overflow:hidden;position:relative;}
.home-recent-row .wrapper {z-index:10;}
.home-recent-row:before{content:"";position:absolute;z-index:1;right:0;top:0;background-size:1160px 1006px;background-repeat:no-repeat;background-image:url(img/shapes-grijs.svg);width:616px;height:440px;background-position:bottom left;opacity:1;    max-width: 65%;}




/*Footer*/
.footer {overflow:hidden;position:relative;}
.footer .wrapper {z-index:10;}
.footer:before{content:"";position:absolute;z-index:1;left:0;top:0;background-size:1160px 1006px;background-repeat:no-repeat;background-image:url(img/shapes-grijs.svg);width:421px;height:320px;background-position:bottom right;opacity:.3}

.footer:after{content:"";position:absolute;z-index:1;right:0;bottom:0;background-size:1160px 1006px;background-repeat:no-repeat;background-image:url(img/shapes-grijs.svg);width:727px;height:208px;background-position:top left;opacity:.3}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
form p {float:left;width:100%;margin:0}


@media screen and (min-width:768px){
	.responsive-image {display:none!important}
	.desktop-box {display:block}
	.responsive-box {display:none}
}

@media screen and (max-width:1600px){
	.slide-nav-right {
    right: 10px;
}
	.slide-nav-left {
    left: 10px;
}
	.banner-slide .wrapper {padding-left:55px}

}


@media screen and (max-width:1350px){
	h1, h2, h3, h4, h5, h6 {font-size:43px}	
	.vacature-banner, .standaard-banner {margin-top:140px}
	.first-content, .contact-row {padding-top:150px}
	.banner-slide h1, .banner-slide h2{font-size:65px;}
}

@media screen and (max-width:1150px){
	.vacature-banner, .standaard-banner {margin-top:125px}
	.first-content, .contact-row {padding-top:130px}
	.project-popup-holder {		padding: 95px 0px 45px;}
	
	.standaard-banner + .woningtype-content-row, .icons-row + .woningtype-content-row {    padding-top: 80px;}
	.woningtype-content-row {		padding: 0 0 60px;}
	.recent-row .centered-row {paddin-top:95px}
	
	
}


@media screen and (max-width:1100px){
h1, h2, h3, h4, h5, h6 {font-size:40px}	
	.general-contact {    padding: 105px 0 75px;}
	.icons-row {       padding: 115px 0 60px;}
	
	.vacature-banner + .first-content, .standaard-banner + .first-content {    padding-top: 90px;}
	.dynamic-content-row .wrapper, .bouwconcept-row .wrapper {    padding: 80px 0 35px;}
	.bouwconcept-row.final-bouwconcept-row .wrapper {padding-bottom:90px}
		.vacature-banner, .standaard-banner {height:450px;}
	.stage-row .centered-row >.small-20 {padding-bottom:60px}

	.project-status {		width: 220px;    padding-left: 20px;    padding-right: 20px;}
	.project-box {    margin-bottom: 100px;}
	
	.back-row {    padding-top: 45px;    padding-bottom: 60px;}
	
	
	.home-recent-row, .projectenindex-row, .woningtypeindex-row {    padding: 105px 0 55px;}
	.vacaturesindex-row {    padding: 90px 0 40px;}
	.bouwconceptindex-row {    padding: 140px 0 35px;}
	.visie-row {    padding: 105px 0;}
	
	.banner-slide h1, .banner-slide h2{font-size:60px;}
	
} 

@media screen and (max-width:991px){
	h1, h2, h3, h4, h5, h6 {font-size:36px}
	.banner-slide h1, .banner-slide h2{font-size:50px;}
}     


@media screen and (max-width:767px){
	body {font-size:16px}
	h1, h2, h3, h4, h5, h6 {font-size:32px}
	h3.subtitel, h1.subtitel {margin-bottom:25px!important}
	.recent-row .title-box {    margin-bottom: 35px;}
	.vacature-box h2 {    margin-bottom: 25px;}
	.vacature-box:first-child > div {		padding-top: 40px;}
	.vacature-box > div {    margin-bottom: 40px;    padding-bottom: 40px;	}
	
	
	.margin-fix,.marginfix {margin-bottom:35px}
	p {margin-bottom:25px}
	p:last-child {margin-bottom:0}
	.title-box {    margin-bottom:25px;}
	
	.icons-row {    padding: 60px 0 25px;margin:0}
	.dynamic-content-row .wrapper, .bouwconcept-row .wrapper {    padding: 60px 0 25px;}
	.final-dynamic-row .wrapper, .bouwconcept-row.final-bouwconcept-row .wrapper {    padding-bottom: 25px!important;}
	
	.vacature-banner, .standaard-banner {height:330px;}
	.woningtype-content-row {		padding: 0 0 15px;}
	.vacature-banner + .first-content, .standaard-banner + .first-content {    padding-top: 60px;}
	.stage-row .centered-row >.small-20 {padding-bottom:15px}
	
	
	.icons-row h3 {		font-size: 32px;margin-bottom:25px}
	.standaard-banner + .woningtype-content-row, .icons-row + .woningtype-content-row {    padding-top: 60px;}
	
	.prev.page-numbers {margin-right:25px}
	.next.page-numbers {margin-left:25px}
	
	.statistiek {width:100%;border-right:none;position:relative;}
	.statistiek:before {content:"";position:absolute;bottom:0;left:20px;width:calc(100% - 40px);height:1px;background:#CCCCCC}
	.statistiek:last-child:before {display:none}
	
	.project-status {width:calc(100% - 110px);}
	
	.project-box .project-image,.project-box .poject-status-holder {width:calc(100% + 40px);margin-left:-20px;max-width:inherit;float:left}
	.project-box {    margin-bottom: 60px;}
	.project-popup-holder {		padding: 65px 0 15px;}
	
	.desktop-image {display:none!important}
	
	input.wpcf7-form-control.wpcf7-submit {    width: calc(100% - 30px);}
	.form-holder {    margin-bottom: 40px;}
	.contact-copyright li {    margin: 0;    display: block;    margin-bottom: 5px;}
	.contact-copyright li:last-child {margin-bottom:0}
	.contact-copyright {margin-top:5px}
	
	.general-contact {    padding: 60px 0 30px;}
	.general-contact-content {width:100%;margin-bottom:50px}
	.general-contact-social {width:100%}
	.general-contact-content > div {padding-left:80px;position:relative;    padding-right: 25px;}
.general-contact-social .socials {    float: left;    width: 100%;    padding-left: 80px;}
	footer {padding-top:60px}
	.footer-logo-holder {margin-bottom:40px}
	.footer-logo {width:200px}
	.footer-bottom ul, .footer-bottom li {display:block;margin:0;}
	.footer-bottom li {margin-bottom:10px;}
	.footer-bottom li:last-child {margin-bottom:0}
	.copyright {    margin-bottom: 55px;}
	
	
	footer h4 {position:relative;padding-right:25px;}
	footer h4:after {    content: "\e90a";    font-family: 'icomoon' !important;    position: absolute;    font-weight: normal;    right: 0;    top: 0;font-size: 24px;}
	
	footer h4:before {content: "\e902"; font-family: 'icomoon' !important;    position: absolute;    font-weight: normal;       right: 5px;    top: 10px;    font-size: 6px;}
	
	footer h4.active:before {  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg); /* Standard syntax */}
	
	footer .footer-nav h4 + ul {display:none}
	
	.slider-arrows > div {    width: 90px;		height: 60px;}
	.icon-chevron-right, .icon-chevron-left {    left: 0;    color: #fff;    font-size: 16px;    position: absolute;    width: 100%;    text-align: center;    top: calc(50% - 8px);}
	.pagingInfo { padding: 21px 30px;}
	
	.back-row {    padding-top: 15px;    padding-bottom: 30px;}
	.recent-row .centered-row {padding-top:60px;padding-bottom:60px}
	.post-top-back {display:none}
	
	.desktop-box {display:none}
	.responsive-box {display:block}
	.home-recent-row .archive-hold .medium-third {display:none}
	.home-recent-row .archive-hold .medium-third:first-child {display:block}
	
	.home-recent-row, .vacaturesindex-row, .projectenindex-row, .woningtypeindex-row, .bouwconceptindex-row  {    padding: 60px 0 25px;}
	
	.vacaturesindex-row img {    max-width: 400px;    display: block;}
	.visie-row {    padding: 60px 0;}
	
	.woningslider-thumbs {display:none}
	.woningslider-holder {    position: relative;    left: 0;    bottom: 0;    width: 100%;}
	.woningslider-holder .slider-navigation {
    float: right;
    width: 220px;
    margin-top: 0;
}
	.woning-slide-desc {margin-right:0;max-width:100%}
	.woningslider {    background: #48A48C;}
	.woningslider-holder:before {display:none}
	.woningslider-paging .icon-vorm-basis {display:none}
	.woningslider-paging {
    position: absolute;
    z-index: 10;
    width: 80px;
    left: 20px;
    height: 60px;
    top: calc(100% - 61px);
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-top: 19px;
	}
	.woningtypeindex-hold {margin-top:0!important}
	
	.banner-slider-socials {display:none}
	.banner-slider-holder .slide-nav{display:none!important}
	.banner-slide h1, .banner-slide h2{font-size:42px;}
	
		.banner-slide .wrapper {padding-left:0}

	
	.popup-closer {    font-size: 41px;	    top: 40px;}
	.popup-closer:after, .popup-closer:before {    width: 17px;   left: calc(50% - 8px);    top: calc(50% - 2px);}	
	.project-popup > .wrapper {    padding: 0 10px;}
	.project-popup .medium-two-third {    padding: 0;    width: calc(100% + 20px);    margin-left: -10px;}
	.vacaturesindex-row .read-more:last-child {margin-top:20px;}
	.footer:before {display:none!important}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#48A48C;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#48A48C;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#48A48C;
	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;
	}
}