/*Category News*/
.mod-category-news {
	border-radius: 20px;
	border:1px solid #d8d8d8;
	padding: 10px 20px;
	background: #ffffff;
}
.mod-category-news .articles-count {
	width: 18px;
	height: 18px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	background: #f8f9fa;
	position: absolute;
	right: 4px;
	top: 10px;
	font-size: 11px;
	line-height: 18px;
}
.list-group.mod-category-news a.active .articles-count, .list-group.mod-category-news a.active:hover .articles-count, .list-group.mod-category-news a:hover .articles-count  {
	background: #ffffff;
}
.list-group.mod-category-news a.active, .list-group.mod-category-news a.active:hover, .list-group.mod-category-news a:hover {
	color: #000;
	background: transparent;
	border: 0px;
	text-shadow: none;
}
.list-group.mod-category-news a {
	border:0px;
	padding: 8px;
}
.list-group.mod-category-news a + a {
	border-top: 1px dashed #d8d8d8 !important;
	z-index: 1;
}
.mod-category-news .list-group-item {
	margin-top: 0px;
	margin-bottom: 3px;
}
.mod-category-news .list-group-item:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.mod-category-news .list-group-item:last-child {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.list-group.mod-category-news a.active:before, .list-group.mod-category-news a.active:hover:before, .list-group.mod-category-news a:hover:before  {
	background: #f8f9fa;
	position: absolute;
	height: calc(100% - 3px);
	content: "";
	z-index: -1;
	left: -5px;
	right: -5px;
	width: calc(100% + 10px);
	top: 3px;
	border-radius: 5px;
}
	/* END Category News*/
.dflex, .d-flex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.h-100 {
	height: 100%;
}
.flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}
.view-box {
	background: #f8f9fa;
	padding: 10px;
	border-radius: 12px;
}
/*Module Atricles*/
	.articles__item,
	.module-articles__item {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.articles__content,
	.module-articles__content {
		padding: 15px;
		background: #f8f9fa;
		border-radius: 20px;
	}

	.articles__image,
	.module-articles__image {
		border-radius: 12px;
		margin-bottom: 15px;
		background: #ffffff;
		text-align: center;
	}
	.module-articles__image a {
		display: block;
	}
	.articles__image img,
	.module-articles__image img {
		border-radius: 12px;
		overflow: hidden;
		margin: 0 auto;
	}
	.articles__title,
	.module-articles__title {
		margin-bottom: 20px;
	}
	.articles__title a,
	.module-articles__title a {
		color: #000;
		font-size: 15px;
		line-height: 22px;
		font-weight: 600;
		transition: color 0.2s ease-out;
	}
	.articles__title a:hover,
	.module-articles__title a:hover {
		color: #457DE3;
		text-decoration: underline;
	}
	.articles__description,
	.module-articles__description {
		margin-top: auto;
		margin-bottom: 25px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		color: #000;
	}
	.atricles__footer,
	.module-atricles__footer {
		margin-top: auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.articles__date,
	.module-articles__date {
		color: #B1B1B1;
		display: flex;
		align-items: center;
	}
	.articles__date svg,
	.module-articles__date svg {
		margin-right: 10px;
	}
	.atricles__viewed,
	.module-atricles__viewed {
		display: flex;
		align-items: center;
		color: #B1B1B1;
	}
	.atricles__viewed i,
	.module-atricles__viewed svg,
	.module-atricles__viewed i {
		margin-right: 10px;
	}

	/*END Module Atricles*/








.blog-menu-header {
	margin: 2px 0px;
}

/*
.container-module .item-atricle {
	padding-top: 10px;
	margin-bottom: 10px;
}
.container-module .item-atricle .product-thumb{
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	overflow: hidden;
}
.art-description {
	font-size: 14px;
	margin-bottom: 15px;
	color: #828282;
	height: 100px;
	overflow: hidden;
}*/

.blog-date-viewed {
	justify-content: space-between;
	align-items: center;
}
.blog-date-viewed .icon-viewed,
.blog-date-viewed .icon-date-added {
	display: inline-block;
	height: 17px;
	width: 17px;
	margin-right: 8px;
}

.blog-date-viewed .text-viewed,
.blog-date-viewed .text-date-added {
	display: inline-block;
}
.blog-art-viewed,
.blog-art-date-added {
	display: flex;
	align-items: center;
}

.blog-articles-list {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.blog-articles-list .blog-article-image {
	float: left;
	margin-right: 20px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.blog-articles-list .caption .blog-article-name {
	font-size: 16px;
	margin-bottom: 10px;
}
.blog-articles-list .caption .blog-article-name a {
	color: #000;
}

.blog-articles-list .caption .blog-article-date, .blog-articles-list .caption .blog-art-viewed {
	margin-bottom: 10px;
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}
.blog-articles-list .caption .blog-article-date .icon-date-added {
	display: inline-block;
	margin-right: 8px;
	height: 17px;
	width: 17px;
}
.blog-articles-list .caption .blog-art-viewed {
	margin-left: 15px;
}
.blog-articles-list .caption .blog-art-viewed .icon-viewed {
	display: inline-block;
	height: 20px;
	width: 17px;
	margin-right: 8px;
}

.blog-articles-list .caption .blog-article-description {
	margin-bottom: 10px;
}
div.blog-articles-list + div.blog-articles-list:before {
	border-top: 2px dashed #e9ecef !important;
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	top: -15px;
}

.blog-quantity-reviews {
	background: #EFEFEF;
	position: relative;
	margin-left: 5px;
	border-radius: 50px;
	width: 25px;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	text-align: center;
}
.blog-quantity-reviews a {
	color: #000;
	font-size: 11px;
}
.text-write-reviews {
	margin-left: 15px;
}

.text-write-reviews a:hover {
	text-decoration:underline;
}
.mt-20 {
	margin-top: 20px;
}