/*
 * Iran Map - SVG and Responsive.
 * Free and open source.
 * Version 1.1.0
 * By: MohammadReza Pourmohammad.
 * Email: mohammadrpm@gmail.com
 * Web: http://mrpm.ir
 */
#IranMap {
	display:block;
	position:relative;
	direction:rtl;
	text-align:center;
	padding:0;
	font-family:Tahoma;
	font-size:11px;
	width:90%;
	margin: auto;
}
#IranMap .show-title {
	display:none;
	position:absolute;
	background-color:#333;
	color:#fff;
	margin:0!important;
	padding:0 5px;
	text-align:center;
	line-height:26px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	opacity:.8
}
#IranMap .map {
	display:block;
	text-align: center;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none
}
#IranMap .map svg {
	height:350px;
	width:350px;
}
#IranMap .map .border path,#IranMap .map .island path {
	fill:#aaa
}
#IranMap .map .province path {
	fill:#fff;
}
#IranMap .map .sea path,#IranMap .map .lake path {
	fill:#9f9f9f
}
#IranMap .map .province path:hover,#IranMap .map .island path:hover,#IranMap .map .province path.hover,#IranMap .map .island path.hover {
	fill:#ff0000!important;
	cursor:pointer
}
#IranMap .list {
	display:block;
	float:right;
	width:50%
}
#IranMap .list ul {
	padding:0
}
#IranMap .list>ul {
	margin-left:10px
}
#IranMap .list li {
	list-style:none
}
#IranMap .list span {
	background:#242424;
	color:#ecf0f1;
	display:block;
	margin:0 2px;
	padding:0 8px;
	line-height:26px;
	margin-top:10px;
	margin-bottom:2px
}
#IranMap .list li ul li {
	display:block;
	float:right;
	width:33.33333333333333%
}
#IranMap .list li ul li a {
	background:#34495e;
	color:#ecf0f1;
	display:block;
	padding:0 8px;
	line-height:26px;
	margin:2px 2px;
	text-decoration:none
}
#IranMap .list li ul li a:hover,#IranMap .list li ul li a.hover {
	background:#c33a2c
}
#IranMap .list ul:before,#IranMap .list ul:after {
	display:table;
	content:" "
}
#IranMap .list ul,#IranMap .list ul:after {
	clear:both
}
#IranMap .city {
	clear:both;
	padding:10px 0
}
@media(max-width:930px) {
	#IranMap .list {
		width:50%
	}
}
@media(max-width:745px) {
	#IranMap .list li ul li {
		width:50%
	}
}
@media(max-width:515px) {
	#IranMap .list,#IranMap .map {
		width:100%
	}
	#IranMap .list li ul li {
		width:33.33333333333333%
	}
	#IranMap .list li ul li a {
		font-size:10px!important
	}
}
@media(max-width:515px) {
	#IranMap .list li ul li {
		width:50%
	}
}
@media(max-width:250px) {
	#IranMap .list li ul li {
		width:100%
	}
}