:root{
	--breadcrumbColor:#26313b;
	--rightArrowSpacing:-7px;
	--leftArrowSpacing:-7px;
	--afterClipPath: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
	--beforeClipPath: polygon(100% 0, 100% 100%, 0% 100%, 25% 50%, 0% 0%);
	--bcLiHeight:32px;
}

#breadcrumb a:link,
#breadcrumb a:visited{
	text-decoration:none;	
}
#breadcrumb{
	position:absolute;
	top:-50px;
	left:0;
  max-width: 50vw;
	margin:10px auto;
  list-style:none;
  display: block;
  font-optical-sizing: auto;
  font-size: 12px;
  width: 90vw;
	font-weight:800;
	z-index:-1;
}
#breadcrumb li {
	xbackground:var(--breadcrumbColor);
	
	max-height:var(--bcLiHeight);
  display: inline-block;
  padding:10px 15px;
	width:auto;
	position:relative;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	font-weight:600;
	color:#334455;
}
#breadcrumb li:not(:last-child):after {
	xbackground:var(--breadcrumbColor);
	
	right:var(--rightArrowSpacing);
	clip-path: var(--afterClipPath);
	height:var(--bcLiHeight);
	position:absolute;
	top:0;
	content:'';
	width:25px;
	display:inline-block;
	z-index:-1;
	content:'>';
	text-align:center;
	padding-top:10px;
	text-indent:14px;
}
#breadcrumb li:not(:first-child):before {
	xbackground:var(--breadcrumbColor);
	
	left:var(--leftArrowSpacing);
	clip-path: var(--beforeClipPath);
	height:var(--bcLiHeight);
	position:absolute;
	content:'';
	top:0;
	width:20px;
	display:inline-block;
	z-index:-1;
}
#breadcrumb li:not(:last-child) {
	margin-right:0;
}
#breadcrumb li:not(:first-child) {
	padding-right:15px;
	padding-left:10px;
}
#breadcrumb li:not(:last-child) {
	padding-left:5px;
	padding-right:10px;
}
#breadcrumb > li:nth-child(2),
#breadcrumb > li:nth-child(3){
	padding-left:11px;	
}
.wrapper{
max-width:1200px;
	margin:0 auto;
	position:relative;
}

#breadcrumb > li:nth-child(2),
#breadcrumb > li:nth-child(2):before,
#breadcrumb > li:nth-child(2):after{
	background:transparent;
}

#breadcrumb > li:nth-child(3),
#breadcrumb > li:nth-child(3):before{
	background:transparent;
	xcolor:#fff;
}
#breadcrumb .current a:link,
#breadcrumb .current a:visited{
	box-shadow:0 1px;
}
.titlebrand span a:hover,
#breadcrumb a:hover{
	box-shadow:0 1px;
}