nav#menu {position: fixed; top: -100%; height: calc(100% - 44px); width: 100vw; z-index: 10; background:#fff; -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1); transition:all 250ms cubic-bezier(0.55, 0, 0.1, 1);-webkit-backface-visibility:hidden; backface-visibility:hidden;}
html.showmenu nav#menu {top: 44px;}

nav#menu > div {position: relative; width:100%; height:100%; margin: 0 auto;}
nav#menu ul.navbar-nav {padding: 0;}
nav#menu ul.navbar-nav > li {position: relative;margin:0; }
nav#menu ul.navbar-nav > li > a {padding: 1.1rem 1.4rem; font-weight:600; color:#002d73; background-color:#fff; font-size:0.9rem;text-decoration:none; text-transform: uppercase;border-left: 5px solid transparent; line-height:1;border-top: 1px solid #dadada;}
nav#menu ul.navbar-nav > li > a:after {display:none;}
nav#menu ul.navbar-nav > li:first-child > a {border-top:none}
nav#menu ul.navbar-nav > li:last-child > a {border-bottom:1px solid #dadada}
nav#menu ul.navbar-nav > li > a i {position:absolute; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -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; right: 1rem; width:24px; height:24px; top:50%; margin-top:-12px; transition: all .3s ease;}

nav#menu ul.navbar-nav > li > a.activelink {color:#174ca1;}
nav#menu ul.navbar-nav > li > a.drop-active {border-left-color:#5bc4be; background-color:#1f2554;color:#fff;}
nav#menu ul.navbar-nav > li > a.drop-active i {transform: rotate(180deg);}

html.webapp  nav#menu ul.navbar-nav > li.mobileapplink {display: none;}

nav#menu ul.dropdown-menu {border:none; border-radius: 0;margin: 0; background-color:#fff; padding: 0 0.7rem 0.7rem 1.45rem; }
nav#menu ul.dropdown-menu li {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction:row; -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; position: relative; font-size: 0.85rem;line-height: 1.3rem;}
nav#menu ul.dropdown-menu li:first-child {padding-top:0.7rem;}
nav#menu ul.dropdown-menu li a {color:#174ca1; padding: 0.2rem 0; background:none; font-weight: 400;text-decoration:none;}
nav#menu ul.dropdown-menu li a:hover, nav#menu ul.dropdown-menu li a:active, nav#menu ul.dropdown-menu li a:focus {background: none; color:#174ca1;}
nav#menu ul.dropdown-menu li a.activelink {color:#174ca1;}

#searchmenu {position: fixed; z-index: 6; width: 100vw; height: 100px; 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); background:#1f2554;}
html.showsearch #searchmenu {top:44px; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

#searchmenu > div {position:relative; 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: flex-start;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; height:100%;}

#searchmenu > div form {position: relative; width:100%; display:block; padding: 1rem 0;}
#searchmenu form input {background-color:#fff; border-radius: 5rem; height:auto; padding: 0.65rem 2.2rem 0.65rem 1.2rem;z-index: 1;}
#searchmenu ::-webkit-input-placeholder {opacity: .7;}
#searchmenu form button {position: absolute; right: 0.9rem; height:55px; font-size: 1.5rem; background:none;border:none; border-radius: 0; color:#1f2554; z-index: 2;}
#searchmenu form button i {position: relative; z-index: 2;}

#menubg {position: fixed; top:0; left:0; width:100%; height:0; z-index: 1; transition: background .6s ease 0s, visibility 0s ease .6s, height 0s ease .6s; visibility: hidden; opacity: .75;}
html.showsearch #menubg {visibility: visible; height:100%; transition: background .6s ease 0s, visibility 0s ease 0s, height 0s ease 0s; background:#000;}

@media (max-width: 360px) { 
    
    nav#menu ul.navbar-nav > li > a {font-size: 0.8rem; padding: 1rem 1.15rem;}
    nav#menu ul.dropdown-menu li {font-size: 0.8rem;}
    
    #searchmenu form input {font-size: 0.8rem; padding: 0.65rem 2rem 0.65rem 1.1rem}
    #searchmenu form button {height:52px; font-size: 1.4rem;}
}