/*@import url(font-awesome.min.css);
@import url(animation.css);*/
@import url(fontello.css);
@import url(fonts.css);

body { font-family: 'OpenSans'; }


/* popup */
.leaflet-popup-content h3 {  font-family: 'OpenSansCondensed-Bold' !important; letter-spacing:2px !important; font-size:14px !important; }
.leaflet-popup-content-wrapper { border-radius:0 !important; font-family: 'OpenSansCondensed-Bold' !important; }
.obj-type { padding-left:10px; margin-left:0px; border-left:solid 3px #f04e23; text-transform:uppercase; letter-spacing:1px !important; margin-top:10px; display:inline-block; color:#777; font-size:12px;  }

header {
    background: #2d2d2d;
	height:30px; }
#site-name,
#city-info{ line-height:30px; }
#logo img { height:20px; margin: 5px 0 0 5px;}

#logo { display:inline-block; float:left; }
#sitename-and-desc { display:inline-block; float:left;}

a#share-link:hover { color:#f04e23;}
a#about { line-height:26px;}
a#about:hover { box-shadow: inset 0 -1px #f04e23; }

#site-name { padding-left:10px; color:#fff; font-family: 'OpenSansCondensed-Bold'; font-size: 20px; letter-spacing: 2px; text-decoration:none; }
#city-info {float: right;color: #fff;margin-right: 5px;margin-top: 3px;height: 27px;font-size:12px;}
#city-name {font-weight:bold;color:#f04e23;}

#left { top:41px;}
#left {
	position: absolute;
    bottom: 10px;
	background:rgba(255,255,255,0.9);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
	height:139px;
 font-size:11px;  bottom:0; left:0; width:100px; padding:10px 5px; box-shadow:none; z-index:1001;}
.country-item { margin-bottom:7px; padding-bottom:7px; border-bottom:solid 1px #dedede; font-family: 'OpenSansCondensed-Bold'; letter-spacing:1px; cursor:pointer;}
.country-item:last-child { margin-bottom:0px; border-bottom:none; }
.country-item.active { background:#f04e23; color:#fff; border-bottom:solid 1px #f04e23; margin-left:-14px; margin-right:-6px; padding-left:14px; padding-right:14px; margin-top:-7px; padding-top:7px; } 
.country-item.country-hidden { color:#dedede; cursor:default; }
.leaflet-control-zoom { left: 110px; }
@media screen and (max-width: 520px) { 
	#header{height:60px;}
	#left { top:71px;}
	#city-info { float:left;margin-left:5px;}
}