/*** ESSENTIAL STYLES ***/
.menu-h, .menu-h * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.menu-h ul {
	position:		absolute;
	top:			-999em;
	width:			240px;
	z-index: 99999999999!important;
	background-color: rgba(180,151,89,.9)!important;
	
	 /* left offset of submenus need to match (see below) */
}
.menu-h ul > li {
	width:			100%;
	 box-sizing: border-box;
	  border-bottom: 1px #e5cf9e solid;
	padding: 0px;
    width: 100%;
    text-align: right;
    border-bottom: 1px silver solid;
    float:right;
	 
}
.menu-h ul > li > a
{
	padding-right:10px;
}
.menu-h ul > li > a:hover {
    background-color: #f7f7f7!important;
    color: black!important;
}



.menu-h li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu-h > li {
	position:relative;
    transition: all 1s ease-out;
}
.menu-h li.last-item
{
	border-right:none;
	border-left: 0px solid silver!important;
}

.menu-h a, .menu-h a:visited 
{
	    font-family: Droid Arabic Kufi !important; 
	    font-family: fnclight !important;   
	    font-size: 16px;
	 font-size: clamp(1em, 2vw, 1.2rem) !important;
    text-align: right;    
    color: #efefef;
    text-shadow: 0px 2px 5px #3f3d3d;
   
}
.menu-h ul > li > a
{
	    font-size: clamp(1.2rem, 2vw, 1.6rem);
}
.menu-h > li > a:hover
{
	color:black;
	 transition: all 1s ease-out;
}



.menu-h > li:after  {
    content: '|';
    color: #cdcdcd;
    font-size: 14px;
}


div.global-nav > ul > li:nth-child(1):before
{
	font-family: 'icomoon';
    speak: none;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: unset;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9cf";
    padding-left: 8px;
}






.menu-h > li > ul > li a
{
	
	padding:5px!important;
	box-sizing: border-box;
    width: 100%!important;
}


.menu-h li ul li.last-item a
{
	border-bottom:none !important;
	margin-bottom:10px !important;
}




.menu-h li.last a
{
	border-right:none !important;
	background:none !important;
}

.menu-h li.first a
{
	border-left:none !important;
}

.menu-h a {
	display:		inline-block;
	position:		relative;
	    font-size: clamp(1.5rem, 2vw, 1.6rem);
}


.menu-h > li:hover > ul,
.menu-h li.sfHover ul {
	right:			0;
	top:			35px; /* match top ul list item height */
	z-index:		999999999!important;
	direction:rtl;
}
ul.menu-h li:hover li ul,
ul.menu-h li.sfHover li ul {
	top:			-999em;
	
}
ul.menu-h li li:hover ul,
ul.menu-h li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.menu-h li li:hover li ul,
ul.menu-h li li.sfHover li ul {
	top:			-999em;
}
ul.menu-h li li li:hover ul,
ul.menu-h li li li.sfHover ul {
	right:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.menu-h {

    margin: 0px auto!important;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    
    width: 90%;
    max-width: 1600px;
    justify-content: center;
    }
    
.menu-h > li > a {
	/*background:url(../images/menu-sep.png) 100% 100% no-repeat;*/
	padding:8px 4px;
	text-decoration:none;
	}
.menu-h li {
	
}
.menu-h li li {
	
}
.menu-h li li li {
	
}
.menu-h li:hover, .menu-h li.sfHover,
.menu-h a:focus, .menu-h a:hover, .menu-h a:active {
	
	outline:		0;
}

/*** arrows **/
.menu-h a.sf-with-ul {
	
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	left:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.menu-h ul .sf-sub-indicator { background-position:  -10px 0; }
.menu-h ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu-h ul a:focus > .sf-sub-indicator,
.menu-h ul a:hover > .sf-sub-indicator,
.menu-h ul a:active > .sf-sub-indicator,
.menu-h ul li:hover > a > .sf-sub-indicator,
.menu-h ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** ESSENTIAL STYLES ***/
.menu-v, .menu-v * {
	margin:			0;
	padding:		0;
	list-style:		none;
	direction:ltr;
	text-align:left;
}
.menu-v {
	line-height:	1.0;
}
.menu-v ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
.menu-v ul li {
	width:			100%;
}
.menu-v li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu-v li {
	float:			none;
	position:		relative;
	width:195px;
	background:#93b4dc url(../images/col-title-back2.png) repeat-y 0 0;
	margin-bottom:2px;
}


.menu-v li ul a
{
	border-right:0 !important;
	height:auto !important;
	line-height:normal !important;
	font-weight:normal !important;
	padding:8px 10px!important;
	font-size:9pt !important;
	margin-bottom:0 !important;
}

.menu-v li ul li.last a,
.menu-v li ul li.last a:visited
{
	border-right:0 !important;
	height:auto !important;
	border-bottom:0 !important;
	
}

.menu-v li ul li
{
	margin-bottom:0 !important;
	border-bottom: 1px solid #969EBA;
}

.menu-v li.last a
{
	border-right:none !important;
}
.menu-v a {
	display:		block;
	position:		relative;
}
.menu-v li:hover ul,
.menu-v li.sfHover ul {
	left:			195px;
	top:			0; /* match top ul list item height */
	z-index:		99;
}
ul.menu-v li:hover li ul,
ul.menu-v li.sfHover li ul {
	top:			-999em;
	
}
ul.menu-v li li:hover ul,
ul.menu-v li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.menu-v li li:hover li ul,
ul.menu-v li li.sfHover li ul {
	top:			-999em;
}
ul.menu-v li li li:hover ul,
ul.menu-v li li li.sfHover ul {
	right:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.menu-v {
	float:			left;
}
.menu-v a {
	padding: 		5px 10px 5px 15px;
	line-height:normal;
	text-decoration:none;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
}
.menu-v a, .menu-v a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.menu-v li {
	
}
.menu-v li li {
	background:		url(../images/sub-menu-back2.png);
}
.menu-v li li li {
	background:		url(../images/sub-menu-back2.png);
}
.menu-v li:hover, .menu-v li.sfHover,
.menu-v a:focus, .menu-v a:hover, .menu-v a:active {
	background:		#373D53;
	outline:		0;
}

/*** arrows **/
.menu-v a.sf-with-ul {
	padding-left: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	left:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.menu-v ul .sf-sub-indicator { background-position:  -10px 0; }
.menu-v ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu-v ul a:focus > .sf-sub-indicator,
.menu-v ul a:hover > .sf-sub-indicator,
.menu-v ul a:active > .sf-sub-indicator,
.menu-v ul li:hover > a > .sf-sub-indicator,
.menu-v ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.menu-v
li.highlighted
{
	background:#7890ae url(../images/col-title-back.png) repeat-y 0 0 !important;
	margin-top:30px;
}

.menu-v
li.highlighted-first
{
	margin-top:0 !important;
}

.menu-v
li.highlighted a.highlighted
{
	background: url(../images/arrow-1.png) no-repeat 6px 12px;
	background-color:transparent !important;
}

.menu-v
li.highlighted ul li a
{
	background-image:none !important;
}