/* ANIMATIONS
============================================================================= */
/* ngAnimation -------------------------------------- */

/* leaving animations ----------------------------------------- */
/* rotate and fall */
@keyframes rotateFall {
    0%      { transform: rotateZ(0deg); }
    20%     { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40%     { transform: rotateZ(17deg); }
    60%     { transform: rotateZ(16deg); }
    100%    { transform: translateY(100%) rotateZ(17deg); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}

/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to      { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from    { opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}

/* home -------------------------- */
.page-home.ng-enter {
	animation: scaleUp 0.5s both ease-in;
}

.page-home.ng-leave {
	transform-origin: 0% 0%;
	animation: rotateFall 1s both ease-in;
}


/* Feedback ----------------------------------------- */
.feedback-form {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.feedback-form.sending {
	
	-webkit-transform: scale(.3, .3);
	-moz-transform: scale(.3, .3);
	-o-transform: scale(.3, .3);
	-ms-transform: scale(.3, .3);
	transform: scale(.3, .3);
}

.feedback-form.sended {
	display: none;
	
}

.sello {
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
	position: absolute;
	z-index: 100;
}