/* animate section */
.wow{
	opacity:0;
	animation-fill-mode: forwards;
}


@-webkit-keyframes fadeInUpBlur {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
		filter: blur(33px);
	}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		filter: blur(0px);
	}
}

.animate__fadeInUpBlur {
	-webkit-animation-name: fadeInUpBlur;
	animation-name: fadeInUpBlur;
}

@-webkit-keyframes fadeInUp30 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.animate__fadeInUp30 {
	-webkit-animation-name: fadeInUp30;
	animation-name: fadeInUp30;
}

@-webkit-keyframes fadeInRight20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInRight20 {
  -webkit-animation-name: fadeInRight20;
  animation-name: fadeInRight20;
}

@-webkit-keyframes fadeInLeft30 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInLeft30 {
  -webkit-animation-name: fadeInLeft30;
  animation-name: fadeInLeft30;
}

@keyframes scroll{
  0%{
    opacity:0;
    transform:translateY(0);
  }
  30%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:translateY(12px);
  }
}

@keyframes arrow{
  0%{
    opacity:0;
    transform:rotate(45deg) translate(-2px,-2px);
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:rotate(45deg) translate(4px,4px);
  }
}

@-webkit-keyframes bgmove {
	0% {
		background-position: 0 0;
		background-size: cover;
	}

	10% {
		background-position: 10% 30%;
		background-size: cover;
	}
	20% {
		background-position: 20% 50%;
		background-size: cover;
	}

	30% {
		background-position: 50% 80%;
		background-size: cover;
	}

	40% {
		background-position: 80% 20%;
		background-size: cover;
	}

	50%{
		background-position: 20% 40%;
		background-size: cover;
	}

	65% {
		background-position: 100% 10%;
		background-size: cover;
	}
	
	75% {
		background-position: 30% 20%;
		background-size: cover;
	}

	85% {
		background-position: 60% 70%;
		background-size: cover;
	}
	
	100% {
		background-position: 0 0;
		background-size: cover;
	}
}

@media (min-width:768px) {
	@-webkit-keyframes bgmove {
		0% {
			background-position: 0 0;
			background-size: 100%;
		}
		10% {
			background-position: 10% 30%;
			background-size: 180%;
		}
		20% {
			background-position: 20% 50%;
			background-size: 400%;
		}

		30% {
			background-position: 50% 80%;
			background-size: 350%;
		}

		40% {
			background-position: 80% 20%;
			background-size: 580%;
		}
	
		50%{
			background-position: 20% 40%;
			background-size: 420%;
		}

		65% {
			background-position: 100% 10%;
			background-size: 340%;
		}
		
		75% {
			background-position: 30% 20%;
			background-size: 270%;
		}

		85% {
			background-position: 60% 70%;
			background-size: 440%;
		}

		100% {
			background-position: 0% 0%;
			background-size: 100%;
		}
	}
}