ul.customers {
	counter-reset: section;
	margin: 7em 0;
	padding: 0;
	list-style: none;
	clear: both;
}

ul.customers:before, ul.customers:after {
	content: " ";
	display: table;
}

ul.customers:after {
	clear: both;
}

ul.customers li.customer {
	position: relative;
	float: left;
	text-align: center;
	list-style: none;
	padding: 0 0 .5em;
	position: relative;
	width: 30%;
	margin: 0 1% 100px;
	border-radius: 10px;
	background: #fff;
	z-index: 9;
	border: 5px solid #f1f1f1;
}

ul.customers li .merc-orders,
ul.customers li .merc-worth { position: absolute; top: -1.5em; }

ul.customers li .merc-orders { left: 1em; text-align: left; }
ul.customers li .merc-worth { right: 1em; text-align: right; }

ul.customers li .heado { display: block; font-weight: bold; font-size: .75em; }

ul.customers li .numo,
ul.customers li .amount { display: block; color: black; font-family: Georgia !important; font-weight: bold; font-size: 1.25em; padding-top: 15px; }

ul.customers li.first { clear: both; }
ul.customers li.last { margin-right: 0; }

ul.customers li img {
	z-index: 9;
	width: auto;
	margin: -35px 0 0 -65px;
	border-radius: 100%;
	border: 5px solid #f1f1f1;
}

ul.customers li.customer h3 {
	padding: .5em 0 0;
	margin: 0;
	font-size: 2.5em;
}

ul.customers li.customer h3 a {
	text-decoration: none;
	color: black;
}

ul.customers li:before {
	position: absolute;
	font: bold 5em Georgia;
	top: -100px;
	left: 50%;
	opacity: .6;
	z-index: 1;
	counter-increment: section;
	content: counter(section);
}

/* TOP 3 */

ul.customers li.pos-1,
ul.customers li.pos-1 img {
	background: gold;
	border: 5px solid #a17f1a;
}
ul.customers li.pos-1,
ul.customers li.pos-1 .amount,
ul.customers li.pos-1 .numo,
ul.customers li.pos-1 h3 a { color: #a17f1a; }

ul.customers li.pos-2,
ul.customers li.pos-2 img {
	background: silver;
	border: 5px solid #6c7a86;
}
ul.customers li.pos-2,
ul.customers li.pos-2 .amount,
ul.customers li.pos-2 .numo,
ul.customers li.pos-2 h3 a { color: #6c7a86; }

ul.customers li.pos-3,
ul.customers li.pos-3 img {
	background: #cd7f32;
	border: 5px solid #51412d;
}
ul.customers li.pos-3,
ul.customers li.pos-3 .amount,
ul.customers li.pos-3 .numo,
ul.customers li.pos-3 h3 a { color: #51412d; }