/* reference latest */
.reference-latest {}
.reference-latest a { text-decoration: none; }
.reference-latest .article { margin-bottom: 60px; }
.reference-latest .article:last-child { margin-bottom: 30px; }
.reference-latest h4 {
	color: #FFFFFF;
	font-size: 19px;
	line-height: 25px;
	margin: 0;
}
.reference-latest .text {
	position: relative;
	padding: 0px 40px 0 50px;
	display: block;
}
.reference-latest .text:before,
.reference-latest .text:after {
	content: '\f10d';
	position: absolute;
	font-size: 26px;
	color: #FFFFFF;
}
.reference-latest .text:before {
	left: 0;
	top: 0;
}
.reference-latest .text:after {
	content: '\f10e';
	right: 0;
	bottom: 0;
}
.reference-latest .author {
	color: #FFFFFF;
	line-height: 26px;
	font-weight: 700;
}

/* reference latest [content] */
.reference-latest.content {}

/* reference list */
.reference-list {}
.reference-list a { text-decoration: none; }
.reference-list .article { margin-bottom: 30px; }
.reference-list .article:last-child { margin-bottom: 30px; }
.reference-list h4 {
	color: #000000;
	font-size: 19px;
	line-height: 25px;
	margin: 0;
}
.reference-list .text {
	position: relative;
	padding: 0px 40px 0 50px;
	display: block;
}
.reference-list .text:before,
.reference-list .text:after {
	content: '\f10d';
	position: absolute;
	font-size: 26px;
	color: #000000;
}
.reference-list .text:before { left: 0; top: 0; }
.reference-list .text:after {
	content: '\f10e';
	right: 0;
	bottom: 0;
}
.reference-list .author {
	color: #000000;
	line-height: 26px;
	font-weight: 700;
}

/* news single */
.reference-single .images { overflow: hidden; display: block; margin-bottom: 30px; }
.reference-single .image { 
	width: 50%;
	float: left;
	padding: 0px 1px 1px 0px;
}
.reference-single .image:nth-child(2n+2) { padding-right: 0px; }
.reference-single .image img { width: 100%; height: auto; }

	/* media specific styles */
	@media( min-width: 500px ){

		/* reference single */
		.reference-single .image { width: 25%; }
		.reference-single .image:nth-child(2n+2) { padding-right: 1px; }	
		.reference-single .image:nth-child(4n+4) { padding-right: 0px; }	
	}
	@media( min-width: 768px ){
		/* reference latest [content] */
		.reference-latest.content { padding: 35px 0; }
		.reference-latest.content .container {
			display: flex;
			text-align: stretch;
		}
		.reference-latest.content .article {
			width: 50%;
			width: calc(50% - 20px);
			width: -webkit-calc(50% - 20px);
			width: -moz-calc(50% - 20px);
			width: -ms-calc(50% - 20px);
			width: -o-calc(50% - 20px);
			float: left;
			margin: 0px;
		}
		.reference-latest.content .article:nth-child(odd) { margin-right: 40px; }

		/* reference list */
		.reference-list .container {
			display: flex;
			flex-wrap: wrap;
		}
		.reference-list .article {
			width: calc(50% - 10px);
			width: -webkit-calc(50% - 10px);
			width: -moz-calc(50% - 10px);
			width: -ms-calc(50% - 10px);
			width: -o-calc(50% - 10px);
			float: left;
		}
		.reference-list .article:nth-child(odd) { margin-right: 20px; }
	}
	@media( min-width: 1024px ){

		.reference-latest.content { padding: 70px 0; }
		.reference-latest.content .article {
			width: calc(50% - 35px);
			width: -webkit-calc(50% - 35px);
			width: -moz-calc(50% - 35px);
			width: -ms-calc(50% - 35px);
			width: -o-calc(50% - 35px);
			float: left;
		}
		.reference-latest.content .article:nth-child(odd) { margin-right: 70px; }

		/* reference single */
		.reference-single .image { width: 16.6666%; }
		.reference-single .image:nth-child(4n+4) { padding-right: 1px; }	
		.reference-single .image:nth-child(6n+6) { padding-right: 0px; }	
	}	
	@media( min-width: 1170px ){

		/* reference single */
		.reference-single .image { width: 25%; }
		.reference-single .image:nth-child(6n+6) { padding-right: 1px; }	
		.reference-single .image:nth-child(4n+4) { padding-right: 0px; }	
	}