@charset "utf-8";
/* CSS Document */
.ddsmoothmenu{
width:100%;
float:left;
padding:0px;
margin:0px;
font-family: 'lato-regular';
text-transform:none;
text-align:center;

}
.ddsmoothmenu ul{
z-index:100;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline-block;
float:none;border-right:1px solid rgba(255,255,255,0.2);
}
.ddsmoothmenu ul li:last-child{border-right:none; }
.ddsmoothmenu > ul > li:after { position: absolute; content:''; top: 0; left:50%; width:0; height:100%; border-bottom: 2px solid #ffffff; color: #ff0000; overflow: hidden; transition:all 0.4s ease; }
.ddsmoothmenu > ul > li:before { opacity:0; position: absolute; content:''; bottom:-6px; left:calc(50% - 3px); width: 0; height: 0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #ffffff;  transition:all 0.4s ease;}
.ddsmoothmenu > ul > li:hover:after { width: 100%; left:0px; }
.ddsmoothmenu > ul > li:hover:before { opacity:1; bottom:2px; }

/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; line-height:28px; color:#333333; text-decoration:none; padding:10px 15px; font-family: 'lato-bold'; font-size:17px; position: relative; z-index:9; }
.ddsmoothmenu ul li a:hover{ color:#99ca3c;}
.ddsmoothmenu ul li ul li a{ padding:0px;}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block; }
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected{
display:block; text-decoration:none; }

.ddsmoothmenu ul li a.selected { color:#99ca3c; }
.ddsmoothmenu ul li ul li:last-child { padding:0;}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left:0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0%;
margin:0px; 
width:240px;background: #fff; z-index:999999; box-shadow:0px 3px 9px rgba(0,0,0,0.5);
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ display: list-item; float: none; padding:0; margin:0; border-right:0px; line-height:29px; text-align:left; background:none;  border-bottom:1px solid #ccc;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0; 

}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
text-transform:none;
padding: 6px 15px;
margin: 0;
color:#000 !important;
transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;
line-height:20px; letter-spacing:0.5px;
font-size:14px; font-family: 'lato-bold'; background: #fff;
}
.ddsmoothmenu ul li ul li a:hover{ color:#FFFFFF !important;margin: 0px 0px 0px 0px; background: #007640; padding-left:18px;}

/* 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: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}