.mainnav										{ width: 75.294em; margin: 0 auto; height: auto; }

.container									{ width: 100%; margin: 0 auto; color: #fff; text-align: center; }
.container a								{ color: #fff; text-decoration: none; }
.toggleMenu									{ display: none; font-size: 0.941rem;  width: 100%; padding: 0.75rem 0; color: #fff !important; outline: none;}
.toggleMenu:before      		{ content: "\f0c9"; font-family: FontAwesome; padding-right: 2%; }

.nav                    		{ list-style: none; }
.nav ul                 		{ list-style: none; z-index: 99999; }

.nav a                  		{ font-size: 0.941rem; font-weight: 300; padding: 0.75rem 1.0rem; color: #fff; }
.nav li                 		{ position: relative; }
.nav > li               		{ display: inline-block; }

.nav > li > a           		{ display: block; color: #eee; width: auto; text-transform: uppercase; font-weight: 400; }
.nav li a:hover							{	background: linear-gradient(to top, #e9cf88, #b39850); color: #000; }
.nav li ul             			{ position: absolute; left: -9999px;  }
.nav > li.hover > ul    		{ left: 0; text-align: left; }

/* Second Sub Menu */
.nav li li.hover ul     		{ left: 100%; top: 0; }
.nav li li              		{ background: #e9cf88; border-top: 1px solid #6f654e; text-align: left; }
.nav li li a            		{ font-size: 0.824rem; font-weight: 400; display: block; position: relative; z-index:10000; color: #000; min-width: 210px; padding: 0.625rem 1.0rem; }
.nav li li a:hover      		{ background: #403e39; color: #fff; }
.nav li li li           		{ border-top: 1px solid #555; }
.nav li li li a         		{ z-index: 200; color: #888; }

@media only screen and (max-width: 1280px) {

.mainnav										{ width: 90%; }

	}

@media only screen and (max-width: 1024px) {

.mainnav												{ width: 100%; box-sizing: border-box !important; padding: 0 1.000rem; }
.active													{ display: block; color: #fff;  }
.nav														{ margin: 0;}
.nav a                  				{ font-size: 0.875rem; padding: 0.5rem; border-bottom: 1px solid #e9cf88;  }
.nav li                       	{ display: list-item;  background: #333;  }
.nav li li .parent:after        { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg);  }	
.nav li li .hover .parent:after { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right;  transform: rotate(0deg);  }
.nav ul                         { display: block; width: 100%; }
.nav > li.hover > ul,
.nav li li.hover ul             { position: static; }	

	}