/* ===========================================
   SmoothState styling
   =========================================== */

.st-container.is-exiting .st-pusher {
	-webkit-animation: scaleDownCenter .8s;
	animation: scaleDownCenter .8s;
}

.st-container .st-pusher {
	-webkit-animation: scaleUpCenter .8s;
	animation: scaleUpCenter .8s;
}

@-webkit-keyframes scaleDownCenter {
	from { }
	to { opacity: 0; -webkit-transform: scale(.7); }
}
@keyframes scaleDownCenter {
	from { }
	to { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); }
}

@-webkit-keyframes scaleUpCenter {
	from { opacity: 0; -webkit-transform: scale(.7); }
}
@keyframes scaleUpCenter {
	from { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); }
}

/*
.st-container .st-pusher {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
*/

/*
.st-container.is-exiting .st-pusher {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}
*/

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

/*
.st-container.is-exiting .st-pusher {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateLeftSideFirst 1s both ease-in;
  animation: rotateLeftSideFirst 1s both ease-in;
}

@-webkit-keyframes rotateLeftSideFirst {
  0% { }
  40% { -webkit-transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
  100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateLeftSideFirst {
  0% { }
  40% { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}
*/

/*
.st-container .st-pusher {
  -webkit-animation: moveFromRightFade 1s ease both;
  animation: moveFromRightFade 1s ease both;
}

@-webkit-keyframes moveFromRightFade {
  from { opacity: 0.3; -webkit-transform: translateX(100%); }
}
@keyframes moveFromRightFade {
  from { opacity: 0.3; -webkit-transform: translateX(100%); transform: translateX(100%); }
}
*/