.framespace {
	display:flex;
	width:100%;
	height:auto;
	z-index:40;
}

.invisible_ufo {display:none !important;}

.content_sir {
	background-color:#000037;
	background-image: -moz-linear-gradient(top, #a6a6b9, rgba(255,255,255,0.25));
	background-image: -webkit-linear-gradient(top, #a6a6b9, rgba(255,255,255,0.25));
	background-image: -ms-linear-gradient(top, #a6a6b9, rgba(255,255,255,0.25));
	background-image: linear-gradient(top, #a6a6b9, rgba(255,255,255,0.25));
	padding-top:0;
}

@keyframes sireninfo {
	0% {transform:scaleX(0);}
	15% {transform:scaleX(0);}
	20% {transform:scaleX(1);}
	99% {transform:scaleX(1);}
	100% {transform:scaleX(0);}
	0% {opacity:0;}
	15% {opacity:0;}
	25% {opacity:1;}
	95% {opacity:1;}
	100% {opacity:0;}
}

.sir_info {
	display:flex;
	align-items:center;
	justify-content:center;
	width:280px;
	height:20px;
	font-family: 'acherus_grotesque_medium', Verdana, Tahoma, Arial, sans-serif;
	font-size:11px;
	line-height:11px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#4C4C73;
	border: solid rgba(255,255,255,0.7);
	border-width: 0 1px 1px 1px;
	padding:2px;
  	animation:sireninfo;
  	position:relative;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

.sir_info_eff {
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.75));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.75));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.75));
	background-image: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.75));
}

.sir_menu {
	display:flex;
	align-items:center;
  	justify-content:space-around;
	width:280px;
	height:32px;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,0.25));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,0.25));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,0.25));
	background-image: linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,0.25));
	border: solid rgba(255,255,255,0.7);
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 12px 12px;
	padding: 0 4px 2px 4px;
	margin-bottom:27px;
  	animation:sireninfo;
  	position:relative;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

.sir_menu a:link {
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	font-family: 'acherus_grotesque_black', Verdana, Tahoma, Arial, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#4C4C73;
	border: solid #fff;
	border-width: 2px 4px 2px 4px;
	border-radius:50%;
	padding:1px;
	margin:2px;
	transition: all 1s ease-in-out;
}

.sir_menu a:hover {filter:brightness(155%);}
.sir_menu a:visited {color:#4C4C73; border: solid #fff;}

.ufo {
	display:inline-flex;
	position:absolute;
	right:0;
	width:240px;
	height:140px;
	z-index:50;
}

#UFOGUARDIAN {
  	animation:ufoguard;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes ufoguard {
	0% {opacity:0;}
	25% {opacity:0;}
	30% {opacity:1;}
	95% {opacity:1;}
	100% {opacity:0;}
	0% {filter:blur(0);}
	25% {filter:blur(0);}
	35% {filter:blur(75px);}
	40% {filter:blur(0);}
	96% {filter:blur(0);}
	98% {filter:blur(75px);}
	100% {filter:blur(25px);}
}

#UFO_x5F_ROBOT_x5F_EYES {
  	animation:uforobeyes;
  	animation-duration:4s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes uforobeyes {
	0% {filter:brightness(50%);}
	50% {filter:brightness(125%);}
	100% {filter:brightness(75%);}
}

#UFO_x5F_ROBOT_x5F_SMILE {
	transform-origin: 120px 0;
  	animation:uforobsmi;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in;
}

@keyframes uforobsmi {
	0% {transform:scaleX(1);}
	40% {transform:scaleX(1);}
	50% {transform:scaleX(0.2);}
	85% {transform:scaleX(0.2);}
	100% {transform:scaleX(1);}
}

#UFO_x5F_ROBOT_x5F_PL {
  	animation:uforobpinc;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in;
}

#UFO_x5F_ROBOT_x5F_PR {
  	animation:uforobpinc;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in;
}

@keyframes uforobpinc {
	0% {translate: 0;}
	55% {translate: 0;}
	60% {translate: 0 30px;}
	90% {translate: 0 30px;}
	95% {translate: 0;}
	100% {translate: 0;}
}

#UFO_x5F_GYRO {
  	animation:ufogyro;
  	animation-duration:4s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes ufogyro {
	0% {filter:brightness(100%);}
	50% {filter:brightness(200%);}
	100% {filter:brightness(100%);}
	0% {filter:hue-rotate(0);}
	25% {filter:hue-rotate(-45deg);}
	50% {filter:hue-rotate(-90deg);}
	75% {filter:hue-rotate(-45deg);}
	100% {filter:hue-rotate(0);}
}

#UFO_x5F_SAB {
  	animation:ufosab;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes ufosab {
	0% {filter:brightness(1);}
	60% {filter:brightness(1);}
	61% {filter:brightness(0);}
	85% {filter:brightness(0);}
	95% {filter:brightness(1);}
	100% {filter:brightness(1);}
}

.shot {
	display:inline-flex;
	position:absolute;
	top:160px;
	right:100px;
	width:80px;
	height:80px;
	z-index:55;
}

#UFOSHOT {
  	animation:ufoshotv;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes ufoshotv {
	0% {transform:translate(0, 0);}
	65% {transform:translate(0, 0);}
	80% {transform:translate(-100vw, 100vh);}
	100% {transform:translate(-200vw, 100vh);}
}

#SHOT_x5F_M {
  	animation:ufoshotm;
  	position:relative;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;	
}

@keyframes ufoshotm {
	0% {opacity:0;}
	64% {opacity:0;}
	65% {opacity:1;}
	100% {opacity:1;}
}

#SHOT_x5F_F {
  	animation:ufoshotf;
  	position:relative;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes ufoshotf {
	0% {opacity:0;}
	66% {opacity:0;}
	70% {opacity:1;}
	100% {opacity:1;}
	0% {filter:brightness(100%);}
	71% {filter:brightness(100%);}
	72% {filter:brightness(200%);}
	74% {filter:brightness(100%);}
	100% {filter:brightness(100%);}
}

.alarm {
  	animation:ufosiren;
  	position:relative;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#UFOALARM {z-index:-20;}

@keyframes ufosiren {
	0% {transform:translate(0, 40px);}
	10% {transform:translate(0, 40px);}
	15% {transform:translate(0, 5px);}
	98% {transform:translate(0, 5px);}
	100% {transform:translate(0, 40px);}
}

#GYRO_x5F_DOME {
  	animation:gyroamp;
  	animation-duration:6s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

#GYRO_x5F_AMP {
  	animation:gyroamp;
  	animation-duration:4s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes gyroamp {
	0% {filter:brightness(100%);}
	25% {filter:brightness(150%);}
	50% {filter:brightness(250%);}
	75% {filter:brightness(150%);}
	100% {filter:brightness(100%);}
}

#GYRO_x5F_DIODE {
  	animation:gyrodio;
  	animation-duration:2s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes gyrodio {
	0% {opacity:0;}
	25% {opacity:0.25;}
	50% {opacity:1;}
	75% {opacity:0.5;}
	100% {opacity:0;}
}


	@media all and (max-width: 600px) {

.ufo {
	transform-origin:320px;
	transform:scale(0.75);
	top:20px;
	right:10px;
}

.shot {
	transform-origin:0;
	top:110px;
	right:32px;
}

@keyframes ufoshotv {
	0% {transform:translate(0, 0);}
	65% {transform:translate(0, 0);}
	80% {transform:translate(-100vw, 80vh);}
	100% {transform:translate(-100vw, 100vh);}
	0% {rotate: -45deg;}
	65% {rotate: -45deg;}
	80% {rotate: 0deg;}
	100% {rotate: 180deg;}
}

}