/* ANIMATIONS
============================================================================= */

/* page specific animations ------------------------ */

/* home -------------------------- */
.page-home.ng-leave         {
    -webkit-animation:slideOutDown 0.5s both ease-in;
	-moz-animation:slideOutDown 0.5s both ease-in;
	animation:slideOutDown 0.5s both ease-in;
}
.page-home.ng-enter 		{  
    -webkit-animation:fadeIn 0.5s both ease-in;
	-moz-animation:fadeIn 0.5s both ease-in;
	animation:fadeIn 0.5s both ease-in;	   
}

/* services ------------------------ */
.page-services.ng-leave        {
    -webkit-animation:slideOutDown 0.5s both ease-in;
	-moz-animation:slideOutDown 0.5s both ease-in;
	animation:slideOutDown 0.5s both ease-in;   
}
.page-services.ng-enter 		{  
    -webkit-animation:fadeIn 0.5s both ease-in;
	-moz-animation:fadeIn 0.5s both ease-in;
	animation:fadeIn 0.5s both ease-in;    
}

/* portfolio ---------------------- */
.page-portfolio.ng-leave      {
    -webkit-animation:slideOutDown 0.5s both ease-in;
	-moz-animation:slideOutDown 0.5s both ease-in;
	animation:slideOutDown 0.5s both ease-in;
}
.page-portfolio.ng-enter 		{ 
    -webkit-animation:fadeIn 0.5s both ease-in;
	-moz-animation:fadeIn 0.5s both ease-in;
	animation:fadeIn 0.5s both ease-in;    
}

/* somos ---------------------- */
.page-somos.ng-leave      {
    -webkit-animation:slideOutDown 0.5s both ease-in;
	-moz-animation:slideOutDown 0.5s both ease-in;
	animation:slideOutDown 0.5s both ease-in;
}
.page-somos.ng-enter 		{ 
    -webkit-animation:fadeIn 0.5s both ease-in;
	-moz-animation:fadeIn 0.5s both ease-in;
	animation:fadeIn 0.5s both ease-in;    
}

/* slide in from the bottom */
@keyframes fadeIn {
	from 	{ opacity: 0; }
	to 		{ opacity: 1; }
}	
@-moz-keyframes fadeIn {
	from 	{ opacity: 0; }
	to 		{ opacity: 1; }
}
@-webkit-keyframes fadeIn {
	from 	{ opacity: 0; }
	to 		{ opacity: 1; }
}

/* slide in from the bottom */
@keyframes slideOutDown {
	0% { top: 0; }	
	60% { opacity: 0; }	
	100% { top: 100% }
}	
@-moz-keyframes slideOutDown {
	0% { top: 0; }	
	60% { opacity: 0; }	
	100% { top: 100% }
}
@-webkit-keyframes slideOutDown {
	0% { top: 0; }	
	60% { opacity: 0; }	
	100% { top: 100% }
}