@keyframes float {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-30px);
	}

	100% {
		transform: translatey(0px);
	}
}

@keyframes float1 {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-80px);
	}

	100% {
		transform: translatey(0px);
	}
}

@keyframes float2 {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-50px);
	}

	100% {
		transform: translatey(0px);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0px);
	}

	50% {
		transform: rotate(3deg);
	}

	100% {
		transform: rotate(0px);
	}
}

@keyframes rotate1 {
	0% {
		transform: rotate(0px);
	}

	50% {
		transform: rotate(.5deg);
	}

	100% {
		transform: rotate(0px);
	}
}

@keyframes moving {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(-10px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes floatWithShadow {
	0% {
		box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.6);
		transform: translatey(0px);
	}

	50% {
		box-shadow: 0 10px 5px 0px rgba(0, 0, 0, 0.2);
		transform: translatey(-5px);
	}

	100% {
		box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.6);
		transform: translatey(0px);
	}
}

@keyframes movingRotation {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: translatey(0px) rotate(-10deg);
	}

	50% {
		transform: translatey(10px) rotate(0deg);
	}

	75% {
		transform: translatey(0px) rotate(10deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.blog-img2 {
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
	margin-left: -15%;
}

.blog-img {
	width: 36vw !important;
	transform: rotate(0deg);
	animation: moving 3s ease-in-out infinite;
	margin-top: 0%;
}

.blog-open-img2 {
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}

.blog-open-img3 {
	transform: rotate(0deg);
	animation: rotate 3s ease-in-out infinite;
}

.our-work-img {
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}

.our-work-img3 {
	transform: translatey(0px);
	animation: float1 6s ease-in-out infinite;
}

.our-work-img4 {
	transform: translatey(0px);
	animation: float2 6s ease-in-out infinite;
}

.our-work-img5 {
	transform: translateX(0px);
	animation: moving 3s ease-in-out infinite;
}

.logo {
	animation: movingRotation 5s linear infinite;
}

#social-media-icon-fb,
#social-media-icon-yt {
	animation: floatWithShadow 4s ease-in-out infinite;
	border-radius: 50%;
}

#social-media-icon-ig,
#social-media-icon-in {
	animation: floatWithShadow 5s ease-in-out infinite;
	border-radius: 50%;
}

.blog-new1,
.blog-new1-1-work,
.blog-new1-work {
	animation: movingRotation 6s ease-in-out infinite;
}

.blog-new2,
.blog-new2-work {
	animation: float 6s ease-in-out infinite;
}

.blog-new3,
.blog-new3-work {
	animation: float1 6s ease-in-out infinite;
}

.blog-new4,
.blog-new4-work {
	animation: float2 6s ease-in-out infinite;
}