html {
	font-size: 85%;
	font-size: 100%;
}
body {
	padding: 0;
	margin: 0;
	background: #fff;
	color: #222;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	line-height: 1.64rem;
}

* {
	box-sizing: border-box;
}

::selection {
	color: #fff;
  background: #f26522; /* WebKit/Blink Browsers */
}
::-moz-selection {
	color: #fff;
  background: #f26522; /* Gecko Browsers */
}

a {
	color: #f26522;
}

.responsive {
    max-width: 100%;
}

.container {
	overflow: auto;
	min-height: 1px;
	width: 100%;
	max-width: 1280px;
	/*xmax-width: 1160px;*/
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.grid-section {
	margin-top: -1em;
}
.grid-section .container {
	padding-top: 1em;
	margin-bottom: 1em;

}
body.landingonepage .grid-section {
	margin-bottom: 120px;
}
body.landingonepage .grid-section .container {
	/*max-width: 1024;*/
}

.block-container .container {
	margin: 0 auto;
	max-width: none;
	padding-top: 0;
}

.block-container .container img {
	max-height: 100%;
}
h1 {
	font-weight: 400;
}

h4.tf {
	font-family: "Roboto", sans-serif; /*'United Sans Rg Lt', sans-serif;*/
	font-weight: 300;
	font-size: 1.4rem;
}
h4.tf strong {
	font-family: "Roboto", sans-serif; /*'United Sans Rg Lt', sans-serif;*/
	font-weight: 700;
}
.header-top {
	height: 60px;
	color: #fff;
	background: #000;
}
.header-top a {
	color: #fff;
	text-decoration: none;
}
.logo {
	width: 240px;
	height: 240px;
	margin: 0;
	float: left;
	z-index: 2;
	position: relative;
}
.logo a {
	display: block;
	width: 240px;
	height: 240px;
}
.logo img {
	width: 240px;
	height: 240px;
}

.links {
	xline-height: 60px;
	float: right;
}
.links a {
	line-height: 1.5rem;
	display: inline-block;
	margin-left: 2rem;
	padding-top: 22px;
	padding-bottom: 22px;
}
.links a:before {
	display: block;
	float: left;
	background: #f26522;
	content: "\f192";
	margin-right: .5rem;
	width: 1.7rem;
	text-align:center;


/*	display: inline-block;*/
    font: normal normal normal 14px/1 FontAwesome;
	line-height: 1.5rem;
    font-size: 1.1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;*/
}
.links a#link_whatsapp:before {
	content: "\f232";
}
.links a#link_email:before {
	content: "\f003";
}
.links a#link_phone:before {
	content: "\f10b";
}
.header-menu {
	height: 90px;
	background: #fff;
}
.header-menu .col-md-12 {
	padding-left: 260px;
	line-height: 90px;
}

.header-menu ul {
	overflow: auto;
	margin: 0;
	padding: 0;
}
.header-menu ul > li {
	margin: 0;
	padding: 0 1em;
	float: left;
	list-style: none;
}
.header-menu ul > li:first-child {
	padding-left: 0;
}
.header-menu ul a {
	color: #000;
	text-decoration: none;
}
.header-menu ul > li.current a {
	border-bottom: 1px solid #000;
}

.menu-fire {
	width: 2rem;
	height: 2rem;
	margin-top: 36px;
	margin-right: 1rem;
	float: left;
}
.menu-firex:after {
	content: "menu";
	display: block;
	float: left;
}
.menu-fire span {
	display: block;
	width: 100%;
	border: 1px solid #000;
	border-width: 1px 0 0 0;
	margin-bottom: 7px;
}
.menu-fire span:last-child {
	margin-bottom: 0;
}
.hero {
	background: #000 url(../assets/images/welcome-hero.jpg) no-repeat center top;
	background-size: cover;
	color: #fff;
	height: 500px;
}
.hero-teaser {
	float: right;
	margin-top: 119px;
	padding-bottom: 10px;

	font-family: "Roboto", sans-serif; /* 'United Sans Rg Lt', sans-serif; */
	font-weight: 300;
	color: #fff;
	text-align: right;
	font-size: 2.5rem;
	line-height: 2.7rem;
	text-shadow: -1px 0 rgba(0,0,0,.1), 0 1px rgba(0,0,0,.1), 1px 0 rgba(0,0,0,.1), 0 -1px rgba(0,0,0,.1);
}
.hero-teaser em {
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Bd', sans-serif; */
	font-weight: 700;
	font-style: normal;
}
.hero-teaser:after {
}
.hero-teaser .hero-huge {
	font-size: 7.25rem;
	line-height: 7.75rem;
	font-size: 5.25rem;
	line-height: 5.75rem;
}
/* teasers */
.teaserblock {
	height: 0;
	margin: 0;
	padding: 25% 0 25% 0;
	position: relative;
}
.visionblock {
	height: 0;
	margin: 0;
	padding: 25% 0 0 0;
	position: relative;
}
.container-teaser {
	position: absolute;
	height: 100%;
	width: 50%;
	left: 0;
	top: 0;
	background: #f26522;
	color: #fff;
	z-index: 8;
	/*text-indent: 1rem;*/
}
body.portfolio .container-teaser {
    font-family: "Roboto", sans-serif;
	padding-top: 5%;
	padding-left: 5%;
	font-size: 1.1rem;
	line-height: 1.6rem;
}
body.portfolio .container-teaser h2 {
	margin-top: 0;
	font-size: 2rem;
	line-height: 2.2rem;
}
body.portfolio .container-teaser h2:after {
	content: "_";
}
body.portfolio .container-teaser h3 {
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Bd', sans-serif; */
	margin-top: 0;
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #000;
}

body.portfolio .container-text img {
	display: block;
	margin: 0 auto;
}
.container-teaser a {
	color: #fff;
	text-decoration: none;
}
.visionblock .container-teaser {
	background: #fff;
	overflow: visible;
}

.teaserblock .container-teaser {
	padding: 15% 0 0 10%;
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Lt', sans-serif; */
	font-size: 3rem;
	line-height: 3.2rem;
	font-weight: 300;
}

.teaserblock .container-teaser strong {
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Bd', sans-serif; */
	font-weight: 700;
}
.container-text {
	position: absolute;
	height: 100%;
	width: 50%;
	left: 50%;
	top: 0;
	padding: 12% 4% 2%;
	background: #e5e5e5;
	color: #000;
	z-index: 7;
}
.container-text input {
	max-width: 100%;
}

.visionblock .container-text {
	color: #000;
	background: #fff;
	padding: 2% 2%;
	padding-right: 10%;
	overflow: hidden;
}

.teaserblock .container-text {
	font-size: 1.1rem;
	line-height: 1.6rem;
	overflow: hidden;
}
.swapblock .container-teaser {
	left: 50%;
}
.swapblock .container-text {
	left: 0;
}

.container-teaser img {
	display: block;
	margin-top: 31px;
	margin-left: -15%;
	max-height: 258px;
	max-width: 100%;
}

footer {
	background: #000;
	color: #fff;
	position: relative;
	height: 400px;
}
footer a {
	color: #fff;
	text-decoration: underline;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 400px;
	z-index: 1;
}

footer > .container {
	position: relative;
	z-index: 10;
	padding-top: 100px;
}

/* blokken landingspagina */
.block-container {
/*	background: #ddd;*/
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.8em;
}

.full-orange {
	background: #f26522;
	color: #fff;
	padding-top: 1em;
	padding-bottom: 1em;
}

.block-container .column {
	padding-left: 0;
	padding-right: 0;
}
.block-container .column > div {
	position: relative;
	/*height: 0;
	padding-top: 25%;
	padding-bottom: 25%;*/
}
.block-container .column .column-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 30px 60px;
}
.block-container .column.col-md-6 .column-inner {
	max-width: 640px;
	/*background-color: rgba(0,0,0,.2);*/
}
.block-container .column.col-md-6:first-child .column-inner {
	left: auto;
	right: 0;
}

/*
.block-container .column > div {
	position: relative;
	height: 0;
	padding-top: 15%;
	padding-bottom: 15%;
}
.block-container .column > div > div {
	padding: 15px 30px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
*/
h2 {
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Bd', sans-serif; */
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 2.7rem;
}
.grid-section h2 {
	margin: 0;
}
.grid-section p {
	margin: 0 0 1em 0;
}
.block-container h2 {
	margin-top: 0;
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Bd', sans-serif; */
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 2.7rem;
}
.block-dark {
	color: #fff;
	background: #404040;
}
.block-contrast {
	color: #fff;
	background: #f26522;
}
.block-container .column div.itemlist .column-inner,
.block-container .column div.block-white .column-inner {
	position: relative;
	width: 100%;
	height: auto;
}
.block-container .column > div.itemlist,
.block-container .column > div.block-white,
.block-container .column > div.block-dark,
.block-container .column > div.block-contrast {
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
	height: 100%;
}

.itemlist .column-outer,
.block-white .column-outer,
.block-dark .column-outer,
.block-contrast .column-outer {
	max-width: 640px;
}
.itemlistx .column-outer2,
.block-whitex .column-outer2,
.block-dark .column-outer2,
.block-contrast .column-outer2 {
	/*height: 0;
	padding-top: 27%;
	padding-bottom: 27%;*/
}

.block-container .column .column-inner {
	position: static;
	/*position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;*/
	padding: 30px 60px;
}


.cta-btn {
	margin: 1em 0;
	text-align: left !important;
}

.container-text .cta-btn {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 10%;
}
.cta-btn a {
	display: inline-block;
	padding: 0 2em;
	text-decoration: none;
	color: #fff;
	background: #f26522;
	line-height: 2em;
}

.container-text .cta-btn a {
	display: block;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.container-text button {
	border: 0 none;
	padding: 0 2em;
	color: #fff;
	background: #f26522;
	line-height: 2em;
}

.block-contrast .cta-btn a {
	background: #ffffff;
	color: #404040;
}
.cta-btn a:after {
	content: " >";
}

/* vervolgpagina */
.content-text {
	padding-top: 5rem;
	padding-bottom: 5rem;
	font-size: 1.25rem;
	line-height: 1.8em;
}
.content-text h1 {
	margin-top: 0;
	/*padding: 0 15px;*/
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Bd', sans-serif; */
	font-weight: 700;
	font-size: 3rem;
	line-height: 3.5rem;
}
/*
.content-text h1::after {
	content: "_";
	display: inline;
}
*/
.content-text h2 {
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Bd', sans-serif; */
	font-weight: 300;
	font-size: 2rem;
}
.opvallen {
	color: #fff;
	background: #f26522;
	margin-right: -15px;
}
.opvallen a {
	color: #fff;
}
.opvallen > .container {
	padding-right: 30px;
}
.sidebar {
	padding-top: 5rem;
	padding-bottom: 5rem;
	padding-left: 5rem;
	background: #e5e5e5;
	min-height: 20rem;
	font-size: 1.1rem;
	line-height: 1.8em;
}

.sidebar-container {
	margin-bottom: 4rem;
}
.sidebar h2 {
	margin: 0;
	margin-bottom: 2rem;
	padding-bottom: .6rem;
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Lt', sans-serif; */
	font-weight: 300;
	font-size: 2rem;
	line-height: 2.5rem;
	border-bottom: 1px solid #f26522;
	width: 80%;
}
.sidebar h2:after {
	content: "_";
}
.sidebar h2 em {
	font-family: "Roboto", sans-serif; /* 'United Sans Rg Bd', sans-serif; */
	font-style: normal;
}


/* sidebar specific */
ul.projectlist {
	margin: 0;
	padding: 0;
}
ul.projectlist li {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	overflow: auto;
}
ul.projectlist li p {
	margin: 0;
}

ul.projectlist .projectimage {
	float: left;
	width: 5rem;
	height: 5rem;
	margin-right: 1rem;
	background: #f26522;

}

ul.noli {
	margin: 0;
	padding: 0;
}

ul.noli li {
	margin: 1em 0;
	padding: 0;
	list-style: none;
}

.handy {
	display: none;
}

/* rij extra */
.brandlogoimagerow {
	margin-top: 20px;
	background: url(../assets/images/logobalk.png) no-repeat center center;
	min-height: 150px;
}

.itemlist {
	margin-top: 3.4em;
}
.itemlist ul {
	margin: 0;
	padding: 0;
	overflow: auto;
}

.itemlist ul li {
	margin: .2em 0;
	padding: 0;
	width: 50%;
	float: left;
	list-style: none;
	font-weight: bold;
}

/* forms */
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.form-group {
    margin-bottom: 1rem;
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
	-ms-touch-action: manipulation;
    touch-action: manipulation;
}
label {
	display: inline-block;
    margin-bottom: .5rem;
}
.form-control {
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    background-color: green;
    border-color: green;
}
.btn:not([disabled]):not(.disabled) {
    cursor: pointer;
}

textarea {
    overflow: auto;
    resize: vertical;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
@media screen and (max-width: 990px) {
	.header-top {
		height: px;
	}
	.logo, .logo a {
		width: 120px;
		height: 120px;
	}
	.logo img {
		width: 120px;
		height: 120px;
	}
	.header-menu {
		height: 60px;
	}

	.header-menu .col-md-12 {
		padding-left: 140px;
		line-height: 60px;
	}
	.menu-fire {
		margin-top: 20px;
	}
	.teaserblock .container-teaser {
		padding-top: 5%;
		padding-left: 5%;
		font-size: 1.7rem;
		line-height: 1.1em;
	}
	.teaserblock .container-text {
		padding-top: 5%;
		padding-left: 5%;
		font-size: 1rem;
		line-height: 1.4em;
	}
	.container-text p {
		margin-top: 0;
	}
	.container-text .cta-btn {
		margin: 0;
	}
}

@media screen and (max-width: 768px) {


}

@media screen and (max-width: 768px) {
	.logo, .logo a {
		width: 60px;
		height: 60px;
	}
	.logo img {
		width: 60px;
		height: 60px;
	}
	.hero-teaser {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	.hero-teaser .hero-huge {
		font-size: 2.2rem;
		line-height: 2.2rem;
	}
	.links a {
		display: none;
	}
	.links a#link_phone {
		display: block;
	}
	.header-menu .col-md-12 {
		padding-left: 15px;
		line-height: 45px;
	}
	.hero {
		height: 250px;
	}
	.hero-teaser {
		margin-top: 40px;
	}

	.col-md-6 {
		float: none;
		width: 100%;
	}
	.teaserblock {
		padding: 0;
		height: auto;
	}
	.container-teaser, .container-text, .visionblock {
		position: static;
		width: auto;
		height: auto;
	}
	.container-text,
	.visionblock .container-text {
		padding: .1rem 15px;
	}
	.container-text .cta-btn {
		position: static;
	}
	.teaserblock .container-teaser {
		padding: 1rem 15px;
		font-size: 2rem;
		line-height: 1.1em;
	}
	.visionblock {
		padding: 0;
	}
	.swapblock .container-teaser {
		left: auto;
	}
	.container-teaser img {
		margin: 15px auto;
		width: 80%;
		height: auto;
	}

	/* some services stuff */
	.block-container .column > div {
		height: auto;
		padding: 0;
	}
	.block-container .column .column-inner {
		position: static;
		padding: 1rem 15px;
	}
	.block-container h2 {
		margin-bottom: 0;
	}
}

/*
.hero {
	background: transparent !important;
}
.hero-teaser {
	color: 0;
	text-shadow: none;
}
*/