/*ul {
  position: fixed;
  top: 0;
  width: 100%;
}*/
.menu-area{
	background-color: #FFF!important;
}
.dropdown-menu{
	padding:0;
	margin:0;
	border:0 solid transition!important;
	border:0 solid rgba(0,0,0,.15);
	border-radius:0;
	-webkit-box-shadow:none!important;
	box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{
	text-decoration:none;
	color:#fff;
	font-size:14px;
	text-transform:capitalize;
	padding:10px 9px;
	text-align:right;
	/*font-family:'Roboto',sans-serif;display: block !important;}*/
	/*font-family:'B_Nazanin';B_Titr;display: block;}*/
	font-family: Vazir;display: block;
	}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{
	color: #fff;
	background: #333333;
	outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{
	background: #666;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{
	background: #666;}
.mainmenu .collapse ul ul ul > li:hover > a{
	background: #666;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{
	background:#333;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{
	background:#333}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{
	background:#333;
	}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{
	background-color: #666;
	border: 0 solid;
	margin: 0;
	padding: 0;
	min-height:20px;
	width: 100%;
}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{
	display:block}
.mainmenu .collapse ul ul{
	position:absolute;
	top:100%;
	left:0;
	min-width:170px;
	max-width:170px;
	display:none}
/*******/
.mainmenu .collapse ul ul li{
	position:relative;
	}
.mainmenu .collapse ul ul li:hover> ul{
	display:block}
.mainmenu .collapse ul ul ul{
	position:absolute;
	top:0;
	left:-100%;
	min-width:170px;
	max-width:170px;
	display:none}
/*******/
.mainmenu .collapse ul ul ul li{
	position:relative}
.mainmenu .collapse ul ul ul li:hover ul{
	display:block}
.mainmenu .collapse ul ul ul ul{
	position:absolute;
	top:0;
	left:-100%;
	min-width:170px;
	max-width:170px;
	display:none;
	z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{
	padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{
	padding:16px 15px 16px 45px}
}