.ddsmoothmenu { float: left; padding:0px; font-size:16px;  text-transform:none;  -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;  margin:0px 0px 0 0; }
.ddsmoothmenu ul { z-index:100; margin:0; padding:0px 0px; list-style-type: none; }
/*Top level list items*/
.ddsmoothmenu ul li { position: relative; padding:0px 0px; margin:0px 46px 0 0; line-height: 34px; float: left;}
.ddsmoothmenu ul li.has-dropdown a span { display: inline-block; margin: 0 0 0 3px; border-left: 4px solid transparent; border-right: 4px solid transparent;
border-top: 5px solid #ffffff;}
.ddsmoothmenu ul li.has-dropdown:hover a span {border-top: 5px solid #f49300;}
.ddsmoothmenu ul li:last-child{padding-right:0px; margin-right:0;}
.ddsmoothmenu ul li:last-child:after { display: none;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a { display: block; color:#333333; text-decoration:none; padding:0 0 30px; position:relative; font-family: 'sansumi-extraboldregular'; font-size: 16px; letter-spacing: 1px; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;  }

/*.ddsmoothmenu ul li a::before {position: absolute; display: block; content: ""; top:14px; right: -15px; width: 1px; height: 12px; background:#33645e;}*/
.ddsmoothmenu ul li:last-child a::before { content:none;}
/*.ddsmoothmenu ul li a::after { position: absolute; display: block; content: ""; left: 50%; width: 0; height: 3px; bottom: 0;  background: #f49300; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}*/
.ddsmoothmenu ul li:hover a::after { /*width: 100%; left: 0;*/ display: block;}

.ddsmoothmenu ul li a::after { /*position: absolute; display: block; content: ""; left: 50%; width: 0; height: 3px; bottom: 0;  background: #f49300;*/ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;display: block;
width: 0px;height: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;position: absolute;z-index: 9;content: "";bottom: -8px;right: 0px;left: 0px;margin: auto; display: none;}

.ddsmoothmenu ul li:hover a::after, .ddsmoothmenu ul li a.selected::after { /*width: 100%; left: 0;*/ display: block;}

/*.ddsmoothmenu ul li:hover a::after { width: 100%; left: 0;}*/
.ddsmoothmenu ul li a.selected{color: #f49300; }
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected { color: #0057a7;} 
* html .ddsmoothmenu ul li a { display: inline-block; }

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

@keyframes dpmenu
{
    0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0;}
    50% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); 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:0 20px; margin:0; border-bottom: 1px dotted #cacaca; text-align:left;  }
.ddsmoothmenu ul li ul li a.dropdown { background: url(../images/sub-menu-arr.png) no-repeat right 13px center;  }
.ddsmoothmenu ul li ul li a.dropdown:hover { background:#555 url(../images/sub-menu-arr-h.png) no-repeat right 13px center;}
.ddsmoothmenu ul li ul li::after { display: none;}

/*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:10px 0px; color:#000000!important; line-height:20px; font-size: 14px; font-family: 'sansumi-extraboldregular'; text-transform:none;}

/* .ddsmoothmenu ul li ul li:first-child a{padding-top:20px;}
.ddsmoothmenu ul li ul li:last-child a{padding-bottom:20px;} */

.ddsmoothmenu ul li ul li a:hover { color:#f58025 !important;  text-decoration:none; background: none; }
.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: 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; }


/* .ddsmoothmenu ul li ul li a::after, .ddsmoothmenu ul li ul li a:hover:after { display:none }
.sticky-wrapper.is-sticky .ddsmoothmenu ul li ul li:first-child a:before { display:none; } */

.ddsmoothmenu ul li ul li:first-child, .ddsmoothmenu ul li ul li { padding:8px 20px 8px;}
.ddsmoothmenu ul li ul li a { padding:0; text-decoration:none;}
.ddsmoothmenu ul li a:hover ul li a { text-decoration:none;}
.ddsmoothmenu ul li.has-dropdown a.active span {  border-top: 5px solid #f58025;}