.cp-crumbs {
	width: 100%;
	counter-reset: steps;
	background-color: #FFFFFF;
}

.cp-crumbs tr {
	background-color: #FFFFFF;
}

.cp-crumbs-step {
	position: relative;
	float: left;
	padding: 2px 12px;
	background-color: #f2f2f2;
	vertical-align: middle;
	border-left: 4px solid #fff !important;
}

.container .cp-crumbs-step-text {	
	font: 16px 'Ubuntu', Trebushet MS, sans-serif;
	height: 44px;
	display: table-cell;
	vertical-align: middle;	
	text-align: center;
	line-height: normal;
}

.cp-crumbs-step::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
	width: 0;
	height: 0;
	border-left: 11px solid #fff;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-right: none;
	z-index: 1;
}

.cp-crumbs-step::after {
	content: '';
	position: absolute;
	left: 99.9%; /* Dumb value to prevent separation in IE */
	top: 50%;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid #f2f2f2;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: none;
	z-index: 2;
}

.cp-crumbs-step:first-child {
	margin-left: 0;
	border-left: none !important;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.cp-crumbs-step:last-child {
	margin-right: 0;
	border-right: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.cp-crumbs-step:first-child::before,.cp-crumbs-step:last-child::after {
	display: none;
}

.cp-crumbs-step-active {
	background-color: #74B751;
	color: #fff;
}

.cp-crumbs-step-active::after {
	border-left-color: #74B751;
}

.cp-crumbs-step-active ~ .cp-crumbs-step {
	background-color: #CFEECF;
	color: rgba(0, 0, 0, .5);
}

.cp-crumbs-step-active ~ .cp-crumbs-step::after {
	border-left-color: #CFEECF;
}

.cp-crumbs-step-text::before {
	content: counter(steps) '.';
	counter-increment: steps;
	font-weight: bold;
}