@keyframes swapColor {
	from { color: #cc0000; }
	to { color: #e9fffd; }
}

@-webkit-keyframes enterVertical {
	from { 
		opacity:0;
		-webkit-transform: translate3d(0, 100px, 0);
	}
	to { 
		opacity:1; 
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes enterVertical {
	from { 
		opacity:0;
		-webkit-transform: translate3d(0, 100px, 0);
		        transform: translate3d(0, 100px, 0);
	}
	to { 
		opacity:1; 
		-webkit-transform: translate3d(0, 0, 0); 
		        transform: translate3d(0, 0, 0);
	}
}

@keyframes leaveVertical {
	from { 
		opacity:1;
		transform: translate3d(0, 0, 0);
	}
	to { 
		opacity:0; 
		transform: translate3d(0, 100px, 0);
	}
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes top-button {
	from { background-color: transparent; }
	to { background-color: #c4a6cc;	}
}

@keyframes top-button {
	from { background-color: transparent; }
	to { background-color: #c4a6cc;	}
}

@keyframes yellow-btn-swap {
	from {
		background-color: #ffb612;
		color: #333333;
	}
	to {
		background-color: #333333;
		color: #ffb612;
	}
}

@keyframes teal-btn-swap {
	from {
		background-color: #009688;
		color: #e9fffd;
	}
	to {
		background-color: #e9fffd;
		color: #009688;
	}
}

@keyframes popIn {
	from { -webkit-transform: scale(0); transform: scale(0); }
	to { -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes popIn {
	from { -webkit-transform: scale(0); }
	to { -webkit-transform: scale(1); }
}

@keyframes popOut {
	from { -webkit-transform: scale(1); transform: scale(1); }
	to { -webkit-transform: scale(0); transform: scale(0); }
}

@-webkit-keyframes popOut {
	from { -webkit-transform: scale(1); }
	to { -webkit-transform: scale(0); }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@-webkit-keyframes swap-background {
	from { background-color: rgba(0, 0, 0, 0.5); }
	to { background-color: rgba(116, 47, 138, 0.8); }
}

@keyframes swap-background {
	from { background-color: rgba(0, 0, 0, 0.5); }
	to { background-color: rgba(116, 47, 138, 0.8); }
}

@-webkit-keyframes zoom-bg {
	0% { -webkit-transform: scale3d(1, 1, 1) rotate(0.0deg); transform: scale3d(1, 1, 1) rotate(0.0deg); }
	50% { -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(0.1deg); transform: scale3d(1.3, 1.3, 1.3) rotate(0.1deg); }
	100% {-webkit-transform: scale3d(1, 1, 1) rotate(0.0deg);transform: scale3d(1, 1, 1) rotate(0.0deg); }
}

@keyframes zoom-bg {
	0% { -webkit-transform: scale3d(1, 1, 1) rotate(0.0deg); transform: scale3d(1, 1, 1) rotate(0.0deg); }
	50% { -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(0.1deg); transform: scale3d(1.3, 1.3, 1.3) rotate(0.1deg); }
	100% {-webkit-transform: scale3d(1, 1, 1) rotate(0.0deg);transform: scale3d(1, 1, 1) rotate(0.0deg); }
}

@keyframes zoom-in {
	0% { -webkit-transform: scale3d(1, 1, 1) rotate(0.0deg); transform: scale3d(1, 1, 1) rotate(0.0deg); }
	100% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(0.1deg); transform: scale3d(1.1, 1.1, 1.1) rotate(0.1deg); }
}

@keyframes zoom-out {
	0% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(0.1deg); transform: scale3d(1.1, 1.1, 1.1) rotate(0.1deg); }
	100% { -webkit-transform: scale3d(1, 1, 1) rotate(0.0deg); transform: scale3d(1, 1, 1) rotate(0.0deg); }
}

@keyframes appear {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes dissapear {
	from { opacity: 1; }
	to { opacity: 0; }
}

@-webkit-keyframes enterHorizontal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50vw, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes enterHorizontal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50vw, 0, 0);
		        transform: translate3d(50vw, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

.view {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.view.ng-enter,
.view.ng-leave,
.view.ng-move {
	-webkit-transition-delay:0.2s;
	transition-delay:0.2s;
	-webkit-transition:0.2s linear all;
	transition:0.2s linear all;
}

.view.ng-leave.ng-leave-active,
.view.ng-enter,
.view.ng-move {
	-webkit-transition-delay:0.2s;
	transition-delay:0.2s;
	-webkit-transition:0.2s linear all;
	transition:0.2s linear all;
	opacity:0;
}

.view.ng-leave,
.view.ng-move.ng-move-active,
.view.ng-enter.ng-enter-active {
	-webkit-transition-delay:0.2s;
	transition-delay:0.2s;
	opacity:1;
}

.enter-horizontal.ng-enter {
	-webkit-transform: translate3d(50vw, 0, 0);
	transform: translate3d(50vw, 0, 0);
	-webkit-animation: enterHorizontal 0.5s forwards !important;
	animation: enterHorizontal 0.5s forwards !important;
	opacity:0;
}

.enter-vertical.ng-hide-remove {
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	opacity:0;
	-webkit-animation: enterVertical 0.5s forwards;
	animation: enterVertical 0.5s forwards;
}

.enter-vertical-new {
	opacity: 0;
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	-webkit-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important;
	-webkit-animation: enterVertical 0.5s forwards;
	animation: enterVertical 0.5s forwards;
}



.rotating {
	animation: rotating 2s linear infinite;
	-webkit-animation: rotating 2s linear infinite;
}

.pop-in.ng-hide-remove {
	animation: popIn 0.2s forwards;
}

.loading.ng-hide-remove {
	animation: fadeOut 0.4s;
	-webkit-animation: fadeOut 0.4s;
}

.pop-trans.ng-hide-remove {
	animation: popIn 0.2s forwards;
	-webkit-animation: popIn 0.2s forwards;
}

.pop-trans.ng-hide-add {
	animation: popOut 0.2s forwards;
	-webkit-animation: popOut 0.2s forwards;
}

.slide-to-left {
	transform: translate3d(-270px, 0, 0);
	transition: transform 0.3s;
}

.dark-layer.ng-hide-add {
	animation: dissapear 0.3s forwards;
}

.dark-layer.ng-hide-remove {
	animation: appear 0.3s forwards;
}

.jumbo-slide.ng-hide-add {
	animation: dissapear 1s forwards;
}

.jumbo-slide.ng-hide-remove {
	animation: appear 1s forwards;
}

.appear-slow {
	opacity: 0;
	animation: appear 2.8s forwards;
}

.slogan-wrapper.ng-hide-remove {
	animation: enterVertical 0.2s forwards;
}

.slogan-wrapper.ng-hide-add {
	animation: leaveVertical 0.2s forwards;
}

.hover-sepia {
	-webkit-filter: sepia(100%);
	transition: all 0.5s;
}