.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;
}

.home4_page_content .background img
{
	width: 100%;
	height: 100%;
}

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

.home4_page_content .black_circle img
{
	width: 392px;
}

.home4_page_content .black_circle .text
{
	position: absolute;
	align-items: center;
    padding: 0 27% 9% 27%;
    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;
	}
}

.home4_page_content .drop1
{
	position: absolute;
    top: 60%;
	left: 16.75%;
	animation: drop1 5s linear infinite;
	z-index:-100;
}

.home4_page_content .drop1 img
{
	width: 16px;
}

/*Bottle drop from top*/
@keyframes drop1
{
	100% {
		top: 82%;
	  }
}


.home4_page_content .drop2
{
	position: absolute;
    top: 4%;
	left: 47.6%;
	animation: drop2 5s linear infinite;
	animation-delay: 5s;
	z-index:-100;
}

.home4_page_content .drop2 img
{
	width: 16px;
}

/*Bottle drop from top*/
@keyframes drop2
{
	100% {
		top: 25%;
	  }
}


.plants {
	width: 22%;
	position: absolute;
	opacity: 0;
	bottom: 0%;
	right: 9%;
  }

/*
.home4_page_content .plants
{
	position: absolute;
    bottom: 2%;
	right: 12%;
	animation: plants 2s linear infinite;
	z-index:-100;
}

.home4_page_content .plants img
{
	width: 82%;
}

@keyframes plants
{
	100% {
		bottom: 3.5%;
	  }
}*/

.home4_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;
	}
}

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

.home4_page_content .cow1 {
	position: absolute;
    top: 43%;
    left: 72%;
}

.home4_page_content .cow1 img
{
	width: 100px;
}

.home4_page_content .cow2 {
	position: absolute;
    top: 47%;
    left: 55%;
}

.home4_page_content .cow2 img
{
	width: 100px;
}

.home4_page_content .cow3 {
	position: absolute;
    top: 38%;
	left: 60%;
	transform: scaleX(-1);
}

.home4_page_content .cow3 img
{
	width: 100px;
}

.home4_page_content .cow4 {
	position: absolute;
    top: 53%;
	left: 67%;
	transform: scaleX(-1);
}

.home4_page_content .cow4 img
{
	width: 100px;
}

.home4_page_content .leaf {
	position: absolute;
    top: 74%;
    right: 36%;
}

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

.home4_page_content .leaf5 {
	position: absolute;
    top: 74%;
    left: 5%;
}

.home4_page_content .leaf5 img
{
	width: 70px;
	animation: leaf 5s linear infinite;
}

.home4_page_content .leaf6 {
	position: absolute;
    top: 27%;
    left: 75%;
}

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

.home4_page_content .leaf2 {
	position: absolute;
    top: 82%;
    right: 32%;
}

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

.home4_page_content .leaf3 {
	position: absolute;
    top: 80%;
	right: 40%;
	overflow: hidden;
}

.home4_page_content .leaf3 img
{
	width: 280px;
	animation: leaf3 5s linear infinite;
}

.home4_page_content .grass {
	position: absolute;
    top: 85%;
	left: 0%;
	overflow: hidden;
}

.home4_page_content .grass img
{
	width: 600px;
	animation: leaf3 5s linear infinite;
}

.home4_page_content .tree {
	position: absolute;
    top: 30%;
	left: 35%;
	z-index: -100;
	overflow: hidden;
}

.home4_page_content .tree img
{
	width: 250px;
	animation: tree 5s linear infinite;
}

.home4_page_content .tree2 {
	position: absolute;
    top: 2%;
	left: 62%;
	z-index: -100;
	overflow: hidden;
}

.home4_page_content .tree2 img
{
	width: 200px;
	animation: tree 5s linear infinite;
}

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

@keyframes leaf3
{ 
	0% 
	{ 
		transform:rotate(-2deg); 
	} 
	50% 
	{ 
		transform:rotate(2deg); 
	} 
	100% 
	{ 
		transform:rotate(-2deg); 
	} 
}

@keyframes tree 
{ 
	0% 
	{ 
		transform:rotate(-0.5deg); 
	} 
	50% 
	{ 
		transform:rotate(0.5deg); 
	} 
	100% 
	{ 
		transform:rotate(-0.5deg); 
	} 
}



