ul.menu #toggle ,ul.menu #hide{display: none ;} #navigation ul.menu {margin:35px 0 0 0 ;padding:0 !important;position:relative !important;display:inline-block !important ;float:right  !important;} #navigation ul.menu li {font-size:13px ;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:2px 3px 0px 3px !important;text-decoration:none !important;text-transform: uppercase !important ;display:inline-block !important ;font-weight:normal;-webkit-transition: padding-bottom .3s ease-in-out;} #navigation ul.menu li a:hover {}#navigation ul.menu li.active a   {background:transparent !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 {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;-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);background: #252525 url(../images/bg-menu.jpg) 0 0 no-repeat !important;padding-top:10px !important;}
 #navigation ul.menu ul {top: 50px !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;border-bottom:1px solid #3b3b3b !important;}
 #navigation ul.menu ul li a {text-transform:capitalize !important;background:none !important;padding:0px 0 0 15px !important;text-decoration:none !important;display:block !important;border:none !important;float:left !important;height:60px;font-size:12px !important;} 
 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 a:before{content: "" !important; font-family: fontawesome;}
 div#navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:after{content: "\f0da" !important;font-family: fontawesome;color:#fff;}
 div#navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:before{content: "" !important;}
 div#navigation > ul#menu.menu li.deeper.parent a{} #navigation ul.menu ul li a:hover {background:#2e2e2e !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;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;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  {width:200px !important;color:#fff !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 {width:200px !important;color:#fff !important;} 
 #navigation ul.menu ul li ul   {background:#252525 !important;} 


 
 @media (max-width: 760px) {  
 
 div#nav-top > div.container_12 > div.grid_8 > div#navigation > ul#menu.menu > li#hide > a {
 z-index:99;
 }
 
 #navigation ul.menu {margin:36px 0 0 0 ;padding:0 !important;position:relative !important;display:inline-block !important ;z-index:999;} 
 
 #nav-top .grid_8{  z-index:99; /* background:#fff !important; margin:0px 0 0 0 !important; padding:0 !important;  position: fixed !important;   width:100% !important; text-align:left !important; height:80px; */ }  
 #nav-top {  background:#fff !important; height:150px; position:fixe; z-index:99; } 
 #navigation {  float:none ; }  
 ul.menu li{  display: none; width: 100%; margin:0; padding:0; text-align:center !important;   position: fixed !important;  } 
 ul.menu #toggle{ display: block; height:0px;  z-index:99;}    ul.menu #toggle i,ul.menu #hide i{ font-size: 30px; margin:22px 0px 0 0 !important; padding:0px 0 0 0 !important; z-index:99;  }    
 div#navigation > ul#menu.menu > li#toggle > a{ height:20px !important;background:#fff !important; z-index:99 !important; }  
 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;  padding-top:0px !important;  z-index:99;}     
 div#navigation > ul#menu.menu > li#toggle > a{height:20px !important;background:transparent !important;} 
 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 {margin-top:0 !important;background:#fff;}  
 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;padding-top:0px !important;z-index:99;}   
 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 {color:#414141;}
 ul#menu li a:hover {background:transparent;color:#000 !important;}ul.menu li.active a {background:none;}ul.menu ul, ul.menu ul li ul {}ul#menu li#toggle a  {background:#fff;width:100%;}  
 ul#menu li#toggle a:hover  {background:#fff;width:100%;} ul#menu {margin:0px ;width:100%;text-align:center ;}
 ul#menu a:hover  {background:#fff;width:100%;text-align:center !important;}div#navigation > ul#menu  li > a {margin:15px 0;} 

 /* div#navigation > ul#menu  li > a:hover {margin:15px 0;background:green;} */  
 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:89px !important;left: 0 !important;background:#252525 !important;padding-top:0 !important;width:100%;} #navigation ul.menu ul li a:hover {background:#2e2e2e !important;padding:0px !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 {background:#f13f0f !important;width:100% !important;color:#fff !important;text-align:center !important;} div#navigation > ul#menu.menu.nav-pills > li a {text-align:center !important;margin:0 !important;padding:0 !important;}    }