.sf-contener {
  position: relative;
  z-index: 1000;
}


.sf-contener {
    background: transparent none;
    border-radius: 0px;
    clear: both;
    height: 30px;
    line-height: 30px;
    margin: 10px;
    padding-left: 0px;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;

}
.sf-menu {line-height:1.2}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {z-index:1000;}
/*.sf-menu li {
    border-right: 1px solid #333333;
    box-shadow: 1px 0 1px #888888;
} */

.sf-menu a {
    font-size:16px;
    border: 0 none;
    height: 30px;
    line-height: 30px;
    padding: 0 0.7em;
    font-family: 'Francois One', sans-serif;
}


.sf-menu .childrens a {
    line-height: 12px;
    height: 20px;
    font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 5px 1px 3px 12px;
    color: #ffffff;
}
.childrens li {
	<div id=".childrens li" class="no_mobile">
    border-right: 1px none #111111;
    box-shadow: 0 0 0 transparent;
}


.sf-menu span {vertical-align: 7px}





.sf-menu ul {width: 15em; z-index: 500}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 13em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 13em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 13em;}
.sf-menu a, .sf-menu a:visited  {color:#000000;}
.sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu .sfHoverForce a {color:#000000;}