@charset "utf-8";
/* CSS Document */

nav {
  min-height: 40px;font-family: 'Open Sans', sans-serif;padding: 0;
  margin: 0;
}

nav ul {
  margin: 0;
  list-style: none;
 
}

nav ul > li { line-height: 40px; }

nav a {

  text-decoration: none;
}
@media screen and (min-width: 1025px) {


nav > a { display:NONE;}

nav * {
  padding: 0;
  margin: 0;
}

nav > ul { display: flex; }

nav > ul > li {
	
	cursor: pointer;
	line-height: 40px;
	text-align: center;
	width: auto;
	font-size: 13px;
	padding: 2px 33px;
	letter-spacing:0.7px;
	
	position: relative;font-family: 'Open Sans', sans-serif;font-weight:500;
	text-transform:uppercase;
}

nav > ul > li a {
	  color:#fff;
	
}

nav > ul > li a:hover { color:#f3bc46;

-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;  }

nav > ul > :first-child { margin-left: -15px; }

nav > ul > li ul li {
  border-bottom: 1px solid #d8b254;
  cursor: pointer;
  width:180px;
  padding:0px 5px;
  text-align:left;
  background:rgb(235,188,74,0.9);
}

nav > ul > li ul li:hover { background:rgb(0,0,0,0.4); }

nav ul > li ul {
  position: absolute;
  
  display: none;
}

nav ul > li > ul > li > ul > li > ul,  nav ul > li > ul > li > ul {
  border-left: 1px solid #00baff;
  margin-left: 200px;
  margin-top: -40px;
}

nav ul > li:hover > ul { display: block; }
}
@media screen and (max-width: 1025px) {
	
	nav ul > li {
	line-height: 35px;
	background: #000;
}
	
	nav {
  min-height: 0px;
 
  padding: 0;
  margin: 0;
}

nav > ul li {
	font-weight: 700;
	border-bottom: 1px solid #30302f;
}

nav * > li > a {
  border: 1px slid #333;
  display: block;
  width: 100%;
  height: 100%;
  color:#fff;
  font-weight:400;
  padding-left: 5px;
}

nav li a:active { background: #000; }
nav li a:focus { background: #e8b443; }



	nav > a {
	margin-right: 5px;
	display: inline-block;
	color: #000;
	float: right;
	position: relative;
	margin-top: -53px;
}

nav > ul {
	display: none;
	margin: auto;
	padding: 0px;
	position: absolute;
	width: 92%;
}
 

nav ul > li > ul,  nav ul > li > ul > li > ul > li > ul,  nav ul > li > ul > li > ul { display: none; }
}

