.animate-slide {
  -webkit-transform: translate3d(0,0,0); /* Chrome, Safari, Opera */
  transform: translate3d(0,0,0,);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}

.animate-slide.ng-hide-remove.ng-hide-remove-active {
  -webkit-animation:0.5s slide-right;
  animation:0.5s slide-right;
}

.animate-slide.ng-hide-add.ng-hide-add-active {
  -webkit-animation:0.5s slide-left;
  animation:0.5s slide-left;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes slide-left
{
  0%   {left:5%;}
  100%  {left:-45%;}
}

/* Standard syntax */
@keyframes slide-left
{
  0%   {left:5%;}
  100%  {left:-45%;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes slide-right
{
  0%   {left:-45%;}
  100%  {left:5%;}
}

/* Standard syntax */
@keyframes slide-right
{
  0%   {left:-45%;}
  100%  {left:5%;}
}