/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* color 1: e50275 */
/* color 2: bc0055 */
/* color 3: 960044 */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.menu-bar
{
	width:100%;
	height:46px;
    background-color:#f8992c;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.menu-bar > div
{
	width:750px;
	height:46px;
	margin:0px auto;
	
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.menu a
{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.menu-home a
{
	padding:0px !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.menu,
.menu ul,
.menu ul li,
.menu ul li a,
.menu #menu-button
{
	line-height:1px;
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
	list-style:none;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.menu:after,
.menu > ul:after
{
	height:0px;
	line-height:0px;
	display:block;
	clear:both;
	visibility:hidden;
	content:".";
}
.menu #menu-button
{
	display:none;
}
.menu
{
	font-family:IranSans;
	font-size:13px;
	z-index:999;
}
.menu > ul > li
{
	width:16.66%;
	text-align:center;
	float:left;
}

.menu > ul > li > a
{
	line-height:30px;
	height:30px;
	margin-top:8px;
	display:block;
	color:#000;
	text-decoration:none;
	font-family:IranSans;
	font-size:13px;
	font-weight:600;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	border-right:1px dashed #fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.menu > ul > li:last-child > a
{
    border-right:0px;
}
.menu > ul > li:hover > a
{
	color:#fff;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.menu > ul > li.has-sub > a
{
	padding-right:30px;
}
.menu > ul > li.has-sub > a:after
{
	width:8px;
	height:2px;
	background-color:#000;
	display:block;
	content:'';
	position:absolute;
	top:16px;
	right:21px;
}
.menu > ul > li.has-sub > a:before
{
	width:2px;
	height:8px;
	background-color:#000;
	display:block;
	content:'';
	position:absolute;
	top:13px;
	right:24px;
}
.menu > ul > li.has-sub:hover > a:before
{
	height:0px;
	top:23px;
}
.menu ul ul
{
	position:absolute;
	right:-9999px;
	
}
.menu ul ul li
{
	height:0px;
	text-align:left;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	border:1px solid #f8992c;
}
.menu li:hover > ul
{
	right:auto;
}
.menu li:hover > ul > li
{
	height:46px;
}
.menu ul ul ul
{
	margin-right:100%;
	top:0px;
}
.menu ul ul li a
{
	width:250px;
	height:46px;
	line-height:46px;
	padding:0px 10px;
	background-color:#fff;
	color:#000;
	text-decoration:none;
}
.menu ul ul li:last-child > a,
.menu ul ul li.last-item > a
{
	border-bottom:1px solid#f8992c;
	
}
.menu ul ul li:hover > a,
.menu ul ul li a:hover
{
    background-color:#fff;
	color:#f8992c;
}
.menu ul ul li.has-sub > a:after
{
	width:8px;
	height:2px;
	background-color:#000;
	display:block;
	content:'';
	position:absolute;
	top:22px;
	left:11px;
}
.menu ul ul li.has-sub > a:before
{
	width:2px;
	height:8px;
	background-color:#000;
	display:block;
	content:'';
	position:absolute;
	top:19px;
	left:14px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:1280px)
{
	.menu-bar > div
	{
		width:95%;
	}
	.menu > ul > li > a
    {
        font-size:12px;
    }
}

@media only screen and (max-width:1086px)
{
	.menu > ul > li > a
    {
        font-size:11px;
    }
}
@media only screen and (max-width:962px)
{
	.menu-bar
	{
	    display:none;
	}
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */