.logo_menu{width: auto; height: 20px; position: relative; float: left; margin: 15px;}
.logo_menu img, .whats_menu img{width:auto; height: 100%; display: block;}
.whats_menu{width:30px; height: 30px; position: relative; float: right; margin: 10px 5px; display: none;}

.bt_menu, .bt_cmenu, .logo_menu, .mobile{display:none; border:0;}
.bt_menu{position:relative; float:right; padding:0px 10px; line-height: 50px; color:#00228d; font-size:16px;}
.bt_cmenu button{width:100%; height:auto; position:relative; float:left; margin:0 0 20px 0; text-align:center; padding: 10px; border:0; font-size:16px; color:#fff; background:#324b63;}

.bg_menu{ position:relative; float:left; margin:0; z-index: 9; width: 100%;}
.menu {width:100%; position:relative; float:left;}
.menu li{width:20%; height: 50px; position: relative; float: left; box-sizing: border-box; border-left-width: 1px; border-left-style: solid; border-left-color: rgba(0,0,0,0.3); border-right-width: 1px; border-right-style: solid; border-right-color: rgba(255,255,255,0.3); box-sizing: border-box;}
.menu li:nth-child(2){border-left-width: 0;}
.menu li:nth-last-child(1){border-right-width: 0;}

.menu li i{font-size:11px;}
.menu li a, .menu li span{width:100%; height:auto; position:relative; float: left; line-height: 50px; font-size:13px; color: #00228d; text-align:center; font-weight:600;}
.menu li a:hover{color:#00006b; background:#eee;}
.menu li ul{width:600px; height:auto; position:absolute; top:100%; right:-200px; background:#324b63; border-top:3px solid #324b63; display:none;}
.menu li ul li{width:33.33%; height:auto; position:relative; float:left; padding: 0; }
.menu li ul li a{width:100%; position:relative; float:left; color: #fff; line-height: 30px; font-size:12px; font-weight:300; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: rgba(255,255,255,0.2); text-align:left; box-sizing:border-box; padding: 0 10px;}
.hover{display:block !important;}

@media only screen and (max-width:995px) {
.bg_menu{width:100%; height:100%; position:fixed; top:0; left:-100%; background:#fff; overflow:scroll; z-index:9999; box-sizing:border-box;}
.bt_menu, .bt_cmenu, .mobile, .whats_menu{display:block;} .desktop{display: none;}
.menu{width:100%; height:100%;}
.menu li{width:100%; height:auto; box-sizing:border-box; border: 0;}
.menu li a,.menu li span {width:100%; line-height: 50px;  text-align:center; border-bottom-width: 1px; border-bottom-color:rgba(0,0,0,0.2); border-bottom-style: solid; box-sizing:border-box; padding:0px 10px; color:#00228d;}

.menu li ul{width:100%; height:auto; position:relative; float:left; top:0; left:0; display:none; background:#f4f4f4; }
.menu li ul li a{color:#00228d; text-align:center;}
.menu li ul li{width:100%; border-bottom-color: rgba(0,0,0,0.2); border-bottom-width: 1px; border-bottom-style: dashed;}
}