@charset "utf-8";
/* 
	animations.css
	
	Project: Star of the North
	
*/

/* Fade in Map Toggle Button */
#toggle_footer_map.map_hidden {
	-webkit-animation: animateMapToggle 1s both ease; 
	-moz-animation: animateMapToggle 1s both ease; 
	animation: animateMapToggle 1s both ease; 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;	
}

@keyframes animateMapToggle {
	0% { opacity: 0; }
	100% { opacity: 100%; }
}

@-webkit-keyframes animateMapToggle {
	0% { opacity: 0; }
	100% { opacity: 100%; }
}

@-moz-keyframes animateMapToggle {
	0% { opacity: 0; }
	100% { opacity: 100%; }
}

/* FADE IN */
.a_fadeIn { visibility: hidden; }
.fadeIn {
	-webkit-animation: fadeIn .6s both ease; 
	-moz-animation: fadeIn .6s both ease; 
	animation: fadeIn .6s both ease; 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;	
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/* FADE UP */
.a_fadeUp { visibility: hidden; opacity: 0; }
.fadeUp {
	-webkit-animation: fadeUp .6s both ease; 
	-moz-animation: fadeUp .6s both ease; 
	animation: fadeUp .6s both ease; 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;	
}

@keyframes fadeUp {
	0% { opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); }
}
@-webkit-keyframes fadeUp {
	0% { opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeUp {
	0% { opacity: 0; transform: translateY(30px); -moz-transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); }
}

/* FADE DOWN */
.a_fadeDown { visibility: hidden; opacity: 0; }
.fadeDown {
	-webkit-animation: fadeDown .6s both ease; 
	-moz-animation: fadeDown .6s both ease; 
	animation: fadeDown .6s both ease; 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;	
}

@keyframes fadeDown {
	0% { opacity: 0; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); }
	100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); }
}
@-webkit-keyframes fadeDown {
	0% { opacity: 0; transform: translateY(-30px); -webkit-transform: translateY(-30px); }
	100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeDown {
	0% { opacity: 0; transform: translateY(-30px); -moz-transform: translateY(-30px); }
	100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); }
}

/* FADE LEFT */
.a_fadeLeft { visibility: hidden; opacity: 0; }
.fadeLeft {
	-webkit-animation: fadeLeft .6s both ease; 
	-moz-animation: fadeLeft .6s both ease; 
	animation: fadeLeft .6s both ease; 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;	
}

@keyframes fadeLeft {
	0% { opacity: 0; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); }
	100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); }
}
@-webkit-keyframes fadeLeft {
	0% { opacity: 0; transform: translateX(20px); -webkit-transform: translateX(20px); }
	100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}
@-moz-keyframes fadeLeft {
	0% { opacity: 0; transform: translateX(20px); -moz-transform: translateX(20px); }
	100% { opacity: 1; transform: translateX(0); -moz-transform: translateX(0); }
}

/* FADE RIGHT */
.a_fadeRight { visibility: hidden; opacity: 0; }
.fadeRight {
	-webkit-animation: fadeRight .6s both ease; 
	-moz-animation: fadeRight .6s both ease; 
	animation: fadeRight .6s both ease; 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;	
}

@keyframes fadeRight {
	0% { opacity: 0; transform: translateX(-20px); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); }
	100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); }
}
@-webkit-keyframes fadeRight {
	0% { opacity: 0; transform: translateX(-20px); -webkit-transform: translateX(-20px); }
	100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}
@-moz-keyframes fadeRight {
	0% { opacity: 0; transform: translateX(-20px); -moz-transform: translateX(-20px); }
	100% { opacity: 1; transform: translateX(0); -moz-transform: translateX(0); }
}