.nn-city-popup { position: absolute; width: 90%; left: 10%; margin-left: -5%; top: 5%; background: #fff; box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.3) !important; border-radius: 0; z-index: 99999; opacity: 1; }
.nn-city-popup-box { padding: 20px; }
.nn-city-popup-box p { font-size:20px; color:#000000; }
.nn-city-popup-box p a { font-size:20px; color:#000000; }
.nn-city-popup-box p.active a { font-weight:bold; }
.nn-city-popup-box p.active a:hover { text-decoration:none; }
.nn-city-popup-box .h1 { font-size:24px; font-weight:bold; margin-bottom: 10px; }
.nn-city-popup-flex { display:flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; }
.nn-city-popup-flex p { min-width: 49%; margin-bottom: 15px; flex: 0 0 49%; margin-right: 1%; }
.nn-city-popup-fade { display: none; }
.nn-city-popup-fade:before { content: ''; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 9999; }
.nn-city-popup-close { position: absolute; top: 10px; right: 15px; font-size: 40px; color:#000000; }
.nn-city-popup-close:hover { color:#000000; opacity:0.9; text-decoration:none; }

@media (min-width: 900px) {
	.nn-city-popup { width: 40%; left: 50%; margin-left: -20%; top: 150px; }
	.nn-city-popup-box { padding: 40px; }
	.nn-city-popup-box .h1 { font-size:30px; margin-bottom: 30px; }
	.nn-city-popup-flex p { min-width: 30%; margin-bottom: 20px; flex: 0 0 30%; margin-right: 3%; }
}

.nn-map-img.nn-effect-1 { padding: 10px; background: #FFFFFF; box-shadow: 0px 0px 10px 3px #7d7d7d45; transition: ease all 300ms; }
.nn-map-img.nn-effect-1:hover { transform: scale(1.03); } 
.nn-map-img .nn-map-img-relative { position:relative; }
.nn-map-img .nn-map-img-relative { position:relative; }
.nn-map-img .nn-map-img-items p { position:absolute; left:0; bottom:0; margin-bottom:0; transition: ease all 300ms; z-index:1; }
.nn-map-img .nn-map-img-items p>i { color:#FF0000; font-size:14px; }
.nn-map-img .nn-map-img-items p.current>i { color:#ff7000; transform: scale(1.3); }
.nn-map-img .nn-map-img-items p>a { position:absolute; left: 12px; top: -20px; width:250px; font-size:12px; line-height: 1.5; opacity:0; visibility:hidden; transition: ease all 300ms; background:#FFFFFF; padding:5px 10px; color:#111111; }
.nn-map-img .nn-map-img-items p.right>a { left:-250px; }
.nn-map-img .nn-map-img-items p>a>b { font-size:14px; }
.nn-map-img .nn-map-img-items p:hover { transform: translate3d(0,-5px,0); z-index:2; }
.nn-map-img .nn-map-img-items p:hover>a { visibility: visible; opacity:1; }

.nn-map-list { list-style: none; }
.nn-map-list > li.current { font-weight:bold; }
.nn-map-list > li { text-align: left; transition: ease all 300ms; }
.nn-map-list > li a { transition: ease all 300ms; }

.nn-map-list.nn-map-template-1 { max-height: 790px; overflow-y: scroll; }
.nn-map-list.nn-map-template-1 > li:hover a { margin-left: 10px; }

.nn-map-list.nn-map-template-2 { display: flex; flex-wrap: wrap; }
.nn-map-list.nn-map-template-2 > li { transition: ease all 100ms; background-color: var(--nn-subdomains-background); box-shadow: 0px 0px 15px 1px #c7c8c866; margin: 4px 4px; border-radius: var(--nn-subdomains-radius); }
.nn-map-list.nn-map-template-2 > li > a { display: flex; color: var(--nn-subdomains-color); padding: 8px 16px; transition: ease all 100ms; }
.nn-map-list.nn-map-template-2 > li:hover, .nn-map-list.nn-map-template-2 > li.current { background-color: var(--nn-subdomains-hover-background); color: var(--nn-subdomains-hover-color); font-weight:normal; }
.nn-map-list.nn-map-template-2 > li:hover > a, .nn-map-list.nn-map-template-2 > li.current > a { color: var(--nn-subdomains-hover-color); }

.nn-map-list.nn-map-template-4 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.nn-map-list.nn-map-template-4 > li { transition: ease all 0.2s; background-color: var(--nn-subdomains-background); box-shadow: 0px 0px 15px 1px #c7c8c866; margin: 4px 4px; }
.nn-map-list.nn-map-template-4 > li > a { display: flex; color: var(--nn-subdomains-color); padding: 8px 16px; transition: ease all 100ms; }
.nn-map-list.nn-map-template-4 > li:hover, .nn-map-list.nn-map-template-4 > li.current { background-color: var(--nn-subdomains-hover-background); color: var(--nn-subdomains-hover-color); font-weight:normal; }
.nn-map-list.nn-map-template-4 > li:hover { transform: translateY(-3px); }
.nn-map-list.nn-map-template-4 > li:hover > a, .nn-map-list.nn-map-template-4 > li.current > a { color: var(--nn-subdomains-hover-color); }

@media (min-width: 1169px) {
	.nn-map-list.nn-map-template-2 > li:hover { transform: scale(1.05); }
}

@media (max-width: 1459px) {
	.nn-map-list.nn-map-template-1 { max-height: 655px; }
	.nn-map-list.nn-map-template-2 > li > a { padding: 4px 12px; }
}
@media (max-width: 1169px) {
	.nn-map-list.nn-map-template-1 { max-height: 550px; }
}
@media (max-width: 990px) {
	.nn-map-list.nn-map-template-1 { display: flex; flex-wrap: wrap; max-height:unset; padding: 10px 50px; }
	.nn-map-list.nn-map-template-1 > li { display: block; width:25%; padding: 0 5px; }
}
@media (max-width: 880px) {
	.nn-map-list.nn-map-template-1 > li { width:33%; }
	.nn-map-list.nn-map-template-2 > li > a { padding: 2px 8px; }
}
@media (max-width: 680px) {
	.nn-map-list.nn-map-template-1 > li { width:50%; }
	
	.nn-map-img .nn-map-img-items p>a { width:160px; font-size:10px; padding:3px 6px; }
	.nn-map-img .nn-map-img-items p>a>b { font-size: 12px; }
	.nn-map-img .nn-map-img-items p.right>a { left:-160px; }
}
@media (max-width: 450px) {
	.nn-map-list.nn-map-template-1 { padding: 10px 20px; }
	.nn-map-list.nn-map-template-1 > li {  font-size:12px; line-height:1.5; }
	
	.nn-map-list.nn-map-template-2 > li { margin:2px 2px }
	.nn-map-list.nn-map-template-2 > li > a { padding: 0px 8px; font-size: 12px; }
	
	.nn-map-list.nn-map-template-4 > li { margin:2px 2px }
	.nn-map-list.nn-map-template-4 > li > a { padding: 0px 8px; font-size: 12px; }
}
@media (max-width: 350px) {
	.nn-map-img .nn-map-img-items p>a { width:120px; }
	.nn-map-img .nn-map-img-items p.right>a { left:-120px; }
}