@charset "utf-8";

#menum{width:300px; height:300px; max-height:calc(100vh - 90px); position:absolute; top:0px; right:0px; overflow-x:hidden; overflow-y:auto; display:none}
#menum.block{display:block}
.ddsmoothmenu{width:100%; background:url(../images/ddsmoothmenu/menu_bg.jpg) center repeat; display:none; white-space:nowrap; z-index:9999; float:left; transition:0.3s ease-in-out}
.ddsmoothmenu ul{width:100%; margin:0px auto; padding:0px; list-style-type:none; z-index:100; display:table}
.ddsmoothmenu ul li{margin:0px; position:relative; display:table-cell; float:none}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color:#FFF; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; border-left:solid 1px #FFF; margin:11.5px 0px; padding:0px; display:block; transition:0.4s ease-in-out}
.ddsmoothmenu ul li:first-child a{border:none}
.ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover{color:#FF0}
.ddsmoothmenu ul li ul{width:auto !important; min-width:100% !important; background:#0A51A4; position:absolute; top:100% !important; left:-3000px; visibility:hidden; overflow:visible !important}
.ddsmoothmenu ul li ul li{padding:0px 15px; position:relative; display:list-item; float:none}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{line-height:30px; font-size:13px; font-weight:normal; text-align:left; text-transform:none; border-top:solid 1px #DDD; border-left:none; margin:0px; padding:0px 5px; display:block; float:none}
.ddsmoothmenu ul li ul li:first-child a{border:none}
.ddsmoothmenu ul li ul li a.active, .ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover{}
.ddsmoothmenu ul li ul li ul{top:0px !important; left:100% !important}
.ddsmoothmenu ul li ul li ul li{}
.ddsmoothmenu ul li ul li ul li a:link, .ddsmoothmenu ul li ul li ul li a:visited{border-top:solid 1px #DDD}
.ddsmoothmenu ul li ul li ul li:first-child a{border:none}
.ddsmoothmenu ul li ul li ul li a.active, .ddsmoothmenu ul li ul li ul li a.selected, .ddsmoothmenu ul li ul li ul li a:hover{}
.downarrowclass{display:none !important}
.rightarrowclass{display:none !important}
.leftarrowclass{margin:6px 6px 0px 0px; float:left}
.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; display:none}
.ddcss3support .ddshadow {background:none}
div.ddsmoothmobile{background:#FFF; border-top:solid 1px #009541; position:absolute; top:0px; right:0px; left:0px; overflow:hidden; visibility:hidden; z-index:999999 !important}
div.ddsmoothmobile div.topulsdiv{width:100%; height:100%; background:#FFF; position:relative; overflow-y:auto}
div.ddsmoothmobile ul{width:100%; background:#FFF; top:0; left:0; margin:0; padding:0px; list-style:none}
div.ddsmoothmobile div.topulsdiv ul{}
div.ddsmoothmobile ul.submenu{height:100%; position:absolute; padding:0px; overflow-y:auto}
div.ddsmoothmobile ul li{width:100%; position:relative; font-size:14px; border-top:solid 1px #009541; padding:0px 3%; float:left}
div.ddsmoothmobile ul li:first-child{border:none}
div.ddsmoothmobile ul.submenu li:nth-child(2){border:none}
div.ddsmoothmobile ul li.breadcrumb{width:100%; color:#E53D36; font-size:14px; border-bottom:solid 1px #009541; padding:11px 3%; cursor:pointer}
div.ddsmoothmobile ul li.breadcrumb i{margin:0px 5px 0px 0px; float:left}
div.ddsmoothmobile ul li a{color:#009541; font-size:14px; text-decoration:none; margin:0px; padding:11px 0px; position:relative; display:block; transition:0.3s ease-in-out}
div.ddsmoothmobile ul.submenu li a{font-size:12px}
div.ddsmoothmobile ul li a.active, div.ddsmoothmobile ul li a:hover{color:#E53D36}
div.ddsmoothmobile ul li a .rightarrowclass{display:none}
div.ddsmoothmobile ul li a i.fa-angle-right{margin:0px 0px 0px 5px}
.animateddrawer{margin:0px; padding:12px 10px; display:none; float:right}
.animateddrawer div{width:24px; height:20px; position:relative; float:left}
.animateddrawer div:before, .animateddrawer div:after{width:100%; height:2px; background:#009541; content:""; position:absolute; top:0px; left:0px; opacity:1; display:block; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
.animateddrawer div:before{background-position:center 0px}
.animateddrawer div:after{top:auto; bottom:0px}
.animateddrawer span{width:100%; height:2px; background:#009541; margin-top:-1px; position:absolute; top:50%; -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{width:100%; height:2px; background:#009541; content:""; 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{}
.animateddrawer.open div:before{top:50%; margin-top:-0.3em; opacity:0}
.animateddrawer.open div: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:1300px){
    #menum{max-height:calc(100vh - 70px)}
}
@media (max-width:1000px){
    .ddsmoothmenu{display:none}
}