.shape-rotate {
	-webkit-animation:rotation 500s infinite linear;
	z-index:-3;
}
@-webkit-keyframes rotation {
0% {
	-webkit-transform: rotate(0deg);

}
50% {-webkit-transform: rotate(360deg);		
}
100% {
	-webkit-transform: rotate(-360deg);		
}
}
.shape-rotate-oppositeD {
	-webkit-animation:rotation-oppositeD 500s infinite linear;
	z-index:-3;
}
@-webkit-keyframes rotation-oppositeD {
0% {
	-webkit-transform: rotate(360deg);
}
50% {-webkit-transform: rotate(0deg);		


}
100% {
	-webkit-transform: rotate(-360deg);		
}
}
/**********  Shape-X   ************/
.shape-x-dark::before{
	width:50px;
	height:50px;
	font-size:50px;
	content:"\f00d";
	font-family:'FontAwesome';
	color:#000;
	position:fixed;
	left:10%;
}
.shape-x-light::before{
	width:50px;
	height:50px;
	font-size:50px;
	content:"\f00d";
	font-family:'FontAwesome';
	color:#fff;
	position:fixed;
	display:block;
	z-index:-2;
}
/*********  shape-square  *************/
.shape-square-dark::before{
	width:50px;
	height:50px;
	font-size:50px;
	content:"\f00d";
	font-family:'FontAwesome';
	color:#000;
	position:fixed;
	left:10%;
}
.shape-x-light::before{
	width:50px;
	height:50px;
	font-size:50px;
	content:"\f00d";
	font-family:'FontAwesome';
	color:#fff;
	position:fixed;
	display:block;
	z-index:-2;
}


@-webkit-keyframes rotation {
0% {
	-webkit-transform: rotate(0deg);

}
50% {-webkit-transform: rotate(360deg);		
}
100% {
	-webkit-transform: rotate(-360deg);		
}
}
.shape-rotate-oppositeD {
	-webkit-animation:rotation-oppositeD 500s infinite linear;
	z-index:-3;
}
@-webkit-keyframes rotation-oppositeD {
0% {
	-webkit-transform: rotate(360deg);
}
50% {-webkit-transform: rotate(0deg);		


}
100% {
	-webkit-transform: rotate(-360deg);		
}
}