.nav-animation {
    opacity: 1;
    position: relative;
    top: 0;

}
.nav-animation.ng-hide-add.ng-hide-add-active,
.nav-animation.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition: all linear 0.6s;
  transition: all linear 0.6s;
}

.nav-animation.ng-hide {
    opacity: 0;
    top: -50px;
}
.my-animation.ng-enter {
  /* standard transition code */
  -webkit-transition: 1s linear all;
  transition: 1s linear all;
  opacity:0;
  position: relative;
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	 
}
.my-animation.ng-enter-stagger {
  /* this will have a 100ms delay between each successive leave animation */
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;

  /* in case the stagger doesn't work then these two values
   must be set to 0 to avoid an accidental CSS inheritance */
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.my-animation.ng-enter.ng-enter-active {
  /* standard transition styles */
  opacity:0.95;
}
.view{
    transition: opacity 0.4s ease;   
    opacity: 1;
    left: 0;
}

.view.ng-enter {   
    opacity: 0; 
}

.view.ng-enter.ng-enter-active {   
    opacity: 0;  
}

.view.ng-leave.ng-leave-active {
    transition: opacity 0.2s ease;
    opacity: 0;
}


@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		transform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

.gallery-animation.ng-enter {
  /* standard transition code */
  -webkit-transition: 3s linear all;
  transition: 3s linear all;
  opacity:0;
 
}