a{
	color:#fff;
	text-decoration: none;
	cursor: pointer;
}

a:hover{
	color:#fff;
	text-decoration: none;
}

a:active{
	color:#fff;
	text-decoration: none;
}

.background
{
	/*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_content .background img
{
	width: 100%;
	height: 100%;
}

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

.home_page_content .cloud .cloud1
{
	position: absolute;
	left: 50px;
	top: 100px;
	width: 58px;
	animation: cloud1 190s;
}

@keyframes cloud1
{
	from
	{
		left: 50px;
	}
	to
	{
		left: 900px;
	}
}

.home_page_content .cloud .cloud2
{
	position: absolute;
    right: 90px;
    top: 78px;
    width: 117px;
    animation: cloud2 90s;
}

@keyframes cloud2
{
	from
	{
		right: 120px;
	}
	to
	{
		right: 0px;
	}
}

.home_page_content  .cloud .cloud3
{
	position: absolute;
    right: 297px;
    top: 79px;
    width: 50px;
    animation: cloud3 120s;
}

@keyframes cloud3
{
	from
	{
		right: 297px;
	}
	to
	{
		right: 0px;
	}

}

.home_page_content .cloud .cloud4
{
	position: absolute;
    right: 346px;
    top: 114px;
    width: 69px;
    animation: cloud4 180s;
}

@keyframes cloud4
{
	from
	{
		right: 346px;
	}
	to
	{
		right: 0px;
	}

}


.home_page_content .ducks_home1
{
	position: absolute;
    /*bottom: 26px;*/
    top: 65%;
	right: 5%;
	animation: duck_move_1 linear 30s forwards;
}

@keyframes duck_move_1
{
	from
	{
		right: 5%;
	}
	to
	{
		right: 25%;
	}
}

.home_page_content .ducks_home1 img
{
	width: 125px;
}


.home_page_content .ducks_home0
{
	position: absolute;
    /*bottom: 26px;*/
    top: 60%;
	right: 35%;
	animation: duck_move_0 linear 30s forwards;
}

@keyframes duck_move_0
{
	from
	{
		right: 35%;
	}
	to
	{
		right: 5%;
	}
}

.home_page_content .ducks_home0 img
{
	width: 75px;
}



.home_page_content .bird
{
	position: absolute;
    top: 90px;
    left: 106px;
    animation: bird_fly ease 35s forwards;
}

/*Bird fly digonaly*/
@keyframes bird_fly
{
	from
	{
		/*top: 90px;
    	left: 106px;*/
    	top: 150px;
    	left: 19px;
	}
	to
	{
		top: -90px;
    	left: 215px;
	}
}

.home_page_content .bird .birds_img
{
	width: 110px;
}


.home_page_content .black_circle
{
	position: absolute;
    /*top: 0px;*/
    width:34.5%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: -5;
}

.home_page_content .black_circle img
{
	width: 322px;
}

.home_page_content .black_circle .text
{
	position: absolute;
	align-items: center;
    padding: 0 31%;
    color: white;
	font-size: 12px;
	line-height: 1.9em;
	text-align: center;
	font-family: 'PT Sans', sans-serif;
    /*opacity: 0;*/
    animation: text_entry 6s;
}

/*Circle text fades in*/
@keyframes text_entry
{
	from
	{
		opacity: 0;
	}
	to
	{
		opacity: 1;
	}
}

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

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

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

.home_page_content .waterfall
{
	position: absolute;
    top: 220px;
    right: 168px;
}

.home_page_content .waterfall img
{
	width: 127px;
	animation: waterfalls 5s infinite;
}

@keyframes waterfalls
{
	from
	{
		/*height: 100px;*/
		width: 80px;
	}
	to
	{
		/*height: 215px;*/
		width: 127px;
	}
}

.home_page_content .leaf {
	position: absolute;
    top: 51%;
    right: 26%;
}

.home_page_content .leaf img
{
	width: 60px;
	animation: leaf 5s linear infinite;
}

.home_page_content .leaf2 {
	position: absolute;
    top: 70%;
    right: 18%;
}

.home_page_content .leaf2 img
{
	width: 70px;
	animation: leaf 5s linear infinite;
}

.home_page_content .leaf3 {
	position: absolute;
    top: 55%;
	right: 36%;
	z-index: -10;
}

.home_page_content .leaf3 img
{
	width: 150px;
	animation: leaf 5s linear infinite;
}

.home_page_content .tree {
	position: absolute;
	height: 15%;
    top: 85%;
	right: 44%;
	z-index: -10;
	overflow: hidden;
}

.home_page_content .tree img
{
	width: 200px;
	animation: leaf 5s linear infinite;
}

@keyframes leaf 
{ 
	0% 
	{ 
		transform:rotate(0deg); 
	} 
	50% 
	{ 
		transform:rotate(5deg); 
	} 
	100% 
	{ 
		transform:rotate(0deg); 
	} 
}