header { display: block; position: relative; top: 0; left: 0; right: 0; z-index: 70; }
header .navigation { height: 127px; }
header .oemlogo img { max-width: 178px; padding-top: 20px; }  
header .navright { text-align: right; padding-top: 22px; }
header .navright span {  font-size: 14px; line-height: 20px; display: block; text-transform: uppercase; }
header video { padding-top: 20px; }

.alt-navigation { height: 55px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.07); position: fixed; top: 0; width: 100%; }
.alt-navigation img { margin: 0 auto; max-height: 49px; padding-top: 6px; padding-bottom: 1px; }

.alt-navigation video { max-height: 50px; display: block; margin: 0 auto; text-align: center; padding-top: 4px !important; padding-bottom: 0; }

.hamb { width: 35px;  height: 54px; padding: 1px; position: absolute; right: 30px; top: 0; }
.cart-mobile { position: absolute; right: 70px; top: 15px; }
.cart-mobile .bag { text-transform: uppercase; font-size: 12px; letter-spacing: 0.04; }

#nav-icon {
	width: 15px;
	height: 12px;
	position: relative;
	margin: 20px 0 12px 18px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 90;
}

#nav-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #000;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) { top: 0px; }
#nav-icon span:nth-child(2) { display: none }
#nav-icon span:nth-child(3) { top: 10px; }

#nav-icon.open span:nth-child(1) {
  top: 4px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon.open span:nth-child(3) {
  top: 4px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.overlay ul.inner { display: block;  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7); } 
.overlay ul.inner:hover { cursor: pointer; }
.overlay ul.inner li { display: none; color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7); transition: 0.1s; }
.overlay ul.inner li:hover { color: #E7DAC6; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7); }

.overlay {  
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
/* 	height: 100%;  */
	opacity: 1; 
	visibility: hidden; 
	z-index: 50; 
	overflow-x: hidden;
	height: 100vh;
/* 	overflow-y: auto; */	 
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch; 
}

.overlay:before {  
	content: ''; 	
	background: linear-gradient(270deg, #826249, #b59f90);
    background-size: 800% 800%;

	-webkit-animation: oem 15s ease infinite;
    -moz-animation: oem 15s ease infinite;
    animation: oem 15s ease infinite;
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%;
	padding-bottom: 20px;
	position: fixed; 
	-webkit-overflow-scrolling:touch; 
}
 	
.overlay.open { visibility: visible; height: 100%; }

.overlay nav { 
	position: absolute; 
	top: 0; 
	width: 100%;
	font-size: 32px; 
	line-height: 38px; 
	font-weight: 400; 
	text-align: center;  
	z-index: 100; 
	margin-top: 70px;
	padding-bottom: 20px;
}

/* .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: 100%; line-height: 38px;} */
/* .overlay ul li { display: block; position: relative; } */
/* .overlay ul li a { display: block; position: relative; text-decoration: none; color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7); } */

.overlay img { position: absolute; top: 0; right: 0; left: 0; z-index: 100; width: auto;}


.main-nav-wrapper {
	height: 70px;
	width: 70%;
/* 	position: fixed; */
	padding: 20px 0;
}
ul.main-nav {
	mix-blend-mode: exclusion !important;
	font-size: 2rem;
	line-height: 2.25rem;
  width: 100%;
  display: inline;
  padding-left: 6px;
  height: 44px;
	position: static;
}
ul.main-nav li {
  margin: 0;
  padding: 0;
  display: inline-block;
  height: 100%;
}
ul.main-nav li ul.sub-menu {
  position: absolute;
  top: 50px;
  left: 0;
  display: none;
  margin: 0;
  padding: 0;
  min-width: 100%;
  margin-left: 8px;
  line-height: 44px;
}
ul.main-nav li ul.sub-menu li {
  margin: 0;
  padding: 0;
  display: inline-block;

}

ul.sub-menu li:after,
ul.main-nav li.item.top > .title:after  {
	content: ",";
	white-space: inherit;
}

ul.main-nav li.item.top:hover > .title:after {
	color: #000 !important;
}

ul.main-nav li:last-of-type:after {
	content: "";
	white-space: inherit;
}

/* ul.main-nav li.active > a.title { color: #caaea1; text-shadow: 2px 2px 16px rgba(0, 0, 0, 0.65); } */

ul.main-nav li a:hover { color: #C9ADA0; text-shadow: 2px 2px 16px rgba(0, 0, 0, 0.65); }

ul.main-nav li:hover > ul.sub-menu {
  display: block;
}
ul.main-nav li { 
	font-size: 32px; 
	font-family: 'OEM', Helvetica, sans-serif; 
}

ul.main-nav li a {
  font-size: 32px;
  text-decoration: none;
  color: #000000;
}
ul.submenu li a {
  font-size: 32px;
  text-decoration: none;
}