@charset "utf-8";
/* cursor following menu style */
#cf_menu{position:absolute; display:inline-block; z-index:9999; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; top:0; left:0; background:url(empty.gif);
    -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */
  } /* stupid IE needs a background value */
#cf_menu .container{position:relative; font-family:Arial, Helvetica, sans-serif; font-size:10px;
-webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */
}
#cf_menu .title{position: absolute; top: 55px; left: 63px; width: 50px; margin-left: -25px; padding: 2px 0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#ecff99; font-size:7px; text-transform:uppercase; text-decoration:none; text-align: center; color:#596526;
-webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */
}
#cf_menu ul{margin:0 0 0 20px; padding:0; list-style:none; display:none;
-webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */
}
#cf_menu ul li{display:block; margin:0; padding:0;}
#cf_menu ul li span{display: inline-block; background: rgba(255,255,255,0.65); padding: 0 3px; margin-bottom: 5px;
	-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
/*	filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;*/
}

#cf_menu ul ul{margin:0 0 0 2px; padding:0; list-style:none; display:inline-block;}
#cf_menu ul ul li{margin:0 2px 0 0; padding:0; display:inline-block;}
#cf_menu a:link,#cf_menu a:visited{position:relative; display:inline-block; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:10px; text-transform:uppercase; text-decoration:none; margin:1px 1px 5px 1px; padding:5px 8px; border-bottom:1px solid #2a7f30; border-right:1px solid #2a7f30; color:#fff; background:#3c9c42;
transition-property: all; transition-duration: 0.2s; transition-timing-function: linear;
-webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */
}
#cf_menu a:hover{background:#fff; color:#000; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
#cf_menu ul ul a:link,#cf_menu ul ul a:visited{background:#333; color:#ddd; border-bottom:1px solid #333; border-right:1px solid #333;}
#cf_menu ul ul a:hover{background:#fff; color:#000;}
/*.cf_menu_transparency{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65; } /* menu opacity */
.btn-virus{position: relative; display: block; width: 95px; height: 95px}
.elements{position: absolute;}
.txt-covid{ z-index: 1; left: 50%; top: 50%; margin-top: -18px; margin-left: -34px;}
.virus{left: 0; top: 0}
.btn-x-covid{position: absolute;z-index: 2; top: 10px; left: 92px; display: block; width: 12px; height: 12px; padding: 3px 3px 3px 2px;background:rgba(60,156,66,0.7); text-align: center; font-weight:lighter; line-height: 8px; color: #fff;
-moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
}
.virus-mobile{ 
	position:fixed; display:block; z-index:9999; bottom: 0; left: 0; width: 95px; height: 95px;
}
.virus-mobile a{display: block; border: 0; outline: 0}
.virus-mobile .title{position: absolute; top: 55px; left: 50%; width: 50px; margin-left: -25px; padding:4px 0 0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#ecff99; font-size:7px; text-transform:uppercase; text-decoration:none; text-align: center; color:#596526;
-webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */
}
.virus-mobile .txt-covid{ }


@-webkit-keyframes rotating {
    from{-webkit-transform: rotate(0deg); }
    to{-webkit-transform: rotate(360deg); }
}
.rotating {
    -webkit-animation: rotating 12s ease-in-out infinite;
}

@-webkit-keyframes cf_menu_transparency {
    0%{filter:alpha(opacity=3); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; }
    50%{filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; }
    100%{filter:alpha(opacity=3); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; }
}
.cf_menu_transparency {-webkit-animation: cf_menu_transparency 2s ease-in-out infinite; }