@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');
	
	@mainCol: #001830;
	@groen: #668001;
	@accentCol: #AAD400;
	
	h1,h2,h3, body {font-family: 'Lexend', sans-serif;}
	body {font-size: 16px;line-height:2;color:#475360;font-weight:300;}
	
	.slider-rij #column-1-0{
	    overflow: hidden;
	    margin-left: auto;
	    margin-right: auto;
	    padding: 160px 0px;
	    width: 100%!important;
	    max-width: 1100px;
	    white-space: normal;
	}
	.rij-padding {padding: 80px 0px !important;}
	.achtergrond {background: #f4f8fd !important;}
	.rechter-kolom {padding-left: 40px;}
	.linker-kolom {padding-right:40px;}
	.opsomming .fb-icon {margin:0px;float:left;width:24px;color:@accentCol;font-size: 24px !important;width: 24px !important;line-height: 24px !important;margin-right:15px!important;} 
	.opsomming .fb-title {font-size: 18px !important;line-height: 1.5 !important;font-weight: 400 !important;margin-right: 30px;margin-top:0px;margin-bottom:0px;margin-right:15px;text-align:left;    margin-left: 40px;}
	.opsomming .feature-box {margin-bottom:30px;}
	
	.header .fb-icon {margin:0px;float:left;width:24px;margin-top: 3px;} 
	.header .img-responsive {max-height:80px;}
	.header {padding:10px 0px;}
	.header .fa, .header .fas {float: left;color:@mainCol;
	    color: @groen;
	    font-size: 14px!important;
	    width: 20px!important;
	    height: 30px!important;
	    line-height: 26px!important;
	    margin: auto!important;
	    text-align: center;}
	.header .fb-title { float: left;margin-right: 30px;margin-top:0px;margin-bottom:0px;margin-right:15px;color:@groen;}
	.header p {margin:0px;font-weight: 500;font-size:16px;}
	.header .fb-icon {float:left;width:24px;} 
	div#column-0-1 {padding-top: 25px;}
	div#column-0-2 {padding-top: 7px;}
	
	.btn {font-weight: 500;
	    font-size: 16px;
	    line-height: 28px;
	    text-transform: uppercase;
	    padding: 17px 38px;transition:all 0.3s!important;}
	.btn.btn-success { border:2px solid @mainCol!important;background-color:@accentCol;}
	.btn.btn-primary {border:1px solid #fff!important;background-color:transparent!important;color:#fff;}
	.btn.btn-primary:hover {background-color:@accentCol!important;border-color:@accentCol!important;}
	
	.kop {font-size: 37px !important;line-height: 1.25 !important;margin-bottom: 30px !important;color:@mainCol;}
	.introtekst {font-size: 16px;line-height: 32px;font-weight: 400;color:#6a6f77 !important;margin-bottom:30px;}
	#rijid-1 {background:@groen;}
	.call-to-action-innerlijk {background:transparent;text-align:left;}
	.cta-title, .cta-tekst {color: #fff;text-transform:uppercase;}
	.cta-title h1 {font-weight: 500;font-size: 80px !important;line-height: 1.2 !important;width:80%;text-align:left}
	.cta-tekst {margin: 15px 0px 0px 0px;font-weight: 200;font-size: 30px;line-height: 1.3;text-align:left;}
	.cta-tekst p {margin-bottom:30px;}
	
	.slider-rij {background: linear-gradient(180deg,rgba(1,32,61,0.65) 0%,rgba(1,32,61,0.62) 80%) transparent !important;}
	.slider-rij {
	
	  position: relative;
	}
	.slider-rij:before {
	  content: "";
	  position: absolute;
	  left: 0; right: 0;
	  top: 0; bottom: 0;
	  background: linear-gradient(180deg,rgba(1,32,61,0.65) 0%,rgba(1,32,61,0.62) 80%) transparent !important;
	}
	
	#row2 {    overflow: hidden;text-align:left;
	    margin-left: auto;
	    margin-right: auto;
	    padding: 160px 0px 300px 0px;
	    width: 100%!important;
	    max-width: 1100px!important;
	    white-space: normal;}
	#column-2-0 {text-align: left;}
	
	.call-to-action {padding:0px;}
	
	.feature-rij #rijid-3 {margin:auto;}
	.feature-rij .fb-icon {float:left; margin-right: 20px;color:@accentCol;width:24px;height:30px;line-height:24px;font-size:24px;}
	.feature-rij .fb-title {text-align:left;color:@accentCol;  }
	.feature-rij .fb-title  h2 { font-size: 24px!important; line-height: 1.3!important;font-weight: 500!important;}
	.feature-rij .col-md-6  {top:-250px;}
	
	#rijid-4 {padding-top: 0px;padding-bottom: 100px;}
	
	#column-6-0 {margin-bottom:20px;}
	.cta-rij #column-8-0 {padding-top:150px !important;}
	.cta-rij #column-8-2 {padding-bottom:150px!important;}
	.cta-rij h3 {font-size: 48px;line-height: 1.3;font-weight: 400;color:#fff;width:50%;margin-left:auto;margin-right:auto;margin-bottom:50px;}
	div#row8 {background: rgba(0,32,61,0.6) !important;}
	
	select, textarea, input {padding: 5px 15px;}
	textarea {height:150px;}
	
	#rijid-5 img:hover {transform:none;
	}
	#rijid-4 .row div { display: inline-block;}
	#rijid-10 {background-color:#001830;text-align:center;padding:20px 0px;}
	@media (max-width: 1360px){
	.cta-rij h3 {width:80%;}
	}
	
	
	
	@media (max-width: 992px){
	#column-0-0{width:50%;}
	#column-0-1{width:50%;}
	#column-0-2{display:none;}
	
	.order-1 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
	.order-2 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
	#row4 { display: flex!important;}   
	#rijid-4 .row {display: flex; flex-flow: column;}
	div#column-4-1 {margin-top: -150px;margin-bottom:30px;}
	#column-5-0, #column-7-0 {margin-bottom:30px;}
	#rijid-6 {padding-top: 0px;padding-bottom: 0px;}
	
	.cta-title h1 {font-size: 35px !important;}
	.cta-tekst p {font-size: 22px;   line-height: 31px;}
	#row2-0, #row3 {max-width: 540px;margin:auto;}
	.feature-rij .col-md-6 {top: -260px;;}
	.feature-box .hidden-xs {display:contents!important;}
	.feature-box {text-align: left;}
	
	.opsomming .fa, #rijid-3 .fa {float:left;margin-right:8px;}
	
	
	.kop {font-size: 30px !important;}
	.rechter-kolom {padding-left: 15px;}
	.linker-kolom {padding-right:15px;}
	
	#rijid-2 .btn.btn-primary {margin-top: inherit;}
	.btn {width:100%;}
	.feature-rij .fb-title h2 {font-size: 20px!important;}
	.header .fa, .header .fas {line-height: 32px!important;}
	.cta-rij h3 {font-size: 40px;}
	.cta-rij #column-8-0 {padding-top: 100px !important;}
	.cta-rij #column-8-2 {padding-bottom: 100px!important;}
	}
	
	@media (max-width: 767px){
	#column-0-0 {width: 30%;}
	#column-0-1 {width: 70%;}
	div#column-4-1 {margin-top: -170px;}
	#row2 {padding: 160px 0px 350px 0px;}
	}
	
	@media (max-width: 479px){
	body, .introtekst {line-height:1.8!important;}
	.header .fa, .header .fas {display:none!important;}
	div#column-0-1 {padding-top: 10px;}
	#column-0-0 {width: 50%;}
	#column-0-1 {width: 50%;}
	#row2  {   padding: 80px 0px 60px 0px;}
	.cta-title h1 {width:100%;}
	.feature-rij .col-md-6 {top: -340px;}
	.feature-rij .fb-title h2 {font-size: 18px!important;}
	
	
	.call-to-action {padding: 20px 0px;}
	.cta-title h1 {font-size: 30px !important;}
	.slider-rij .col-md-12 {height: 700px;}
	.kop {font-size: 27px !important;}
	
	#column-4-0, #column-5-0, #column-7-0 {padding-bottom:30px;}
	#rijid-4 {padding-bottom: 50px;}
	.rij-padding {  padding: 60px 0px !important;}
	.kop {margin-top:0px;}
	#rijid-6 {padding-top: 0px;padding-bottom:0px;}
	.cta-rij h3 {width: inherit;font-size: 30px;}
	.cta-rij #column-8-0 {padding-top: 70px !important;}
	.cta-rij #column-8-2 {padding-bottom: 90px!important;}
	.cta-tekst p {font-size: 18px;}
	.row.cbutton .btn {padding: 17px 25px;width:100%;}
	.row.cbutton .col-xs-6 {width:100%;}
	#rijid-10 .row {margin:0px;}
	.opsomming .fb-title {font-size: 16px !important;}
	.opsomming .feature-box {margin-bottom: 20px;}
	}