/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 1100px) {
	/*Desktop*/
	div.mainmapwrapper{position:absolute; width:100%; height:100%; overflow:hidden;}
	
	div.mainmapgovheaderwrap{float:left; width:100%; padding:6px 15px 4px 15px; background-color:#f0f0f0; }
	div.mainmapgovheaderbox{float:left;}
	div.mainmapgovheaderbox img{float:left;width:15px; height:auto; margin:0px 6px 0px 0px;}
	div.mainmapgovheaderbox span{float:left; margin:0px 0px 0px 0px; font-size:12px; color:#484848;}

	div.mainmapnavwrap{float:left; width:100%; padding:5px 15px 0px 15px;}
	div.mainmapnavbox{float:left;}
	div.mainmapnavlogo{float:left;}
	div.mainmapnavlogo img{width:auto; height:30px;}

	/*Desktop Footer*/
	div.mainmapfooterwrapshow{bottom:0px !important ;transition: bottom 0.2s ease-out;}
	div.mainmapfooterwrap{position:absolute; bottom:-70px; left:0px; width:100%; color:#FFFFFF;padding:15px 0px 15px 0px; margin:0px 0px 0px 0px; font-size:14px;background-color:#3b3f42;transition: bottom 0.2s ease-out ;}
	div.mainmapfooterwrap a{color:#FFFFFF; text-decoration:none;}
	div.mainmapfooterwrap a:hover{color:#FFFFFF; text-decoration:underline;}
	div.mainmapfooterbox{position:relative; width:1100px; margin:0 auto; }
	div.mainmapfooterbox h1{font-size:18px;margin:0px 0px 5px 0px;}

	div.mainmapfooterleftcol{float:left; width:50%;}
	div.mainmapfooterleftcol a.subscribebtn {float:left; color:#FFFFFF; background-color:#000000; text-decoration:none; font-size:16px; font-weight:bold;  margin:20px 0px 0px 0px; padding:10px 20px 10px 20px; transition:all 0.2s ease-out;}
	div.mainmapfooterleftcol a.subscribebtn:hover{background-color:#804c2f; color:#FFF; transition:all 0.2s ease-out; }

	div.mainmapfooterfullcol{float:left; width:100%; padding:10px 0px 10px 0px; margin:10px 0px 0px 0px; border-top:solid 1px #FFFFFF;  }
	div.mainmapfooterbottomleftcol{float:left; width:70%;}
	div.mainmapfooterbottomleftcol ul{padding:0px; margin:0px; list-style:none;}
	div.mainmapfooterbottomleftcol li{float:left;margin:0px 50px 0px 0px; list-style:none;}
	div.mainmapfooterbottomrightcol{float:left;width:30%; text-align:right;font-size:14px;}	

	div.mainmapfootershowhidebtn{position:absolute; top:15px; right:25px;}
	div.mainmapfootershowhidebtn img{width:25px; height:auto;}


	/*Desktop Map Wrapper*/
	div.mainmapwrapper{float:left; position:relative; width:100%;overflow:hidden;}
	div.mainmapbox{position:absolute; top:0px; left:0px; display:block;}
	img.mainmapbase{width:2500px !important; height:auto; opacity:0.6;}
	
	/*Desktop Map Menu button*/
	div.mainmapmenuicon a{position:fixed; left:20px; top:100px; padding:10px 10px 10px 10px; background-color:#f2f2f2;}
	div.mainmapmenuicon img{width:25px; height:auto;}

	div.mainmapmenubox{position:fixed;top:0px; width:300px; height:100%; padding:20px; background-color:#FFFFFF; overflow-y:scroll; }
	div.mainmapmenuboxopen{left:0px; transition:all 0.2s;  }
	div.mainmapmenuboxclose{left:-300px; transition:all 0.2s; }
	
	a.mainmapmenuboxbtn{float:left;width:100%; padding:10px 15px 10px 15px; margin:0px 0px 5px 0px; text-decoration:none; background-color:#333; color:#FFF;}
	a.mainmapmenuboxbtn:hover,a.mainmapmenuboxbtn:visited{color:#FFFFFF;}
	
	div.mainmapmenubox::-webkit-scrollbar {width:10px;}
	div.mainmapmenubox::-webkit-scrollbar-track {background:#f1f1f1;}
	div.mainmapmenubox::-webkit-scrollbar-thumb {background:#888;}
	div.mainmapmenubox::-webkit-scrollbar-thumb:hover {background: #555;}
	div.mainmapmenuboxbg{display:none;position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:#000000; opacity:0;}

}

/* ==========================================================================
   Tablet - Mobile
   ========================================================================== */
@media (min-width: 479px) and (max-width: 1099px){
	
}
@media (min-width: 0px) and (max-width: 480px){
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 1099px){
	/*Mobile*/
	div.mainmapwrapper{position:absolute; width:100%; height:100%; overflow:hidden;}

	div.mainmapgovheaderwrap{float:left; width:100%; padding:6px 3% 4px 3%;  background-color:#f0f0f0;}
	div.mainmapgovheaderbox{float:left; width:100%;}
	div.mainmapgovheaderbox img{float:left;width:15px; height:auto; margin:0px 6px 0px 0px;}
	div.mainmapgovheaderbox span{float:left; margin:0px 0px 0px 0px; font-size:12px;}

	div.mainmapnavwrap{float:left; width:100%; padding:5px 3% 0px 3%;}
	div.mainmapnavbox{float:left; width:100%;}
	div.mainmapnavlogo{float:left;}
	div.mainmapnavlogo img{width:auto; height:25px;}

	/*Mobile - Footer*/
	div.mainmapfooterwrapshow{bottom:0px !important ;transition: bottom 0.2s ease-out;}
	div.mainmapfooterwrap{position:absolute; bottom:-190px; left:0px; width:100%; padding:15px 3% 15px 3%; background-color:#3b3f42; font-size:14px;transition: bottom 0.2s ease-out;}
	div.mainmapfooterwrap a{color:#FFFFFF; text-decoration:none;}
	div.mainmapfooterwrap a:hover{color:#FFFFFF; text-decoration:underline;}
	div.mainmapfooterbox{float:left; width:100%; }
	div.mainmapfooterbox h1{font-size:18px; margin:0px 0px 10px 0px; }

	div.mainmapfooterleftcol{float:left; width:100%;  margin:0px 0px 0px 0px; color:#FFFFFF;}
	div.mainmapfooterleftcol a.subscribebtn {float:left;  color:#FFFFFF; background-color:#000000; text-decoration:none; font-size:16px; font-weight:bold; margin:15px 0px 0px 0px; padding:10px 20px 10px 20px; transition:all 0.2s ease-out;}
	div.mainmapfooterleftcol a.subscribebtn:hover{background-color:#804c2f; color:#FFF; transition:all 0.2s ease-out; }

	div.mainmapfooterfullcol{float:left; width:100%;  margin:0px 0px 0px 0px; padding:15px 0px 0px 0px; border-top:solid 1px #FFFFFF;  }
	div.mainmapfooterbottomleftcol{float:left; width:100%; margin:0px 0px 10px 0px;}
	div.mainmapfooterbottomleftcol ul{padding:0px; margin:0px; list-style:none;}
	div.mainmapfooterbottomleftcol li{float:left; width:100%; margin:0px 0px 15px 0px; list-style:none;}
	div.mainmapfooterbottomrightcol{float:left;width:100%; margin:0px 0px 0px 0px;font-size:14px; color:#FFFFFF; }	

	div.mainmapfootershowhidebtn{position:absolute; top:15px; right:3%;}
	div.mainmapfootershowhidebtn img{width:25px; height:auto;}

	/*Mobile Map Wrapper*/
	div.mainmapwrapper{float:left; position:relative; width:100%; overflow:hidden;}
	div.mainmapbox{position:absolute; top:0px; left:0px;}
	img.mainmapbase{width:2500px !important; height:auto;opacity:0.6;}
	
	
	/*Mobile Map Menu button*/
	div.mainmapmenubtn{position:absolute; top:100px; left:20px; width:150px;}
	div.mainmapmenubtn a{float:left;width:100%; padding:10px 15px 10px 15px; margin:0px 0px 5px 0px; text-decoration:none; background-color:#333; color:#FFF;}

	/*Mobile Map Menu button*/
	div.mainmapmenuicon a{position:fixed; left:20px; top:100px; padding:10px 10px 10px 10px; background-color:#f2f2f2;}
	div.mainmapmenuicon img{width:25px; height:auto;}
	
	div.mainmapmenubox{position:fixed; top:0px; width:70%; height:100%; padding:20px; background-color:#FFFFFF; overflow-y:scroll; }
	div.mainmapmenuboxopen{left:0px; transition:all 0.2s;  }
	div.mainmapmenuboxclose{left:-70%; transition:all 0.2s; }
	
	a.mainmapmenuboxbtn {float:left;width:100%; padding:10px 15px 10px 15px; margin:0px 0px 5px 0px; text-decoration:none; background-color:#333; color:#FFF;}
	a.mainmapmenuboxbtn:hover,a.mainmapmenuboxbtn:visited{color:#FFFFFF;}
	
	div.mainmapmenubox::-webkit-scrollbar {width:10px;}
	div.mainmapmenubox::-webkit-scrollbar-track {background:#f1f1f1;}
	div.mainmapmenubox::-webkit-scrollbar-thumb {background:#888;}
	div.mainmapmenubox::-webkit-scrollbar-thumb:hover {background: #555;}
	div.mainmapmenuboxbg{display:none;position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:#999; opacity:0;}

}

/* ==========================================================================
   Share CSS
   ========================================================================== */
div.mainmapitem1 {position:absolute; top:-50px; left:350px; z-index:120; cursor:pointer;}
div.mainmapitem1 img{ width:250px; height:auto;}
	
div.mainmapitem2 {position:absolute; top:420px; left:1100px; z-index:120; cursor:pointer;}
div.mainmapitem2 img{ width:250px; height:auto;}

div.mainmapitem3 {position:absolute; top:100px; left:1600px; z-index:120; cursor:pointer;}
div.mainmapitem3 img{ width:250px; height:auto;}

.mainmapcolorred{background-color:#DE3349 !important;}
.mainmapcolorgreen{background-color:#54B948 !important;}
.mainmapcolorblue{background-color:#4DAAC8 !important;}