.ddsmoothmenu { float: right; padding:0px 0px; font-size:16px;  text-transform:none; transition:all 0.4s ease;  margin:0; width:auto;}
.ddsmoothmenu ul { float: left; z-index:100; margin:0; padding:0px 0px; list-style-type: none; }

/*Top level list items*/
.ddsmoothmenu ul li { position: relative; padding:37px 0; margin:0px 29px 0 0; line-height: 40px; float: left; text-align:center;}
.ddsmoothmenu ul li a{font-family: 'proxima_novasemibold';color: #fff;text-transform: uppercase;font-size: 13px;line-height: 20px;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a { position: relative;display: block;font-size: 14px;color: #3a4660;text-decoration: none;padding-left: 0px;font-weight: 400;text-transform: uppercase;transition: all 0.5s ease;font-family: 'PlusJakartaSans-Bold';  }
.ddsmoothmenu > ul > li.current-menu-ancestor a, .ddsmoothmenu > ul > li.current-menu-parent a, .ddsmoothmenu > ul > li.current-page-ancestor a, 
.ddsmoothmenu > ul > li.current-page-parent a, .ddsmoothmenu > ul > li.current_page_item > a { color: #0887cc;}

.ddsmoothmenu > ul > li.current-menu-ancestor LI a, .ddsmoothmenu > ul > li.current-menu-parent a, .ddsmoothmenu > ul > li.current-page-ancestor li a, 
.ddsmoothmenu > ul > li.current-page-parent li a, .ddsmoothmenu > ul > li.current_page_item > a { color: #3a4660;}

.ddsmoothmenu > ul > li.current-menu-ancestor a:after, .ddsmoothmenu > ul > li.current-menu-parent a:after,
.ddsmoothmenu > ul > li.current-page-ancestor a:after, .ddsmoothmenu > ul > li.current-page-parent a:after,
.ddsmoothmenu > ul > li.current_page_item  a:after { content: "";background: #f6d62b;width: 100%;height: 3px;position: absolute;bottom: -13px;left: 0;}
.ddsmoothmenu > ul > li li.current-page-ancestor a { color: #3a4660;}

.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.selected { color: #0887cc;} 
* html .ddsmoothmenu ul li a { display: inline-block; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left:0; display: none; visibility: hidden; padding:0px 0 0; width:214px; border-top:0px solid #8c1544; box-shadow: 0px 8px 8px 4px rgba(0,0,0,0.15); transform-origin: 0 0; transition: all 200ms ease 0s; height: auto !important; animation: dpmenu 0.5s ease-in-out;}

@keyframes dpmenu
{
    0% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0;}
    50% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; }
    100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
}   

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { float: none; width:100%; padding:0px; margin: 0px; border-bottom:1px solid #ddd; text-align:left; background:#fff;  }

/*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 { display:block;padding:9px 25px 10px 10px; position: relative; text-decoration:none;font-size: 13px;font-family: 'PlusJakartaSans-Medium';line-height: 20px;}
.ddsmoothmenu > ul > li:last-child li a, .ddsmoothmenu ul li li li a {padding:9px 10px 10px 10px; }
.ddsmoothmenu ul li ul li.menu-item-has-children > a { background:url("../images/submenu-arw.png") no-repeat scroll calc(100% - 8px) 13px; background-size: 6px auto; }
.ddsmoothmenu ul li ul li a:hover { color:#fff;background-color: #0887cc;}
.ddsmoothmenu ul li ul li a:after, .ddsmoothmenu ul li ul li a:before { display:none }

.ddsmoothmenu ul li ul li:last-child {border-bottom: 0;}
.sub-menu-toggle { display: none; }

/* 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; }