#menubg {display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: background .6s ease 0s, visibility 0s ease .6s, height 0s ease .6s; transition: background .6s ease 0s, visibility 0s ease .6s, height 0s ease .6s; background: none; visibility: hidden; height: 0; z-index: 11; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; opacity: 0.75;}
html.showmenu #menubg {background:#000; visibility: visible; height: 100%; -webkit-transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s; transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s;}

#mainmenu {position: fixed; right: -100%; top: 0; bottom: 0; background:#fff; width:100%; max-width: 480px;z-index: 11; -webkit-transition: right .6s ease 0s; transition: right .6s ease 0s; overflow: hidden;}
html.showmenu #mainmenu {right: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

#mainmenu > div {height:100%; width: 100%; padding: 45px 30px 30px 30px; position: relative;}
#mainmenu .closemenu {display: block; position: absolute; top:20px; right: 30px; color:#1d2022; background:none; border: none; width:30px;height:30px; text-align: center; line-height: 30px; font-size: 22px;}
#mainmenu form {position: relative; margin: 15px auto 0 auto; padding: 0 0 21px 0; border-bottom: 1px solid #e6e6e6;}
#mainmenu form input {padding: 0 10px 0 35px; background: transparent; width:100%; height: 40px;margin: 0; border: 0px solid #ddd; border-radius: 0; font-size: 14px; font-weight: 400; color:#1d2022;font-family: 'Noto Serif', serif; font-style: italic; position: relative;}
#mainmenu form input:focus {-webkit-animation: csAnimateFocus .7s forwards; animation: csAnimateFocus .7s forwards;}
#mainmenu form ::-webkit-input-placeholder {color:#1d2022;}
#mainmenu form button {width:30px; height: 40px; position: absolute;top:0; left: 0; border: 0 none; padding: 0; margin: 0; cursor: pointer; background: none; font-size:20px; color:#333333; line-height: 1; text-align: left;}
#mainmenu form button i {position: relative; top: 1px;}

#mainmenu > div ul {position: relative; margin-bottom: 31px;}
#mainmenu > div ul > li {position: relative; border-bottom: 1px solid #e6e6e6;}
#mainmenu > div ul > li > a {font-size: 16px; text-transform: uppercase; padding: 16px 0; font-family: "Open Sans", sans-serif; font-weight: 600;line-height:1.4em; color:#333333; display: block;position: relative; text-decoration: none;}
#mainmenu > div ul > li > a:hover {text-decoration: none;}
#mainmenu > div ul > li > a i {font-size: 12px; position: absolute; right: 10px; top:50%; margin-top:-6px; width:12px; height:12px; text-align: center; color:#333333; line-height: 1;}

#mainmenu .submenu {position: fixed; right:-200%; top:127px; bottom:0; background:#fff;width:100%; max-width:480px; height:100%; padding: 0; z-index:201; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#mainmenu .submenu.subopen {right:0; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}

#mainmenu .submenu a.mp-back {padding-left: 30px; color:#333333; letter-spacing: -1px;}
#mainmenu .submenu a.mp-back:hover {text-decoration: none;}
.submenu a.mp-back i {position: absolute; left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}

#mainmenu .submenu ul {padding: 0 30px;}
#mainmenu .submenu a.dropdown-item {font-size:14px; padding: 18px 0 17px; text-transform: none;}
#mainmenu .submenu a.dropdown-item:hover {background:none;}
#mainmenu .submenu li.nothing {padding:18px 0 17px;font-size:14px; font-weight: 600; font-family: "Open Sans", sans-serif; line-height:1.4em; color:#333333;}