@font-face {
font-family: 'Roboto';
src: url('../font/Roboto-Light-10.ttf');
 }

ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}

body {
	width: 100%; height: 100%; font-family:Roboto; font-size: 16px; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;margin: 0px; padding: 0px; background:#000; 
}
a {
	color: inherit; text-decoration: none;
}

body.header-overlay-on :not(.wsite-section-bg-color).wsite-header-section::before {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0) 0%); top: 0px; width: 100%; height: 60%; display: block; position: absolute; content: "";
}


@media (min-width:1200px){


.birdseye-header {
	background: black; border-color: white; padding: 10px 200px; transition:background-color 300ms, color 260ms, padding 180ms; top: 0px; width: 100%; color: white; position: fixed; z-index: 12; max-width: 100%; box-sizing: border-box; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: background-color 300ms ease, color 260ms ease, padding 180ms ease; -moz-transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
}
.birdseye-header .container {
	width: 100%; display: table; -ms-overflow-y: hidden; max-height: 80px;
}
.birdseye-header .hamburger {
	display: none;
}
.birdseye-header .logo {
	vertical-align: middle; display: table-cell; -ms-overflow-y: hidden;
}
.birdseye-header .logo * {
	display: block;
}
.birdseye-header .logo a {
	transition:opacity 200ms; margin-right: 30px; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease;
}
.birdseye-header .logo a:hover {
	opacity: 0.6;
}
.birdseye-header .logo #wsite-title {
	transition:font-size 260ms; text-transform: uppercase; line-height: 1; letter-spacing: 0.03em; font-family: "Montserrat", sans-serif; font-size: 30px; font-weight: 700; max-width: 400px; -webkit-transition: font-size 260ms ease; -moz-transition: font-size 260ms ease;
}
.birdseye-header .logo img {
	overflow: hidden; max-height: 40px; max-width: 200px;
}
.nav {
	vertical-align: middle; display: table-cell;
}
.nav ul {
	float: right; max-width: calc(100vw - 480px);
}
.nav li {
	margin-right: 15px; display: inline-block; position:relative
}
.nav .wsite-menu-item {
	padding: 10px 20px; border: 1px solid transparent; transition:opacity 300ms; border-image: none; text-transform: uppercase; line-height: 1; letter-spacing: 0.05em; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 500; display: block; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease;
}
.nav li:not(.wsite-nav-cart)#active > .wsite-menu-item {
	border-color: inherit;
}
.nav li .wsite-menu-item:hover {
	opacity: 0.6; color:#FFF
}

#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top:0px;
	visibility: hidden;
	z-index:999999;
	width:200px;
	-moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;background: rgb(0, 0, 0);
}
li:hover ul#submenu {
	opacity: 1;
	top: 47px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu li {
	float: left;
	width:200px;
	height:45px; line-height:45px; text-align:left; padding-left:0; padding-right:0px;
}
#submenu a:hover {color:#fff; background: rgb(34, 34, 34);}
#submenu a {
	 font-weight:normal;line-height:45px;height:45px;  color:#fff ; font-size:13px; width:190px; padding-left:10px; float:left}

.nav #wsite-nav-cart-a {
	padding-right: 0px;
}
.nav #wsite-nav-cart-num {
	background: rgb(0, 0, 0); padding: 2px 3px; text-align: center; color: rgb(255, 255, 255); margin-left: 2px; display: inline-block; min-width: 10px;
}
.mobile-nav {
	display: none;
}
#wsite-menus > .wsite-menu-wrap {
	margin-top: 10px;
}
#wsite-menus > .wsite-menu-wrap > .wsite-menu .wsite-menu {
	margin: 0px -1px;
}
#wsite-menus .wsite-menu {
	background: rgb(0, 0, 0); position: relative; box-shadow: inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff; -moz-box-shadow: inset 0px 0px 0px 0px #ffffff; -ms-box-shadow: inset 0px 0px 0px 0px #ffffff;
}
#wsite-menus .wsite-menu li a {
	background: none; border: currentColor; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; line-height: normal; letter-spacing: 0.05em; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: normal;
}
#wsite-menus .wsite-menu li a:hover {
	background: rgb(34, 34, 34); transition:opacity 200ms; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease;
}
#wsite-menus .wsite-menu-arrow {
	display: none;
}
body.affix .birdseye-header {
	padding: 10px 40px; position: fixed; box-shadow: 0px 1px 2px 0px #222222; -webkit-box-shadow: 0px 1px 2px 0px #222222; -moz-box-shadow: 0px 1px 2px 0px #222222; -ms-box-shadow: 0px 1px 2px 0px #222222; z-index:999999
}
body.affix .birdseye-header .logo #wsite-title {
	font-size: 24px;
}
body.affix .birdseye-header .wsite-menu-item {
	padding: 10px 20px;
}
body.affix .birdseye-header {
	background: rgb(0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
body.no-header-page .birdseye-header {
	background: rgb(0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
body.splash-banner-page .birdseye-header {
	background: rgb(0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
body.affix .birdseye-header .nav #wsite-nav-cart-num {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
body.no-header-page .birdseye-header .nav #wsite-nav-cart-num {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
body.splash-banner-page .birdseye-header .nav #wsite-nav-cart-num {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}


body.wsite-checkout-page .birdseye-header {
	position: absolute !important;
}
body.wsite-native-mobile-editor .birdseye-header {
	position: absolute !important;
}
.no-header-page .main-wrap {
	padding-top: 80px;
}
}


@media (max-width:1200px){

.birdseye-header{ display:none}







}