.mega_css3 ul.level0 > li > a {
color:#999 ; 
border-top:4px solid #fff ; 
font-family: Poppins, Arial;
font-size: 14px;   
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
transition: all 1s linear;
}

.mega_css3 ul.level0 > li > a:hover,
.mega_css3 ul.level0 > li:hover > a,
.mega_css3 ul.level0 > li.active > a {
color:#111 ; 
border-top:4px solid #51B848 ; 
}

.mega_css3 ul.level0 li.mega {
background: none;
display: inline-block;
margin: 0;
padding: 0;
overflow: visible;
position: relative;
transition: all 1s linear;
}

.mega_css3 ul.level0 > li.first a.first{

}
.mega_css3 ul.level0 > li.last a.last{
margin-right: 0px!important;
}


.mega_css3 ul.level0 li.last0 a.last0 {
margin-right: 0px!important;
padding: 20px 5px !important; 
}
.mega_css3 ul.level0 li.last0 div.childcontent,
.mega_css3 ul.level0 li.last1 div.childcontent { 
 right: 0px;
 left:unset!important;
}
.mega_css3 ul.level0 li.last0  a.last0 span:first-child,
.mega_css3 ul.level0 li.last1  a.last1 span:first-child { display:none;
}		
.mega_css3 ul.level0 li.last0  a.last0 span.menu-title,
.mega_css3 ul.level0 li.last1  a.last1 span.menu-title { 
margin-top:-3px !important;
}

.mega_css3 ul.level0 li.last1 a.last1 {
margin-right: 0px!important;
padding: 20px 5px !important; }

.mega_css3 ul.level0 li.mega a.mega {
display: block;
line-height: normal;
margin-right: 40px;
padding: 30px 0px;
text-decoration: none;
transition: background-color 200ms linear;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
-webkit-transition: background-color 200ms linear;


}

.mega_css3 ul.level0 li.mega .has-image {
padding-left: 0;
display: block;
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
}




.mega_css3 ul.level0 li.haschild a.mega span.menu-title,
.mega_css3 ul.level0 li.haschild-over a.mega span.menu-title {
background: url(../images/arrow3.png) no-repeat left center;
padding-left: 0;
}

.mega_css3 ul.level0 li.haschild a.mega span.menu-desc,
.mega_css3 ul.level0 li.haschild-over a.mega span.menu-desc {
padding-left: 0;
}



.mega_css3 ul.level0 li.haschild a span.menu-title,
.mega_css3 ul.level0 li.haschild-over a span.menu-title {
background: url("../images/arrow3.png") no-repeat scroll left 50% transparent;
}





.mega_css3 ul.level0 a.mega span.menu-title, .mega_css3 ul.level0 li.haschild a.mega span.menu-title
{
background: none;
line-height: 20px;
padding: 0;


}


.mega_css3 li.mega .childcontent {
display: block;
height: auto;
position: absolute;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
visibility: hidden;
opacity: 0;
margin: 20px 0 0 0;    
left: -24px;
top: 70px;
}

.mega_css3 li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
margin: 0 0 0 20px;
visibility: hidden;
opacity: 0;
}

.mega_css3 li.haschild-over .childcontent,
.mega_css3 li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
margin: 0;
visibility: visible;
opacity: 1;
}



.mega_css3 ul.level1 li.mega {
width: 100%;
transition: all 1s linear;
}





.mega_css3 ul.level1 li.first a.mega {
	border-top:0px!important;

} 



.mega_css3 ul.level1 > li.mega > a.mega {
padding: 20px 20px;
text-align: left;
font-family: Poppins, Arial;
font-size: 14px;   
font-weight:600;
text-transform:uppercase;
transition: all 1s linear;
margin:0px;
background:#fff;
color: #666 ;
	border-left:4px solid #fff;
}



.mega_css3 ul.level1 li.mega a.mega.active {
	
background:#f7f7f7;
color: #111 ;
	border-left:4px solid #51B848;
} 

.mega_css3 ul.level1 li.mega a:hover {
background:#f7f7f7;
color: #111 ;
	border-left:4px solid #51B848;
} 











.mega_css3 ul.level1 li.haschild > a,
.mega_css3 ul.level1 li.haschild-over > a {
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 95% center;
padding: 0;
}



.mega_css3 .childcontent {
z-index: 999;
}

.mega_css3 .childcontent-inner {
background:#222;
box-shadow: 1px 4px 10px  rgba(0,0,0,0.4);
margin-bottom: 5px;
border-radius:0px;
overflow:hidden;
}


.mega_css3 .menubar,
.mega_css3 .menubar-check {
display: none;
}


.jf_mm_wrapper .iconSpacing_ltr, .jf_mm_wrapper .iconSpacing_rtl {
    padding: 0px 10px 0px 0px;
    color: #ccc;
    float: left;
    display: inline-block;
font-size: inherit;}


.jf_mm_wrapper {
    position: absolute;
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    direction: ltr;
}
.jf_mm_wrapper .levelHolderClass {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: auto;
    min-height: 100%;
font-family: Poppins, Arial;
    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 h2 {
font-size: 24px;
    font-weight: bold;
    font-family: Poppins, Arial;
    padding: 9px 20px;
    background: #222!important;
    color: #fff!important;
}
.jf_mm_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.jf_mm_wrapper li {
    cursor: pointer;
     border-top: 0px solid rgba(0,0,0,0.2);
}
.jf_mm_wrapper li:last-child {
    border-bottom: 0px solid rgba(0,0,0,0.2);
	   border-top: 0px solid rgba(0,0,0,0.2);
}
.jf_mm_wrapper li:hover {
	background:#54AD38!important;

}
.jf_mm_wrapper a {
  
	font-size:16px;
	font-weight:normal;

	padding:15px 20px 10px 20px;
	    text-decoration: none;
	  display: block;
    outline: 0;
    overflow: hidden;
color:#fff!important;
 background:#222;
 
}
.jf_mm_wrapper a:hover {
   color:#fff!important;
   background:#54AD38;
}
.jf_mm_wrapper .backItemClass {
    display: block;
  
       border-top: 0px solid rgba(255,255,255,0.1);

}
.jf_mm_wrapper .backItemClass:hover {

}
.jf_mm_wrapper .backItemClass a {
    overflow: visible;
    padding: 0.6em;
}
.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 0.5em 0 0;
    line-height: 25px;
}
.jf_mm_wrapper .cursorPointer {
    cursor: pointer;
    width: 60px;
    margin: -2px -20px 0px 0;
    text-align: center;
}
.jf_mm_wrapper .jf_mm_inactive {
}
.jf_mm_inactive > h2:first-child i {
    height: 1000px;
}
.jf_mm_wrapper .iconSpacing_ltr,
.jf_mm_wrapper .iconSpacing_rtl {
    padding: 0 0.5em 0 0;
    float: left;
    font-size: 20px;
  
}
.jf_mm_wrapper .iconSpacing_rtl {
    padding: 0 0 0 0.4em;
}
.jf_mm_trigger {
    position: relative;
	top:0px;
    z-index: 981;
display:inline-block;
height:30px!important;
line-height:30px!important;
background:none;
width: 22px;
color:#111;
    font-size: 24px;
    text-align: center;
    cursor: pointer;

   

}.jf_mm_trigger:hover {

color:#54AD38;

}
.jf_mm_wrapper .levelHolderClass, .jf_mm_wrapper .jf_mm_inactive {
    background: #222;

}


.jf_mm_wrapper li {
    background-color: unset;
}
#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: 0.3;
    filter: alpha(opacity=30);
    top: 0;
    left: 0;
    z-index: 980;
}
.levelHolderClass ul {
    height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
}




body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .floatLeft {
    
}


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 h2,
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 h2 .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);
}