#nav a,
		#nav a:hover 
		{
			color: #333333;
			text-decoration: none;
			
               		border-radius: 10px;	
	}

		 #nav a
		{
			
			-webkit-transition: color .3s ease;
			-moz-transition: color .3s ease;
			-ms-transition: color .3s ease;
			-o-transition: color .3s ease;
			transition: color .3s ease;
		}	

	

		#nav
		{
			//width: 60em; /* 1000 */
			font-family: B Nazanin, tahoma, sans-serif;
			font-weight: 400;
			position: fixed !important;
			top: 35px !important;
               		right: 4vw;
			direction:rtl;
			font-family:B Nazanin, tahoma ;
			font-size:18px;
			width:725px;
			z-index:9999999999999999;
		}

			#nav > a
			{
				display: none;
			}
#nav > ul {
	margin-top:0px;


}
			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #333333;
					display: inline-block;
				}
				#nav li a:active
				{
					background-color: #CCC !important;
				}

			.zird:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #454545;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				left: -0.313em; /* 5 */
			}
			.zird:after:hover
			{
				border-top-color: #fbfbfb;

			}
			/* first level */

			#nav > ul
			{
				//height: 3.75em; /* 60 */
				//background-color: #e15a1f;
			}
				#nav > ul > li
				{
					width: auto;
					height: 100%;

					float: right;
				}
					#nav > ul > li > a , .border-zir
					{
						height: 100%;
						font-size: 18px; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center !important;
						padding:0px 15px;
						font-weight:bold;
						cursor:pointer;
						color: #333333;
						 font-family: B Nazanin !important;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							//border-left: 1px solid #cc470d;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						, .border-zir:hover
						{
							background-color: #f6f6f6;
						    	border-radius: 10px;

						}


				/* second level */
				.ul-shahrdari span{
					text-align:right !important;
					
					}
				#nav li ul
				{
				background:url(/parameters/mashhad/themes/saman/images//far/mashhad/tem94.10/menu-top/menu_21.png);
			     	background-repeat:repeat;
			     	border-radius: 5px;
				display: none;
				position: absolute;
				top: 100%;
				width:725px;
				-webkit-box-shadow:2px 1px 2px 1px rgba(0, 0, 0, 0.39) !important;
				-moz-box-shadow: 2px 1px 2px 1px rgba(0, 0, 0, 0.39) !important;
				box-shadow:2px 1px 2px 1px rgba(0, 0, 0, 0.39) !important;
					
				}
				
				.ul-shahrdari	/*#nav li ul*/
				{
				background:url(/parameters/mashhad/themes/saman/images//far/mashhad/tem94.10/menu-top/menu_21.png);
			     	background-repeat:repeat;
			     	border-radius: 5px;
				display: none;
				position: absolute;
				top: 100%;
				width:450px !important;
				-webkit-box-shadow:2px 1px 2px 1px rgba(0, 0, 0, 0.39) !important;
				-moz-box-shadow: 2px 1px 2px 1px rgba(0, 0, 0, 0.39) !important;
				box-shadow:2px 1px 2px 1px rgba(0, 0, 0, 0.39) !important;
				padding:20px !important;
					
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							right: 1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							padding: 0.75em; /* 15 (20) */
						}
						.ul-shahrdari li a
						{
							font-size: 1.25em; /* 20 */
							padding: 0 10px !important; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #f6f6f6;
								border: 1px #999C98 solid;
								
							}

				.zir-menu-mashhad{
					text-align:right;
					
					}
					.zir-menu-shardari-b{
					text-align:right;
					
					}
				.zir-menu-mashhad div{
					display:block;
					text-align:right;
					
					}
					.zir-menu-shardari-b div{
					display:block;
					text-align:right;
					width:185px ;
					
					}
				.zir-menu-shardari-b div img{
					width:120px;
					
				}
				
				.zir-menu-mashhad span {
  				  display: block;
	    		  padding: 5px ;
				  font-size: 18px;
                  font-weight: bold;
				}
				.zir-menu-shardari-b span {
  				  display: block;
	    		  //padding: 5px ;
				  font-size: 18px;
                  font-weight: bold;
				}
				@-webkit-keyframes hvr-ripple-out {
				  100% {
				    top: -12px;
				    right: -12px;
				    bottom: -12px;
				    left: -12px;
				    opacity: 0;
						}
					}

				@keyframes hvr-ripple-out {
				  100% {
				    top: -12px;
				    right: -12px;
				    bottom: -12px;
				    left: -12px;
				    opacity: 0;
					  }
					}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  padding:10px;
  border-radius:5px;

}

.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #C9C9C9 solid 2px;
  border-radius:5px;
  top: 0;
  right: 0;

  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;

}

}
/**************/
	
	
		
		 #nav a,
		#nav a:hover 
		{
			color: #333333;
			text-decoration: none;
			
               		border-radius: 10px;	
	}

		 #nav a
		{
			
			-webkit-transition: color .3s ease;
			-moz-transition: color .3s ease;
			-ms-transition: color .3s ease;
			-o-transition: color .3s ease;
			transition: color .3s ease;
		}	

	

		#nav
		{
			//width: 60em; /* 1000 */
			font-family: B Nazanin, tahoma, sans-serif;
			font-weight: 400;
			position: absolute;
			top: 15px;
               		right: 4vw;
			direction:rtl;
			font-family:B Nazanin, tahoma ;
			font-size:18px;
			width:600px;
			z-index:9999999999999999;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #333333;
					display: inline-block;
				}
				
				.ul-shahrdari li a
				{
					color: #333333;
					display: block !important;
				}
				#nav li a:active
				{
					background-color: #CCC !important;
				}

			.zird:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #454545;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				left: -0.313em; /* 5 */
			}
			.zird:after:hover
			{
				border-top-color: #fbfbfb;

			}
			/* first level */

			#nav > ul
			{
				//height: 3.75em; /* 60 */
				//background-color: #e15a1f;
			}
				#nav > ul > li
				{
					width: auto;
					height: 100%;

					float: right;
				}
					#nav > ul > li > a , .border-zir
					{
						text-align: right !important;
						height: 100%;
						font-size: 18px; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center !important;
						padding:0px 15px;
						font-weight:bold;
						cursor:pointer;
						color: #333333;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							//border-left: 1px solid #cc470d;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						, .border-zir:hover
						{
							background-color: #f6f6f6;
						    	border-radius: 10px;
						}


				/* second level */

				#nav li ul
				{
				background:url(/parameters/mashhad/themes/saman/images//far/mashhad/tem94.10/menu-top/menu_21.png);
			     	background-repeat:repeat;
			     	border-radius: 0px 5px 5px;
				display: none;
				position: absolute;
				top: 100%;
				width:725px;
					
					
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							right: 1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #f6f6f6;
							}

				.zir-menu-mashhad{
					text-align:right;
					
					}
					.zir-menu-shardari-b{
					text-align:right;
					
					}
				.zir-menu-mashhad div{
					display:block;
					text-align:center;
					
					}
					
				.zir-menu-mashhad div img{
					width:101px;
					height:82px;
					display:inline-block !important;
					}
				.zir-menu-shardari-b div img{
					width:120px;
					display:inline-block !important;
					}
				
				
				.zir-menu-mashhad span {
  				  display: block;
	    		  padding: 5px ;
				  font-size: 18px;
                  font-weight: bold;
				}
				.zir-menu-shardari-b span {
  				  display: block;
	    		 // padding: 5px ;
				  font-size: 18px;
                  font-weight: bold;
				}
				.div-menu-img-shahrdari{
					border-right: 1px solid #a8a6a9;
					text-align: center !important;
					vertical-align: top;
					//padding-right: 62px;
					margin: 36px 35px 10px 0;
					}

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  padding:10px;
  border-radius:5px;

}

.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #C9C9C9 solid 2px;
  border-radius:5px;
  top: 0;
  right: 0;

  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;

}

}
	
@media screen and (min-width: 651px) and (max-width: 1050px){
		
			#nav
			{
				width: 100%;
				position: fixed;
				margin: 0;
				top:40px;
			}
				.container {
                                display: inline-block;
                                cursor: pointer;
                          }
	                   #nav li a
				{
					color: #333333;
					display:block !important;
				}

			#nav > ul {
					background:#d4d4d4;
			     		background-repeat:repeat;
				     	border-radius: 0px 5px 5px;
					display: none;
					position: absolute;
					top: 100%;
					width:40%;
					margin: 10px 0px ;
					padding: 0;
				}	
		 #nav > ul > li:not( :last-child ) > a  {
				    border-right: none;
				//    border-bottom: 1px solid #004a96 !important;
				}
.zir-menu-shardari-b div{
					display:block;
					text-align:center;
					width: 100% 
					}
		.border-zir{
				padding: 0px 10px;
			        border-right: none;
			        border-bottom: 1px solid #004a96 !important;
  				font-size: 18px;
				line-height: 2.5em;
				font-weight: bold;
				text-align: right !important;
				width: 97.5% !important;
				background:none !important;
				color:#333333 !important;
				}
				#nav > ul > li > a, .border-zir {
 					   text-align: right !important;

				}
		 #nav a,
		#nav a:hover
		{
			color: #333333;
			text-decoration: none;
       			border-radius: 0px;	
		}

		#nav li ul {
		        width:90%;
			position: static;
			background:none;
		}
		.zir-menu-mashhad div img , .zir-menu-shardari-b img{

			display:none !important;
		}
		#nav > ul > li:hover > a,
		#nav > ul:not( :hover ) > li.active > a,
		.border-zir:hover
		{
			background-color: #173B68 !important;
			color:#fff !important;
			border-radius: 0px;
		}

		.zir-menu-mashhad span ,  .zir-menu-shardari-b span{
		      color: #fff;
    		      text-align: right;
    		      padding: 0;
                      line-height: 25px;
                      border-bottom: 1px #3379c1 solid;
		

		}
		.zir-menu-mashhad ,  .zir-menu-shardari-b {
			margin-botoom:5px;
		}
		.zir-menu-mashhad span:hover , .zir-menu-shardari-b span:hover{
		    color: #333333 !important;
		    text-align: right;

		}
		.zir-menu-mashhad span:hover, .zir-menu-shardari-b span:hover {
    color: #333 !important;
}
}

		@media only screen and ( max-width: 1050px) 
		{
			html
			{
				font-size: 75%; /* 12 */
			}

				#nav
			{
				width: 100%;
				position: fixed;
				margin: 0;
				top:40px;
			}
				.container {
                      display: inline-block;
                      cursor: pointer;
               }
.zir-menu-shardari-b div{
					display:block;
					text-align:center;
					width: 100%;
					}
                 #nav li a
				{
					color: #333333;
					display:block;
				}

#nav > ul > li > a, .border-zir {
 					   text-align: right !important;

				}
				#nav > a {
    background: rgba(0, 0, 0, 0) url("/parameters/mashhad/themes/saman/images//far/mashhad/tem94.10/menu-top.png") no-repeat scroll 0 0 / 100% 70%;
    height: 47px;
    position: relative;
    text-align: right;
    text-indent: -9999px;
    width: 47px;
}
					/* #nav > a:before		{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					    position: absolute;
						border: 2px solid #999;
						left: 25%;
						right: 25%;
						content: '';

					}
					*/
				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */
				#nav:target > ul
				{
					display: block;

				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: right !important;
						padding: 0 0.833em; /* 20 (24) */
						padding:0px 10px;
					}
						


				/* second level */

					#nav li a
				{
					color: #333333;
					display: block;
				}
			#nav > ul {
				background:#d4d4d4;
		     		background-repeat:repeat;
			     	border-radius: 0px 5px 5px;
				display: none;
			        position: static;
			 	top: 100%;
				width:90% !important;
				margin: 10px 0px ;
				padding: 0;
-webkit-box-shadow: -15px 18px 10px -2px rgba(0,0,0,0.71);
-moz-box-shadow: -15px 18px 10px -2px rgba(0,0,0,0.71);
box-shadow: -15px 18px 10px -2px rgba(0,0,0,0.71);
		}	
		 #nav li:hover ul {
			   display: block;
			   left: 0;
			   position: static;
			   right: 0;
		}
		 #nav > ul > li:not( :last-child ) > a  {
				    border-right: none;
				//    border-bottom: 1px solid #004a96 !important;
     	 			    text-align:right !important;
	 			}
		.border-zir{
				padding: 0px 10px;
  		         	border-right: none;
			        border-bottom: 1px solid #004a96 !important;
  				font-size: 18px;
				line-height: 2.5em;
				font-weight: bold;
				cursor:pointer;
				text-align:right !important;
            			width: 97.5% !important;
				background:none !important;
				color:#333333 !important;

		}
        #nav a,
		#nav a:hover
		{
			color: #333333;
			text-decoration: none;
	       		border-radius: 0px !important;	
	    }

		#nav li ul {
	 		    width:90% !important;
	   	            z-index:9999999999999999999999;
  			    position: static;
			    background:none;
		}
	
		.zir-menu-mashhad div img ,zir-menu-shardari-b div img , .div-menu-img-shahrdari{

			display:none !important;
		}
		#nav > ul > li:hover > a,
		#nav > ul:not( :hover ) > li.active > a,
		.border-zir:hover
		{
			background-color: #173B68 !important;
			color:#fff !important;
			border-radius: 0px !important;
		}

		.zir-menu-mashhad span , .zir-menu-shardari-b span{
		      color: #fff;
    		  text-align: right;
    		  padding: 0;
              line-height: 25px;
             border-bottom: 1px #3379c1 solid;
		}
				
		.zir-menu-mashhad ,.zir-menu-shardari-b {
			margin-botoom:5px;
		}
		
		.zir-menu-mashhad span:hover , .zir-menu-shardari-bspan:hover {
		    color: #333333 !important;
		    text-align: right;

		}	
		.zir-menu-mashhad span:hover, .zir-menu-shardari-b span:hover {
    color: #333 !important;
}
	#nav li ul a
		{
			padding: 5px 10px !important;
			display: block;
			text-align: right;
		}
}