body
{
	margin: 0px auto;
	overflow: hidden;
}

.background0
{
	/*width: 100%;
	height: 100vh;
	background: url('images/new/jharnai-bg-img.png');
	background-size: cover;
	background-position: top;*/

	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: -25;
}

.home_page_content0 .background0 img
{
	width: 100%;
	height: 100%;
}

.home_page_content0 .cloud
{
	width: 100%;
	position: absolute;
	top: 0;
}

.home_page_content0 .cloud .cloud1
{
	position: absolute;
	top:350px;
	left: -163px;
	width: 250px;
    animation: cloud_1 30s forwards;
}

@keyframes cloud_1
{
	/*0%
	{
		left: -164px;
	}
	50%
	{
		left: -120px;
	}
	75%
	{
		left: -90px;
	}
	100%
	{
		left: -40px;
	}*/
	from
	{
		left: -164px;
	}
	to
	{
		left: 100px;
	}
}


.home_page_content0 .cloud .cloud2
{
	position: absolute;
    top: 500px;
	left: 250px;
	width: 350px;
	animation: cloud_2 30s forwards;
}

@keyframes cloud_2
{
	/*0%
	{
		margin-left: 250px;
	}
	50%
	{
		margin-left: 290px;
	}
	75%
	{
		margin-left: 360px;
	}
	100%
	{
		margin-left: 400px;
	}*/
	from
	{
		left: 250px;
	}
	to
	{
		left: 550px;	
	}
}

.home_page_content0 .cloud .cloud3
{
	position: absolute;
	width: 400px;
	top: 300px;
	right:280px;
	animation: cloud_3 30s forwards;
}

@keyframes cloud_3
{
	/*0%
	{
		margin-right: 206px;
	}
	50%
	{
		margin-right: 170px;
	}
	75%
	{
		margin-right: 130px;
	}
	100%
	{
		margin-right: 70px;
	}*/

	from
	{
		right: 280px;
	}
	to
	{
		right: 50px;
	}
}

.drops
{
	width: 96.5%;
	height: 100vh;
	/*background-color: red;*/
	position: absolute;
	left: 19px;
	top:5px;
	align-items: center;
    justify-content: center;
    display: flex;
}

.drops img
{
	width: 91px;
	animation: drops 3s forwards;
}

.logo
{
	width: 96.5%;
	height: 100vh;
	/*background-color: red;*/
	position: absolute;
	left: 10px;
	align-items: center;
    justify-content: center;
    display: none;
}

.logo img
{
	width: 150px;
	animation: drops 3s forwards;
}

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

.home_page_content0 .black_circle
{
	position: absolute;
    left: 10%;
	top: 32%;
	display: none;
}

.home_page_content0 .black_circle img
{
	width: 272px;
	position: relative;
}

/*.circle img
{
	width: 200px;
}*/

.home_page_content0 .bottle
{
	position: absolute;
    /*top: 0px;*/
    width: 96.5%;
    height: 100%;
    align-items: center;
    justify-content: center;
	display: none;
    z-index: 5;
	animation: bottle_drop 3s ease-out;
}

/*Bottle drop from top*/
@keyframes bottle_drop
{
	from
	{
		top: -580px;
	}
	to
	{
		top: 0;
	}
}

.home_page_content0 .bottle img
{
	width: 200px;
}