.sectionListSvgArticle .listDiv .elementArticleSvgPara{
	width:16%;
	padding:2em;
	cursor:pointer;
	height:auto;
	transition:1s all ease;
	border-radius:0.5em;
	transform:translateY(-5em);
	opacity:0;
	margin:1em 1%;
}
.sectionListSvgArticle svg{
	margin:1em auto;
	display:block;
}
.sectionListSvgArticle .listDiv .animArticle{
	transform:translateY(0);
	opacity:1;
}
.sectionListSvgArticle article svg{
	font-size:2em;
}
.sectionListSvgArticle article svg path{
	transition:1s all ease;
}
.sectionListSvgArticle .listDiv{
	margin:1em 0;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+1){
	background:rgba(144, 133, 211, 0.3);
	outline-color:transparent;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+1):hover{
	background:transparent;
	color:rgb(144, 133, 211);
	outline:rgb(144, 133, 211) 1px solid;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+1) svg path{
	fill:rgb(144, 133, 211);
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+2){
	background:rgba(190, 111, 104, 0.3);
	outline-color:transparent;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+2):hover{
	background:transparent;
	outline:rgb(190, 111, 104) 1px solid;
	color:rgb(190, 111, 104);
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+2) svg path{
	fill:rgb(190, 111, 104);
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+3){
	background:rgba(98, 175, 110, 0.3);
	outline-color:transparent;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+3):hover{
	color:rgb(98, 175, 110);
	outline:1px solid rgb(98, 175, 110);
	background:transparent;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+3) svg path{
	fill:rgb(98, 175, 110);
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+4){
	background:rgba(38, 101, 177, 0.3);
	outline-color:transparent;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+4):hover{
	color:rgb(38, 101, 177);
	background:transparent;
	outline:1px solid rgb(38, 101, 177);
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+4) svg path{
	fill:rgb(38, 101, 177);
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+5){
	background:rgba(220, 182, 120, 0.3);
	outline-color:transparent;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+5):hover{
	color:rgb(220, 182, 120);
	outline:1px solid rgb(220, 182, 120);
	background:transparent;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+5) svg path{
	fill:rgb(220, 182, 120);
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+6){
	background:rgba(162, 162, 164, 0.3);
	outline-color:transparent;
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+6):hover{
	background:transparent;
	color:rgb(162, 162, 164);
	outline:1px solid rgba(162, 162, 164, 0.3);
}
.sectionListSvgArticle .listDiv .elementArticleSvgPara:nth-child(6n+6) svg path{
	fill:rgb(162, 162, 164);
}
.sectionListSvgArticle .listDiv .appearArticle{
	background:var(--basicColor1) !important;
	color:white;
}
.sectionListSvgArticle .listDiv .appearArticle svg path{
	fill:white !important;
}
.sectionListSvgArticle .listDiv .appearArticle:hover svg path{
	fill:var(--basicColor1) !important;
}
.sectionListSvgArticle .listDiv .appearArticle:hover{
	color:var(--basicColor1) !important;
	background:transparent !important;
	outline:1px solid var(--basicColor1) !important;
}
.sectionListSvgArticle .listDiv .appearArticle svg path{
	fill:var(--basicColor1);
}
.sectionListSvgArticle .elementImgTitleDescriptionBtn{
	visibility:hidden;
	transform:translateY(5em);
	opacity:0;
	position:absolute;
	bottom:0;
	width:100%;
	transition:1s all ease;
	display:flex;
	justify-content:space-between;
}
.sectionListSvgArticle .appearDiv{
	position:initial;
	transform:translateY(0);
	visibility:visible;
	opacity:1;
}
.sectionListSvgArticle .articleDiv{
	padding-top:1em;
	position:relative;
}
.sectionListSvgArticle .elementImgTitleDescriptionBtn .divCover{
	height:20em;
}
.sectionListSvgArticle .divArticle .subTitle strong{
	color:var(--basicColor1);
}
.sectionListSvgArticle .divArticle a{
	background:var(--basicColor1);
	padding:0.8em 2em;
	color:white;
	transition:0.3s all ease;
	outline-color:transparent;
}
.sectionListSvgArticle .divArticle a:hover{
	outline:1px solid var(--basicColor1);
	color:var(--basicColor1);
	background:transparent;
}
@media screen and (max-width:1300px){
	.sectionListSvgArticle .listDiv .elementArticleSvgPara{
		width:25%;
	}
}
@media screen and (max-width:1000px){
	.sectionListSvgArticle .listDiv .elementArticleSvgPara{
		width:40%;
	}
}
@media screen and (max-width:850px){
	.sectionListSvgArticle .elementImgTitleDescriptionBtn{
		flex-direction:column;
	}
	.sectionListSvgArticle .elementImgTitleDescriptionBtn .divCover{
		height:30em;
	}
	.sectionListSvgArticle > p{
		width:80%;
	}
	.sectionListSvgArticle .elementImgTitleDescriptionBtn .divArticle{
		margin-top:2em;
	}
	.sectionListSvgArticle .elementImgTitleDescriptionBtn .divCover, .sectionListSvgArticle .elementImgTitleDescriptionBtn .divArticle{
		width:100%;
	}
}
@media screen and (max-width:550px){
	.sectionListSvgArticle .elementImgTitleDescriptionBtn .divCover{
		height:20em;
	}
	.sectionListSvgArticle .listDiv .elementArticleSvgPara{
		width:70%;
	}
	.sectionListSvgArticle article svg{
		font-size:1em;
	}
}