@charset "utf-8";
/* CSS Document */
.ddsmoothmenu{width: 100%;float: right;padding:0px;margin: 8px 0px 0px 0px;font-family: 'nunito_sansextrabold';letter-spacing: 0.5px;text-transform:none;}
.ddsmoothmenu ul{z-index:100;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style-type: none;text-align: left;}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline-block;

margin:0px; float:left;
}
.ddsmoothmenu ul li a{}
.ddsmoothmenu ul li.margin { margin-right: 49.5%;}
/*Top level menu link items style*/
.ddsmoothmenu ul li span,
.ddsmoothmenu ul li a{display: block;line-height: 18px;color: #2a2134;text-decoration:none;padding:0px;margin: 0px 10px 0px 0px;transition: all .5s ease;font-family: 'Lato-Bold';font-size: 14px;letter-spacing: 0.5px;padding: 8px 20px;position: relative;text-transform: uppercase;}
.ddsmoothmenu ul li span,
.ddsmoothmenu ul li a:hover{color: #21a6e0!important;}



.ddsmoothmenu ul li ul li a{padding:0px;}
.ddsmoothmenu ul li:first-child { /*padding-left:0;*/}
.ddsmoothmenu ul li:last-child {border-right:none;}
.ddsmoothmenu ul li:last-child a{/* font-family: 'nunito_sansextrabold'; */margin-right: 0;}

.ddsmoothmenu ul li.menu-item-has-children a:after,
.ddsmoothmenu ul li.dropdown a:after {background: url(../img/d-arrow.png) no-repeat right center;content:"";display:inline-block;width:8px;height:5px;position: absolute;right: 5px;top: 15px;}

.ddsmoothmenu ul li.menu-item-has-children li a:after,
.ddsmoothmenu ul li.dropdown li a:after{ display:none}

.ddsmoothmenu ul li.menu-item-has-children a:after,
.ddsmoothmenu ul li.dropdown:hover a:after {background: url(../img/d-arrow.png) no-repeat right center;}

/* .ddsmoothmenu ul li ul li span {
    background: transparent url("../img/submenu-arw.png") no-repeat scroll right center;
    width: 5px;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 13px;
} */

* 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.selected a{display:block;color: #21a6e0;text-decoration:none;}



.ddsmoothmenu ul li.current-menu-item,
.ddsmoothmenu ul li.current-menu-ancestor a,
.ddsmoothmenu ul li a.active {color: #151212!important;border: 1px solid #000;border-radius: 4px;}

.ddsmoothmenu ul li ul li,
.ddsmoothmenu ul li.current-menu-ancestor ul li a,
.ddsmoothmenu ul li.current-menu-ancestor ul li.current-menu-item {
    border: none !important;
}

.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;overflow:visible !important;width:220px;background: #ffffff;z-index:999999;box-shadow: 1px 1px 8px rgb(0 0 0 / 38%);}

/*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 rgb(169 162 162 / 21%);}
.ddsmoothmenu ul li li:last-child a, .ddsmoothmenu ul li li:last-child a:hover  {
color:#FFFFFF;
}

/*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: 8px 15px;margin: 0;color: #0f1113 !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:22px;/* letter-spacing:0.5px; */font-size: 14px;text-transform: uppercase;font-family: 'Lato-Bold';}
.ddsmoothmenu ul li ul li a:hover{color:#FFFFFF !important;margin: 0px 0px 0px 0px;background: #2daae1;}

/* 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 a.selected:before{/* position:absolute; *//* content:""; */left:0;right: 0px;margin: auto;width: 0px;top: 0px;/* background:#ed3238; *//* height:2px; */transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #f58426;}
.ddsmoothmenu ul li a.selected:before{/* width:100%; */}
.ddsmoothmenu ul li ul li a:hover:before { width: 0;}
.ddsmoothmenu ul li ul li a.selected:before{ width:0; }
.ddsmoothmenu ul li ul li a.selected { color: #fff !important;}