/* CSS Document */

.item_map {
	position:relative;
	background:#efefef;
	max-width:1420px;
	width:100%;
	transition: all 0.5s;
	font-family:Arial, Helvetica, sans-serif;
}


.item_map .maps {
	width:100%;
	height:auto;
}

.hotspot-item {
position: absolute;
	transform:scale(100%);
}

.hotspot-item.stores {
	width: 11px;
	height: 11px;
	background: transparent;
	border-radius: 100%;
	border: 2px solid #000;
	transition: all 0.5s;
	display: block;
}

.hotspot-item.stores:after {
	content:"";
	display: block;
	background: #000;
	width: 5px;
	height: 5px;
	margin: 0 auto;
	margin: 3px;
	border-radius: 100%;
}

.mobile .hotspot-item.stores {
width: 22px;
height: 22px;
}

.mobile .hotspot-item.stores:after {
	width: 8px;
	height: 8px;
	margin: 7px;
}

.hotspot-item.production {
	width: 11px;
	height: 11px;
	background: transparent;
	border-radius: 100%;
	border: 2px solid #000;
	transition: all 0.5s;
	display:block;
}

.mobile .hotspot-item.production {
	width: 22px;
	height: 22px;
}

.hotspot-item:hover {
	
}

.item_map .item_1 {top: 33.7%;left: 34.5%}
.item_map .item_2 {top:46.3%;left:41.2%}
.item_map .item_3 {top: 48.7%;left: 42.2%}
.item_map .item_4 {top: 45.3%;left: 39%}
.item_map .item_5 {top: 42.7%;left: 38.25%}
.item_map .item_6 {top: 38.2%;left: 37.1%}
.item_map .item_7 {top: 35.5%;left: 36.9%}
.item_map .item_8 {top: 34.3%;left: 37.7%}
.item_map .item_9 {top: 31.8%;left: 38.6%}
.item_map .item_10 {top: 33.6%;left: 39.8%}
.item_map .item_11 {top: 30.6%;left: 39.8%}
.item_map .item_12 {top: 33.4%;left: 43.7%}
.item_map .item_13 {top: 51.4%;left: 47%}

.item_map .item_15 {top: 77%;left: 18.1%}
.item_map .item_16 {top: 75.6%;left: 23.5%}
.item_map .item_17 {top: 62.3%;left: 40.7%}
.item_map .item_18 {top: 81.4%;left: 61.5%}
.item_map .item_19 {top: 57.4%;left: 56.1%}
.item_map .item_21 {top: 77.5%;left: 53.1%}
.item_map .item_23 {top: 68%;left: 57%}
.item_map .item_20 {top: 80.9%;left: 62.1%}


.item_map .maps_mobile {
	display:none;
}

@media only screen and (min-width:100px) and (max-width:980px) {
	.item_map .maps_desktop	{
		display:none;
	}
	
	.item_map .maps_mobile {
		display:block;
	}
	
	.hotspot-item.stores:after {
		width: 5px;
		height: 5px;
		margin: 3px;
	}
		
	.hotspot-item.production {
		width: 10px;
		height: 10px;
	}

	.item_map .item_1 {top: 17.1%;left: 39%}
	.item_map .item_2 {top: 32.3%;left: 52.3%}
	.item_map .item_3 {top: 35.7%;left: 54.2%}
	.item_map .item_4 {top: 32.3%;left: 48.2%}
	.item_map .item_5 {top: 28.2%;left: 46.5%}
	.item_map .item_6 {top: 22.8%;left: 44.2%}
	.item_map .item_7 {top: 20.1%;left: 43.9%}
	.item_map .item_8 {top: 18.3%;left: 45.4%}
	.item_map .item_9 {top: 14.3%;left: 47.3%}
	.item_map .item_10 {top: 17.1%;left: 49.6%}
	.item_map .item_11 {top: 12.5%;left: 49.5%}
	.item_map .item_12 {top: 16.8%;left: 57.4%}
	.item_map .item_13 {top: 38.5%;left: 63.9%}


    .item_map .item_15 {top: 68%;left: 4.8%}
    .item_map .item_16 {top: 64.7%;left: 14.6%}
    .item_map .item_17 {top: 52.4%;left: 51.3%}
    .item_map .item_18 {top: 70.7%;left: 90.7%}
    .item_map .item_19 {top: 42%; left: 82%}
	.item_map .item_21 {top: 66.5%;left: 74.1%}
	.item_map .item_23 {top: 56%;left: 82%}
	.item_map .item_20 {top: 68.9%;left: 90.1%}

	/*
    .item_map .item_22 {top: 62.5%;left: 6.4%;}
    .item_map .item_14 {top: 74.8%;left: 5.7%}    
    .item_map .item_20 {top: 67.9%;left: 94.1%}
    */
}