.archive-hero {
	position: relative;
	z-index: 1
}

.archive-hero .archive-hero-bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 120%;
	overflow: hidden;
	z-index: -1
}

.archive-hero .archive-hero-bg::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.65);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)
}

.archive-hero .archive-title {
	font-size: 1.25rem;
	font-weight: 900;
	margin: 0 auto;
	position: relative;
	text-align: center;
	color: #fff
}

.archive-hero .archive-desc {
	color: #dfe0e5
}

.archive-hero .archive-desc p {
	margin-bottom: 0
}

.archive-hero.post-hero .archive-hero-bg::before {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.55)),to(rgba(255,255,255,.25)));
	background-image: linear-gradient(180deg,rgba(0,0,0,.55),rgba(255,255,255,.25))
}

.archive-hero.post-hero .post-title {
	color: #fff
}

.archive-hero.post-hero .article-meta a,.archive-hero.post-hero .article-meta span {
	color: rgba(255,255,255,.7)
}
 .img-box {
	overflow: hidden;
	border-radius: .35rem
}

 .img-box img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: auto;
	max-height: 320px
}

.desc-box .h3, .desc-box h3 {
	font-size: 1.8rem;
	font-weight: 600
}

.desc-box p {
	margin-bottom: 0;
	line-height: 1.8
}

 .more-a {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: .75rem
}
.filter-warp {
	position: relative;
	background: #fff
}

.filter-warp ::-webkit-scrollbar,.filter-warp ::-webkit-scrollbar-thumb,.filter-warp ::-webkit-scrollbar-track {
	display: none
}

.filter-warp .filter-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dashed rgba(25,26,31,.1);
	white-space: nowrap;
	overflow: hidden
}

.filter-warp .filter-item:last-child {
	border-bottom: none
}

.filter-warp .filter-item .filter-link,.filter-warp .filter-item .filter-name {
	margin-right: 4px;
	margin-top: 4px
}

.filter-warp .filter-item .filter-name {
	margin-right: 10px;
	color: #a1a1a8;
	min-width: auto;
	padding: 8px;
	line-height: 1;
	display: inline-block
}

.filter-warp .filter-item .filter-link {
	position: relative
}

.filter-warp .filter-item .filter-link>a {
	position: relative;
	padding: 8px;
	display: inline-block;
	line-height: 1;
	color: #595d69
}

.filter-warp .filter-item .filter-link.active>a,.filter-warp .filter-item .filter-link:hover>a {
	color: #1684ac
}

.filter-warp .filter-item .filter-link.active>a::after,.filter-warp .filter-item .filter-link:hover>a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 12px;
	margin-left: -6px;
	border-bottom: 2px solid #1684ac
}
.text-center {
	text-align: center!important
}
.col-122 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%
}

.p-33 {
	padding: 1rem!important
}
.mb-44 {
	margin-bottom: 1.5rem!important
}
.bg-white {
	--ri-bg-opacity: 1;
	background-color: rgba(var(255,255,255),var(255.255.255))!important
}
.rounded-22 {
	border-radius: var(0.25rem)!important
}

.mb-33 {
	margin-bottom: 1rem!important
}

.position-relative {
	position: relative!important
}

.mt-22 {
	margin-top: .5rem!important
}
.mb-00 {
	margin-bottom: 0!important
}
.container_zt,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
	--ri-gutter-x: 1.5rem;
	--ri-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--ri-gutter-x) * .5);
	padding-left: calc(var(--ri-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto
}

@media (min-width:768px) {
	.container_zt,.container-sm {
		max-width: 540px
	}

	.col-md-44 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%
	}
	.col-md-88 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%
	}
	.mb-md-00 {
		margin-bottom: 0!important
	}
	.filter-warp .filter-item {
		padding: 4px 0;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto
	}

	.filter-warp .filter-item .filter-link,.filter-warp .filter-item .filter-name {
		margin-right: 4px;
		margin-top: 0
	}

	.filter-warp .filter-item .filter-name {
		min-width: auto
	}

}
.filter-warp {
	position: relative;
	background: #fff
}

.filter-warp ::-webkit-scrollbar,.filter-warp ::-webkit-scrollbar-thumb,.filter-warp ::-webkit-scrollbar-track {
	display: none
}

.filter-warp .filter-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dashed rgba(25,26,31,.1);
	white-space: nowrap;
	overflow: hidden
}

.filter-warp .filter-item:last-child {
	border-bottom: none
}

.filter-warp .filter-item .filter-link,.filter-warp .filter-item .filter-name {
	margin-right: 4px;
	margin-top: 4px
}

.filter-warp .filter-item .filter-name {
	margin-right: 10px;
	color: #a1a1a8;
	min-width: auto;
	padding: 8px;
	line-height: 1;
	display: inline-block
}

.filter-warp .filter-item .filter-link {
	position: relative
}

.filter-warp .filter-item .filter-link>a {
	position: relative;
	padding: 8px;
	display: inline-block;
	line-height: 1;
	color: #595d69
}

.filter-warp .filter-item .filter-link.active>a,.filter-warp .filter-item .filter-link:hover>a {
	color: #1684ac
}

.filter-warp .filter-item .filter-link.active>a::after,.filter-warp .filter-item .filter-link:hover>a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 12px;
	margin-left: -6px;
	border-bottom: 2px solid #1684ac
}