#obj1 {
    left: 98px;
    top: 115px;
    width: 209px;
    height: 188px;
}
#obj2 {
    left: 371px;
    top: 115px;
    width: 209px;
    height: 188px;
}
#obj3 {
    left: 646px;
    top: 115px;
    width: 209px;
    height: 188px;
}
#obj4 {
    left: 233px;
    top: 315px;
    width: 209px;
    height: 188px;
}
#obj5 {
    left: 507px;
    top: 315px;
    width: 209px;
    height: 188px;
}

img.qbox {
    position: absolute;
    left: 95px;
    top: 19px;
    width: 757px;
    height: 70px;
}

img.square {
    position: absolute;
    left: 30px;
    top: 20px;
    width: 65px;
    height: 68px;
}
div.qno {
    position: absolute;
    left: 27px;
    top: 32px;
    width: 65px;
    height: 59px;
    font-size: 3em;
    color:rgb(89,13,34) ;
    font-weight: bold;  
}
div.qboxText {
    position: absolute;
    left: 120px; 
    top:33px;
    text-align: center; 
    font-size: 2.7em; 
    font-weight: bold;  
    width:700px;
    color:rgb(89,13,34) ;
}

img.unicorn {
    position: absolute;
    left: 490px;
    top: 180px;
    width: 298px;
    height: 298px;
}
img.title {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 561px;
    height: 426px;
}
img.playButton {
    position: absolute;
    left: 724px;
    top: 438px;
    width: 192px;
    height: 82px;
}

#home {
    left: 847px;
    top: 440px;
    width: 65px;
    height: 58px;
}
img.music {
    position: absolute;
	left: 31px;
    top: 460px;
    width: 65px;
    height: 58px;
}
img.textBox {
    position: absolute;
    left: 570px;
    top: 80px;
    width: 361px;
    height: 379px;
}
img.cloud1 {
    position: absolute;
    left: 46px;
    top: 207px;
    width: 475px;
    height: 276px;
    z-index: 1;
}
img.cloud2 {
    position: absolute;
    left: 192px;
    top: 348px;
    width: 351px;
    height: 121px;
    z-index: 3;
}
img.taketest {
    position: absolute;
    left: 730px;
    top: 468px;
    width: 176px;
    height: 58px;
    z-index: 10;
}
img.invite {
    position: absolute;
    left: 509px;
    top: 468px;
    width: 201px;
    height: 59px;
}
img.post {
    position: absolute;
    left: 730px;
    top: 468px;
    width: 201px;
    height: 59px;
}
img.dragon {
    position: absolute;
    left: 60px;
    top: 91px;
    width: 344px;
    height: 351px;
    z-index: 2;
}
img.unicorn1 {
    position: absolute;
    left: 60px;
    top: 81px;
    width: 415px;
    height: 342px;
    z-index: 2;
}
img.phoenix {
    position: absolute;
    left: 60px;
    top: 40px;
    width: 450px;
    height: 380px;
    z-index: 2;
}
img.ninetailfox {
    position: absolute;
    left: 60px;
    top: 81px;
    width: 322px;
    height: 309px;
    z-index: 2;
}
img.mermaid {
    position: absolute;
    left: 60px;
    top: 81px;
    width: 475px;
    height: 278px;
    z-index: 2;
}

div.calculating {
/*    position: absolute;
    left: 330px;
    top: 265px;
    width: 160px;
    height: 70px;
    font-size: 2.5em;
    font-weight: bold;
    color:rgb(89,13,34) ;*/
    left: 280px;
    top: 265px;
    width: 160px;
    height: 70px;
/*    -webkit-text-stroke: 2px black;*/
    color: white;
    font-size: 4em;
    -webkit-animation: loaderAnimation 2s infinite alternate;
}

@-webkit-keyframes loaderAnimation{
    from {text-shadow: 0 0 0 black;}
    to {text-shadow: 0 0 20px black;}

}

img#placeImage {
    left:450px;top:270px;
    -webkit-animation:showloading 1s infinite alternate;
}
@-webkit-keyframes showloading {
    0%{left: 0px;}
    16.66% {left: 0px;}
    16.67% {left: -50px;}
    33.32% {left: -50px;}
    33.33% {left: -100px;}
    49.99% {left: -100px;}
    50% {left: -150px;}
    66.66% {left: -150px;}
    66.67% {left: -50px;}
    83.32% {left: -50px;}
    83.33% {left: 100px;}
    100% {left: -100px;}
}


/*.heart{
    -webkit-animation: pumping 0.75s infinite;
}

@-webkit-keyframes pumping{
    0% {-webkit-transform: scale(0.6);}
    45% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(0.6);}
    90% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(0.6);}
    
     0% {-webkit-transform: scale(0.3);}
    45% {-webkit-transform: scale(0.7);}
    50% {-webkit-transform: scale(0.3);}
    90% {-webkit-transform: scale(0.7);}
    100% {-webkit-transform: scale(0.3);}
}*/

.heart{
    
    -webkit-animation: pumping 0.75s infinite;
}

@-webkit-keyframes pumping{
    /*0% {-webkit-transform: scale(0.6);}
    45% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(0.6);}
    90% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(0.6);}*/
    
     0% {-webkit-transform: scale(0.3);}
    45% {-webkit-transform: scale(0.7);}
    50% {-webkit-transform: scale(0.3);}
    90% {-webkit-transform: scale(0.7);}
    100% {-webkit-transform: scale(0.3);}
}


div.foot {
    position: absolute;
    left: 300px;
    top: 265px;
    width: 132px;
    height: 36px;
    
}

div.anim { 
    top: 100px;
    left: 50px;
    
/*    -webkit-animation:loadfoot 3s infinite;*/
}
 
/*@-webkit-keyframes loadfoot {*/
/*    0% {left:0px}*/
/*    10% {left:-42px)}
    30% {left:-84px}
    60% {left:-127px}
    90% {left:-42px)}
    100% {left:-84px}*/
/*    60% {left:-127px}
    70% {left:-42px)}
    80% {left:-84px}
    90% {left:-127px}
    100% {left:-42px)}*/

/*    0% { background : url(assets/f1.png)}
    50% { background : url(assets/f2.png)}
    100% { background : "url(assets/f3.png)"}*/
/*0% {left: 0px;}
    16.66% {left: 0px;}
    16.67% {left: -50px;}
    33.32% {left: -50px;}
    33.33% {left: -100px;}
    49.99% {left: -100px;}
    50% {left: -150px;}
    66.66% {left: -150px;}
    66.67% {left: -50px;}
    83.32% {left: -50px;}
    83.33% {left: 100px;}
    100% {left: -100px;}*/
/*    0% { left:100px;top:100px;}
    50% { left:150px;top:150px;background-image:url("assets/f2.png");}
    100% { left:200px;top:200px;background-image:url("assets/f3.png");}*/
/*}*/





.object.found{
    opacity: 0;
    -webkit-transform: scale(1);
    z-index: 10px;
}
.object{
    position: absolute;
   -webkit-animation: objectAnimation 0.25s 1 linear;
}

@-webkit-keyframes objectAnimation{
    from {-webkit-transform: scale(0);}
    to {-webkit-transform: scale(1);}
}


#titleGlobe{
    -webkit-animation : rotate 0.5s linear 1;
}

@-webkit-keyframes-rotate {
    from {
        -webkit-transform :rotate(0deg);
    }
    to {
        -webkit-transform : rotate(360deg);
    }
}

#title {
    top :4px;
    left :279px;
    width: 300px;
    height: 200px;
}
.hudCircle {
    top :30px;
    left :62px;
}
.hudImg {
    left: 95px; 
    top:19px;
}
#hudText {
    left: 10px; 
    top:93px; 
    font-size: 2.4em; 
    font-weight: bold;  
    width:629px;
    color:white;
}
#resultHome {
    left: 847px;
    top: 440px;
    width: 100px;
    height: 95px;
    
}
.stext1 {
    left: 50px; 
    top:200px; 
    font-size: 2.4em; 
    font-weight: bold;  
    width:655px;
    color:white;
    text-align: center;
}
.eye {
    left: 30px;
    top: 10px;
    width: 700px;
    height: 35px;
}


#proLoader{
    -webkit-text-stroke: 2px black;
    color: white;
    font-size: 4em;
    -webkit-animation: loaderAnimation 2s infinite alternate;
}

@-webkit-keyframes loaderAnimation{
    from {text-shadow: 0 0 0 black;}
    to {text-shadow: 0 0 20px black;}
}



.textButton{
    -webkit-transition: -webkit-transform 0.4s;
}

.grow{
    -webkit-transform: scale(1.2);
}

img.footall {
    position: absolute;
    left: 0px;
    top: 200px;
    width: 960px;
    height: 197px;
    -webkit-transform: translateX(-1300px);
    -webkit-transition: -webkit-transform 3s;
}
    


	
	.glowSize {
		width:273px;
		height:145px;
		-webkit-transform:scale(1.1);
		
		
	}
	.glowMute {
			width:101px;
		height:95px;
	-webkit-transform:scale(1.5);
	}