/** Main Menu **/
#mobilemenu {position: fixed; top:-150%; right:auto; left: auto; width:100%; background-color: #fff; height: calc(100% - 50px); -webkit-transition:all .4s cubic-bezier(0.55, 0, 0.1, 1); transition:all .4s cubic-bezier(0.55, 0, 0.1, 1); z-index: 10;}
html.showmenu #mobilemenu { top:50px;}

#mobilemenu > div {position: relative; height: auto; padding: 20px 25px;}
#mobilemenu > div ul {position: relative; margin: 0;}
#mobilemenu > div ul > li {position: relative; margin: 0; border-bottom:1px solid #e2e8ef;}
#mobilemenu > div ul > li > a {display: block; position: relative; width:auto; height: auto; margin: 0; color:#1d1d1d; opacity: 0.9; font-weight: 700; font-size: 1rem; line-height: 1.5; padding: 10px 25px 10px 0px;}
#mobilemenu > div ul > li > a:hover {background-color:transparent; color:#1d1d1d;}
#mobilemenu > div ul > li > a > i {position: absolute; width: 16px; height:16px; right: 2px; top:50%; margin-top: -8px; line-height: 1;}

#mobilemenu .submenu {right: -100%; position: fixed; top:50px; bottom:0; background-color:#fff; width:100%;height: calc(100% - 50px); 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;}
#mobilemenu .submenu.subopen {right:0; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}

#mobilemenu .submenu ul {position: relative; margin: 0; padding: 20px 25px;}
#mobilemenu .submenu li {position: relative; margin: 0; padding: 0;}
#mobilemenu .submenu li a {color: #1d1d1d; padding: 10px 0px; position: relative;}

#mobilemenu .submenu a.mp-back {color:#345def}
#mobilemenu .submenu a.mp-back i {}

/** Search Menu **/
#searchmenu {position: fixed; top:-100%; left: 0; right: 0; background:#fff;width:100%; height: 100px; z-index: 6; -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1); box-shadow: 0 1px 2px 0 rgba(0,0,0,.06),0 1px 3px 0 rgba(0,0,0,.1); border-radius: 0px 0px 4px 4px;}
html.showsearch #searchmenu { top:50px;}

#searchmenu > div {padding: 0 15px;display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center; align-items: center;height: 100%;}
#searchmenu form {width:100%; position: relative;}
#searchmenu form ::-webkit-input-placeholder {color:#555;font-family: 'sofia-pro', sans-serif; letter-spacing: -.025rem;}
#searchmenu form input {position: relative; width:100%; padding: 10px 40px 10px 15px; font-size: 1rem; line-height: 1.63; letter-spacing: -.025rem; color:#1d1d1d; border:2px solid #e2e8ef; height:54px; border-radius: 4px; background-color: #f7fafc;font-family: 'sofia-pro', sans-serif;}
#searchmenu form button {display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center; align-items: center; position: absolute; top:2px;right:2px;bottom:2px; width:44px;height:50px; padding: 0;border: 0 none; border-radius: 4px;background-color:transparent; color:#4a5568; z-index: 2; font-size: 22px;}

#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:5;}
html.showsearch #menubg {background:rgba(0,0,0,0.4); 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;}