#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: 0px; z-index:7;}
html.showmenu #menubg {background:rgba(0,0,0,0.5); 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; left: -100%; top: 0; bottom: 0; background:#fff; width:100%; max-width: 480px;z-index: 11; -webkit-transition: .6s ease 0s; transition: .6s ease 0s; overflow: hidden;}
html.showmenu #mainmenu {left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

#mainmenu > div {height:100%; padding: 50px 30px 30px 30px; position: relative;}
#mainmenu .closemenu {display: block; position: absolute; top:15px; right: 30px; color:#f4364c; background:none; border: none; width:30px;height:30px; text-align: center; line-height: 30px; z-index: 7; 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:#333;font-family: 'Noto Serif', serif; font-style: italic; position: relative;}
#mainmenu form ::-webkit-input-placeholder {color:#333;}
#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:16px; color:#f4364c; line-height: 1; }

#mainmenu > div ul {position: relative; height:100%;}
#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:#333; 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:#f4364c; line-height: 1;}

#mainmenu .submenu {position: fixed; left:-200%; top:50px; 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 {left: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:#f4364c; 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;text-decoration: none;}
#mainmenu .submenu a.dropdown-item:active {background:none;}
#mainmenu .submenu a.dropdown-item.active {background:none; font-weight: 700;}
#mainmenu .submenu li.nothing {padding:18px 0 17px;font-size:14px; font-weight: 600;}

#searchmenu {position: fixed; z-index: 6;  width: 100%; height: 90px; top:-100%; left: 0; right: 0; margin: 0; visibility: hidden; -webkit-transition: all .3s cubic-bezier(0.55, 0, 0.1, 1); transition: all .3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0 1px 2px 0 rgba(0,0,0,.06),0 1px 3px 0 rgba(0,0,0,.1);}
html.showsearch #menubg {background:rgba(0,0,0,0.5); 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; z-index: 5;}
html.showsearch #searchmenu {top: 46px; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

#searchmenu > div {position: relative; width:100%; height: 100%; padding: 0 15px; background:#fff; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
#searchmenu > div form {position: relative; width:100%;}
#searchmenu > div form input {position: relative; flex: 1 1 auto; color:#929da3; font-weight: 400; font-size: 17px; padding-right:45px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-appearance: none; appearance: none; box-shadow: inset 0 1px 2px transparent; height: 48px; font-family: 'Halant', serif;}
#searchmenu > div form button {position: absolute; right: 0; font-size: 24px; background: none; border: 0; -webkit-appearance: none; appearance: none; color:#da0b24; z-index: 1; width: 45px; line-height: 48px; padding: 0;text-align: center; border-radius: 0 4px 4px 0;}
#searchmenu > div form ::-webkit-input-placeholder {color: #929da3; opacity: .85; font-family: 'Halant', serif;}
#searchmenu > div form input:focus {border-color: #f4364c;}

html.webapp #mainmenu > div ul li.mobileapplink {display:none;}