#menubg {position: fixed; z-index: 10; top:0; bottom: 0; right: 0; left: 0; width:100%; height: 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}
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: -200%; top: 0; bottom: 0; background:#043673; width: 100%; max-width: 480px; height:100%; z-index: 11; overflow: hidden; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; box-sizing: border-box; color:#fff; box-shadow: 0px 0px 100px rgba(0, 0, 0, .75); -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
html.showmenu #mainmenu {left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 1s; transition: all 1s;}

#mainmenu button.closemenu {display: block; position: absolute; top:12px; right: 15px; color:#043673; background:#fff; border: none; width:36px;height:36px; text-align: center; line-height: 36px; font-size: 20px; border-radius: 50%;}
#mainmenu > div {height:100%; width: 100%; padding: 50px 0px 30px 0px; position: relative;}
#mainmenu > div ul {position: relative; margin: 0px;}
#mainmenu > div ul > li {position: relative; margin: 0; border-bottom: 1px solid rgba(0,0,0,0.2);}
#mainmenu > div ul > li > a {display: block; position: relative; color:#fff; padding: 12px 20px; text-decoration: none; font-size: 1rem; font-weight: 600;}
#mainmenu > div ul > li > a i {font-size: 16px; position: absolute; right: 15px; top:50%; margin-top:-8px; width:16px; height:16px; text-align: center; line-height: 1;}
#mainmenu > div ul > li > a.active {background-color: transparent; color:#febf4b;}

#mainmenu .submenu {position: fixed; left: -100%; top:50px; bottom:0; background:#043673;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); transform:translate3d(0px, 0, 0);}

#mainmenu .submenu a.mp-back {padding-left: 35px; color:#fff;text-transform: uppercase; font-weight: 600;}
#mainmenu .submenu a.mp-back:hover {text-decoration: none;}
.submenu a.mp-back i {position: absolute; left:10px;}

#mainmenu .submenu ul {position: relative; padding: 0; margin: 0;}
#mainmenu .submenu ul li a {display: block; position: relative; text-transform: none; text-decoration: none; padding: 12px 30px 12px 35px;}
#mainmenu .submenu ul li.nothing {display: block; position: relative; padding:16px 30px 16px 35px; font-weight: 400;}
#mainmenu .submenu ul li a:hover {background:none;}
#mainmenu .submenu ul li a.active {background-color:transparent; color:#febf4b;}

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

html.showsearch #menubg {background:rgba(0,0,0,0.5); visibility: visible; height:100%; /*height: calc(100vh - 132px); top:132px;*/ -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;}

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

#searchmenu > div {position: relative; width: 100%; height:100%; padding: 0 0; background:none; display: -webkit-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-box-pack: center; -ms-flex-pack:center; justify-content: center;}
#searchmenu > div form {position: relative; width:90%;}
#searchmenu > div form button {position: absolute; top:1px; right: 1px;font-size: 1.25rem;z-index: 1; background: #fff; border:none; padding: 0; -webkit-appearance: none; appearance: none;color:#043673; line-height: 48px; width:48px; text-align: center; border-radius: 0px 6px 6px 0px;}
#searchmenu > div form button i {position: relative; line-height: 1;}

#searchmenu > div form input {position: relative; width:100%; height: 50px;border-color: #043673; border-width:1px; border-radius: 6px; padding-right: 3.5rem; color:#333; font-size: 1rem; font-family: 'Open Sans', sans-serif; flex: 1 1 auto; box-shadow: 0 1px 2px rgba(0,0,0,.15);}
#searchmenu > div form ::-webkit-input-placeholder {color:#333333; opacity: .75; font-family: 'Open Sans', sans-serif;}
#searchmenu > div form input:focus {border-color:#febf4b; box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(254, 191, 75,.15);}