nav ul,
nav li {
	margin:0;
	padding:0;
}
		
header { 
	width: 100%;
}

.page-constrict-menu {
	width: calc(100% - 60px);
	padding:0 30px;
	max-width: 1044px;
	margin:0 auto;
	position: relative;
}

.nav-bar { display: none;}

header nav {
  background: #f8aa00;
  z-index: 1000;
  width: 100%;
  margin: auto;
}

header nav ul { list-style: none; }

header nav ul li {
  float: left;
  position: relative;
}

header nav:after {
  content: "";
  display: block;
  clear: both;
}

header nav ul li a {
  color: #000!important;
  font-size: 18px;
  display: block;
  padding: 14px 11px;
  text-decoration: none;
  font-weight:bold;
}

@media (min-width: 1024px) 	{
	header nav ul li a {
	  padding: 14px 16px;
	}
	
	header nav ul li .children a {
	  padding: 7px 16px;
	}
}

header nav ul li:hover { 
	background: #eb7700;
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
}

header nav ul li:hover i { color: yellow; }

header nav ul li i { margin-right: 10px; }

header nav ul li:hover .children { 
	display: block; 
}

header nav ul li .children {
  display: none;
  background: #f8b931;
  position: absolute;
  width: 350%;
  max-width:360px;
  z-index: 1000;
}

header nav ul li .children span { display: none; }

header nav ul li .children li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ffffff;
}



header nav ul li .fa-angle-down {
  position: relative;
  top: 3px;
}
		
@media all and (max-width: 900px) {

		.nav-bar {
		  display: block;
		  width: 100%;
		  position:absolute;
		  top: 150px;
		  right:0;
		  background-color: #f8aa00;
		z-index:99999;
		}

		header nav {
		  width: 100%;
		  height: auto;
		  position:fixed;
		  left: -100%;
		  top : 190px;	
		  overflow: hidden;
		  height: 100%;
		}

		header nav ul li {
		  display: block;
		  width: 100%;
		  border-bottom: 1px solid #ffffff;
		}
		
		header nav ul li:hover { background:#f8aa00; }

		header nav ul li a {
		  padding: 16px 0px;
		}


		header ul li a { display: block; }

		header nav ul li .children {
		  width: 100%;
		  visibility: hidden;
		  height:0px !important;
		  position: relative;
		  overflow:hidden ; /*-------------------------------------------------------------------*/
		  display:block;  /*-------------------------------------------------------------------*/
		}
	
		header nav ul:first-child {margin-top:20px;}
		header nav ul li:hover .children { display:block; }
		header nav ul li ul li:first-child { border-top: 1px solid #ffffff; }
		header nav ul li ul li:last-child { border-bottom: none }

		header nav ul li .children span {
		  display: inline-block;
		  margin-right: 10px;
		}

		header nav ul li .children a {
		  margin-left: 10px;
		  padding: 2px 0;
		}

}

@media all and (max-width: 839px) {
		.nav-bar {
		  top: 140px;
		}
}

@media all and (max-width: 839px) {
		
		.nav-bar {
		  display: block;
		  width: auto;
		  position:fixed;
		  top: 38px;
		  right:20px;
		  background: none;
		 background-color:rgba(255,255,255,0.6);
		  padding:0 15px 0 60px;
		  border-radius: 15px;
			
		}
		
		header nav {
		  top : 100px;	
		}
	
		header nav ul li:hover { background:#f8aa00; }
		
		header nav ul li .children a {
		  margin-left: 30px;
		}
			
	}

@media all and (min-width: 640px) and (max-width: 839px) {
		
		.nav-bar {
		  top: 58px;
		}
	
		header nav {
		  top : 120px;	
		}

	}





/* BUTTON */
#nav-icon p {
	color:#000!important; 
	margin:0; 
	margin-left:-52px;
	font-weight: 300;
	text-transform: uppercase;
}




#nav-icon {
		  width: 24px;
		  height: 22px;
		  position: relative;
		  margin: 15px auto;
		  -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;
		
		}

		#nav-icon span {
		  display: block;
		  position: absolute;
		  height: 4px;
		  width: 100%;
		  background: #000;
		  border-top-left-radius: 4px;
		  border-bottom-right-radius: 4px;
		  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),#nav-icon span:nth-child(3) {
		  top: 9px;
		}

		#nav-icon span:nth-child(4) {
		  top: 18px;
		}

		#nav-icon.open span:nth-child(1) {
		  top: 9px;
		  width: 0%;
		  left: 50%;
		}

		#nav-icon.open span:nth-child(2) {
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
			border-radius:2px;
		}

		#nav-icon.open span:nth-child(3) {
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
			border-radius:2px;
		}

		#nav-icon.open span:nth-child(4) {
		  top: 9px;
		  width: 0%;
		  left: 50%;
		}