:root {
	--breadcrumbs-height: 55px
}

.site-breadcrumbs {
	position: absolute;
	z-index: 10;
	width: 100%;
}

.site-breadcrumbs__wrapper {
	padding-top: 40px;
}

.bx-breadcrumb {
	margin: 0 0 0 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 100%;
	overflow-x: auto;
}

.bx-breadcrumb::-webkit-scrollbar {
	opacity: 0;
}

.bx-breadcrumb i {
	margin: 0 8px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.15' d='M8.41602 0.277344L0.416016 12.2773' stroke='%23333333'/%3e%3c/svg%3e ");
	width: 9px;
	height: 13px;
	display: block;
}

.bx-breadcrumb .bx-breadcrumb-item {
	white-space: nowrap;
	font-size: 13px;
	line-height: 1.2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* background-color: white; */
}

.bx-breadcrumb .bx-breadcrumb-item a {
	color: rgba(51, 51, 51, 0.9);
	transition: color .2s ease-in-out;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover {
	color: var(--color-red);
}

.bx-breadcrumb .bx-breadcrumb-item>span {
	color: rgba(51, 51, 51, 0.25);
}

.header--index ~ .site-breadcrumbs .bx-breadcrumb .bx-breadcrumb-item a {
	color: #fff;
}

.header--index ~ .site-breadcrumbs .bx-breadcrumb .bx-breadcrumb-item>span {
	color: rgba(255, 255, 255, 0.7);
}

.header--index ~ .site-breadcrumbs .bx-breadcrumb i {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.3' d='M8.41602 0.277344L0.416016 12.2773' stroke='%23FFFFFF'/%3e%3c/svg%3e ");
}

@media (max-width: 1199px) {
	:root {
		--breadcrumbs-height: 77px
	}

	.site-breadcrumbs__wrapper {
		padding-top: 62px;
	}
}