ul.menu #toggle ,
ul.menu #hide{
display: none ;
}

#top-nav {
/* float:right ; */

}

#top-nav ul.menu {
margin:0 !important;
padding:0 !important;
position:relative !important;
display:inline-block !important ;
 float:right  ;
}

#top-nav ul.menu li {
font-size:14px !important;
margin:0 !important;
padding:0 0 4px !important;
float:left !important;
outline: none !important;
position:relative !important;
list-style:none !important; 
}

#top-nav ul.menu li a {
padding:20px 20px 0px 20px !important;
text-decoration:none !important;
text-transform: uppercase !important ;
display:inline-block !important ;
font-weight:100;
 letter-spacing:2px;  
  height:40px;
} 

#top-nav ul.menu li a:hover {
}

#top-nav ul.menu li.active a   {
background:transparent !important;
 height:40px;
}

#top-nav ul.menu li.current.activedeeper.parent > a  {
background:#000 !important; 
} 

/****** dropdown Navigation ******/

 #top-nav ul.menu li:hover > ul{
visibility:visible!important ;
opacity:1 !important ;
z-index: 999  !important;
position: absolute !important;
}

 #top-nav ul.menu ul {
list-style: none !important ;
margin: 0 !important;
padding: 0 !important;    
visibility:hidden !important;
position: absolute !important;
z-index: 99  !important;
width:220px !important;
opacity:0 !important;
 -webkit-transition:opacity 0.2s linear, visibility 0.2s linear !important; 
-moz-transition:opacity 0.2s linear, visibility 0.2s linear !important; 
-o-transition:opacity 0.2s linear, visibility 0.2s linear !important; 
transition:opacity 0.2s linear, visibility 0.2s linear !important;  
 box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1); 
background: #fff ;
padding-top:0px !important; 
}

#top-nav ul.menu ul {
top: 55px !important;
left: 0 !important;
z-index: 999  !important;
}

#top-nav ul.menu ul:after{
clear:both !important;
display:block !important;
}

#top-nav ul.menu ul li ul {
top: 0px !important;
left: 200px !important;
}

#top-nav ul.menu ul li {
clear:both !important;
width:100% !important;
border:0 none !important;
text-align:center !important;
height:60px;
line-height:60px !important;
border-bottom:1px solid #f3f5f8 !important; 
padding-bottom:0!important ; 
}

#top-nav ul.menu ul li a {
background:none !important;
padding:0px 0 0px 15px !important;
text-decoration:none !important;
display:block !important;
border:none !important;
float:left !important;
height:60px;
} 

div#top-nav > ul#menu.menu li.deeper.parent a:after{
 content: "\f0dd" !important;  
  content: "" !important;  
font-family: fontawesome;
color:#000;
font-weight:normal;
padding-left:5px;
}

div#top-nav > ul#menu.menu li.deeper.parent a:before{
content: "" !important; 
font-family: fontawesome;
}

div#top-nav > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:after{
content: "" !important;
font-family: fontawesome;
}

div#top-nav > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:before{
content: "" !important;
}

div#top-nav > ul#menu.menu li.deeper.parent a{
} 

#top-nav.menu ul li a {
-webkit-transition: all 0.2s ease-in-out !important;	
-moz-transition: all 0.2s ease-in-out !important;
-o-transition: all 0.2s ease-in-out !important;
transition: all 0.2s ease-in-out !important; 
} 

#top-nav ul.menu ul li a:hover {
background:#eeeeee !important;
padding:0px 0 0 20px !important;
text-decoration:none !important;
display:block !important; 
border:0 none !important;
width:200px !important;
text-align:left !important; 
 -webkit-transition: all 0.4s ease-in-out !important;	
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;  
height:60px;
} 

div#top-nav > ul#menu.menu li.deeper.parent > ul.navig > li a:after{
content:"" !important;  
}  

#top-nav ul.menu ul li ul   {
background:#252525 !important;
} 

@media (max-width: 1023px) {
 #top-menu {
 display:none;
 }

 
}