#wrapper{
				position:relative;
				margin-left:15%;
				margin-right:15%;
				left:10px;
				top:0px;
				width:calc(100vw - 20px);
				height:calc( 100vh - 100px);
				min-height:450px;			
				max-width:1024px;
				max-height:700px;
				background:#FFF;
				overflow:hidden;
				
				-webkit-box-shadow:  0px 0px 0px 3px #005BE5;
				-moz-box-shadow:  0px 0px 0px 3px #005BE5;
				box-shadow:  0px 0px 0px 3px #005BE5;

			}
			
			@media only screen and ( max-width: 540px ) {
				
				#wrapper{
					left:0px;
					width:100vw;
					height:450px;
					margin-left:0px;
					margin-right:0px;
				}
				
			}

			#world_container{
				position:absolute;	
				left:0px;
				top:0px;
				width:100%;
				background:#FFF;
				text-align: center;
				min-width:540px;
				border:solid 3px rgba(0,0,0,0);

			}
			
			#world{
				position:absolute; 
				top:0px;
				left:0px; 
				width:100%;
			}
			
			.hotspot{
				position:absolute; 
				
				top:0px;
				left:0px; 

				width:10px;
				height: 10px;
				border-radius: 10px;
				
				background: #FFF;	
				border:solid 2px #444;
				z-index:2000;		
				
				-webkit-box-shadow:  0px 0px 0px 3px rgba(196,196,196,1);
				-moz-box-shadow:  0px 0px 0px 3px rgba(196,196,196,1);
				box-shadow:  0px 0px 0px 3px rgba(196,196,196,1);
			}
			
			#city_target_label{
				position:absolute; left:0px; top:-30px; text-align:center; 
				font-family: "ManropeRegular";  width:auto; white-space: nowrap;
				color:#333;
				font-size:14px;
				background:#FFF;
				border:solid 2px #FFF;
				padding-left: 8px;
				padding-right:8px;
				display:none;
			}
			
			#building_container{
				position:absolute;	
				left:0px;
				bottom:0px;
				width:100%;
				padding:10px;
				padding-left:5px; 
				padding-right:0px; 
				padding-bottom:5px;
				height:auto;
				background:#FFF;
				text-align: center;
				z-index: 4000;
				
			}
						
			.building{
				position:relative;	
				margin:0px;
				padding:0px;
				/*width:calc( 100% / 10 );
				height:100px;
				min-width:110px;*/
				width:54px;
				height:54px;
				border:solid 2px rgba(255,255,255,0);
				display: block;
				float:left;
				transition: all .1s ease-in;
				background:#CCC;
				background-repeat: no-repeat !important;
			}
			
			.transition{
				transition: all .1s ease-in;
			}
			
			.building:hover{
				opacity:1;
				transform: scale(1.4);
				border:solid 2px rgba(255,255,255,1);
				z-index:1000;
				-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4); 	
				-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4); 	 
				box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4); 	
			}
			
			.building_active{
				border:solid 2px #005BE5;
				transition: none;
				 pointer-events:none;
				z-index:1;
			}

			.city_ok{
				background:green !important;
				border-color:white !important;
			}
			
			.city_notok{
				background:red !important;
				border-color:white !important;
			}
			
			.building_ok{
				border-color:green !important;
			}
			
			.building_notok{
				border-color:red !important;
			}
			
			.polaroid{
				position:absolute;
				-webkit-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); 
				-moz-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); 
				box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); 	
				z-index:4000;
				opacity:0;
				width:180px;
				height:130px;
				border:solid 5px #FFF;
				border-top:solid 25px #FFF; 
				border-bottom:solid 30px #FFF;
				pointer-events: auto;
				
				z-index: 50000000000;
				background-size:100% 100%; 
			}
			
			.polaroid > img{
				width:27px;
				position:absolute;
				right:-9px;
				top:-22px;
				cursor: pointer;
			}

			.city_name{
				position:absolute;
				font-family: "ManropeRegular";
				white-space: nowrap;
				top:-30px;
				left:0px;
				width:auto;
				color:#333;
				font-size:14px;
				background:#FFF;
				border:solid 2px #FFF;
				padding-left: 8px;
				padding-right:8px;
				/*text-shadow: 1px 1px 3px rgba(0,0,0,0.9);*/
				text-align: center;
				z-index: 600000;
			}
			
			.city_name_building{
				position:absolute;
				font-family: "ManropeBold";
				bottom:55px;
				left:-2px;
				width:52px;
				padding:3px;
				color:#333;
				font-size:9px;
				line-height:11px;
				/*text-shadow: 1px 1px 3px rgba(0,0,0,0.9);*/
				border:solid 0px red;
				text-align: center;
				z-index: 600000;
				background:#FFF;
				display:none;
			}
			
			#target{
				position:absolute;
				top:-2px; 
				z-index:2000; 
				width:0px; 
				height:0px; 
				border:solid 0px #FFF;  
				border-radius:20px; 
				background:rgba(0,0,0,0); 
				-webkit-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); 
				-moz-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); 
				box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); 
				color:#FFF; 
				font-size:14px; 
				font-weight:400; 	
			}
			
			#description_container, #top_background{
				position:absolute;
				left:0px;
				top:0px;
				width:100%;
				min-height:140px;
				background:#FFFFFF;
				color:#333;
				font-size:13px;
				display:none;	
				padding:10px; 
				z-index:0;
				text-align: left;
			}
			
			@media only screen and ( max-width: 1120px ) {


			}
			
			
			@media only screen and ( max-width: 540px ) {

				.hotspot{

					width:7px;
					height: 7px;
					border-radius:5px;
		
				}
				
				.building{

					width:40px;
					height:40px;
				
				}
				
				#world_container{
					/*left:-45px;	
					width:calc( 100% + 45px );*/
				}
							

			}
			
			#info_button{
				position:absolute;
				right:10px; 
				top:-33px;	
				width:25px;
				cursor:pointer;
			}
			
			#follower{
				position:absolute;
				left:0px;
				top:150px;
				width:5px;
				height:5px;
				background:red;	
				opacity:0;
				pointer-events: none;
				z-index: 10000000000;
			}