@keyframes a-navbar-custom{
	0%{ opacity: 0; transform: translateY(-100%); }
	50%{ opacity: 0; transform: translateY(-100%); }
	100%{ opacity: 1; transform: translateY(0%); }
}

@keyframes a-inner-navbar-custom{
	0%{ opacity: 0; transform: translateY(-100%); }
	50%{ opacity: 0; transform: translateY(-100%); }
	100%{ opacity: 1; transform: translateY(0%); }
}

@keyframes a-map-canvas{
	0%{ top: 0px }
	50%{ top: 0px }
	100%{ top: 164px }
}

@keyframes a-legend{
	0%{ opacity: 0; transform: translateY(100%); }
	100%{ opacity: 1; transform: translateY(0%); }
}

@keyframes a-logged-name {
    0% { max-width: 0px }
    40% { max-width: 0px }
    100% { max-width: 110px }
}

@keyframes a-spin{
	0%{ transform: rotate(0); }
	100%{ transform: rotate(360deg); }
}

@keyframes a-liked{
    0%{ transform: rotate(-30deg) translate(0px,-10px) scale(1.5) }
    100%{ transform: rotate(0deg) translate(0px,0px) scale(1) }
}



.navbar-custom{ animation: a-navbar-custom 1s forwards; }
.inner-navbar-custom{ animation: a-inner-navbar-custom 2s forwards; }
.map-canvas{ animation: a-map-canvas 2s forwards; }
.legend{ animation: a-legend 1s forwards; }
.logged-name { animation: a-logged-name 2s forwards; }

.spin{ animation: a-spin 1s infinite; }

.btn-liked-1 i{ animation: a-liked 1s forwards }