@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;900&display=swap');
	@mainCol: #323a59;
	@secCol: #bebdd5;
	@darkCol: #181a27;
	
	h1, h2, h3, h4{font-family: Open Sans, sans-serif;    color: rgba(24, 26, 39, 1);
	    font-size: 20px;
	    line-height: 20px;
	    font-weight: 600;
	    text-transform: uppercase;}
	body {overflow-x:hidden;
	    font-family: Open Sans, sans-serif;
	    font-size: 14px;
	    font-weight: normal;
	color: #757575;
	}
	.fb-icon.hidden-xs{display:block!important;}
	.rowzero .logo{height:82px;}
	.rowzero .contact div{display: inline-block; padding-right:15px; margin-top: 20px;}
	.rowzero .contact a{color: rgba(24, 26, 39, 1); transition: color 400ms; text-decoration:none;}
	.rowzero .contact a:hover{color:@mainCol;}
	.rowone .call-to-action{padding:0px; ;}
	.rowone{background-color:@secCol;}
	.rowone .call-to-action .call-to-action-innerlijk{background-color:rgba(0,0,0,0)!important; text-align:left}
	.rowone .call-to-action .cta-title h3{text-align:left; display: block;
	margin:0px;
	    color: @darkCol;
	    font-size: 30px;
	    line-height: 30px;
	    font-weight: 900;
	font-family: 'Roboto', sans-serif;
	    text-transform: uppercase; }
	.rowone .call-to-action .cta-tekst span{     color: @mainCol;  text-align:left; font-size: 60px; font-family: 'Roboto', sans-serif;
	    font-weight: 900;
	    margin-top: 0;
	    margin-bottom: 22px;
	    line-height: 1;
	    text-transform: uppercase;
	display:block;}
	.rowone .call-to-action .cta-tekst b{text-align:left; display:block; font-weight:400;   font-size: 16px;
	    color: @darkCol;     margin-bottom: 38px;}
	.rowone .call-to-action .btn{    border: none;
	    font-weight: 700;     background-color: @mainCol;    color: #fff;text-decoration: none;    transition: color 400ms, background-color 400ms, border-color 400ms;
	    font-size: 14px;    letter-spacing: .3px;
	    padding: 10px 25px; border-radius: 0px;}
	.rowone .call-to-action .btn:hover{    background-color: @darkCol;}
	.rowtwo #row2{    padding: 46px 22px 46px 55px !important;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	       -moz-box-shadow: 0 10px 6px -6px #777;
	            box-shadow: 0 10px 6px -6px #777;
	    margin-top: -60px;
	    z-index: 999;
	    background-color: #fff;
	}
	.rowtwo p{    margin-top: 0;
	    color: #67686d;
	    font-size: 18px; margin-bottom: 0;}
	.rowtwo .btn{ border: none;
	    font-weight: 700;     background-color: @mainCol;    color: #fff;text-decoration: none;    transition: color 400ms, background-color 400ms, border-color 400ms;
	    font-size: 14px;    letter-spacing: .3px;     border: 1px solid #f5f5f5;
	    padding: 10px 25px; border-radius: 0px;}
	.rowtwo .btn:hover{    background-color: @darkCol;}
	.rowthree{margin-top:80px;}
	.rowthree .feature-box-holder .feature-box{  text-align:center;  border: 1px solid #f1f3f6;
	    padding: 60px 39px;
	    -webkit-transition: .3s;
	    -o-transition: .3s;
	    transition: .3s;}
	.rowthree .feature-box-holder .feature-box i{    font-size: 60px;
	    width: 60px;
	    height: 60px;
	    line-height: 60px;    color: @mainCol;}
	.rowthree .feature-box-holder .feature-box h3 {
	    margin-bottom: 25px;
	    color: rgba(11, 12, 17, 1);
	    font-size: 18px;
	    line-height: 18px;
	    font-weight: 700;
	    text-transform: uppercase;
	}
	.rowthree .feature-box-holder .feature-box:hover{background-color:@mainCol;}
	.rowthree .feature-box-holder .feature-box:hover i, .rowthree .feature-box-holder .feature-box:hover h3, .rowthree .feature-box-holder .feature-box:hover .fb-text{color:#fff;}
	.rowfour{margin-top:75px;}
	.rowfour h1{margin-bottom: 50px;
	   }
	.rowsix h2, .rowsix h3{margin-bottom:20px;}
	h1:after, .rowsix h2:after, .rowsix h3:after{ background: @mainCol;
	    content: "";
	    width: 40px;
	    height: 3px;
	    position: absolute;
	    left: 15px;
	    margin-top: 30px;}
	.rowfour br{display:none;}
	.rowfour img{margin-top: 20px;}
	.rowfive{background-color:@mainCol; color:#fff; margin-top:80px;}
	.rowfive .call-to-action{ padding: 60px 0px;}
	.rowfive .call-to-action-innerlijk{background-color:rgba(0,0,0,0)!important;}
	.rowfive .call-to-action h3{    font-size: 60px; line-height:60px;
	 color:#fff; font-weight:900; margin-bottom:30px;}
	.rowfive .call-to-action .btn{border: 2px solid #fff; border-radius:0px; background-color: @mainCol; color:#fff; transition: color 400ms, background-color 400ms, border-color 400ms; padding: 10px 25px;}
	.rowfive .call-to-action .btn:hover{background-color:#fff; color: @mainCol; }
	.rowsix{margin-top:60px;}
	.rowsix .contact-formulier .btn{   border: none;
	    font-weight: 700;     background-color: @mainCol;    color: #fff;text-decoration: none;    transition: color 400ms, background-color 400ms, border-color 400ms;
	    font-size: 14px;    letter-spacing: .3px;
	    padding: 10px 25px; border-radius: 0px;}
	.rowsix .contact-formulier .btn:hover{background-color: @darkCol;}
	.rowseven{margin-top:75px;}
	.rowseven #column-7-0{padding-left:0px; padding-right:0px;}
	.roweight{    background-color: #707070;
	    color: #bababa;
	    padding: 75px 0px; }
	.roweight .adres-bedrijfsnaam{font-family: Open Sans, sans-serif;
	    color: #fff;
	    font-size: 20px;
	    line-height: 20px;
	    font-weight: 900;
	    text-transform: uppercase;}
	.roweight .contact a{padding: 5px 0px 5px; color:#fff;transition: color 400ms; text-decoration:none;}
	.roweight .contact a:hover{color:@mainCol;}
	.rownine{background-color:#626262; color:#fff; text-align:center; padding: 15px 0px; }
	.rownine a{color:#fff;} .rownine a:hover{color:#fff;}
	.fa.fa-check{display:none;}
	.contact-formulier{
	input:not(.btn), textarea{
	    border: 1px solid #ccc;
	    display: block;
	    height: 34px;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.428571429;
	    color: #555;
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #ccc;
	}
	textarea{height:120px;}
	}
	label{
	display: inline-block;
	    max-width: 100%;
	    margin-bottom: 5px;
	    font-weight: normal;
	}
	.col-3{width:100%;}