.ddsmoothmenu{font-size:13px;width:100%;display:none;}
nav.f1 .ddsmoothmenu > ul > li:last-child,nav.f2 .ddsmoothmenu > ul > li:last-child{float:right;}
.bg_df_fr ul{float:right;}
nav.f1.rl_child .ddsmoothmenu > ul > li:last-child,nav.f2.rl_child .ddsmoothmenu > ul > li:last-child{float:left;}
.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;float: left;}
.ddsmoothmenu ul li a{display: block;padding:10px 20px;text-decoration: none;}
* 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{
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
	
/* sub menus */
.ddsmoothmenu ul ul{position: absolute;left: -3000px;display: none;visibility: hidden;top:44px !important;}
.ddsmoothmenu ul li ul li{display: list-item;float: none;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{font-size:13px;width: 200px; padding: 12px 10px;margin: 0;border-top-width: 0;font-weight: normal;}

.ddsmoothmenu ul ul ul{top:0 !important;}

* html .ddsmoothmenu{height: 1%;} 
.downarrowclass{background: url(//catalog.wlimg.com/templates-images/12569/12573/sprites_image.png) -54px -15px no-repeat !important;height:6px !important;width: 9px !important;position: absolute;top:0px;bottom:0px;margin:auto;right:8px; }
.leftarrowclass{background: url(//catalog.wlimg.com/templates-images/12569/12573/sprites_image.png) -25px -2px no-repeat !important;height:9px !important;width: 5px !important;position:absolute;top:17px;left:5px; }
.rightarrowclass{background: url(//catalog.wlimg.com/templates-images/12569/12573/sprites_image.png) -34px -2px no-repeat !important;height:8px !important;width:6px !important;position:absolute;top:0px;right:8px;bottom:0px;margin:auto;}
.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:70px;left:0;width:255px;height:100%;overflow:hidden;visibility:hidden;box-shadow:0 0 10px gray;bottom:0;height:auto;}
div.ddsmoothmobile div.topulsdiv{position: relative;overflow-y: auto;width: 100%;height: 100%;}
div.ddsmoothmobile ul{list-style: none;width: 100%;top: 0;left: 0;margin: 0;padding: 0;}
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:10px 10px 10px 20px;margin-bottom:5px;}
div.ddsmoothmobile ul li a{display:block;padding:10px 12px;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.07);}

.animateddrawer{font-size:10px;position:absolute;display:none;top:12px;left:8px;width:34px;height:33px;/*z-index:1000;*/z-index:10;padding:5px;}
.animateddrawer:before, .animateddrawer:after{position:absolute;content:''; display:block;  width:65%;height:0.2em;border-radius:2px;top:12px;left:7px;opacity:1; -webkit-transition: all 0.3s ease-in; transition:all 0.3s ease-in;}
.animateddrawer:after{top:auto;bottom:13px;}
.animateddrawer span{width:52%;height:0.2em;position:absolute;top:50%;left:7px;margin-top: -0.2em;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;}
.animateddrawer span::after{content:'';display:block;width:100%;height:0.2em;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;}
.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:-54px -15px !important;}
nav.f2 .rightarrowclass,nav.f3 .rightarrowclass{background-position:-34px -2px !important;}
.ddsmoothmenu .searchFull{padding-top:2px;}

nav.f3 .ddsmoothmenu ul li a{font-family: 'Roboto', sans-serif;}