/***************************************
 * Mosquite Radar
 ***************************************/

#mr-radar-screen {
	animation: mr-radar-screen-key 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation: mr-radar-screen-key 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@keyframes mr-radar-screen-key { 
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); } 
}
@-webkit-keyframes mr-radar-screen-key {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); } 
}

#mr-mosquito {
	animation: mr-mosquito-key 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation: mr-mosquito-key 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@keyframes mr-mosquito-key { 
	0%   { left: 100%;  top: 35%; }
	10%  { left:  88%;  top: 40%; }
	20%  { left:  76%;  top: 35%; }
	30%  { left:  64%;  top: 40%; }
	40%  { left:  52%;  top: 35%; }
	50%  { left:  40%;  top: 40%; }
	60%  { left:  28%;  top: 35%; }
	70%  { left:  14%;  top: 40%; }
	80%  { left:   2%;  top: 35%; }
	90%  { left: -10%;  top: 40%; }
	100% { left: -22%;  top: 35%; }
}
@-webkit-keyframes mr-mosquito-key {
	0%   { left: 100%;  top: 35%; }
	10%  { left:  88%;  top: 40%; }
	20%  { left:  76%;  top: 35%; }
	30%  { left:  64%;  top: 40%; }
	40%  { left:  52%;  top: 35%; }
	50%  { left:  40%;  top: 40%; }
	60%  { left:  28%;  top: 35%; }
	70%  { left:  14%;  top: 40%; }
	80%  { left:   2%;  top: 35%; }
	90%  { left: -10%;  top: 40%; }
	100% { left: -22%;  top: 35%; }
}

#mr-radar-point1 {
	animation: mr-radar-point1-key 10s;
	animation-iteration-count: infinite;
	-webkit-animation: mr-radar-point1-key 10s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes mr-radar-point1-key {
	22% { opacity: 0; }
	26% { opacity: 1; }
	30% { opacity: 0; }
}
@-webkit-keyframes mr-radar-point1-key {
	22% { opacity: 0; }
	26% { opacity: 1; }
	30% { opacity: 0; }
}

#mr-radar-point2 {
	animation: mr-radar-point2-key 10s;
	animation-iteration-count: infinite;
	-webkit-animation: mr-radar-point2-key 10s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes mr-radar-point2-key {
	32% { opacity: 0; }
	36% { opacity: 1; }
	40% { opacity: 0; }
}
@-webkit-keyframes mr-radar-point2-key {
	32% { opacity: 0; }
	36% { opacity: 1; }
	40% { opacity: 0; }
}

#mr-radar-point3 {
	animation: mr-radar-point3-key 10s;
	animation-iteration-count: infinite;
	-webkit-animation: mr-radar-point3-key 10s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes mr-radar-point3-key {
	42% { opacity: 0; }
	46% { opacity: 1; }
	50% { opacity: 0; }
}
@-webkit-keyframes mr-radar-point3-key {
	42% { opacity: 0; }
	46% { opacity: 1; }
	50% { opacity: 0; }
}

#mr-radar-point4 {
	animation: mr-radar-point4-key 10s;
	animation-iteration-count: infinite;
	-webkit-animation: mr-radar-point4-key 10s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes mr-radar-point4-key {
	52% { opacity: 0; }
	56% { opacity: 1; }
	60% { opacity: 0; }
}
@-webkit-keyframes mr-radar-point4-key {
	52% { opacity: 0; }
	56% { opacity: 1; }
	60% { opacity: 0; }
}

#mr-radar-point5 {
	animation: mr-radar-point5-key 10s;
	animation-iteration-count: infinite;
	-webkit-animation: mr-radar-point5-key 10s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes mr-radar-point5-key {
	62% { opacity: 0; }
	66% { opacity: 1; }
	70% { opacity: 0; }
}
@-webkit-keyframes mr-radar-point5-key {
	62% { opacity: 0; }
	66% { opacity: 1; }
	70% { opacity: 0; }
}

#mr-radar-point6 {
	animation: mr-radar-point6-key 10s;
	animation-iteration-count: infinite;
	-webkit-animation: mr-radar-point6-key 10s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes mr-radar-point6-key {
	72% { opacity: 0; }
	76% { opacity: 1; }
	80% { opacity: 0; }
}
@-webkit-keyframes mr-radar-point6-key {
	72% { opacity: 0; }
	76% { opacity: 1; }
	80% { opacity: 0; }
}

/***************************************
 * Section
 ***************************************/
/*
#prologue-mosquito-1 {
	animation: prologue-mosquito-1 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation: prologue-mosquito-1 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@keyframes prologue-mosquito-1 {
	0%   { transform: translate( 1200px,  500px); }
	100% { transform: translate(-1200px,    0px); }
}

#prologue-mosquito-2 {
	animation: prologue-mosquito-2 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation: prologue-mosquito-2 8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@keyframes prologue-mosquito-2 {
	0%   { transform: translate(-1400px,   0px); }
	100% { transform: translate( 1400px, 300px); }
}

#prologue-mosquito-3 {
	animation: prologue-mosquito-3 6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation: prologue-mosquito-3 6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@keyframes prologue-mosquito-3 {
	0%        { opacity: 0; transform: translate(  0px, -200px); }
	40%, 60%  { opacity: 0.5; }
	100%      { opacity: 0; transform: translate(300px,  800px); }
}

#prologue-mosquito-4 {
	animation: prologue-mosquito-4 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation: prologue-mosquito-4 8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@keyframes prologue-mosquito-4 {
	0%        { opacity: 0; transform: translate(-400px,  800px); }
	40%, 60%  { opacity: 0.5; }
	100%      { opacity: 0; transform: translate(   0px, -200px); }
}
*/