@keyframes anim_note_down {
    0%		{ top: -48px; }
    100%	{ top: 0; }
}
@keyframes anim_note_up {
    0%		{ top: 0; }
    100%	{ top: -48px; }
}

@keyframes anim_bs_fly {
	0%		{ transform: scaleX(0.15) scaleY(0.1); opacity: 1.0; }
    25%		{ transform: scaleX(0.75) scaleY(0.5); opacity: 1.0; }
    50%		{ transform: scaleX(0.9375) scaleY(0.625); opacity: 1.0; }
    100%	{ transform: scaleX(1.0) scaleY(0.667); opacity: 0.0; }
}

@keyframes anim_ach_alert {
	0%		{ text-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white; }
	50%		{ text-shadow: 0 0 16px white, 0 0 16px white, 0 0 16px white, 0 0 16px white; }
	100%	{ text-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white; }
}
@keyframes anim_m_top_a {
    0%		{ right: 801px; }
    100%	{ right: 0; }
}

@keyframes anim_m_left_a {
    0%		{ left: -165px; }
    100%	{ left: 0; }
}


@keyframes anim_bar_a {
    0%		{ left: -16px; } /* -16px*/
    50%		{ left: -125px; }
    100% 	{ left: -16px; }
}

@keyframes anim_bar_text_a {
    0%		{ padding-right: 80px; color: white; }
    50%		{ padding-right: 0; color: #ed1c24; }
    100% 	{ padding-right: 80px; color: white; }
}


@keyframes anim_rnk_txt {
    0%		{ transform: scale(0.1); opacity: 1.0; }
    25%		{ transform: scale(2.0); opacity: 1.0; }
    50%		{ transform: scale(2.5); opacity: 1.0; }
    100%	{ transform: scale(2.7); opacity: 0.0; }
}


@keyframes anim_m_right_a {
    0%		{ right: -165px; }
    100%	{ right: 0; }
}



@keyframes anim_center_text_in {
    0%		{ transform: scale(0.1); }
    6.25%	{ transform: scale(1.5); }
    12.5%	{ transform: scale(1.0); }
    25%		{ transform: scale(1.0); }
    37.5%	{ transform: scale(1.0); }
    50%		{ transform: scale(1.0); }
    62.5%	{ transform: scale(1.0); }
    75%		{ transform: scale(1.0); }
    87.5%	{ transform: scale(1.0); }
    100%	{ transform: scale(1.0); }
}

@keyframes anim_def_timer {
    0%		{ transform: scale(1.0); text-shadow: 0 0 12px #13528c, 0 0 12px #13528c, 0 0 12px #13528c, 0 0 12px #13528c; }
    50%		{ transform: scale(1.5); text-shadow: 0 0 3px #13528c, 0 0 3px #13528c, 0 0 3px #13528c, 0 0 3px #13528c; }
    100%	{ transform: scale(1.0); text-shadow: 0 0 12px #13528c, 0 0 12px #13528c, 0 0 12px #13528c, 0 0 12px #13528c; }
}

@keyframes anim_def_timer_info {
    0%		{ text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black, 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white; }
    50%		{ text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black, 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white; }
    100%	{ text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black, 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white, 0 0 6px white; }
}


@keyframes anim_unit_in {
    0%		{ top: -440px; }
    100%	{ top: -10px; }
}
@keyframes anim_unit_out {
    0%		{ top: -10px; }
    100%	{ top: 440px; }
}
@keyframes anim_tank_a {
    0%		{ left: 50px; }
    50%		{ left: -450px; top: 40px; }
    51%		{ left: -450px; top: 300px; }
    52%		{ left: 450px; top: 300px; }
    53%		{ left: 450px; top: 40px; }
    100%	{ left: 50px; }
}

@keyframes anim_splash_a {
    0%		{ transform: scale(0.25); opacity: 1.0; }
    100%	{ transform: scale(1.5); opacity: 0.0; }
}
@keyframes anim_scale_15 {
    0%		{ transform: scale(1); }
50%	        { transform: scale(1.2); }
    100%	{ transform: scale(1); }
}

@keyframes anim_back_glow {
	0%		{ box-shadow: 3px 3px 3px rgba(0,0,0,0.5), 0 0 1px black inset, 0 0 0 #feffa6, 0 0 0 #feffa6, 0 0 0 #feffa6; }
	50%		{ box-shadow: 3px 3px 3px rgba(0,0,0,0.5), 0 0 1px black inset, 0 0 8px #feffa6, 0 0 8px #feffa6, 0 0 8px #feffa6; }
	100%	{ box-shadow: 3px 3px 3px rgba(0,0,0,0.5), 0 0 1px black inset, 0 0 0 #feffa6, 0 0 0 #feffa6, 0 0 0 #feffa6; }
}
@keyframes anim_back_color {
	0%		{ border: 2px solid #e6ded0; }
	50%		{ border: 2px solid #ed1c24; }
	100%	{ border: 2px solid #e6ded0; }
}



@keyframes anim_prop_heli_a {
    0%		{ top: -95px; }
    100%	{ top: 7px; }
}
@keyframes anim_prop_cannon_a {
    0%		{ right: -81px; }
    100%	{ right: 5px; }
}
@keyframes anim_prop_soldier_a {
    0%		{ right: 880px; }
    100%	{ right: 470px; }
}
@keyframes anim_prop_tank_a {
    0%		{ right: -56px; }
    100%	{ right: 140px; }
}
@keyframes anim_prop_ship_a {
    0%		{ right: 330px; top: 50px; }
    100%	{ right: 230px; top: 100px; }
}
@keyframes anim_prop_planes_a {
    0%		{ right: 1024px; top: 640px; }
    100%	{ right: 380px; top: 40px; }
}
@keyframes anim_prop_wire_a {
    0%		{ right: -240px; }
    100%	{ right: 0; }
}





@keyframes anim_footer_cookie_in {
	0%		{ transform: scale(0.0); }
	100%	{ transform: scale(1.0); }
}
@keyframes anim_footer_cookie_out {
	0%		{ transform: scale(1.0); }
	100%	{ transform: scale(0.0); }
}


@keyframes anim_white_arrow {
    0%		{ transform: scale(0.8);}
    50%		{ transform: scale(1); }
    100%	{ transform: scale(0.8); }
}

@keyframes anim_white_arrow_180 {
    0%		{ transform: scale(0.8) rotate(180deg);}
    50%		{ transform: scale(1) rotate(180deg); }
    100%	{ transform: scale(0.8) rotate(180deg); }
}

@keyframes anim_daily_tasks {
    0%		{ transform: scale(0.9)}
    50%		{ transform: scale(0.8)}
    100%	{ transform: scale(0.9)}
}


@keyframes current_rank_show {
    /*0%		{ transform: scale(1); opacity: 1.0;  }
    25%		{ transform: scale(1.2); opacity: 1.0; -webkit-filter: brightness(150%);}
    50%		{ transform: scale(1.4); opacity: 1.0; -webkit-filter: brightness(150%);}
    75%		{ transform: scale(1.2); opacity: 1.0; -webkit-filter: brightness(150%);}
    100%	{ transform: scale(1.0); opacity: 0.0; }*/

    from { transform: scale(1.0); opacity: 1.0; -webkit-filter: brightness(100%);}
    to{ transform: scale(1.4); opacity: 1.0; -webkit-filter: brightness(150%);}
}

@keyframes anim_circle_show {
    /*0%		{ transform: scale(1); opacity: 1.0;  }
    25%		{ transform: scale(1.2); opacity: 1.0; -webkit-filter: brightness(150%);}
    50%		{ transform: scale(1.4); opacity: 1.0; -webkit-filter: brightness(150%);}
    75%		{ transform: scale(1.2); opacity: 1.0; -webkit-filter: brightness(150%);}
    100%	{ transform: scale(1.0); opacity: 0.0; }*/

    from { transform: scale(1.0); opacity: 1.0; -webkit-filter: brightness(100%);}
    to{ transform: scale(1.4); opacity: 1.0; -webkit-filter: brightness(150%);}
}

@keyframes anim_circle_slide_down {
    0%		{ margin-top: 14px; }
    100%	{ margin-top: 70px; }
    /*from { transform: scale(1.0); opacity: 1.0; -webkit-filter: brightness(100%);}
    to{ transform: scale(1.4); opacity: 1.0; -webkit-filter: brightness(150%);}*/
}

@keyframes anim_circle_slide_up {
    0%		{ margin-top: 75px; }
    100%	{ margin-top: 20px; transform: scale(1.4); -webkit-filter: brightness(150%);}
    /*from { transform: scale(1.0); opacity: 1.0; -webkit-filter: brightness(100%);}
    to{ transform: scale(1.4); opacity: 1.0; -webkit-filter: brightness(150%);}*/
}

@keyframes anim_slide_ranks_down {
    0%		{ margin-top: 0px; }
    100%	{ margin-top: 55px; }
    /*from { transform: scale(1.0); opacity: 1.0; -webkit-filter: brightness(100%);}
    to{ transform: scale(1.4); opacity: 1.0; -webkit-filter: brightness(150%);}*/
}

@keyframes flight_add {
0%   { transform: rotate(180deg) scale(1.0);
    /*left: 295px; top: 250px; */}
50% { transform: rotate(0deg) scale(2.0);
    /*left: 200px; top: 150px; */}
100%   { transform: rotate(-180deg) scale(0.0);
    /*left: 295px; top: 65px; */}
}
@keyframes anim_scale_0809 {
    0%		{ transform: scale(1)}
    50%		{ transform: scale(0.9)}
    100%	{ transform: scale(1)}
}
@keyframes anim_show_scale_hide {
    0%   { transform: rotate(180deg) scale(0.5); left: 530px; top: -10px; }
    10% { transform: rotate(0deg) scale(1.0); left: 307px; top: 137px; }
    100% { transform: rotate(0deg) scale(1.0); left: 307px; top: 137px; }
}

@keyframes anim_scale_1011 {
    0%		{ transform: scale(1); filter: brightness(100%);}
    50%		{ transform: scale(1.1); filter: brightness(120%);}
    100%	{ transform: scale(1); filter: brightness(100%);}
}

@keyframes anim_scale_101112 {
    0%		{ transform: scale(1); filter: brightness(100%);}
    50%		{ transform: scale(1.2); filter: brightness(140%);}
    100%	{ transform: scale(1); filter: brightness(100%);}
}
@keyframes anim_scale_101112_opposite {
    0%		{ transform: scale(1); filter: brightness(100%);}
    /*50%		{ transform: scale(0.833) translate(25px, 5px); /*filter: brightness(71%);}*/
    50%		{ transform: scale(0.833) translate(28px, 6px); /*filter: brightness(71%);*/}
    100%	{ transform: scale(1); filter: brightness(100%);}
}

@keyframes anim_color_fuel {
    0%		{ transform: scale(1); filter: brightness(100%); color: white}
    50%		{ transform: scale(1.05); filter: brightness(140%); color: #ff3333}
    100%	{ transform: scale(1); filter: brightness(100%); color: white}
}
