.breadcrumb  
{
    display: inline-block;
	list-style: none; 
	overflow: hidden; 
	width:auto;
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.35);
	border-radius: 5px;
	margin-bottom:5px;
} 
.breadcrumb li { 
	float: left; 
	margin-bottom: 0px;
}
.breadcrumb li a 
{
	color: #0089d2;
	text-decoration: none; 
	padding: 2px 0 2px 27px;
	background: #eeeeee; 
	position: relative; 
	display: block;
	float: left;
	cursor: pointer;
}

.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 20px solid transparent; 
	border-bottom: 20px solid transparent;
	border-left: 15px solid #eeeeee;
	position: absolute;
	top: 50%;
	margin-top: -20px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 15px solid #A7A3A3;
	position: absolute;
	top: 50%;
	margin-top: -20px; 
	margin-left: 4px;
	left: 100%;
	z-index: 1; 
}
.breadcrumb li:first-child a {
	padding-left: 10px;
}
				
.breadcrumb li:last-child a 
{
	padding-right: 10px;
}
.breadcrumb li:last-child a {
	color : #adadad;
	background: #eeeeee;
	pointer-events: none;
 	cursor: default;
}
		
.breadcrumb li a:hover
{
	background: #0085d5;
	color: #fff;
}
.breadcrumb li a:hover:after
{
    border-left: 15px solid #0085d5;   
}