/*
Theme Name: Lexlumen
Theme URI: https://lexlumen.nl
Description: 
Version: 1.0
Author: 
Author URI: 
Tags: 
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, img, small, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

* {
	box-sizing: border-box;
	scroll-behavior:smooth;
}

html {
	overflow-x: hidden;
}

body {
	overflow-x:hidden;
	width:100%;
	font:14px/20px "PT Sans",sans-serif;
	letter-spacing:-0.1px;
	color:#5c5c5f;
}

#site {
	max-width:1440px;
	margin:0 auto;
	background:#fff;
	overflow-x:hidden;
	display:-webkit-flex;
	display:flex;
}

h1, h2, h3, h4, h5 {
	color:#5c5c5f;
}

	h1 {
		line-height:36px;
	}

		h1 span {
			font-weight:normal;
		}

	h3 {
		font-size:16px;
		line-height:25px;
	}

		a h3 {
			display:inline-block;
		}

		h3 span {
			font-size:11px;
			text-transform:uppercase;
			letter-spacing:1px;
		}

		.card h3 {
			font-size:17px;
			line-height:1.3;
			margin-bottom:6px;
		}
	
	h5 {
		font-size:13px;
		line-height:19px;
	}

.text-center {
	text-align:center;
	justify-content:center;
}

	.text-center img {
		margin:0 auto;
	}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.strike {
	text-decoration:line-through;
}

.flex-center {
	display:-webkit-flex;
	display:flex;
	align-items:center;
}

[class*="span"] {
	padding:0 30px;
	float:left;
}

	[class*="span"]:first-child {
		padding-left:0;
	}

	[class*="span"]:last-child {
		padding-right:0;
	}

.span1 { width: 8.33%; }
.span2 { width: 16.66%; }
.span3 { width: 25%; }
.span4 { width: 33.33%; }
.span5 { width: 41.66%; }
.span6 { width: 50%; }
.span7 { width: 58.33%; }
.span8 { width: 66.66%; }
.span9 { width: 75%; }
.span10 { width: 83.3%; }
.span11 { width: 91.66%; }
.span12 { width: 100%; float: none; }

a {
	text-decoration:none;
	cursor:pointer;
	color:#67676f;
}

	a img {
		border: none;
		display:inline-block;
	}

	a.more {
		color:#777;
	}

img {
	vertical-align:middle;
}

p {
	margin-bottom:1em;
}

	.widget p {
		margin-bottom:10px;
	}

.clear {
	clear:both;
}

.cf:after {
	content:"";
	clear:both;
	display:table;
}

.hidden,
.screen-reader-response {
	display:none !important;
}

.invis {
	opacity:0;
}

.center {
	margin:0 auto;
	width:1440px;
}

.left,
.alignleft {
	float:left;
}

	img.alignleft {
			margin:0 15px 15px 0;
	}

.right,
.alignright {
	float:right;
}

	img.alignright {
			margin:0 0 15px 15px;
	}

.more:after {
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(images/icn-arrow-right-mini.svg) no-repeat;
	vertical-align:middle;
}

	a.more:after {
		margin:0 3px;
	}

.border {
	border-bottom:1px solid #e1e1e1;
}

	.border a {
		color:#a5a5a5;
		font-weight:normal;
		text-transform:lowercase;
		font-size:14px;
		letter-spacing:0px;
		transition:opacity .5s;
	}

		.border a:hover {
			opacity:.7;
		}

		h3.border a {
			text-transform:none;
		}

		.border a img,
		.home-sessions .row a:last-child img,
		.home-sessions > div > div a:last-child img {
			margin-top:-2px;
		}

	h3.border {
		padding-bottom:4px;
		margin-bottom:39px;
	}

		
		.widget h3.border {
			margin-bottom:15px;
		}

.orange {
	color:#ec7703;
}

.grey {
	color:#959595;
	font-weight:normal;
}

	.widget.grey,
	.widget.grey a {
		color:#4c4c4e;
	}

		.widget.grey a:hover {
			opacity:.5;
		}

	hr + .grey {
		margin:-25px 0 3em;
	}

header {
	height:67px;
	border-bottom:1px solid #e1e1e1;
	max-width:1440px;
	margin:0 auto;
	padding:0 30px;
}

	.cart header {
		padding-left:30px;
	}

	header .menu {
		list-style:none;
		display:inline-block;
		vertical-align:middle;
		margin-top:6px;
	}

	header li {
		display:inline-block;
		margin-left:19px;
		border-left:1px solid #ededed;
		padding-left:19px;
	}

		header li:first-child {
			margin-left:0px;
			padding:0;
			border:0;
		}

		header li.current_page_item a:after, 
		header li.current-menu-item a:after {
			content:"";
			position:absolute;
			height:3px;
			width:100%;
			background:#ec7703;
			left:0;
			bottom:-24px;
		}

	header a {
		color:#aaa;
	}

		header .text-right a:last-child {
			margin-right:15px;
		}

	header .menu a {
		font-weight:bold;
		color:#5c5c5f;
		position:relative;
	}

	#logo {
		display:inline-block;
		vertical-align:middle;
	}

	header .text-right img {
		margin-left:5px;
		transition:all .5s;
		border-radius:100%;
	}

		header .text-right img:hover {
			opacity:.8;
		}

			header .text-right a:first-child img:hover {
				background:#f4f4f4;
			}

.main.home {
	padding-top:57px;
}

.cards .main {
	padding-top:0;
}

#show-rechtsgebieden {
	font-size:11px;
	text-transform:uppercase;
	color:#4c4c4e;
	font-weight:bold;
	letter-spacing:1px;
	cursor:pointer;
}

#rechtsgebieden {
	width:261px;
	position:fixed;
	background:#f7f7f7;
	top:0;
	height:100%;
	transition:all 1s;
	cursor:default;
}

	#rechtsgebieden:hover {
		overflow-y:auto;
	}

	#rechtsgebieden:before {
		content:"";
		display:block;
		top:0;
		right:0;
		width:17px;
		height:100%;
		background:url(images/dropshadow.svg) repeat-y;
		position:absolute;
		z-index:1;
	}

	#rechtsgebieden > a:first-child {
		height:139px;
		border-bottom:1px solid #e1e1e1;
		padding-left:40px;
	}

	#rechtsgebieden h4 {
		margin:26px;
		width:209px;
	}

	#rechtsgebieden ul {
		list-style:none;
		margin-top:16px;
	}

	#rechtsgebieden li {
		padding-left:26px;
		line-height:52px;
	}

		#rechtsgebieden li:hover {
			background:#fff;
		}

			#rechtsgebieden li:hover a {
				color:#4c4c4e;
			}

		#rechtsgebieden li a {
			color:#959595;
			text-transform:none;
			font-size:13px;
			font-weight:normal;
		}

		#rechtsgebieden li span {
			font-size:13px;
			color:#ec7703;
			font-weight:bold;
		}

.icon:before {
	content:"";
	display:inline-block;
	width:26px;
	height:28px;
	background-position:left top;
	vertical-align:middle;
	margin-right:5px;
	background-repeat:no-repeat;
	opacity:.5;
	transition:opacity .5s;
}

	.icon:hover:before {
		opacity:1;
	}

	.icon.arbeidsrecht:before { background-image:url(images/icn-arbeidsrecht.svg); }
	.icon.ambtenarenrecht:before { background-image:url(images/icn-ambtenarenrecht.svg); }
	.icon.intervisie:before { background-image:url(images/icn-intervisie.svg); }
	.icon.aansprakelijkheid:before { background-image:url(images/icn-aansprakelijkheid.svg); }
	.icon.financieel-recht:before { background-image:url(images/icn-financieel-recht.svg); }
	.icon.vastgoed-en-huurrecht:before { background-image:url(images/icn-huurrecht-vastgoed.svg); }
	.icon.insolventierecht:before { background-image:url(images/icn-insolventierecht.svg); }
	.icon.kei:before { background-image:url(images/icn-kei.svg); }
	.icon.erfrecht:before { background-image:url(images/icn-erfrecht.svg); background-size: 115%; background-position:150% top; }
	.icon.privacyrecht-ie-ict:before { background-image:url(images/icn-kei.svg); }
	.icon.bestuursrecht:before,
	.icon.leergang-duurzame-energie:before { 
		background-image:url(images/icn-energie.svg); 
		background-size:118%;
		background-position:center;
		opacity:.75;
	}
	.icon.bestuursrecht:before {
		background-image:url(images/icn-duurzaam.svg);
		background-size:127%;
	}
	.icon.burgerlijk-procesrecht:before { background-image:url(images/icn-burgerlijk-procesrecht.svg); }
	.icon.ondernemingsrecht-en-insolventierecht:before { background-image:url(images/icn-ondernemingsrecht.svg); }
	.icon.notariaat:before { background-image:url(images/icn-notariaat.svg); background-size:77%; }
	.icon.personen-en-familierecht:before { background-image:url(images/icn-personen-en-familierecht.svg); }
	.icon.strafrecht:before { background-image:url(images/icn-strafrecht.svg); }
	.icon.wwft:before { background-image:url(images/icn-wwft-ubo.svg); }
	.icon.verbintenissenrecht:before { background-image:url(images/icn-verbintenissenrecht.svg); }
	.icon.beroepsvaardigheden:before { background-image:url(images/icn-vaardigheden.svg); }
	.icon.cursussen-voor-juridisch-ondersteuners:before { 
		background-image:url(images/icn-briefcase.svg); 
		background-size:80%;
		background-position:left 20%;
		opacity:.55;
	}
	.icon.question:before { background-image:url(images/icn-question.svg); background-position:center; }
	.icon.telefoon:before { background-image:url(images/icn-telefoon.svg); background-position:center; }
	.icon.telefoon:before { background-image:url(images/icn-telefoon.svg); background-position:center; }
	.icon.email:before { background-image:url(images/icn-email.svg); background-position:center; }
	.icon.mijnlexlumen:before { background-image:url(images/icn-mijnlexlumen.svg); background-position:center; }

	.card .icon {
		margin-left:-35px;
		vertical-align:top;
	}

		.card .icon:before {
			vertical-align:top;
			margin-top:1px;
		}

	.card > .span9,
	.card:not(.model) > .span7 {
		padding-left:35px;
	}

input,
select,
textarea {
	font:14px "PT Sans",sans-serif;
}

	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea,
	select {
		-webkit-appearance: none;
		height:48px;
		padding:0 20px;
		color:rgba(76,76,78,50);
		margin-bottom:9px;
		border:1px solid #e1e1e1;
		border-radius:3px;
		width:100%;
	}

		input#pakket_startdatum {
			width:auto;
		}

		textarea {
			height:auto;
			padding:20px;
		}

fieldset {
	float:left;
}

	fieldset a {
		font-size:13px;
		margin-top:11px;
	}

.border-right {
	border-right:1px solid #e1e1e1;
	padding:0;
}

#home-divider {
	height:120px;
	background:url(images/bottom-graphic.png) no-repeat right top;
	background-size:100% auto;
	position:relative;
	top:-70px;
	margin-bottom:-45px;
}

.welkom {
	border-left:1px solid #e1e1e1;
	position:relative;
	z-index:1;
}

	.welkom form {
		margin-top:34px;
		position:relative;
	}

		.welkom form:after,
		.about > p:first-child:after {
			content:"";
			height:1px;
			display:block;
			width:68px;
			background:#ec7703;
			margin:40px 0 20px;
			clear:both;
		}

	.welkom input#term {
		height:51px;
		border:1px solid #ddd;
		border-radius:25px 0 0 25px;
		padding:0 25px;
		width:40%;
		float:left;
	}

	.welkom ul {
		list-style:none;
		cursor:pointer;
		position:absolute;
		width:248px;
		margin:51px 0 0 386px;
		box-shadow:1px 3px 4px 0px rgba(0,0,0,.05);
		display:none;
		z-index:1;
	}

		.welkom ul.active {
			display:block;
		}

	.welkom li {
		line-height:45px;
		border:1px solid #ddd;
		border-top:none;
		text-indent:20px;
		background:#fff;
	}

		.welkom li:hover {
			background:#f6f6f6;
		}

	.welkom button {
		border:none;
		background:url(images/btn-search-hero.svg);
		position:relative;
		margin-left:20%;
		width:95px;
		height:51px;
		transition:opacity .5s;
	}

		.welkom button:hover {
			opacity:.8;
		}

	.welkom #label-rechtsgebied {
		display:inline-block;
		line-height:49px;
		width:25%;
		padding:0 20px;
		margin-left:-1px;
		border:1px solid #ddd;
		position:absolute;
		z-index:0;
		cursor:pointer;
		color:#959595;
		background:url(images/icn-arrow-fill.svg) no-repeat 75% center;
	}

		.welkom #label-rechtsgebied + img {
			position:relative;
			left:185px;
		}

	.welkom div,
	#introductie div.cf {
		font-size:13px;
		font-weight:bold;
	}

		.welkom > div,
		#introductie div.cf {
			margin-bottom:10px;
		}

			#introductie .cf + .cf {
				margin-bottom:30px;
			}

		.welkom div img,
		#introductie div.cf img {
			margin-right:10px;
		}

	.welkom section .span4 {
		margin-bottom:12px;
	}

	.welkom a {
		white-space:nowrap;
	}

.blogs,
.blog {
	padding:30px 0;
}

	.blogs h2 {
		line-height:1.2;
		margin-bottom:10px;
		position:relative;
		top:2px;
	}

	.blogs .large {
		display:block;
		margin-bottom:50px;
	}

	.author .blogs > a {
		display:block;
		margin:0 0 2.5em 35px;
		position:relative;
		padding-left:52px;
	}

	.author .blogs .avatar {
		position:absolute;
	}

	#inhoud .blog h3,
	.author .blogs h3 {
		margin-bottom:3px;
	}

	.author .blogs p {
		margin-bottom:.5em;
	}

.introductie-tekst p:first-child {
	font-weight:bold;
}

.available {
	color:#ec7703;
	margin-bottom:15px;
	font:normal 13px/20px "PT Sans";
}

	.available:before {
		content:"";
		display:inline-block;
		width:47px;
		height:1px;
		background:#ec7703;
		margin-right:8px;
		vertical-align:middle;
	}

	.available span {
		display:inline-block;
		width:21px;
		height:21px;
		background:#ec7703;
		color:#fff;
		border-radius:100%;
		text-align:center;
	}

.teachers {
	margin:10px 0 20px;
}

	.teachers h5 {
		margin-left:7px;
	}

		.single-session .teachers h5 {
			font-size:14px;
		}

	.teachers.list a {
		color:#959595;
		padding-left:0;
		transition:opacity .5s;
	}

		.teachers.list a:nth-child(odd) {
			clear:both;
		}

		.teachers a:hover > p img {
			opacity:.7;
		}

	.teachers p {
		overflow:hidden;
	}

.avatar {
	width:42px;
	height:42px;
	background-position:center;
	background-size:cover;
	border-radius:100%;
	background-color:#eee;
	float:left;
	position:relative;
	border:2px solid #fff;
	left:-2px;
	vertical-align:middle;
	margin-right:10px;
	z-index:2;
}

	.avatar + .avatar {
		left:-25px;
		z-index:1;
		margin-right:-10px;
	}

		.avatar:nth-child(3) {
			z-index:0;
		}

		.teachers .large .avatar {
			width:137px;
			height:137px;
			margin:0 40px 40px 0;
		}

		.author .teachers .large .avatar {
			margin-bottom:0;
		}

.order .teachers {
	margin-top:15px;
}

.order .avatar {
	width:32px;
	height:32px;
	margin-right:5px;
}

.meta {
	margin-bottom:7px;
}

	.order .meta {
		width:auto;
		position:relative;
		padding-left:20px;
	}

hr {
	clear:both;
	border:none;
	background-color:#e1e1e1;
	height:1px;
	margin:37px 0;
}

	h3.border + hr {
		display:none;
	}

.card h5 + p {
	color:#6e6767;
	font-size:13px;
}

.single-session .card {
	width:700px;
}

.card .meta {
	padding-left:28px;
	position:relative;
	white-space:nowrap;
}

	.webinar.card .meta, .flexmodel.card .meta {
		padding-left:23px;
	}

		.webinar.card .meta p, .flexmodel.card .meta p {
			overflow:inherit;
		}

	.details .meta:before,
	.card .meta:before {
		content:"";
		display:inline-block;
		width: 15px;
		height: 20px;
		vertical-align: top;
		background-repeat:no-repeat;
		background-position:left center;
		position:absolute;
		left:0;
	}

	.icon-star:before { background-image:url(images/icn-star.svg); }
	.icon-euro:before { background-image:url(images/icn-price.svg); }
	.icon-calendar:before { background-image:url(images/icn-calendar.svg); }
	.icon-clock:before { background-image:url(images/icn-timer.svg); }
	.icon-niveau:before { background-image:url(images/icn-niveau.svg); }
	.icon-place:before { background-image:url(images/icn-place.svg); }

.card p {
	overflow:hidden;
	max-height:44px;
}

	.card.active p {
		max-height:none;
	}

.card .excerpt {
	cursor:pointer;
}

	.card .excerpt:after {
		content:"meer weergeven";
		display:block;
		color:#a5a5a5;
		position:relative;
		top:-12px;
		pointer-events:auto;
	}

	.card .excerpt p {
		pointer-events:none;
	}

	.card.active .excerpt {
		cursor:default;
	}

		.card.active .excerpt:after {
			display:none;
		}

button,
.button {
	cursor:pointer;
	transition:all .5s;
}

.button,
input[type="submit"] {
	display:inline-block;
	border:none;
	line-height:35px;
	background:#ec7703;
	color:#fff;
	padding:0 30px;
	margin:70px 0 20px;
	border-radius:25px;
	text-align:center;
}

	input[type="submit"] {
		margin: 0;
	}

	.button.disabled {
		background:#ddd;
		pointer-events:none;
		cursor:default;
	}

	.button:hover {
		background-color:#FFA449;
	}

	.button.white {
		background:#fff;
		color:#5c5c5f;
		border:1px solid #e1e1e1;
	}

	.button.attention {
		display:block;
		width:270px;
		margin:50px auto 10px;
	}

	#vragen button {
		margin-top:1em;
	}

.price,
.buy,
.price-full {
	color:#fff;
	border-radius:100%;
	display:inline-block;
	background:#ec7703;
	border-radius:25px;
	padding:0px 17px;
	line-height:35px;
	transition:all .5s;
}

	.price-full {
		cursor:default;
		opacity:.5;
	}

	.buy + .button {
		margin:0 10px 0 0;
	}

	.buy:hover,
	.price:hover {
		opacity:.8;
	}

	.buy img,
	.price img {
		position:relative;
		margin:-2px 0 0 50px;
	}

	#inschrijven .price {
		margin:50px auto 30px;
	}

	.widget .price {
		margin-top:14px;
	}

	.widget .price span.full {
		background-color:#fff;
		color:#ec7703;
	}

	.price,
	.price + .button {
		min-width:138px;
		margin:0 0 7px 7px;
	}

ul.pakket {
	margin:1em 1em 1.5em;
}

.avail {
	display:block;
	background:#fff;
	border-radius:25px;
	border:1px solid #e1e1e1;
	line-height:35px;
	padding:0 17px;
	margin-bottom:10px;
}

	.avail b {
		color:#EC7703;
		display:inline-block;
		margin-right:3px;
	}

	.avail i {
		color:#959595;
	}

.full-size {
	width:100%;
	box-sizing: content-box;
}

	#sidebar .full-size {
		padding-right:25px;
		padding-left:25px;
		margin-left:-25px;
	}

.no-left-pad {
	padding-left:5px;
}

#uitgelicht {
	/* height:408px; */
	background-size:cover;
	background-position:center;
	margin:50px 0 20px;
	background-color: #e0e0e0; 
	height: 200px;
}

	#uitgelicht h3 {
		font-size:18px;
		line-height:28px;
		margin-bottom:10px;
	}

		#uitgelicht h3:after {
			/* content:"Uitgelicht thema"; */
			font-size:11px;
			text-transform:uppercase;
			letter-spacing:1px;
			position:relative;
			top:-5px;
		}

	#uitgelicht a {
		background:#5c5c5f;
		color: #fff;
		line-height:40px;
		font-size:13px;
		padding:0 20px;
		display:inline-block;
		border-radius:20px;
		transition: all .5s;
	}

		#uitgelicht a:hover {
			background:#aaa;
		}

	#uitgelicht .span7 {
		border-left:1px solid #fff;
		margin-left:35px;
	}

.home-sessions > div > div > div {
	margin-top:20px;
	color:#959595;
}

	.home-sessions > div > div a:last-child {
		color:#4c4c4e;
		font-size:14px;
		display:inline-block;
		margin:28px 0 68px;
	}

	.home-sessions h5 + span {
		display:none;
	}

	.home-sessions .avatar {
		margin-right:9px;
	}

#ervaringen {
	padding: 0 0 50px 0;
}

	#ervaringen .row {
		position:relative;
	}

	#ervaringen ul,
	#vacatures ul {
		list-style:none;
		margin-left:-2%;
	}

	#ervaringen li,
	#vacatures li {
		float:left;
		width:33.33%;
		padding-left:2%;
	}

		#ervaringen li div,
		#vacatures li div {
			border:1px solid #e1e1e1;
			border-radius:3px;
			height:200px;
			padding:18px;
			font-size:13px;
			color:#959595;
		}

			#ervaringen li div p,
			#vacatures li div p {
				color:#5c5c5f;
				height:60px;
				font-weight:bold;
				position:relative;
				margin-bottom:20px;
				font-size:14px;
			}

				#ervaringen li div p:after,
				#vacatures li div p:after {
					content:"";
					width:47px;
					height:1px;
					background:#ec7703;
					display:block;
					position:absolute;
					top:100%;
				}

.big-arrow {
	position:absolute;
	margin:75px 0 0 -50px;
}

	.big-arrow.right {
		margin-left:98%;
		transform:rotate(180deg);
	}

.main-footer {
	background:url(images/graphic-shapesbottom.png) no-repeat center bottom;
	color:#959595;
	background-size:100% auto;
	padding:10px 0 90px;
}

	.main-footer img {
		margin:20px 12px 0 0;
	}

	.main-footer a {
		color:#959595;
		margin:0 2px;
	}

	.newsletter form,
	.main-footer form {
		position:relative;
		margin:16px 0 40px;
		padding-right:30px;
	}

		.newsletter form {
			margin-top:20px;
		}

	.newsletter input[type="email"],
	.main-footer input[type="email"] {
		border-radius:100px;
		height:42px;
	}

	.newsletter input[type="submit"],
	.main-footer input[type="submit"] {
		position: relative;
		right: 22px;
		top: -38px;
		background: #fff url(images/button-arrow.svg) no-repeat;
		background-size:contain;
		border: none;
		width: 18px;
		height: 18px;
		float:right;
}

#sidebar {
	padding:0 25px 25px !important;
	width:240px;
}

.widget {
	margin:25px 0;
}

	.widget.bg-grey {
		margin-top:0;
	}

	section h3.border,
	.widget h3 {
		font-size:11px;
		text-transform:uppercase;
		letter-spacing:1px;
	}

		.main h3.border {
			margin:30px 0 33px;
		}

			.main h3.border + div,
			section h3.border + table,
			#faq .span8 > div {
				margin-left:105px;
				padding-top:20px;
			}

		.widget h3 span {
			font-size:14px;
			letter-spacing:0;
			text-transform:none;
		}

	.widget h4 + p {
		color:#959595;
		font-size:13px;
	}

	.widget p b {
		color:#4c4c4e;
	}

	.widget h4:before {
		margin-top: 5px;
		float: left;
	}

	.widget hr {
		margin:2em 0 .5em;
	}

		.widget.filters hr {
			margin:1.5em 0;
		}

	.widget.contact > a, 
	.widget.related > a {
		border-bottom:1px solid #e1e1e1;
		display:block;
		color:#4c4c4e;
		line-height:1;
		padding:8px 0;
	}

		.widget.contact a img {
			margin-right:10px;
			position:absolute;
		}

.waardering {
	color:rgba(119,119,118, .5);
	font-size:13px;
	line-height:16px;
	padding:47px 30px 0;
	flex-direction:column;
}

	.waardering .rating {
		margin-bottom:.5em;
	}

.rating div:last-child {
	border-radius:100%;
	box-shadow:0 3px 8px 0px rgba(0,0,0,.15);
	background:#fff;
	width:66px !important;
	height:66px;
	padding:0;
	color:#ec7703;
	font-size:37px;
	font-weight:bold;
	margin:0 auto 8px;
}

	.rating > div:first-child {
		width:100px;
		float:left;
		padding-right:5px;
	}

	.rating div:last-child span {
		font-size:14px;
		position:relative;
		top:-5px;
	}

	.waardering .rating {
		width:69px;
		height:69px;
	}

section.grey {
	margin-top:50px;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:60px;
}

#toets {
	margin-bottom:70px;
}

	#vragen:not(.bg-grey) > div {
		margin-bottom:2em;
		padding-bottom:2em;
		border-bottom:1px solid #ddd;
	}

		#vragen > div:last-child {
			border:none;
			margin:0;
		}

		#toets button {
			min-width:55px;
			height:30px;
			font:.85rem "PT Sans",sans-serif;
			background:#eee;
			padding:0 15px;
			border:1px solid #ddd;
		}

	#toets .price {
		margin-left:0;
	}

	#toets [data-choice="1"] > [data-value="1"],
	#toets [data-choice="2"] > [data-value="2"] {
		background-color:aqua;
		border-color:aqua;
	}

#result em {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.65;
	display: block;
	background: #f6f6f6;
	padding: 20px;
}

#faq div > a {
	margin-left:37px;
	display:block;
}

	#faq div > a:before {
		content:"";
		width:12px;
		height:8px;
		margin-top:7px;
		display:inline-block;
		background:url(images/arrow-down-orange.svg) no-repeat;
		background-size:100%;
		position:absolute;
		left:0;
	}

		#faq a.active:before {
			transform:rotate(180deg);
			margin-top:5px;
		}

#faq .span8 > div {
	padding:1em 0;
	border-bottom:1px solid #e1e1e1;
	position:relative;
}

	#faq .span8 div div {
		padding-left:37px;
		padding-top:.5em;
		color:#555;
		transition:max-height .5s;
		overflow:hidden;
		max-height:0;
	}

		#faq a.active + div {
			max-height:200px;
		}

	#faq div p:first-child {
		padding-top:5px;
	}

#deelnemers-ervaringen ul {
	list-style:none;
	position:relative;
	height:190px;
}

#deelnemers-ervaringen li {
	position:absolute;
	width:100%;
	opacity:0;
	transition:opacity 2s;
}

	#deelnemers-ervaringen li.active {
		opacity:1;
	}

	#deelnemers-ervaringen li > div {
		font-weight:bold;
		margin-top:30px;
		color:#4c4c4e;
	}

		#deelnemers-ervaringen li > div:after {
			content:"";
			height:1px;
			width:68px;
			display:block;
			margin:50px auto 10px;
			background:#ec7703;
		}

#deelnemers-ervaringen span {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:100%;
	background:#cfcfcf;
	vertical-align:middle;
	margin:0 7px 20px;
	cursor:pointer;
}

	#deelnemers-ervaringen span.active {
		border:2px solid #cfcfcf;
		width:15px;
		height:15px;
		background:#fff;
	}

.docenten .span2 {
	width:10%;
	padding:0;
}

.docenten a {
	color:#959595;
}

.docenten h5 {
	font-size:14px;
}

.bg-grey {
	background:#f1f1f1;
	padding-top:20px;
	padding-bottom:35px;
}

	#sidebar .bg-grey {
		padding-top:25px;
		padding-bottom:30px;
	}

	.bg-grey.margins {
		margin:50px 0;
	}

section.bg-grey {
	border-bottom:1px solid #e3e3e3;
}

	.bg-grey h1 {
		font-size:25px;
		line-height:38px;
		letter-spacing:-0.15px;
	}

	h1 + h3 {
		font:18px/23px "PT Sans";
		color:#959595;
	}
	
#breadcrumbs {
	color:#777;
	margin-bottom:30px;
}

	#breadcrumbs a {
		color:#777;
		cursor:text;
	}

	#breadcrumbs a:link {
		color:rgba(119,119,118,.5);
		cursor:pointer;
	}

		#breadcrumbs a:after {
			content:"\203A";
			font-size:20px;
			color:rgba(144,144,142,.5);
			text-align:center;
			display:inline-block;
			position:relative;
			top:1px;
			margin:0 5px 0 10px;
		}

.bg-grey form {
	position:relative;
}

	.input.search {
		width:100%;
		height:40px;
		border-radius:62px;
		border:1px solid #e5e5e5;
		/*text-indent:25px;*/
		font-size:13px;
	}

		.input.search + input {
			position:absolute;
			top:14px;
			right:15px;
		}

header form {
	position:absolute;
	top:0;
	z-index:2;
	right:0;
	width:85%;
	left:15%;
	display:none;
}

	header form.active {
		display:block;
	}

		body.active header form.active {
			width:81%;
			left:19%;
		}

	header form input[type="text"] {
		border:none;
		width:100%;
		height:66px;
		text-indent:9px;
		font:1.2em "PT Sans",sans-serif;
	}

	header form input[type="image"] {
		position:absolute;
		top:50%;
		margin-top:-15px;
		z-index:2;
		right:5%;
		width:20px;
		height:20px;
	}

.teachers h4.clear, 
.cards h4 {
	font-size:11px;
	text-transform:uppercase;
	line-height:23px;
	letter-spacing:1px;
	position: relative;
	top: 37px;
}

	.teachers h4.clear {
		border-bottom:1px solid #e1e1e1;
		position:static;
		margin:20px 0;
		float:left;
		width:100%;
	}

.filter-group ul {
	list-style:none;
	margin-top:14px;
}

.filter-group li {
	margin-bottom:10px;
	line-height:1;
}

.filter-group li span {
	content:"";
	display:inline-block;
	width:11px;
	height:11px;
	background:url(images/icn-checkbox.svg) no-repeat;
	margin:1px 8px 0 0;
	pointer-events:none;
}

	.filter-group li.active span:before {
		content:"";
		display:block;
		position:absolute;
		width:7px;
		height:7px;
		background:#bbb;
		margin:2px;
	}

.filter-group i {
	font-style:normal;
	color:#ec7703;
	margin-left:5px;
}

.filter-group.maand ul {
	column-count:2;
}

.navigation {
	text-align:center;
	clear:both;
	margin-bottom:1em;
}

	.navigation .page-numbers {
		display:inline-block;
		width:41px;
		line-height:41px;
		text-align:center;
		border-radius:100%;
		border:1px solid #e1e1e1;
		color:#959595;
	}

		.navigation a.page-numbers:hover {
			opacity:.7;
		}

		.navigation .page-numbers.current {
			background:#ec7703;
			border-color:#ec7703;
			color:#fff;
		}

		.navigation .page-numbers.dots,
		.navigation .page-numbers.next,
		.navigation .page-numbers.prev {
			background:none;
			border:none;
			font-size:.8rem;
		}

			.navigation .page-numbers.next,
			.navigation .page-numbers.prev {
				color:#91c6d3;
				font-size:1.5rem;
			}

	.navigation h2 {
		display:none;
	}

#anchors.full-size {
	height:88px;
	border-top:1px solid #e1e1e1;
	margin-bottom:20px;
	background:#f1f1f1;
}

	#anchors a {
		font-size:16px;
		color:rgba(110,103,103, .5);
		margin-right:25px;
		position:relative;
	}

		#anchors a.active {
			color:#6e6767;
		}

			#anchors a.active:after {
				content:"";
				height:3px;
				width:100%;
				position:absolute;
				top:50px;
				left:0;
				background:#ec7703;
			}

	#anchors .share-course a {
		font-size:13px;
		display:inline-block;
		margin:-20px 0 0 6px;
		vertical-align:middle;
		text-align:center;
		transition:opacity .5s;
		background:rgba(255,255,255,1);
		border-radius:100%;
		transition:background .5s;
	}

		#anchors a span {
			position:absolute;
			width:100%;
			left:0;
		}

			#anchors .share-course a:hover {
				background:rgba(255,255,255,.4);
			}

	#anchors .share-course img {
		display:block;
	}

	#anchors .share-course:before {
		content:"Deel:";
		font-size:14px;
		font-weight:bold;
		display:inline-block;
		margin:0 13px 0 0px;
		opacity:.5;
	}

#anchors.share-blog {
	margin-top:-30px;
}

.session-title {
	padding-top:30px;
	padding-bottom:30px;
}

	.session-title.no-pad {
		padding-top:0;
	}

	.session-title h1,
	.session-title h3 {
		font-size:25px;
		line-height:35px;
		letter-spacing:-0.15px;
		margin-bottom:30px;
		color:#5c5c5f;
	}

		.session-title h3 {
			margin-top:-30px;
		}
			.author .session-title h3 {
				margin-bottom:0;
			}

	.session-title h1 > span.available {
		margin-left:10px;
	}

h1.about:before {
	content:"";
	display:inline-block;
	width:77px;
	height:76px;
	background:url(images/logo.svg) no-repeat left 8px; 
	background-size:auto 56px;
	float:left;
	margin-right:18px;
}

#programma table {
	font-weight:bold;
}

	#programma table p {
		font-weight:normal;
		margin-top:5px;
	}

	#programma table br {
		line-height:2em;
	}

#programma td {
	padding:0 15px .5em 0;
}

	#programma td:first-child {
		white-space:nowrap;
	}

#introductie ul,
td ul {
	margin:0 0 1em 20px;
	font-weight:normal;
}

	td ul {
		padding-top:.5em;
		margin-bottom:.5em;
	}

#inhoud ul, #modellen ul {
	margin:1em;
}

.dates {
	list-style:none;
}

	.dates h4 {
		color:#4c4c4e;
		line-height:20px;
		margin-bottom:9px;
	}

#cart-count {
	display:inline-block;
	background:#fff;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	border-radius:100%;
	box-shadow:1px 1px 2px 0 rgba(0,0,0,.3);
	font-weight:bold;
	position:absolute;
	margin-top:-6px;
	margin-left:-13px;
}

section.cart-header {
	padding:50px 0;
	height:auto;
}

.steps {
	display:inline-block;
	border-bottom:1px solid #e1e1e1;
	padding-bottom:16px;	
	width:435px;
	white-space:nowrap;
}

	.steps a {
		display:inline-block;
		padding:0 38px;
		position:relative;
		left:-69px;
		color:#959595;
	}

		.steps a.active {
			color:#4c4c4e;
		}

		.steps a:after {
			content:"";
			width:13px;
			height:13px;
			border:solid 1px #e1e1e1;
			display:inline-block;
			position:absolute;
			border-radius:100%;
			left: 50%;
			top: 100%;
			margin: 9px 0 0 -6px;
			background:#f6f6f6;
		}

			.steps a.active:after {
				background:#ec7703;
			}

.lock {
	padding:20px 0 53px;
	color:#9b9b9b;
}

	.lock img {
		vertical-align:top;
		margin-right:6px;
		opacity:.75;
	}

	.span4.lock {
		padding:40px 0 20px;
	}

.order {
	border:1px solid #e1e1e1;
	padding:25px;
	position:relative;
	margin-bottom:20px;
	font-size:13px;
	width:100%;
	color:#959595;
}

	.order .remove {
		position:absolute;
		right:0;
		top:50%;
		margin:-9px -40px 0 0;
	}

	.order h4 {
		font:bold 15px/1.5 "PT Sans",sans-serif;
		color:#5c5c5f;
		margin-bottom:20px;
	}

	.order > div {
		display:inline-block;
	}

		.order > div.details {
			border-left:1px solid #d3e6e8;
			border-right:1px solid #d3e6e8;
			width:69%;
			padding:0 15px;
			margin:0 15px;
		}

			.cart.order > div.details {
				width:74%;
			}

			.order > div.details.no-border {
				border-left:none;
				padding:0 25px 0 0;
				margin:0 20px 0 0;
				width:80%;
			}

	.order .pricing img,
	.docs img {
		margin:-5px 7px 0 0;
	}

.docs,
.b-m {
	margin-bottom:2em;
}

#map {
	height:350px;
	filter:grayscale(1);
}

.totals {
	background:#f6f6f6;
	line-height:57px;
	text-align:right;
	padding-right:37px;
	margin-bottom:39px;
	font-size:14px;
	clear:both;
}

	.totals img {
		vertical-align:text-top;
	}

.details > div.icon-venue {
	width:145px;
}

.details > div.icon-star {
	width:100px;
}

div.icon-star div {
	color:transparent;
	height:0;
}

.small-footer {
	height:85px;
	border-top:1px solid #e1e1e1;
	margin-top:120px;
	padding-top:18px;
	color:#959595;
}

	.small-footer a {
		color:inherit;
	}

.login > div {
	padding:28px 48px;
}

	.login > div:first-child {
		border-right:1px solid #e1e1e1;
	}

	.login .button {
		margin-top:1em;
	}

.order .teachers {
	font-weight:bold;
	color:#6e6767;
}

.user-form label {
	display:inline-block;
	width:180px;
}

.user-form input[type="text"],
.user-form input[type="password"],
.user-form select {
	width:300px;
}

.user-info dt {
	float:left;
	width:60px;
	clear:left;
}

.separated {
	padding-top:10px;
}

.comment_list {
	list-style:none;
	margin:30px 20px 20px;
}

	h5 + .comment_list {
		margin-top:10px;
	}

	.comment_list + form {
		margin-left:20px;
	}

.commenting {
	margin:1em 0 1.5em;
}

#infoPopup {
	position: absolute;
	white-space: nowrap;
	padding: 8px 18px;
	background: #888;
	border-radius: 6px;
	left: -65px;
	width: 175px;
	top: 63px;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,.15);
	opacity:0;
	color: #fff;
	transition:opacity .3s;
}

	#infoPopup.active {
		opacity: .9;
	}

#overlay {
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	top:0;
	left:0;
	display:none;
	z-index:2;
	flex-direction:column;
	justify-content:center;
}

	#overlay.active {
		display:flex;
	}

	#overlay > div {
		background:#fff;
		width:725px;
		margin:0 auto;
		padding:35px 40px;
		position:relative;
	}
		#overlay > div > p {
			border-bottom: 1px solid #e1e1e1;
			box-sizing: content-box;
			padding: 0 40px;
			width: 100%;
			margin: -30px 0 30px -40px;
			line-height: 60px;
		}

		#overlay > div > img {
			cursor:pointer;
			position:absolute;
			right:15px;
			top:15px;
			border: 1px solid #ddd;
			border-radius: 100%;
			padding: 3px;
		}

		#overlay div.cf b {
			color:#5c5c5f;
		}

		#overlay > div div.cf > div:first-child {
			border-right:1px solid #e1e1e1;
			padding-bottom:2em;
			margin-bottom:1em;
		}

	#overlay .course-title {
		font-size:14px;
		line-height:inherit;
		clear:none;
	}

	#overlay .row {
		font-size:13px;
	}

		#overlay .row .meta {
			display:inline;
			margin-bottom:0;
			font-size:12px;
		}

			#overlay .row .meta:before {
				content:"\2022";
				display:inline-block;
				margin:0 5px;
				background:none;
			}

		#overlay .row br,
		#overlay .row .meta:first-child:before { 
			display:none;
		}

	#overlay .summary,
	#overlay .row {
		margin-top:5px;
		color:#a5a5a5;
		overflow:hidden;
	}

	#overlay div.icon-star div {
		display: inline-block;
		margin: 0 5px;
		color:inherit;
	}

	#overlay .button.white {
		margin-right:20px;
	}

ol {
	margin:1em 0;
	counter-reset: my-counter;
	list-style:none;
}

	ol li {
		margin-bottom:1em;
	}

	ol li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		display:inline-block;
		border:1px solid #ffa449;
		border-radius:100%;
		width:32px;
		line-height:32px;
		text-align:center;
		font-weight:bold;
		color:#4c4c4e;
		margin-right:13px;
	}

.show-mobile {
	display:none !important;
}

#cookieBar,
#browser-warning {
	position:fixed;
	bottom:0;
	width:100%;
	background: #5c5c5f;
	color:#fff;
	z-index:2;
	left:0;
}

	#browser-warning {
		background:#5c5c5f;
		bottom:auto;
		top:0;
	}

	#cookieBar a {
		color:#fff;
		padding:0 3px;
	}

	#cookieBar > div,
	#browser-warning div {
		padding:12px;
	}

	#cookieBar button,
	#browser-warning button {
		margin: 0 10px;
		line-height: 25px;
		padding: 0 15px;
		font-size: .75rem;
		border-radius: 10px;
		letter-spacing: .3px;
		border:none;
	}

.webinar {
	position:relative;
	min-height:250px;
}

	video[poster] {
		object-fit:cover;
	}

	.no_preview
	{
		width:320px;
		height:180px;
		border: 1px solid #eee;
		color: #ccc;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	.video-container {
		width:320px;
		height:180px;
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
		cursor:pointer;
	}

		.model .video-container {
			display:none;
		}

		.video-container:before {
			content:"\25b6";
			width:50px;
			height:50px;
			background:rgba(255,255,255,.6);
			border-radius:100%;
			display:block;
			z-index:1;
			color:#333;
			font-size:1.3rem;
			display:flex;
			align-items:center;
			justify-content:center;
			padding-left:.2rem;
			transition:opacity .5s ease;
		}

			.video-container:hover:before {
				background:rgba(255,255,255,.7);
			}

			.video-container[data-loaded="true"]:before {
				display:none;
			}

		.video-container img {
			width:100%;
			height:100%;
			object-fit:cover;
			position:absolute;
			pointer-events:none;
		}

		.video-container video {
			width:100%;
			height:100%;
		}

	.webinar video {
		width:100%;
	}

	.webinar .price-buttons {
		position:absolute;
		bottom:0;
		right:0;
	}

		.webinar .price-buttons a {
			margin-bottom:0;
		}

#notice {
	background:#f1f1f1;
	padding:25px 30px;
}

	#notice h2 {
		margin-bottom:.5em;
	}

.webinar-intro {
	margin-top:2em;
}

.actie {
	height:185px;
	background:url(images/oranje-banner.svg) no-repeat;
	background-size:cover;
	position:relative;
	color:#fff;
}

	#home-divider + .actie {
		top:-25px;
	}

	.actie.dark,
	.actie .newsletter:before {
		background-image:url(images/grijze-banner.svg);
	}

	.actie .newsletter {
		position:relative;
		height:100%;
		color:#fff;
	}

		.actie .newsletter:before {
			content:"";
			position:absolute;
			height:184px;
			width:100%;
			left:0;
			top:0;
			background-position:right;	
		}

		.actie .newsletter div {
			position:relative;
			z-index:1;
		}

		.actie .newsletter h4 {
			font-size:17px;
			color:#fff;
			margin:2em 0 .5em;
		}

			.actie .newsletter h4 i {
				color:#ec7703;
				font-style:normal;
			}

	#sidebar .actie {
		height:auto;
		padding-top:25px;
		padding-bottom:30px;
	}

	#overlay .actie {
		height:auto;
		background:#f6f6f6;
		padding-top:3px;
		padding-bottom:4px;
		color:#a5a5a5;
	}

		#overlay .actie > div {
			padding:0;
		}

			#overlay .actie > div:first-child {
				margin-right:-10px;
			}

			#overlay .actie > div:last-child {
				border-left:1px solid #e1e1e1;
				padding:20px 0 20px 25px;
			}

			.cart-controls .span5 {
				border-right:1px solid #e1e1e1;
			}

	.actie span {
		background:#fff;
		display:inline-block;
		border-radius:100%;
		line-height:100px;
		width:100px;
		text-align:center;
		font-size:1.7rem;
		font-weight:bold;
		color:#5c5c5f;
		letter-spacing:-.2px;
		box-shadow:0 3px 8px 0px rgba(0,0,0,.15);
		position:relative;
		right:-10px;
	}

		.home .actie span:before {
			content:"v.a.";
			font-size:.9rem;
			padding-right:5px;
			vertical-align:middle;
			display:none;
		}

		.home .actie span:after {
			content:"";
			display:block;
			width:1px;
			height:122px;
			background:#fff;
			position:absolute;
			top:-11px;
			left:100%;
			margin-left:20px;
		}

		#sidebar .actie span {
			transform-origin:left top;
			transform:scale(.9) translateX(-10%);
		}

		#overlay .actie span {
			transform: scale(.75) translateX(-15%);
			transform-origin:left;
			color:#ec7703;
		}

		#overlay .actie a {
			color:#ec7703;
		}

			#overlay .actie a:after {
				content:"";
				display:inline-block;
				height:16px;
				width:16px;
				background:url(images/icn-arrow-right-orange.svg) no-repeat;
				position:relative;
				top:-1px;
				margin-left:5px;
				vertical-align:middle;
			}

	.actie p {
		font-size:.95rem;
	}

	.actie h3 {
		font-size:1.8em;
		font-style:italic;
		font-weight:600;
		color:#fff;
		margin-bottom:.25em;
	}

		.home .actie h3:before {
			content:"Tijd én geld besparen!";
			color:#ec7703;
			background:#fff;
			display:block;
			border-radius:6px;
			margin-bottom:10px;
			font-size:.65rem;
			font-style:normal;
			font-weight:600;
			text-align:center;
			width:140px;
			text-transform:uppercase;
			letter-spacing:.5px;
			padding:0 3px;
		}

			.home .actie.dark h3:before {
				background:#ec7703;
				color:#fff;
			}

		#sidebar .actie h3 {
			text-transform:none;
			font-size:1.1rem;
			letter-spacing:0;
			margin-bottom:1.25em;
		}

		#overlay .actie h3 {
			color:#5c5c5f;
			font-size:1rem;
			margin:0;
		}

		.cart-controls {
			font-size:.85rem;
			color:#a5a5a5;
		}

		.cart-controls h3 {
			color:#5c5c5f;
			font-size:.9rem;
			margin-bottom:.3rem;
		}

		.cart-controls .button {
			margin:0 0 0 8px;
		}

		#sidebar .actie.white {
			background:none;
			margin-bottom:0;
			padding-bottom:.5em;
		}

			#sidebar .actie.white span,
			.actie.dark span {
				background:#ec7703;
				color:#fff;
				font-size:1.4rem;
			}

			#sidebar .actie.white h3 {
				color:#5c5c5f;
			}

			#sidebar .actie.white .button {
				border: 1px solid #e1e1e1;
			}

	.actie .button {
		border:none;
		font-weight:bold;
		margin:0;
		line-height:40px;
	}

	.actie b {
		font-size:1rem;
		letter-spacing:.3px;
	}

@media only screen and (max-device-width: 1024px) {
	.center {
		width:100%;
		padding:0 15px;
	}

	[class*="span"] {
		margin: 15px 0;
		float: none;
		width: 100% !important;
		padding:0 23px;
	}

	.show-mobile {
		display:inline-block !important;
	}

	header {
		display:block !important;
		height:47px;
		padding:0;
	}

		header:after {
			content:"";
			display:block;
			position:absolute;
			width:50px;
			height:45px;
			background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
			top:66px;
			right:0;
		}

			.cart header:after {
				display:none;
			}

		header > div {
			margin:15px 0 !important;
		}

			header > div div {
				margin:0 !important;
			}

			header > div .span10 {
				margin-top:25px !important;
				border-bottom:1px solid #e1e1e1;
				height:45px;
				position:relative;
			}
			
		header .text-right {
			position:absolute;
			width:auto !important;
			top:-8px;
			right:0px;
		}

			.cart header .text-right {
				top:-14px;
				right:15px;
			}

		header .span10 {
			overflow:auto;
			padding-right:0;
			background:#fff;
		}

		header li {
			margin-left:9px;
			padding-left:9px;
		}

		header li.current_page_item a::after {
			bottom:-19px;
		}

	hr {
		margin:25px 0;
	}

	.cart header {
		padding:0;
		position:relative;
	}
			
		.cart header .span4:first-child {
			display:none;
		}

	.cart-header h2 {
		font-size:1.2rem;
	}

	.cart #logo {
		margin-left:0;
	}

	.cart header .text-center {
		text-align:left;
	}

	.cart header .text-right a:last-child::before {
		margin:-5px;
	}

	.steps {
		width: 275px;
		font-size: 13px;
	}

		.steps a {
			padding: 0 12px;
			left: -34px;
		}

	#menu-main {
		white-space:nowrap;
	}

	.main {
		padding-top:25px;
		margin-bottom:0 !important;
	}

		.main.home {
			padding-top:27px;
			background-position:right 490px;
			border:none;
		}

	h1 {
		font-size:19px;
		line-height:28px;
	}

	.hide-mobile,
	#uitgelicht .span2,
	#uitgelicht .span6,
	#ervaringen .big-arrow,
	.cards > .span2,
	.session-title .span2 {
		display:none;
	}

	#home-divider {
		position:static;
		height:70px;
	}

	.welkom {
		border:none;
		height:430px;
	}

		.welkom form {
			margin-top:24px;
			position:relative;
			height:90px;
		}

			.welkom form:after {
				content:"";
				position:absolute;
				bottom:0;
				margin:0;
			}

		.welkom input#term,
		.welkom #label-rechtsgebied {
			white-space:nowrap;
			padding:0 20px;
			width:45%;
			background:none;
		}

		.welkom button {
			position:absolute;
			background:url(images/btn-search-hero-small.svg);
			background-size:100%;
			height:51px;
			width:51px;
			margin-left:40%;
		}

		.welkom section .span4 {
			width:50% !important;
			padding:0 !important;
			float:left;
			overflow:hidden;
		}

			.welkom section a {
				white-space:nowrap;
			}

			.welkom section .cf:after {
				content:"";
				clear:none;
			}

	.search-aanbod,
	.bg-grey .span4,
	.about .span6,
	.order .span6,
	.user-form .span4,
	.card .row .span2,
	.card .row .span3,
	.card .row .span4 {
		padding-left:0 !important;
	}

	.full-size {
		margin-left:-25px !important;
	}

		.main .full-size {
			padding: 0 25px;
		}

		#anchors .span8,
		#anchors .span10 {
			padding:0;
		}
		
			#anchors .span10 {
				display:block;
				padding-top:30px;
			}

	.share-course {
		position: relative;
		top: -115px;
		right: 25px;
		width:auto !important;
	}

		#anchors .share-course:before {
			display:none;
		}

	#uitgelicht {
		margin-bottom:0;
		height:330px;
	}

	#ervaringen li,
	#vacatures li {
		width:100%;
	}

		#ervaringen .row {
			padding:0 !important;
		}

		#ervaringen li {
			display:none;
		}

			#ervaringen li:first-child {
				display:block;
			}

	section .main h3.border,
	#deelnemers-ervaringen li > div {
		margin-top:0;
	}

	.main-footer {
		background-position:center bottom;
	}

	body.active {
		position:fixed;
	}

		body.active:before {
			content:"";
			position:fixed;
			width:100%;
			height:100%;
			left:0;
			top:0;
			background:rgba(0,0,0,.3);
			z-index:1;
		}

	#sidebar {
		position:fixed;
		top:0;
		right:-286px;
		transition:all .5s ease-in-out;
		background:#fff;
		width:286px !important;
		margin:0 !important;
		height:100%;
		z-index:1;
	}

		#sidebar .full-size {
			margin-left:-25px !important;
		}

		body.active #sidebar {
			right:0;
			overflow:auto;
		}

	section.bg-grey {
		height:auto;
	}

	.navigation,
	#inschrijven .price {
		margin-bottom:3em;
	}

	.session-title {
		padding-top:20px !important;
		padding-bottom:10px !important;
	}

	.single-session div {
		padding:0;
	}

	section h3.border + table {
		margin-left:0;
	}

	.cards h4 {
		top:23px;
	}

	.price,
	#breadcrumbs {
		margin-bottom:15px;
	}

		.single-session .price {
			margin:10px 15px 15px;
		}

	#anchors.full-size {
		height:70px;
	}

		#anchors a {
			font-size:13px;
			margin-right:12px;
		}

			#anchors a.active::after {
				top:26px;
			}

	#faq .span8 > div,
	section .main h3.border + div {
		margin-left:0 !important;
	}

	.bg-grey.margins,
	.teachers {
		margin-bottom:0;
	}

		.single-session .teachers {
			margin-top:20px;
		}

		.teachers h4.clear {
			margin:0 0 20px;
		}

	#logo {
		margin-left:20px;
	}

	.lock {
		padding-bottom:0;
	}

	.order {
		flex-direction:column;
		padding:15px;
	}

		.pricing br,
		.order .icon {
			display:none;
		}

		.order .remove {
			right: 17px;
			top: 18px;
			margin:0;
		}

	.pricing {
		margin-top:1em;
	}

		.pricing h5 {
			display:inline-block;
		}

		.pricing img {
			margin-right:3px !important;
		}

		.pricing span {
			display:inline-block;
			margin-left:7px;
		}

	.price-buttons {
		display:block;
		text-align:center;
	}

		.price-buttons a {
			float:none;
		}

		.webinar .price-buttons {
			position:relative;
			margin-top:20px;
		}

	.cart.order > div.details {
		width:100%;
		border:none;
	}

	header .text-right a:last-child {
		margin:0 10px;
	}

		header .text-right a:last-child:before {
			content:"";
			width:1px;
			height:32px;
			background:#e1e1e1;
			display:inline-block;
			position:absolute;
			top:7px;
		}

	.cart-controls {
		text-align:center;
	}

		.cart-controls .button {
			min-width:55%;
		}

		.cart-controls a.button {
			margin-top:10px;
		}

			.cart-controls .button.right {
				float:none;
				margin:10px auto 0;
			}

		.cart-controls .span5 {
			border:none;
		}

	.user-form label {
		margin-bottom:.5em;
	}

	.user-form br {
		display:none;
	}

	.user-form h5 {
		margin-bottom:1em;
	}

	.user-form button {
		margin:0;
	}

	.user-form .text-center {
		margin-top:2em;
	}

	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea,
	select {
		margin-bottom:1em;
	}
}

@media screen and (max-width: 767px) {
	.full-size {
		margin-left:0 !important;
	}

	video {
		width:100%;
	}

	#overlay > div {
		width:100%;
		margin:0 15px;
		padding:35px 15px 0;
	}

		#overlay > div > p {
			margin:-30px 0 30px 0px;
			box-sizing:border-box;
		}

		#overlay .cf > div.span6:last-child {
			border-top:1px solid #e1e1e1;
			padding-top:15px;
			margin:0;
		}

		#overlay > div div.cf > div:first-child {
			border:none;
			padding-bottom:1em;
		}

		#overlay .summary {
			margin-bottom:2em;
		}

			#overlay .summary > .span6 {
				width:50%! important;
				padding:0;
				display:inline-block;
				margin:0;
			}

		#overlay br {
			display:none;
		}

	.main,
	.main-footer .span7,
	.main-footer .span9,
	.full-size > .span9,
	.single-session.span10 {
		padding-left:0;
	}

	.main-footer p.text-center {
		margin: 0;
		padding: 0 20px 50px 0;
		font-size:13px;
	}

	.main h3.border + div,
	section h3.border + table,
	#faq .span8 > div {
		margin-left:0px;
		padding-top:0;
	}

	section.bg-grey,
	.blogs, .blog {
	    padding-top: 15px !important;
	    padding-bottom: 15px !important;
	}

		.blogs h2 {
			font-size:1rem;
			line-height:normal;
		}

		.teachers.blogs h2 + p {
			clear:both;
		}

	#anchors.share-blog {
		clear:both;
		padding:30px 20px;
		margin:0;
	}

	.session-title h1,
	.teachers.course-title h1 {
		font-size:1.2rem;
		line-height:normal;
		margin-bottom:5px;
	}

	.session-title h3,
	.teachers.course-title h3 {
		font-size:1rem;
		line-height:normal;
		margin:0;
	}

	.teachers .large .avatar {
		width:50px;
		height:50px;
		margin:0px 10px 10px 0px;
	}

	.actie {
		height:auto;
	}

		#home-divider + .actie {
			padding-top:15px;
			top:0;
			flex-direction:column;
		}

		.home .actie > div:first-child {
			display:none;
		}

		.home .actie span:after {
			display:none;
		}

		.home .actie .button {
			bottom:70px;
		}

		.actie .newsletter {
			margin-left:-25px;
		}

	#overlay .button {
		margin-top:0;
	}

	#overlay .summary .span6 {
		width:50% !important;
		float:left;
	}

	.small-footer {
		margin-right:30px;
	}

	.small-footer > div {
		text-align:center;
		padding-right:30px !important;
	}

	#cookieBar > div {
		display:block;
	}
}