/*-----------
	START:::
	Header
-----------*/
#head{
	margin:0;
}

#overpage_skillflow_header{
	position:relative;
	top:5px;
	/*left:20px;*/
	z-index:-5;
	width:95px;
	height:95px;
	/*margin:50px auto;*/
	border:0px solid red;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	background-color:rgba(0,75,64,1);

}

#page_skillflow_header{
	position:absolute;
	z-index:1 !important;
	top:3px;
	left:3px;
	width:89px;
	height:89px;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    background-color:#000;
    text-align:center;
    line-height:89px;
    vertical-align:middle;
    border:0px solid green;
}

#page_2_skillflow_header{
	position:absolute;
	z-index:-1 !important;
	top:3px;
	left:3px;
	width:89px;
	height:89px;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius:50%;
	background: transparent; /*transparent;*/
	transform: rotateZ(15deg);
	animation: spin 2.5s linear infinite;
	/*display:none;*/
}

#page_2_skillflow_header:before{
	content:'';
	position:absolute;
	z-index:-2;
	top:-2px;
	left:-2px;
	width:35px;
	height:35px;
	background-image:linear-gradient(225deg, rgba(112,175,4,0.9) 10%,rgba(0,75,64,1) 80%);
}

#page_stop_skillflow_header{
	content:'';
	position:absolute;
	z-index:-1;
	top:-13px;
	left:-15px;
	width:75px;
	height:75px;
	background-image:linear-gradient(30deg, rgba(0,75,64,0.6) 20%,rgba(0,75,64,1) 40%);
	transform: rotateZ(30deg);
	border-radius:50%;
}

@keyframes spin{
	to{transform: rotateZ(375deg);}
}

/*---------
ENDE:::
HEADER
---------*/