.containertest {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	background-color: #F2F2F2;
	padding-top: 0px;
	border-radius: 17px;
	border: 1px solid #394B3F;
	max-width: 550px;
	display: none;
}


/* testimonials slider geometry */
.tsl {
	padding: 1em;
}
.tsl-list {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
.tsl-item {
	position: relative;
	top: 0;
	left: 100%;
	margin-left: -100%;
	width: 100%;
	animation: tsl-fade-in-out 25s infinite;
	animation-play-state: running;
	float: left;
}

/* lets hide all items from second */
.tsl-item + .tsl-item {
	opacity:0;
}

/* animation */

/* animation shift */
/* negative delay needed to pause works correctly on hover */
.tsl-item:nth-child(2) {
	animation-delay: -20s;
}
.tsl-item:nth-child(3) {
	animation-delay: -15s;
}
.tsl-item:nth-child(4) {
	animation-delay: -10s;
}
.tsl-item:nth-child(5) {
	animation-delay: -5s;
}
/*
we have 5 items.
we want each slide plays ≈5s

each slide will play 1/5 of animation = 20%
1% of animation is for transitions (fading)
*/

@keyframes tsl-fade-in-out {
	0% {
		opacity:0;
		z-index:2;
	}
	1% {
		opacity:1;
		z-index:2;
	}
	20% {
		opacity:1;
	}
	21% {
		opacity:0;
		z-index:1;
	}
	100% {
		opacity:0;
	}
}

/* pause on hover */
.tsl-list:hover .tsl-item {
	animation-play-state: paused;
	float: left;
}

/* testimonials theme */
.tsl-content {
	line-height: 1.4;
	font-size: 16px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #233529;
}
.tsl-content p {
	margin-top: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: medium;
}
.tsl-meta {
	line-height: 1.4;
	font-size: 16px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #233529;
}
.tsl-meta p {
	margin-bottom: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: small;
  }
.tsl-item .tsl-content img {
	float: right;
	border-radius: 17px;
}