.main-container{
	width: 100%;
	margin: 20px 10px 30px 10px;
	display: flex;
	flex-direction: row;
}
.sidebar .underline-a{
	--c-underline-a-color:#1a66d5;
}
.sidebar-container{
	width: 270px;
	background-color: #F1F1F1;
}
.sidebar{
	width: 270px;
	display: flex;
	flex-direction: row;
}
.top-cats-bar{
	width: 140px;
}
.sub-cats-bar{
	flex:1;
}
.list-bar{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.list-group-item:first-child, .list-group-item:last-child{
	border-radius: 0 !important;
}
.top-cats-bar .list-group-item{
	font-weight: 300;
	color: #666;
	font-size: 18px;
	padding-top:10px;
	padding-bottom:10px;
}
.top-cats-bar .active {
	color: #1f58c9;
	background-color: #F1F1F1;
	border-color: #F1F1F1;
	font-weight: 500;
	border-left: 4px solid #1f58c9;
}
.sub-cats-bar .list-group-item{
	background-color: #F1F1F1;
	border-color: #F1F1F1;
	font-weight: 300;
	color: #666;
	text-align: center;
}
.sub-cats-bar .active{
	font-weight: 500;
	color: #1f58c9;
}
i{
	margin-right: 5px;
}
.list-group-item:hover{
	font-weight: 500;
	color: #1f58c9;
}

.list-bar-content{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: 20px;
}

.hot-container{
	background-color: #F5F5F5;
}
.hot-container h2{
	border-left: 10px solid #286bd7;
	margin-left: 20px;
	padding-left: 5px;
}
.hot-box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.sidebar-fixed{
	position: fixed;
	top: 0;
}

.sidebar-scroll{
	position: static;
}