body {
	background-color: #17181A;
	color: #6F7C93;
}
.no-padding{
	padding: 0;
}

section.nav {
    background: #1F232C;
}
section#nav .nav-logo,
section#nav .nav-social{
	width: 30%;
}

@media (min-width:992px) {
	section#nav .nav-list{
		display: flex;
		justify-content: center;
	}
	section#nav .nav-social{
		display: flex;
		justify-content: end;
	}
	section#nav .nav-list {
		width: 30%;
	}
}
.header-title {
	color: #fff;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 36px;
	display: flex;
	justify-content: center;
	text-align: center;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
section.banner-news{
	height: 300px;
	display: flex;
	justify-content: space-evenly;
	border-bottom: 0!important;
	mask-image: linear-gradient(rgb(255, 255, 255) 0%,#0000 100%);
	-webkit-mask-image: linear-gradient(rgb(255, 255, 255) 0%,#0000 100%);
}
section.banner-news .title{
	padding: 15px;
	background: #1f232cd4;
	font-weight: 700;
}
section.banner-news .date{
	font-size: 14px;
}
section.content .description-panel{
	background: #1F232C;
	padding: 0;
	display: grid;
}
section.content .description-panel a{
	padding-top: 15px;
	padding-bottom: 15px;
}
section.content .ics-m-8{
	margin: 0 auto;
	padding: 20px 0;
}
section.content .panel-txt{
	padding: 30px;
}

section.description .description-panel>a:hover,
section.description .panel-txt span:hover{
	cursor: pointer;
}