
.mega_css3_light  .level0 > li.mega > a {
color:#666 ; 
border-bottom:0px solid #111 ; 
font-family: Tahoma, Arial;
font-size: 14px;   



}

.mega_css3_light .level0 > li.mega > a:hover
{
color:#ccc ; 
border-bottom:0px solid #000 ; 
}

.mega_css3_light .level0 li.mega {
background: none;
display: inline-block;
margin: 0;
padding: 0;
overflow: visible;
position: relative;

}

.mega_css3_light ul.level0 > li.first a.first{
margin-left: 0px!important;
}



.mega_css3_light ul.level0 li.last0 a.last0 {


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

.mega_css3_light ul.level0 li.last1 a.last1 {

padding-left: 5px!important;
padding-right: 5px!important;
 }
.mega_css3_light ul.level0 li.account1 a.account1 {

margin-left: 5px!important;

 }

.mega_css3_light .level0 li.mega a.mega {

display: block;
line-height: normal;
margin-left: 0px;
padding: 10px 15px;
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_light ul.level0 li.mega .has-image {
padding-left: 0;
display: block;
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
}











.mega_css3_light 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: 0px 0 0 0;    
left: 40px;
top: 70px;
}


.mega_css3_light ul.level0 > .haschild .menu-title{

}
.mega_css3_light ul.level0 > .haschild a:nth-child(1):before {
   
display:none;

}

.mega_css3_light li.haschild-over li.mega .childcontent,
.mega_css3_light li.mega li.haschild-over li.mega .childcontent,
.mega_css3_light li.mega li.mega li.haschild-over li.mega .childcontent,
.mega_css3_light li.mega li.mega li.mega li.haschild-over li.mega .childcontent,
.mega_css3_light 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_light li.haschild-over .childcontent,
.mega_css3_light li.mega li.haschild-over .childcontent,
.mega_css3_light li.mega li.mega li.haschild-over .childcontent,
.mega_css3_light li.mega li.mega li.mega li.haschild-over .childcontent,
.mega_css3_light li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.mega_css3_light li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
margin: 0;
visibility: visible;
opacity: 1;
}



.mega_css3_light ul.level1 li.mega {
width: 100%;

}





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

} 



.mega_css3_light ul.level1 > li.mega > a.mega {
padding: 20px 10px;
text-align: left;
font-family: Tahoma, Arial;
font-size: 14px;   
font-weight:600;
text-transform:uppercase;

margin:0px;
background:#222;
color: #fff ;
	border-top:1px solid #444;
}



.mega_css3_light ul.level1 li.mega a.mega.active {
	

} 

.mega_css3_light ul.level1 li.mega a:hover {

} 














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

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


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



.catmenu ul.level0 > li > a {
color:#000 ; 
border-bottom:0px solid #111 ; 
font-family: Tahoma, Arial;
font-size: 14px;   
font-weight:500;



}

.catmenu ul.level0 > li > a:hover,
.catmenu ul.level0 > li:hover > a,
.catmenu ul.level0 > li.active > a {
color:#ccc ; 
border-bottom:0px solid #000 ; 
}

.catmenu ul.level0 li.mega {
background: none;
display: inline-block;
margin: 0;
padding: 0;
overflow: visible;
position: relative;
}

.catmenu ul.level0 > li:first-child a.mega{
margin-left: 0px!important;
}






.catmenu ul.level0 li.mega a.mega {
display: block;
line-height: normal;
margin-left: 28px;
padding: 10px 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;


}

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











.catmenu 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: 40px;
top: 50px;
}


.catmenu ul.level0 > .haschild .menu-title{
padding-left:15px;
}
.catmenu ul.level0 > .haschild a:nth-child(1):before {
   
   position:absolute;
width:5px;

 content: "\f107";
font-family: FontAwesome;
color:#071A2D;

}

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

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



.catmenu ul.level1 li.mega {
width: 100%;

}





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

} 



.catmenu ul.level1 > li.mega > a.mega {
padding: 15px 20px;
text-align: left;
font-family: Tahoma, Arial;
font-size: 14px;   

text-transform:uppercase;

margin:0px;
background:#fff;
color: #000 ;
	border-top:1px solid #eee;
}




.catmenu ul.level1 li.mega a.mega.active,
.catmenu ul.level1 li.mega a:hover {

background:#f05a4f!important;
color: #fff !important;
} 






.catmenu  ul.level1  a:before {
   
   display:none!important;


}







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

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


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




.catmenu   ul.level0 > .first  {
display:none!important;
}
@media screen and (max-width: 960px) {
	

	.mega_css3 ul.level0{
		position:fixed;
		width:100%;	
		 top: 50%; left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); 
		
	}
	
	.mega_css3 ul.level0 li.mega {
		width: 100%;
		margin:0px!important;
		border:0px!important;
		padding:0px!important;
	}
	.mega_css3 ul.level0 li.mega a.mega {
		width: 100%;
		margin:0px!important;
			border:0px!important;
				padding:10px!important;
				color:#999!important;
	}
		.mega_css3 ul.level0 li.active  a.mega {
		color:#FBB03B!important;
	}
	
	
	.mega_css3 ul.level0 > li.first {
		margin: 0;
	}

	.mega_css3 li.mega div.childcontent {
		position: static;
		margin: 0;
		max-height: 0;
		overflow: hidden;
	}

	.mega_css3 li.mega div.childcontent-inner,
	.mega_css3 li.mega div.megacol {
		width: 100% !important;
	}

	.mega_css3 li.haschild-over > div.childcontent {
		max-height: 9999em;
	}

	.mega_css3 li.mega ul {
		padding: 0;
		margin: 0;
	}


	.mega_css3 ul.level1 li.mega a.mega {
		width: 100%;
		margin:0px!important;
			border:0px!important;
				padding:10px!important;
				color:#fff!important;
				text-align:center!important;
				background: #999!important;
				font-weight:normal!important;
	}
		.mega_css3 ul.level1 li.active  a.mega {
		color:#FBB03B!important;
	}
	
	

	.mega_css3.mega_css3 ul.level1 li.mega.first {
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}

	.mega_css3.mega_css3_light ul.level1 li.mega.first {
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}



	.mega_css3 .menubar {
		display: block;
		color: #444;
		font-weight:bold;
		text-transform:uppercase;
		
	}
	.mega_css3 .menubar > span {
		display: inline-block;
		vertical-align: middle;
		color: #666;
font-size: 14px;
		
		
		font-family:Tahoma,Arial;
	}
	.mega_css3 .menubar:before {
		content: "\f0c9";
		display: inline-block;
		vertical-align: middle;
		font-family:FontAwesome;
		font-size: 20px;
		
	}

	.mega_css3 .menubar-check + ul {
		display: none;
	}

	.mega_css3 .menubar-check:checked + ul {
		display: block;
	}

 	.mega_css3 ul.level0 li.haschild > a.haschild {    
    pointer-events: none; 
    cursor: default;     
  }

 	.mega_css3 ul.level0 li.haschild-over > a.haschild {    
    pointer-events: all; 
    
  }
		#mega_css3back {
			content: '';
			position:fixed;
		left:0;
		width:100%;
		opacity:0;
		display:block;
		height:100%;    top: 0px;
		background:rgba(0,0,0,0.9);
		z-index:100;
		    pointer-events: none; 
			transition: all 0.3s ease;
		}
}




.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:#DD272E!important;

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

	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:#DD272E;
}
.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:#666;
    font-size: 24px;
    text-align: center;
    cursor: pointer;

   

}.jf_mm_trigger:hover {

color:#DD272E;

}
.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 {
    padding: 0 0 0 0.5em;
}


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);
}
