.ddsmoothmenu {
font-family: Open Sans,'Noto Sans',Arial,Helvetica,sans-serif;
font-size:1.15em;
padding:0;
font-weight: bold;
}

.ddsmoothmenu ul {
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left;
}
/*.ddsmoothmenu > ul > li {
border-left:1px solid #bfbdbd;
}
.ddsmoothmenu > ul > li:last-child {
border-right:1px solid #bfbdbd;
}*/

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
/*.ddsmoothmenu > ul > li > a {
text-transform:lowercase;
}*/
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
display:block;
height:20px;
padding:18px 0px 18px 0px !important;
margin: 0 1em;
text-decoration:none;
transition:all 0.2s linear;

/*font-variant:small-caps;*/
text-transform:uppercase;
}
.ddsmoothmenu > ul > li:last-child > a:after { 
	content: ""; 
}

/*@media screen and (max-width: 960px) {
	.ddsmoothmenu ul li a {
	padding:18px 15px 18px 15px !important;
	}	
}*/
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .ddsmoothmenu ul li a:active {
color:#fff;
font-family: 'Noto Sans',Arial,Helvetica,sans-serif;
/*border-bottom:3px solid transparent;*/
/*border-top:3px solid #E00047;*/
/*border-top:5px solid #617FA3;*/
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .ddsmoothmenu ul li a:active {
border-bottom:3px solid transparent;
}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a#current {
color:#fff;
/*border-bottom:3px solid rgb(64,58,27);*/
/*background:url('../images/nav-bg-active.png');*/
/*background:#94C01C;*/
/*opacity:0.60;
filter:alpha(opacity=60);*/
/*border-top:5px solid #fff;*/
}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a#current {
border-bottom:3px solid #fff;
}
.ddsmoothmenu ul li a.selected { 
color:#fff;
/*border-bottom:3px solid rgb(64,58,27);*/
/*background:#3f758a;*/
/*border-top:5px solid #fff;*/
}
.ddsmoothmenu ul li a.selected span { 
/*border-bottom:3px solid rgb(64,58,27);*/
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
position: absolute;
left:0;
display:none; /*collapse all sub menus to begin with*/
visibility: hidden;
/*border-left:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;*/
background-color:#000;
background-color: rgba(0, 0, 0, 0.9);
/* Fall-back for browsers that don't support rgba */
/*background-color:rgb(148, 192, 28);
background-color:rgba(148, 192, 28, 0.8);*/
top:59px !important; /*top position of sub menus*/
width:250px !important; /*width of sub menus*/
/*padding:0 0 10px 0;*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
top:0px !important; /*top position of sub sub menus*/
left:250px !important; /*left position of sub sub menus*/
width:220px !important; /*width of sub sub menus*/
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
/*font: normal 13px 'PT Sans', Arial,Verdana;*/
/*font-family: 'Ubuntu Condensed', Arial,Verdana;*/
font-size:0.9em;
/*font-variant:normal;
font-weight:normal;*/
width:220px; /*width of sub menus*/
height:auto;
padding:1.25em 1em !important;
margin:0;
border:none;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited, .ddsmoothmenu ul li ul li a:active {
border:none;	
/*color:#fff;*/
}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a#current {
/*color:#000;*/
border:none;
/*border-top:1px solid #009390;*/
background: #ab9e74;/*#666666;/*#352f29; */
}

.ddsmoothmenu ul li ul li ul li a {
width:200px; /*width of sub sub menus*/
padding:10px !important;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
/*position: absolute;
top: 13px;
right: 7px;*/
display:none;
}

.rightarrowclass{
position: absolute;
top: 1.25em;
right: 7px;
/*display:none;*/
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

@media screen and (max-width: 1024px) {
    .ddsmoothmenu {
        font-size: 1em;
        line-height: 1.5em;
    }
}
@media screen and (max-width: 900px) {
    .ddsmoothmenu {
        font-size: 0.85em;
        line-height: 1.5em;
    }
}