.ddsmoothmenu{ float:left; font-size:16px; padding:0px 0px 0px 0px; z-index:9999; margin-top:19px; }
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none; }
/*Top level list items*/
.ddsmoothmenu ul li{ 
position: relative; list-style:none; float: left; margin:0px; padding:0px; font-size:14px; color:#fff; height:22px; display:inline-block;
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-ms-transform: skew(0deg);
-o-transform:skew(0deg);
transform: skew(0deg);
-webkit-transition:all 200ms linear 0s; -moz-transition:all 200ms linear 0s; -o-transition:all 200ms linear 0s; transition:all 200ms linear 0s; 
border-right:1px solid #32797f;
text-transform:uppercase;
padding:0px 10px;
}
.ddsmoothmenu ul li:last-child{
	border-right:none;
}
.ddsmoothmenu ul li a.home span::before{ padding:0 0px 0 0;background:url('../img/home-icon.png') no-repeat 0 0px; width:16px; height:16px; content:""; display:inline-block;}
.ddsmoothmenu ul li a.home:hover span::before{ background-position: 0px 0px;}
/*.ddsmoothmenu ul li::after {
background-color: #f5f5f5;
content: "";
height:0%;
left:0px;
position: absolute;
bottom: 0;
width:100%;
z-index: -1;
-webkit-transition: all 320ms ease 0s;
-moz-transition: all 320ms ease 0s;
-ms-transition: all 320ms ease 0s;
-o-transition: all 320ms ease 0s;
transition: all 320ms ease 0s;

}
.ddsmoothmenu ul li:hover::after { height:100%;}*/

/* menu css */
/*.ddsmoothmenu ul li:hover { background: #f5f5f5;}
.ddsmoothmenu ul li:after { background: #f21f28;  content: "";height: 2px; width: 0%;	transition:all 0.3s ease; position:absolute; left:0; bottom:0;}
.ddsmoothmenu ul li:hover:after { height: 2px; width: 100%;}
.ddsmoothmenu ul li:hover a { color:#f21f28;}
.ddsmoothmenu ul li ul li:after { background:none; height:auto; transition:none;}*/

/* end css */

.ddsmoothmenu ul li a{
/*background of menu items (default state)*/
padding:10px 18px 12px 18px; 
margin:0px;
font-size:14px;
color:#fff;
text-align:center;    
text-decoration: none;
height:100%;
font-family: 'ralewayextrabold';
text-transform:uppercase;
border:1px solid rgba(0, 0, 0, 0);
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
-o-border-radius:25px;

}
.ddsmoothmenu ul li:last-child a{ border-right:none;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
/*.ddsmoothmenu ul li a:hover { height:100%;border-bottom:2px solid #f21f28; }*/



.ddsmoothmenu ul li a:link{  }
.ddsmoothmenu ul li.current-menu-item a, .ddsmoothmenu li.current a, .ddsmoothmenu ul li:hover a { color:#fff; border:1px solid #fff;}
.ddsmoothmenu ul li ul li.current-menu-item a{  }

/*1st sub level menu*/
.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; border: 1px solid #fff; border-bottom:none; /*collapse all sub menus to begin with*/ }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ display: list-item; float: left; background:none; padding:0!important; height:auto; }



/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width:210px; /*width of sub menus*/
padding: 5px 10px 5px 12px;
margin: 0;
border-bottom: 1px solid #f4f4f4;
background:#fff;
color:#000 !important;
font-size:14px;
text-transform:none;
text-align:left;
line-height:25px;
}
.ddsmoothmenu ul li ul li a:hover{ background:#ec1d25; color:#ffffff!important; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{ top: 0; margin:0px; padding:0px; } 
.ddsmoothmenu ul li ul li ul li{ display: list-item; float: left; } 
/* 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{ position: absolute; left: 0;top: 0; width: 0; height: 0; }
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; }

.ddsmoothmenu ul li ul{width:250px!important;border:none!important; left:19px!important;top:35px!important}
.ddsmoothmenu ul li a ul.sub-menu li{float:none!important; display:block!important; width:100%!important; text-align:left!important}
.ddsmoothmenu ul li a ul.sub-menu li.submenuitem a{float:none!important; display:inline-block!important; width:100%!important; text-align:left!important;}
.ddsmoothmenu ul li ul li{    float: none; margin-bottom:7px;}
.ddsmoothmenu ul li ul li a{padding: 6px 32px}