/***********************************************
	land_usage
***********************************************/

/**  
	1. tune star position
	2. change star size to 1.5%
	3. change pop-out-box max-size
**/
#land_usage_wrapper{
	padding: 0 3%;
}
#land_usage_wrapper h3{
	font-size:32px;
	font-weight:bold;
	margin-bottom:30px;
	text-align:center;
}
#land_usage_pic_bg{
	width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: -1;
}
#land_usage_hovers{
	width: 100%;height: 100%;
}
#land_usage_box{
	clear: both;
	position: relative;
	width: 100%;	
	height: 100%;
	position: relative;
	color: white;
	z-index: 1;
}
.land_usage_map_loading{
	display: block;
	width: 20%;
	margin: 44.697% auto;
}
.land_usage_map_complete{
	width: 100%;
	height: 100%;
}
.words_in_box{
	margin: 10px;
}
.landscape_class{
	background-color:transparent;
	/*background-image:url(../img/land_use/star.png);*/
	background-size: 100% 100%;
	position: absolute;
	height: 1.2%;
	width: 1.2%;
	z-index: 10;
	border:none;
	/*display: none;*/
}
.landscape_class:hover, .landscape_class:active{
	color: #ff9900;
}
.landscape_class p{
	color: white;
}
/*.landscape_class video{*/
	/*padding: auto;*/
	/*background-color: rgba(0,0,0,0.8);*/
/*}*/
/*.landscape_class video:fullscreen{*/
	/*padding: auto;*/
	/*background-color: rgba(0,0,0,0.8);*/
/*}*/
/*.landscape_class video:-moz-full-screen{*/
	/*padding: auto;*/
	/*background-color: rgba(0,0,0,0.8);*/
/*}*/
/*.landscape_class video:-webkit-full-screen{*/
	/*padding: auto;*/
	/*background-color: rgba(0,0,0,0.8);*/
/*}*/
/*.landscape_class video:-ms-fullscreen{*/
	/*padding: auto;*/
	/*background-color: rgba(0,0,0,0.8);*/
/*}*/
#landscape_1 {
	top: 65.2%;
	left: 53.3%;
}
#landscape_2 {
	top: 70.8%;
	left: 37.5%;
}

#landscape_3 {
	top: 70.5%;
	left: 39.5%;
}

/*#landscape_4 {*/
	/*top: 50.7%;*/
	/*left: 35.5%;*/
/*}*/

#landscape_5 {
	top: 75.3%;
	left: 38.75%;
}

#landscape_6 {
	top: 69.6%;
	left: 41.2%;
}

#landscape_7 {
	top: 70.9%;
	left: 43%;
}

#landscape_8 {
	top: 73%;
	left: 50%;
}

#landscape_9 {
	top: 80%;
	left: 51.85%;
}

#landscape_10 {
	top: 76%;
	left: 76%;
}
#landscape_11 {
	top: 55%;
	left: 52.5%;
}
#landscape_12 {
	top: 55%;
	left: 49.5%;
}
#landscape_13 {
	top: 70%;
	left: 70%;
}
#landscape_14 {
	top: 76.5%;
	left: 29%;
}
#landscape_15 {
	top: 70%;
	left: 35.45%;
}
#landscape_16 {
	top: 59%;
	left: 52.5%;
}
#landscape_17 {
	top: 70%;
	left: 57%;
}
#landscape_18 {
	top: 68%;
	left: 39.5%;
}
/*#landscape_19 {*/
	/*top: 71%;*/
	/*left: 67%;*/
/*}*/
#landscape_20 {
	top: 71%;
	left: 73.5%;
}
#landscape_21 {
	top: 65.5%;
	left: 38.8%;
}
#landscape_22 {
	top: 62%;
	left: 55%;
}
#landscape_23 {
	top: 44%;
	left: 39%;
}
#landscape_24 {
	top: 78.2%;
	left: 29%;
}
#landscape_25 {
	top: 75.5%;
	left: 29%;
}

/***********************************************
	pop up image
	demo:http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
***********************************************/

.thumbnail{
z-index: 1;
cursor: pointer;
	padding: 0;
}

.thumbnail:hover , .thumbnail:active{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	top: 0;
	left: 20px;
	position: absolute;
	background-color:#84d9a5;
	padding: 15px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	display: none;
	filter: drop-shadow(0 0 20px #000);
	-webkit-filter:  drop-shadow(0 0 20px #000);
	filter:progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offX=0, offY=0,blur=20);
	z-index: 11;
	cursor: default;
}

.thumbnail p{
	margin: 10px 0;
	font-size:22px;
}

.thumbnail span img{ /*CSS for enlarged image*/
width:400px;
border: 3px solid white;
}

.thumbnail:hover span , .thumbnail:active span{ /*CSS for enlarged image on hover*/
display: block;
}

.glyphicon-camera, .glyphicon-picture{
	text-shadow: 0 0 10px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, offX=0, offY=0, blur=10);
}