@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700');
/*font-family: 'Yanone Kaffeesatz', sans-serif;*/
a{
	text-decoration:none;
}
#nav-bg {
	width:90%;
	min-height:55px;
	height:auto;
	position:relative;
	margin:0 auto;
	margin-top:-200px;
	z-index:999;
	padding:0 5%;
}
#menu-wrap{
	width:100%;
	min-height:55px;
	height:auto;
	position:relative;
	margin:0 auto;
	margin-top:-10px;
	/*border:3px solid #201e1f;*/
}
.menu, .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu:before,
.menu:after {
	content: "";
	display: table;
}
.menu:after {
	clear: both;
}
.menu {
	zoom:1;
}
.menu li {
	float: left;
	position: relative;
}
.menu a {
	float: left;
	font-weight:700;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform:uppercase;
	padding: 20px 30px 15px 30px;
	color: rgba(255,253,242,1);
	font-size:24px;
	z-index:1100;
}
.menu li:hover > a {
	color: #faaf40;
}
*html .menu li a:hover { /* IE6 only */
	color: #faaf40;
}
.menu ul {
	margin: 30px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 60px;
	left: 0;
	z-index:1100; 
	border:3px solid #fffdf2;
	background-color:#201e1f;
	color:#201e1f;
	/*background-image:url(bg.jpg);
	background-repeat:no-repeat;  */

	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;  
}
.menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	color:#201e1f;
	border:3px solid #fffdf2;
	background-color:#fffdf2;
	/*background-image:url(bg.jpg);
	background-repeat:no-repeat;*/
}
.menu ul ul {
	top:0;
	color:#201e1f;
	left: 205px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
}
.menu ul li {
	float: none;
	display: block;
	border: 0;
	color:#201e1f;
	_line-height: 0; /*IE6 only*/
}
.menu ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
}
.menu ul a {    
	padding:12px 20px;
	width: 100px;
	_height: 10px; /*IE6 only*/
	display: block;
	top:10px;
	float: none;
	color:#201e1f;
	text-transform: uppercase;
	z-index:1100;
}
#nav-bg a:hover {
	color:#faaf40;
}
.menu ul li > a {
	font-size:20px;
}
.menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 35px;
	top: -12px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fffdf2;
}
.menu ul ul li:first-child a:after {
	left: -12px;
	top: 50%;
	margin-top: -26px;
	border-left: 0;	
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	border-right: 10px solid #fffdf2;
}
.menu ul ul{
	left:155px;
}
.menu ul ul a{
	width:180px;
}
.menu ul li:first-child a:hover:after {
	border-bottom-color: #fffdf2; 
}	
.menu ul ul li:first-child a:hover:after {
	border-right-color: #fffdf2;
	border-bottom-color: transparent; 	
}
.menu ul li:last-child > a {

}
.mleft{
	float:left;
	z-index:1100;
}
.mright{
	float:right;
	z-index:1100;
}
@media screen and (max-width: 1330px) {
#wrapper{
	width:98.7%;
}
.menu a {
	font-size:18px;
	padding: 20px 20px 15px 20px;
}
.menu ul li > a {
	font-size:18px;
}
.menu ul ul li:first-child a:after {
	margin-top: -16px;
}
}
@media screen and (max-width: 1100px) {
.menu a {
	padding: 20px 12px 15px 12px;
}
}
@media screen and (max-width: 1000px) {
#menu-wrap {
	display: none;
}
}
@media screen and (min-width:1000px) {
.menu {
	display: block !important;
}
}	
/* iPad */
.no-transition {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 1;
	visibility: visible;
	display: none;  		
}
.menu li:hover > .no-transition {
	display: block;
}

/*Mobile Menu*/
		#mmenu {
			max-width:1000px;
			width:90%;
			position:relative;
			margin:0 auto;
			z-index:99999;
		}
		#nav
		{
			font-weight: 400;
			position: absolute;
			display:none;
			float:right;
		}

			#nav > a
			{
				display: none;
				font-size:12px;
				font-weight:700;
				font-family: 'Yanone Kaffeesatz', sans-serif;
				text-transform:uppercase;
				color: rgba(32,30,31,1);
			}

			#nav li
			{
				position: relative;
				list-style:none;
			}
				#nav li a
				{
					color: #1d1c1d;
					display: block;
				}
				#nav li a:active
				{
					background-color: #faaf40 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent;
				border-bottom: none;
				border-top-color: #faaf40;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -5px;
			}

			/* first level */

			#nav > ul
			{
				height: 3.75em;
				background-color: #fffdf2;
			}
				#nav > ul > li
				{
					width: 25%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size:14px;
						line-height: 2.5em;
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							/*border-right: 1px solid #727272;*/
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #fffdf2;
						}


				/* second level */

				#nav li ul
				{
					background-color: #fffdf2;
					display: none;
					position: absolute;
					/*top: 100%;*/
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size:14px;
							border-bottom: 1px solid #faaf40;
						
							padding:5px;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #faaf40;
							}


		@media only screen and ( max-width: 1000px ) /* 1000 */
		{
			#nav
			{
				max-width:300px;
				width: 100%;
				position: static;
				margin: 0;
				display:block;
				font-weight:700;
				font-family: 'Yanone Kaffeesatz', sans-serif;
				text-transform:uppercase;
				color: rgba(32,30,31,1);
				letter-spacing:2px;
			}
		}

		@media screen and (max-width: 1000px) 
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
				padding:0;
				margin:0;
				top:-20px;
			}
				#nav > a
				{
					width:50px;
					height:50px;
					text-align: left;
					text-indent: -9999px;
					background-color: #fffdf2;
					border:3px solid #201e1f;
					position: relative;
					left:250px;
					/*margin-top:-80px;*/
					margin-bottom:20px;
					background-image:url(menu.svg);
					background-position:center center;
					background-repeat:no-repeat;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						/*border: 2px solid #fff;*/
						top:0%;
						left: 25%;
						right: 25%;
						content: '';
						margin-top:0px;
					}
					#nav > a:after
					{
						top: 0%;
						margin-top:0px;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				padding:0;
				margin:0;
				margin-top:-23px;
				margin-right:-6px;
				border:3px solid #201e1f;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #e4b77c;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}
		@media screen and (max-height: 700px){
			#nav > ul
			{
							height: auto;
							max-height:500px;
							overflow-y:auto;
			}
		}
		@media screen and (max-width: 500px){
			#nav
			{
				max-width:200px;
				position: relative;
				top: auto;
				left: auto;
				padding:0;
				margin:0;
				top:180px;
			}
			#nav > a
				{
					left:150px;
				}
				#nav > a:before,
				#nav > a:after
					{
						position: absolute;
						/*border: 2px solid #fff;*/
						top:0%;
						left:0%;
						right:0%;
						content: '';
						margin-top:0px;
					}
					#nav > a:after
					{
						top: 0%;
						margin-top:0px;
					}
		}
/*Mobile Menu*/