.sub-title {
	position: relative;
	font-size: 18px;
	letter-spacing: 1px;
	display: block;
	z-index: 1;
	margin-bottom: 30px;
	}

.sub-title .line {
	overflow: hidden;
	display: block;
	}

.sub-title .l-h {
	position: relative;
	opacity: 0;
	display: block;
	top: 30px;
	transform: rotateX(45deg) rotate3d(0, 0, 10, -4deg);

	transition: opacity 1.2s ease, filter 1s ease, top 1s ease, transform 1s ease;
	}

.sub-title.show .l-h {
	opacity: 1;
	top: 0;
	transform: rotateX(0deg);
	}

h2 {
	width: 800px;
	position: relative;
	font-size: 86px;
	line-height: 120%;
	letter-spacing: -1.6px;
	z-index: 1;
	}

.center .sub-title, .center h2 {
	text-align: center;
	}

.center h2 {
	font-size: 70px;
	margin: 0 auto;
	}

.duo * {
	float: left;
	}

.big-arrow-down {
	width: 400px;
	height: 700px;
	position: relative;
	background: #d8c9be;
	background: linear-gradient(0deg, rgb(216, 201, 190) 0%, rgb(208, 192, 181) 100%);
	border-radius: 999px;
	float: left;
//	margin-top: -50px;
	}

.big-arrow-down .no {
	border-radius: 999px;
	}

.bab {
	width: 360px;
	height: 360px;
	position: absolute;
	background: #d0c0b5;
	background: linear-gradient(0deg, rgb(208, 192, 181) 0%, rgb(216, 201, 190) 100%);
	border-radius: 999px;
	z-index: 1;
	cursor: pointer;
	left: 20px; bottom: 20px;

	transition: background .4s ease;
	}

.bab:after {
	width: 100%;
	height: 100%;
	background: #c0b1a6;
	border-radius: 999px;
	content: "";
	opacity: 0;
	display: block;

	transition: opacity .4s ease;
	}

.bab:hover:after {
	opacity: 0.2;
	}

.button {
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url(../img/arrow-down.svg);
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
	top: 0;

	transition: top .5s ease;
	}

.arrow-down:hover .button {
	top: 20px;
	}

.arrow-down .button {
	cursor: pointer;
//	top: -120px;
//	top: -70px;
	}

.button, .button .no {
	border-radius: 999px;
	}

.duo p {
	width: 580px;
	font-size: 17px;
	line-height: 180%;
	text-align: right;
	float: right;
	margin-top: 100px;
	margin-right: 200px;
	}

.text-holder, .text-holder h2 {
	width: 600px;
	}

.text-holder p, .block.right p {
	position: relative;
	font-size: 17px;
	line-height: 180%;
	z-index: 1;
	margin-top: 40px;
	}

.laura-pic {
	width: 600px;
	position: absolute;
//	border-radius: 999px;
	border-radius: 16px;
	box-shadow: 0 20px 120px rgba(0, 0, 0, 0.14);
	top: -300px; right: 0;
	}

.signature {
	width: 250px;
	height: 66px;
//	background: url(../img/signature.svg);
	margin-top: 70px;
	}

.draw, .c-icon {
	width: 250px;
	height: 66px;
	stroke: #000;
	fill: transparent;
	stroke-width: 0.2px;
	stroke-dasharray: 500;
	stroke-dashoffset: 500;
	transition: stroke-dashoffset 12s ease, fill 0.7s ease, stroke-width 1s ease;
	}

.draw {
	height: 66px;
	}

.cards {
	width: 1000px;
	position: relative;
	z-index: 1;
	margin: 140px auto 0 auto;
	}

.card {
	width: 400px;
	position: relative;
	background: #fff;
	box-shadow: 0 20px 120px rgba(0, 0, 0, 0.14);
	color: #000;
	float: left;
	opacity: 0;
	margin-bottom: 100px;
	top: 100px;

	transition: box-shadow .6s ease, opacity 1s ease, top 1s ease;
	}

a.card:hover {
	box-shadow: 0 60px 120px rgba(0, 0, 0, 0.4);
	}

.card.show {
	opacity: 1;
	top: 0;
	}

.cards.blank .card {
	background: #f4ebe4;
	}

.card:nth-child(even) {
	float: right;
	}

.card:nth-child(2) {
	margin-top: 180px;
	}

.card-icon {
	width: 100%;
	height: 200px;
	background: #e8dfd8;
	}

.card-icon .c-icon {
	width: 90px;
	position: relative;
	display: block;
	padding-top: 65px;
	margin: 0 auto;
	}

.card-icon #zelfbeeld-icon {
	height: 75px;
	}

.card-icon #intimiteit-icon {
	height: 85px;
	}

.card-text {
	padding: 30px;
	}

.cards.blank .card .card-text {
	padding: 45px 34px;
	}

.card h3 {
	font-size: 26px;
	margin-bottom: 20px;
	}

.card p {
	font-size: 16px;
	line-height: 170%;
	}

.block.ac .holder:after {
	width: 800px;
	height: 1000px;
	position: absolute;
	background: linear-gradient(0deg, rgb(219, 206, 196) 0%, rgb(216, 201, 190) 100%);
	border-radius: 999px 999px 0 0;
	content: "";
	top: -150px; right: 0;
	top: 50px; /* aanpassen */
	}

.block.ac.nmb .holder:after {
	background: linear-gradient(0deg, rgb(205 190 179) 0%, rgb(216, 201, 190) 100%);
	top: auto;
	bottom: -570px;
	}

.block.ac.right .holder:after {
	width: 700px;
	background: linear-gradient(0deg, #e0d2c8 0%, #d0c0b5 100%);
	opacity: 0.8;
	top: 0;
	right: auto;
	left: -100px;
	}

.columns {
	width: 1200px;
	position: relative;
	z-index: 2;
	margin: 80px auto 0 auto;
	}

.columns p {
	width: 500px;
	font-size: 17px;
	line-height: 170%;
	float: left;
	}

.columns p:nth-child(2) {
	float: right;
	}

.columns .checklist {
	float: right;
	margin-top: -30px;
	margin-right: 100px;
	}

.checklist li {
	background: #dbcac0;
	font-size: 16px;
	border-radius: 6px;
//	box-shadow: 0px 40px 60px rgba(0, 0, 0, 0.05);
	list-style: none;
	padding: 16px 24px;
	margin-bottom: 12px;
	}

.banner p {
	width: 750px;
	position: relative;
//	font-family: "Made Mirage";
	font-size: 19px;
	color: #efefef;
	line-height: 150%;
	letter-spacing: 0.2px;
	text-align: center;
	z-index: 1;
	margin: 0 auto;
	}

.banner .ld {
	opacity: 0.4;
	z-index: 1;
	margin: 50px auto;
	}

.banner .profile {
	width: 60px;
	height: 60px;
	position: relative;
	background: #fff url(../img/anoniem.svg);
	border-radius: 99px;
	z-index: 2;
	margin: 50px auto 20px auto;
	}

.banner .name {
	font-family: "Silka";
	font-size: 15px;
	color: #efefef;
	text-align: center;
	opacity: 0.8;
	}

.privacy {
	width: 560px;
	height: 560px;
	position: absolute;
	background: #d0c0b5;
	background: linear-gradient(0deg, rgb(220 207 198) 0%, rgb(214 200 189) 100%);
	border-radius: 0 0 999px 999px;
	z-index: 1;
	right: 20px; top: -150px;

	transition: background .4s ease;
	}

.block.dark .privacy {
	background: linear-gradient(0deg, rgb(204 189 178) 0%, rgb(215 199 189) 100%);
	}

.block.right .privacy {
	right: auto;
	left: 20px;
	top: -230px;
	}

.privacy-icon {
	width: 100%;
	height: 100%;
	background: url(../img/privacy-icon.svg);
	background-size: 40%;
	background-position: center;
	background-repeat: no-repeat;
	}

.privacy-icon.nap {
	background: url(../img/nap.png);
	background-size: 28%;
	background-position: center;
	background-repeat: no-repeat;
	}

.kosten, .dark.center .text-holder {
	width: 100%;
//	margin-top: 80px;
	}

.dark.center p {
	width: 700px;
	text-align: center;
	margin: 0 auto 80px auto;
	}

.options {
	display: flex;
	justify-content: center;
	margin-top: 120px;
	margin-bottom: 100px;
	}

.option {
	width: 260px;
	text-align: center;
	float: left;
	margin: 0 80px;
	}

.sym {
	width: 200px;
	height: 200px;
	background: linear-gradient(0deg, rgb(216, 201, 190) 0%, rgb(208, 192, 181) 100%);
	box-shadow: 0 60px 120px rgba(0, 0, 0, 0.04);
	border-radius: 0 0 999px 999px;
	margin: 0 auto;
	}

.sym.individuele-therapie {
	border-radius: 999px 999px 0 0;
	}

.sym .symbol {
	width: 100%;
	height: 100%;
	}

.sym.intake .symbol {
	background: url(../img/intake.svg);
	}

.sym.individuele-therapie .symbol {
	background: url(../img/individuele-therapie.svg);
	}

.sym.relatietherapie .symbol {
	background: url(../img/relatietherapie.svg);
	}

.opt-holder {
	width: 100%;
	float: left;
	margin-top: 50px;
	}

.opt-holder h3 {
	width: 100%;
	font-size: 22px;
	-webkit-text-stroke: 0.3px #000;
	letter-spacing: 0.2px;
	line-height: 150%;
	}

.price {
	font-size: 18px;
	letter-spacing: -0.1px;
	text-transform: uppercase;
	color: #756a64;
	display: block;
	margin-top: 12px;
	}