#breadcrumb {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}
#breadcrumb .icon {
    font-size: 14px;
}
#breadcrumb li {
    float: left;
}
#breadcrumb li a {
    color: white;
    display: block;
    background: rgb(127, 127, 127); /* slategrey; */ /* #3498db; */
    text-decoration: none;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
    background-color: rgb(166, 166, 166); /* darkslategray; */ /* #2980b9; */
}
#breadcrumb li:nth-child(even) a:before {
    border-color: rgb(166, 166, 166); /* darkslategray; */ /* #2980b9; */
    border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
    border-left-color: rgb(166, 166, 166); /* darkslategray; */ /* #2980b9; */
}
#breadcrumb li:first-child a {
    padding-left: 15px;
    /*-moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px;*/
}
#breadcrumb li:first-child a:before {
    border: none;
}
#breadcrumb li:last-child a {
    padding-right: 15px;
    /*-moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;*/
}
#breadcrumb li:last-child a:after {
    border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid rgb(127, 127, 127); /* slategrey; */ /* #3498db; */
    border-width: 20px 10px;
    width: 0;
    height: 0;
}
#breadcrumb li a:before {
    left: -20px;
    border-left-color: transparent;
}
#breadcrumb li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: rgb(127, 127, 127); /* slategrey; */ /* #3498db; */
}
#breadcrumb li a:hover {
    background-color: lightgrey; /* #1abc9c; */
    color: black;
}
#breadcrumb li a:hover:before {
    border-color: lightgrey; /* #1abc9c; */
    border-left-color: transparent;
}
#breadcrumb li a:hover:after {
    border-left-color: lightgrey /* #1abc9c; */
}
#breadcrumb li a:active {
    background-color: #ffffff;
}
#breadcrumb li a:active:before {
    border-color: #ffffff;
    border-left-color: transparent;
}
#breadcrumb li a:active:after {
    border-left-color: #ffffff;
}


#breadcrumb li:hover {
    /* effect-shine http://codepen.io/colloque/pen/bDgmx */
    -webkit-mask-image: none;
    -webkit-mask-size: 0;
    animation: none;
}

#breadcrumb-container {
    margin-bottom: 15px;
}