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

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

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

#navigation ul.menu li a {
padding:0px 15px 0px 15px !important;
text-decoration:none !important;
text-transform: uppercase !important ;
display:inline-block !important ;
font-weight:bold;
letter-spacing:1px;
}

#navigation ul.menu li a:hover {
}

#navigation ul.menu li.active a   {
background:#f13f0f !important;
background: -moz-linear-gradient(top, #f13f0f 0%, #ef4e20 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f13f0f), color-stop(100%,#ef4e20)) !important;
background: -webkit-linear-gradient(top, #f13f0f 0%,#ef4e20 100%) !important;
background: -o-linear-gradient(top, #f13f0f 0%,#ef4e20 100%) !important;
background: -ms-linear-gradient(top, #f13f0f 0%,#ef4e20 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f13f0f', endColorstr='#ef4e20',GradientType=0 ) !important;
border-color: #f13f0f !important;
}

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

/****** dropdown Navigation ******/
 #navigation ul.menu li:hover > ul{
visibility:visible!important ;
 opacity:1 !important ;
}

#navigation ul.menu ul, 
#navigation ul.menu ul li ul {
list-style: none !important ;
margin: 0 !important;
padding: 0 !important;    
visibility:hidden !important;
position: absolute !important;
z-index: 999  !important;
width:220px !important;
opacity:0 !important;
background:#fff !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 4px 4px 0 rgba(0,0,0,0.2);
}

#navigation ul.menu ul {
top: 90px !important;
left: 0 !important;
}

#navigation ul.menu ul:after{
clear:both !important;
display:block !important;
}

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

#navigation ul.menu ul li {
clear:both !important;
width:100% !important;
border:0 none !important;
text-align:center !important;
height:60px;
line-height:60px !important;
}

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

} 

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

div#navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:after{
content: "\f0da" !important;
}

div#navigation > ul#menu.menu li.deeper.parent a{
padding:0px 15px 0px 10px !important;
}

#navigation ul.menu ul li a:hover {
background:#fd8603 !important;
padding:0px 0 0 20px !important;
text-decoration:none !important;
display:block !important;
border:0 none !important;
width:195px !important;
text-align:left !important;
 color:#fff !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;
background: #f13f0f !important;
background: -moz-linear-gradient(top, #f13f0f 0%, #ef4e20 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f13f0f), color-stop(100%,#ef4e20))!important;
background: -webkit-linear-gradient(top, #f13f0f 0%,#ef4e20 100%)!important;
background: -o-linear-gradient(top, #f13f0f 0%,#ef4e20 100%)!important;
background: -ms-linear-gradient(top, #f13f0f 0%,#ef4e20 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f13f0f', endColorstr='#ef4e20',GradientType=0 )!important;
border-color: #f13f0f ;
height:60px;
} 

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


 #navigation ul li.current.active.deeper.parent ul li a,#navigation ul li.active.deeper.parent ul li.current.active a, #navigation ul li.active.deeper.parent ul li a  {
background:#fff !important; 
width:200px !important;
color:#000 !important;
padding-left:15px !important;
text-align:left !important;
}

#navigation ul li.current.active.deeper.parent ul li a:hover,#navigation ul li.active.deeper.parent ul li.current.active a:hover,#navigation ul li.active.deeper.parent ul li a:hover {
/*  background:#f13f0f !important;  */
width:200px !important;
color:#fff !important;
}  


@media (max-width: 760px) {
 #nav-top .grid_8 {
background:#fff !important;
margin:-3px 0 0 0 !important;
padding:0 !important;
width:100% !important;
text-align:left !important;
}

ul.menu li{
display: none;
width: 100%;
border-bottom:none; 
margin:0;
padding:0;
text-align:center !important;
}

ul.menu #toggle{
display: block;
}

ul.menu #toggle i,
ul.menu #hide i{
font-size: 30px;
margin: 6px -5px 0;
}

ul.menu #toggle:hover i,
ul.menu #hide:hover i{
transform: none;
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
-moz-transform: none;
}

ul.menu:target li{
display: block;
text-align:center !important;
}

ul.menu:target #toggle{
display: none;
}

ul.menu:target #hide{
display: block;
}

ul.menu > li > a{
padding-top:0px;
padding-bottom:0px;
}
	
ul.menu a{
width: 100%;
 box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}

ul.menu ul, 
ul.menu ul li ul{
width: 100%;
left: 0; 
position: static;
visibility:visible;
opacity:1;
border: none;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;

}  

ul.menu > li > ul > li > a{ padding-left: 0px; }
ul.menu > li > ul > li > ul > li > a{ padding-left: 0px; }
ul.menu > li > ul > li > ul > li > ul > li > a{ padding-left: 0px; } 
	
ul#menu li a {
background:#fff;
color:#414141;
}

 ul#menu li a:hover {
background:#000;
color:#fff;
}

ul.menu li.active a {
background:none;
}

ul.menu ul, 
ul.menu ul li ul {
background:transparent;
}

ul#menu li#toggle a  {
background:#fff;
width:100%;
}
 
ul#menu li#toggle a:hover  {
background:#fff;
width:100%;
}

ul#menu {
background:#fff;
margin-top:0px;
width:100%;
text-align:center !important;
}

ul#menu a:hover  {
background:#fff;
margin-top:0px;
width:100%;
text-align:center !important;
}

ul.menu ul li a:hover {
padding-left:0px !important;
} 

ul.menu #toggle ,
ul.menu #hide {
font-size: 30px;
background:transparent;
color:#000;
}

ul.menu #toggle a:hover ,
ul.menu #hide a:hover {
background:transparent;
}

ul.menu #toggle i,
ul.menu #hide i{
font-size: 30px;
color:#000;
}

ul.menu #toggle i:hover,
ul.menu #hide i:hover{
color:#414141;
} 

ul.menu > li > ul > li > a{ padding-left: 40px;	background:#ccc; }
ul.menu > li > ul > li > ul > li > a{ padding-left: 70px; }
ul.menu > li > ul > li > ul > li > ul > li > a{ padding-left: 100px; 
} 
	
ul.menu li ul li a {
width:100%;
} 

#navigation ul.menu ul, 
#navigation ul.menu ul li ul {
list-style: none  ;
margin: 0 ;
padding: 0 ;    
visibility:hidden ;
position: absolute ;
z-index: 999  ;
width:100% !important;
opacity:0 ;
background:#fff ;
-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; 
text-align:center !important;
} 
 
#navigation ul.menu ul {
top:80px !important;
left: 0 !important;
background:#fff !important;
} 

#navigation ul.menu ul li a:hover {
background:#000 !important;
padding:0px 0 0 15px !important;
text-decoration:none !important;
display:block !important;
border:0 none !important;
width:100% !important;
text-align:center !important;
color:#fff !important;
-webkit-transition: none !important;	
-moz-transition: none !important;
-o-transition: none!important;
transition: none!important;
text-align:center !important;
}  

#navigation ul li.current.active.deeper.parent ul li a,#navigation ul li.active.deeper.parent ul li.current.active a, #navigation ul li.active.deeper.parent ul li a  {
background:#fff !important;
width:100% !important;
color:#000 !important;
padding-left:15px !important;
text-align:center !important;
float:none !important;
}

#navigation ul li.current.active.deeper.parent ul li a:hover,#navigation ul li.active.deeper.parent ul li.current.active a:hover,#navigation ul li.active.deeper.parent ul li a:hover {
width:100% !important;
color:#fff !important;
text-align:center !important;
} 
 
div#navigation > ul#menu.menu li a {
text-align:center !important;
margin:0 !important;
padding:0 !important;
}

#nav-top {
width: 100%;
font-size: 35px;  
line-height:100px;
height:100px;
background:#fff;
-webkit-transition: none;
transition: none;
z-index:99;
box-shadow:none;
 float:none !important;
margin-bottom:0px !important;
text-align:center;
}

.top-menu.tm-fixed > header { 
position: fixed; 
top: 0;
left: 0;
width: 100%;
height:100px !important;
margin-top: 0px; 
padding-top:0px;
background:#fff;
 z-index: 9999; 
 box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); 
transition: all 0.9s ease;
 }
     
}