body{ font-family:MiSansRegular; font-size:14px; color:#3e3939; line-height:1.6;}
a{ text-decoration:none;}
ul,li{ list-style:none; margin:0; padding:0;}
div,span{ box-sizing:border-box;}

.fade{ opacity:0;}
.fade.in{ opacity:1;}
.collapse{ display:none;}
.collapse.in{ display:block;}
.open>.dropdown-menu{ display:block;}
.open>a{ outline:0;}

.container{ width:100%; padding:0 20px; display:flex; align-items:center; justify-content:space-between;}
.nav-bar{ position:relative; height:60px; background-color:#ffffff; display:flex; align-items:center; justify-content:center;}
.nav-bar-fixed-top{ position:fixed; right:0; left:0; top:0; z-index:1030;}
.nav-bar-header{ float:left; height:60px; display:flex; align-items:center; justify-content:space-between;}
.nav-bar-brand>img{ display:block;}
.nav-bar-toggle{ position:relative; float:right; padding:6px; background:#ffffff; border:2px solid #ffffff;}
.nav-bar-toggle:focus{ outline:0;}
.nav-bar-toggle .icon-bar{ display:block; background-color:#54499E; width:15px; height:2px;}
.nav-bar-toggle .icon-bar+.icon-bar{ margin-top:4px;}
.nav-bar-collapse{ float:right;}
.nav-bar-collapse .nav-bar-nav{ width:100%; display:flex; align-items:center;}
.nav-bar-collapse li{ height:60px; padding:0 12px; display:flex; align-items:center; box-sizing:border-box;}
.nav-bar-collapse li>a{ font-size:16px; color:#1e2328; display:flex; align-items:center;}
.nav-bar-collapse li>a:hover{ color:#54499E;}
.nav-bar-collapse li.active>a{ font-family:MiSansBold; color:#54499E;}
.nav-bar-collapse li.button{ padding:0; display:none;}
.nav-bar-collapse li.button>a{ height:40px; background:#54499E; font-size:15px; color:#ffffff; padding:0 16px; border-radius:6px; cursor:pointer; display:flex; align-items:center;}
.nav-bar-collapse li.button>a:hover{ box-shadow:inset 0 0 3rem 3rem rgba(0,0,0,0.08);}
.container .nav-button a{ height:40px; background:#54499E; font-size:15px; color:#ffffff; padding:0 16px; border-radius:6px; cursor:pointer; display:flex; align-items:center;}
.container .nav-button a:hover{ box-shadow:inset 0 0 3rem 3rem rgba(0,0,0,0.08);}

.nav-bar-drop{ position:relative;}
.nav-bar-drop a .caret{ margin-left:4px; border-top:4px solid rgba(30,35,40,.4); border-right:4px solid transparent; border-left:4px solid transparent;}
.nav-bar-drop a:hover{ color:#54499E;}
.nav-bar-drop a.active{ font-family:MiSansBold; color:#54499E;}
.nav-bar-drop a:hover .caret, .nav-bar-drop a.active .caret{ border-top:4px solid #54499E;}
.nav-bar-drop .drop-box{ position:absolute; top:50px; left:0; display:none; z-index:1000;}
.nav-bar-drop:hover .drop-box{ display:block;}
.nav-bar-drop .drop-inner{ width:120px; padding:12px; background:#ffffff; border-bottom:solid 4px #54499E; border-radius:0 0 16px 0; box-shadow:0 10px 15px rgba(0,0,0,.06); display:flex; flex-direction:column;}
.nav-bar-drop .drop-inner a{ font-size:15px; color:#1e2328; line-height:2;}
.nav-bar-drop .drop-inner a:hover{ color:#54499E;}

@media (max-width:767px){
    .container .nav-button{ display:none;}
    .container{ display:block;}
    .nav-bar-header{ width:100%;}
    .nav-bar-collapse{ position:fixed; width:100%; background:#ffffff; left:0; top:60px; bottom:0;}
    .nav-bar-collapse li{ width:100%; height:auto; padding:0 20px !important;}
    .nav-bar-collapse li>a{ width:100%; line-height:40px;}
    .nav-bar-collapse li.button{ display:block;}
    .nav-bar-collapse li.button>a{ width:auto; margin:10px 0 0 0; display:flex; align-items:center; justify-content:center;}
    .nav-bar-collapse .nav-bar-nav{ flex-direction:column;}
    .nav-bar-drop{ width:100%; display:flex; flex-direction:column;}
    .nav-bar-drop .drop-box{ position:relative; width:100%; top:0; left:0;}
    .nav-bar-drop .drop-inner{ width:100%; box-shadow:none; border:none; padding:0 15px 15px 15px;}
}

@media (min-width:768px){
    .nav-bar-header{ float:left;}
    .nav-bar-collapse.collapse{ display:block !important; height:auto!important; overflow:visible !important;}
    .nav-bar-collapse.in{ overflow-y:visible;}
    .nav-bar-toggle{ display:none;}
}