#menubg {position: fixed; z-index: 7; 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; opacity: .8;}
html.showmenu #menubg {background:#455560; 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%; width: 100%; padding: 50px 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: 18px;}
#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:16px; color:#333333; line-height: 1; }
#mainmenu form button i {position: relative; top: 2px;}

#mainmenu > div ul {position: relative; max-height: calc(100vh - 80px);}
#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.active {color:#98012e;background: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: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 {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 a.dropdown-item.active {color:#98012e;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;}

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

html.showsearch #menubg {background:#455560; 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: 1px 1px 1px rgba(0,0,0,.3); background:#98012e;}
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 20px; background:#98012e; 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%; display: block;}

#searchmenu > div form button {position: absolute; border: 0 none; padding: 0px; margin: 0; width:50px;height:46px;border-radius: 0px;background:none; right: 0; line-height: 46px; top: 0; color:#98012e; font-size: 22px;}

#searchmenu > div form input {color:#1d2022; width: 100%; font-size: 18px; font-weight: 300; padding: .3rem 2.5rem .3rem 1rem; margin: 0 auto; letter-spacing: 1.3px; position: relative; border:1px solid #e6e6e6; flex: 1 1 auto; height: 46px; border-radius: 3px; line-height: 1.2;}
#searchmenu > div form ::-webkit-input-placeholder {color:#1d2022;}
#searchmenu > div form input:focus {border-color: #205362;box-shadow: inset 0 1px 2px transparent, 0 .375rem .625rem -0.3125rem rgba(32, 83, 98, .15);}