.ddsmoothmenu{font:bold 12px;width:100%;display:none;text-align:center; }

nav.f1 .ddsmoothmenu > ul > li:last-child,nav.f2 .ddsmoothmenu > ul > li:last-child{float:right;}

.ddsmoothmenu ul li.lst_li a {display:inline-block;padding: 0;}



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

.ddsmoothmenu ul li{position:relative;display:inline-block;text-align:left; }

.ddsmoothmenu ul li a{display:block;padding:20px 15px;text-decoration:none;text-decoration:none;text-transform:uppercase;font-size:14px;color:rgba(255,255,255,0.7); }

* html .ddsmoothmenu ul li a{display:inline-block;}

.ddsmoothmenu > ul > li > a.selected{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

.ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.on{background:rgba(0,0,0,0.9;)  }

	

/* sub menus */

.ddsmoothmenu ul ul{position:absolute;left:-3000px;display:none;visibility:hidden;background:rgba(0,0,0,0.7);top:50px !important;  }

.ddsmoothmenu ul li ul li{display:list-item;float:none;border-bottom:1px dashed rgba(255,255,255,0.18); }

.ddsmoothmenu ul li ul li ul{top:0px !important;}

.ddsmoothmenu ul li ul li a{font-size:13px;width:200px;padding:15px 10px;margin:0;border-top-width:0;font-weight:normal;}



* html .ddsmoothmenu{height: 1%;} 

.downarrowclass{background:url(../temp-images/sprites_image.png) -56px -9px no-repeat !important;height:3px !important;width:5px !important;position:absolute;top:25px;right: 10px;}

.leftarrowclass{background:url(../temp-images/sprites_image.png) -28px -2px no-repeat !important;height:9px !important;width:5px !important;position:absolute;top: 17px;left: 5px;}

.rightarrowclass{background:url(../temp-images/sprites_image.png) -39px -3px no-repeat !important;height:5px !important;width:3px !important;position:absolute;top:20px;right:8px;}

.ddsmoothmobile .rightarrowclass{background:url(../temp-images/sprites_image.png) -49px -3px no-repeat !important;}



.leftarrowclass{margin-right: 5px;}

.ddshadow{position:absolute;left:0;top:0;width:0;height:0;}

.toplevelshadow{margin:5px 0 0 5px;opacity:0.8;}



.ddcss3support .ddshadow.toplevelshadow {margin: 0;}

div.ddsmoothmobile{position:fixed;top:64px;right:0;width:255px;height:100%;overflow:hidden;visibility:hidden;box-shadow:3px 4px 10px gray;background:#fff; }

div.ddsmoothmobile div.topulsdiv{position:relative;overflow-y:auto;width:100%;height:100%;background:#fff; }

div.ddsmoothmobile ul{list-style:none;width:100%;top:0;left:0;margin:0;padding:0; background:#fff;}

div.ddsmoothmobile ul.submenu{position:absolute;height:100%;overflow-y:auto;}

div.ddsmoothmobile ul li{position:relative;font-weight:bold;}

div.ddsmoothmobile ul li.breadcrumb{cursor:pointer;padding:13px 10px 13px 20px;}

div.ddsmoothmobile ul li a{display:block;padding:10px 12px;font-size:14px;color:#666; }



.animateddrawer{font-size:10px;position:fixed;display:none;top:10px;right:10px;width:34px;height:33px;z-index:1000;padding:5px;background:#000;z-index:9999; }

.animateddrawer:before, .animateddrawer:after{position:absolute; content:''; display:block; width:70%; height:0.3em;border-radius:2px; left:7px; opacity:1; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in; background:#fff;}

.animateddrawer:before{top:10px; } 

.animateddrawer:after{top:auto; bottom:12px;}

.animateddrawer span{ width:70%;height:0.3em;position:absolute;top:50%;left:7px;margin-top:-0.3em;border-radius:2px;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 0.3s ease-in 0.3s;transition:all 0.3s ease-in 0.3s; background:#fff; }



.animateddrawer span::after{content:'';display:block;width:100%;height:0.3em;border-radius:2px;position:absolute;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 0.3s ease-in 0.3s;transition: all 0.3s ease-in 0.3s;background:#fff; }

.animateddrawer.open:before{top:50%;margin-top:-0.3em;opacity:0;}

.animateddrawer.open:after{bottom:50%;opacity:0;}

.animateddrawer.open span{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.animateddrawer.open span:after{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}

/*******/

nav.f2 .downarrowclass,nav.f3 .downarrowclass{background-position:-56px -13px !important;}

nav.f2 .rightarrowclass,nav.f3 .rightarrowclass{background-position:-39px -3px !important;}

.ddsmoothmenu .searchFull{padding-top:5px;}



nav.f3 .ddsmoothmenu ul li a{font-size: 1.2em;}