/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap {
      font-family: Trebuchet MS;
} 
/* menu icon */
#menu-icon {
        display: none; /* hide menu icon initially */
} 
.sf-menu,
.sf-menu li {
        margin: 0;
        padding: 0;
}
.sf-menu li {
        list-style: none;
        margin-right:0px;
		position:relative;
		display:table-cell;
		text-align: center;
		border-left:1px solid #5d6064;
}
 .sf-menu li:first-child{border: none; box-shadow: none; -webkit-box-shadow: none;}
/* nav link */
.sf-menu a {      
        display: block;
        color: #FFF;		
		line-height: 41px; transition:all 300ms ease-in-out;padding: 0 20px;font-size: 15px;font-weight: bold;
}
.sf-menu a:hover,.sf-menu a:focus,	.sf-menu li.sfHover .sf-with-ul {
        background: #AC833B;
        color: #fff;}
 
/* nav dropdown */
.sf-menu ul {
       background: #AC833B;   
        position: absolute;
        display: none; /* hide dropdown */
        width: 200px;
		z-index: 25;
		padding: 20px 0 10px;
}
.sf-menu ul li {
        float: none;
        margin: 0 0 14px;
        padding: 0;
        display: block;text-align: left;border: 0;
}
.sf-menu li:hover > ul {
        display: block; /* show dropdown on hover */
       box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
}
.sf-menu ul li a{padding:3px 10px 3px 20px; font-size: 13px;display: block;position: relative;transition: 0.3s;-webkit-transition: 0.3s;line-height: 18px; font-weight: normal; }
.sf-menu ul li a:hover{/*background:#000;*/ color: #e6d3b5; }
/*.sf-menu ul li a:before{content: ""; width: 9px ; height:9px;border-radius: 50%;background: #0262c6;display: inline-block;margin-right: 9px;}
.sf-menu ul li a:hover:before {background: #ff7439}**/
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
        left: 200px; /* match ul width */
        top: 0;
}
 
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
        margin:                 0;
        padding:                0;
        list-style:             none;
}
 
/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (max-width: 1023px) {
 
        /* nav-wrap */
        #nav-wrap {
                position: relative;
        }
 
        /* menu icon */
        #menu-icon {
                color: #000;
                width:45px;
                height:39px;
                background:url(../img/menu-icon.png) 50% 50% no-repeat #4d4d4f  ;
                padding:0;
                cursor: pointer;
				text-indent:-9999em;
                display: block; /* show menu icon */
               border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #7f8081;
			   float: right;
			   margin: 0 18px 0 0;
        }
        #menu-icon:hover {
               
        }
        #menu-icon.active {
               background:url(../img/menu-icon.png) 50% 50% no-repeat #4d4d4f;
        }
 		.sf-menu a:hover, .sf-menu li.sfHover .sf-with-ul{ /*background:#5d6064;*/ color: #FFFFFF;	background: #B98E43; }
        /* main nav */
		.sf-sub-indicator{width:60px; height:40px; text-indent:-9999em; display:block; position:absolute; top:0px; right:0px; background:url(../img/plus-icon.png) 12px 50% no-repeat #8e6f3a; cursor:pointer;}
		.sf-menu li.xpopdrop .sf-sub-indicator{background:url(../img/minus-icon.png) 12px 50% no-repeat #8e6f3a;}
        .sf-menu {
                clear: both;
                position: absolute;
                top: 52px;
                /*width:250px;*/
				width: 100%;
				right:0;
                z-index: 10000;
                padding:0px;
                background: #ac833b;
               /* border: solid 1px #313638;*/
                display: none; /* visibility will be toggled with jquery */
        }
		.sf-menu ul{padding:0px 0;}
        .sf-menu li {
                clear: both;
                float: none;
                margin:0 0 0px;
				text-align: left;
        }
        .sf-menu a,
        .sf-menu ul a {
                font-size:14px;
                background: none;
                display: block;
                padding:3px 16px 2px;
                color: #FFF;
                border: none;
                line-height: 35px;
				border-bottom: 1px solid #B98E43;
        }
        .sf-menu a:hover,
        .sf-menu ul a:hover {
                
                color: #FFFFFF;
				/*background: none;*/
                /*background: #000;*/
				background: #B98E43;
        }
 .sf-menu ul a:hover, .sf-menu ul a{
 	    background:url("../img/menu-li-arrow.png") no-repeat scroll 25px center;
 }
        /* dropdown */
        .sf-menu ul {
                width: auto;
                position: static;
                display: block;
                border: none;
               /* background: inherit;*/
        }
        .sf-menu ul li {
                margin: 0;
               
        }
 		.sf-menu ul li a{padding: 8px 8px 12px 45px; font-size:13px;font-weight: bold;}
		.sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        border: 0;box-shadow: none;-webkit-box-shadow: none;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop ul {
        display: block!important;
		visibility:visible!important;
		background: #b98e43;
    }
    .sf-menu li:hover > ul {box-shadow: none;-webkit-box-shadow: none; width: 100%;}
    .sf-menu ul li{text-align: left; /*padding: 5px 5px 5px 15px;*/ }
    .sf-menu ul li a:before{content: none;}
	
	#nav-wrap { width: 100%; }
	
}
 
@media screen and (min-width: 1023px) {
 
        /* ensure #nav is visible on desktop version */
        .sf-menu {
                display: table !important;
                width:100%;
        }
		span.sf-sub-indicator{display:none;}
 
}