#fs-testimonials {
	background: #fff;
	padding: 1em;
	border: 1px solid #ccc;
	margin: 2em auto;
	position: relative;
	color: #655;

	.compress-toggle {
		display: inline-block;
		background: #fff;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 1px solid #ccc;
		padding: 0.7em 1.1em;
		&:before {
			content: attr(data-more);
		}
	}

	&.compress {
		padding-bottom: 2em;
		.fs-testimonials-outer-wrap {
			overflow: hidden;
			transition: all 1.6s;
		}
		&:not( .compress-expanded ) {
			.fs-testimonials-outer-wrap {
				max-height: 500px !important;
			}
		}
		&.compress-expanded {
			.compress-toggle:before {
				content: attr(data-less);
			}
			.fs-testimonials-outer-wrap {
				max-height: 5999px;
			}
		}
	}

	.fs-testimonials-wrap {
		> div {
			width: 33.3%;
			float: left;
		}
	}

	&::after {
		content: "";
		display: block;
		clear: both;
	}
	h2 {
		font-size: 2.3em;
		text-align: center;
		margin-bottom: 20px;
		color: #0073aa;
		font-family: Roboto, sans-serif;
	}
	.testimonial {
		-webkit-column-break-inside: avoid; /* Chrome, Safari */
		page-break-inside: avoid; /* Theoretically FF 20+ */
		break-inside: avoid-column; /* IE 11 */
		width: 100%;
		text-align: center;
		float: left;
		height: 100%;
		padding: 1px;
		.rate {
			margin: 0 auto;
			color: #f7941d;
			font-size: 1.8em;
			height: 28px;
			display: inline-block;
			li {
				display: inline-block;
			}
		}
		h4 {
			margin: 16px auto 25px;
			font-size: 20px;
			color: #333;
			line-height: 2em;
			text-transform: uppercase;
		}
		.quote-container {
			background: #f9fafa;
			border: 1px solid #e5e5e5;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 25px 25px 50px;
			position: relative;
			text-align: center;
			margin: 20px;
			-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
			border-bottom: 5px solid #DDD;
			&::before {
				font-family: "Open Sans", sans-serif;
				font-weight: 800;
				-webkit-font-smoothing: auto;
				content: '\201C';
				display: block;
				height: 15px;
				font-size: 70px;
				margin: -0.5em auto 0.7em;
				color: #ccc;
				text-align: center;
			}
		}
		blockquote {
			font-size: 16px;
			line-height: 1.5em;
			text-align: center;
			cursor: default !important;
			color: #666 !important;
			text-decoration: none;
			margin: 0;
			padding: 0;
			border: none;
			background: #fafbfb;
			position: relative;
			z-index: 9;
			div, p {
				font-size: 16px;
				line-height: 1.5em;
				text-align: center;
				cursor: default !important;
				color: #666 !important;
				text-decoration: none;
			}
			a {
				font-size: 16px;
				line-height: 1.5em;
				text-align: center;
				cursor: default !important;
				color: #666 !important;
				text-decoration: none;
				&:hover, &:visited, &:active {
					font-size: 16px;
					line-height: 1.5em;
					text-align: center;
					cursor: default !important;
					color: #666 !important;
					text-decoration: none;
				}
			}
		}
		.profile-pic {
			width: 80px;
			height: 80px;
			position: absolute;
			left: 50%;
			bottom: -40px;
			margin-left: -38px;
			border: 5px solid #666;
			-moz-border-radius: 80px;
			-webkit-border-radius: 80px;
			border-radius: 80px;
			-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
			box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
			padding: 2px;
			background-color: #fff;
		}
		.name {
			font-weight: bold;
			font-size: 18px;
			display: block;
			margin: 45px 0 25px 0;
		}
	}
}

@media (max-width: 970px) {
	#fs-testimonials {
		.fs-testimonials-wrap {
			column-count: 2;
			> div {
				display: inline;
				float: none;
			}
		}
	}
}

@media (max-width: 700px) {
	#fs-testimonials {
		.fs-testimonials-wrap {
			column-count: 1;
		}
	}
}