.view-container {
	position: relative;
}

.view-frame.ng-enter,
.view-frame.ng-leave {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.view-frame.ng-enter {
	-webkit-animation: .8s fade-in;
	-moz-animation: .8s fade-in;
	-o-animation: .8s fade-in;
	animation: .8s fade-in;
	z-index: 100;
}

.view-frame.ng-leave {
	-webkit-animation: .8s fade-out;
	-moz-animation: .8s fade-out;
	-o-animation: .8s fade-out;
	animation: .8s fade-out;
	z-index:99;
}

@keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fade-out {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-moz-keyframes fade-out {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-webkit-keyframes fade-out {
	from { opacity: 1; }
	to { opacity: 0; }
}