#mobilemenu {background-color: #fff; top:85px; bottom: 0; height: calc(100vh - 85px); position: fixed; width:100%; -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; right: -100%;}
html.showmenu #mobilemenu {right: 0;}

#mobilemenu ul.navbar-nav {width:100%;margin: 0;}
#mobilemenu ul.navbar-nav > li {display: block; position: relative; margin: 0; transition: 0.3s 0s background-color ease; float:left; width:100%;}
#mobilemenu ul.navbar-nav > li:hover {background-color:#e8f7fc;}
#mobilemenu ul.navbar-nav > li > a {border-top:1px solid #ebebeb; color:#003fc6; font-size:18px; font-weight: 700; padding: 15px 20px;}
#mobilemenu ul.navbar-nav > li:last-child > a {border-bottom:1px solid #ebebeb; }

#mobilemenu .submenu {position: fixed; right:-100%; top:85px; bottom:0; width:100%; background-color: #fff; z-index: 1001; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
#mobilemenu .submenu.subopen {right: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#mobilemenu .submenu ul {width:100%;}
#mobilemenu .submenu ul li {display: block; position: relative; margin: 0; transition: 0.3s 0s background-color ease; float:left; width:100%;}
#mobilemenu .submenu ul li:hover {background-color:#e8f7fc;}
#mobilemenu .submenu ul li.nothing {border-top:1px solid #ebebeb; font-size:18px; font-style: italic; padding:15px 20px 15px 40px; display: block; position: relative;}
#mobilemenu .submenu ul li.nothing:hover {background-color:transparent;}
#mobilemenu .submenu ul li a {border-top:1px solid #ebebeb; color:#003fc6; font-size:18px; font-weight: 700; padding: 15px 20px 15px 20px; display: block; position: relative; }
#mobilemenu .submenu ul li:last-child > a {border-bottom:1px solid #ebebeb; }

#mobilemenu .submenu ul li a:not(.mp-back) {padding:15px 20px 15px 40px;}
#mobilemenu .submenu a.mp-back i {margin-right:10px; position: relative; top:1px;}

#searchmenu {background-color: #002472; position: fixed; width:100vw; right: 0; left: 0; height: calc(100vh - 85px); width:100%; z-index: 6; bottom:-100%; -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1); }
html.showsearch #searchmenu {bottom: 0;top:85px;}

#searchmenu > div.container {position: relative; padding: 40px 30px;}
#searchmenu form {width:100%; position: relative; overflow: hidden; margin: 0;}
#searchmenu form input {height:60px; border-radius: 50px; margin: 0px; padding: 10px 60px 10px 30px; border: 0 none; position: relative; font-size: 16px; line-height:1.42857; color:#555; background-color: #fff;}
#searchmenu form button {position: absolute; border:0 none; -webkit-appearance: none; appearance: none; background:none;color:#003fc6; font-size: 24px; right: 0px; top:0px; z-index: 1; width:60px; height: 60px; text-align: center;}

@media (min-width: 768px) {
    #mobilemenu {top:95px; height: calc(100vh - 95px);}
    #searchmenu {height: calc(100vh - 95px);}
}