@charset "UTF-8";
/* CSS Document */


div[data-label="references"] {
	margin-top: 50px;
}
.tpl-references .logos-fixed {
	display: none;
}

.tpl-references h3 i,em { font-style: normal; }
.tpl-references h3 i  { 
	display: inline-block;
	position: relative;
	width:       30px;
	height:      30px;
	margin: 0 0 -30px 0;
	top: 3px;
}
.tpl-references h3 i:before {
	display: block;
	position: relative;
	width:       30px; 
	height:      30px;
	font-size:   30px;
	line-height: 30px;
	text-align: center;
}
.tpl-references h3 em { 
	display: inline-block;
	margin: 0 0 0 10px;
}




		/* 							*/
		/* 							*/
		/* REFERENCES 				*/
		/* 							*/
		/* 							*/

			.references-wrapper {
				margin-bottom: 60px;
			}
			.references-wrapper ul {
				font-size: 0; line-height: 0; margin: 0; padding: 0;
				width: 100%;
			}
			.references-wrapper ul li {
				list-style: none; margin: 0; padding: 0;
				display: inline-block;
				vertical-align: top;
				width: calc(100% - 60px);
				margin: 0 20px 20px 20px;
			}
			/*
			.references-wrapper ul li .r-main_copy:before,
			.references-wrapper ul li .r-main_copy:after {
				display: block;
				position: relative;
				font-size: 3rem;
				line-height: 20px;
				width: 30px;
				height: 30px;
				margin-bottom: -30px;
				color: var(--brand_red);
			}
			.references-wrapper ul li .r-main_copy:before { content:"\201e"; left: -20px; }
			.references-wrapper ul li .r-main_copy:after  { content:"\201d"; float: right; right: -40px; top: -30px; }
			*/
			.references-wrapper ul li .r-main_copy {
				width: calc(100% - 35px);
				margin: 0 0 15px 0;
				padding: 0 0 0 30px;
				border-left: 5px solid var(--brand_red);
			}
			.references-wrapper ul li .r-main_copy * {
				font-family: TeamCompass-Light;
				font-size: 1.3rem;
				line-height: 1.3;
				text-align: justify;
			}
			.references-wrapper ul li .r-author {
				font-family: TeamCompass; font-weight: bold; text-transform: uppercase;
				margin-top: 15px;
			}
			.references-wrapper ul li .r-credit,
			.references-wrapper ul li .r-firm {
				font-size: 1.3rem;
				line-height: 1.3;
				font-style: italic;
			}
			.references-wrapper ul li[data-has_logo="1"] .r-logo {
				display: block;
				position: relative;
				width: 60px;
				height: 40px;
				margin: 0 0 -40px 0;
				left: -25px;
				top: 15px;
				outline: 0px solid red;
			}
			.references-wrapper ul li[data-has_logo="1"] .r-author, 
			.references-wrapper ul li[data-has_logo="1"] .r-credit, 
			.references-wrapper ul li[data-has_logo="1"] .r-firm {
				margin-left: 50px;
			}
			@media screen and (min-width: 0px) and (max-width: 859px) {
				
			}




		/* 							*/
		/* 							*/
		/* SLIDER					*/
		/* 							*/
		/* 							*/
		
