.jf_mm_wrapper {
    position: absolute;
    overflow-y: visible;
    overflow-x: hidden;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    direction: ltr;
    -webkit-transform: translateZ(0px);
}
.jf_mm_wrapper .levelHolderClass {
    position: absolute;
    overflow: hidden;
    top: 0;
    background: #4A5052;
    width: auto;
    min-height: 100%;
    font-family: arial, sans-serif;
    font-size: 16px;
    zoom: 1
}
.jf_mm_wrapper .ltr {
    margin-left: -100%;
    left: 0;
    -moz-box-shadow: 5px 0 5px -5px #333;
    -webkit-box-shadow: 5px 0 5px -5px #333;
    box-shadow: 5px 0 5px -5px #333;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#333, direction=90, strength=2)
}
.jf_mm_wrapper .rtl {
    margin-right: -100%;
    right: 0;
    -moz-box-shadow: 5px 0 5px 5px #333;
    -webkit-box-shadow: 5px 0 5px 5px #333;
    box-shadow: 5px 0 5px 5px #333;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#333, direction=270, strength=2)
}
.jf_mm_wrapper h6 {
    font-size: 12pt;
    line-height: 1em;
    font-weight: 700;
    color: rgba(255, 255, 255, .3);
    padding: 0 1.1em;
    font-family: arial, sans-serif
}
.jf_mm_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.jf_mm_wrapper li {
    cursor: pointer;
    border-top: 1px solid #5A5E5F
}
.jf_mm_wrapper li:last-child {
    border-bottom: 1px solid #5F6466
}
.jf_mm_wrapper li:hover {
    background-color: #434749
}
.jf_mm_wrapper a {
    display: block;
    outline: 0;
    overflow: hidden;
    line-height: 24px;
    padding: 8px .9em;
    text-decoration: none;
    color: #eee;
    font-size: 11pt;
}
.jf_mm_wrapper a:hover {
    color: #fff
}
.jf_mm_wrapper .backItemClass {
    display: block;
    background: #444;
    border-top: 1px solid #666
}
.jf_mm_wrapper .backItemClass:hover {
    background: #333
}
.jf_mm_wrapper .backItemClass a {
    overflow: visible;
    padding: 6px
}
.jf_mm_wrapper .backItemClass a i {
    margin-right: 6px;
    font-size: 18px;
    margin-top: 2px
}
.jf_mm_wrapper .floatRight {
    float: right
}
.jf_mm_wrapper .floatLeft {
    padding: 0 .5em 0 0;
    line-height: 25px
}
.jf_mm_wrapper .cursorPointer {
    cursor: pointer;
    width: 46px;
    margin: 0 -10px 0;
    text-align: center
}
.jf_mm_wrapper .jf_mm_inactive {
    background: #4A5052
}
.jf_mm_inactive>h6:first-child i {
    height: 1000px
}
.jf_mm_wrapper .iconSpacing_ltr,
.jf_mm_wrapper .iconSpacing_rtl {
    padding: 0 .5em 0 0;
    float: left;
    font-size: 20px;
    color: rgba(255, 255, 255, .4)
}
.jf_mm_wrapper .iconSpacing_rtl {
    padding: 0 0 0 .4em
}
.jf_mm_trigger {
    position: fixed;
    z-index: 981;
    width: 35px;
    height: 36px;
    color: #F5F5F5;
    top: 6px;
    left: 25px;
    font-size: 27px;
    text-align: center;
    cursor: pointer;
    background: #4A5052;
    line-height: 35px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
#jf_mm_menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%!important;
    z-index: 990
}
#jf_mm_menu nav {
    z-index: 999
}
.jf_mm_backout {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    top: 0;
    left: 0;
    z-index: 980
}
.levelHolderClass ul {
    /*height:90vh;*/
    
    overflow-x: hidden;
    overflow-y: auto
}
.jf_mm_wrapper .jf_mm_h6_img {
    display: none;
    position: absolute;
    width: auto;
    top: 14px
}
.jf_mm_wrapper .jf_mm_a_img {
    display: none;
    margin: 0 7px -5px 0
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .floatLeft {
    padding: 0 0 0 .5em
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .iconSpacing_rtl {
    padding: 0 .5em 0 0;
    line-height: 24px
}
body #jf_mm_menu.jf_mm_rtl .fa-angle-left {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper h6,
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper li {
    text-align: right!important
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .floatRight {
    float: right
}
body #jf_mm_menu.jf_mm_rtl {
    left: auto;
    right: 0;
    direction: rtl
}
body .jf_mm_trigger.jf_mm_rtl {
    left: auto;
    right: 8px
}
body #jf_mm_menu.jf_mm_rtl .levelHolderClass h6 .floatLeft {
    float: left;
    line-height: 16px;
    padding: 0
}
body #jf_mm_menu.jf_mm_rtl .backItemClass .floatLeft {
    float: left;
    line-height: 18px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
#jf_mm_menu,
.jf_mm_trigger {
    display: none
}