
.slideDownFromTop {
	animation-name: slideDownFromTop;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}
.slideDownFromTopSubMenu {
	animation-name: slideDownFromTopSubMenu;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}
.slideDownFromTopVisible {
	animation-name: slideDownFromTopVisible;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}
.growDownFromBottom {
	animation-name: growDownFromBottom;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}



.slideOutToLeft {
	-webkit-animation-name: slideOutToLeft;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;

	-moz-animation-name: slideOutToLeft;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;

	animation-name: slideOutToLeft;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}
.slideInFromRight, .slideInFromRight_fast {
	-webkit-animation-name: slideInFromRight;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;

	-moz-animation-name: slideInFromRight;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards;

	animation-name: slideInFromRight;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}
.slideOutToRight {
	-webkit-animation-name: slideOutToRight;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
}
.slideInFromLeft {
	-webkit-animation-name: slideInFromLeft;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
}
.slideInFromRight_fast {
	-webkit-animation-duration: 0.35s;
}
.animFast {
	-webkit-animation-duration: 0.35s;
	-moz-animation-duration: 0.35s;
	animation-duration: 0.35s;
}
img.unloaded,
.niUnloaded {
	opacity: 0;
}
.mainFadeIn, img.loaded {
	-webkit-animation-name: mainFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
}

@-webkit-keyframes growDownFromBottom {
	from {
		height:inherit;
	}
	
	to {
		height:141px;
		
	}
}

@-webkit-keyframes slideDownFromTopSubMenu {
	from {
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
		opacity:0.0;
		height:inherit;
	}
	
	to {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
		opacity:1.0;
		height:88px;
	}
}

@-webkit-keyframes slideDownFromTop {
	from {
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		transform: translateY(-50px);
		opacity:0.0;
	}
	
	to {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
		opacity:1.0;
		
	}
}
@-webkit-keyframes slideDownFromTopVisible {
	from {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
		opacity:1.0;
	}
	
	to {
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
		opacity:1.0;
		
	}
}

@-webkit-keyframes slideOutToLeft {
	from {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1.0;
	}
	
	to {
		-webkit-transform: translateX(-600px);
		-moz-transform: translateX(-600px);
		transform: translateX(-600px);
		opacity:0.0;
		
	}
}

@-webkit-keyframes slideInFromRight {
	from {
		-webkit-transform: translateX(600px);
		-moz-transform: translateX(600px);
		transform: translateX(600px);
		opacity:0.0;
	}
	
	to {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1.0;
	}
}


@-moz-keyframes slideOutToLeft {
	from {
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1.0;
	}
	
	to {
		-moz-transform: translateX(-600px);
		transform: translateX(-600px);
		opacity:0.0;
		
	}
}

@-moz-keyframes slideInFromRight {
	from {
		-moz-transform: translateX(600px);
		transform: translateX(600px);
		opacity:0.0;
	}
	
	to {
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1.0;
	}
}



@-webkit-keyframes slideOutToRight {
	0% {
		-webkit-transform: translateX(0px);
		opacity:1.0;
	}
	75% {
		opacity:1.0;
	}
	100% {
		-webkit-transform: translateX(200%);
		opacity:0.0;
	}
}

@-webkit-keyframes slideInFromLeft {
	0% {
		-webkit-transform: translateX(-200%);
		opacity:0.0;
	}
	25% {
		opacity:1.0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity:1.0;
	}
}

@-webkit-keyframes mainFadeIn {
	from {
		opacity:0.0;
	}
	
	to {
		opacity:1.0;
	}
}