@charset "utf-8";

#menum{width:100%; background:#665139; position:relative; display:none; float:left; z-index:99999}
#menum.block{display:block}
.ddsmoothmenu{width:100%; border:solid 1px #DDD; white-space:nowrap; z-index:9999; float:left; transition:0.3s ease-in-out}
#menu.fixed .ddsmoothmenu{border:none}
.ddsmoothmenu ul{z-index:100; margin:0px; padding:0px; list-style-type:none}
.ddsmoothmenu ul li{position:relative; display:inline; float:left}
.ddsmoothmenu ul li a{line-height:40px; color:#665139; font-weight:700; text-decoration:none; text-transform:uppercase; margin:0px; padding:0px 40px; float:left; transition:0.3s ease-in-out}
.ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover{background:#665139; color:#FFF}
.ddsmoothmenu ul li ul{min-width:150% !important; background:#FFF; border:solid 1px #DDD; padding:0px; border-radius:0px 6px 6px; position:absolute; top:100% !important; left:-3000px; overflow:hidden; visibility:hidden}
.ddsmoothmenu ul li ul li{position:relative; display:list-item; float:none}
.ddsmoothmenu ul li ul li a{width:calc(100% - 10px); line-height:normal; line-height:unset; font-weight:400; text-transform:capitalize; margin:0px 5px; padding:9px 5px; float:none}
.ddsmoothmenu ul li ul li:first-child a{margin-top:9px}
.ddsmoothmenu ul li ul li:last-child a{margin-bottom:9px}
.ddsmoothmenu ul li ul li a.active, .ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover{background:#F4F4F4; color:#665139}
.ddsmoothmenu ul li ul li a span{position:relative}
.ddsmoothmenu ul li ul li a span::before{bottom:-5px}
.downarrowclass{line-height:10px; font-size:8px; font-weight:normal !important; margin:15px 0px 0px 5px; display:inline-block; vertical-align:top}
.downarrowclass::before{content:"\f078"; font-family:FontAwesome}
.rightarrowclass{line-height:10px; font-size:8px; font-weight:normal !important; margin:15px 0px 0px 5px; float:right}
.rightarrowclass::before{content:"\f054"; font-family:FontAwesome}
.leftarrowclass{line-height:10px; font-size:8px; font-weight:normal !important; margin:15px 5px 0px 15px; display:inline-block; vertical-align:top}
.leftarrowclass::before{content:"\f053"; font-family:FontAwesome}
.ddshadow{position:absolute; left:0; top:0; width:0; height:0; background-color:#ccc}
.toplevelshadow{margin:5px 0 0 5px; opacity:0.8}
.ddcss3support .ddshadow.toplevelshadow {margin:0}
.ddcss3support .ddshadow {background:none}
div.ddsmoothmobile{width:calc(100% + 30px); background:#665139; position:absolute; top:15px; left:0px; overflow:hidden; visibility:hidden; z-index:999999 !important}
div.ddsmoothmobile div.topulsdiv{width:100%; height:100%; background:#665139; position:relative; overflow-y:auto}
div.ddsmoothmobile ul{list-style:none; width:100%; top:0; left:0; margin:0; padding:0}
div.ddsmoothmobile ul.submenu{background:#665139; position:absolute; height:100%; overflow-y:auto}
div.ddsmoothmobile ul li{width:100%; border-top:solid 1px #DDD; position:relative; float:left}
div.ddsmoothmobile ul.submenu li.breadcrumb{width:100%; line-height:40px; color:#FFF; text-transform:uppercase; border-bottom:solid 1px #DDD; padding:0px; cursor:pointer}
div.ddsmoothmobile ul li a{line-height:40px; color:#FFF; text-transform:uppercase; text-decoration:none; margin:0px; padding:0px 15px; position:relative; display:block; transition:0.3s ease-in-out}
div.ddsmoothmobile ul.submenu li a{text-transform:capitalize}
.animateddrawer{width:40px; height:40px; background:#F4F4F4; border:solid 1px #665139; border-radius:5px; margin:0px; position:relative; display:none; float:right}
.animateddrawer:before, .animateddrawer:after{content:""; width:calc(100% - 14px); height:3px; background:#665139; border-radius:2px; position:absolute; top:8px; left:7px; opacity:1; display:block; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
.animateddrawer:before{background-position:center 0px}
.animateddrawer:after{top:auto; bottom:8px}
.animateddrawer span{width:calc(100% - 14px); height:3px; background:#665139; border-radius:2px; margin-top:-1px; position:absolute; top:50%; left:7px; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease-in-out 0.3s; transition:all 0.3s ease-in-out 0.3s}
.animateddrawer span::after{content:""; width:100%; height:3px; background:#665139; border-radius:2px; position:absolute; display:block; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease-in-out 0.3s; transition:all 0.3s ease-in-out 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)}

@media (max-width:1520px){
    .ddsmoothmenu ul li a{padding:0px 35px}
}
@media (max-width:1420px){
    .ddsmoothmenu ul li a{padding:0px 30px}
}
@media (max-width:1320px){
    .ddsmoothmenu ul li a{padding:0px 25px}
}
@media (max-width:1220px){
    .ddsmoothmenu ul li a{padding:0px 20px}
}
@media (max-width:1120px){
    .ddsmoothmenu ul li a{padding:0px 15px}
}
@media (max-width:1024px){
    .ddsmoothmenu ul li a{padding:0px 10px}
}

@media (max-width:1000px){
    .ddsmoothmenu{display:none}
}