/* ----------------------------------------------------------------------------
	Navigation Icons
----------------------------------------------------------------------------- */
@font-face {
	font-family: 'icons';
	src: url('../fonts/icons.eot?24804043');
	src: url('../fonts/icons.eot?24804043#iefix') format('embedded-opentype'),
		 url('../fonts/icons.woff?24804043') format('woff'),
		 url('../fonts/icons.ttf?24804043') format('truetype'),
		 url('../fonts/icons.svg?24804043#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ----------------------------------------------------------------------------
	Navigation Menu
----------------------------------------------------------------------------- */
#menutoggle{float: right;display:block;margin:0;padding:0 15px;width:auto;color:#fff;border:2px solid #775d43; border-radius: 0; line-height: 48px; font-size: 18px; font-weight: 700; font-family: proxima-nova-extra-condensed, sans-serif;text-align:left;text-transform:uppercase;cursor:pointer;position:relative;right:0;bottom:0;transition:background .2s linear 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#menutoggle span{display:none}
#menutoggle:before{display:inline-block;margin-left:0;width:18px;height:45px;line-height:48px;content:"\e826";color:inherit;font-family:'icons';text-align:center;font-size:21px;vertical-align:top}
#menutoggle.is-active:before{content:"\e844"}
#menutoggle:hover,#menutoggle:active,#menutoggle.is-active{}
#menutoggle{display:block;right:20px; bottom: 15px;}
#nav{margin:0;width:100%;height:0;overflow:visible;position:relative;z-index:100;}
#nav ul{float:none;display:block;margin:0;opacity:0;max-height:0;background:#000;overflow:hidden;transition:max-height .25s cubic-bezier(0,0.7,0,1),opacity .2s ease-in-out;top:10px;border:0;position:relative;width:100%;}
#nav #menutoggle.is-active + ul{max-height:1000px;opacity:1;transition:max-height .3s ease-in-out,opacity .25s ease-in-out}
#nav li{display:block;margin:0;padding:0;height:auto;overflow:hidden;border:0;}
#nav li:first-child{border-top:0}
#nav li.onmobile{display:block}
#nav a,#nav span.submenu{float:none;display:block;margin:0;padding:20px 20px;height:auto;line-height:1.6em;text-align:left;font-size:20px;font-weight:700; text-transform: uppercase; color:#FFF; font-family: proxima-nova-extra-condensed, sans-serif;border:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background .17s linear 0}
#nav a:hover, #nav span.submenu:hover { background: #775d43; color:#FFF; }
#nav span.submenu:after{float:right;margin-left:10px;width:15px;height:inherit;content:"\e817";color:inherit;font-family:'icons';text-align:center;font-size:105%;vertical-align:top}
#nav ul.submenu li a { font-family: proxima-nova, sans-serif; background:#000; color:#FFF; text-transform: capitalize; font-weight: 400; font-size:16px; padding:20px; }
#nav ul.submenu li a:hover { background: #333; color:#FFF; }
#nav span.submenu.is-active{background: #775d43; color:#FFF;}
#nav span.submenu.is-active:after{content:"\e816"}
#nav ul.submenu{margin:0;padding:0;width:100%;max-height:0;background:none;opacity:1;position:relative;top:0;transition:max-height .15s linear 0;border-radius: 0;}
#nav span.submenu.is-active + ul.submenu{max-height:760px;overflow-y:auto}

@media (min-width: 36em) { /* Small devices (landscape phones, 576px and up) */
/*@media (min-width: 48em) { /* Medium devices (tablets, 768px and up) */
    #menutoggle { padding: 0 15px 0 15px; }
	#menutoggle span { display: inline-block; font-family: proxima-nova-extra-condensed, sans-serif; }
    #menutoggle:before { margin-right: 10px; }

}
@media (min-width: 62em) { /* Large devices (desktops, 992px and up) */
#menutoggle{display:none}
#nav{height:auto;position:relative;z-index:99;border:0;float: left;clear: none;width: 100%; margin: 15px 0;}
#nav ul{display:block!important;float:left;height:auto;opacity:1;margin:0;padding: 0 20px; position:relative;z-index:10;top:0;overflow:visible; width:100%;}
#nav li{float:left;margin:0 25px;padding:0;height:auto;width:auto;min-width:auto;position:relative;border:0;overflow:visible;}
#nav li:first-child{margin-right:0;margin-left:0;border-left:0;overflow: hidden; float:left; }
#nav li:last-child{margin-left:0;border-left:0; float:right; }
	#nav .right { position: absolute; right: 15%; width: 20%; }
	#nav .left { width: 25%; position: absolute; left: 10%; }
	#nav li:first-child { margin:0; overflow: visible; }
	#nav li:last-child { margin-right:0; }
#nav a,#nav span.submenu{float:left;margin:0;padding:0;height:auto;border:0;color:#fff;font-weight:400;text-align:center;transition:background .2s linear 0;cursor:pointer;font-family: proxima-nova-extra-condensed, sans-serif; font-size:22px; text-transform: uppercase; }
#nav a:hover, #nav span.submenu:hover { background:none; }
	#nav a:hover { color:#775d43; }
#nav li:hover a.submenu,#nav li:hover span.submenu,#nav span.submenu.is-active.hover{-webkit-tap-highlight-color:rgba(0,0,0,0)}
#nav li:hover{z-index:11}
#nav ul.submenu{float:left;margin:0;padding:0;width:250px;max-height:0;position:absolute;opacity:0;top:95%;z-index:10;transition:max-height .2s linear 0s,padding .2s linear 0s,opacity .2s linear 0; overflow: hidden;}
#nav li:hover ul.submenu,#nav ul.submenu.is-active{left:0;max-height:760px;opacity:1;overflow: visible;}
#nav li:hover ul.submenu, #nav li ul.submenu { padding:25px 0 0 0; }
#nav li:hover ul.submenu.contact, #nav li ul.submenu.contact { right: 0; left: auto; }	
#nav ul.submenu li{float:none;display:block;margin:0;padding:0;border:0;height:auto;background:#FFF;}
#nav ul.submenu a{float:none;display:block;margin:0;padding:20px;height:auto;text-transform:none;text-align:left;border-radius:0;border:0;color:#000; text-shadow: none; font-weight: 400; font-size: 16px;}
#nav ul.submenu li a:hover {background:#775d43;color:#FFF;}
	.control { top:10px; }
	.icon-close { top:20px; }
}