#cssmenu, #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 { color: #736f63; }
#cssmenu ul ul { display: none; }
.align-right { float: right; }
#cssmenu > ul > li > a { padding:20px; cursor: pointer; z-index: 2; font-size: 19px;text-decoration: none; color: #736f63;text-transform: lowercase; width:100%;}
#cssmenu > ul > li {border-bottom: 1px solid #e7e7e7;}

#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a { color: #fff; background: #736f63; }
#cssmenu > ul > li.active > .holder::after,
#cssmenu > ul > li.open > .holder::after,
#cssmenu ul ul li.open > .holder::after{ border-top: 2px solid rgba(255, 255, 255, 0.5);  border-left: 2px solid rgba(255, 255, 255, 0.5); border-bottom: inherit; }
#cssmenu ul ul li .holder{ height: 54px; }

#cssmenu > ul > li.open > a {  }
#cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a {}
.holder {
    width: 50px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.04);
    z-index: 999;
}
.holder::after, .holder::before {
display: block;
position: absolute;
content: "";
width: 9px;
height: 9px;
right: 20px;
z-index: 10;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.holder::after {
top: 21px;
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
border-left: 2px solid rgba(0, 0, 0, 0.5);
}

.holder::before {
top:25px;
border-top: 2px solid;
border-left: 2px solid;
border-top-color: inherit;
border-left-color: inherit;
display: none;
}
#cssmenu ul ul li a { cursor: pointer; border-bottom: 1px solid #f0f0f0; padding:18px 20px; z-index: 1; text-transform:lowercase; text-decoration: none; font-size: 17px; color: #b78752; background: #ffffff; }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background: #c9a885; color: #ffffff; }
#cssmenu ul ul li:first-child > a { box-shadow: none; }
#cssmenu ul ul ul li:first-child > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
#cssmenu ul ul ul li a { padding-left: 30px; }
#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a { border-bottom: 0; }
#cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #32373e; }
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; }
/* #cssmenu ul ul li.has-sub > a::after {
display: block;
position: absolute;
content: "";
width: 8px;
height: 8px;
right: 20px;
z-index: 10;
top: 19px;
border-top:2px solid rgba(0, 0, 0, 0.5);
border-left:2px solid rgba(0, 0, 0, 0.5);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
} */
#cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after {
border-color: #ffffff;
}