html {
    /*overflow: hidden;*/
    height: 100%;
}


.filtre--l{
    -webkit-mask: -webkit-linear-gradient(transparent 0%, black);
    -webkit-mask: linear-gradient(transparent 0%, black);
    -webkit-filter: blur(5px);
    mask: url('#mask-linear');
    filter: url('#filtre2');
}
.topfooter {background-image:  url(../images/achtergrond-footer.png); background-color: #fff;
    background-position: center bottom; background-repeat: no-repeat; background-size: 78%}

h2 {font-size: 30px !important;}

.header-bar {    padding: 15px 0 ;  }
.header-bar-2 {    padding: 15px;
}

.site .bar {
    padding: 70px 0 70px;
}
.btn-project {border-radius: 0px !important;}

    /*.homepage .bar { padding: 15px 0 15px !important;
    }*/
.homepage-header-text {
    padding-top: 150px;
    margin-bottom: 115px;
}
.homepage-header-text h1 {
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 0;
}



.site .project .project-image {    height: 259px;}
.site .project .project-info {padding: 30px 40px 60px !important;}

.site .visual > .visual-container {    vertical-align: bottom !important; }

.search-by-maps {z-index: 3}
.iconBannerText {
    background-image: url(../images/background-nieuwbouw.png);
    background-size: 209px;
    background-repeat: no-repeat;
    background-position: 106px 35px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
}
.site .iconBannerText .circle {background-image:  url(../images/icon-nbg.png); background-position: center center;
    background-size: cover; border: none !important; height: 112px; border-radius: 0!important;}


.site .iconBannerText .circle.circle-sm {    height: 76px;}
.site .iconBannerText .circle p {padding-top: 22%;}
.site .navbar-brand img {height: 90px}
.site .navbar .navbar-brand { padding-top: 5px; padding-bottom: 5px; }
.site .iconBannerText .circle .circle-label {box-shadow: none}

/*
.site header > .navbar > .nav > li a {font-size: 15px}
.navbar-brand {padding: 0px 15px;}
.site header > .navbar > .nav > li a { padding: 5px 20px 5px;}
.site header > .navbar > .navbar-header {position: absolute}
.site header > .navbar {min-height: auto;}
.site .navbar .navbar-brand {margin-top: -25px;}
*/
.site header > .topbar > .nav > li a {font-weight: 800}
.project-container .btn-project {font-size: 16px; right: -113px; letter-spacing: 0; padding: 15px 40px !important;}
.site .project-container h2 {margin-top: 7px}
/*.site h2 {    margin: 0 0 0px 0;*/
    /*font-weight: 600;*/
    /*letter-spacing: -1px;}*/
.site .visual .visual-text {margin-bottom: 115px;} /*padding-top: 300px;*/
.padding-top-0 {padding-top: 0!important;}
.slogan {padding: 10px 20px; font-weight: 800}
.slogan2 {margin-bottom: 0;
    line-height: 20px;
    box-shadow: 0 0 0 0 !important;
    text-transform: none;
    font-size: 14px;
    padding: 10px 20px;color: #36b938; font-weight: 800}
/*.site .btn-font2 {font-size: 14px;*/
    /*padding: 11px 33px;*/
    /*border-radius: 5px;*/
    /*margin-top: 35px;*/
    /*letter-spacing: 2px;}*/

.block-inline {display: inline-block;     padding: 15px;
    position: relative;}

.overlay {position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-color: rgba(255, 255, 255, 0.73) !important;
    z-index: 5;
    top: 0;
    left: 0;
}

.head-low {
    width: 100%;
    position: absolute;
}

.house-style {
    width: 29%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 15%;
    margin-bottom: 20px;
}

.img-team {background-color: #fff}
.img-team:hover img{
    opacity: 0.8;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.btn-team {
    position: absolute;
    opacity: 0;
    top: 143px;

    z-index: 10;
}
.img-team:hover .btn-team {
    opacity: 1;
    margin-left: 20%;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.img-wens {
    position: absolute;
    bottom: 0;
    left: 44%;
    z-index: 5;
}

.site .visual .visual-text > h1 {
    font-size: 47px;
}


.wrap{
    margin:0px auto;
}
#dataYear{
    position:absolute;
    background:#ED473B;
    left:60%;
    top:0px;
    color:white;
    padding:0px 10px;
}


.timeline{
    width:100%;
    position: relative;
    overflow:auto;

}
.timeline .evt:before {
    content: '';
    display: block;
    position: absolute;
    left: 10%;
    top: 6px;
    width: 3px;
    height: 125%;
    background: #666;
}
.timeline .evt:last-child:before {
    height: 100%;
}
.timeline .year{
    transition: all 0.4s ease-in-out;

    width:100%;
    position: relative;
    overflow:auto;
}
.timeline .evt{
    min-height:100px;
    width:100%;
    margin-bottom:20px;
    position:relative;


}

.timeline p{
    padding: 10px;
    margin: 0;
    background: #f1f1f1;
}
.timeline h5{
    padding: 15px;
    margin: 0;
    position: relative;
    font-size:15px;
}

.timeline .in h5{
    border-radius: 5px 5px 0 0;
    background:#36b938;
    color:#fff
}
.timeline .date{
    transition: all 0.2s ease-in-out;
    display: block;
    width: 20%;
    position: absolute;
    top: 5px;
    left: 1%;
    line-height:60px;
    border-radius: 100%;
    font-size: 13px;
    background: #fff;
    color:#333;
    font-weight:900;
    text-align:center;
}
.timeline .in{
    width: 75%;
    float: right;
    margin: 5px 0 0 0;
}

.p-11-procent {padding: 7%}

.btn-news {right: -170px; letter-spacing: 0; text-transform: none; font-size: 16px; padding: 15px 40px !important; border-radius: 0 !important;}
/*.btn { letter-spacing: 0 !important; text-transform: none !important; font-size: 16px !important;}*/

.on-the-map {text-align: center}
.on-the-map .fa-map-marker {font-size: 135px}

.hover-icon {
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.link-block {
    overflow: hidden;
}
.link-block:hover .hover-icon {
    margin-top: -60%;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.link-block:hover .overlay {
    background-color: rgba(255, 255, 255, 0) !important;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.overlay {
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hover-btn {
    margin-top: 500px !important;
    position: absolute;
    margin-left: -68px !important;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}



.link-block:hover .hover-btn{
    margin-top: 94px !important;
}

.link-block a {color: #414141}


.btn-team2 {display: none}
.new-responsive {display: none}

.news-responsive h2 {margin-top: 7px}
.tab-content .btn-block {padding: 12px 20px; !important;}
.site .tab-content .form-control {height: 50px !important;}
.site .large-form .form-group .form-control, .site .form-group.large-form .form-control /*{height: 45px !important;}*/
.site .visual > .visual-container .form-group {margin-bottom: 10px;}


.slogan2 a {padding:0 !important;     height: 0 !important;}


.carousel-link { position:absolute; bottom: 50px; z-index: 1;}


#statistics {
    position: absolute;
    left: 216px;
    top: 45px;
}

a:link.black, a:visited.black, a:active.black {
    color: #2c2a2b;
    text-decoration: none;
    margin: 0 10px;
}

.visual-overlay::before {content: ''; position: absolute; top:0; bottom: 0; left: 0; right: 0; background-color: #19287645}

.site .matchheight > .carousel > .carousel-inner > .item > a > img {max-height: none}

.site .newsBlock.newsBlock_small h2 {
    font-size: 20px !important;
}

.site .newsBlock.newsBlock_big h2 {
    font-size: 24px !important;
}

 .site .newsBlock.newsBlock_small .newsBlock_img {
     height: 250px;
 }

.site .newsBlock.newsBlock_small {
    height: 375px;
}

.site .navbar-brand img{
    height: 61px !important;
}

.site .navbar .navbar-brand {
    padding-top: 20px;
    padding-bottom: 5px;
}

.site .shrink .navbar .navbar-brand {
    padding-top: 5px;
}