/* UrbanATM Website Template
	uasanimation css
	(C) 2017 ConfidIT
	Hembergstr. 35
	D-27726 Worpswede
*/


/*	uas animation starts					*/

.animated
{
	position			: absolute;
	transition			: all 10s ease-in-out;
	-webkit-transition	: all 10s ease-in-out; /** Chrome & Safari **/
	-moz-transition		: all 10s ease-in-out; /** Firefox **/
	-o-transition		: all 10s ease-in-out; /** Opera **/
	z-index				: -3;
}


.animated img
{
	width				: 5vw;
}

.animationbox:hover .move-right-top
{
	transform			: translate(1700px,-1700px);
	-webkit-transform	: translate(1700px,-1700px); /** Chrome & Safari **/
	-o-transform		: translate(1700px,-1700px); /** Opera **/
	-moz-transform		: translate(1700px,-1700px); /** Firefox **/
}

.animationbox:hover .move-right-top.climb
{
	transform			: translate(1700px,-1700px) scale(3);
	-webkit-transform	: translate(1700px,-1700px) scale(3); /** Chrome & Safari **/
	-o-transform		: translate(1700px,-1700px) scale(3); /** Opera **/
	-moz-transform		: translate(1700px,-1700px) scale(3); /** Firefox **/
}

.animationbox:hover .move-right-top.descent
{
	transform			: translate(1700px,-1700px) scale(0.1);
	-webkit-transform	: translate(1700px,-1700px) scale(0.1); /** Chrome & Safari **/
	-o-transform		: translate(1700px,-1700px) scale(0.1); /** Opera **/
	-moz-transform		: translate(1700px,-1700px) scale(0.1); /** Firefox **/
}

.animationbox:hover .move-right
{
	transform			: translate(2000px,0px);
	-webkit-transform	: translate(2000px,0px); /** Chrome & Safari **/
	-o-transform		: translate(2000px,0px); /** Opera **/
	-moz-transform		: translate(2000px,0px); /** Firefox **/
}

.animationbox:hover .move-right-bottom
{
	transform			: translate(1700px,1700px);
	-webkit-transform	: translate(1700px,1700px); /** Chrome & Safari **/
	-o-transform		: translate(1700px,1700px); /** Opera **/
	-moz-transform		: translate(1700px,1700px); /** Firefox **/
}

.animationbox:hover .move-right-bottom.climb
{
	transform			: translate(1700px,1700px) scale(3);
	-webkit-transform	: translate(1700px,1700px) scale(3); /** Chrome & Safari **/
	-o-transform		: translate(1700px,1700px) scale(3); /** Opera **/
	-moz-transform		: translate(1700px,1700px) scale(3); /** Firefox **/
}

.animationbox:hover .move-right-bottom.descent
{
	transform			: translate(1700px,1700px) scale(0.1);
	-webkit-transform	: translate(1700px,1700px) scale(0.1); /** Chrome & Safari **/
	-o-transform		: translate(1700px,1700px) scale(0.1); /** Opera **/
	-moz-transform		: translate(1700px,1700px) scale(0.1); /** Firefox **/
}

.animationbox:hover .move-left-bottom
{
	transform			: translate(-1700px,1700px);
	-webkit-transform	: translate(-1700px,1700px); /** Chrome & Safari **/
	-o-transform		: translate(-1700px,1700px); /** Opera **/
	-moz-transform		: translate(-1700px,1700px); /** Firefox **/
}

.animationbox:hover .move-left-bottom.climb
{
	transform			: translate(-1700px,1700px) scale(3);
	-webkit-transform	: translate(-1700px,1700px) scale(3); /** Chrome & Safari **/
	-o-transform		: translate(-1700px,1700px) scale(3); /** Opera **/
	-moz-transform		: translate(-1700px,1700px) scale(3); /** Firefox **/
}

.animationbox:hover .move-left-bottom.descent
{
	transform			: translate(-1700px,1700px) scale(0.1);
	-webkit-transform	: translate(-1700px,1700px) scale(0.1); /** Chrome & Safari **/
	-o-transform		: translate(-1700px,1700px) scale(0.1); /** Opera **/
	-moz-transform		: translate(-1700px,1700px) scale(0.1); /** Firefox **/
}

.animationbox:hover .move-left
{
	transform			: translate(-2000px,0px);
	-webkit-transform	: translate(-2000px,0px); /** Chrome & Safari **/
	-o-transform		: translate(-2000px,0px); /** Opera **/
	-moz-transform		: translate(-2000px,0px); /** Firefox **/
}


#uas01
{
	top					: 100vh;
	left				: 2vw;
}

#uas02
{
	top					: 130vh;
	left				: 25vw;
}

#uas03
{
	top					: 0px;
	left				: 15vw;
}

#uas04
{

	top					: 50vh;
	display: none;
}

#uas05
{

	top					: 50vh;
	display: none;
}

#uas06
{

	top					: 50px;
	display: none;
}

#uas07
{

	top					: 50px;
	display: none;
}

#uas08
{

	top					: 50px;
	display: none;
}



















/*	uas animation ends						*/