#nav
{		 
	position: relative;
	display: block;
	z-index: 20;
	margin: 0px;	  
	padding: 0px; 
}
#nav ul {	   
	position: relative;
	margin: 0px;
	padding: 0px; 
	list-style: none;
}
#navcontainer {
position: absolute;
display: block;	
padding: 0px;
margin: 0px;	
right:20px;
}
#nav a {
	display: block;
	color: black;	   
	text-decoration: none; 
	font-family: Tahome, Arial, Helvetica, sans-serif;
	font-weight: normal; 
}			  
#nav .menulevel1 a { 
    text-transform: uppercase;
	color: white;
	padding: 15px 10px 15px 10px !important;
	margin: 0px; 
	font-size: 14pt;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#nav .menulevel1 a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#nav .menulevel1 a:hover, #nav .menulevel1 a:focus, #nav .menulevel1 a:active {
  color: #B8BF33;
}
#nav .menulevel1 a:hover:before, #nav .menulevel1 a:focus:before, #nav .menulevel1 a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#nav .menulevel1 .navactive {
  color: #B8BF33; 
}	      
ul.menulevel2 li.roundend {	
position:absolute;
display:none !important;
}
#nav .menulevel2 a {	
    text-transform: none;
	color: #000000;
	width: 260px !important;
	background-color: #FFFFFF !important;
	font-size: 12pt; 
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #000000;  
border-radius: 0px;
}
#nav .menulevel2 a:hover {
	color: #B8BF33 !important;  
	background: linear-gradient(#78777A, #78777A) !important;
}	
#nav .menulevel2 li .navactive {
	color: #B8BF33 !important;
	background: linear-gradient(#78777A, #78777A) !important;
}	
#nav li {
	display: inline-block;
	margin: 0px;
	padding: 0px; 
}		
#nav li ul {
	position: absolute;
	text-align: left;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0px;
	padding: 0px; 
	width: 280px !important; 
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;  
	
-moz-transform: scaleY(0);
 -ms-transform: scaleY(0);
 -o-transform: scaleY(0);
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
 
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 
 -moz-transition: -moz-transform 0.2s linear;
 -ms-transition: -ms-transform 0.2s linear;
 -o-transition: -o-transform 0.2s linear;
 -webkit-transition: -webkit-transform 0.2s linear;
 transition: transform 0.2s linear; 
}
#nav li li {
	margin: 0px;
	padding: 0px; 
	width: 13.4em;
}
#nav ul ul { 
	z-index: 2 !important;
	width: 160px;
	margin: 0px;
	padding: 0px; 
}
#nav li ul a {
	width: 10.4em;
}
#nav li ul ul {
	margin-top: -1.95em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 14.0em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto; min-height: 0;	
	 -moz-transform: scaleY(1);
 -ms-transform: scaleY(1);
 -o-transform: scaleY(1);
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
}

	  
#navmo
{		 
	position: absolute;
	display: none;
}
@media screen and (max-width: 990px) { 
#nav
{		 
	position: absolute;
	display: none;
}
input[type=checkbox] {
   position: absolute;
   opacity: 0;
}
label {
   position: absolute;
   top: 0px;
   left: 12px;
   z-index: 201;
   display: block;
   font-size:3em; 
   border: solid 2px black;
   color: black;
   cursor: pointer;
   transform: translate3d(0, 0, 0);
   transition: transform .4s;
}
.fieldwrap label {
   position: relative;
   top: 0px;
   left: 0px;
   font-size: 12pt; 
   border: solid 0px white;
   color: black;
   cursor: pointer;
   transform: translate3d(0, 0, 0);
   transition: transform .4s;
}
input[type=checkbox]:checked ~ label {
   transform: translate3d(250px, 0, 0) rotate(90deg);
}
input[type=checkbox]:checked ~ .slide-menu {
   transform: translate3d(0, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu .menu li {
   width: 100%;
}
.slide-menu {
   transform: translate3d(-250px, 0, 0);
   position: absolute;
   width: 250px;
   background: linear-gradient(#78777A, #78777A) !important;
   border-bottom: 1px solid #E0E5FF;
   box-shadow: inset 0px 1px 1px black;
   color: white;
   left: 0;
   height: 100%;
   transition: all .4s;	
}
.slide-menu h1 {  
   display: none;
   background: linear-gradient(#78777A, #78777A);
   border-bottom: 1px solid #E0E5FF;
   box-shadow: inset 0px 1px 1px black;
   margin: 0px;
   padding: 10px;
   color: white;
}
.navmo {
position:relative;
display: block;
width: 100%;
   list-style: none;
   padding: 0;
   margin: 0;
}	
.navmo .menulevel2 {
display: none;
}
.navmo .menulevel3 {
display: none;
}
.navmo ul { 
   position: relative;
   display: block;	 
   width: 100% !important;	
   margin: 0px;
   padding: 0px;
}
.navmo li { 
   position: relative;
   display: block;	 
   width: calc(100% - 32px) !important;
}
.navmo li a { 
   position: relative;
   display: block;	 
   width: 100% !important;
   text-decoration: none;
   color: white;
   font-size: 1.1em;
   padding: 15px;
   background: linear-gradient(#78777A, #78777A);
   border-bottom: 1px solid #B8BF33;
   box-shadow: inset 0px 1px 1px black;
}
.navmo li a:hover {
   background: linear-gradient(#78777A, #78777A);
   box-shadow: inset 0px 1px 1px black;
}
#navcontainer {	
position: relative;
display: block;	 
width: 100%;
padding: 0px;
margin: 0px;
	right: 0px; 
}
}	   	
@media screen and (min-width: 991px) and (max-width: 1199px) {  	  
#nav .menulevel1 a {
	padding: 10px 15px 10px 15px;
}	  
}	






