/*////////////////////////////////
		  GENERAL STYLE
////////////////////////////////*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  transition: all .25s ease;
  font-weight:300;
}
body{
	font-family: 'Open Sans', sans-serif;	
	font-weight:300;
}

.cleaning{
	background-color: #49c3cf;
}

.gardening{
	background-color: #bdcf30;
}

.building{
	background-color: #f2683a;
}

.wrapping-content{
  position: relative;
  width: 100%;
  max-width:1200px;
  padding: 0 30px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.inner-content{
	padding:0;
}

h1, h2, h3, h4, h5, h6{
  text-transform:uppercase;
  font-family: 'Work Sans', sans-serif;
}

h1{
  font-size: 32px;
  line-height: 48px;
  margin-bottom:1.5rem;
}
h2{
  font-size: 2.5rem;
  line-height:3.75rem;
  margin-bottom:1.25rem;
}
h3{
  font-size: 2rem;
  line-height:3rem;
  margin-bottom:1rem;
}
h4{
  font-size: 1.7rem;
  line-height:2.55rem;
  margin-bottom:0.85rem;
}
h5{
  font-size: 1.5rem;
  line-height:2.25rem;
  margin-bottom:0.75rem;
}
h6{
  font-size: 1.2rem;
  line-height:1.8rem;
  margin-bottom:0.6rem;
}
p, ul li{
  color:#313131;
  font-family: 'Work Sans', sans-serif;
  font-weight:300;
  font-size:16px;
  line-height:24px;
  margin-bottom:0.8rem;
}


a{
	color:inherit;
	text-decoration: none;
}
b, strong{
	font-weight: 600;
}

#back-to-top {
    position: fixed;
    bottom: 0;
    right: 40px;
    z-index: 9999;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 30px;
    box-shadow: 0px 1.5px 2px 1px rgba(0, 0, 0, 0.05);
    background: #ffcb08;
    color: #FFF;
    cursor: pointer;
    border: 0;
    border-radius: 100%;
    text-decoration: none;
    transition: initial;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#back-to-top:hover {
    background: #dcae04
}
#back-to-top.show {
    opacity: 1;
}


/*////////////////////////////////
		  PRELOADER
////////////////////////////////*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 999999999;
    height: 100%;
	background-color: #fff;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2980b9;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #274e67;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*////////////////////////////////
		  BUTTONS 
////////////////////////////////*/

.btn, .gform_wrapper .gform_footer input[type=submit]{
  padding: 6px 13px;
  border-radius: 4px;
  border: 2px solid;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .4px;
  font-weight: 500;
  margin-right: 10px;
  -webkit-box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
  box-shadow: 0px 9px 5px 0 rgba(0,0,0,0.15);
}
.btn:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
    -webkit-box-shadow: 0 0px 7px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0px 7px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25);
}
.btn.btn-primary, .gform_wrapper .gform_footer input[type=submit]{
  background-color:#ffcb08;
  color: white;
  border-color: #ffcb08;
}
.btn.btn-primary:hover, .gform_wrapper .gform_footer input[type=submit]:hover{
  background-color:#dcaf07;
  border-color:#dcaf07;
}
.btn.btn-secondary{
  background-color: white;
  border-color:white;
  color: #ffcb08;
}
.btn.btn-secondary:hover{
  background-color: whitesmoke;
  border-color:whitesmoke;
  color: #dcaf07;
}



/*////////////////////////////////
		  FLEX DIRECTION 
////////////////////////////////*/

.fd-column{
  flex-direction: column;
}
.fd-column-r{
  flex-direction: column-reverse;
}
.fd-row{
  flex-direction: row;
}
.fd-row-r{
  flex-direction: row-reverse;
}



/*////////////////////////////////
		  FLEX BASIS
////////////////////////////////*/

.fb-25{
  flex-basis:25%;
}
.fb-33{
  flex-basis:33.333333%;
}
.fb-50{
  flex-basis:50%;
}
.fb-100{
  flex-basis:100%;
}

.justify{
	justify-content: center;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes slideOut {
  from {
	opacity: 1;
    transform: none;
    
  }

  to {
    
	opacity: 0;
    transform: translate3d(0, -30px, 0);
	display: none;
  }
}



/*////////////////////////////////
		  HEADER | NAV 
////////////////////////////////*/

header{
	border-bottom: 1px solid #DDD;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	padding: 1.5rem 0;
	display: flex;
	z-index: 1999;
}
header .wrapping-content{
	justify-content: center;
	align-items: center;
}
header span.for-smart{
    display: none;
}
header .wrapping-content > .logo{display: flex;align-items: center;transition: initial;max-width: 185px;width: 100%;height: auto;}
header .wrapping-content > .logo.smart{display: none;}
header .wrapping-content > .logo > a{max-width: 185px;width: 100%;}
header .wrapping-content > .logo > a > img{
	max-width: 185px;
	width: 100%;
	transition: initial;
	height: auto;
}
header .wrapping-content > .navigation{
	
}
header .wrapping-content > .navigation > ul{
}
header .wrapping-content > .navigation > ul > li{
	display: inline-block;
	margin: 0 10px;
	opacity: 0;
	transform: translateY(-1rem);
	transition: initial;
}

header .wrapping-content > .navigation > ul > li > a{
	color:#313131;
}
header .wrapping-content > .navigation > ul > li.current-menu-item a, header .wrapping-content > .navigation > ul > li.current_page_item a {
	color:#3498db;
}

header .wrapping-content > .navigation > ul > li:hover a{
	color:#2980b9;
}
.mobile-menu{
	display: none;
}

.menu-under{
    background-color: #252525;
    padding: 1rem 0;
    position: sticky;
    position: -webkit-sticky;
    top: 56px;
    z-index: 1998;
}
.menu-under .wrapping-content{}
.menu-under .wrapping-content ul,
.menu-under .wrapping-content .wpml-ls{
    width: 100%;
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
.menu-under .wrapping-content .wpml-ls li a{
	color:white;
}

.menu-under .wrapping-content .wpml-ls li.wpml-ls-current-language{
    background-color: #ffcb08;
    border-radius:  3px;
}
.menu-under .wrapping-content .wpml-ls li.wpml-ls-current-language a{
    color: #333;
    font-weight: 700;
}
.menu-under .wrapping-content .navigation{
    width: 100%;
    text-transform: uppercase;
}
.menu-under .wrapping-content .navigation ul{
    text-align: center;
}
.menu-under .wrapping-content .navigation ul li{
    color: #EEE;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    margin: 0 6px;
}

.menu-under .wrapping-content .navigation ul li.current_page_item,
.menu-under .wrapping-content .navigation ul li.current-menu-item{
}

.menu-under .wrapping-content .navigation ul li.current_page_item a,
.menu-under .wrapping-content .navigation ul li.current-menu-item a,
.menu-under .wrapping-content .navigation ul li.wpml-ls-current-language a,
.menu-under .wrapping-content .navigation ul li.current-page-ancestor a{
    background-color: #404040;
    border-bottom: 2px solid #ffcb08;
}

.menu-under .wrapping-content .navigation ul li a{
    padding: 5px 6px;
    position: relative;
    border-radius:3px;
}

.menu-under .wrapping-content .navigation ul li a:hover{
	background-color: #404040;
}
.menu-under .wrapping-content .navigation ul li a::after{
	content:'';
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #ffcb08;
	right: -7.5px;
	border-radius: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.menu-under .wrapping-content .navigation ul li:last-of-type a::after{
    display: none;
}

.fixed-item{
    padding: 1rem 0;
    background-color: #ffcb08;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1999;
    box-shadow: 0px 1.5px 2px 1px rgba(0, 0, 0, 0.05);
}

.fixed-item .wrapping-content{}
.fixed-item .wrapping-content p{
    line-height: 24px;
    text-align: center;
    width: 100%;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: white;
    text-transform: uppercase;
}
.fixed-item .wrapping-content p a{
    line-height: 24px;
}
.fixed-item .wrapping-content p a i{
    color: #333;
    margin-right: 5px;
    padding: 3px 4px;
    border-radius: 100%;
}

/*////////////////////////////////
			HAMBURGER 
////////////////////////////////*/

#nav-icon{
  width: 30px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg) translateY(-50%);
  -moz-transform: rotate(0deg) translateY(-50%);
  -o-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%);
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: none;
}

#nav-icon span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #333;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 50%;
  transform: rotate(0deg) translateY(-50%);
}

#nav-icon span:nth-child(4) {
  bottom: 0;
}

#nav-icon.open span:nth-child(1) {
  top: 0;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  bottom: 0;
  width: 0%;
  left: 50%;
}



/*////////////////////////////////
			BANNER 
////////////////////////////////*/

#banner{
	/* -webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.45); */
	/* box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.45); */
	display:  flex;
	flex-direction:  row;
	flex-wrap: wrap;
	width: 100%;
}
#banner.full-picture{}
#banner.full-picture img{
	width:100%;
	display:block;
	height:45rem;
	object-fit:cover;
	object-position:center;
}
#banner.home{
	margin-top:10px;
}
#banner .item{
    flex: 1;
    position:  relative;
    background-position: center;
    background-size: cover;
    /* background-attachment:  fixed; */
    margin: 0 0 0 10px;
}

#banner .item figure{
	overflow:hidden;
	position:  absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
#banner .item figure img{
	width:100%;;
}

#banner .item:hover figure img{
	transform:scale(1.15);
}

#banner .item .layer-color{position:  absolute;bottom: 0;left: 0;width: 100%;height: 0;opacity:0.5;}
#banner .item:hover .layer-color{
	height:100%;
	opacity:0.35;
}
#banner .item:first-of-type {
    margin-left: 10px;
}
#banner .item:last-of-type {
    margin-right: 10px;
}

#banner .item a{
    float:  left;
    width:100%;
    position:  relative;
    z-index: 2;
    padding: 5rem;
}
#banner .item a .item-banner{
 	float:  left;
 	width:100%;
 	text-align: center;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 	padding: 1rem;
 	background-color: white;
 	overflow:  hidden;
}

#banner .item-banner img{
    max-height: 35px;
    max-width: 35px;
    width: auto;
    height: auto;
    transform: scale(1.2)!important;
    margin-right: 1rem;
}


#banner  .item-banner h3{
    color: #333;
    font-size: 20px;
    line-height: initial;
    margin-bottom: 0;
    font-weight: 500;
    padding-left: 5px;
    opacity: 1;
}



#banner.myPage{
    padding: 13rem 0 2rem 0;
    background-position:  center;
    background-size: cover;
    background-attachment:  fixed;
    float:  none;
}
#banner.single-project-banner{
	padding: 20rem 0 2rem 0;
	position:  relative;
	background-attachment:  initial;
}
#banner.single-project-banner::after{content:'';position:absolute;bottom:0;left:0;height: 15rem;width:100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#banner.single-project-banner .wrapping-content{
	position:relative;
	z-index:10;
}
#banner.myPage h1{
    color: white;
    font-weight: 500;
    font-size: 48px;
}

#banner.single-project-banner .wrapping-content h1{
	color:#333;
	text-shadow: 0px 2px 3px rgba(255, 255, 255, 0.2);
}

#breadcrumbs{
    padding: 1rem 0;
    background-color: #252525;
    width: 100%;
}
#breadcrumbs .wrapping-content{
    color: white;
}
#breadcrumbs .wrapping-content a{}



/*////////////////////////////////
		  EXAMPLE FADEIN 
////////////////////////////////*/

#content .wrapping-content{
	flex-direction: column;
}
.box{
    flex: 1;
    min-height: 250px;
    width: 100%;
    background-color: #f1f1f1;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
	-webkit-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.48);
    -moz-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.48);
    box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.48);
	border-radius:5px;
}
.box:nth-child(even){
	background-color:#3498db;
}
.box:nth-child(even) h3{
	color:white;
}
.box.hideme{
  opacity: 0;
}
.box h3{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #333;
	font-size: 16px;
}

.fios{
	opacity: 0;
	transform: translate3d(0, 30px, 0);
	transition: all  0.5s ease;
}
.fios.fadeIn{
	opacity: 1;
	transform: none!important;
}

.delay-1{
	transition-delay: 0.25s;
}

.delay-2{
	transition-delay: 0.5s;
}

.delay-3{
	transition-delay: 0.75s;
}



/*////////////////////////////////
			FOOTER 
////////////////////////////////*/

footer{
    width: 100%;
    background-color: #ffcb08;
    padding: 2.5rem 0;
    float: left;
}
footer .wrapping-content{
    flex-direction: row;
}
footer .wrapping-content .footer-item{
    flex-basis: 25%;
    padding-right: 2rem;
}
footer .wrapping-content .footer-item > h4{
    color: white;
    text-transform: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 1rem;
}
footer .wrapping-content .footer-item > ul{}
footer .wrapping-content .footer-item > ul li{
    color: #333;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 7px;
}
footer .wrapping-content .footer-item > ul li a{
    color: #666;
}
footer .wrapping-content .footer-item > ul li:hover > a{
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}
footer .wrapping-content .footer-item > ul li a > i{
    margin-right: 5px;
}

footer .wrapping-content .footer-item.last{

}

.developer-notice{
	padding: 0.5rem 0;
	float: left;
	width: 100%;
}
.developer-notice .wrapping-content{
    display: block;
    text-align: center;
}
.developer-notice .wrapping-content p {
	color: #333;
	margin-bottom: 0;
	width: 100%;
}
.developer-notice .wrapping-content p a{
	color:#ffcb08;
}

footer .wrapping-content .footer-item.last > a{float: left;width: 100%;}
footer .wrapping-content .footer-item.last > a img{width: 100%;}
footer .wrapping-content .footer-item.last p{margin-top: 1rem;text-align: center;width: 100%;float: left;}

footer .wrapping-content .footer-item.last p a{margin-right: 5px;display: inline-block;}
footer .wrapping-content .footer-item.last p a:hover{}
footer .wrapping-content .footer-item.last p a:hover svg{
    background-color: white;
    border-color: white;
    /* border-radius: 0; */
}
footer .wrapping-content .footer-item.last p a svg{padding:5px;width: 30px;height: 30px;border: 2px solid #333;border-radius: 100%;display: flex;align-items: center;justify-content: center;}


.sep{
    width: 100%;
    max-width: 150px;
    height: 10px;
    background-color: #ffcb08;
    margin: 1.5rem auto;
}
#main{width: 100%;background-color: white;}
#main .row{display: flex;margin: 10px;width: calc(100% - 20px);}
#main .blok-half{
    background-color: #e9e9e9;
    padding: 2.5rem;
    float: left;
    width: calc(50% - 5px);
}

#main .blok-half:first-of-type{margin-right: 5px;text-align:  left;}
#main .blok-half:first-of-type .sep{
    margin: 1.5rem 0;
}
#main .blok-half:last-of-type{margin-left: 5px;}
#main .blok-half:first-of-type h1, 
#main .blok-half:first-of-type p {text-align:  left;}
#main .blok-half h1{
    text-align: center;
    margin-bottom: 0;
}
#main .blok-half p{
    text-align: center;
    max-width: 55ch;
}
#main .blok-half ul{
    text-align: center;
}
#main .blok-half ul li{
    /* margin-bottom: 1rem; */
    font-size: 16px;
    line-height: 24px;
}

#main .services-row{
    display: flex;
    margin: 10px 0;
    /* float: left; */
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 45px;
}

#main .services-row .owl-nav{
    display: flex;
    width: 100%;
    /* margin-top: 0.75rem; */
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 9;
}

#main .services-row .owl-nav > div {background-color: #5d5d5d;height: 100%;width: 35px;/* border-radius: 100%; */display: flex;align-items: center;justify-content: center;position:  absolute;top: 0;cursor: pointer;}
#main .services-row .owl-nav > div:hover{background-color: #717171;}
#main .services-row .owl-nav > div.owl-next {right: 0;}

#main .services-row .owl-nav > div.owl-prev {left: 0;}
#main .services-row .owl-nav > div > img{max-width: 15px;-webkit-filter: brightness(10000);}

#main .services-row .owl-stage-outer{
	z-index:10;
}
#main .services-row  a{
    flex: 1;
    margin: 0;
    float:  left;
    height: 100%;
    width: 100%;
}

#main .services-row  a:last-of-type{
}

#main .services-row  a:first-of-type{
}

#main .services-row  a:last-of-type{
}
#main .services-row  a  .item-services{
    background-size: cover;
    background-position: center;
    position: relative;
    overflow:  hidden;
    min-height:250px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0px;
}

#main .services-row  a  .item-services:hover{
}
#main .services-row  a  .item-services img{
    max-width: 45px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 10;
    -webkit-filter: brightness(10000);
    max-height: 55px;
}

#main .services-row  a  .item-services:hover img{left: 50%;transform: translateX(-50%) scale(1.5)!important;}

#main .services-row  a  .item-services .overlay{display:  flex;align-items:  center;justify-content:  center;position:  absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:  0.25;}
#main .services-row  a  .item-services .overlay h2{line-height: 30px;font-size: 21px;text-align: center;color: white;font-weight: 600;margin-bottom: 0;transform: translateY(-30px);opacity:  0;}
#main .services-row  a  .item-services:hover .overlay{top: 0;opacity: 1;z-index: 8;}
#main .services-row  a  .item-services:hover .overlay h2{transform: translateY(0px);opacity: 1;}


#main .in-de-kijker{
    padding: 5rem 0;
    background-color: #333;
    width: 100%;
    position:  relative;
}
#main .in-de-kijker .wrapping-content{
    position:  initial;
    padding: 0 35px;
}
#main .in-de-kijker .wrapping-content{
    /* display: flex; */
}
#main .in-de-kijker .wrapping-content > div {
    display:  inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#main .in-de-kijker .wrapping-content .kijker-item a{}
#main .in-de-kijker .wrapping-content .kijker-item  h2{
    line-height: 30px;
    font-size: 21px;
    text-align: center;
    color: white;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
#main .in-de-kijker .wrapping-content .kijker-item h4{
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    color: white;
    font-weight: 300;
    margin-bottom: 0.5rem;
    text-transform: none;
}
#main .in-de-kijker .wrapping-content .kijker-item .image{
    padding-bottom: 65%;
    background-position: center;
    background-size: 100px;
    position:relative;
    background-repeat:  no-repeat;
}

#main .in-de-kijker .wrapping-content .kijker-item:hover .image{
    background-size: 125px;
}
#main .in-de-kijker .wrapping-content .kijker-item  .image::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity: 0;
}

#main .in-de-kijker .wrapping-content .owl-stage-outer .owl-stage > .owl-item > .owl-item:hover .image::after{
	opacity:0;
}


#main .in-de-kijker .wrapping-content .owl-nav{display: flex;width: 100%;/* margin-top: 0.75rem; */justify-content: space-between;position: absolute;left: 0;top: 0;height: 100%;z-index: 9;}

#main .in-de-kijker .wrapping-content .owl-nav > div {background-color: #5d5d5d;height: 100%;width: 35px;/* border-radius: 100%; */display: flex;align-items: center;justify-content: center;position:  absolute;top: 0;}
#main .in-de-kijker .wrapping-content .owl-nav > div:hover{background-color: #717171;}
#main .in-de-kijker .wrapping-content .owl-nav > div.owl-next {right: 0;}

#main .in-de-kijker .wrapping-content .owl-nav > div.owl-prev {left: 0;}
#main .in-de-kijker .wrapping-content .owl-nav > div > img{max-width: 15px;-webkit-filter: brightness(10000);}


#main .in-de-kijker .wrapping-content .owl-dots{
    display: block;
    width: 100%;
    margin-top: 1rem;
    text-align: center;
    z-index: 10;
    position:  relative;
}
#main .in-de-kijker .wrapping-content .owl-dots .owl-dot{
    width: 15px;
    height: 15px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 100%;
    display: inline-block;
    margin: 0 5px;
}
#main .in-de-kijker .wrapping-content .owl-dots .owl-dot.active{
    background-color: #ffcb08;
}

/* ROWS */


.rows{width: 100%;}
.rows .pages-info{
	padding:2rem 0;
}
.rows .pages-info .wrapping-content{padding:0;}
.rows .row{
    display:  flex;
    flex-direction: row;
    flex-wrap: wrap;
    position:relative;
}
.rows .row.bg{
    background-position:  center;
    background-size: cover;
}

.rows .row.center .content{
	text-align:center;
}
.rows .row.left .content{
	width:50%;
	margin-right:50%;
	text-align:left;
}
.rows .row.right .content{
	margin-left: 50%!important;
	width: 50%!important;
	text-align: right!important;
}

.rows .row.light::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#FFF;
	opacity:0.5;
	z-index: 5;
}
.rows .row.dark::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#000;
	opacity:0.5;
	z-index: 5;
}
.rows .row:nth-child(odd){
    flex-direction:  row-reverse;
}
.rows .row:nth-child(odd) .content{text-align: left;}
.rows .row:nth-child(odd) .image{}
.rows .row .content{
    width: 50%;
    padding: 2rem 0;
}
.rows .row .content h1{}
.rows .row .content h3{}
.rows .row .content p{}
.rows .row .content .btn{
    float:  left;
}
.rows .row.right .content .btn{
	float:right;
}
.rows .row.left .content .btn{
	float:left;
}
.rows .row .image{
    width: 50%;
    background-position:  center;
    background-size: cover;
}

.rows .row.full-full .content, 
.rows .row.full-full .image{
	width:100%;
	z-index: 10;
}
.rows .row.full-full .image{
	min-height:35rem;
	/* background-attachment:  fixed; */
}


.pages-container{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction:  row;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.pages-container > a.child-page{
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 5px;
    box-shadow: 0px 1.5px 2px 1px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin-right: 10px;
}
.pages-container > a.child-page:nth-child(odd){
    border-right:1px solid #656565;
}
.pages-container > a.child-page:nth-child(odd):last-of-type{
    width:  100%;
    border-right:0;
}
.pages-container a.child-page .content{
    padding: 2rem 0;
}
.pages-container a.child-page .image-thumbnail{
    min-height: 15rem;
    background-size: cover;
    background-position: center;
    position:relative;
}

.pages-container a.child-page .bg-thumbnail{
    min-height: 15rem;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    position:relative;
    background-size: cover;
    background-position:  center;
    border-radius: 5px;
    box-shadow: 0px 1.5px 2px 1px rgba(0, 0, 0, 0.05);
}
.pages-container a.child-page .bg-thumbnail h4{
	color:white;
	position:relative;
	z-index:10;
}
.pages-container a.child-page .bg-thumbnail::after,
.pages-container a.child-page .image-thumbnail::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#000;
	opacity:0.25;
	z-index:0;
}
.pages-container a.child-page .bg-thumbnail:hover::after,
.pages-container a.child-page:hover .image-thumbnail::after{
	opacity:0.5;
}
.pages-container a.child-page .bg-thumbnail h1{text-align: center;margin-bottom: 0;line-height: initial;color: white;z-index: 1;font-size: 2.4rem;}
.pages-container > a.child-page .content .wrapping-content{
max-width:100%;
}
.pages-container > a.child-page .content .wrapping-content .inner-content{
	/* position:relative; */
	width: 100%;
}
.pages-container > a.child-page div h4{
    line-height:  initial;
    margin-bottom: 0;
}
.pages-container  a.child-page div .this{
	position:absolute;
	font-size: 2rem;
	line-height:  initial;
	margin-bottom: 0;
	top: 50%;
	right: 0;
	z-index:10;
	opacity:  0;
	transform: translateY(-50%);
	color: white;
}

.pages-container  a.child-page:hover div .this{
	right: 30px;
	opacity: 1;
}
.services-repeater{
    flex-direction:  column;
}
.services-repeater .row-service{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: justify; */
    -ms-flex-pack: justify;
    /* justify-content: space-between; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* align-items: center; */
    flex-direction:  row;
    margin-bottom: 5rem;
}
.services-repeater .row-service:nth-child(odd){
    flex-direction: row-reverse;
}
.services-repeater .row-service > div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.services-repeater .row-service .image{
    background-position:  center;
    background-size: cover;
    min-height: 15rem;
    border-radius:  5px;
    box-shadow: 0px 1.5px 2px 1px rgba(0, 0, 0, 0.05);
}
.services-repeater .row-service .content{
    padding: 2.5rem;
    display:  inline-block;
    position: relative;
}
.services-repeater .row-service .content > img{max-width: 100px;position:  absolute;bottom: 20px;right: 20px;z-index: 0;max-height:  100px;/* opacity: 0.5; */}
.services-repeater .row-service .content h3{
    float:  left;
    position:  relative;
    z-index: 1;
}
.services-repeater .row-service .content p{
    float:  left;
    clear:  both;
    position: relative;
    z-index: 1;
    max-width: 80%;
}

#vacature-single{
    padding: 4rem 0;
}
#vacature-single .wrapping-content{
    flex-direction:  column;
}
#vacature-single ul{
	padding-left:2rem;
	list-style-type:disc;
	
}
#vacature-single ul li{
	margin-bottom:1px;
	
}


#vacature-single .wrapping-content img, 
#vacature-single .wrapping-content p img{
    width:100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

#vacatures{
    padding: 2rem 0;
}
#vacatures .wrapping-content{}
#vacatures .wrapping-content h2{
    margin-bottom: 0;
}

#content-block .info{
    width: 40%;
    padding: 2rem 2rem 2rem 0;
}
#content-block .info .contact-item{
    /* border-bottom: 1px solid #cacaca; */
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
#content-block .info .contact-item:last-of-type{
    border-bottom: 0;
}
#content-block .info img{
	display:block;
	width:80%;
}
#content-block .info .contact-item h4{text-transform: none;font-weight: 400;font-size: 1.4rem;line-height: 2.1rem;}
#content-block .info .contact-item ul{}
#content-block .info .contact-item ul li{
    margin-bottom: 0.5rem;
}
#content-block .form{
    width: 60%;
    padding: 2rem 0;
}
#content-block .form .gform_wrapper{
    margin: 0;
    display: inline-block;
    width: 100%;
}
#content-block .form .gform_wrapper form{
    margin: 0;
    display: inline-block;
    width: 100%;
}
#content-block .form .gform_wrapper form div{
    margin: 0;
    display: inline-block;
    width: 100%;
}
#content-block .form .gform_wrapper form div.gform_body{}
#content-block .form .gform_wrapper form div.gform_body ul{
    margin: 0;
    display: inline-block;
    width: 100%;
}
#content-block .form .gform_wrapper form div.gform_body > ul > li{
    margin: 0;
    margin-bottom: 2rem;
    clear: none;
    float:  left;
    padding: 0;
}
#content-block .form .gform_wrapper form div.gform_body > ul > li > label{
    font-weight: 600;
}
#content-block .form .gform_wrapper form div.gform_body ul li div{}
#content-block .form .gform_wrapper form div.gform_body ul li div > ul{}
#content-block .form .gform_wrapper form div.gform_body ul li div > ul > li{
    float:  left;
    margin-right: 1rem;
}
#content-block .form .gform_wrapper form div.gform_body ul li div input, #content-block .form .gform_wrapper form div.gform_body ul li div textarea{
    border: 0;
    border: 1px solid #cacaca;
    border-radius: 3px;
}
#content-block .form .gform_wrapper form div.gform_body ul li div input:focus, 
#content-block .form .gform_wrapper form div.gform_body ul li div textarea:focus{
	border-bottom: 1px solid #ffcb08;
	outline: none;
}

#content-block .form .gform_wrapper form div.gform_body ul li.half{
    width: 48%;
    margin-right: 2%;
}
#content-block .form .gform_wrapper form div.gform_body ul li.full{
    width: 98%;
    margin-right: 2%;
}

.banner-tussen{
    padding: 5rem 0;
    position:  relative;
    background-position:  center;
    background-size: cover;
    background-attachment:  fixed;
}
.banner-tussen::after{
	content:'';
	position:  absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #151515;
	opacity:  0.5;
}
.banner-tussen .wrapping-content{
    display: inline-block;
    text-align: center;
    z-index: 5;
    position:  relative;
    max-width: 100%;
}
.banner-tussen .wrapping-content h2{
    color: white;
    line-height: 2.5rem;
    margin-bottom: 0.5rem;
}
.banner-tussen .wrapping-content h4{
    color: white;
}
.banner-tussen .wrapping-content a.btn{
    margin: 0 auto;
    /* float:  left; */
    display: inline-block;
}
#news{
    padding: 2rem 0;
}
#news .wrapping-content > a {
    width: calc(33.33333% - 1rem);
    margin-right: 1rem;
    margin-bottom: 2rem;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
#news .wrapping-content > a .news-item{
    padding: 6rem 30px;
    background-size: cover;
    background-position:  center;
    position:relative;
}
#news .wrapping-content > a .news-item::after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;background-color:#000;z-index: 0;opacity:  0.35;}

#news .wrapping-content > a:hover .news-item::after{opacity:0.65;}
#news .wrapping-content > a .news-item h3{
    color: white;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 36px;
    position:relative;
    z-index: 1;
}

#news .wrapping-content > a .news-item h5{
    color: white;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    position:relative;
    z-index: 1;
    padding: 0px 5px;
    display:  inline-block;
    background-color: #ffcb08;
    border-radius:  3px;
}
#works{
    padding: 2rem 0;
}
#works .wrapping-content{}


#works .wrapping-content > a{
    width: calc(50% - 1rem);
    margin-right: 1rem;
    margin-bottom: 2rem;
    border-radius:  5px;
    overflow:  hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

#works .wrapping-content > a:nth-child(even){
    margin-right: 0;
	margin-left: 1rem;
}
#works .wrapping-content > a > .work-item{
    position:  relative;
    overflow:  hidden;
}
#works .wrapping-content > a > .work-item figure{
    width: 100%;
    overflow:  hidden;
}
#works .wrapping-content > a > .work-item figure img{
    width: 100%;
    position:  relative;
    object-fit:  cover;
    float:  left;
}

#works .wrapping-content > a > .work-item .icon{
    position:  absolute;
    bottom: 30px;
    left: 30px;
    z-index: 5;
}
#works .wrapping-content > a > .work-item .icon img{
    max-width: 85px;
    opacity:  0.5;
    height: 100%;
    width: 100%;
    -webkit-filter: brightness(1000000);
}

#works .wrapping-content > a > .work-item .overlay{
    position:  absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    z-index: 2;
}
#works .wrapping-content > a > .work-item .overlay.cleaning{
    background-color: rgba(73, 195, 207, 0.80);
}
#works .wrapping-content > a > .work-item .overlay.gardening{
	background-color: rgba(189, 207, 48, 0.8);
}
#works .wrapping-content > a > .work-item .overlay.building{
	background-color: rgba(242, 104, 58, 0.8);
}
#works .wrapping-content > a > .work-item .overlay h3{
    font-size: 18px;
    line-height:  27px;
    color: white;
    margin-bottom: 0;
    font-weight: 500;
}

#works .wrapping-content > a > .work-item:hover figure img{
    transform: scale(1.15);
}
#works .wrapping-content > a > .work-item:hover .icon img{
    max-width: 135px;
    opacity: 0;
    transform: translateX(-100%);
}
#works .wrapping-content > a > .work-item:hover .overlay h3{
    opacity: 0;
    transform: translateY(-30px);
}
#works .wrapping-content > a > .work-item:hover .overlay{
    background-color: rgba(255, 255, 255, 0.26);
}

#single-work{}
#single-work .wrapping-content{
    display:  block;
}
#single-work .wrapping-content .intro{
    padding: 2.5rem 0;
    border-bottom:1px solid #EEE;
    width: 100%;
}

#single-work .wrapping-content .intro p:last-of-type{
    margin-bottom:0;
}
#single-work .wrapping-content .gallery{
    width: 100%;
    columns:  2;
    column-gap:  1rem;
    padding: 2.5rem 0;
}
#single-work .wrapping-content .gallery .pic{
    margin-bottom: 1rem;
    float:  left;
}
#single-work .wrapping-content .gallery .pic img{
    width: 100%;
    float:  left;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

#team{
    background-color: #F7F7F7;
    width: 100%;
    position: relative;
    padding: 2rem 0;
}
#team > h2{
    text-align: center;
}
#team .wrapping-content{
    flex-direction: row;
    align-items: flex-start;
}
#team .wrapping-content .member-item{
    flex-basis: calc(33.3333% - 2rem);
    margin: 0 1rem;
    margin-bottom: 2rem;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
#team .wrapping-content .member-item figure{}
#team .wrapping-content .member-item figure img{
    display: block;
    width: 100%;
}
#team .wrapping-content .member-item article{
    padding: 1rem 20px;
    background-color: #FFF;
}
#team .wrapping-content .member-item article h4{
    line-height: 1.5rem;
    margin-bottom: 0.4rem;
    font-size: 1.2rem;
    font-weight: 500;
}
#team .wrapping-content .member-item article h6{
    text-transform: none;
    font-size: 1rem;
    margin-bottom: 0;
}
#team .wrapping-content .member-item article small{
	font-size: 0.8rem;
	line-height: 1.2rem;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0.5rem 0;
	display: block;
}
#team .wrapping-content .member-item article p.contact-sent{
	margin:0;
	font-size:15px;
}
#team .wrapping-content .member-item:nth-child(odd){}
#team .wrapping-content .member-item:nth-child(even){}
/*
#works .wrapping-content .work-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow:  hidden;
    border-radius: 5px;
    box-shadow: 0px 1.5px 2px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
}
#works .wrapping-content .work-item article,
#works .wrapping-content .work-item figure{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50%;
    display:  inline-block;
}

#works .wrapping-content .work-item article{
    padding: 2.5rem 30px;
}
#works .wrapping-content .work-item article h2{
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    color: white;
    font-weight: 500;
}
#works .wrapping-content .work-item article a.more{}
#works .wrapping-content .work-item article:hover a.more{}
#works .wrapping-content .work-item figure{
    overflow:  hidden;
}
#works .wrapping-content .work-item figure a{
    float:  left;
}
#works .wrapping-content .work-item figure a img{
    object-fit:  cover;
    float:  left;
    width: 100%;
}
#works .wrapping-content .work-item figure:hover a img{
	transform:scale(1.15);
} */

@media (max-width: 1200px){

}

@media (max-width: 1024px){

}

@media (max-width: 960px){
	
	h1{
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-bottom:1.2rem;
	}
	h2{
		font-size: 2.1rem;
		line-height:3.05rem;
		margin-bottom:1.05rem;
	}
	h3{
		font-size: 1.8rem;
		line-height:2.7rem;
		margin-bottom:0.9rem;
	}
	h4{
		font-size: 1.5rem;
		line-height:2.25rem;
		margin-bottom:0.75rem;
	}
	h5{
		font-size: 1.2rem;
		line-height:1.8rem;
		margin-bottom:0.6rem;
	}
	h6{
		font-size: 1rem;
		line-height:1.5rem;
		margin-bottom:0.5rem;
	}
	
	.wrapping-content{
		/* padding:0; */
	}
	.inner-content{
		width:100%;
		/* padding:0 30px; */
	}
	header{
		padding:0.5rem 0;
		position: sticky;  
		position: -webkit-sticky;
		width: 100%;
		background-color: white;
		top: 0;
	}
	.fixed-item{
		padding: 0.5rem 0;
		top: 59px;
		-webkit-box-shadow: 0px 0px 2.5px 0px rgba(0,0,0,0.125);
		-moz-box-shadow: 0px 0px 2.5px 0px rgba(0,0,0,0.125);
		box-shadow: 0px 0px 2.5px 0px rgba(0,0,0,0.125);
	}
	.fixed-item .wrapping-content p{
		font-size:12px;
		line-height:18px;
	}
	header .wrapping-content{
		justify-content: space-between;
	}
	header .wrapping-content > .logo{display: none;}

	header .wrapping-content > .logo.smart{display: flex;}
	header .wrapping-content > .logo.smart img{
    max-width: 40px;
}
	header .wrapping-content > .navigation{
		display: none;
		top: 72px;
		position: absolute;
		left: 0;
		width: 100%;
		background-color: white;
		z-index: 99999999;
		transition: initial;
	}	
	header .wrapping-content > .navigation.open{
		opacity: 1;
		animation-name: slideIn;
		animation-duration: 0.5s;
		animation-fill-mode: both;
		display: block;
	}
	header .wrapping-content > .navigation > ul{
		display: block;
		width: 100%;
		float: left;
		transition: initial;
	}
	
	header .wrapping-content > .navigation > ul > li{
		width: calc(100% - 20px);
		padding: 1rem 0;
		text-align: center;
		border-bottom: 1px solid #EEE;
		transition: initial;
	}

	header .wrapping-content > .navigation > ul > li > a{
	}
	header span.for-smart{
	/* display: block; */
	position: absolute;
	right: 70px;
	text-transform: uppercase;
	font-weight: 500;
	top: 50%;
	transform: translateY(-50%);
	}
	#nav-icon{
		display: block;
		position: absolute;
		right:30px;
		top: 50%;
	}
	.menu-under{
		display: none;
		position: sticky;  
		position: -webkit-sticky;
		left: 0;
		top: 40px;
		z-index: 99999;
		width: 100%;
	}
	.mobile-menu{
		display: none;
		position: fixed;
		top: 59px;
		left: 0;
		width: 100%;
		z-index: 999999;
		float: left;
		background-color: #252525;
		transition: initial!important;
		-webkit-box-shadow: 0px 4px 5px 0 rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 4px 5px 0 rgba(0,0,0,0.15);
		box-shadow: 0px 4px 5px 0 rgba(0,0,0,0.15);
	}
	.mobile-menu.active{
		display:block;
	}
	.mobile-menu .nav-mobile{
		float: left;
		width: 100%;
	}
	.mobile-menu .nav-mobile > ul{
		float: left;
		width: 100%;
	}
	.mobile-menu .nav-mobile ul li ul{
		float:  left;
		/* margin-left: 0.75rem; */
		width: 60%;
	}
	.mobile-menu .nav-mobile ul li ul li{
	padding: 0;
	display:  inline-block;
	float:  left;
	width: auto;
	margin-left: 0.75rem;
	}
	.mobile-menu .nav-mobile ul li{
		padding: 1rem 30px;
		text-align: right;
		width: 100%;
		transform: translateX(-10px);
		float: left;
		transition: initial;
		opacity: 0;
		margin-bottom: 0;
	}
	.mobile-menu .nav-mobile ul li.wpml-ls-current-language a{
		background-color: #404040;
		border-bottom: 2px solid #ffcb08;
		padding: 0 6px;
	}
	.mobile-menu .nav-mobile ul li.wpml-ls-current-language a + ul li a{
		background-color: initial;
		border-bottom: none;
	}
	.mobile-menu .nav-mobile ul li.current-menu-item{
		background-color: #404040;
		border-bottom: 2px solid #ffcb08;
	}
	.mobile-menu .nav-mobile ul li.current-menu-item a{
	}
		.mobile-menu .nav-mobile ul li a{
		color: #FFF;
		text-transform: none;
		transition: initial;
		float:  left;
		position: relative;
	}
	#banner.single-project-banner{
    padding: 10rem 0 2rem 0;
}
	#banner.single-project-banner .wrapping-content h1{
    font-size: 24px;
    line-height:  36px;
    letter-spacing:  -1px;
}
	#banner{
		display:  block;
		margin-top: 0;
		background-attachment: initial!important;
	}
	#banner.full-picture img{
		height:25rem;
	}
	#banner .item{
		float: left;
		width: 100%;
		margin: 0 0 10px 0!important;
	}
	#banner .item a{padding: 2rem;}
	#banner .item .layer-color{
		height:100%;
	}
	#banner .item .layer{width:100%;height:100%;border-radius:0; transform:none; top:0;left:0;}
	#banner .item a .item-banner{
		padding: 1rem 30px;
	}
	#banner .item a .item-banner h3{
		float:  left;
		opacity:1;
	}
	.banner-tussen{background-attachment: initial;
	background-size:cover;}
	#banner .item a .item-banner img{
		float: left;
	}
	footer .wrapping-content .footer-item{
		flex-basis:50%;
		margin-bottom:2rem;
	}
	footer .wrapping-content .footer-item.last{
		padding-right:0;
	}
	footer .wrapping-content .footer-item.last p{
		text-align:left;
	}
	footer .wrapping-content .footer-item.last > a img{
		max-width: 240px;
		display:  block;
		margin: 0 auto;
	}
	#main .services-row{
	margin: 10px 0px 0px 0px;
	width: 100%;
	margin-top: 0;
	margin-bottom: 10px;
	}

	#main .services-row > a{
		flex-basis: calc(50% - 10px);
		/* margin: initial; */
		margin-bottom: 10px;
		margin-bottom: 10px;
	}

	#main .services-row > a:last-of-type{margin-right: 0!important;margin-bottom: 0!important;}

	#main .services-row > a:first-of-type{margin-left: 0;}

	#main .services-row > a:nth-child(2n+1){margin-right: 10px;margin-left: 0;}
	#main .in-de-kijker .wrapping-content .owl-nav > div, #main .services-row .owl-nav > div{
		width: 30px;
		background-color: #ffcb08;
	}
	#main .in-de-kijker .wrapping-content .owl-nav > div:hover,
    #main .services-row .owl-nav > div:hover{
		background-color: #e8bb11;
	}
	#main .in-de-kijker .wrapping-content .owl-nav > div > img, #main .services-row .owl-nav > div > img{
		-webkit-filter:brightness(0);
	}
	.pages-container{display:block;width:100%;}
	.pages-container > a.child-page{width:100%;margin-bottom:15px;margin-right:0;}
	.services-repeater{
    padding: 0;
}
	.services-repeater .row-service{
    display:  block;
    margin-bottom: 0;
}
	.services-repeater .row-service:nth-child(odd){
}
	.services-repeater .row-service > div{}
	.services-repeater .row-service > div.image{
    border-radius:  0;
    box-shadow: none;
}
	.services-repeater .row-service > div.content{
		padding: 2.5rem 30px;
	}
	.services-repeater .row-service .content p{
    max-width: 100%;
}
	.services-repeater .row-service .content > img{
    bottom: initial;
    top: 2.5rem;
    max-width: 110px;
    max-height: 110px;
    right: 30px;
    opacity:  0.5;
}
	#works .wrapping-content > a{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	#works .wrapping-content > a:nth-child(even){
		margin-left:0;
		margin-right:0;

	}
	#news .wrapping-content > a {
	width: calc(50% - 1rem);
	margin-right: 1rem;
	}
	#news .wrapping-content > a .news-item{
	padding: 3rem 30px;
	}
	#content-block.contact-page{
		flex-direction:column-reverse;
	}
	#content-block .info{
		width: 100%;
		padding: 0 0 2rem 0;
		display:  block;
	}
	#content-block .info .contact-item{
    display:  inline-block;
    width: 50%;
}
	#content-block .form{
		width: 100%;
	}
	#main .in-de-kijker .wrapping-content{
		display:block;
	}
	#main .in-de-kijker .wrapping-content > div{
		display: inline-block;
		width: 49%;
	}
	#main .in-de-kijker .wrapping-content .kijker-item .image{
    background-size: 70px;
    padding-bottom: 120px;
}
}

@media (max-width: 768px){
	
	#main .row{
		display: block;
		width: 100%;
		float: left;
		margin: 0;
	}
	#main .blok-half{
		width: 100%;
		margin: 0 0 10px 0;
	}
	#main .blok-half:first-of-type{
		margin-right: 0;
	}
	#main .blok-half:last-of-type{
		margin-left: 0;
	}
	#main .in-de-kijker{
		float:left;
		padding: 2rem 0;
		margin-bottom: 10px;
	}
	#main .in-de-kijker .wrapping-content .owl-stage-outer .owl-stage > .owl-item > .owl-item h2{
	}
	#banner .wrapping-content > a{
	}
	#banner .wrapping-content > a > .item-banner{
		padding: 1.5rem;
		width: 9rem;
		height: 9rem;
	}
	#banner .wrapping-content > a > .item-banner h3{
		display:none;
	}

	#single-work .wrapping-content .gallery {
		width: 100%;
		columns: 1;
		column-gap: initial;
		padding: 2.5rem 0;
	}
	#news .wrapping-content > a {
	width: 100%;
	margin-right: 0;
	}
	#news .wrapping-content > a .news-item{
	padding: 2rem 30px;
	}
	

	#team .wrapping-content{}
	#team .wrapping-content .member-item{
		flex-basis: calc(50% - 2rem);
	}
	#team .wrapping-content .member-item figure{}
	#team .wrapping-content .member-item figure img{}
	#team .wrapping-content .member-item article{}
	#team .wrapping-content .member-item article h4{}
	#team .wrapping-content .member-item article h6{}
	#team .wrapping-content .member-item:nth-child(odd){}
	#team .wrapping-content .member-item:nth-child(even){}
	

}


@media (max-width: 480px){

	#banner.full-picture img{
		height:15rem;
	}
	#main .in-de-kijker .wrapping-content > div{
		width:100%;
	}
	#main .in-de-kijker .wrapping-content .kijker-item:hover .image{
		background-size:80px;
	}
	#banner .wrapping-content > a{}
	#banner .wrapping-content > a > .item-banner{}
	footer .wrapping-content .footer-item{
		flex-basis:100%;
		padding-right: 0;
		margin-bottom:2rem;
	}
	footer .wrapping-content .footer-item > h4, footer .wrapping-content .footer-item > p, footer .wrapping-content .footer-item > ul{
		text-align:center;
	}
	footer .wrapping-content .footer-item.last p{text-align:center;}
	
	#team .wrapping-content{
    flex-direction: column;
}
	#team .wrapping-content .member-item{
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 2rem 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	#team .wrapping-content .member-item figure{
    width: 105px;
}
	#team .wrapping-content .member-item figure img{
    height: 100%;
    object-fit: cover;
}
	#team .wrapping-content .member-item article{
    flex: 1;
}
	#team .wrapping-content .member-item article h4{}
	#team .wrapping-content .member-item article h6{}
	#team .wrapping-content .member-item:nth-child(odd){
}
	#team .wrapping-content .member-item:nth-child(even){}
	
}