/*** ESSENTIAL STYLES ***/
.sf-menu li {float:right;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {right:0;left:auto;top: 100%;}
:root {
  /* --main-width_UI: 15em; */
}

.sf-menu ul {
	Xwidth: var(--main-width_UI); /* left offset of submenus need to match (see below) */
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {right:12em;left:auto;
right:var(--main-width_UI);
right:100%
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {right:17em;right:10em;left:auto;
right:var(--main-width_UI);
right:100%

}

/*** DEMO SKIN ***/
.sf-menu {float:right;}
.sf-menu a {/* border-right:1px solid #fff; */border-left:none;}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-left: 1.5em !important;/* padding-right: 1em !important; */}
.sf-sub-indicator {right:auto;left: 5%;background-image: url('../images/arrows-ffffff-rtl_copy(1).png');}
.sf-shadow ul {
	padding:0 0 9px 8px;
	background-position:left bottom;
	border-top-left-radius: 17px;
	border-bottom-right-radius: 17px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 17px;
	-moz-border-radius-topleft: 17px;
	-webkit-border-top-left-radius: 17px;
	-webkit-border-bottom-right-radius: 17px;
	border-top-left-radius: 17px;
	border-bottom-right-radius: 17px;
}