#searchNav.modal .modal-dialog {max-height: 200px; max-width:500px;}
#searchNav.modal .modal-content {border-radius: 0; background:#f2f2f2; height: 200px;}
#searchNav.modal .modal-header {border: 0 none; min-height: 40px; padding: 0;}
#searchNav.modal button.close {width: 30px; height: 30px; position: absolute;top: 16px; right: 20px; font-size:0.8rem; color:#00a2b2; opacity: 1; }
#searchNav.modal button.close > span {position: absolute; right: 15px; top: 0px; height: 30px; width: 3px; border-radius: 3px; background-color:#00a2b2;}
#searchNav.modal button.close > span:first-child {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#searchNav.modal button.close > span:last-child {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#searchNav.modal .modal-body { 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; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#searchNav.modal .modal-body h2 {text-align: center; display: block; width:100%; position: relative; margin: 0.5em 0 0.4em}
#searchNav.modal form {position: relative; border: 1px solid #ccc; display: block; min-height: 40px; width:100%; max-width: 400px; margin: 0 auto; background: #fff;}
#searchNav.modal form input {color:#636567; font-size: 0.85em; width:100%; padding: 11px 55px 10px 10px; border: none; background:#fff; border-radius: 0;}
#searchNav.modal form button {position: absolute; right: 0; top: 0;padding: 8px;background:#eaeaea; border: none; border-radius: 0; height: 100%;}
#searchNav.modal form button img {width: 28px; position: relative;}

#mobileNav {position: fixed; z-index: 3;top:70px; left: 0px; bottom:0; right: 0px; height:100%; background:#fff; background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eaeff5)); background:-o-linear-gradient(top,#fff 0%,#eaeff5 100%); background: linear-gradient(to bottom,#fff 0%,#eaeff5 100%); overflow: hidden; -webkit-box-shadow: inset 0 50px 60px -50px rgba(0,0,0,0.5); box-shadow: inset 0 50px 60px -50px rgba(0,0,0,0.5); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; visibility: hidden; filter: alpha(opacity=0); opacity: 0; border: none; margin: 0; -webkit-overflow-scrolling: touch;}
html.showmenu #mobileNav {visibility: visible; filter: alpha(opacity=100); opacity: 1;}

#mobileNav div.insidenav {position: absolute; top:0; right: 0; bottom: 0; left: 0; width:100%; height: 100%; display:block; text-align: left; padding: 40px 22px 50px 22px; margin: 0; max-height:calc(100vh - 70px); }

#mobileNav ul#mainnav {position: relative; overflow:hidden; width: auto; height: auto; margin: 0 0 0; padding: 0 0 15px;background-color:transparent;}
#mobileNav ul#mainnav li {position: relative; display: block; width:auto; height: auto; line-height: 1.7; padding: 0px 0px; margin: 1px 0px 0px; border-bottom: 1px dotted #00a2b2;}
#mobileNav ul#mainnav li a {display: block; padding: 10px 15px; width:auto; height: auto; position: relative; margin: 0; color:#012169;}
#mobileNav ul#mainnav li a i {position: absolute; top:50%; margin: -10px 0px 0px 0px; right: 12px; width:20px; height:20px; font-size: 18px; text-align: center;line-height: 20px;}

#mobileNav ul.sub {position: fixed; top: 70px; bottom: 0; right: -200%;-webkit-transition: .6s cubic-bezier(0.7, 1.1, 0.64, 1); -moz-transition: .6s cubic-bezier(0.7, 1.1, 0.64, 1); transition: .6s cubic-bezier(0.7, 1.1, 0.64, 1);  overflow:hidden;  width: 100%; height: 100%; margin: 0; padding: 0;background-color:#012169; z-index: 4;}
#mobileNav ul.sub.subopen {right: 0;}

#mobileNav ul.sub > li {position: relative; display: block; width:90%; height: auto; line-height: 1.7; padding: 0px 0px; margin: 2px auto;}
#mobileNav ul.sub > li:first-child {margin-top:20px;}
#mobileNav ul.sub > li.divider {width:60%;height:1px; background-color:rgba(221,235,236,0.3); margin: 3px auto; padding: 0px;}
#mobileNav ul.sub > li > a {text-align: center; display: block; width:75%; color:#fff; font-weight:300; margin: 0px auto; padding: 7px 0px}

#mobileNav ul.sub > li > a.menuswitch {width:100%; border-bottom: 1px dotted #ddebec; margin: 0px auto 15px; padding: 10px 0px 10px; color:#fff; font-weight: 400;}
#mobileNav ul.sub > li > a.menuswitch i {position: absolute; margin-left: -21px; top: 14px; font-size:22px;}

#mobileNav .menusearch {display:block; position: relative; width:90%; margin: 0 auto 0 auto; padding: 0px 0px 20px 0px;}
#mobileNav .menusearch form {position: relative; width:100%; height:auto; margin: 0 auto; border: 1px solid #ccc; max-width:400px; min-height: 40px;background:#fff;}
#mobileNav .menusearch input { -webkit-border-radius: 0; border-radius: 0; border-color:#00a2b2; color: #636567; padding: 11px 55px 10px 10px;position: relative; display:block; width:100%; border: 0 none; font-size: 0.85em; }
#mobileNav .menusearch button {position: absolute; right:0px; top:0px; padding: 8px; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #eaeaea; text-align: center; cursor: pointer;}
#mobileNav .menusearch button img {width:27px; position: relative;}


@media (min-width:576px) {
    #mobileNav .menusearch {display:none;}
}