@keyframes scrollArrow {
	0% {
		bottom: 55px;
		opacity: 0;
	}
	5% {
		opacity: 0.3;
	}
	10% {
		opacity: 0.8;
	}
	50% {
		opacity: 1;
	}
	90% {
		opacity: 0.8;
	}
	95% {
		opacity: 0.3;
	}
	100% {
		bottom: 35px;
		opacity: 0;
	}
}
@keyframes openScale {
	0% {
		transform: translate(-50%, -40%) scale(0.8);
	}
	70% {
		transform: translate(-50%, -50%) scale(1.2);
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeInUp {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}
	100%{
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes fadeInLeft {
	0% {
		transform: translateX(50px);
		opacity: 0;
	}
	100%{
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes fadeInRight {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100%{
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes fadeInRightDown {
	0% {
		transform: translate(20px , 40px);
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeOutRightDown {
	0% {
		opacity: 1;
	}
	100%{
		transform: translate(20px , 40px);
		opacity: 0;
	}
}
@keyframes fadeInBlockLeftTop {
	0% {
		display: block;
		transform: translate(20px , 40px);
		opacity: 0;
	}
	100%{
		transform: translate(0px , 0px);
		opacity: 1;
	}
}
@keyframes fadeInScale {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	70% {
		transform: scale(1.2);
		opacity: 0.7;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes fadeOutScale {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	30% {
		transform: scale(1.2);
		opacity: 0.7;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}

/* Sec1 , Sec5 BackGround Img Effect */
@keyframes mainBackScale {
	0% {
		background-size: 80%;
	}
	50%{
		background-size: 180%;
	}
	100%{
		background-size: 80%;
	}
}
/* // Sec1 , Sec5 BackGround Img Effect */
/* Sec3 SVG Arrow Effect */
@keyframes fadeInArrow {
	0% {
		transform: translateX(-50%) scale(0) rotate(-30deg);
		opacity: 0;
	}
	70% {
		transform: translateX(-50%) scale(1.2);
		opacity: 0.7;
	}
	100% {
		transform: translateX(-50%) scale(1) rotate(-10deg);
		opacity: 1;
	}
}
@keyframes fadeOutArrow {
	0% {
		transform: translateX(-50%) scale(1) rotate(-10deg);
		opacity: 1;
	}
	30% {
		transform: translateX(-50%) scale(1.2);
		opacity: 0.7;
	}
	100% {
		transform: translateX(-50%) scale(0) rotate(-30deg);
		opacity: 0;
	}
}
/* // Sec3 SVG Arrow Effect */
/* Sec3 BackGround Img Effect */
@keyframes fadeInBackImg {
	0% {
		left: 55%;
		top: 50%;
		opacity: 0.6;
	}
	100% {
		left: calc(55% - 20px);
		top: calc(50% - 25px);
		opacity: 1;
	}
}
@keyframes fadeOutBackImg {
	0% {
		left: calc(55% - 20px);
		top: calc(50% - 25px);
		opacity: 1;
	}
	100% {
		left: 55%;
		top: 50%;
		opacity: 0.6;
	}
}
@media (max-width : 767px) {
	@keyframes fadeInBackImg {
		0% {
			left: 19%;
			top: 60%;
			opacity: 0.6;
		}
		100% {
			left: calc(21% - 20px);
			top: calc(60% - 25px);
			opacity: 1;
		}
	}
	@keyframes fadeOutBackImg {
		0% {
			left: calc(21% - 20px);
			top: calc(60% - 25px);
			opacity: 1;
		}
		100% {
			left: 19%;
			top: 60%;
			opacity: 0.6;
		}
	}
}
/* // Sec3 BackGround Img Effect */
/* Sec SVG Round Effect */
@keyframes svgRound01 {
	from {
		stroke-dashoffset: 6062.4px;
	}
	to {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgRound02 {
	from {
		stroke-dashoffset: -5787.6px;
	}
	to {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgRound03 {
	from {
		stroke-dashoffset: -5804.6px;
	}
	to {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgRound04 {
	from {
		stroke-dashoffset: -5904.3px;
	}
	to {
		stroke-dashoffset: 0px;
	}
}
/* // SVG Round Effect */
/* SVG Arrow Effect */
@keyframes svgArrowBody01 {
	0% {
		stroke-dashoffset: 1353.3px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgArrowBody02 {
	0% {
		stroke-dashoffset: 1291px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgArrowBody03 {
	0% {
		stroke-dashoffset: 1322px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgArrowHead01 {
	0% {
		stroke-dashoffset: -257.3px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgArrowHead02 {
	0% {
		stroke-dashoffset: -250.6px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgArrowHead03 {
	0% {
		stroke-dashoffset: -234.7px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgArrowHead04 {
	0% {
		stroke-dashoffset: -116.1px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
/* // SVG Arrow Effect */
/* SVG Square Effect */
@keyframes svgSquare01 {
	0% {
		stroke-dashoffset: -3981.6px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgSquare02 {
	0% {
		stroke-dashoffset: -3997px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgSquare03 {
	0% {
		stroke-dashoffset: -4059.8px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes svgSquare04 {
	0% {
		stroke-dashoffset: -4030.8px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
/* // SVG Square Effect */