.crumbs {
background: #fff;
line-height: 1.9em;
}

.crumbs ul {
list-style: none;
}

.crumbs li {
display: inline;
}

.crumbs li a, .crumbs li span {
background: #0076c1;
color: #fff;
float: right;
padding: 5px 25px 5px 15px;
margin: 0 0 0 2px;
line-height: 30px;
position: relative;
}

.crumbs li span {
color: #000;
}

.crumbs li a:after {
content: "";
border-right: 10px solid #0076c1;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
position: absolute;
top:0;
left: -10px;
z-index: 100;
}

.crumbs li a:before, .crumbs li span:before {
content: "";
border-right: 10px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
position: absolute;
top:0;
right: 0;
z-index: 1;
}

.crumbs li:first-child a {
border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
-webkit-border-radius: 0 25px 25px 0;
}

.crumbs li:first-child a:before {
border: none;
}

.crumbs li:last-child a, .crumbs li span {
border-radius: 25px 0 0 25px;
-moz-border-radius: 25px 0 0 25px;
-webkit-border-radius: 25px 0 0 25px;
}

.crumbs li:last-child a:after {
border: none;
}

.crumbs li a:hover {
background: #00c1a8;
}

.crumbs li a:hover:after {
border-right-color: #00c1a8;
}