@keyframes default_fadein {
	from	{opacity:0;}
	to		{opacity:1;}
}

@keyframes popup_view {
	from	{opacity:0;}
	to		{opacity:1;}
}

@keyframes popup_view_hidden {
	from	{opacity:1;}
	to		{opacity:0;}
}

@keyframes body_move {
	from	{transform: translateX(30%);}
	to		{transform: translateX(0%);}
}

@keyframes list_array {
	from	{transform: translateY(10%); opacity:0;}
	to		{transform: translateY(0%); opacity:1;}
}


@keyframes slide_up_default {
	from	{transform: translateY(15px); opacity:0;}
	to		{transform: translateY(0%); opacity:1;}
}

@keyframes list_array_top {
	from	{transform: translateY(10px); opacity:0;}
	to		{transform: translateY(0%); opacity:1;}
}

@keyframes list_join_frm {
	from	{transform: translateY(20px); opacity:0;}
	to		{transform: translateY(0%); opacity:1;}
}

@keyframes btm_nav_act {
	from	{transform: translateY(0%); opacity:0;}
	to		{transform: translateY(0%); opacity:1}
}

@keyframes zoom_eff {
	0%	{transform: scale(1);}
	50%	{transform: scale(1.2);}
	100%	{transform: scale(1);}
}

@keyframes slide_default {
	from	{transform: translateX(-10%); opacity:0;}
	to		{transform: translateX(0%); opacity:1;}
}

@keyframes slide_up {
	from	{transform: translateY(10%); opacity:0;}
	to		{transform: translateY(0%); opacity:1;}
}

@keyframes slide_left {
	from	{transform: translateX(15%); opacity:0;}
	to		{transform: translateX(0%); opacity:1;}
}

@keyframes slide_title_default {
	from	{transform: translateX(100px); opacity:0;}
	to		{transform: translateX(0); opacity:1;}
}


@keyframes jump {
	0	{transform: translateY(0%); }
	50%	{transform: translateY(-10%); }
	100%		{transform: translateY(0%);}
}

@keyframes jump_shadow {
	0	{transform: translateY(100%); width: 100%;background: var(--road_pin_shadow);}
	50%	{transform: translateY(0%); width: 80%;height: 5px;background: var(--road_pin_shadow);}
	100%		{transform: translateY(100%);width: 100%;background:var(--road_pin_shadow);}
}

@keyframes addbtn_action {
	0	{transform: translateY(100%); opacity:0;}
	25%	{transform: translateY(-20%);opacity:1;}
	100%		{transform: translateY(0%);opacity:1;}
}

@keyframes addbtn_action2 {
	0	{top:-20px; opacity:0;}
	25%	{top:20px; opacity:1;}
	100%		{top:0; opacity:1;}
}

@keyframes addbtn_action3 {
	0	{transform: translateX(100%); opacity:0;}
	25%	{transform: translateX(-60%);opacity:1;}
	100%		{transform: translateX(-50%);opacity:1;}
}

@keyframes slide_in_up {
	from	{transform:translate(-50%, -15%); opacity:0;}
	to		{transform:translate(-50%, -50%); opacity:1;}
}

@keyframes slide_left_main {
	from	{transform:translate(10%, -50%); opacity:0;}
	to		{transform:translate(0%, -50%); opacity:1;}
}


@keyframes slide_model {
	0	{transform: translateX(-10%); opacity:0;}
	10%		{transform: translateX(0%);}
	90%		{transform: translateX(0%); opacity:1;}
	100%	{transform: translateX(-10%); opacity:0;}
}

@keyframes slide_model2 {
	0	{transform: translateX(-10%); opacity:0;}
	10%		{transform: translateX(0%);}
	90%		{transform: translateX(0%); opacity:1;}
	100%	{transform: translateX(-10%); opacity:0;}
}


@keyframes ment_block1 {
	from	{width:100%;}
	to		{width:0;}
}

@keyframes ment_block2 {
	from	{width:0;}
	to		{width:100%;}
}


@keyframes pattern {
	from	{height:0;}
	to		{height:100%;}
}


@keyframes default_fadein {
	from	{opacity:0;}
	to		{opacity:1;}
}

@keyframes intro_fadeout {
	from	{opacity:1;z-index:11111110;}
	to		{opacity:0;z-index:-1;}
}

/**/
@keyframes map_list_box {
	0%	{visibility: hidden;transform: translateY(100%); opacity:0;}
	25%	{visibility: visible;transform: translateY(0); opacity:1;}
	50%	{visibility: visible;transform: translateY(0); opacity:1;}
	75%	{visibility: visible;transform: translateY(0); opacity:1;}
	100%		{visibility: visible;transform: translateY(100%);}
}

@keyframes map_list_box_show {
	from	{visibility: hidden;transform: translateY(100%); }
	to		{visibility: visible;transform: translateY(0);}
}

@keyframes map_list_box_hidden {
	from	{visibility: visible;transform: translateY(0); }
	to		{visibility: hidden;transform: translateY(100%);}
}


@media screen and (max-width: 650px){
	@keyframes slide_title_default {
		from	{transform: translateX(30px); opacity:0;}
		to		{transform: translateX(0); opacity:1;}
	}
}