@import url('https://fonts.googleapis.com/css?family=Cabin:500|Karla|Montserrat:400,600,700|Muli:300,400,600,700|Nunito:600|Raleway:600,700');

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:400');

@font-face {
	font-family: Campton;
	font-weight: bold;
	src: url("../fonts/Campton-Bold.otf") format("opentype");
	}

@font-face {
	font-family: Montserrat;
	font-weight: 500;
	src: url("../fonts/Montserrat-Medium.otf") format("opentype");
	}

@font-face {
	font-family: Averta Std;
	font-weight: 400;
	src: url("../fonts/averta-reg.otf") format("opentype");
	}

@font-face {
	font-family: Averta Std;
	font-weight: 600;
	src: url("../fonts/averta-semib.otf") format("opentype");
	}

#book {
	width: 100%;
	display: inline-block;
	margin-top: 100px;
	margin-bottom: 100px;
	}

#book-info h1 {
	font-family: "Averta Std";
	font-weight: 600;
	font-size: 50px;
	line-height: 180%;
	color: #2f2f2f;
	letter-spacing: -1.2px;
	line-height: 130%;
	}

#book-info ul {
	list-style: none;
	margin-top: 40px;
	}

#book-info li {
	font-family: "Averta Std";
	font-weight: 400;
	font-size: 17px;
	line-height: 180%;
	color: #767d84;
	margin-bottom: 30px;
	}

#book-info li:before {
	width: 25px;
	height: 25px;
	position: relative;
	background: #1bde69 url(check.png);
	background-size: 25px;
	border-radius: 99px;
	content: " ";
	display: inline-block;
	margin-right: 20px;
	top: 7px;
	}

#book-info {
	width: 620px;
	position: relative;
	text-align: center;
	margin: 0px auto 70px auto;
	}

#book-info span {
	font-size: 10px;
	color: #1bde69;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	margin-bottom: 15px;
	}

#book-info p {
	width: 500px;
	position: relative;
	font-family: "Averta Std";
	font-size: 16px;
	color: #aaa;
	line-height: 180%;
	margin: 20px auto 0 auto;
	}

#book-cover img {
	margin-left: 330px;
	}

#hover-follow {
	width: 0px;
	height: 30px;
	position: absolute;
	background: #a3bfbd;
	border-radius: 99px;
	z-index: 1;
	top: 50%; left: 0;

	transition: left .3s ease;
	}

#hover-follow.width {
	transition: width .3s ease, left .3s ease;
	}

#blogs {
	margin-top: 40px;
	}

.blog.featured {
	width: 1400px;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.06);
	display: inline-block;
	}

.blog.featured .post-img {
	height: 480px;
	display: inline-block;
	float: left;
	}

.blog.featured img {
	height: 100%;
	border-radius: 4px 0 0 4px;
	}

.blog.featured .post-card {
	width: 600px;
	height: auto;
	background: #fff;
	border-radius: 0 4px 4px 0;
	display: inline-block;
	float: left;
	}

.blog.featured a.title {
	width: 480px;
	position: relative;
	font-family: "Poppins";
	font-size: 34px;
	line-height: 180%;
	color: #3c4044;
	display: inline-block;
	top: 50px; left: 60px;
	}

.blog.featured p.description {
	width: 480px;
	position: relative;
	font-size: 16px;
	top: 90px; left: 60px;
	}

#slash {
	display: none;
	}

#menu-cover {
	width: 0px;
	height: 0px;
	position: fixed;
	background: #1bde69;
	border-radius: 90px;
	z-index: 93;
	top: 39px; right: 32px;

	-webkit-transition: all .6s ease;
	}

#menu-cover.show {
	width: 20px;
	height: 20px;
	transform: scale(120);
	}

#mobile-menu {
	height: 19px;
	width: 26px;
	position: absolute;
	display: none;
	cursor: pointer;
	z-index: 94;
	top: 32px; right: 0;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

#header.lp #mobile-menu {
	top: 28px;
	}

#mobile-menu .hamburger {
	width: 100%;
	height: 2px;
	position: relative;
	background: #222;
	border-radius: 99px;
	margin: 0 auto;
	margin-bottom: 5px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}

#header.lp #mobile-menu .hamburger {
	background: #fff;
	}

#mobile-menu.open .hamburger {
	width: 55%;
	background: #fff;
	margin-bottom: 0;
	}

.hamburger.one.cross {
	margin-top: 0.5px !important;
	margin-left: 6px !important;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.hamburger.two.cross {
	display: none;
	}

.hamburger.three.cross {
	margin-top: -1.5px !important;
	-webkit-transform: rotate(-45deg);
	}

.books {
	width: 100%;
	}

.books .book {
	width: 300px;
	height: 448px;
	background: #1bde69 url(https://spark.adobe.com/images/landing/examples/how-to-book-cover.jpg);
	background-size: cover;
	box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.12), -30px 20px 40px rgba(0, 0, 0, 0.1);
	display: inline-block;
	margin-right: 160px;
	}

#scrollData {
	width: 100%;
	height: 80px;
	position: fixed;
	background: #ff5300;
	z-index: 99;
	display: none;
	left: 0; bottom: 0;
	}

#scrollData * {
	font-size: 20px;
	color: #000;
	}

#scrolling-last {
	position: fixed;
	margin-top: -50px;
	right: 50px;
	}

* {
	margin: 0;
	padding: 0;
	border: none;
	underline: none;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	}

html, body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: "Cabin", Campton, Nunito, Helvetica Neue, Helvetica, Arial, sans-serif;
	}

.holder {
	width: 1400px;
	position: relative;
	display: table;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	}

.sm-holder {
	width: 1300px;
	position: relative;
	display: table;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	}

.button-center {
	text-align: center;
	}

.button {
	position: relative;
	background: #1bde69;
	font-family: "Muli", Montserrat, Campton, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	letter-spacing: 0.3px;
	border-radius: 99px;
	box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.14);
	display: inline-block;
	padding: 16px 38px;
	margin-top: 70px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}

.button.second {
	background: #fff;
	color: #222;
	margin-left: 30px;
	}

.button.second {
	background: none;
	border: 2px solid #fff;
	color: #fff;
	opacity: 0.8;
	box-shadow: none;
	padding: 14px 38px;
	}

.button.center {
	display: table;
	margin-left: auto;
	margin-right: auto;
	}

.button.arrow {
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 4px 4px 4px 32px;
	}

.button.arrow span {
	margin-top: -3px;
	}

.button.arrow:after {
	width: 44px;
	height: 44px;
	background: #18c75f url(../img/arrow-right.svg);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 99px;
	content: " ";
	display: inline-block;
	margin-left: 28px;
	}

#marginTop {
	width: 100%;
	height: 90px;
	}

#header {
	width: 100%;
	height: 90px;
	position: fixed;
	background: #fff;
	z-index: 40;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.13);
	top: 0; left: 0;

	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	-ms-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

#header.animate {
	-webkit-transition: top .2s ease;
	-moz-transition: top .2s ease;
	-ms-transition: top .2s ease;
	-o-transition: top .2s ease;
	transition: top .2s ease;
	}

#header.nav-up {
//	top: -170px;
	}

#header.nav-down {
	top: 0px;
	}

#header.lp {
	position: absolute;
	background: none;
	box-shadow: none;
	top: 15px !important;
	}

#header.blog {
	background: #f5f7f9;
	}

#header.scroll {
	position: fixed;
	left: 0;
//	top: -110px;
	}

#header.scroll.show {
	top: 0;
	}

#header .holder {
	height: 100%;
	}

#header #logo {
	position: absolute;
	font-size: 28px;
	font-family: "Campton";
	font-weight: 700;
	color: #1bde69;
	z-index: 99;
	margin-top: -16px;
	top: 50%; left: 0px;

	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	}

#header.lp #logo, #header #logo.white {
	color: #fff;
	}

#header ul#menu {
	position: absolute;
	list-item: none;
	margin-top: -22px;
	top: 50%; right: 0px;
	}

#header ul#menu.hide {
	display: none;
	}

#header ul#menu a {
	display: inline-block;
	margin-left: 65px;
	}

#header ul#menu li {
	font-family: "Poppins";
	font-weight: 500;
	font-size: 12px;
	color: #1d1d1d;
	letter-spacing: 0.2px;
	display: inline-block;
	}

#header ul#menu a.arrow li:after {
	width: 0px;
	height: 0px;
	position: relative;
	content: " ";
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #abb0b5;
	display: inline-block;
	left: 10px;
	bottom: 1px;
	}

#header.lp ul#menu a.arrow li:after {
	border-top: 5px solid #fff;
	}

#header ul#menu li.cta {
	color: #1bde69;
	border: 1px solid #1bde69;
	border-radius: 99px;
	padding: 12px 30px;
	}

#header.lp ul#menu li {
	color: #fff;
	}

#header.lp ul#menu li.cta {
	color: #fff;
	border: 1px solid #fff;
	}

#header.blog ul#menu li.cta {
	background: #8b98a5;
	color: #fff;
	border: 1px solid #8b98a5;
	}

#reading-progress {
	width: 0%;
	height: 4px;
	position: absolute;
	background: #1bde69;
	bottom: 0; left: 0;
	}

.cta-button {
	position: relative;
	background: #1bde69;
	background: rgba(255, 255, 255, 0.3);
	font-family: "Montserrat";
	font-weight: 400;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0.2px;
	border-radius: 99px;
	display: inline-block;
	padding: 15px 32px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}

.cta-button:hover {
	background: #00bd55;
	background: rgba(255, 255, 255, 0.5);
	}

#header ul#menu .cta-button li  {
	font-weight: 400;
	}

#sub-header {
	width: 100%;
	position: relative;
	background: #eee url(https://unsplash.com/photos/_0fTSNoGtHE/download?force=true);
	background-size: cover;
	background-position: center;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.13);
	float: left;
	display: inline-block;
	}

#sub-header:after {
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(0deg, #f4c16a, #f68e5b);
	content: " ";
	opacity: 0.8;
	top: 0; left: 0;
	}

#sub-header h1 {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 45px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1px;
	padding: 160px 0;
	}

#cover {
	width: 100%;
	height: 800px;
	position: relative;
	background-color: #eee;
	background-size: cover !important;
	background-position: center !important;
	overflow: hidden;
	}

#cover.home {
//	background: url(../img/home-cover.jpg);
	}

#cover.full {
	height: 100%;
	height: calc(100% - 20px);
	}

#cover.course {
	height: 780px;
	}

#cover-video {
	min-width: 100%; 
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}

#cover .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover !important;
	background-position: center !important;
	top: 0; left: 0;

	-webkit-filter: grayscale(100%);

	-webkit-transition: all 0.4s ease;
	}

#cover .bg.color {
	-webkit-filter: grayscale(0%);
	}

#cover .mini-title {
	font-family: "Muli";
	font-weight: 300;
	font-size: 9px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	opacity: 0.8;
	}

#cover .line {
	width: 40px;
	height: 2px;
	background: #1bde69;
	display: table;
	margin: 0 0 20px 0;
	}

#cover .center .line {
	margin: 0 auto 6px auto;
	}

#cover .right .line {
	margin: 0 0 20px auto;
	}

#cover h1 {
	font-family: "Montserrat";
	font-family: "Averta Std";
	font-weight: 500;
	font-weight: 600;
	font-size: 60px;
	color: #fff;
	letter-spacing: -0.6px;
	line-height: 150%;
	word-break: break-word;
	overflow: hidden;
	}

#cover.course h1 {
	width: 860px;
	font-size: 63px;
	letter-spacing: -1.8px;
	}

#cover p {
	width: 540px;
	font-family: "Averta Std";
	font-weight: 400;
	font-size: 16px;
	color: #e6e6e6;
	letter-spacing: -0.1px;
	line-height: 220%;
	opacity: 0.9;
	margin-top: 30px;
	}

#cover .center p {
	margin-left: auto;
	margin-right: auto;
	}

#cover .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	opacity: 0.7;
	z-index: 1;
	top: 0; left: 0;
	}

#cover-arrow {
	width: 100%;
	position: relative;
	}

#arrow-down {
	width: 60px;
	height: 60px;
	position: absolute;
	background: #1bde69 url(../img/arrow-down.svg);
	background-size: cover;
	background-position: center;
	border-radius: 99px;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	z-index: 4;
	left: 50%; bottom: -30px;
	margin-left: -30px;
	}

#arrow-down {
	background-position: 0 60px;

	-webkit-animation: arrow-down-animation 0.6s infinite;
	-moz-animation: arrow-down-animation 0.6s infinite;
	-ms-animation: arrow-down-animation 0.6s infinite;
	-o-animation: arrow-down-animation 0.6s infinite;
	animation: arrow-down-animation 0.6s infinite;
	}

@-webkit-keyframes arrow-down-animation {
	0% {
		background-position: 0 58px;
		}
	50% {
		background-position: 0 62px;
		}
	100% {
		background-position: 0 58px;
		}
	}

@-moz-keyframes arrow-down-animation {
	0% {
		background-position: 0 58px;
		}
	50% {
		background-position: 0 62px;
		}
	100% {
		background-position: 0 58px;
		}
	}

@-ms-keyframes arrow-down-animation {
	0% {
		background-position: 0 58px;
		}
	50% {
		background-position: 0 62px;
		}
	100% {
		background-position: 0 58px;
		}
	}

@-o-keyframes arrow-down-animation {
	0% {
		background-position: 0 58px;
		}
	50% {
		background-position: 0 62px;
		}
	100% {
		background-position: 0 58px;
		}
	}

@keyframes arrow-down-animation {
	0% {
		background-position: 0 58px;
		}
	50% {
		background-position: 0 62px;
		}
	100% {
		background-position: 0 58px;
		}
	}

#cover .sm-holder {
	top: 50%; left: 0;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	}

#cover.course .sm-holder {
	top: 220px;
	-ms-transform: none;
	transform: none;
	}

#cover .left, #cover .center, #cover .right {
	width: 800px;
	}

#cover .center {
	position: relative;
	text-align: center;
	margin: 0 auto;
	}

#cover .right {
	text-align: right;
	float: right;
	}

.edge.left {
	width: 0px !important;
	border-width: 3vw 0 0 100vw;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	position: absolute;
	padding-bottom: 0.6vw;
	bottom: -1px;
	z-index: 1;
	}

.edge.right {
	width: 0px !important;
	border-left: 100vw solid transparent;
	border-bottom: 3vw solid #fff;
	position: absolute;
	bottom: 0;
	z-index: 1;
	}

.sm-holder.course {
	z-index: 4;
	}

#course-info {
	width: 320px;
	min-height: 400px;
	position: absolute;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.07);
	z-index: 2;
	top: -570px;
	right: 0;
	}

#course-info .top {
	width: 100%;
	height: auto;
	background: #1bde69;
	background: linear-gradient(#1bde69, #2cc66a);
	border-radius: 5px 5px 0 0;
	}

#course-info .top .investering {
	font-family: "Averta Std";
	font-weight: 600;
	font-size: 10px;
	color: #c0f3d4;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	display: block;
	padding-top: 26px;
	}

#course-info .top .price {
	font-family: "Averta Std";
	font-weight: 400;
	font-size: 49px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.5px;
	padding: 34px 0 60px 0;
	}

#course-info .top .btw {
	width: 100%;
	position: relative;
	font-family: "Averta Std";
	font-weight: 600;
	font-size: 11px;
	color: #c0f3d4;
	text-align: center;
	letter-spacing: 0.3px;
	display: inline-block;
	top: -35px;
	}

#course-info .info {
	list-style: none;
	}

#course-info .info li {
	font-family: "Averta Std";
	font-size: 15px;
	border-bottom: 1px solid #eee;
	padding: 18px 30px;
	}

#course-info .info li strong {
	font-weight: 600;
	}

#course-info #contents {
	list-style: none;
	margin-top: 14px;
	margin-bottom: 19px;
	}

#course-info #contents li {
	font-family: "Averta Std";
	font-size: 13px;
	color: #5d5d5d;
	padding: 12px 40px;
	}

#course-info #contents li.inhoud {
	font-weight: 600;
	color: #222;
	padding: 12px 30px;
	}

#bottom-button {
	text-align: center;
	margin-top: -19px;
	}

#infor-button {
	position: relative;
	background: #1bde69;
	font-family: "Muli", Montserrat, Campton, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	letter-spacing: 0.3px;
	border-radius: 3px;
	box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.14);
	display: inline-block;
	padding: 16px 38px;
	margin: 30px 0;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}

#course-info .tag {
	position: absolute;
	background: #5b1b8c;
	font-family: "Muli";
	font-size: 8px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	border-radius: 99px;
	padding: 5px 9px;
	top: 60px; right: -20px;
	}

#course-info .tag:after {
	width: 0px;
	height: 0px;
	position: absolute;
	content: " ";
	border-left: 0px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ad91c3;
	display: inline-block;
	right: 10px;
	bottom: -10px;
	}

#section-header {
	width: 100%;
	height: auto;
	position: absolute;
	background: #fff;
	z-index: 99;
	border-bottom: 1px solid #eee;
	}

#section-header.fixed {
	position: fixed;
	top: 0; left: 0;
	}

#section-holder {
	width: 1400px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	}

#section-holder a {
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 400;
	color: #222;
	letter-spacing: 0.4px;
	border-bottom: 3px solid transparent;
	display: inline-block;
	padding: 33px 20px;
	margin: 0 20px;
	}

#section-holder a.active {
	font-weight: 500;
	}

#link-border-bottom {
	width: 0px;
	height: 3px;
	position: absolute;
	background: #1bde69;
	left: 0; bottom: 0;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}

.section-spacing {
	width: 100%;
	height: 100px;
	}

.block {
	width: 100%;
	min-height: 20px;
//	height: 300px;
	background: #fff;
	}

.block.lightgray {
	background: #f8f8f8;
	}

.block.darkgray {
	background: #222;
	}

.block.black {
	background: #000;
	}

.block.pink {
	background: #fbf4fa;
	}

.block.lightblue {
	background: #f5f7fa;
	}

.block.lightgreen {
	background: #f3faf5;
	}

.block.green {
	background: #1bde69;
	}

.block.lightgreen {
	background: #e8fff1;
	}

.block .holder, .block .sm-holder {
	padding: 100px 0;
	}

.block .holder.no-spacing, .block .sm-holder.no-spacing {
	padding: 0;
	}

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

.dots {
	width: 320px;
	height: 320px;
	position: absolute;
	background: url(../img/dots.svg);
	}

.dots.in-between {
	width: 85px;
	height: 120px;
	margin-top: -50px;
	}

.dots.in-between.right {
	right: 0;
	}

.dots.in-between.x-small {
	width: 50px;
	}

.dots.in-between.x-medium {
	width: 100px;
	}

.dots.in-between.x-large {
	width: 160px;
	}

.dots.in-between.y-small {
	height: 50px;
	margin-top: -25px;
	}

.dots.in-between.y-medium {
	height: 100px;
	margin-top: -50px;
	}

.dots.in-between.y-large {
	height: 160px;
	margin-top: -80px;
	}

.circle {
	width: 60px;
	height: 60px;
	position: absolute;
	background: #fff url(https://d30y9cdsu7xlg0.cloudfront.net/png/21430-200.png);
	background: #fff url(../img/light.svg);
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 99px;
	box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1);
	z-index: 4;
	margin-left: -30px;
	left: 50%; bottom: -30px;
	}

.headline {
	display: inline-block;
	}

.headline h2 {
	float: left;
	}

.headline .button {
	position: absolute;
	background: none;
	font-family: "Poppins";
	font-weight: 500;
	font-size: 12px;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border: 2px solid #e3e4e3;
	box-shadow: none;
	padding: 11px 30px;
	margin-top: 7px;
	right: 0;
	}

.head-line {
	width: 100%;
	height: 1px;
	background: #eee;
	margin: 20px 0 70px 0;
	}

.plus {
	width: 45px;
	height: 45px;
	position: relative;
	color: transparent;
	text-indent: -9999px;
	border: 2px solid #ebedef;
	border-radius: 99px;
	display: table;
	margin: 20px auto 120px auto;
	}

p.mid-title {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: 16px;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 70px;
	}

p.small-mid-title {
	font-family: "Muli";
	font-weight: 400;
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 70px;
	}

p.big-mid-title {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 30px;
	color: #222;
	letter-spacing: 0.1px;
	text-align: center;
	margin-bottom: 70px;
	}

h2.big-mid-title {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 34px;
	color: #222;
	letter-spacing: 0.1px;
	text-align: center;
	margin-bottom: 70px;
	}

.big-mid-title.top-line:before {
	width: 40px;
	height: 2px;
	position: relative;
	background: #1bde69;
	content: " ";
	display: block;
	margin: 0 auto 16px auto;
	}

h1.biggest-mid-title, h2.biggest-mid-title {
	font-family: "Averta Std";
	font-weight: 600;
	font-size: 46px;
	color: #222;
	letter-spacing: -1.6px;
	text-align: center;
	margin-bottom: 70px;
	}

.biggest-mid-title.small-bottom-padding {
	margin-bottom: 0;
	}

h2.biggest-mid-title.bottom-line {
	margin-bottom: 50px;
	}

h1.biggest-mid-title {
	font-size: 48px;
	}

.biggest-mid-title.top-line:before {
	width: 40px;
	height: 2px;
	position: relative;
	background: #1bde69;
	content: " ";
	display: block;
	margin: 0 auto 16px auto;
	}

.biggest-mid-title.bottom-line:after {
	width: 40px;
	height: 2px;
	position: relative;
	background: #1bde69;
	content: " ";
	display: block;
	margin: 40px auto 0px auto;
	}

.sm-text-holder {
	width: 580px;
	}

.sm-text-holder.center {
	position: absolute;
	margin-top: 40px;
	top: 44%; left: 0;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	}

.sm-text-holder.left {
	float: left;
	}

.sm-text-holder.right {
	left: auto;
	right: 0;
	}

.medium-text-holder {
	width: 650px;
	display: inline-block;
	}

.medium-text-holder.right {
	float: right;
	}

.intro-text-holder {
	width: 740px;
	}

.intro-text-holder h2 {
	font-family: "Averta Std";
	font-weight: 600;
	font-size: 48px;
	color: #222;
	-webkit-font-smoothing: initial;
	letter-spacing: -1.6px;
	line-height: 150%;
	margin-bottom: 40px;
	}

.intro-text-holder p {
	font-family: "Poppins";
	font-weight: 400;
	font-size: 15px;
	color: #616161;
	text-align: justify;
	letter-spacing: 0.3px;
	line-height: 215%;
	margin-bottom: 40px;
	}

.small-title {
	font-family: "Nunito";
	font-weight: 400;
	font-size: 10px;
	color: #d8d8d8;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	display: block;
	margin-bottom: 10px;
	}

.small-title.green {
	color: #1bde69;
	}

.sm-text-holder h2, .headline h2 {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 34px;
	color: #222;
	-webkit-font-smoothing: initial;
	letter-spacing: 1.1px;
	line-height: 160%;
	margin-bottom: 40px;
	}

.sm-text-holder h1 {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 49px;
	color: #222;
	-webkit-font-smoothing: initial;
	letter-spacing: 1.1px;
	line-height: 160%;
	margin-bottom: 40px;
	}

.medium-text-holder h2 {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 40px;
	color: #222;
	-webkit-font-smoothing: initial;
	letter-spacing: 1.1px;
	line-height: 160%;
	margin-bottom: 40px;
	}

.sm-text-holder h2 strong, .medium-text-holder h2 strong, .headline h2 strong {
	font-weight: 600;
	color: #1bde69;
	}

.sm-text-holder p {
	font-family: "Poppins";
	font-weight: 400;
	font-size: 14px;
	color: #9a9898;
	text-align: justify;
	letter-spacing: 0.3px;
	line-height: 260%;
	margin-bottom: 40px;
	}

.medium-text-holder p {
	font-family: "Poppins";
	font-weight: 400;
	font-size: 16px;
	color: #484646;
	text-align: justify;
	letter-spacing: 0.3px;
	line-height: 260%;
	margin-bottom: 40px;
	}

.sm-text-holder .button, .medium-text-holder .button {
	margin-top: 20px;
	}

p.text {
	width: 920px;
	position: relative;
	font-family: "Averta Std";
	font-weight: 400;
	font-size: 16px;
	color: #797878;
	text-align: center;
	letter-spacing: -0.1px;
	line-height: 270%;
	margin: 0 auto;
	}

.quincy-kools {
	width: 350px;
	height: auto;
	position: relative;
	float: right;
	margin-top: 80px;
	margin-right: 80px;
	}

.quincy-kools img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	float: right;
	z-index: 2;
	filter: drop-shadow(34px 8px 35px rgba(0, 0, 0, 0.1));
	}

.quincy-kools .dots {
	top: 140px; right: -80px;
	}

.square {
	width: 400px;
	height: 400px;
	position: relative;
	float: right;
	margin-top: 100px;
	margin-right: 80px;
	margin-bottom: 100px;
	}

.square.big {
	width: 550px;
	height: 550px;
	margin-top: 10px;
	margin-right: 0;
	}

.square.left {
	float: left;
	}

.square img {
	width: 100%;
	height: auto;
	position: relative;
	box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.15);
	z-index: 2;
	}

.square .border {
	width: 90%;
	height: 90%;
	position: absolute;
	border: 14px solid #1bde69;
	top: -34px; right: -34px;
	}

.square .dots {
	width: 400px;
	height: 400px;
	top: auto;
	right: -40px;
	bottom: -40px;
	}

.square .dots.with-border {
	right: auto;
	left: -40px;
	}

.video {
	width: 960px;
	height: 520px;
	position: relative;
	background: #fff url(//placehold.it/960x520);
	box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.07);
	z-index: 2;
	margin: 0 auto;
	}

.video.big {
	width: 1200px;
	height: 700px;
	background: #fff url(//placehold.it/1200x700);
	}

.split {
	width: 100%;
	}

.split .left, .split .right {
	width: 50%;
	float: left;
	display: inline-block;
	}

.split .left {
	height: 720px;
	}

.split .right {
	height: 720px;
	background: #fff;
	}

.split .right.lightgray {
	background: #f8f8f8;
	}

.split .img {
	background: url(https://source.unsplash.com/720x720);
	background: url(http://www.ourground.nl/wp-content/uploads/2016/06/TSH_AmsterdamCity_01.jpg);
	background-size: cover;
	background-position: center;
	}

.contact {
	width: 600px;
	position: relative;
	background: #fff;
	box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.07);
	border-radius: 6px;
	z-index: 2;
	margin: 0 auto 140px auto;
	}

#contactForm {
	width: 80%;
	position: relative;
	display: inline-block;
	margin-top: 80px;
	left: 10%;
	}

.contactHolder {
	width: 100%;
	display: block;
	margin-bottom: 45px;
	}

#contactForm .contactHolder input, #contactForm textarea {
	font-family: "Poppins";
	font-size: 16px;
	font-weight: 300;
	color: #333;
	outline: none;
	border-bottom: 1px solid #ccc;
	padding-bottom: 13px;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition: border .3s ease;
	-moz-transition: border .3s ease;
	-ms-transition: border .3s ease;
	-o-transition: border .3s ease;
	transition: border .3s ease;
	}

#contactForm .contactHolder input:active, #contactForm .contactHolder input:focus, #contactForm textarea:active, #contactForm textarea:focus {
	border-bottom: 1px solid #999;
	}

#contactForm .contactHolder input {
	width: 100%;
	}

#contactForm textarea {
	width: 100%;
	height: auto;
	min-height: 100px;
	resize: none;
	padding: 0;
	}

#contactForm span {
	position: absolute;
	font-family: "Poppins";
	font-size: 16px;
	font-weight: 400;
	color: #999;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	}

#contactForm span.selected {
	background: #e6f0f1;
	font-size: 8px;
	color: #88a5a2;
	border-radius: 3px;
	padding: 1px 5px;
	margin-top: -26px;
	margin-left: 0px;
	}

#verstuur {
	position: relative;
	background: #1bde69;
	font-family: "Muli", Montserrat, Campton, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	cursor: pointer;
	letter-spacing: 0.3px;
	border-radius: 99px;
	box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.14);
	border: none;
	outline: none;
	display: table;
	padding: 16px 38px;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}

#contactForm span#message {
	position: relative;
	font-size: 12px;
	font-weight: 500;
	color: #bd0b0b;
	display: none;
	text-align: center;
	margin-bottom: 30px;
	}

#contactForm span#message.show {
	display: block;
	}

#contactForm span#message.success {
	color: #1bde69;
	}

.wide-card {
	width: 600px;
	height: 180px;
	background: #1bde69;
	border-radius: 4px;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08);
	}

.wide-card p {
	font-family: "Poppins";
	font-size: 20px;
	color: #fff;
	padding: 20px;
	}

.cards {
	display: table;
	margin: 0 auto;
	}

.cards .card {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.02);
	display: inline-block;
	float: left;
	}

.cards.two .card {
	width: 420px;
	margin: 0 60px;
	}

.cards.three .card {
	width: 360px;
	}

.cards.four .card {
	width: 300px;
	}

.cards.three .card:nth-child(2) {
	margin: 0 80px;
	}

.cards.four .card:nth-child(2) {
	margin: 0 20px 0 40px;
	}

.cards.four .card:nth-child(3) {
	margin: 0 40px 0 20px;
	}

.sm-holder .cards.four .card:nth-child(2) {
	margin: 0 15px 0 30px;
	}

.sm-holder .cards.four .card:nth-child(3) {
	margin: 0 30px 0 15px;
	}

.cards .card img {
	max-width: 100%;
	display: block;
	border-radius: 4px 4px 0 0;
	margin: 0 auto -20px auto;
	}

.cards .card h3 {
	width: 90%;
	font-family: "Poppins";
	font-weight: 600;
	font-size: 18px;
	color: #222;
	text-align: center;
	margin-top: 54px;
	margin-left: 5%;
	}

.cards .card p {
	width: 90%;
	font-family: "Poppins";
	font-weight: 400;
	font-size: 13px;
	color: #8a8a8a;
	line-height: 210%;
	text-align: center;
	margin-top: 14px;
	margin-left: 5%;
	}

.cards .card .button {
	position: relative;
	background: none;
	font-size: 11px;
	color: #222;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #222;
	box-shadow: none;
	display: table;
	padding: 10px 20px;
	margin: 30px auto 35px auto;
	}

.cards.four .card .button {
	margin-bottom: 40px;
	}

.cards .card .button {
	background: #1bde69;
	color: #fff;
	border: none;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
	padding: 13px 30px;
	}

.boxes {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -90px;
	}

.boxes.awards {
	margin-top: 110px;
	margin-bottom: -150px;
	}

.box {
	width: 300px;
//	background: #eee;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 90px;
	}

.box.center {
	text-align: center;
	}

.holder .boxes.three .box {
	width: 400px;
	margin-left: 30px;
	margin-right: 30px;
	}

.holder .boxes.four .box {
	margin-left: 25px;
	margin-right: 25px;
	}

.sm-holder .boxes.three .box {
	width: 400px;
	margin-left: 0px;
	margin-right: 0px;
	}

.sm-holder .boxes.three .box:nth-child(3n+2) {
	margin-left: 50px;
	margin-right: 50px;
	}

.sm-holder .boxes.four .box {
	width: 280px;
	margin-left: 22px;
	margin-right: 22px;
	}

.box img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	}

.box.rounded img {
	border-radius: 3px;
	}

.box .award {
	width: 170px;
	height: 170px;
	background: url(../img/award.svg);
	background-size: cover;
	background-position: center;
	display: block;
	margin: 0 auto;
	}

.box .award * {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center !important;
	}

.box .award .google {
	background: url(../img/award-google.svg);
	}

.box .award .t500 {
	background: url(../img/award-t500.svg);
	}

.box .award .spinawards {
	background: url(../img/award-spinawards.svg);
	}

.box .line {
	width: 30px;
	height: 2px;
	background: #1bde69;
	display: table;
	margin-top: 15px;
	margin-bottom: 15px;
	}

.box.center .line {
	margin-left: auto;
	margin-right: auto;
	}

.box h3 {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 18px;
	color: #222;
	letter-spacing: 0.3px;
	line-height: 160%;
	margin-top: 18px;
	}

.box h3.award-title {
	width: 60%;
	font-size: 14px;
	color: #333;
	margin-left: 20%;
	}

#columns {
	width: 1400px;
	position: relative;
	background: #fff;
	display: table;
	padding-top: 120px;
	padding-bottom: 120px;
	margin-left: auto;
	margin-right: auto;
	}

#columns.post {
	padding-top: 70px;
	}

#columns.small-top-padding {
	padding-top: 50px;
	}

#categories {
	width: 950px;
	height: 80px;
	position: relative;
	border-radius: 99px;
	border: 1px solid #eee;
	box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.05);
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	}

#categories ul {
	position: relative;
	list-style: none;
	z-index: 3;
	margin-top: -12px;
	top: 50%; left: 24px;
	}

#categories li {
	display: inline-block;
	margin-right: 14px;
	}

#categories li a {
	font-family: "Poppins";
	font-size: 15px;
	color: #222;
	border-radius: 99px;
	padding: 10px 22px;
	margin-top: -10px;

	transition: color .3s ease;
	}

#categories li.current a {
//	background: #a3bfbd;
	color: #fff;
	}

#categories li.current a.defocus {
	color: #222;
	}

#categories li.current a.defocus.focus {
	color: #fff;
	}

#categories li a:hover {
	color: #fff;
	}

#categories li a.focus {
	color: #fff;
	}

#categories 

#categories 

#blog-left {
	float: left;
	margin-top: 570px;
	}

#blog-left img {
	width: 110px;
	border-radius: 99px;
	}

.left-holder {
	width: 800px;
	margin: 0 auto;
	}

.right-holder {
	width: 300px;
	float: right;
	margin-top: 20px;
	display: none;
	}

.blog {
	width: 800px;
	margin-bottom: 140px;
	}

.blog.post {
	width: 880px;
	}

.img-holder {
	width: 800px;
	height: 460px;
	background: #f5f5f5;
	}

.blog.post img {
	max-width: 100%;
	display: table;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	}

.blog.post img.blog-photo {
	max-width: none;
	width: 1080px;
	height: 477px;
	position: relative;
	object-fit: cover;
	border-radius: 8px;
	margin-top: 20px;
	margin-bottom: 60px;
	}

.blog h1 {
	font-family: "Poppins";
	font-size: 36px;
	font-weight: 600;
	color: #241c35;
	letter-spacing: 0.2px;
	line-height: 170%;
	margin-bottom: 30px;
	}

.breadcrumbs {
	background: #fff;
	font-family: "Poppins";
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.4px;
	color: #aaa;
	display: inline-block;
	margin-bottom: 20px;
	}

.breadcrumbs a {
	color: #aaa;
	border-bottom: 1px solid transparent;
	}

.breadcrumbs a:hover {
	border-bottom: 1px solid #aaa;
	}

.breadcrumbs span {
	margin: 0 10px;
	}

.breadcrumbs span.blog-title {
	margin: 0;
	}

.blog h2.title {
	font-family: "Poppins";
	font-size: 34px;
	font-weight: 600;
	letter-spacing: 0.4px;
	line-height: 180%;
	margin-top: 20px;
	margin-bottom: 10px;
	}

.blog.post h2 {
	font-family: "Poppins";
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0.2px;
	line-height: 180%;
	margin-top: 60px;
	margin-bottom: 15px;
	}

.blog.post h3 {
	font-family: "Poppins";
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.2px;
	line-height: 180%;
	margin-top: 45px;
	margin-bottom: 10px;
	}

.blog.post h4 {
	font-family: "Poppins";
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.2px;
	line-height: 180%;
	margin-top: 35px;
	margin-bottom: 2px;
	}

.blog p {
	font-family: "Muli", Campton, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #aaa;
	line-height: 280%;
	}

.blog.post p {
	font-family: "Poppins", Arial, sans-serif;
	font-family: "Quicksand";
	font-size: 18px;
	font-weight: 400;
	color: #444;
	line-height: 280%;
	}

.blog .button {
	margin-top: 45px;
	}

.box p {
	font-family: "Poppins";
	font-weight: 400;
	font-size: 13px;
	color: #9a9898;
	letter-spacing: 0.5px;
	line-height: 190%;
	margin-top: 8px;
	}

.right-holder .profile {
	width: 350px;
	border: 1px solid #eee;
	}

.right-holder .profile img {
	width: 100%;
	margin-bottom: 10px;
	}

.right-holder .profile p {
	width: 88%;
	font-family: "Poppins";
	font-size: 18px;
	font-weight: 600;
	color: #222;
	text-align: left;
	margin-left: 6%;
	}

.right-holder .profile p.title:before {
	width: 35px;
	height: 2px;
	position: relative;
	background: #1bde69;
	content: " ";
	display: block;
	margin-top: 26px;
	margin-bottom: 10px;
	}

.right-holder .profile p.writer-info {
	font-size: 13px;
	font-weight: 400;
	color: #868686;
	line-height: 210%;
	text-align: justify;
	margin-top: 24px;
	padding-bottom: 30px;
	}

.right-holder .profile .button {
	display: table;
	margin: 20px auto 60px auto;
	}

.audio-card {
	width: 300px;
	position: relative;
	border-radius: 8px;
	border: 1px solid #eee;
	margin-bottom: 50px;
	}

#play-audio-button {
	width: 38px;
	height: 38px;
	position: relative;
	background: #1bde69 url(http://www.iconsplace.com/icons/preview/white/play-256.png);
	background-size: 56%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 99px;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	}

.audio-card p.listen {
	position: absolute;
	font-family: "Poppins";
	font-weight: 500;
	font-size: 14px;
	top: 19px;
	left: 90px;
	}

.social {
	display: inline-block;
	margin-bottom: 50px;
	}

.share-buttons .share {
	width: 50px;
	height: 50px;
	background-size: 50px !important;
	background-position: center !important;
	border-radius: 99px;
	box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
	float: left;
	margin-left: 32px;
	}

.share-buttons .share.first {
	margin-left: 0;
	}

.share.facebook {
	background: #3b5998 url(../img/facebook-share.svg);
	}

.share.twitter {
	background: #00b6e3 url(../img/twitter-share.svg);
	}

.share.whatsapp {
	background: #25d366 url(../img/whatsapp-share.svg);
	}

.share.instagram {
	background: #cd486b url(../img/instagram-share.svg);
	}

.side-card {
	width: 350px;
	height: 350px;
	background: #1bde69;
	border-radius: 4px;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08);
//	border: 1px solid #eee;
//	display: none;
	}

.side-card.shadow {
	height: 290px;
	border: none;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
	padding-top: 60px;
	}

.side-card .writer-photo {
	width: 100px;
	border-radius: 99px;
	display: table;
	margin: 60px auto 30px auto;
	}

.side-card.shadow .writer-photo {
	margin-top: 0;
	}

.stripe {
	width: 1px;
	height: 20px;
	position: relative;
	background: #1bde69;
	margin: 0px auto 20px auto;
	}

.author, .author-function {
	font-family: "Poppins";
	font-size: 20px;
	font-weight: 600;
	color: #222;
	text-align: center;
	}

.author {
	margin-bottom: 10px;
	}

.author-function {
	font-size: 13px;
	font-weight: 500;
	color: #aaa;
	}

.populair {
	margin-top: 100px;
	margin-bottom: 100px;
	}

.populair p, .social-media p, .categorieen p, .social p {
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 20px;
	}

.pop-post {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	}

.pop-post img {
	width: 80px;
	height: 45px;
	border-radius: 3px;
	box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15);
	float: left;

	-webkit-transition: box-shadow .3s ease;
	-moz-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	}

.pop-post:hover img {
	box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.20);
	}

.pop-post p.title {
	font-family: "Poppins";
	font-size: 12px;
	font-weight: 400;
	color: #949494;
	line-height: 190%;
	-webkit-font-smoothing: auto;
	margin-left: 95px;
	margin-bottom: 0;

	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	}

.pop-post:hover p.title {
	color: #6f6f6f;
	}

.categorieen span {
	font-family: "Poppins";
	font-size: 12px;
	color: #05e65f;
	border: 1px solid #05e65f;
	border-radius: 99px;
	float: left;
	cursor: pointer;
	padding: 8px 15px;
	margin-right: 10px;
	margin-bottom: 14px;

	-webkit-transition: color .2s ease, border .2s ease;
	-moz-transition: color .2s ease, border .2s ease;
	-ms-transition: color .2s ease, border .2s ease;
	-o-transition: color .2s ease, border .2s ease;
	transition: color .2s ease, border .2s ease;
	}

.categorieen span:hover {
	color: #00c54f;
	border: 1px solid #00c54f;
	}

.testimonials {
	display: table;
	margin: 0 auto 50px auto;
	}

.testimonials .testimonial {
	float: left;
	display: inline-block;
	margin-top: 50px;
	}

.testimonials.big .testimonial {
	width: 800px;
	}

.testimonials .testimonial .card {
	position: relative;
	background: #fff;
	border-radius: 4px;
	border: 1px solid transparent;
	margin-bottom: 30px;
	}

.testimonials .testimonial .card:after {
	width: 0;
	height: 0;
	position: absolute;
	content: " ";
	border-style: solid;
	border-width: 15px 20px 0 0px;
	border-color: #fff transparent transparent transparent;
	bottom: -14px; left: 50px;
	}

.testimonials.center .testimonial .card:after {
	border-width: 20px 20px 0 0px;
	left: 50%;
	margin-left: 10px;
	}

.testimonials .testimonial .card.border:after {
	display: none;
	}

.testimonials .testimonial .card.shadow:after {
	display: block;
	}

.white .testimonials .testimonial .card.shadow {
	box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.05);
	}

.white .testimonials .testimonial .card.border {
	border: 1px solid #f6f6f6;
	}

.lightgray .testimonials .testimonial .card.shadow, .lightblue .testimonials .testimonial .card.shadow {
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.02);
	}

.testimonials.two .testimonial {
	width: 400px;
	margin-left: 80px;
	margin-right: 80px;
	}

.sm-holder .testimonials.three .testimonial {
	width: 370px;
	}

.holder .testimonials.three .testimonial {
	width: 380px;
	}

.sm-holder .testimonials.three .testimonial:nth-child(1), .sm-holder .testimonials.three .testimonial:nth-child(2) {
	margin-right: 80px;
	}

.holder .testimonials.three .testimonial:nth-child(1), .holder .testimonials.three .testimonial:nth-child(2) {
	margin-right: 130px;
	}

.testimonials .company-logo {
	max-width: 250px;
	max-height: 20px;
	display: block;
	}

.testimonials.center .company-logo {
	margin-left: auto;
	margin-right: auto;
	}

.testimonials .card .company-logo {
	padding-top: 30px;
	margin-left: 10%;
	}

.testimonials.center .card .company-logo {
	margin-left: auto;
	}

.testimonials p {
	font-family: "Karla";
	font-weight: 400;
	font-size: 15px;
	color: #4a4a4a;
	text-align: justify;
	letter-spacing: 0.1px;
	line-height: 180%;
	margin-top: 25px;
	margin-bottom: 50px;
	}

.testimonials .card p {
	width: 80%;
	color: #717171;
	margin-left: 10%;
	margin-bottom: 30px;
	}

.testimonials.center p {
	text-align: center;
	}

.testimonials.big .testimonial .card p {
	font-family: "Poppins";
	line-height: 200%;
	}

.testimonials .person {
	width: 60px;
	border-radius: 99px;
	float: left;
	}

.testimonials .person.shadow {
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.04);
	}

.testimonials.card .person {
	margin-left: 10%;
	margin-bottom: 30px;
	}

.testimonials.center .person {
	float: initial;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	}

.testimonials .details {
	display: inline-block;
	margin-left: 20px;
	}

.testimonials.center .details {
	text-align: center;
	display: block;
	margin-left: 0;
	}

.testimonials h3 {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 16px;
	color: #222;
	line-height: 160%;
	}

.testimonials span {
	font-family: "Karla";
	font-weight: 400;
	font-size: 14px;
	color: #aaa;
	letter-spacing: 0.1px;
	}

#footer {
	width: 100%;
	min-height: 400px;
	border-top: 1px solid #f4f4f4;
	margin-top: 120px;
	}

#footer .row {
	position: relative;
	display: inline-block;
	float: left;
	margin-top: 80px;
	margin-right: 150px;
	}

#footer .row.four {
	margin-right: 0;
	}

#footer .row.right {
	float: right;
	margin-right: 0;
	}

#footer-logo {
	font-size: 32px;
	font-family: "Campton";
	font-weight: 700;
	color: #1bde69;
	margin-bottom: 20px;
	}

#footer p.footer-text {
	font-family: "Karla";
	font-weight: 400;
	font-size: 14px;
	color: #d5d5d5;
	line-height: 200%;
	}

#footer p.footer-text a {
	color: #1bde69;
	display: block;
	}

#footer p.title {
	font-family: "Poppins";
	font-weight: 600;
	font-size: 15px;
	color: #222;
	margin-bottom: 25px;
	}

.footer-menu a {
	font-family: "Montserrat";
	font-weight: 400;
	font-size: 12px;
	color: #999;
	list-style: none;
	display: table;
	margin-bottom: 28px;
	}

.footer-menu a:hover {
	color: #555;
	}