/***********************************************************

 * TESTIMONIALS

 **********************************************************/

@keyframes horizontaleFlip {

	0%		{transform: rotateX(0deg);}

	45%		{transform: rotateX(0deg);}

	50%		{transform: rotateX(180deg);}

	95%		{transform: rotateX(180deg);}

	100%	{transform: rotateX(0deg);}

}

@keyframes flipTimer {

	0%		{height: 100%;}

	50%		{height: 0;}

}

@keyframes kopNaarLinks {

	0%		{left: 0%;}

	70%		{left: -70%;}

	70.01% {left: 30%;}

	100%	{left: 0%;}

}

@keyframes staartNaarLinks {

	0%		{left: 0%;}

	100%	{left: -100%;}

}



.testim-quotes-intro {

	margin-bottom: 32px;

}

.testim-quotes-blok {

	background-color: transparent;

	position: relative;

	width: 100%;

	height: 36vw;

	max-height: 272px;

	margin-bottom: 20px;

	perspective: 1000px;

}

.testim-quotes-blok-container {

	position: relative;

	width: 100%;

	height: 100%;

	/*transition: transform 0.8s;*/

	transform-style: preserve-3d;

	animation-name: horizontaleFlip;

  animation-duration: 15s;

	animation-iteration-count: infinite;

}

.testim-quotes-blok:nth-child(3n-1) .testim-quotes-blok-container {

	animation-delay: 0.5s;

}

.testim-quotes-blok:nth-child(3n) .testim-quotes-blok-container {

	animation-delay: 1s;

}

.testim-quotes-blok-container:hover {

	animation-play-state: paused;

}

.testim-quotes-blok-voor,

.testim-quotes-blok-achter {

	position: absolute;

	width: 100%;

	height: 100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	overflow: hidden;

	border: 3px solid var(--mot-color);

	box-sizing: border-box;

	padding: 10px;

	display: flex;

	justify-content: space-between;

}

.testim-quotes-blok-achter {

	transform: rotateX(180deg);

}



.testim-quotes-tekst {

	width: 64%;

	box-sizing: border-box;

	margin: auto 0;

}

.testim-quotes-quote-open,

.testim-quotes-quote-sluit {

	font-size: 64px;

	font-family: Merriweather, serif;

	color: var(--mot-color);

}

.testim-quotes-quote-open {

	line-height: 0;

	margin-top: 30px;

}

.testim-quotes-quote-inhoud {

	font-size: 15px;

	margin: -20px 40px;

	text-align: center;

}

.testim-quotes-quote-sluit {

	margin-bottom: -10px;

	height: 60px;

	text-align: right;

}

.testim-quotes-attrib {

	margin: 0 10px;

}

.testim-quotes-attrib-naam {

	font-weight: bold;

}

.testim-quotes-afb {

	width: 33%;

	box-sizing: border-box;

}

.testim-quotes-afb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.testim-quotes-blok:nth-child(2n) .testim-quotes-blok-voor,

.testim-quotes-blok:nth-child(2n) .testim-quotes-blok-achter {

	flex-direction: row-reverse;

}

.testim-logoklant {

	overflow: hidden;

}

.testim-logoklant-logos {

	white-space: nowrap;

	width: max-content;

}

.testim-logoklant-logo {

  display: inline-block;

  max-width: 12vw;

  height: 10vw;

  padding: 0 8px;

	position: relative;

	animation-name: staartNaarLinks;

	animation-duration: 30s;

	animation-iteration-count: infinite;

	animation-timing-function: linear;

}

.testim-logoklant-logo:nth-child(-n+8) {

	animation-name: kopNaarLinks;

}

.testim-logoklant-logo img {

  object-fit: contain;

  height: 100%;

}

.testim-logopartner-logo {

	width: 25%;

	float: left;

	box-sizing: border-box;

	padding: 8px;

	height: 12vw;

}

.testim-logopartner-logo img{

	height: 100%;

	width: 100%;

	display: inline-block;

	object-fit: contain;

}

/**********************************************************

 * TESTIMONIALS - MOBILE

 **********************************************************/

@media screen and (max-width: 600px) {

	.testim-logoklant-logo {

	  max-width: 21vw;

	  height: 17.5vw;

	}

	.testim-logopartner-logo {

		width: 50%;

		height: 18vw;

	}

	.testim-quotes-blok {

		height: 500px;

		max-height: 500px;

	}

	.testim-quotes-blok-voor,

	.testim-quotes-blok-achter,

	.testim-quotes-blok:nth-child(2n) .testim-quotes-blok-voor,

	.testim-quotes-blok:nth-child(2n) .testim-quotes-blok-achter {

		flex-direction: column;

	}

	.testim-quotes-tekst,

	.testim-quotes-afb {

		width: 100%;

	}

}