@charset "UTF-8";
/* CSS Document */



html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}

ul {
	list-style: none;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background-color: rgba(245,245,245,1);
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.loading {
	position: fixed;
	left: 0px;
	top: -47px;
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
	z-index: 9999;
	background: url(../images/loading.gif) center no-repeat #fff;
	background-size: 140px auto;
}

.revealing {
	width: 0;
	height: 100%;
	background-color: rgba(245,245,245,1);
	
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 40;
	
	-moz-animation-name: revealing_slide;
    -moz-animation-iteration-count: 1;
    -moz-animation-duration: 5s;

    -webkit-animation-name: revealing_slide;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 5s;

    animation-name: revealing_slide;
    animation-iteration-count: 1;
    animation-duration: 5s;
}

@-moz-keyframes revealing_slide {
0% {
	left: 14%;
	width: 86%;
}

100% {
	left: 100%;
	width: 0;
}
}

@-webkit-keyframes revealing_slide {
0% {
	left: 14%;
	width: 86%
}

100% {
	left: 100%;
	width: 0;
}
}

@keyframes revealing_slide {
0% {
	left: 14%;
	width: 86%
}

100% {
	left: 100%;
	width: 0;
}
}

.logotype {
	position: fixed;
	bottom: 0;
	left: 6%;
	margin-bottom: 0px;
	z-index: 101;
}

.logotype img {
	width: 70px;
}

.menu {
	width: 100%;
	height: 50px;
	background-color: rgba(51,51,51,1);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.menu a {
	text-decoration: none;
	color: rgba(255,255,255,1);
}

.menu ul {
	list-style: none;
	width: 400px;
	position: absolute;
	right: 0;
	margin-right: -30px;
	padding-top: 10px;
}

.menu ul li {
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 35px;
	color: rgba(255,255,255,1);
	float: left;
	margin-left: 30px;
}

.menu ul li:hover {
	color: rgba(175,223,224,1);
}

.process_submenu {
	display: none;
	
	width: 460px;
	height: 50px;
	background-color: rgba(51,51,51,1);
	position: fixed;
	bottom: 0;
	right: 0;
	margin-bottom: 50px;
	z-index: 100;
}

.process_submenu a {
	text-decoration: none;
	color: rgba(255,255,255,1);
}

.process_submenu ul {
	list-style: none;
	width: 460px;
	padding-top: 10px;
}

.process_submenu ul li {
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 35px;
	color: rgba(255,255,255,1);
	float: left;
	margin-left: 30px;
}

.process_submenu ul li:hover {
	color: rgba(175,223,224,1);
}


.container {
	
}

.categories_list {
	position: absolute;
	width: 82%;
	margin-left: 18%;
	margin-top: 50px;
	margin-bottom: 100px;
	z-index: 50;
}

.categories_map {
	display: none;
	
	position: absolute;
	width: 82%;
	margin-left: 18%;
	margin-top: 50px;
	margin-bottom: 100px;
	z-index: 50;
}

.categories_network {
	display: none;
	
	position: absolute;
	width: 82%;
	margin-left: 18%;
	margin-top: 50px;
	margin-bottom: 100px;
	z-index: 50;
}



.categories_box {
	width: 17%;
	height: 50px;
	float: left;
	margin: 12px;
	color: rgba(255,255,255,1);
	cursor: pointer;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.categories_box h2 {
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 15px;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 18px;
}

.category_cinema {
	background-color: rgba(188,105,88,1);
}

.category_cinema:hover {
	background-color: rgba(188,105,88,0);
	border-bottom: 4px solid rgba(188,105,88,1);
	color: rgba(40,40,40,1);
}

.category_cultural {
	background-color: rgba(100,129,166,1);
}

.category_cultural:hover {
	background-color: rgba(100,129,166,0);
	border-bottom: 4px solid rgba(100,129,166,1);
	color: rgba(40,40,40,1);
}

.category_garden {
	background-color: rgba(255,207,105,1);
}

.category_garden:hover {
	background-color: rgba(255,207,105,0);
	border-bottom: 4px solid rgba(255,207,105,1);
	color: rgba(40,40,40,1);
}

.category_museum {
	background-color: rgba(77,194,195,1);
}

.category_museum:hover {
	background-color: rgba(77,194,195,0);
	border-bottom: 4px solid rgba(77,194,195,1);
	color: rgba(40,40,40,1);
}

.category_sport {
	background-color: rgba(133,135,138,1);
}

.category_sport:hover {
	background-color: rgba(133,135,138,0);
	border-bottom: 4px solid rgba(133,135,138,1);
	color: rgba(40,40,40,1);
}



.view_options {
	position: fixed;
	margin-top: 62px;
	margin-left: 6%;
	z-index: 30;
}

.view_options_box {
	width: 70px;
	height: 50px;
	margin-bottom: 15px;
	
	background-color: rgba(70,70,70,1);
	color: rgba(255,255,255,1);
	cursor: pointer;
}

.view_options_box:hover {
	background-color: rgba(100,100,100,1);
	color: rgba(255,255,255,1);
}

.view_options_box h2 {
	position: absolute;
	width: 70px;
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 14px;
	letter-spacing: 1px;
	padding-top: 10px;
	text-align: center;
	
}

.view_all_on_map {
	display: block;
}

.view_all_as_list {
	display: none;
}




.view_cinema_on_map {
	display: none;
	border-bottom: 15px solid rgba(188,105,88,1);
}

.view_cultural_on_map {
	display: none;
	border-bottom: 15px solid rgba(100,129,166,1);
}

.view_garden_on_map {
	display: none;
	border-bottom: 15px solid rgba(255,207,105,1);
}

.view_museum_on_map {
	display: none;
	border-bottom: 15px solid rgba(77,194,195,1);
}

.view_sport_on_map {
	display: none;
	border-bottom: 15px solid rgba(133,135,138,1);
}





.view_cinema_as_list {
	display: none;
	border-bottom: 15px solid rgba(188,105,88,1);
}

.view_cultural_as_list {
	display: none;
	border-bottom: 15px solid rgba(100,129,166,1);
}

.view_garden_as_list {
	display: none;
	border-bottom: 15px solid rgba(255,207,105,1);
}

.view_museum_as_list {
	display: none;
	border-bottom: 15px solid rgba(77,194,195,1);
}

.view_sport_as_list {
	display: none;
	border-bottom: 15px solid rgba(133,135,138,1);
}





.view_cinema_network {
	display: none;
	border-bottom: 15px solid rgba(188,105,88,1);
}

.view_cultural_network {
	display: none;
	border-bottom: 15px solid rgba(100,129,166,1);
}

.view_garden_network {
	display: none;
	border-bottom: 15px solid rgba(255,207,105,1);
}

.view_museum_network {
	display: none;
	border-bottom: 15px solid rgba(77,194,195,1);
}

.view_sport_network {
	display: none;
	border-bottom: 15px solid rgba(133,135,138,1);
}



.projects {
	position: absolute;
	width: 82%;
	height: 1200px;
	margin-left: 18%;
	margin-top: 200px;
}

.projects_box {
	width: 17%;
	height: 70px;
	background-color: rgba(245,245,245,0);
	float: left;
	margin: 12px;
	color: rgba(40,40,40,1);
	cursor: pointer;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.projects_box h2 {
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 18px;
	text-align: center;
	margin-top: 20px;
}


.projects_box h2 span {
	font-size: 11px;
}

.cinema {
	border-bottom: 4px solid rgba(188,105,88,1);
}

.cinema:hover {
	background-color: rgba(188,105,88,1);
	color: rgba(255,255,255,1);
}

.cinema_disable {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}

.cinema_disable:hover {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}

.cultural {
	border-bottom: 4px solid rgba(100,129,166,1);
}

.cultural:hover {
	background-color: rgba(100,129,166,1);
	color: rgba(255,255,255,1);
}

.cultural_disable {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}

.cultural_disable:hover {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}


.garden {
	border-bottom: 4px solid rgba(255,207,105,1);
}

.garden:hover {
	background-color: rgba(255,207,105,1);
	color: rgba(255,255,255,1);
}

.garden_disable {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}

.garden_disable:hover {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}


.museum {
	border-bottom: 4px solid rgba(77,194,195,1);
}

.museum:hover {
	background-color: rgba(77,194,195,1);
	color: rgba(255,255,255,1);
}

.museum_disable {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}

.museum_disable:hover {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}


.sport {
	border-bottom: 4px solid rgba(133,135,138,1);
}

.sport:hover {
	background-color: rgba(133,135,138,1);
	color: rgba(255,255,255,1);
}

.sport_disable {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}

.sport_disable:hover {
	background-color: rgba(245,245,245,1);
	color: rgba(40,40,40,1);
}







.map {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -10;
	overflow: hidden;
}

.map img {
	width: 1500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -650px;
	margin-left: -600px;
	z-index: -10;
}









/*_____________________ CINEMA ITEMS ON MAP _____________________*/


.cinema_items_map {
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 10px 0 10px;
	border-color: rgba(188,105,88,1) transparent transparent transparent;
	/*z-index: 30;*/
	cursor: pointer;
	
	filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-webkit-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-moz-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-ms-filter: drop-shadow(0 0px 4px rgba(0,0,0,0.3));
}

.mediateque {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -20px;
}

.raga {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -60px;
	margin-left: -60px;
}

.imax {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -120px;
}

.azadi {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: 200px;
}

.cinematograph {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: 100px;
}

.javaneh {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 150px;
	margin-left: 60px;
}

.mellat {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -60px;
	margin-left: 130px;
}

.razi {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 90px;
	margin-left: 80px;
}

.tamasha {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 120px;
	margin-left: -10px;
}

.zendegi {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 20px;
	margin-left: -100px;
}



.mediateque_title,
.raga_title,
.imax_title,
.azadi_title,
.cinematograph_title,
.javaneh_title,
.mellat_title,
.razi_title,
.tamasha_title,
.zendegi_title {
	display: none;
	width: 200px;
	height: 30px;
	background-color: rgba(188,105,88,1);
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 12px;
	color: rgba(255,255,255,1);
	letter-spacing: 1px;
	line-height: 14px;
	text-align: center;
	margin-top: -63px;
	margin-left: -100px;
	padding-top: 4px;
}


.mediateque_title span,
.raga_title span,
.imax_title span,
.azadi_title span,
.cinematograph_title span,
.javaneh_title span,
.mellat_title span,
.razi_title span,
.tamasha_title span,
.zendegi_title span {
	font-size: 11px;
}







/*_____________________ CULTURAL ITEMS ON MAP _____________________*/



.cultural_items_map {
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 10px 0 10px;
	border-color: rgba(100,129,166,1) transparent transparent transparent;
	z-index: 30;
	cursor: pointer;
	
	filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-webkit-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-moz-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-ms-filter: drop-shadow(0 0px 4px rgba(0,0,0,0.3));
}

.iranmall {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -5px;
	margin-left: -530px;
}

.alborz {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: -30px;
}

.azadiparking {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: 190px;
}

.cityhall {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: 220px;
}

.saba {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: 250px;
}

.neynava {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 110px;
	margin-left: 100px;
}

.quran {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	margin-left: 210px;
}

.eyvanshams {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: 140px;
}

.barg {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -90px;
	margin-left: 270px;
}

.aban {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 100px;
	margin-left: 300px;
}

.cinemacafe {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -90px;
	margin-left: 120px;
}

.honarhall {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -45px;
	margin-left: 240px;
}

.iranshahr {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 20px;
	margin-left: 210px;
}

.khavaran {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 10px;
	margin-left: 360px;
}

.neighborhall {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 20px;
	margin-left: -130px;
}

.alzahra {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: 110px;
}

.fakhrodoleh {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 50px;
	margin-left: 220px;
}

.sarv {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: -60px;
}

.bookgarden {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -90px;
	margin-left: 220px;
}

.cemetry {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 200px;
	margin-left: 400px;
}


.iranmall_title,
.alborz_title,
.azadiparking_title,
.cityhall_title,
.saba_title,
.neynava_title,
.quran_title,
.eyvanshams_title,
.barg_title,
.aban_title,
.cinemacafe_title,
.honarhall_title,
.iranshahr_title,
.khavaran_title,
.neighborhall_title,
.alzahra_title,
.fakhrodoleh_title,
.sarv_title,
.bookgarden_title,
.cemetry_title {
	display: none;
	width: 200px;
	height: 30px;
	background-color: rgba(100,129,166,1);
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 12px;
	color: rgba(255,255,255,1);
	letter-spacing: 1px;
	line-height: 14px;
	text-align: center;
	margin-top: -63px;
	margin-left: -100px;
	padding-top: 4px;
}


.iranmall_title span,
.alborz_title span,
.azadiparking_title span,
.cityhall_title span,
.saba_title span,
.neynava_title span,
.quran_title span,
.eyvanshams_title span,
.barg_title span,
.aban_title span,
.cinemacafe_title span,
.honarhall_title span,
.iranshahr_title span,
.khavaran_title span,
.neighborhall_title span,
.alzahra_title span,
.fakhrodoleh_title span,
.sarv_title span,
.bookgarden_title span,
.cemetry_title span {
	font-size: 11px;
}







/*_____________________ GARDEN ITEMS ON MAP _____________________*/



.garden_items_map {
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 10px 0 10px;
	border-color: rgba(255,207,105,1) transparent transparent transparent;
	z-index: 30;
	cursor: pointer;
	
	filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-webkit-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-moz-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-ms-filter: drop-shadow(0 0px 4px rgba(0,0,0,0.3));
}

.velayat {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 110px;
	margin-left: 65px;
}

.baghferdos {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -110px;
	margin-left: 110px;
}

.khordad {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 120px;
	margin-left: 75px;
}

.health {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -220px;
}

.madar {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 110px;
	margin-left: -30px;
}


.ferdosi {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -140px;
	margin-left: 140px;
}

.neshat {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -65px;
	margin-left: 200px;
}



.velayat_title,
.baghferdos_title,
.khordad_title,
.health_title,
.madar_title,
.ferdosi_title,
.neshat_title {
	display: none;
	width: 200px;
	height: 30px;
	background-color: rgba(255,207,105,1);
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 12px;
	color: rgba(255,255,255,1);
	letter-spacing: 1px;
	line-height: 14px;
	text-align: center;
	margin-top: -63px;
	margin-left: -100px;
	padding-top: 4px;
}



.velayat_title span,
.baghferdos_title span,
.khordad_title span,
.health_title span,
.madar_title span,
.ferdosi_title span,
.neshat_title span {
	font-size: 11px;
}





/*_____________________ MUSEUM ITEMS ON MAP _____________________*/



.museum_items_map {
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 10px 0 10px;
	border-color: rgba(77,194,195,1) transparent transparent transparent;
	z-index: 30;
	cursor: pointer;
	
	filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-webkit-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-moz-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-ms-filter: drop-shadow(0 0px 4px rgba(0,0,0,0.3));
}

.motahari {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	margin-left: 160px;
}

.qasr {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: 270px;
}

.defense {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -90px;
	margin-left: 190px;
}

.shariati {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: 120px;
}

.water {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: 180px;
}

.chamran {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 60px;
	margin-left: 250px;
}

.music {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -110px;
	margin-left: 80px;
}

.iranianart {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	margin-left: 110px;
}



.motahari_title,
.qasr_title,
.defense_title,
.shariati_title,
.water_title,
.chamran_title,
.music_title,
.iranianart_title {
	display: none;
	width: 200px;
	height: 30px;
	background-color: rgba(77,194,195,1);
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 12px;
	color: rgba(255,255,255,1);
	letter-spacing: 1px;
	line-height: 14px;
	text-align: center;
	margin-top: -63px;
	margin-left: -100px;
	padding-top: 4px;
}


.motahari_title span,
.qasr_title span,
.defense_title span,
.shariati_title span,
.water_title span,
.chamran_title span
.music_title span,
.iranianart_title span {
	font-size: 11px;
}



/*_____________________ SPORT ITEMS ON MAP _____________________*/



.sport_items_map {
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 10px 0 10px;
	border-color: rgba(133,135,138,1) transparent transparent transparent;
	z-index: 30;
	cursor: pointer;
	
	filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-webkit-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-moz-filter: drop-shadow(0 0px 2px rgba(0,0,0,0.3));
	-ms-filter: drop-shadow(0 0px 4px rgba(0,0,0,0.3));
}

.imamrezacomplex {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -145px;
	margin-left: 350px;
}

.sourian {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	margin-left: 320px;
}

.imamrezastadium {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 130px;
	margin-left: -50px;
}

.qamarbanihashem {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 80px;
	margin-left: 330px;
}

.banuyeaftab {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 30px;
	margin-left: -200px;
}

.neighborhoods {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 200px;
	margin-left: 100px;
}

.ararat {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: 120px;
}

.kosar {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 50px;
	margin-left: 300px;
}

.majidieh {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -60px;
	margin-left: 330px;
}

.women {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: -200px;
}

.tohid {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: 30px;
}



.imamrezacomplex_title,
.sourian_title,
.imamrezastadium_title,
.qamarbanihashem_title,
.banuyeaftab_title,
.neighborhoods_title,
.ararat_title,
.kosar_title,
.majidieh_title,
.women_title,
.tohid_title {
	display: none;
	width: 200px;
	height: 30px;
	background-color: rgba(133,135,138,1);
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 12px;
	color: rgba(255,255,255,1);
	letter-spacing: 1px;
	line-height: 14px;
	text-align: center;
	margin-top: -63px;
	margin-left: -100px;
	padding-top: 4px;
}


.imamrezacomplex_title span,
.sourian_title span,
.imamrezastadium_title span,
.qamarbanihashem_title span,
.banuyeaftab_title span,
.neighborhoods_title span,
.ararat_title span,
.kosar_title span,
.majidieh_title span,
.women_title span,
.tohid_title span {
	font-size: 11px;
}






/*_____________________ PROJECT DESCRIPTIONS _____________________*/


.projects_close {
	width: 25px;
	height: 25px;
	margin-top: 20px;
	margin-left: 10px;
	cursor: pointer;
}

.close_line_one {
	width: 20px;
	border-bottom: solid 4px rgba(40,40,40,1);
	
	-moz-transform: rotate(45deg);  
	-o-transform: rotate(45deg);  
	-webkit-transform: rotate(45deg);  
	-ms-transform: rotate(45deg);  
	transform: rotate(45deg);
}

.close_line_two {
	width: 20px;
	border-bottom: solid 4px rgba(40,40,40,1);
	margin-top: -3.5px;

	
	-moz-transform: rotate(-45deg);  
	-o-transform: rotate(-45deg);  
	-webkit-transform: rotate(-45deg);  
	-ms-transform: rotate(-45deg);  
	transform: rotate(-45deg);
}


.description_iranmall,
.description_alborz,
.description_azadiparking,
.description_cityhall,
.description_saba,
.description_neynava,
.description_quran,
.description_eyvanshams,
.description_barg,
.description_aban,
.description_cinemacafe,
.description_artcenter,
.description_iranshahr,
.description_khavaran,
.description_neighborhall,
.description_bookgarden,
.description_cemetry,
.description_alzahra,
.description_fakhrodoleh,
.description_sarv {
	width: 17%;
	height: 100%;
	background-color: rgba(245,245,245,1);
	border-right: 4px solid rgba(100,129,166,1);
	
	position: fixed;
	left: -17.5%;
	top: 0;
	z-index: 102;
	
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
}

.description_mediateque,
.description_raga,
.description_imax,
.description_azadi,
.description_cinematograph,
.description_javaneh,
.description_mellat,
.description_razi,
.description_tamasha,
.description_zendegi {
	width: 17%;
	height: 100%;
	background-color: rgba(245,245,245,1);
	border-right: 4px solid rgba(188,105,88,1);
	
	position: fixed;
	left: -17.5%;
	top: 0;
	z-index: 102;
	
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
}

.description_velayat,
.description_baghferdos,
.description_khordad,
.description_health,
.description_madar,
.description_ferdosi,
.description_neshat {
	width: 17%;
	height: 100%;
	background-color: rgba(245,245,245,1);
	border-right: 4px solid rgba(255,207,105,1);
	
	position: fixed;
	left: -17.5%;
	top: 0;
	z-index: 102;
	
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
}

.description_motahari,
.description_qasr,
.description_defense,
.description_shariati,
.description_water,
.description_chamran,
.description_music,
.description_iranianart {
	width: 17%;
	height: 100%;
	background-color: rgba(245,245,245,1);
	border-right: 4px solid rgba(77,194,195,1);
	
	position: fixed;
	left: -17.5%;
	top: 0;
	z-index: 102;
	
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
}

.description_imamrezacomplex,
.description_sourian,
.description_imamrezastadium,
.description_qamarbanihashem,
.description_banuyeaftab,
.description_neighborhoods,
.description_ararat,
.description_kosar,
.description_majidieh,
.description_womensportcomplex,
.description_tohid {
	width: 17%;
	height: 100%;
	background-color: rgba(245,245,245,1);
	border-right: 4px solid rgba(133,135,138,1);
	
	position: fixed;
	left: -17.5%;
	top: 0;
	z-index: 102;
	
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
}

.projects_title {
	position: absolute;
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	color: rgba(40,40,40,1);
	margin-top: 25px;
	margin-left: 10px;
}

.projects_text {
	position: absolute;
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 20px;
	color: rgba(40,40,40,1);
	margin-top: 60px;
	margin-left: 10px;
}

.projects_image {
	width: 100%;
}

/*.projects_map {
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0;
	border-top: 1px solid rgba(40,40,40,1);
}*/


/*.projects_chart {
	position: absolute;
	width: 100%;
	margin-top: 250px;
	border-bottom: 1px solid rgba(200,200,200,1);
}*/


/*.projects_chart img {
	width: 100%;
}*/
















.cinema_items_network {
	display: none;
}

.cinema_items_network img {	
	width: 320px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -110px;
	margin-top: -70px;
}


.cultural_items_network {
	display: none;
}

.cultural_items_network img {	
	width: 490px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -120px;
	margin-top: -62px;
}


.garden_items_network {
	display: none;
}

.garden_items_network img {	
	width: 623px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -210px;
	margin-top: -110px;
}


.museum_items_network {
	display: none;
}

.museum_items_network img {	
	width: 192px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 89px;
	margin-top: -80px;
}


.sport_items_network {
	display: none;
}

.sport_items_network img {	
	width: 550px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -190px;
	margin-top: -116px;
}