.breadcrumbs-one{
margin: 0;
padding: 0;
list-style: none;
}
/*https://catalin.red/css3-breadcrumbs/*/
#breadcrumbs-one{
background: #eee;
border-width: 0;    /*1px;*/
border-style: solid;
border-color: #f5f5f5 #e5e5e5 #ccc;
border-radius: 5px;
/*box-shadow: 0 0 2px rgba(0,0,0,.2);*/
overflow: hidden;
width: 100%;


margin: 0;
padding: 0;
list-style: none;
cursor:pointer;
/*background-image: linear-gradient(to right, #f7f7f7, #ededed);*/
background: #fafafa;
}
@media screen and (max-width: 1311px){
    #breadcrumbs-one{
        /*overflow-x: auto;*/
        width: 950px;
    }
}

#breadcrumbs-one li{
float: left;

text-align:center;
}

#breadcrumbs-one span{
padding: .7em 1em .7em 2em;
float: left;
text-decoration: none;
color: #444;
position: relative;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
background-color: #ededed;
background-image: linear-gradient(to right, #fafafa, #ededed);

color: #000000;     /*#388E3C*/
}

#breadcrumbs-one li:first-child span{
padding-left: 1em;
border-radius: 5px 0 0 5px;
}

#breadcrumbs-one span:hover{
background: #eee300;
}

#breadcrumbs-one span::after,
#breadcrumbs-one span::before{
content: "";
position: absolute;
top: 50%;
margin-top: -2em;                           /*-1.5em;*/
border-top: 2em solid transparent;          /*1.5em*/
border-bottom: 2em solid transparent;       /*1.5em*/
border-left: 1em solid;
right: -1em;
}

#breadcrumbs-one span::after{
z-index: 2;
border-left-color: #ededed;
}

#breadcrumbs-one span::before{
border-left-color: #ccc;
right: -1.1em;
z-index: 1;
}

#breadcrumbs-one span:hover::after{
border-left-color: #fff;
border-left-color: #388E3C; border-left-color: #eee300;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
font-weight: bold;
background: none;
background-image: linear-gradient(to right, #fafafa, #ededed);
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
content: normal;
}