/* NAVIGATION CONTAINTER */
#navcontain {    
	text-align:right;
	position: inherit;
	top:0;
	z-index:10;
	margin:0;
	font-family: 'Lato', sans-serif;

}

.phonedesktop a {
    margin-right: 0 !important;
}

/* NAVIGATION STYLES START */
.nav {
    position:relative;

	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	color:black;
}



/* 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:;
	padding: /* SET NAVIGATION PADDING*/;
	text-align: ;
}

#cssmenu > ul {
    margin:0 0 0 0;
	display: inline-block;
	padding: 0;
	width: 984px;
    margin-top: 28px;
}

#cssmenu > ul > li {
    position: relative;
    display:inline-block;
    text-align:center;
	padding: 14px 0px;
}

#cssmenu > ul > li > a {
    *display:inline;
	display: inline-block;
    margin: 8px 15px;
    font-size: 15px;
     color:white;
    font-weight: 900;
    line-height: 1.4;
    text-transform: uppercase;
    text-decoration: none;
	transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out;
}

/* NAV FIRST LEVEL HOVER EFFECTS */
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li:focus > a {
     color:#fab52b;
     border-bottom:5px solid #fab52b;
}

#cssmenu > ul > li.has-sub:hover > a:before {
    top:23px;height:0
}




/**NEW NAV FOR MOBIILLESSS**/
@media screen and (max-width:1350px){ 
li.phonedesktop {
    display: none !important;
}
	#cssmenu > ul {
    margin: 20px 0 0 0;
}
#cssmenu > ul > li > a{
	font-size:13px;
}
#navcontain {
		height:0;}
	
nav{width:100%;}
#cssmenu{width:100%; margin-top: 80px;}
#cssmenu ul{width:100%;display:none;-moz-box-shadow: 1px 2px 5px #000;  /* for Mozilla Ffox */
-webkit-box-shadow: 1px 2px 5px #000;  /* for Safari, Chrome & others */
box-shadow: 1px 2px 5px #000;  /* for IE9 */
    position: absolute;
}
#cssmenu ul li {
    width: 100%;
    border-top: 1px solid #ffffff3d;
    margin: 0;
    border-left: none;
    background: black;
    color: #fff;
}
#cssmenu ul li a:hover{color:#fff;}
#cssmenu ul li:hover{background:#333; }
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;color:#fff;padding:0;margin: 0;}
#cssmenu > ul > li{float:none;}
#cssmenu ul ul li a{padding:0 !important;}
#cssmenu ul ul li{background:#2a2a2a !important;}
#cssmenu ul ul li:hover{background:#e6ecf5 !important;}
#cssmenu ul ul ul li a{}
#cssmenu ul ul li a{color:#fff;font-weight:bold; font-size:14px;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff; font-weight:bold; }
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none;}
#cssmenu #head-mobile{display:block;color:#ddd;font-size:12px;font-weight:700;}
.navbutton{width:88px;height:40px;position:absolute;margin-top:-43px;right:0;cursor:pointer;z-index: 12399994;}
.navbutton:after{position:absolute;    top: 13px;
    right: 20px;
    display: block;
    height: 5px;
    width: 50px;
    border-top: 5px solid white;
    border-bottom: 5px solid white;content:'';}
.navbutton:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top: 3px;
    right: 20px;
    display: block;
    height: 5px;
    width: 50px;background: white;content:'';}
.navbutton.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;    height: 5px;
    width: 50px;background: white;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.navbutton.menu-opened:before{top:23px;    background: white;width: 50px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:27px;width:46px; cursor:pointer; border-left:#000 solid 1px; border-bottom:#000 solid 1px;}
#cssmenu .submenu-button.submenu-opened{background:#e6ecf5; border-left:#000 solid 1px; border-bottom:#000 solid 1px;}
#cssmenu ul ul .submenu-button{height:34px;width:34px;}
#cssmenu .submenu-button:after{position:absolute;top:13px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:'';}
#cssmenu ul ul .submenu-button:after{top:13px;right:13px;}
#cssmenu .submenu-button.submenu-opened:after{background:#000;}
#cssmenu .submenu-button:before{position:absolute;top:10px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:'';}
#cssmenu ul ul .submenu-button:before{top:10px;right:16px;}
#cssmenu .submenu-button.submenu-opened:before{display:none;}
#cssmenu ul ul ul li.active a{border-left:none;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;}


#cssmenu {
    width: 100%;
    margin-top: 60px;}

.navbutton:after {
    top: 21px;
	width: 40px;
    right: 0;
}
.navbutton:before {
	top:11px;
    width: 40px;
	right: 0;}
#cssmenu > ul > li > a {
    font-size: 0.9em;
}
#cssmenu > ul > li {
    padding: 10px 0px;}
}
