*, *:before, *:after {
    box-sizing: border-box;
}
html.overscroll-lock,
html.overscroll-lock body {
  /*position: fixed;*/
  overflow: hidden !important;
}
body {
	margin: 0;
	padding: 0;
	color: #01426A;
	font-size: small;
	line-height: 1.4em;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 400;
	background: #fff;
}
#wrap {
	padding-top: 140px;
}
img {
	max-width: 100%;
}
strong {
	font-weight: 700;
}
p {
	font-size: 1rem;
	line-height: 1.6rem;
}
a {
	color: #01426A;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
h1, h2, h3, h4, h5 {
	color: #01426A;
	font-weight: 700;
}
h1 {
	font-size: 2rem;
	line-height: 1.3em;
	text-transform: uppercase;
	margin: 0;
}
h2 {
	font-size: 1.6rem;
	line-height: 1.3em;
	margin: 2rem 0;
}
h3 {
	font-size: 1rem;
}
hr {
	border: 0;
	height: 0;
	border-top: 1px solid #bbb;
	margin: 4rem auto;
}
.rel {
	position: relative;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.bg-blue {
	color: #fff;
	background-color: #01426A;
}
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue a {
	color: #fff;
}

::placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
	color: #888;
}

input[type="text"],
input[type="submit"],
textarea {
	filter: none;
	outline: none;
	
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

/* embed responsively */
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} 
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* !BUTTONS */
.btn {
    display: inline-block;
	cursor: pointer;
    font-size: 0.9rem;
    color: #fff;
    background: #01426A;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
	line-height: 33px;
	padding: 4px 2rem;
	border-radius: 20px;
	letter-spacing: 1px;
    transition: .2s ease-out;
}
.btn:hover {
	background: #006A52;
}
.btn.small {
	font-size: 0.7rem;
	padding: 3px 1.4rem;
}

.btn.green {background: #006A52;}
.btn.green:hover {background: #fff; color: #006A52;}

.btn.white {background: #fff; color: #01426A;}
.btn.white:hover {background: #006A52; color: #fff;}

/* button animated */
.btn.animated {
	pointer-events: auto;
	background: #777;
	overflow: hidden;
	position: relative;
}
.btn.animated::before,
.btn.animated::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.btn.animated::before {
	content: '';
	background: #ED3124;
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
	transform-origin: 100% 50%;
}
.btn.animated:hover::before {
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
}
.btn.animated span {
	display: block;
	position: relative;
}
.btn.animated > span {
	overflow: hidden;
}
.btn.animated > span > span {
	overflow: hidden;
}
.btn.animated:hover > span > span {
	animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}
@keyframes MoveUpInitial {
	to {
		transform: translate3d(0,-105%,0);
	}
}
@keyframes MoveUpEnd {
	from {
		transform: translate3d(0,100%,0);
	}
	to {
		transform: translate3d(0,0,0);
	}
}

/* !HEADER */
header {
	position: fixed;
	z-index: 100;
	top: 0;
	width: 100%;
	height: 140px;
	padding: 20px 0;
	border-bottom: 2px solid #eee;
	background-color: #fff;
}
header div.logo {
	width: 300px;
	height: 48px;
	margin-top: 2rem;
}
html.svg header div.logo {background: transparent url('../img/logo-horizontal.svg') no-repeat center center;}
html.no-svg header div.logo {background: transparent url('../img/logo-horizontal@2x.png') no-repeat center center; background-size: 100%;}

header nav {
	text-align: right;
}
header nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
header nav ul li {
	display: inline-block;
}
header nav ul li a {
	text-decoration: none;
}

/* nav.tools */
header nav.tools {
	margin-bottom: 41px;
}
header nav.tools li {
	border-left: 2px solid #ccc;
}
header nav.tools li:first-child {
	border-left: none;
}
header nav.tools ul li a {
	color: #97999B;
	font-variant: small-caps;
	font-size: .90rem;
	padding: .2rem .6rem;
}
header nav.tools ul li a:hover {
	color: #777;
}

/* nav.main */
header nav.main ul {
	
}
header nav.main ul li a {
	display: block;
	font-weight: 600;
	padding: .2rem .6rem;
	color: #01426A;
}
header nav.main ul li a:hover,
header nav.main ul li a.active {
	color: #6BA4B8;
}
header nav.main ul li.caps a {
	font-variant: small-caps;
	font-size: 1rem;
	color: #97999B;
}
header nav.main ul li.caps a:hover {
	color: #777;
}
header nav.main ul.sep {
	margin-left: .6rem;
	padding-left: .6rem;
	border-left: 2px solid #ccc;
}

/* subnavs */
header nav.main li.has-sub {
	position: relative;
}
header nav.main .subnav {
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
	opacity: 0;
	width: auto;
	background: #fff;
	z-index: 20;
	padding: 10px;
	text-align: left;
    box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
header nav.main .subnav ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
header nav.main .subnav ul li {
	margin-right: 0;
	display: block;
}
header nav.main .subnav ul li a {
	display: block;
	color: #6BA4B8;
	font-size: .85rem;
	margin-right: 0;
	padding: .4rem;
}
header nav.main .subnav ul li a:hover {
	color: #01426A;
}

/* !MOBILE NAV */
.hamburger {
	display: none;
	width: 30px;
	height: 25px;
	position: absolute;
	top: 40px;
	right: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-transition: top 0.16s ease-in-out;
	-moz-transition: top 0.16s ease-in-out;
	-o-transition: top 0.16s ease-in-out;
	transition: top 0.16s ease-in-out;
	cursor: pointer;
	z-index: 200;
}
.hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #01426A;
	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;
	z-index: 200;
}
.hamburger.open span {
	left: 0;
	z-index: 200;
}
.hamburger span:nth-child(1) {
	top: 2px;
}
.hamburger span:nth-child(2) {
	top: 12px;
}
.hamburger span:nth-child(3) {
	top: 22px;
}
.hamburger.open span:nth-child(1) {
	top: 14px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}
.hamburger.open span:nth-child(3) {
	top: 14px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.mobilenav {
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(255, 255, 255, 0.94);
	margin: 0;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	margin-top: 80px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.mobilenav .first,
.mobilenav .second {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobilenav .first a,
.mobilenav .second a {
	text-decoration: none;
}

.mobilenav .first {
	margin-top: -1rem;
}
.mobilenav .first li.marginTop {
	margin-top: 1.4rem;
}
.mobilenav .first li a {
	opacity: 0;
	width: 100%;
	color: #01426A;
	font-size: 1.4rem;
	font-weight: 700;
	display: block;
	width: 100%;
	padding: 10px 0;
	letter-spacing: 1px;
}
.mobilenav .first li a.active {
	color: #949397;
}
.mobilenav .first li.caps a {
	font-variant: small-caps;
	font-weight: 800;
	color: #97999B;
}

/* !BANNER */
.banner {
	width: 100%;
	height: 200px;
	background: #01426A url('../img/banners/default.jpg') no-repeat center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.banner .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: #01426A;
	background-color: rgba(1, 24, 57, 0.85);
	display: none; /* enkel zichtbaar wanneer css background-blend-mode: multiply niet ondersteund wordt */
}

.backgroundblendmode .banner {background-blend-mode: multiply;}
.no-backgroundblendmode .banner .overlay {display: block;}

.banner .content {
	position: relative;
	z-index: 2;
	color: #fff;
}
.banner .content .row {
	max-width: 82.5rem;
	margin-left: auto;
	margin-right: auto;
}
.banner .content h1 {
	color: #fff;
	text-align: center;
	margin-top: 80px;
	visibility: hidden;
}

/* banners: custom per page */
.banner.home {background-image: url('../img/banners/home.jpg'); height: 400px;}
.banner.home p {font-size: 1.4rem; letter-spacing: 1px;}
.banner.home p#intro-anim {margin-top: 150px;}
.banner.home p#cta-btn {display: none;}
.banner.home div.logo-vertical {
	width: 300px;
	height: 274px;
	float: right;
	margin: 4rem 4rem 0 auto;
}
html.svg .banner.home div.logo-vertical {background: transparent url('../img/logo-vertical-white.svg') no-repeat center center;}
html.no-svg .banner.home div.logo-vertical {background: transparent url('../img/logo-vertical-white@2x.png') no-repeat center center; background-size: 100%;}

.banner.services {background-image: url('../img/banners/services.jpg');}
.banner.about {background-image: url('../img/banners/about.jpg');}
.banner.vacancies {background-image: url('../img/banners/vacancies.jpg');}
.banner.tools {background-image: url('../img/banners/tools.jpg');}
.banner.contact {background-image: url('../img/banners/contact.jpg');}
.banner.contact {background-image: url('../img/banners/default.jpg'); background-position-y: top;}


/* !MAIN CONTENT */
section.main-content {
	padding: 4rem 0;
}
.home section.main-content {
	padding-bottom: 0; /* omdat nieuws is weggevallen op home */
}
section.main-content section {
	padding: 4rem 0;
}
section.main-content > div.padded,
section.main-content > .bg-blue > div.padded {
	max-width: 62.5rem;
	margin: 0 auto;
}
section.main-content ul {
	font-size: .95rem;
	line-height: 1.45rem;
}

/* !HOME */
body.home h2 {
	text-transform: uppercase;
}
section.main-content section.expertise {
	padding-top: 0;
}
section.expertise .row.padded {
	padding: 0 6rem;
}
section.expertise a {
	text-decoration: none;
}
section.expertise div.icon {
	width: 195px;
	height: 195px;
	margin: 0 auto;
	visibility: hidden; /* wow */
	transition: transform .2s;
}
.no-touchevents section.expertise div.icon:hover {
	transform: scale(1.1);
}
html.svg section.expertise div.icon-01 {background: transparent url('../img/expertise-icon-01.svg') no-repeat center center; background-size: 100%;}
html.no-svg section.expertise div.icon-01 {background: transparent url('../img/expertise-icon-01.png') no-repeat center center; background-size: 80%;}

html.svg section.expertise div.icon-02 {background: transparent url('../img/expertise-icon-02.svg') no-repeat center center; background-size: 100%;}
html.no-svg section.expertise div.icon-02 {background: transparent url('../img/expertise-icon-02.png') no-repeat center center; background-size: 80%;}

html.svg section.expertise div.icon-03 {background: transparent url('../img/expertise-icon-03.svg') no-repeat center center; background-size: 100%;}
html.no-svg section.expertise div.icon-03 {background: transparent url('../img/expertise-icon-03.png') no-repeat center center; background-size: 80%;}

html.svg section.expertise div.icon-04 {background: transparent url('../img/expertise-icon-04.svg') no-repeat center center; background-size: 100%;}
html.no-svg section.expertise div.icon-04 {background: transparent url('../img/expertise-icon-04.png') no-repeat center center; background-size: 80%;}

html.svg section.expertise div.icon-05 {background: transparent url('../img/expertise-icon-05.svg') no-repeat center center; background-size: 100%;}
html.no-svg section.expertise div.icon-05 {background: transparent url('../img/expertise-icon-05.png') no-repeat center center; background-size: 80%;}

section.expertise h3 {
	text-transform: none;
	margin-top: 0;
}
section.expertise ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
section.over-ons p {
	padding: 0 6rem;
}
section.vacatures {
	background: #85B09A url('../img/banners/vacancies.jpg') no-repeat center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
section.vacatures .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: #85B09A;
	background-color: rgba(133, 176, 154, 0.8);
}
section.vacatures .content {
	position: relative;
	z-index: 2;
	color: #fff;
}
section.vacatures .content h2 {
	color: #fff;
}

/* !ABOUT */
section.bg-blue.team {
	margin: 4rem 0;
}
section.bg-blue.team h2 {
	text-transform: uppercase;
}
section.bg-blue.team .column-block {
	margin-bottom: 2rem;
}
section.bg-blue.team .column-block img {
	margin-bottom: 1rem;
}
section.bg-blue.team .column-block h3,
section.bg-blue.team .column-block p {
	margin: 0 0 8px 0;
}
section.bg-blue.team .column-block h3 {
	font-size: 1.2rem;
	font-weight: 600;
}
section.bg-blue.team .column-block p {
	font-size: .9rem;
	font-weight: 300;
	line-height: 1.3rem;
}
section.bg-blue.team .column-block .function {
	text-transform: uppercase;
	font-size: .8rem;
	letter-spacing: .6px;
	margin-bottom: 0;
}
section.bg-blue.team .column-block .social {
	margin-top: 10px;
}
section.bg-blue.team .column-block sup {
	font-size: .6rem;
}
section.bg-blue.team .column-block a {
	font-size: 1.6rem;
}
section.bg-blue.team .column-block a:hover {
	color: #ccc;
}

section.bg-blue.team div.team_compact {
	text-align: left;
	font-size: .9rem;
}
section.bg-blue.team div.team_compact .row {
	margin-bottom: 1rem;
}

/* !NEWS */
.news h3 span.date {
	color: #6BA4B8;
	margin-right: 1rem;
}
/* detail */
.news p.date {
	color: #6BA4B8;
	font-weight: 600;
}
.news h1 {
	text-transform: none;
}

/* !VACANCIES */
.vacancies h3 {
	font-size: 1.2rem;
	margin-top: 2rem;
}

/* !TOOLS */
.documenten a {
	font-weight: 600;
	font-variant: small-caps;
}
.documenten ul li {
	margin-bottom: .8rem;
	line-height: 1.2rem;
}
.tools-links ul li {
	margin-bottom: 1rem;
}

/* !CONTACT */
div.logo-contact {
	width: 200px;
	height: 183px;
	margin: 1rem 0 3rem 0;
}
html.svg div.logo-contact {background: transparent url('../img/logo-vertical.svg') no-repeat center center;}
html.no-svg div.logo-contact {background: transparent url('../img/logo-vertical@2x.png') no-repeat center center; background-size: 100%;}

.contact-data {
	font-size: 1rem;
	line-height: 1.6rem;
	margin-top: 1rem;
}
.contact-data .row {
	margin-bottom: 1rem;
}
/* form */
#contactform ::placeholder {
	color: #888;
}
#contactform input[type="text"],
#contactform textarea {
	width: 100%;
	margin: .4rem 0;
	padding: .6rem 1rem;
	font-size: 1rem;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
}
#contactform input[type="submit"] {
	margin: 1rem 0;
}
/* map */
#map {
	height: 500px;
	margin-top: 2rem;
	background: #eee;
}
#map .maps-logo-bubble {
	width: 160px;
	margin-right: 10px;
}
#map p {
	font-size: 14px;
	line-height: 1rem;
}
#map h1 {
	margin: 0;
	padding: 0;
	color: #000;
}
#map a {
	color: #01426A;
	text-decoration: none;
	border-bottom: 1px dotted #01426a;
}
.gm-style-cc {
	display: none;
}



/* !FOOTER */
footer {
	padding: 4rem 0;
	background-color: #efefef;
}
footer .social a {
	font-size: .8rem;
	text-decoration: none;
}
footer .social a:hover {
	color: #006A52;
}
footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer ul li {
	margin-bottom: 1rem;
}
footer ul li a {
	color: #01426A;
	font-weight: 600;
	text-decoration: none;
}
footer ul li a:hover {
	color: #97999B;
}
footer div.logo {
	width: 200px;
	height: 183px;
	float: right;
	margin-top: 3rem;
}
html.svg footer div.logo {background: transparent url('../img/logo-vertical.svg') no-repeat center center;}
html.no-svg footer div.logo {background: transparent url('../img/logo-vertical@2x.png') no-repeat center center; background-size: 100%;}


/* !MEDIA */

/* Large and up */
@media screen and (min-width: 860px)
{
	
}
/* Medium and up */
@media screen and (min-width: 40em)
{
	/*header nav.main ul li a {color: red;}*/
}
/* Down */
@media (max-width: 40em)
{
	
}
@media (max-width: 1024px)
{
	nav {
		display: none;
	}
	.hamburger {
		display: block;
	}
	#wrap {
		padding-top: 80px;
	}
	header,
	header.sticky {
		height: 80px;
	}
	header .hamburger, 
	header.sticky .hamburger {
		top: 30px;
	}
	header div.logo {
		width: 200px;
		height: 32px;
		margin-top: 5px;
	}
	
	/* Home */
	section.expertise .row.padded {
		padding: 0;
	}
	section.over-ons p {
		padding: 0 4rem;
	}
	
	/* News */
	.news h3 .date {
		display: block;
		margin: 0.5rem 0;
	}
	
	/* Footer */
	footer {
		padding: 3rem 0;
	}
}
@media (max-width: 640px)
{
	.text-right {
		text-align: left;
	}
	section.main-content {
		padding: 1rem 0;
	}
	
	/* Home */
	.banner.home div.logo-vertical {
		display: none;
	}
	section.over-ons p {
		padding: 0 2rem;
	}
	
	/* Tools */
	.tools-links img.logo-ext {
		max-width: 60%;
		margin: 1rem 0;
	}
	
	/* Contact */
	div.logo-contact {
		display: none;
	}
	
	
	/* Footer */
	footer {
		padding: 2rem 0;
		text-align: center;
	}
	footer div.logo {
		width: 150px;
		height: 138px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2rem;
	}
}
@media (max-width: 480px)
{
}