#rfmenu { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #fff; }
#rfmenu_close { position: fixed; z-index: 99; right: 0; top: 0; width: 52px; height: 52px; background: transparent; color:#000; font-size: 24px; }
#rfmenu_close::after { content: '×'; display: inline; }
#rfmenu_close:focus { background-color: #eee; }
.rfmenu_list { display: flex; flex-direction: column; width: 100%; height: 100%; position: absolute; top:0; left: 100%; background: #fff; transition: all 300ms; }
.rfmenu_list.inview { left: 0%; }
.rfmenu_header { width: 100%; padding: 0 60px 0 20px; border-bottom: 1px solid #ddd; box-sizing: border-box; line-height: 52px; font-size: 18px; }
.rfmenu_header button { background: transparent; border: none; color: inherit; font-style: inherit; font-size: inherit; padding:0; height: 52px; }
.rfmenu_header button::before { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); margin-left: 4px; margin-right: 10px; }
.rfmenu_header button:focus { background-color: #eee; }
.rfmenu_body { height: 1px; flex-grow: 1; overflow-y: auto; padding-top: 8px; }
.rfmenu_body ul { list-style: none; padding:0; margin: 0; }
.rfmenu_body ul ul { display: none; }
.rfmenu_footer { padding: 20px 22px; background: #dddddd; display: flex; flex-wrap: wrap; }
.rfmenu_footer .langs a { font-weight: bold; text-decoration: none; }
.rfmenu_footer > * { width: 50%; margin-bottom: 14px; text-decoration: none; }
.rfmenu_footer > *:nth-child(even) { text-align: right; }
.rfmenu_footer > a img { margin-right: 5px; }
.rfmenu_footer .sign { display: inline-block; vertical-align: middle; }
.rfmenu_footer #maincontent { display: none; }
.rfmenu_row { display: flex; }
.rfmenu_row > a { width: 1px; flex-grow: 1; min-height: 48px; display: flex; align-items: center; padding:5px 22px; box-sizing: border-box; text-decoration: none; font-size: 18px; font-weight: bold;}
.rfmenu_row > button { padding: 0; width:48px; height: 48px; background:transparent; color: #000; font-size: 24px;}
.rfmenu_row > button::after { content: '+'; display: inline; }
.rfmenu_row > button:focus { background:#eee; }
body.rfmenuVisible { overflow:hidden; }