/* NAVIGATION CONTAINTER */
#navcontain {    
	position:static;
    margin:16px auto 0;
    background: /*NAV BACKGROUND COLOR*/;
	z-index:99999;
}





/* NAVIGATION STYLES START */
.nav {
    position:relative;
	width:100%;
	margin: 0 auto;
}



/* MOBILE NAV TO NOT DISPLAY ON DESKTOP */
#cssmenu #head-mobile {display:none;}



/* NAV AND LIST GLOBAL STYLES */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
    position:relative;
    list-style:none;
    line-height:1;
    display:block;
}



/* DESKTOP NAV FIRST LEVEL STYLES*/
#cssmenu {
	width:100%;
	padding: /* SET NAVIGATION PADDING*/;
	text-align: center;
}

#cssmenu > ul {
    margin:0 0 0 0;
}

#cssmenu > ul > li {
    position: relative;
    display:inline-block;
	*float:left;
    text-align:center;
    border-right: 1px solid #d5a420;
}
    #cssmenu > ul > li:last-child {
        border:none;
    }

#cssmenu > ul > li > a {
    *display:inline;
	display: inline-block;
    padding:8px 12px;  
    color: #ECECEC;
    font-weight:600;
    font-size:18px;
    line-height:1;
    text-transform: uppercase;
    text-decoration: none;
	font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* NAV FIRST LEVEL HOVER EFFECTS */
#cssmenu > ul > li:hover,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li:focus > a,
#cssmenu ul li.active a {
    font-weight:700;
}



/* NAV FIRST LEVEL LI - HAS SUB-NAV STYLES (ADDS "+" BUTTON) */

#cssmenu > ul > li.has-sub > a:after {
    content:'';
    position:absolute;
    display:block;
    top:10px;
    right:11px;
    width:8px;
    height:2px;
    background:#6d6d6d;
}

#cssmenu > ul > li.has-sub > a:before {
    content:'';
    position:absolute;
    display:block;
    top:7px;
    right:14px;
    width:2px;
    height:8px;
    background:#6d6d6d;
    transition:.25s ease
}

#cssmenu > ul > li.has-sub:hover > a:before {
    top:23px;height:0
}





/* NAV SECOND LEVEL STYLES */
/* FOR SECOND LEVEL NAV TO NOT APPEAR UNTIL HOVERED */
#cssmenu ul ul {
    position:absolute;
    left:-9999px;
    box-shadow:0 0 2px #363636;
    z-index:999;

}

/* MAKES SECOND LEVEL NAV TO APPEAR */
#cssmenu li:hover > ul {
    left:auto
}



/* DESKTOP NAV SECOND LEVEL STYLES*/
#cssmenu ul ul li {
    height:auto;
    background: /* SECOND LEVEL BAKCGROUND COLOR */;
}

#cssmenu ul ul li a {
    width:100%;
    min-width:260px;
    padding: 12px 0 11px 20px;
    text-align:left;
	color: /* SECOND LEVEL TEXT COLOR */;
    border-bottom:#666666 1px solid;
	z-index:999;
}
#cssmenu ul ul li:last-child > a {
    border-bottom:0
}

/* NAV SECOND LEVEL HOVER EFFECTS */
#cssmenu ul ul li:hover,
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li:focus > a,
#cssmenu ul ul li.active a {
    background:/* NAV HOVER TEXT COLOR*/;
    color:/* NAV HOVER TEXT COLOR*/;
    padding-left:30px;
}





/* NAV THIRD LEVEL STYLES */
#cssmenu ul ul ul {
    margin-left:100%;
    top:0;
}





@media screen and (max-width:1224px){
#cssmenu > ul > li {
    width:40%;
    margin:8px;
    border: 1px solid #d5a420;
}
    #cssmenu > ul > li:last-child {
        border: 1px solid #d5a420;
    }
    
#cssmenu > ul > li > a {
    width:100%;
    padding:16px;
	font-size: 14px;
}
}





@media screen and (max-width:550px){
#cssmenu > ul > li {
    width:48%;
    margin:8px .5%;
    border: 1px solid #d5a420;
}
    #cssmenu > ul > li:last-child {
        border: 1px solid #d5a420;
    }
    
#cssmenu > ul > li > a {
    font-size:10px;
}
}




@media screen and (max-width:350px){
#cssmenu > ul > li > a {
    font-size:8px;
}
}