@charset "UTF-8";
/* CSS Document */


/* actions
-------------------------------------------------------------- */

.actBtn, .slideFadeTop, .slideFadeRight, .slideFadeBottom, .slideFadeLeft, .stayFade, .expandFade, .spinFade {
	-webkit-transition-property: opacity, transform;
	-ms-transition-property: opacity, transform;
	-moz-transition-property: opacity, transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-moz-transition-duration: 2s;
	transition-duration: 2s;
	opacity: 0;
}

.actBtn.action, .slideFadeTop.action, .slideFadeRight.action, .slideFadeBottom.action, .slideFadeLeft.action, .stayFade.action, .expandFade.action, .spinFade.action {
	opacity: 1 !important;
}

@keyframes expandFade {
  50% {
	@include transform(scale(1.05));
  }
  100% {
	@include transform(scale(1));
  }
}

.spinFade {
	-webkit-transform: rotateY(120deg);
	-ms-transform: rotateY(120deg);
	-moz-transform: rotateY(120deg);
	transform: rotateY(120deg);
}

.slideFadeTop {
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-moz-transform: translateY(100px);
	transform: translateY(100px);
}

.slideFadeRight {
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	transform: translateX(-100px);
}

.slideFadeBottom {
	-webkit-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	transform: translateY(-100px);
}

.slideFadeLeft {
	-webkit-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-moz-transform: translateX(100px);
	transform: translateX(100px);
}

.actBtn.action {
	animation-name: expandFade;
	animation-duration: .5s;
}

.slideFadeTop.action {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.slideFadeRight.action {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.slideFadeBottom.action {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.slideFadeLeft.action {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.expandFade.action {
	animation-name: expandFade;
	animation-duration: 1.5s;
}

.spinFade.action {
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0);
}

.spinParent {
	-webkit-perspective: 1000px;
	perspective: 1000px;
	overflow: hidden;
}