img {border : 0;}

a img {outline : none;}


/*Menu*/

.menu_label{
	display:none;
	}

#nav
{
	font-family: 'NexaHeavy','Open Sans', sans-serif;
	position: relative;
	/*margin-left: -6em;*/
    margin-left: 0em;
	margin-top:21%;
	text-transform: uppercase;
	z-index: 1000;
}

#nav > a
{
display: none;
}

#nav li
{
position: relative;
list-style-type: none;

}
#nav li a
{
  color: #aaaaaa;
  display: block;
 
}
#nav li a:active
{
  background-color: #222!important;
}

#nav li a:hover
{
  color: #fff;
}


#nav li span
{
font-family: 'NexaHeavy','Open Sans', sans-serif;
color: #aaaaaa;
vertical-align: middle;
display: block;
font-size: 1.5em;
line-height: 2.5em; 

}

#nav span:after
{
font-family: 'FontAwesome';
content: '\f107';
vertical-align: middle;
display: inline-block;
position: relative;
top:-6%;
right: -1em; /* 5 */
}

/* first level */

#nav > ul
{
height: 3.75em; /* 60 */
list-style-type: none;
font-size:10px;
}

#nav > ul > li
{
  width: 22%;
  height: 100%;
  float: left;
}
#nav > ul > li > a
{
height: 100%;
font-size: 1.5em; /* 24 */
line-height: 2.5em; /* 60 (24) */
text-align: center;
}
#nav > ul > li:not( :last-child ) > a
{
/*border-right: 1px solid #cc470d;*/
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
background-color: #222;
}


/* second level */

#nav li ul
{
	background-color: #fff;
	background: rgba(255, 255, 255, 0.9);
	display: none;
	position: absolute;
	top: 100%;
	left: -14%!important;
	width: 180%;
	font-size: 10px;
	color: #222!important;
}
  #nav li:hover ul
  {
	  display: block;
	  left: 0;
	  right: 0;
  }
	  #nav li:not( :first-child ):hover ul
	  {
		  left: -1px;
	  }
	  #nav li ul a
	  {
		  font-size: 1.25em; /* 20 */
		  padding: 20px 20px 20px 50px; /* 15 (20) */
	      color: #222!important;
	  }
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
	background-color: #ccc;
}
		  
		  
/* Media Queries */

@media only screen and ( max-width: 1080px )
{
#nav
{
width: 120%;
position: relative;
margin-left: 5.8%;
margin-top:24%;
}
}



@media only screen and ( max-width: 1024px )
{

/*Menu BTN*/
	
.menu_label{
	display: block;
	position:absolute;
	top: 22%;
	left: 82%;		
	}	
	
.menu_label h4{
		
	font-family: 'NexaHeavy','Open Sans', sans-serif;
	color:#ff0!important;
	}	
	
	
html
{
font-size: 75%; 
}

#nav
{
width: 100%;
position: relative;
top: auto;
left: auto;
margin-top:0%;
margin-left: 0%;

}

    
#nav span
{
	width: auto!important; 
	height: 70px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 0%;
	margin-top: 0%;
	font-size: 20px;
    line-height: 36px!important; 
	color: #bbbbbb;
	padding: 18px 0px 18px 18px;
    
	font-weight: normal;
	font-variant: normal;  
    border-right: none;
    border-bottom: 1px solid #bbbbbb;
}  

#nav > a
{
	width: 60px; 
	height: 60px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 92%;
	margin-top: 1%;
	font-size: 20px;
	color: #bbbbbb;
	padding: 18px 0px;
	font-weight: normal;
	font-variant: normal;  

}

#nav > a:hover
{
	color: #fff; 
}
  
  #nav > a:after
  {
	  top: 60%;
  }

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
  display: block;
}


/* first level */


#nav > ul
{
height: auto;
width: 96%;
display: none;
position: absolute;
left: 0.4%;
right: 0;
margin-top:-0.8%;
background-color:#222;
}


#nav:target > ul
{
  display: block;

}
#nav > ul > li
{
  width: 100%;
  float: none;

}
  #nav > ul > li > a
  {
	  
	  height: 70px;
	  text-align: left;
	  padding: 16px 20px; /* 20 (24) */
  }
	  #nav > ul > li:not( :last-child ) > a
	  {
		  border-right: none;
		  border-bottom: 1px solid #bbbbbb;
	  }


/* second level */

#nav li ul
{
  position: relative;
  padding: 1.25em; /* 20 */
  padding-top: 0;
  left:-2%!important;
  width: 100%;
}

#nav li ul a
	{
		padding: 20px 20px 20px 20px; /* 15 (20) */
		width:103.5%;
		margin-left: -1.8%;
	}	

}



@media only screen and ( max-width: 800px) 
{
	
/*Menu BTN*/
	
.menu_label{
	display: block;
	position:absolute;
	top: 22%;
	left: 88%;
	}	
	
.menu_label h4{
		
	font-family: 'NexaHeavy','Open Sans', sans-serif;
	color:#ff0!important;
	}	
	
	
html
{
font-size: 75%; 
}

#nav
{
position: relative;
top: auto;
left: auto;
}

#nav span
{
	width: auto!important; 
	height: 70px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 0%;
	margin-top: 0%;
	font-size: 20px;
    line-height: 36px!important; 
	color: #bbbbbb;
	padding: 18px 0px 18px 18px;
	font-weight: normal;
	font-variant: normal;  

} 
    
#nav > a
{
	width: 60px; 
	height: 60px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 100%;
	margin-top: 2%;
	font-size: 20px;
	color: #bbbbbb;
	padding: 18px 0px;
	font-weight: normal;
	font-variant: normal;  
}

#nav > a:hover
{
	color: #fff; 
}
  
  #nav > a:after
  {
	  top: 60%;
  }

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
  display: block;
}


/* first level */


#nav > ul
{
height: auto;
width: 130%;
display: none;
position: absolute;
left: -14%;
right: 0;
	margin-top:-0.5%;
background-color:#222;
}


#nav:target > ul
{
  display: block;

}
#nav > ul > li
{
  width: 100%;
  float: none;

}
  #nav > ul > li > a
  {
	  
	  height: 70px;
	  text-align: left;
	  padding: 16px 20px; /* 20 (24) */
  }
	  #nav > ul > li:not( :last-child ) > a
	  {
		  border-right: none;
		  border-bottom: 1px solid #bbbbbb;
	  }


/* second level */

#nav li ul
{
  position: relative;
  padding: 1.25em; /* 20 */
  padding-top: 0;
  left:-1.4%!important;
  width: 110%;
}

#nav li ul a
	{

		padding: 20px 20px 20px 20px; /* 15 (20) */

	}	
	
	
}


@media only screen and ( max-width: 768px) 
{
	
/*Menu BTN*/
	
.menu_label{
	display: block;
	position:absolute;
	top: 22%;
	left: 88%;

	}	
	
.menu_label h4{
		
	font-family: 'NexaHeavy','Open Sans', sans-serif;
	color:#ff0!important;
	}	
	
	
html
{
font-size: 75%; 
}

#nav
{
position: relative;
top: auto;
left: auto;
}

#nav span
{
	width: auto!important; 
	height: 70px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 0%;
	margin-top: 0%;
	font-size: 20px;
    line-height: 36px!important; 
	color: #bbbbbb;
	padding: 18px 0px 18px 18px;
	font-weight: normal;
	font-variant: normal;  

} 
    
#nav > a
{
	width: 60px; 
	height: 60px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 100%;
	margin-top: 2%;
	font-size: 20px;
	color: #bbbbbb;
	padding: 18px 0px;
	font-weight: normal;
	font-variant: normal;  
}

#nav > a:hover
{
	color: #fff; 
}
  
  #nav > a:after
  {
	  top: 60%;
  }

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
  display: block;
}


/* first level */


#nav > ul
{
height: auto;
width: 130%;
display: none;
position: absolute;
left: -14%;
right: 0;
margin-top:-0.5%;
background-color:#222;
}


#nav:target > ul
{
  display: block;

}
#nav > ul > li
{
  width: 100%;
  float: none;

}
  #nav > ul > li > a
  {
	  
	  height: 70px;
	  text-align: left;
	  padding: 16px 20px; /* 20 (24) */
  }
	  #nav > ul > li:not( :last-child ) > a
	  {
		  border-right: none;
		  border-bottom: 1px solid #bbbbbb;
	  }


/* second level */

#nav li ul
{
  position: relative;
  padding: 1.25em; /* 20 */
  padding-top: 0;
  left:-1.8%!important;
  width: 110%;
}

#nav li ul a
	{

		padding: 20px 20px 20px 20px; /* 15 (20) */

	}	
	
	
}



@media only screen and ( max-width: 750px) 
{
	
/*Menu BTN*/
	
.menu_label{
	display: block;
	position:absolute;
	top: 22%;
	left: 88%;

	}	
	
.menu_label h4{
		
	font-family: 'NexaHeavy','Open Sans', sans-serif;
	color:#ff0!important;
	}	
	
	
html
{
font-size: 75%; 
}

#nav
{
position: relative;
top: auto;
left: auto;
}

    
#nav span
{
	width: auto!important; 
	height: 70px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 0%;
	margin-top: 0%;
	font-size: 20px;
    line-height: 36px!important; 
	color: #bbbbbb;
	padding: 18px 0px 18px 18px;
	font-weight: normal;
	font-variant: normal;  

}     

#nav > a
{
	width: 60px; 
	height: 60px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 100%;
	margin-top: 2%;
	font-size: 20px;
	color: #bbbbbb;
	padding: 18px 0px;
	font-weight: normal;
	font-variant: normal;  
}

#nav > a:hover
{
	color: #fff; 
}
  
  #nav > a:after
  {
	  top: 60%;
  }

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
  display: block;
}


/* first level */


#nav > ul
{
height: auto;
width: 130%;
display: none;
position: absolute;
left: -15%;
right: 0;
	margin-top:-0.5%;
background-color:#222;
}


#nav:target > ul
{
  display: block;

}
#nav > ul > li
{
  width: 100%;
  float: none;

}
  #nav > ul > li > a
  {
	  
	  height: 70px;
	  text-align: left;
	  padding: 16px 20px; /* 20 (24) */
  }
	  #nav > ul > li:not( :last-child ) > a
	  {
		  border-right: none;
		  border-bottom: 1px solid #bbbbbb;
	  }


/* second level */

#nav li ul
{
  position: relative;
  padding: 1.25em; /* 20 */
  padding-top: 0;
  left:-1.8%!important;
  width: 110%;
}

#nav li ul a
	{

		padding: 20px 20px 20px 20px; /* 15 (20) */

	}	
	
	
}




@media only screen and ( max-width: 720px) 
{
	
/*Menu BTN*/
	
.menu_label{
	display: block;
	position:absolute;
	top: 22%;
	left: 88%;

	}	
	
.menu_label h4{
		
	font-family: 'NexaHeavy','Open Sans', sans-serif;
	color:#ff0!important;
	}	
	
	
html
{
font-size: 75%; 
}

#nav
{
position: relative;
top: auto;
left: auto;
}

#nav span
{
	width: auto!important; 
	height: 70px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 0%;
	margin-top: 0%;
	font-size: 20px;
    line-height: 36px!important; 
	color: #bbbbbb;
	padding: 18px 0px 18px 18px;
	font-weight: normal;
	font-variant: normal;  

} 
    
#nav > a
{
	width: 60px; 
	height: 60px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 100%;
	margin-top: 2%;
	font-size: 20px;
	color: #bbbbbb;
	padding: 18px 0px;
	font-weight: normal;
	font-variant: normal;  
}

#nav > a:hover
{
	color: #fff; 
}
  
  #nav > a:after
  {
	  top: 60%;
  }

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
  display: block;
}


/* first level */


#nav > ul
{
height: auto;
width: 130%;
display: none;
position: absolute;
left: -15%;
right: 0;
	margin-top:-0.5%;
background-color:#222;
}


#nav:target > ul
{
  display: block;

}
#nav > ul > li
{
  width: 100%;
  float: none;

}
  #nav > ul > li > a
  {
	  
	  height: 70px;
	  text-align: left;
	  padding: 16px 20px; /* 20 (24) */
  }
	  #nav > ul > li:not( :last-child ) > a
	  {
		  border-right: none;
		  border-bottom: 1px solid #bbbbbb;
	  }


/* second level */

#nav li ul
{
  position: relative;
  padding: 1.25em; /* 20 */
  padding-top: 0;
  left:-1.8%!important;
  width: 110%;
}

#nav li ul a
	{

		padding: 20px 20px 20px 20px; /* 15 (20) */

	}	
	
	
}




@media only screen and ( max-width: 640px) 
{
	
.menu_label{

	display: block;
	position:absolute;
	top: 30%;
	left: 88%;

	}	
	
.menu_label h4{
		
	font-family: 'NexaHeavy','Open Sans', sans-serif;
	color:#ff0!important;
	}	
	
	
html
{
font-size: 75%; /* 12 */
}

#nav
{
position: relative;
top: auto;
left: auto;
}

#nav span
{
	width: auto!important; 
	height: 70px; 
	text-align: left;
	text-indent: 0px;
	position: relative;
	left: 0%;
	margin-top: 0%;
	font-size: 20px;
    line-height: 36px!important; 
	color: #bbbbbb;
	padding: 18px 0px 18px 18px;
	font-weight: normal;
	font-variant: normal;  

} 
    
    
#nav > a
{
	width: 60px; /* 50 */
	height: 60px; /* 50 */
	text-align: left;
	/*text-indent: -9999px;*/
	text-indent: 0px;
	/* background-color: #e15a1f;*/
	position: relative;
	left: 100%;
	margin-top: 2%;
	font-size: 20px;
	color: #bbbbbb;
	padding: 18px 0px;
	font-weight: normal;
	font-variant: normal;  
}

#nav > a:hover
{
	color: #fff; 
}
  /*#nav > a:before,
  #nav > a:after
  {
	  position: absolute;
	  border: 2px solid #fff;
	  top: 35%;
	  left: 25%;
	  right: 25%;
	  content: '';
  }*/
  
 
  
  #nav > a:after
  {
	  top: 60%;
  }

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
  display: block;
}


/* first level */

#nav > ul
{
height: auto;
width: 130%;
display: none;
position: absolute;
left: -16.5%;
right: 0;
background-color:#222;
}


#nav:target > ul
{
  display: block;

}
#nav > ul > li
{
  width: 100%;
  float: none;

}
  #nav > ul > li > a
  {
	  
	  height: 70px;
	  text-align: left;
	  padding: 16px 20px; /* 20 (24) */
  }
	  #nav > ul > li:not( :last-child ) > a
	  {
		  border-right: none;
		  border-bottom: 1px solid #bbbbbb;
	  }


/* second level */

#nav li ul
{
  position: relative;
  padding: 1.25em; /* 20 */
  padding-top: 0;
  left:-1.8%!important;
  width: 110%;
}

#nav li ul a
	{

		padding: 20px 20px 20px 20px; /* 15 (20) */

	}
	
}


@media only screen and ( max-width: 540px) {
	
.menu_label{
	left: 84%;
	}	
	
/* first level */

#nav > ul
{
left: -18%;
}

#nav > ul > li
{
  width: 110%;
}


/* second level */

#nav li ul
{

  left:-2.8%!important;

}


}



@media only screen and ( max-width: 480px) {
	
/* first level */

#nav > ul
{
width: 134%;
left: -22%;

}

#nav > ul > li
{
  width: 110%;
}

}


@media only screen and ( max-width: 360px) {
	
.menu_label{
	left: 78%;
	}		
	
	
/* first level */

#nav > ul
{
width: 142%;
left: -26%;

}

#nav > ul > li
{
  width: 110%;
}

/* second level */

#nav li ul
{

  left:-5%!important;

}

}

@media only screen and ( max-width: 320px) {
	
.menu_label{
	left: 72%;
	}		
	
	
/* first level */

#nav > ul
{
width: 146%;
left: -29%;

}

#nav > ul > li
{
  width: 100%;
}

/* second level */

#nav li ul
{

  left:-7%!important;
  width: 110%;
}


}