/* 1. Catz Menu
   ----------------------------- */
#topcatz{  z-index:999; height:45px; padding:0; background:#256990;}
#topcatz .essWrap{ position:relative; }
#topcatz ul{ margin:0; padding:0; text-align:center;  }
#topcatz ul li{ list-style-type:none; position:relative; }

#topcatz .sf-menu{ text-align:center; }
#topcatz .sf-menu li{ float:left; font-size:18px; color:#08587e; width:auto!important; }
#topcatz .sf-menu li a{ color:#fff; text-transform:uppercase; font-size:17px;  display:inline-block; text-decoration:none; font-weight:bold; line-height:47px; position:relative; background:url(../images/menu-border.jpg) left center no-repeat; padding:0px 25px; }

#topcatz .sf-menu li.lst a{border-right:none;}
#topcatz .sf-menu li.home{width:40px!important; background:#e84a25; height:45px}
#topcatz .sf-menu li.home a{ background:url(../images/icon-home.png) 8px 11px no-repeat; background-color:transparent; border:none; height:45px; font-size:0px; padding-left:15px}
#topcatz .sf-menu li.home:hover{ opacity:0.9}
#topcatz .sf-menu li.mre{ padding-right:0; }
#topcatz .sf-menu li:hover{ background:#1f4667}
#topcatz .sf-menu li.over > a, #topcatz .sf-menu li a:hover{  }
#topcatz .sf-menu li .sub{ }

/* Arrow */
#topcatz .sf-menu li.sub span{ width:20px; background:url(../images/arw-drop.png) right center no-repeat; text-indent:-9999px; display:inline-block; height:11px; vertical-align:middle; margin-top:-4px; }
#topcatz .sf-menu li.sub.over span{ /*background-image:url(../images/hvr-drop.png);*/ }
#topcatz .sf-menu li.over > a span{}
#topcatz .sf-menu li ul .sub span{ position:absolute; right:10px; top:14px; background:url(../images/arw-sub.png) right center no-repeat!important; }

/* Sub Menu */
#topcatz .sf-menu ul{ display:none; position:absolute; top:45px; left:0px; width:240px; box-shadow:4px 4px 0 0 rgba(35,35,35,0.1); z-index:999; border:1px solid #2a5880;}
#topcatz .sf-menu ul ul{ top:0; left:98%; z-index:999; }
#topcatz .sf-menu ul li{ float:none; height:auto; }
#topcatz .sf-menu ul li a{ height:auto; line-height:normal; width:auto; font-size:11px; margin:0; color:#fff; display:block; text-transform:uppercase; text-align:left; font-weight:normal; background:#1f4667; border:none; border-bottom:1px solid #2a5880; padding:9px; }
#topcatz .sf-menu ul li:last-child > a{ border:0; }
#topcatz .sf-menu ul li.over > a, #topcatz .sf-menu ul li a:hover{ background-color:#282828; color:#fff; box-shadow:none; border-radius:0px; }
#topcatz .sf-menu ul li a:hover:after{visibility:hidden; opacity:0;}

#topcatz .sf-menu li.mre ul{ left:auto; right:0; }
#topcatz .sf-menu li.mre ul ul{ left:90%; right:auto; }
.mobile-menu .sf-menu li.sub a .arw{ display:none}


/* 2. Mobile Menu
   ----------------------------- */
.mobile-menu{ color:#fff; text-align:left; display:none; margin:0px 0px 15px 0px; background:#256990 ;}
.mobile-menu ul{ margin:0; padding:0; text-align:center; display:none;}
.mobile-menu ul li{ list-style-type:none; position:relative; }
.mobile-menu .menu-toggle{ height:42px; position:relative; padding:0 15px; display:block; vertical-align:middle; font-weight:normal; color:#fff; cursor:pointer; }
.mobile-menu .menutxt{ height:42px; line-height:42px; font-size:14px; text-transform:uppercase; color:#fff; font-weight:500; }
.mobile-menu .menu-icon{ float:left; margin-right:15px; margin-top:9px; }
.mobile-menu .menu-toggle i{ display:block; background:#fff; width:25px; height:3px; margin:3px 0; line-height:0; font-size:0; text-indent:-9999px; white-space:nowrap;}

.mobile-menu ul .arw{ cursor:pointer; width:36px; height:38px; line-height:38px; font-size:22px; position:absolute; top:0; right:0; z-index:99; color:#fff; text-align:center; }
.mobile-menu ul .arw:hover, .mobile-menu ul .arw.active{ background:#595959; color:#fff; }

.mobile-menu ul .arw:before{ content:'+'; }
.mobile-menu ul .arw.active:before{ content:'-'; }


.mobile-menu ul{ background:#18243e; position:relative; padding:0; box-shadow:4px 4px 0 0 rgba(35,35,35,0.1); border:1px solid #313131; border-top:0px; }
.mobile-menu ul li{ float:none; background:none; position:relative; border-top:1px solid #2a5880;!important;}
.mobile-menu ul a{ float:none; text-align:left; height:auto; display:block; opacity:1; font-size:13px;  padding:10px 15px!important; text-decoration:none; visibility:visible; color:#fff; text-transform:uppercase; }
.mobile-menu ul a:hover{ background-color:#595959;  }
.mobile-menu ul ul{ background:none; padding:0; border:0!important; box-shadow:none; }
.mobile-menu ul ul li{ border:0;}
.mobile-menu ul ul a{ padding-left:30px!important; height:auto; padding-right:14px; text-transform:capitalize;}
.mobile-menu ul ul ul a{ padding-left:45px!important; height:auto; }