#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#cssmenu:after,#cssmenu>ul:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:200px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; border: 5px solid #49442b; border-top-width: 10px; border-bottom-width: 10px; border-right: 0 none;}
#menu-line{position:absolute; display: none; top:0; left:0; bottom: 0; background-color:#49442b; -webkit-transition:all .25s linear; -moz-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; transition:all .25s linear;}
#cssmenu ul.treeview-red {border:1px solid #e9e9e9;}
#cssmenu ul li{}
#cssmenu ul li a{padding:6px 10px; font-weight:500; font-size:13px; line-height:20px; text-decoration:none; color:#49442b; background-color:#f7f7f7; border-bottom:1px solid #e9e9e9;}
#cssmenu ul li.active a,#cssmenu ul li a:hover {background-color:#e8e8e8; color:#000; text-decoration:none; font-weight:400;}
#cssmenu ul ul{position:absolute; border:none; width:100%; left:120%; top:0; visibility:hidden; opacity:0; -webkit-transition:all .25s linear; -moz-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; transition:all .25s linear;}
#cssmenu li:hover > ul{left:100%; visibility:visible; opacity:1; z-index:9999;}
#cssmenu ul li.has-sub a{padding-right: 20px;}
.submenu-button{background: rgba(0, 0, 0, 0) url("../image/rcat-arrow.png") no-repeat scroll 100% center;
    bottom: 0;
    cursor: pointer;
    height:10px;
    left: auto;
    position: absolute;
    right: 10px;
    top: 12px;
    width:10px;
    z-index:999;}
	
#close-menu {display:none; position: fixed; width: 20px; height: 20px; background: url(../images/close-icon.png) no-repeat; top:5px; right: 10px; text-indent:-999em;}

@media all and (max-width:767px){  
  #cssmenu ul#red {display:none;}
  #cssmenu{border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0 none; width: 100%; margin-bottom:15px;}
  #cssmenu > ul{position: relative; left: 0; top: 0; bottom: 0; background-color: #49442B; width:200px; padding: 30px 10px 10px; overflow: auto; z-index: 99; transform: translateX(-0px); -o-transform: translateX(-0px); -ms-transform: translateX(-0px); -moz-transform: translateX(-0px); -webkit-transform: translateX(-0px); transition: ease all 0.3s; -o-transition: ease all 0.3s; -ms-transition: ease all 0.3s; -moz-transition: ease all 0.3s; -webkit-transition: ease all 0.3s;}
  #cssmenu > ul.open{transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
  #cssmenu ul li a{background-color: transparent; color: #fff; padding: 10px 0; border-bottom: 1px solid #fff;}
  #cssmenu ul ul,#cssmenu ul ul ul{position:relative; left:0; right:auto; width:100%; margin:0; opacity:1; visibility:visible; padding: 0 0 0 10px;}
  #cssmenu li:hover > ul{left:0;}
  #cssmenu ul ul li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after,#menu-line{display:none;}
  #cssmenu #menu-button{display:block; color:#fff; cursor:pointer; font-size:14px; text-transform:uppercase; background:#49442b url(../images/category.png) no-repeat 97% center; padding:10px;}
  #cssmenu .submenu-button{}
  #cssmenu .submenu-button.submenu-opened{background-image: url(../images/arrow-down.png);}
  
}

.remove_href {cursor:default;}