.containerMenu {
width: 100%;
position: fixed;
/* border-bottom: 1px solid #314757; */
top: 0px;
z-index: 1000;

}
.containerMenu.fixed_menu {
width: 100%;
position: fixed;
top:0px;
left:0px;
z-index:1000;
}
.containerMenu.hide_menu {
/* position: absolute; */
top: -1000px;
}
/* #################################################### */
/* #################################################### */
#nav_menu_wrap {
background-color: #1B2730;
border: 1px solid #314757;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-align: center;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
height: 37px;
}
#nav_menu_wrap ul a:hover {
background-color: #23333F;
}
.smartmenus_separator {
border-bottom: 2px solid #555555;
}
/* #################################################### */
/* #################################################### */
#nav_menu {
border-bottom: 0px solid #314757;
padding:0px 0px 0px 0px;
/* max-width: 380px; */
display: inline-block;
margin: 0px auto 0px auto;

}
@media (min-width: 730px) {

#nav_menu {
border-bottom:0;
padding-top:0em;
}

}
.main-menu-btn {
position:relative;
display:block;
padding: 10px 10px 12px 40px;
/* height:24px; */
overflow:hidden;
/* line-height:26px; */
/* text-align:center; */
cursor:pointer;
color:#BBB1A3;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.main-menu-btn-text {
position:absolute;
top:-99999px; 
}
.main-menu-btn-title {
display:block;
white-space:nowrap;
overflow:hidden;
-ms-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
text-overflow:ellipsis;
opacity:1;
-webkit-transform:none;
transform:none;
-webkit-transition:all 0.25s;
transition:all 0.25s;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-title {
opacity:0;
-webkit-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);
}
.main-menu-btn-title [data-icon]:before {
position:relative;
top:-1px;
vertical-align:top;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
position:absolute;
top:46%;
left:15px;
height:2px;
width:24px;
background:#BBBBBB;
-webkit-transition:all 0.25s;
transition:all 0.25s;
}
.main-menu-btn-icon:before {
content:'';
top:-7px;
left:0;
}
.main-menu-btn-icon:after {
content:'';
top:7px;
left:0;
}
/* close icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
height:0;
background:transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
top:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
top:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.main-menu-btn-logo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.1em;
color:#BBBBBB;
line-height: 15px;
padding: 0px 0px 0px 10px;
}
.main-menu-btn-logo-separator {
margin-right:0.222em;
border-right:1px solid #dad3c9;
padding-right:0.5em;
}
/* hide menu state checkbox offscreen (so it stays visible to screen readers) */
#main-menu-state {
position: absolute;
top: -99999px;
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
display: none;
}
#main-menu-state:checked ~ #main-menu {
display: block;
}
@media (min-width: 730px) {
/* hide the button in desktop view */
.main-menu-btn {
position: absolute;
top: -99999px;
}
/* always show the menu in desktop view */
#main-menu-state:not(:checked) ~ #main-menu {
display: block;
}
}
#main-menu {
margin-bottom:0.666em;
}
@media (min-width: 730px) {
#main-menu {
position:relative;
top:0;
left:0;
margin-bottom:0;
width:auto;
z-index:20000000;
}
}
#main-menu > li [data-icon] {
display:none;
}
@media (min-width: 730px) {
#main-menu > li [data-icon] {
display:inline;
}
#main-menu > li [data-icon]:before {
position:relative;
top:2px;
margin-right:0.375em;
font-size:0.89em;
line-height:20px;
}
#main-menu.sm-blue > li [data-icon]:before {
color:#A4CDE1;
}
}
@media (min-width: 730px) {
#main-menu > li:last-child {
/* float:right; */
border-left:0;
border-left: 0px solid #2b82ac;
}
}
#logo-menu {
margin-right:-4px;
font:italic bold 1em/23px Verdana,Arial,Helvetica,sans-serif;
}
#promo {
display:none;
margin-bottom:0.5em;
padding-top:1em;
opacity:0;
}
@media (min-width: 730px) {
#promo {
margin-bottom:-1em;
}
}
/* ==================== | SmartMenus .sm-blue class | ==================== */
.sm{position:relative;z-index:99999999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

@media only screen and (max-width: 730px) {
.wrapMenu {
width: 100%;
margin: auto;
text-align: left;
max-height: 400px;
overflow-y: auto;
/* background-color: #263644; */
}
#nav_menu_wrap {
text-align: left;
height: auto;
}
#nav_menu {
display: block;
}
}