/* ----------------------------------------*/
/* Bubble Animation */

div#Animation
{
	height: 350px;
	width: 150px;
	/*width: 242px;*/
	position: absolute;
	right: 50px;
	top: -10px;
	z-index: 25;
}

@media only screen and (min-width : 768px) and (max-width : 1159px)
{
	div#Animation
	{
		right: auto;
		left: auto;
        right: 80px;
        top: 100px;
	}
}


@media only screen and (max-width : 767px)
{
	div#Animation
	{
        top: 80px;
		right: 50px;
		left: auto;
	}

    div#Animation img {max-width: 100%; max-height: 100%;}
}


div#Animation div#BubbleGross1
{
	margin-top: 200px;
	opacity: 0;
	position: absolute;
	z-index: 500;
}

div#Animation div#BubbleGross2
{
	margin-top: 0px;
	opacity: 0;
	position: absolute;
	z-index: 600;
}


div#Animation div.ThermeAnimation
{
	margin-top: 200px;
	right: 200px;
	opacity: 0;
	position: absolute;
	z-index: 500;
}