@charset "utf-8";
/* up */
@-webkit-keyframes fadeInUp {
	from {
		opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0);
	}
	to {
		opacity:1; -webkit-transform:none; transform:none;
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}

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

/* down */
@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
	}
	to {
		opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);		
	}
}
@keyframes fadeOutUp {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
	}
	to {
		opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);		
	}
}


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

/* right */
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0.6; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}
@-webkit-keyframes fadeInRightLong {
	from {
		opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}
@keyframes fadeInRightLong {
	from {
		opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}

/* right out */
@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
	}
	to {
		opacity: 0.6; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);	
	}
}
@keyframes fadeOutRight {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
	}
	to {
		opacity: 0.6; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);
	}
}
@-webkit-keyframes fadeOutRightLong {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
	}
	to {
		opacity: 0.6; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);	
	}
}
@keyframes fadeOutRightLong {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
	}
	to {
		opacity: 0.6; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);
	}
}

/* left */
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0.6; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0.6; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}
@-webkit-keyframes fadeInLeftLong {
	from {
		opacity: 0.6; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}
@keyframes fadeInLeftLong {
	from {
		opacity: 0.6; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0);
	}
	to {
		opacity: 1; -webkit-transform: none; transform: none;
	}
}

/* left out */
@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
		
	}
	to {
		opacity: 0.6; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);
	}
}
@keyframes fadeOutLeft {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
		
	}
	to {
		opacity: 0.6; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);
	}
}
@-webkit-keyframes fadeOutLeftLong {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
		
	}
	to {
		opacity: 0.6; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0);
	}
}
@keyframes fadeOutLeftLong {
	from {
		opacity: 1; -webkit-transform: none; transform: none;
		
	}
	to {
		opacity: 0.6; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0);
	}
}

/* swing */
@keyframes swing {
  20% {
	opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 8deg); transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
	-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);
  }

  60% {
	-webkit-transform: rotate3d(0, 0, 1, 3deg); transform: rotate3d(0, 0, 1, 3deg);
  }

  80% {
	-webkit-transform: rotate3d(0, 0, 1, -3deg); transform: rotate3d(0, 0, 1, -3deg);
  }

  to {
	opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);
  }
}
/* fade in */
@-webkit-keyframes fadeIn {
	from {
		display:none; opacity:0;
	}
	to {
		display:block; opacity:1;
	}
}
@keyframes fadeIn {
	from {
		display:none; opacity:0;
	}
	to {
		display:block; opacity:1;
	}
}
/* fade out */
@-webkit-keyframes fadeOut {
	from {
		display:block; opacity:1;
	}
	to {
		display:none; opacity:0;
	}
}
@keyframes fadeOut {
	from {
		display:block; opacity:1;
	}
	to {
		display:none; opacity:0;
	}
}
/* scale */
@-webkit-keyframes scaleIn {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity:0;
		transform-origin: center;
	}
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity:1;
		transform-origin: center;
	}
}
@keyframes scaleIn {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity:0;
		transform-origin: center;
	}
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity:1;
		transform-origin: center;
	}
}
@-webkit-keyframes scaleOut {
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity:1;
		transform-origin: center;
	}
	100% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity:0;
		transform-origin: center;
	}
}
@keyframes scaleOut {
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity:1;
		transform-origin: center;
	}
	100% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity:0;
		transform-origin: center;
	}
}

/* background size */
@-webkit-keyframes backgroundScaleIn{
	0%{
		transform: translate3d(0, 0, 0) scale(1.2) rotate(0);
	}
	100%{
		transform: translate3d(0, 0, 0) scale(1) rotate(0);
	}
}
@keyframes backgroundScaleIn{
	0%{
		transform: translate3d(0, 0, 0) scale(1.2) rotate(0);
	}
	100%{
		transform: translate3d(0, 0, 0) scale(1) rotate(0);
	}
}
@-webkit-keyframes backgroundScaleOut{
	0%{
		transform: translate3d(0, 0, 0) scale(1) rotate(0);
	}
	100%{
		transform: translate3d(0, 0, 0) scale(1.2) rotate(0);
	}
}
@keyframes backgroundScaleOut{
	0%{
		transform: translate3d(0, 0, 0) scale(1) rotate(0);
	}
	100%{
		transform: translate3d(0, 0, 0) scale(1.2) rotate(0);
	}
}



/* scale */
.maxparallax.on .background_scale_in {
	animation-name: backgroundScaleIn;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off .background_scale_in {
	animation-name: backgroundScaleOut;
	animation-duration: .0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}

.maxparallax.on .background_scale_out {
	animation-name: backgroundScaleOut;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off .background_scale_out {
	animation-name: backgroundScaleIn;
	animation-duration: .0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}


.maxparallax.on .scale_in {
	animation-name: scaleIn;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on .scale_in2 {
	animation-name: scaleIn;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on .scale_in3 {
	animation-name: scaleIn;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on .scale_in4 {
	animation-name: scaleIn;
	animation-duration: 1.4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}


.maxparallax.off .scale_in {
	animation-name: scaleOut;
	animation-duration: 0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off .scale_in2 {
	animation-name: scaleOut;
	animation-duration: 0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off .scale_in3 {
	animation-name: scaleOut;
	animation-duration: 0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off .scale_in4 {
	animation-name: scaleOut;
	animation-duration: 0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}

.maxparallax.on .scale_out {
	animation-name: scaleOut;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on .scale_out2 {
	animation-name: scaleOut;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on .scale_out3 {
	animation-name: scaleOut;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on .scale_out4 {
	animation-name: scaleOut;
	animation-duration: 1.4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}


.maxparallax.off .scale_out {
	animation-name: scaleIn;
	animation-duration: 0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off .scale_out2 {
	animation-name: scaleIn;
	animation-duration: 0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off .scale_out3 {
	animation-name: scaleIn;
	animation-duration: 0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off .scale_out4 {
	animation-name: scaleIn;
	animation-duration: 0s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}


/* fade in */
	.maxparallax.on .fade_in {
		animation-name: fadeIn;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in {
		animation-name: fadeOut;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in2 {
		animation-name: fadeIn;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in2 {
		animation-name: fadeOut;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in3 {
		animation-name: fadeIn;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in3 {
		animation-name: fadeOut;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in4 {
		animation-name: fadeIn;
		animation-duration: 1.6s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in4 {
		animation-name: fadeOut;
		animation-duration: 1.6s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	
/* fade in up */
	.maxparallax.on .fade_in_up {
		animation-name: fadeInUp;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_up2 {
		animation-name: fadeInUp;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_up3 {
		animation-name: fadeInUp;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_up4 {
		animation-name: fadeInUp;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.on .fade_in_fast_up_long {
		animation-name: fadeInUpLong;
		animation-duration: .6s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.on .fade_in_up_long {
		animation-name: fadeInUpLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_up_long2 {
		animation-name: fadeInUpLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_up_long3 {
		animation-name: fadeInUpLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_up_long4 {
		animation-name: fadeInUpLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* left */
	.maxparallax.on .fade_in_left {
		animation-name: fadeInLeft;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_left2 {
		animation-name: fadeInLeft;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_left3 {
		animation-name: fadeInLeft;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_left4 {
		animation-name: fadeInLeft;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.on .fade_in_left_long {
		animation-name: fadeInLeftLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_left_long2 {
		animation-name: fadeInLeftLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_left_long3 {
		animation-name: fadeInLeftLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_left_long4 {
		animation-name: fadeInLeftLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* right */
	.maxparallax.on .fade_in_right {
		animation-name: fadeInRight;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_right2 {
		animation-name: fadeInRight;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_right3 {
		animation-name: fadeInRight;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_right4 {
		animation-name: fadeInRight;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}


	.maxparallax.on .fade_in_right_long {
		animation-name: fadeInRightLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_right_long2 {
		animation-name: fadeInRightLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_right_long3 {
		animation-name: fadeInRightLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on .fade_in_right_long4 {
		animation-name: fadeInRightLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* down */
	.maxparallax.off .fade_in_up {
		animation-name: fadeOutUp;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_up2 {
		animation-name: fadeOutUp;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_up3 {
		animation-name: fadeOutUp;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_up4 {
		animation-name: fadeOutUp;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	
	.maxparallax.off .fade_in_fast_up_long {
		animation-name: fadeOutUpLong;
		animation-duration: .6s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.off .fade_in_up_long {
		animation-name: fadeOutUpLong;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_up_long2 {
		animation-name: fadeOutUpLong;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_up_long3 {
		animation-name: fadeOutUpLong;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_up_long4 {
		animation-name: fadeOutUpLong;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* out left */
	.maxparallax.off .fade_in_left {
		animation-name: fadeOutLeft;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_left2 {
		animation-name: fadeOutLeft;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_left3 {
		animation-name: fadeOutLeft;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_left4 {
		animation-name: fadeOutLeft;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.off .fade_in_left_long {
		animation-name: fadeOutLeftLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_left_long2 {
		animation-name: fadeOutLeftLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_left_long3 {
		animation-name: fadeOutLeftLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_left_long4 {
		animation-name: fadeOutLeftLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* out right */
	.maxparallax.off .fade_in_right {
		animation-name: fadeOutRight;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_right2 {
		animation-name: fadeOutRight;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_right3 {
		animation-name: fadeOutRight;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_right4 {
		animation-name: fadeOutRight;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.off .fade_in_right_long {
		animation-name: fadeOutRightLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_right_long2 {
		animation-name: fadeOutRightLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_right_long3 {
		animation-name: fadeOutRightLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off .fade_in_right_long4 {
		animation-name: fadeOutRightLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}





	/**/


.maxparallax.on.background_scale_in {
	animation-name: backgroundScaleIn;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off.background_scale_in {
	animation-name: backgroundScaleOut;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}

.maxparallax.on.background_scale_out {
	animation-name: backgroundScaleOut;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off.background_scale_out {
	animation-name: backgroundScaleIn;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}


.maxparallax.on.scale_in {
	animation-name: scaleIn;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on.scale_in2 {
	animation-name: scaleIn;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on.scale_in3 {
	animation-name: scaleIn;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on.scale_in4 {
	animation-name: scaleIn;
	animation-duration: 1.4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}


.maxparallax.off.scale_in {
	animation-name: scaleOut;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off.scale_in2 {
	animation-name: scaleOut;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off.scale_in3 {
	animation-name: scaleOut;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off.scale_in4 {
	animation-name: scaleOut;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}

.maxparallax.on.scale_out {
	animation-name: scaleOut;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on.scale_out2 {
	animation-name: scaleOut;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on.scale_out3 {
	animation-name: scaleOut;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.on.scale_out4 {
	animation-name: scaleOut;
	animation-duration: 1.4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}


.maxparallax.off.scale_out {
	animation-name: scaleIn;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off.scale_out2 {
	animation-name: scaleIn;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off.scale_out3 {
	animation-name: scaleIn;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}
.maxparallax.off.scale_out4 {
	animation-name: scaleIn;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-fill-mode: forwards;
}


/* fade in */
	.maxparallax.on.fade_in {
		animation-name: fadeIn;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in {
		animation-name: fadeOut;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in2 {
		animation-name: fadeIn;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in2 {
		animation-name: fadeOut;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in3 {
		animation-name: fadeIn;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in3 {
		animation-name: fadeOut;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in4 {
		animation-name: fadeIn;
		animation-duration: 1.6s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in4 {
		animation-name: fadeOut;
		animation-duration: 1.6s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* fade in up */
	.maxparallax.on.fade_in_up {
		animation-name: fadeInUp;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_up2 {
		animation-name: fadeInUp;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_up3 {
		animation-name: fadeInUp;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_up4 {
		animation-name: fadeInUp;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	
	.maxparallax.on.fade_in_fast_up_long {
		animation-name: fadeInUpLong;
		animation-duration: .6s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.on.fade_in_up_long {
		animation-name: fadeInUpLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_up_long2 {
		animation-name: fadeInUpLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_up_long3 {
		animation-name: fadeInUpLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_up_long4 {
		animation-name: fadeInUpLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* left */
	.maxparallax.on.fade_in_left {
		animation-name: fadeInLeft;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_left2 {
		animation-name: fadeInLeft;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_left3 {
		animation-name: fadeInLeft;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_left4 {
		animation-name: fadeInLeft;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.on.fade_in_left_long {
		animation-name: fadeInLeftLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_left_long2 {
		animation-name: fadeInLeftLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_left_long3 {
		animation-name: fadeInLeftLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_left_long4 {
		animation-name: fadeInLeftLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* right */
	.maxparallax.on.fade_in_right {
		animation-name: fadeInRight;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_right2 {
		animation-name: fadeInRight;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_right3 {
		animation-name: fadeInRight;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_right4 {
		animation-name: fadeInRight;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}


	.maxparallax.on.fade_in_right_long {
		animation-name: fadeInRightLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_right_long2 {
		animation-name: fadeInRightLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_right_long3 {
		animation-name: fadeInRightLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.on.fade_in_right_long4 {
		animation-name: fadeInRightLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* down */
	.maxparallax.off.fade_in_up {
		animation-name: fadeOutUp;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_up2 {
		animation-name: fadeOutUp;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_up3 {
		animation-name: fadeOutUp;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_up4 {
		animation-name: fadeOutUp;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.off.fade_in_fast_up_long {
		animation-name: fadeOutUpLong;
		animation-duration: .6s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.off.fade_in_up_long {
		animation-name: fadeOutUpLong;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_up_long2 {
		animation-name: fadeOutUpLong;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_up_long3 {
		animation-name: fadeOutUpLong;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_up_long4 {
		animation-name: fadeOutUpLong;
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* out left */
	.maxparallax.off.fade_in_left {
		animation-name: fadeOutLeft;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_left2 {
		animation-name: fadeOutLeft;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_left3 {
		animation-name: fadeOutLeft;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_left4 {
		animation-name: fadeOutLeft;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.off.fade_in_left_long {
		animation-name: fadeOutLeftLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_left_long2 {
		animation-name: fadeOutLeftLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_left_long3 {
		animation-name: fadeOutLeftLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_left_long4 {
		animation-name: fadeOutLeftLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

/* out right */
	.maxparallax.off.fade_in_right {
		animation-name: fadeOutRight;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_right2 {
		animation-name: fadeOutRight;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_right3 {
		animation-name: fadeOutRight;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_right4 {
		animation-name: fadeOutRight;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}

	.maxparallax.off.fade_in_right_long {
		animation-name: fadeOutRightLong;
		animation-duration: .8s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_right_long2 {
		animation-name: fadeOutRightLong;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_right_long3 {
		animation-name: fadeOutRightLong;
		animation-duration: 1.2s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	.maxparallax.off.fade_in_right_long4 {
		animation-name: fadeOutRightLong;
		animation-duration: 1.4s;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-fill-mode: forwards;
	}
	
	.unvisible{
		opacity:0;
	}
	.delay_02s {
		animation-delay:0.2s;
	}
	.delay_05s {
		animation-delay:0.5s;
	}
	.delay_07s {
		animation-delay:0.7s;
	}
	.maxparallax.on .delay_10s {
		animation-delay:1s;
	}
	.maxparallax.on .delay_12s {
		animation-delay:1.2s;
	}
	.maxparallax.on .delay_15s {
		animation-delay:1.5s;
	}
	.maxparallax.on .delay_17s {
		animation-delay:1.7s;
	}
	.maxparallax.on .delay_20s {
		animation-delay:2s;
	}