.block {
	width: 100%;
	position: relative;
	display: table;
	padding: 140px 0;
	}

.block.blue {
	background: #f4fbfc;
	}

.block.tm {
	padding-top: 210px;
	}

.block.tm-2 {
	padding-top: 320px;
	}

.dots-1:before {
	width: 160px;
	height: 180px;
	top: -10%; left: 0;
	}

.dots-2:before {
	width: 160px;
	height: 180px;
	top: 30%; right: 0;
	}

.align {
	position: relative;
	display: inline-block;
	margin-top: 23%;

	transform: translate(0, -50%);
	}

.mid-title {
	font-size: 62px;
	text-align: center;
	letter-spacing: -4px;
	margin-bottom: 50px;
	}

h2 .line {
	display: block;
	overflow: hidden;
	}

h2 .l-h {
	position: relative;
	top: 70px;

	transition: top .8s ease;
	}

h2.show .l-h {
	top: 0;
	}

/*.cards {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}*/

.cards-frame {
	position: relative;
	}

.scroll-left, .scroll-right {
	width: 50px;
	height: 50px;
	position: absolute;
	background-color: #f08100;
	background-image: url(../img/scroll-left.svg);
	box-shadow: 0px 10px 30px rgba(240, 129, 0, 0.25);
	border-radius: 99px;
	cursor: pointer;
	margin: -25px 0 0 0;
	top: 50%; left: -80px;

	transform: scale(0);
	transition: background-color .4s ease, margin .4s ease, transform .4s ease;
	}

.scroll-right {
	background-image: url(../img/scroll-right.svg);
	left: auto;
	right: -80px;
	}

.scroll-left:hover, .scroll-right:hover {
	background-color: #cf6f00;
	}

.scroll-left:hover {
	margin-left: -8px;
	}

.scroll-right:hover {
	margin-right: -8px;
	}

.scroll-left.pop, .scroll-right.pop {
	transform: scale(1.1);
	}

.scroll-left.clickable, .scroll-right.clickable {
	transform: scale(1);
	}

.scroll-left.hide, .scroll-right.hide {
	display: none;
	}

.cards-frame .fade {
	width: 140px;
	height: 100%;
	position: absolute;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	opacity: 0;
	z-index: 2;
	pointer-events: none;
	top: 0; right: 0;

	transition: opacity .4s ease;
	}

.block.blue .cards-frame .fade {
	background-image: linear-gradient(to right, rgba(244, 251, 252, 0), rgba(244, 251, 252, 1))
	}

.cards-frame .fade.left {
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	right: auto;
	left: 0;
	}

.block.blue .cards-frame .fade.left {
	background-image: linear-gradient(to left, rgba(244, 251, 252, 0), rgba(244, 251, 252, 1))
	}

.cards-frame .fade.show {
	opacity: 1;
	}

.cards {
	width: 100%;
	position: relative;
	overflow-x: hidden;
	display: block;
	}

.scroll-block {
	height: 100%;
//	background: #0cf;
	display: inline-block;
	float: left;
	}

.card {
	width: 350px;
	position: relative;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);
	display: inline-block;
	float: left;
	opacity: 0;
	margin: 30px 35px 50px 35px;
	top: 70px;

	transition: opacity 1.2s ease, top .8s ease;
	}

.cards.four .card {
	width: 320px;
	border-radius: 12px;
	}

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

.card img {
	width: 100%;
	background: #eee;
	}

.cards.four .card img {
	border-radius: 12px 12px 0 0;
	}

.c-content {
	width: 84%;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	left: 8%;
	padding: 36px 0;
	}

.c-content h3 {
	font-size: 26px;
	font-weight: 600;
	color: #222;
	letter-spacing: -1.2px;
	margin-bottom: 14px;
	}

.c-content h3:after {
	width: 24px;
	height: 2px;
	background: #f08100;
	display: block;
	content: "";
	margin: 20px auto;
	}

.cards.four .c-content h3 {
	font-size: 24px;
	}

.c-content p {
	font-size: 19px;
	color: #555;
	line-height: 170%;
	letter-spacing: -0.4px;
	}

.cards.four .c-content p {
	font-size: 17px;
	}

.c-content .button, .block .text-holder .button, .banner .button {
	position: relative;
	background: #f08100;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	border-radius: 99px;
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
	display: table;
	overflow: hidden;
	padding: 15px 28px;
	margin: 30px auto 0 auto;

	transition: background .4s ease;
	}

.block .text-holder .button {
	font-size: 19px;
	padding: 23px 28px;
	margin: 50px 0 0 0;
	}

.c-content .button span, .block .text-holder .button span, .banner .button span {
	position: relative;
	overflow: hidden;
	z-index: 1;
	display: block;
	}

.c-content .button:after, .block .text-holder .button:after, .banner .button:after {
	width: 40px;
	height: 40px;
	position: absolute;
	background: #2199aa;
	border-radius: 99px;
	content: "";
	bottom: -40px; left: 50%;
	margin-left: -20px;

	transition: all .4s ease;
	}

.c-content .button:hover:after, .block .text-holder .button:hover:after, .banner .button:hover:after {
	transform: scale(7.5);
	}

.cards.four .c-content .button {
	font-size: 15px;
	}

.block .text-holder {
	width: 600px;
	float: left;
	}

.block .text-holder h2 {
	font-size: 68px;
	letter-spacing: -4px;
	line-height: 110%;
	margin-bottom: 30px;
	}

.block .text-holder p {
	font-size: 20px;
	}

.block .text-holder .button {
	transform: scale(0);
	transition: transform .4s ease;
	}

.block .text-holder .button.show-1 {
	transform: scale(1.05);
	}

.block .text-holder .button.show-2 {
	transform: scale(0.98);
	}

.block .text-holder .button.show {
	transform: scale(1);
	}

.left {
	max-width: 700px;
	float: left;
	}

.right, .block .text-holder.right {
	float: right;
	}

.block .text-holder.right {
	margin-right: -50px;
	}

.image {
	width: 400px;
	height: 400px;
	position: relative;

//	transform: scale(0);
	transition: transform .9s ease;
	}

.image.show {
//	transform: scale(1);
	}

.image .img-holder {
	position: relative;
	opacity: 0;
	top: 60px;

	transition: opacity .7s ease, top .7s ease;
	}

.image .img-holder.show {
	opacity: 1;
	top: 0;
	}

.image:before {
	width: 0;
	height: 120%;
	position: absolute;
	background: #f4fbfc;
	border-radius: 20px;
	content: "";
	top: -60px;
	left: -120px;

	transition: width .8s ease;
	}

.image.show:before {
	width: 120%;
	}

.block.blue .image:before {
	background: #eaf5f7;
	}

.right .image:before {
	left: auto;
	right: -120px;
	}

.img-holder:after {
	width: 80px;
	height: 80px;
	position: absolute;
	background: #ffa945;
	border-radius: 20px;
	content: "";
	opacity: 0;
	z-index: 1;
	bottom: -20px;
	left: -80px;

	transform: rotate(-20deg) scale(0);
	transition: width .8s ease, opacity .4s ease, left .4s ease, transform .4s ease;
	}

.img-holder.square:after {
	opacity: 1;
	left: -40px;

	transform: rotate(0deg) scale(1);
	}

.image img {
	max-width: 100%;
	background: #fff;
	position: relative;
	border-radius: 20px;
	box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);
	z-index: 1;
	}

.laptop {
	width: 770px;
	height: 503px;
	position: absolute;
	background: url(../img/online-coaching-laptop.png);
	background-size: cover;
	opacity: 0;
	margin-left: -660px;

	transition: opacity .7s ease, margin-left .7s ease;
	}

.laptop.show {
	opacity: 1;
	margin-left: -460px;
	}

.mobiel {
	width: 341px;
	height: 515px;
	position: relative;
	background: url(../img/online-coaching-mobiel.png);
	background-size: cover;
	z-index: 1;
	opacity: 0;
	margin-top: 110px;
	margin-left: 80px;
	top: 100px;

	transition: opacity .7s ease, top .7s ease;
	}

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

#locations {
	margin-top: 60px;
	}

.location {
	display: inline-block;
	float: left;
	margin-right: 20px;
	}

.location .icon {
	width: 56px;
	height: 56px;
	background-color: #f5fafa;
	background-image: url(../img/location.svg);
	border-radius: 99px;
	box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);
	border: 1px solid #cddcdf;
	float: left;

	transform: scale(0);
	transition: border .4s ease, transform .4s ease;
	}

.block.blue .location .icon {
	background-color: #fff;
	}

.location:hover .icon {
	border: 1px solid #f08100;
	}

.location .icon.show-1, .location span.show-1 {
	transform: scale(1.1);
	}

.location .icon.show-2, .location span.show-2 {
	transform: scale(0.95);
	}

.location .icon.show, .location span.show {
	transform: scale(1);
	}

.location span {
	font-size: 19px;
	color: #51575a;
	float: left;
	margin: 14px 15px 0 15px;

	transform: scale(0);
	transition: transform .4s ease;
	}

#kaart {
	width: 520px;
	height: 613px;
	position: relative;
	background: url(../img/kaart.svg);
	opacity: 0;

	transform: scale(0);
	transition: opacity .8s ease, transform .9s ease;
	}

.block.blue #kaart {
	background: url(../img/kaart-white.svg);
	}

#kaart.show {
	opacity: 1;
	transform: scale(1);
	}

.pin {
	width: 20px;
	height: 30px;
	position: absolute;
//	background: url(../img/pin.svg);
//	filter: drop-shadow(0 16px 10px rgba(240, 129, 0, 0.25));
	opacity: 0;
	margin-bottom: 400px;

	transition: opacity .4s ease, margin-bottom .4s ease;
	}

.pin.show {
	opacity: 1;
	margin-bottom: 0;
	}

.pin.breda {
	z-index: 3;
	bottom: 30%;
	left: 36%;
	}

.pin.roosendaal {
	z-index: 2;
	bottom: 28%;
	left: 27%;
	}

.pin.sliedrecht {
	z-index: 1;
	bottom: 40%;
	left: 36%;
	}

.pin:before {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../img/pin.svg);
	filter: drop-shadow(0 16px 10px rgba(240, 129, 0, 0.25));
	content: "";
	z-index: -1;
	top: 0; left: 0;
	}

.pin:after {
	position: absolute;
	background: #fff;
	font-size: 12px;
	letter-spacing: 0.4px;
	border-radius: 20px;
	opacity: 0;
	content: "Breda";
//	filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.15));
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	padding: 5px 11px;
	margin-left: -27.5px;
	top: -60px; left: 50%;

	transition: opacity .6s ease, top .4s ease;
	}

.pin.hover:after {
	opacity: 1;
	top: -40px;
	}

.pin.roosendaal:after {
	content: "Roosendaal";
	margin-left: -44px;
	}

.pin.sliedrecht:after {
	content: "Sliedrecht";
	margin-left: -38.5px;
	}

.review {
	width: 1400px;
	position: relative;
//	background: #f4fbfc;
//	text-align: center;
	border-radius: 34px;
	box-sizing: border-box;
	padding: 50px;
	margin: 0 auto;
	}

.review .picture {
	width: 140px;
	height: 140px;
	position: relative;
	display: table;
	}

.review .picture .person {
	width: 100%;
	height: 100%;
	background: #fff url(https://www.nuijtenenvanwageningen.nl/cache/6f46effe7a2fe9b4025b5242d842442c/annemieke-nuijten-portret.jpg);
	background-size: 100%;
	border-radius: 18px;
	box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);

	transform: scale(0);
	transition: transform .4s ease;
	}

.review .picture.show-1 .person {
	transform: scale(1.1);
	}

.review .picture.show-2 .person {
	transform: scale(0.98);
	}

.review .picture.show .person {
	transform: scale(1);
	}

.review .picture:before {
	width: 0;
	height: 240px;
	position: absolute;
	background: #f4fbfc;
	border-radius: 18px;
	content: "";
	z-index: -1;
	top: -50px; left: -130px;

	transition: width .4s ease;
	}

.review .picture.show-1:before, .review .picture.show:before {
	width: 240px;
	}

.review .picture:after {
	width: 140px;
	height: 140px;
	position: absolute;
	border: 2px solid #f08100;
	border-radius: 18px;
	box-sizing: border-box;
	opacity: 0;
	content: "";
	top: 0; left: 0;

	transition: opacity .6s ease, top .6s ease, left .6s ease;
	}

.review .picture.border-1:after {
	opacity: 1;
	}

.review .picture.border:after {
	opacity: 1;
	top: 7px; left: 7px;
	}

.review h3 {
	font-size: 36px;
	overflow: hidden;
	margin-top: -80px;
	margin-left: 200px;
	}

.review h3 span {
	position: relative;
	top: 42px;

	transition: top .8s ease;
	}

.review h3.show span {
	top: 0;
	}

.review .sub {
	font-size: 19px;
	color: #6ea4ad;
	display: block;
	overflow: hidden;
	margin-top: 8px;
	margin-left: 200px;
	}

.review .sub span {
	position: relative;
	top: 25px;

	transition: top .8s ease;
	}

.review .sub.show span {
	top: 0;
	}

.review p {
	width: 600px;
	position: relative;
	font-size: 21px;
	line-height: 220%;
	opacity: 0;
	margin: 100px auto 0 auto;

	transition: opacity .6s ease;
	}

.review p.show {
	opacity: 1;
	}

.review p:before, .review p:after {
	position: absolute;
	font-size: 80px;
	color: #bee0e5;
	content: '"';
	left: -50px;
	}

.review p:after {
	left: auto;
	right: -50px;
	bottom: -50px;

	transition: top .8s ease;
	}

.review p .l-h {
	position: relative;
	top: 40px;

	transition: top .8s ease;
	}

.review p .l-h.show {
	top: 0;
	}

/* COACHING PAGINA */

/*#picture.select.fixed {
	position: fixed;
	right: 240px;
	bottom: 180px;
	}*/

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

.left .sub-title, .left .mid-title {
	text-align: left;
	}

#list {
	width: 1200px;
	position: relative;
//	display: flex;
//	flex-wrap: wrap;
	margin: 60px auto;
	}

#list li {
	width: 300px;
	background: #fff;
	font-size: 19px;
	color: #5f8389;
	line-height: 160%;
	list-style: none;
	border: 1px solid #f4f4f4;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.04);
	border-radius: 16px;
	display: inline-block;
	float: left;
	padding: 12px 15px;
	margin: 24px 0;

	transform: scale(0);
	transition: transform .4s ease;
	}

#list li span {
	width: 200px;
	position: absolute;
	display: table;
	top: 50%;
	left: 104px;

	transform: translate(0, -50%);
	}

#list li.show-1 {
	transform: scale(1.1);
	}

#list li.show-2 {
	transform: scale(0.98);
	}

#list li.show {
	transform: scale(1);
	}

#list li:nth-child(3n+2) {
	margin: 24px 80px;
	}

#list li:before {
	width: 40px;
	height: 40px;
	background-color: #f4fbfc;
	border: 1px solid #eee;
	border-radius: 12px;
	content: "";
	float: left;
	padding: 12px;
	margin-right: 26px;
	}

#list li.verder:before {
	background-image: url(../img/verder.svg);
	}

#list li.drijfveren:before {
	background-image: url(../img/drijfveren.svg);
	}

#list li.unhappy:before {
	background-image: url(../img/unhappy.svg);
	}

#list li.uniek:before {
	background-image: url(../img/uniek.svg);
	}

#list li.verliezen:before {
	background-image: url(../img/verliezen.svg);
	}

#list li.switch:before {
	background-image: url(../img/switch.svg);
	}

#list li.omscholen:before {
	background-image: url(../img/omscholen.svg);
	}

#list li.regie:before {
	background-image: url(../img/regie.svg);
	}

#list li.balans:before {
	background-image: url(../img/balans.svg);
	}

#list li.kort-lontje:before {
	background-image: url(../img/kort-lontje.svg);
	}

#list li.vermoeid:before {
	background-image: url(../img/vermoeid.svg);
	}

#list li.slaap:before {
	background-image: url(../img/slaap.svg);
	}

#list li.gehaast:before {
	background-image: url(../img/gehaast.svg);
	}

#list li.moeilijk-tot-rust:before {
	background-image: url(../img/moeilijk-tot-rust.svg);
	}

#list li.uitgeput:before {
	background-image: url(../img/uitgeput.svg);
	}

#list li.piekeren:before {
	background-image: url(../img/piekeren.svg);
	}

#list li.verhoogde-hartslag:before {
	background-image: url(../img/verhoogde-hartslag.svg);
	}

#list li.aan:before {
	background-image: url(../img/aan.svg);
	}

.v-left-blue:before {
	width: 54px;
	height: 42px;
	position: absolute;
	background: url(../img/person-two.svg);
	content: "";
	top: -60px;
	left: 100px;

	filter: blur(3px);
	transform: rotate(-15deg) scale(2.5);
	}

.v-right-orange:after {
	width: 54px;
	height: 42px;
	position: absolute;
	background: url(../img/person-one.svg);
	content: "";
	bottom: 80px;
	right: 40px;

	filter: blur(3px);
	transform: rotate(12deg) scale(1.5);
	}

/* COLUMNS */

.columns {
	position: relative;
	display: table;
	margin-top: 20px;
	}

.columns.three:before {
	width: 0;
	height: 0;
	position: absolute;
	border: 1px dashed #f1f1f1;
	content: " ";
	top: 85px; left: 175px;

	transition: width 1.6s ease;
	}

.columns.three.show:before {
	width: 1000px;
	}

.columns .column {
	width: 330px;
	min-height: 360px;
	position: relative;
	float: left;
	display: inline-block;
	}

.holder .columns.three .column:nth-child(2) {
	margin: 0 205px;
	}

.holder.small .columns.three .column:nth-child(2) {
	margin: 0 130px;
	}

.holder.details {
	margin-top: -150px;
	}

.column .circle {
	width: 110px;
	height: 110px;
	position: relative;
	background-color: #fff;
	background-size: 85% !important;
	background-position: center !important;
	border-radius: 99px;
	box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.06);
	margin-top: 30px;
	margin-left: -55px;
	left: 50%;

	transform: scale(0);
	transition: transform .4s ease;
	}

.column.show-1 .circle {
	transform: scale(1.1);
	}

.column.show-2 .circle {
	transform: scale(0.95);
	}

.column.show .circle {
	transform: scale(1);
	}

.columns .column .circle.persoon {
	background-image: url(../img/persoon.svg);
	}

.columns .column .circle.doel {
	background-image: url(../img/doel.svg);
	}

.columns .column .circle.trajectduur {
	background-image: url(../img/trajectsduur.svg);
	}

.columns .column h3 {
	font-weight: 600;
	font-size: 25px;
	color: #222;
	text-align: center;
	letter-spacing: -0.6px;
	line-height: 142%;
	overflow: hidden;
	padding-top: 30px;
	margin-bottom: 20px;
	}

.column h3 span {
	position: relative;
	top: 32px;

	transition: top .8s ease;
	}

.column h3.show span {
	top: 0;
	}

.column p {
	font-size: 18px;
	color: #6d6a68;
	text-align: center;
	line-height: 180%;
	padding-bottom: 40px;
	}

.column p .l-h {
	position: relative;
	top: 30px;

	transition: top .8s ease;
	}

.column p .l-h.show {
	top: 0;
	}

/* END COLUMNS */

.uitleg {
	width: 800px;
	font-size: 21px;
	line-height: 190%;
	text-align: center;
	margin: 0 auto 60px auto;
	}

.uitleg .line {
	display: block;
	overflow: hidden;
	}

.uitleg .l-h {
	position: relative;
	top: 40px;

	transition: top 1.2s ease;
	}

.uitleg .l-h.show {
	top: 0;
	}

.stap {
	width: 100%;
	display: table;
	margin-bottom: 50px;
	}

.stap:not(:last-child):after {
	width: 0;
	height: 40px;
	border: 1px dashed #dfdfdf;
	content: "";
	display: block;
	opacity: 0;
	margin: 60px auto -10px auto;

	transition: opacity .6s ease;
	}

.stap.show:not(:last-child):after {
	opacity: 1;
	}

.stap-icon {
	width: 110px;
	height: 80px;
	position: relative;
	background-color: #fff;
	background-size: 85% !important;
	background-position: center !important;
	font-size: 40px;
	color: #74abb4;
	text-align: center;
	border-radius: 99px;
	box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.06);
	padding-top: 30px;
	margin-top: 30px;
	margin-left: -55px;
	left: 50%;

	transform: scale(0);
	transition: transform .4s ease;
	}

.stap.show-1 .stap-icon {
	transform: scale(1.1);
	}

.stap.show-2 .stap-icon {
	transform: scale(0.95);
	}

.stap.show .stap-icon {
	transform: scale(1);
	}

/*
.stap:nth-child(odd) .stap-icon {
	left: 0;
	}*/

.stap-holder {
	width: 600px;
	text-align: center;
	margin: 40px auto;
	}
/*
.stap:nth-child(even) .stap-holder {
	float: right;
	}*/

.stap h3 {
	font-size: 28px;
	letter-spacing: -1px;
	overflow: hidden;
	margin-bottom: 14px;
	}

.stap h3 span {
	position: relative;
	top: 32px;

	transition: top .8s ease;
	}

.stap h3.show span {
	top: 0;
	}

.stap p {
	font-size: 19px;
	line-height: 190%;
	}

.stap p .l-h {
	position: relative;
	top: 30px;

	transition: top .8s ease;
	}

.stap p .l-h.show {
	top: 0;
	}

.split {
	width: 1000px;
	height: 200px;
	background: #eaf5f7;
	border-radius: 18px;
	margin: 0 auto 200px auto;
	}

.split p {
	width: 50%;
	height: 50%;
	font-size: 21px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding-top: 25px;
	}

.banner-bg, .blue.banner-bg {
	background: url(../img/linda-groot.jpg);
	background-size: cover;
	background-position: center;
	}

.banner-bg.tafeltennis, .blue.banner-bg.tafeltennis {
	background: url(../img/tafeltennis.jpg);
	background-size: cover;
	background-position: center;
	}

.banner-bg.linda, .blue.banner-bg.linda {
	background: url(../img/linda-visser-bg.jpg);
	background-size: cover;
	background-position: center;
	}

.banner {
	width: 700px;
	text-align: center;
	margin: 0 auto;
	}

.banner-bg .banner {
	color: #fff;
	}

.banner h2 {
	font-size: 50px;
	letter-spacing: -2.6px;
	overflow: hidden;
	}

.banner h2 span {
	position: relative;
	top: 60px;

	transition: top .8s ease;
	}

.banner h2.show span {
	top: 0;
	}

.banner p {
	font-size: 21px;
	line-height: 180%;
	margin-top: 20px;
	}

.banner p .l-h {
	position: relative;
	top: 30px;

	transition: top .8s ease;
	}

.banner p .l-h.show {
	top: 0;
	}

.banner .button {
	background: #f08100;
	font-weight: 600;
	font-size: 20px;
	color: #fff;
	letter-spacing: -0.4px;
	border-radius: 99px;
	box-shadow: 0 20px 40px rgb(240, 129, 0, 0.10);
	display: inline-block;
	padding: 22px 34px;
	margin-top: 60px;

	transform: scale(0);
	transition: background .4s ease, transform .4s ease;
	}

.banner .button:hover {
	background-color: #cf6f00;
	}

.banner .button.show-1 {
	transform: scale(1.1);
	}

.banner .button.show-2 {
	transform: scale(0.95);
	}

.banner .button.show {
	transform: scale(1);
	}

.quote-start {
	font-size: 200px;
	color: #dff1f4;
	text-align: center;
	opacity: 0;
	margin-bottom: -60px;

	transition: opacity .8s ease;
	}

.quote-start.show {
	opacity: 1;
	}

.linda-circle {
	width: 100px;
	height: 100px;
	background: #eee url(../img/linda-circle.png);
	background-size: cover;
	border-radius: 99px;
	display: block;
	margin: 80px auto 0 auto;

	transform: scale(0);
	transition: transform .4s ease;
	}

.linda-circle.show-1 {
	transform: scale(1.1);
	}

.linda-circle.show-2 {
	transform: scale(0.95);
	}

.linda-circle.show {
	transform: scale(1);
	}

.motto p {
	width: 900px;
	font-size: 28px;
	text-align: center;
	line-height: 210%;
	margin: 0 auto;
	}

.motto p .line {
	display: block;
	overflow: hidden;
	}

.motto p .l-h {
	position: relative;
	top: 70px;

	transition: top 1.2s ease;
	}

.motto p .l-h.show {
	top: 0;
	}

/* FOOTER */

#footer {
	position: relative;
	border-top: 1px solid #eee;
	padding: 140px 0;
	bottom: 0;
	}

.footer-logo {
	width: 106px;
	height: 52px;
	background: url("../img/viavisser-logo.png");
	background-size: cover;
	display: inline-block;
	margin-bottom: 26px;
	}

#footer .left-side {
	vertical-align: top;
	display: inline-block;
	}

#footer .left-side p {
	font-size: 16px;
	color: #739091;
	}

#footer .pages {
	vertical-align: top;
	display: inline-block;
	margin-left: 220px;
	}

#footer .pages:last-child {
	width: 260px;
	}

#footer .pages h3 {
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 34px;
	}

#footer .pages h3:after {
	width: 24px;
	height: 2px;
	background: #f08100;
	display: block;
	content: "";
	margin-top: 26px;
	}

#footer .pages ul {
	list-style: none;
	}

#footer .pages ul li {
	font-size: 18px;
	color: #739091;
	margin-bottom: 22px;
	}

#footer .pages ul li a {
	color: #739091;
	display: inline-block;
	}

#footer .pages ul li a:after {
	width: 0;
	height: 1px;
	background: #739091;
	content: "";
	display: block;

	transition: width .5s ease;
	}

#footer .pages ul li a:hover:after {
	width: 100%;
	}

.home-icon, .telephone-icon {
	width: 40px;
	height: 70px;
	float: left;
	margin-top: -8px;
	margin-right: 16px;
	}

.home-icon:after, .telephone-icon:after {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-image: url(../img/home-icon.svg);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	border-radius: 99px;
	content: "";
	display: inline-block;
	}

.telephone-icon:after {
	background-image: url(../img/telephone-icon.svg);
	}

#sub-footer {
	width: 100%;
	position: absolute;
	bottom: 40px;
	}

#sub-footer p {
	font-size: 15px;
	color: #739091;
	text-align: center;
	}

#sub-footer p a {
	color: #739091;
	display: inline-block;
	}

#sub-footer p a:after {
	width: 0;
	height: 1px;
	background: #739091;
	content: "";
	display: block;
	
	transition: width .5s ease;
	}

#sub-footer p a:hover:after {
	width: 100%;
	}

/* END FOOTER */

/* CONTACT FORM */

h2.left-title {
	font-size: 74px;
	letter-spacing: -5px;
	}

h2.left-title .l-h {
	position: relative;
	top: 90px;

	transition: top 1s ease;
	}

h2.left-title.show .l-h {
	top: 0;
	}

#contactForm {
	width: 600px;
	position: relative;
	background: #f4fbfc;
	float: left;
	opacity: 0;
	padding: 80px 60px;
	margin-top: 100px;
	top: 100px;

	transition: opacity 1s ease, top 1s ease;
	}

#contactForm.show {
	opacity: 1;
	top: 0;
	}

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

#contactForm input, #contactForm textarea {
	font-family: "Averta";
	font-size: 19px;
	color: #333;
	outline: none;
	box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.04);
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 16px 22px;

	-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 input:active, #contactForm input:focus, #contactForm textarea:active, #contactForm textarea:focus {
	border: 1px solid #ff611b;
	}

#contactForm input {
	width: 240px;
	}

#contactForm textarea {
	width: 520px;
	height: 250px;
	resize: none;
	}

#contactForm span {
	position: absolute;
	font-family: "Averta";
	font-size: 19px;
	color: #f08100;
	pointer-events: none;
	margin-top: 16.5px;
	margin-left: 23px;

	-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: #f08100;
	font-size: 14px;
	color: #fff;
	border-radius: 5px 5px 0 0;
	padding: 5px;
	margin-top: -28px;
	margin-left: 0px;
	}

#contactForm input#verstuur {
	background: #f08100;
	font-size: 21px;
	font-weight: 600;
	color: #fff;
	border: none;
	border-radius: 12px;
	cursor: pointer;
	padding: 22px;

	-webkit-transition: background 0.3s ease !important;
	-moz-transition: background 0.3s ease !important;
	-ms-transition: background 0.3s ease !important;
	-o-transition: background 0.3s ease !important;
	transition: background 0.3s ease !important;
	}

#contactForm input#verstuur:hover {
	background: #cf6f00;
	}

#contactForm span#melding {
	font-size: 20px;
	color: red;
	margin-top: 20px;
	}

#melding.success {
	color: #06a97d;
	}

#gegevens {
	float: left;
	margin-top: 100px;
	margin-left: 140px;
	}

#gegevens h3 {
	font-size: 26px;
	letter-spacing: -1px;
	overflow: hidden;
	margin-bottom: 40px;
	}

#gegevens h3 span {
	position: relative;
	top: 18px;

	transition: top .8s ease;
	}

#gegevens h3.show span {
	top: 0;
	}

#gegevens ul {
	width: 280px;
	}

#gegevens li {
	font-size: 18px;
	list-style: none;
	overflow: hidden;
	margin-bottom: 40px;
	}

#gegevens li span {
	position: relative;
	top: 25px;

	transition: top .6s ease;
	}

#gegevens li.show span {
	top: 0;
	}

#gegevens .home-icon, #gegevens .telephone-icon {
	width: 50px;
	height: 90px;
	margin-top: -14px;
	margin-right: 26px;

	transform: scale(0);
	transition: transform .4s ease;
	}

#gegevens .home-icon.show-1, #gegevens .telephone-icon.show-1 {
	transform: scale(1.1);
	}

#gegevens .home-icon.show-2, #gegevens .telephone-icon.show-2 {
	transform: scale(0.95);
	}

#gegevens .home-icon.show, #gegevens .telephone-icon.show {
	transform: scale(1);
	}

#gegevens .home-icon:after, #gegevens .telephone-icon:after {
	width: 50px;
	height: 50px;
	}

/* END CONTACT FORM */