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

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

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

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

#navigation ul.menu li a:hover {
}

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

#navigation ul.menu li.current.activedeeper.parent > a  {
} 

/****** 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 3px 3px 0 rgba(0,0,0,0.1); 
background:url(../images/bg-menu.png) 0 0px no-repeat !important ;
padding-top:10px !important; 
}

#navigation ul.menu ul {
top: 55px !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 #333333 !important; 
padding-bottom:0!important ; 
background:#000;
}

#navigation 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#navigation > 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#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: "" !important;
font-family: fontawesome;
}

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

#navigation ul.menu ul li a:hover {
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#navigation > ul#menu.menu li.deeper.parent > ul.navig > li a:after{
content:"" !important;  
}  

#navigation ul.menu ul li ul   {
background:#252525 !important;
} 

 @media (max-width: 729px) {
#nav-top {
float:left;
height:100px !important;
text-align:center;
padding:0;
margin:0 0 0 0px;
}

div#navigation > ul#menu.menu > li > a {
height: 100%;
opacity: 1;
 z-index:9999; 
}

div#navigation > ul#menu.menu > li#toggle > a {
text-align:center !important;
color:#000 !important;
}

ul.menu #toggle{
display: block;
height:70px; 
background:#none !important;
margin:0;
padding:0;
text-align:center;
}

ul.menu #toggle i,
ul.menu #hide i{
font-size: 30px;
padding:0px 0 0 0 !important;
margin:0;
text-align:center;
} 

div#navigation > ul#menu.menu > li#toggle > a{
height:60px !important;
background:transparent !important;
text-align:center !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;
}

#toggle a:hover  {
background:#fff !important;
} 

div#nav-top > div#navigation  {
margin:0 0 0px 0;
padding:0 0 0px 0;
width:100%;
float:left;
}

 ul.menu li{
display: none;
width: 100%;
line-height:50px;
text-align:center !important;
border-bottom:1px solid #fff;
}

ul.menu li a{
display: none;
width: 100%;
line-height:50px;
text-align:center !important;
color:#000 !important
}

ul.menu li a:hover{
color:#4a7595 !important;
}

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

ul.menu ul, 
ul.menu ul li ul{
width: 100%;
left: 0; 
position: static;
visibility:visible;
opacity:1;
border: none;
padding-top:0px !important;
z-index:9999;
} 

 #navigation ul {
width:100%;
z-index:9999;
}

#navigation ul.menu ul {
top: 0px !important;
left: 0 !important;
}   
 
#navigation ul.menu ul {
list-style: none !important ;
margin: 0 !important;
padding: 0 !important;    
visibility:visible !important;
position: relative !important;
z-index: 999  !important;
width:100% !important;
opacity:1 !important;
-webkit-transition:none !important; 
-moz-transition:none !important; 
-o-transition:none !important; 
transition:none !important;  
box-shadow: none;
background:#4a7595 !important ;
padding-top:0px !important;
}

#navigation ul.menu ul li  {
border:none !important;
border-top:1px solid #eee;
border-bottom:0 px solid #eee;
color:#000;
} 

#navigation ul.menu ul li a {
 float:none !important;
-webkit-transition: none !important;	
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important; 
 text-align:center !important; 
display:block;
padding:0px !important;
color:#000 !important;
border-top:1px solid #eee;
} 

#navigation ul.menu ul li a:hover {
padding:0px !important;
text-decoration:none !important;
display:block !important; 
border:0 none !important;
width:100% !important;
text-align:center !important; 
-webkit-transition: none !important;	
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important; 
height:60px;
color:#000 !important;
border-top:1px solid #eee;
} 
 
div#navigation > ul#menu.menu > li#toggle a {
background:none !important;
}

ul.menu #toggle{
display: block;
height:80px;
background:none !important;
border:none !important;
text-align:center !important;
}

div#navigation ul.menu #toggle i,
div#navigation ul.menu #hide i{
font-size: 30px;
margin:15px 5px 0 0 !important;
padding:0px 0 0 0 !important;
border:none !important;
background:none !important;
color:#000;
text-align:center;
}
 
div#navigation ul#menu.menu li#toggle a{
height:20px !important;
background:none !important;
}

div#navigation ul#menu.menu li#toggle a:hover{
background:none !important;
}
 
ul.menu #toggle:hover i,
ul.menu #hide:hover i{
background:none !important;
color:#000 !important;
}

ul.menu:target li {
display: block;
text-align:center !important;
background:#fff !important;
color:#000 !important; 
}

div#navigation ul#menu.menu li#hide a i {
color:#000 !important; 
}

 header#header.header.fixedHeader {
float:left;
height:150px;
}

header#header.header.fixedHeader div#nav-top > div#navigation > ul#menu.menu > li#toggle > a > i{
color:#fff;
}

header#header.header div#nav-top div#navigation ul#menu.menu li.active.deeper.parent ul.navig li.current.active a  {
color:#000 !important;
border-bottom:1px solid #eee !important;
height:60px !important;
}

header#header.header div#nav-top div#navigation ul#menu.menu li.active.deeper.parent ul.navig li a {
color:#423d3d !important;
text-align:center;
padding:0;
}

header#header.header div#nav-top div#navigation ul#menu.menu li.deeper.parent ul.navig  li a {
color:#423d3d !important;
text-align:center;
padding:0;
}


#sitename{
text-align: center !important;
margin-top: 0px !important;
}

#sitename a{
text-align: center !important;
margin-top: 0px !important;
}
 
}

 /***************************************************
 *************CLASSE WITHE**************************
 **************************************************/

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

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

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

#navigation-white ul.menu li a {
padding:10px 10px 0px 10px !important;
text-decoration:none !important;
text-transform: uppercase !important ;
display:inline-block !important ;
font-weight:700;
letter-spacing:2px;  
height:40px;
color:#fff;
} 

#navigation-white ul.menu li a:hover {
color:#ccc;
}

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

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

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


#navigation-white ul.menu li:hover > ul{
visibility:visible!important ;
opacity:1 !important ;
}

#navigation-white 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 3px 3px 0 rgba(0,0,0,0.1); 
background:url(../images/bg-menu.png) 0 0px no-repeat !important ;
padding-top:10px !important; 
}

#navigation-white ul.menu ul {
top: 55px !important;
left: 0 !important;
}

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

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

#navigation-white 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 #333333 !important; 
padding-bottom:0!important ;
background:#000; 
}

 #navigation-white 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#navigation-white > 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#navigation-white > ul#menu.menu li.deeper.parent a:before{
content: "" !important; 
font-family: fontawesome;
}

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

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

div#navigation-white > ul#menu.menu li.deeper.parent a{
} 

#navigation-white ul.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; 
} 

#navigation-white ul.menu ul li a:hover {
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;
color:#4a7595 !important;
} 

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

#navigation-white ul.menu ul li ul   {
background:#252525 !important;
} 

@media (max-width: 729px) {
#nav-top {
float:left;
width:96.5%;
height:55px;
text-align:center;
padding:0;
margin:0 0 0 0px;
}

div#navigation-white > ul#menu.menu > li > a {
height: 100%;
opacity: 1;
z-index:9999; 
}

ul.menu #toggle{
display: block;
height:70px; 
background:#none !important;
margin:0;
padding:0;
}

ul.menu #toggle i,
ul.menu #hide i{
font-size: 30px;
padding:15px 0 0 0 !important;
margin:0;
} 

div#navigation-white > ul#menu.menu > li#toggle > a{
height:60px !important;
background:transparent !important;
text-align:center !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;
}

#toggle a:hover  {
background:#fff !important;
} 

div#nav-top > div#navigation-white  {
margin:0;
padding:0;
width:100%;
float:left;
}

ul.menu li{
display: none;
width: 100%;
line-height:50px;
text-align:center !important;
border-bottom:1px solid #eee;
}

ul.menu li a{
display: none;
width: 100%;
line-height:50px;
text-align:center !important;
color:#000 !important
}

ul.menu li a:hover{
color:#4a7595 !important;
}

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

ul.menu ul, 
ul.menu ul li ul{
width: 100%;
left: 0; 
position: static;
visibility:visible;
opacity:1;
border: none;
padding-top:0px !important;
z-index:9999;
} 

#navigation-white ul {
width:100%;
z-index:9999;
}

#navigation-white ul.menu ul {
top: 0px !important;
left: 0 !important;
}   
 
#navigation-white ul.menu ul {
list-style: none !important ;
margin: 0 !important;
padding: 0 !important;    
visibility:visible !important;
position: relative !important;
z-index: 999  !important;
width:100% !important;
opacity:1 !important;
-webkit-transition:none !important; 
-moz-transition:none !important; 
-o-transition:none !important; 
transition:none !important;  
box-shadow: none;
background:none !important ;
padding-top:0px !important;
}

#navigation-white ul.menu ul li  {
border:none !important;
border-top:1px solid #eee;
border-bottom:0 psx solid #eee;
background:none !important ;
} 

#navigation-white ul.menu ul li a {
float:none !important;
-webkit-transition: none !important;	
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important; 
text-align:center !important; 
display:block;
padding:0px !important;
color:#000 !important;
border-top:1px solid #eee;
background:none !important ;
} 

#navigation-white ul.menu ul li a:hover {
padding:0px !important;
text-decoration:none !important;
display:block !important; 
border:0 none !important;
width:100% !important;
text-align:center !important; 
-webkit-transition: none !important;	
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important; 
height:60px;
color:#000 !important;
border-top:1px solid #eee;
background:none !important ;
} 
 
div#navigation-white > ul#menu.menu > li#toggle a {
background:none !important;
}

ul.menu #toggle{
display: block;
height:80px;
background:none !important;
border:none !important;
}

div#navigation-white ul.menu #toggle i,
div#navigation-white ul.menu #hide i{
font-size: 30px;
margin:15px 5px 0 0 !important;
padding:0px 0 0 0 !important;
border:none !important;
background:none !important;
color:#fff;
}
 
div#navigation-white ul#menu.menu li#toggle a{
height:20px !important;
background:none !important;
}

div#navigation-white ul#menu.menu li#toggle a:hover{
background:none !important;
}
 
ul.menu #toggle:hover i,
ul.menu #hide:hover i{
background:none !important;
color:#fff;
}

ul.menu:target li {
display: block;
text-align:center !important;
background:#fff !important;
color:#000 !important; 
}

div#navigation-white ul#menu.menu li#hide a i {
color:#000 !important; 
}
 
#sitename-white{
text-align: center !important;  
}

#sitename-white a{
text-align: center !important; 	
}

}