.breadcrumbs{
overflow: hidden;
margin-bottom:30px;
}

.breadcrumbs a {
color: white;
text-decoration: none;
padding: 10px 0 10px 55px;
position: relative;
display: block;
float: left;
transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
}

.breadcrumbs .active{
padding-left: 22px;
}

.breadcrumbs a:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 30px solid white;
position: absolute;
top: 50%;
margin-top: -50px;
margin-left: 1px;
left: 100%;
z-index: 1;
}

.breadcrumbs a:after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}

.breadcrumbs .current{
padding: 0px 0 10px 45px;
margin-top: 10px;
float: left;
}