/* MENU */
#menu{
position:relative;
width:730px;
}

@media (min-width: 680px) {
  #menu {
    top:14px;
	left:auto;
	margin:0 auto;
  }
}

@media (min-width: 992px) {
  #menu {
    top:20px;
	left:auto;
	margin:0 auto;
  }
}

@media (min-width: 1200px) {
  #menu {
    top:-30px;
	left:320px;
	margin:0
  }
}

#menu ul{
padding:0;
list-style:none;
overflow:hidden;
}

#menu  li{
float: left;
border:none;
}

#menu  li a{
color:#fff;
font-size: 20px;
text-decoration:none;
}

#menu ul li ul{
position:absolute;             
left:420px; 
top:32px;          
display:none;             
margin:2px 0 0 -1px;             
padding:0;             
list-style:none;
border:1px solid #fff220;
z-index:300;
}

#menu ul li ul li{ 
float:none;
min-height:20px;
max-height:auto;          
padding:4px;
padding-left:10px;
padding-right:10px;
border:none;
border-bottom:1px solid #fff220;
white-space: nowrap;
background-color:#0095da;
}

#menu ul li ul li:last-child{ 
border-bottom:none;
}

#menu ul li ul li:hover{ 
background-color:#23386c;
}

#menu ul li ul li a{ 
display:block;
height:auto;
color:#fff;
letter-spacing:2px;
line-height:160%;
font-size:18px;
text-decoration:none;
}

#menu ul li ul li a:hover{ 
color:#fff200;
text-decoration:none;
}

#menu  .text-style-button{
    border: 1px solid #fff220;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	height:34px; 
	width:auto; 
	overflow: hidden;
	padding:2px 10px 0 10px;
	margin:0 10px 0 0;
}

#menu  .text-style-button2{
    border: 1px solid #fff220;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	background-color: #0095da;
	height:34px; 
	width:auto; 
	overflow: hidden;
	padding:2px 10px 0 10px;
	margin:0 10px 0 0;
}

#menu .text-style-button:hover {
    opacity:.85;
	background:none;
	background-color: #0095da;
	color: #fff220;
    cursor: pointer; 
	text-decoration:none;
}

#menu ul li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
}

.nav-button { display: none; }

@media (max-width: 679px) {
.nav-button {
display: block;
width: 50px;
height: 35px;
margin:0 auto 10px auto;
background-image: url('../fixed-images/menu-icon-large.png');
background-position: center center;
background-repeat: no-repeat;
background-size: 21px, 100%;
background-color: none; 
cursor: pointer;
border: 1px solid #fff;
box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
border-radius: 5px;
z-index: 999;
text-indent: -9999px;
}
.nav-button:hover { 
background-color: rgba(0,0,0,.1); 
}
.nav-button.open {
background: url('../fixed-images/close-icon-large.png');
background-position: center center;
background-repeat: no-repeat;
background-size: 21px, 100%;
}

#menu{
position:relative;
width:auto;
overflow:hidden;
}

#menu ul{ 
    width:auto;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

#menu ul li{ 
	display: none; 
	margin:0 0 10px 0;
}

#menu  .text-style-button{
	margin:0;
}

/* Toggle the navigation bar open  */
#menu ul.open{ 
    width:200px;
	height: auto; 
}
#menu ul.open li{ 
	display: block; 
	width:100%;
}
#menu ul.open li::before{ 
	content:""; 
}
}