.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index:999;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	
	
}
















.menu{display:block;    }
 
.menu li{display: inline-block;
position: relative;
z-index:100;  background:url(../demo/line-1.png) repeat-y right 0;

    position:relative; margin:0}
 
.menu li a {font-weight: normal;
text-decoration:none;
 padding:25px 15px;
display:block;
color:#333; font-size:14px;
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-khtml-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out;
text-transform:uppercase

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

ul.menu li.current-menu-item a{
    color:#fff; font-size:14px;
}





/* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding: 0;
width: 200px;
position: absolute;
top: 71px;
left: 0px; z-index:99999
  
}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
 
.menu ul li a {font-size:13px;
font-weight: lighter;
display:block;
color:#e2e2e2;padding:10px 12px 10px 12px;

 }
 
.menu ul li a:hover, .menu ul li:hover > a{
background-color:#de462a;

color:#e2e2e2;
}


/* change level 3 menu positions */
.menu ul ul {left: 200px;
	top: 0px;
}



.mobile-menu{display:none; color:#000;

 
}
.mobile-menu:hover{

text-decoration:none; color:#000;
}




@media (max-width: 767px) {
	
	
	ul.menu li.current-menu-item a{background: #fff!important;}
 
.menu{display:none; background:none;  }
 
.mobile-menu{display:block; margin-bottom:20px; margin-top:-10px; font-size:25px !important;
}
 
nav{margin:0;
background:none;}


.menu{padding-left:10px; padding-bottom:25px !important;}
 
.menu li{display:block;
margin:0;}
 
.menu li a {
color:#333;
padding:2px 0 2px 0px; font-size:14px; text-transform:none; font-weight: lighter; 
}
 
.menu li a:hover, .menu li:hover > a{
background:none!important;
color:#de462a;
}
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;

border-bottom: none; border-top:none; border-left: none; border-right: none;     


}
 
.menu ul ul {left:0;border: none;}
 
 ul.menu li.current-menu-item a{
  color:#333; background: none!important;
}


.menu li ul li a {
color:#333;
 background:none!important;
} 


.menu li a:hover {
color:#333;
 background:none!important;
} 

.menu li:hover > a:hover, ul.menu li.current-menu-item a:hover,.menu ul li a:hover{
color:#333;
 background:none!important;
} 

.menu li li a {
color:#333;
padding:2px 0 0px 10px ;border-top:none; background:none
} 
 
 
.menu ul li a:hover, .menu ul li:hover > a{
background: none!important;color:#dd3c1e;

}

.menu li:hover > a, ul.menu li.current-menu-item a,.menu ul li a{
 background: none!important;
}

}