.fm-container{
margin-top:20px;
margin-bottom:-1px;
background-color: #369;
}

.fm-button{
display:none;
box-sizing:border-box;
margin:2px 0 2px 20px;
padding:14px;
width:52px;
border-radius:3px;
}

.fm-button:hover{
cursor:pointer;
-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 8px rgba(0,0,0,0.3);
box-shadow:inset 0 0 8px rgba(0,0,0,0.3);
}

.fm-button:hover .fm-bar{
background-color:#000;
}

.fm-button .fm-bar{
display:block;
width:24px;
height:2px;

background-color:#fff;
}

.fm-button .fm-bar+.fm-bar{
margin-top:4px;
}

.flexmenu:before,.flexmenu:after{
display:table;
content:" ";
}

.flexmenu:after{
clear:both;
}

.flexmenu a{
text-decoration:none;
}

.flexmenu.fm-toggle.fm-sm{
display:none;
}

.fm-outer{
position:relative;
overflow:hidden;
height:100%;
width:100%;
}

.fm-inner{
position:relative;
height:100%;
width:100%;
left:0;
}

.fm-inner.open{
left:70%;
}

.fm-inner.open .flexmenu.fm-sm{
left:0;
}

.flexmenu.fm-offcanvas.fm-sm{
z-index:100;
overflow-y:auto;
overflow-x:hidden;
position:fixed;
top:0;
left:-70%;
width:70%;
height:100%;
-webkit-box-shadow:inset -10px 0 10px -10px rgba(0,0,0,0.3);
-moz-box-shadow:inset -10px 0 10px -10px rgba(0,0,0,0.3);
box-shadow:inset -10px 0 10px -10px rgba(0,0,0,0.3);
background:#333;
}

.flexmenu.fm-lg{
max-width:1170px;
margin:auto;
}

.flexmenu.fm-lg .navicon:after{
border:4px solid transparent;
border-top-color:#666;
content:"";
position:absolute;
right:3px;
top:22px;
}

.flexmenu.fm-lg>ul>li{
float:left;
}

.flexmenu.fm-lg ul{
margin:0;
padding:0;
list-style:none;
}

.flexmenu.fm-lg li{
position:relative;
white-space:nowrap;
}

.flexmenu.fm-lg li ul{
position:absolute;
left:0;
top:100%;
z-index:99;
}

.flexmenu.fm-lg li ul .navicon:after{
border:4px solid transparent;
border-left-color:#666;
right:10px;
top:14px;
}

.flexmenu.fm-lg li ul ul{
top:0;
left:100%;
}

.flexmenu.fm-lg>ul>li{
padding:7px 0;
}

.flexmenu.fm-lg a{
display:block;
padding:7px 25px;
color:#999;
}

.flexmenu.fm-lg a:hover{
color:#eae6df;
text-decoration:none;
}

.with-ul > ul > li > i{
    line-height: 0px;
}


.flexmenu.fm-lg li ul li{
padding:0 10px;
min-width:145px;
}


.flexmenu.fm-sm ul{
margin:0;
padding:0;
list-style:none;
background-color:#fff;
color: #9C9C9C;
}

.flexmenu.fm-sm ul li{
position:relative;
}

.flexmenu.fm-sm ul li a{
    display:block;
    padding:14px 15px;
    font-size:16px;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.flexmenu.fm-sm ul li a:hover,.flexmenu.fm-sm ul li a.active{
    color: #fff !important;
    text-shadow: none;
    border-bottom: 2px solid #FCB435;
}

.flexmenu.fm-sm ul ul li a{
    background-color: #EFEFEF;
    border-bottom: 2px solid #EFEFEF;
}

.flexmenu.fm-sm .navicon{
    position:absolute;
    top:0;
    right:2px;
    height:50px;
    width:50px;
    border-radius:5px;
    text-align: center;
}

.flexmenu.fm-sm .navicon i{
    padding-top:12px;
}



.flexmenu.fm-sm .navicon:hover{
    cursor:pointer;
}