/*
 The animate class is apart of the element and the ng-enter class
 is attached to the element once the enter animation event is triggered
*/

.mainview.ng-enter {
  	-webkit-transition: .7s linear all; /* Safari/Chrome */
  	-moz-transition: .7s linear all; /* Firefox */
  	-o-transition: .7s linear all; /* Opera */
  	transition: .7s linear all; /* IE10+ and Future Browsers */
  	position: relative;
}

/**
 * Pre animation -> enter
 */
.mainview.ng-enter{
  /* The animation preparation code */
  	opacity: 0;
}

/**
 * Post animation -> enter
 */
.mainview.ng-enter.ng-enter-active { 
  	/* The animation code itself */
  	opacity: 1;
}