@keyframes tabActive{
	from{
		background-position: right;
	}
	to{
		background-position: left;
	}
}

@keyframes sliderImage{
	from{
		transform: scale(1);
	}
	to{
		transform: scale(1.1);
	}
}

@keyframes tabActiveBackground{
	from{
		background: transparent;
	}
	to{
		background: linear-gradient(rgba(17, 29, 57, 0.75), rgb(17, 29, 57));
	}
}

@keyframes tabActiveBackgroundSecond{
	from{
		background: transparent;
	}
	to{
		background: linear-gradient(rgba(49, 37, 36, 0.75), #312524);
	}
}

@keyframes tabSwitch{
	0%{
		opacity: 0;
		transform: scale(1);
	}
	
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes tabImage{
	0%{
		transform: translateX(50%) translateY(40px) scale(.8);
		opacity: 0;
	}
	100%{
		transform: translateX(50%) translateY(40px) scale(1);
		opacity: 1;
	}
}

@keyframes tabImageBounce{
	0%{
		transform: scale(.8);
		opacity: 0;
	}
	25%, 60%{
		transform: scale(1);
		opacity: 1;
	}
	80%{
		transform: scale(1.075);
		opacity: .9;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes tabImageLink{
	0%{
		transform: scale(.9);
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes partnerSubmit{
	0%{
		transform: scale(.1);
		
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes mapPoint{
	0%{
		opacity: 0;
		transform: translateX(-50%) translateY(50px) scaleY(.1) scaleX(.6);
	}
	
	100%{
		transform: scale(1) translateX(-50%);
		opacity: 1;
		
	}
}

@keyframes portalHover{
	0%{
		transform: scaleX(.75) scaleY(.1);
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

@keyframes navHover{
	0%{
		transform: scaleX(.75) scaleY(.1) translateY(30px);
		opacity: 0;
	}
	100%{
		transform: translateY(5px);
		opacity: 1;
	}
}

@keyframes informationAnimate{
	0%{
		transform: scale(1);
		opacity: .5;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes brandsAnimate{
	0%{
		opacity: 0;
		transform: translateY(40px) scale(.6);
	}
	100%{
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes tabActiveBackgroundInvert{
	from{
		background: transparent;
	}
	to{
		background: #F4F4F4;
	}
}

@keyframes tabActiveBackgroundSecondInvert{
	from{
		background: transparent;
	}
	to{
		background: #E8E8E8;
	}
}

@keyframes tabActiveBackgroundSecondRed{
	from{
		background: transparent;
	}
	to{
		background: linear-gradient(rgba(124, 18, 57, 1), #7C1239);
	}
}


@keyframes listGroupShow{
	0%{
		opacity: 0;
		transform: translateY(-50px) scale(.8);
	}
	100%{
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes listGroupDetailShow{
	0%{
		opacity: 0;
		transform: translateY(-10px) translateX(-50%) scale(.9);
	}
	100%{
		opacity: 1;
		transform: translateY(-6px) translateX(-50%) scale(1);
	}
}