/* ANIMATIONS */
#mainmenubtn{
	display:none;
}
#mainmenu{
	display:block;
}
#logohead .orange_circle{
	-webkit-animation-name: fadeIn; /* Chrome, Safari, Opera */
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	opacity:0;
	z-index:10;
}
#logohead .flags{
	top:-200px;
	-webkit-animation-name: fadeIn; /* Chrome, Safari, Opera */
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	opacity:0;
	z-index:9;
}
#logohead .logobird{
	z-index:11;
	opacity:0;
	transform:scale(2,2);
	-webkit-animation-name: fadeIn; /* Chrome, Safari, Opera */
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	
}
#logohead .corelina{
	z-index:12;
	-webkit-animation-name: fadeIn; /* Chrome, Safari, Opera */
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	top:20px;
	/*transform:scale(1.5,1.5);*/
	opacity:0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
    0%   {}
    100%  {
			opacity: 1;
			top:0px;
			transform:scale(1,1);
	}
}

/* Standard syntax */
@keyframes fadeIn {
    0%   {}
    100%  {
			opacity: 1;
			top:0px;
			transform:scale(1,1);
	}
} 
#contact{
	top:200px;/**/ 
	-webkit-animation-name: contact;  
    animation-name: contact;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	z-index:50;
	
}
/* Chrome, Safari, Opera */
@-webkit-keyframes contact {
	0%   {}
	100%  {
			top:80px;
			left:20px;
	}
}

/* Standard syntax */
@keyframes contact {
	0%   {}
	100%  {
			top:80px;
			left:20px;
	}
}

#donate .icon{
	-webkit-animation-name: donate;  
    animation-name: donate;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*-webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;*/
	opacity:0;
}
@keyframes donate {
    0%  {
		transform:scale(0.8,0.8);
		opacity:0;
	}
    100%  {
		opacity:1;
		transform:scale(1,1);
	}
} 
@-webkit-keyframes donate {
    0%  {
		transform:scale(0.8,0.8);
		opacity:0;
	}
    100%  {
		opacity:1;
		transform:scale(1,1);
	}
}
/* ANIMATIONS ----------------- */