@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap');
	
	@font1: 'Poppins', sans-serif;
	@main-col: #4CA454;
	@achtergrond: #fbfcfb;
	@wit: #fff;
	
	body{font-family:@font1; color: #444;    font-size: 16px;
	    font-weight: normal;}
	h1, h2, h3{font-family:@font1;}
	a{color:@main-col;}
	a:hover{color: darken(@main-col, 5%);}
	.fb-icon.hidden-xs{display:block!important;}
	.adres-bedrijfsnaam{font-weight:600;}
	.rowzero{background: rgba(255,255,255,0.9) !important;height: 90px; left: 0;  position: fixed;  top: 0;  width: 100%;  z-index: 99;}
	.rowzero .logo{max-height: 50px; width: auto;    margin-top: 23px;} 
	.rowzero .contact{padding-top:33px;}
	.rowzero .contact a{display:inline-block; margin-right:15px;}
	.rowzero .btn{margin-top:14px;}
	.rowone{background: @main-col;}
	.rowone #row1{padding-top: 260px;   min-height: 865px;}
	
	.rowone .call-to-action{padding-top:0px; padding-bottom:0px;}
	.rowone .call-to-action .call-to-action-innerlijk{background:rgba(0,0,0,0);padding:0px;}
	.rowone .call-to-action h3{
	    display: block;
	    font-size: 114px;
	    color: @wit;
	    letter-spacing: -5.7px;
	    text-shadow: 0 11px 10px rgba(0,0,0,0.19);
	    font-weight: 700;
	    position: relative;
	margin-top:0px;
	    line-height: 1;
	
	margin-bottom:0px;
	}
	.rowone .call-to-action .cta-tekst p{font-size: 80px;
	    letter-spacing: -3px;
	    line-height: 78px;
	color: @wit;
	font-family:@font1;
	text-shadow: 0 11px 10px rgba(0,0,0,0.19);
	    margin: 0;
	    z-index: 2;
	font-weight: 700;
	margin-bottom:40px;
	}
	.rowone .call-to-action .btn, .rowzero .btn, .rowfive .call-to-action .btn, .rownine .contact-formulier .btn{
	background: @main-col;
	color:@wit;
	padding: 18px 27px;
	    border: 0;
	    font-weight: 500;
	    border-radius: 0;
	    font-size: 16px;
	    -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
	    -o-transition: color 400ms, background-color 400ms, border-color 400ms;
	    transition: color 400ms, background-color 400ms, border-color 400ms;
	line-height: 1.42857143;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	}
	.rowone .call-to-action .btn:hover, .rowzero .btn:hover, .rowfive .call-to-action .btn:hover, .rownine .contact-formulier .btn:hover{background: darken(@main-col, 5%);}
	
	.rowtwo, .rowsix{padding-top:100px; background-color: @achtergrond; text-align:center;}
	.rowtwo h3, .rowsix h3{
	    font-size: 48px;
	    line-height: 48px;
	    font-weight: 600;
	    color: #444;
	    margin-bottom: 22px;
	    letter-spacing: -3.07px;margin-top:0px;
	}
	.rowtwo p, .rowsix p{
	font-size: 16px;
	    display: inline-block;
	    margin-top: 0;
	    margin-bottom: 0;
	    max-width: 80%;
	}
	
	.rowthree{background-color:@achtergrond; padding-top:60px;padding-bottom: 165px;}
	.rowthree .feature-box{background:@main-col; color:@wit;     min-height: 220px;     padding: 40px 0 27px; text-align:center;}
	.rowthree #column-3-1 .feature-box{background-color:darken(@main-col, 5%);}
	.rowthree #column-3-2 .feature-box{background-color:darken(@main-col, 10%);}
	.rowthree #column-3-3 .feature-box{background-color:darken(@main-col, 15%);}
	
	.rowthree .feature-box i{font-size:70px;}
	.rowthree .feature-box h3{margin-top: 15px;   margin-bottom: 25px;   font-size: 18px;     padding: 0px 30px !important;}
	
	.rowfour{    padding-top: 143px; padding-bottom:100px;
	      background-size: contain;
	    background-repeat: no-repeat;
	background: url(https://www.grondwerkenwuustwezel.be/lp/resources/images/grondwerkenwuustwezel.be/up-white.png);
	margin-top:-43px;
	
	    width: 100%;
	}
	.rowfour h4{
	    letter-spacing: -2.07px;
	font-family: Poppins, sans-serif;
	    font-size: 18px;
	    letter-spacing: 0px;
	    margin-bottom: 0px;
	    color: @main-col;
	    font-weight: 500;
	}
	.rowfour h1{
	margin-top: 0px;
	    margin-bottom: 20px;
	    color: #444;
	    font-size: 47px;
	    font-weight: 600;
	}
	
	.rowfive{background-color:darken(@main-col, 15%);}
	.rowfive .call-to-action{padding: 100px 0px;}
	.rowfive .call-to-action-innerlijk{background-color: rgba(0,0,0,0);}
	.rowfive h3{
	    font-size: 48px;
	    line-height: 48px;
	    font-weight: 600;
	    margin-bottom: 30px;
	color:@wit
	}
	.rowfive .cta-tekst p{
	color:@wit;
	font-size: 16px;
	    display: inline-block;
	    max-width: 80%;
	margin-bottom:40px;
	}
	.rowfive .cta-tekst a{color:@wit; text-decoration:underline;}
	.rowfive .cta-tekst a:hover{text-decoration:none;}
	
	.rowseven{background:@achtergrond; padding-top:60px;padding-bottom:100px;}
	.rowseven h3, .roweight h3, .rownine h3{letter-spacing: -2.07px;color: #000;  font-size: 30px;font-weight: normal;}
	
	.roweight{padding-top: 143px; padding-bottom:100px;
	  background: url(https://www.grondwerkenwuustwezel.be/lp/resources/images/grondwerkenwuustwezel.be/up-white.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	margin-top:-43px;
	    width: 100%;}
	
	.rownine{background:@achtergrond; padding-top:100px; padding-bottom:100px;}
	.rownine .contact-formulier .col-xs-3{display:none;}
	.rownine .contact-formulier .col-xs-9{width:100%;}
	.rownine .contact-formulier input{
	width:100%;
	    border: 2px solid #ECECEC;
	    border-radius: 0px;
	    height: 54px !important;
	    color: #444;
	    font-size: 14px;
	    box-shadow: none;
	    padding: 0 0 0 20px;
	    margin-bottom: 20px;
	}
	.rownine .contact-formulier textarea{
	    border: 2px solid #ECECEC;
	    border-radius: 0px;
	width:100%;
	    height: 120px;
	    color: #444;
	    font-size: 14px;
	    box-shadow: none;
	    padding: 15px 0 0 20px;
	    resize: none;
	    margin-bottom: 20px;}
	.rowten{padding-top:180px; padding-bottom:100px;
	background: url(https://www.grondwerkenwuustwezel.be/lp/resources/images/grondwerkenwuustwezel.be/down-green.png) ;
	    background-size: contain;
	    background-repeat: no-repeat;
	
	background-color:darken(@main-col, 15%);
	margin-top:-43px;
	    width: 100%;
	}
	.rowten .container {
	    padding-bottom: 50px;
	    border-bottom: 1px solid fade(@wit, 50%);
	}
	.rowten footer {color: fade(@wit, 50%);}
	.rowten a{color: fade(@wit, 90%);}
	.rowten a:hover{text-decoration:underline; color:@wit;}
	
	@media (max-width:991px){
	.rowzero .col-md-2{width:20%;}
	.rowzero .col-md-6{width:60%; padding-top:25px;}
	.rowone .call-to-action h3{    font-size: 95px;}
	.rowone .call-to-action .cta-tekst p{font-size: 57px;}
	.rowthree .feature-box{margin-bottom:15px;}
	.rowseven #column-7-0{margin-bottom:30px;}
	}
	
	@media(max-width:767px){
	   .rowone .call-to-action h3{ font-size: 53px;  letter-spacing: -3px;}
	.rowone .call-to-action .cta-tekst p{font-size: 32px;  letter-spacing: -2px;}
	#column-0-3,.rowfour img{display:none;}
	.rowten #column-10-0{margin-bottom:15px;}
	}
	@media(max-width:650px){
	.rowzero .col-md-2{width:40%;}
	.rowzero .col-md-6{width:60%; ;}
	}