/* 1. Catz Menu
   ----------------------------- */
#topcatz{  z-index:999; height:39px; border-top:3px solid #000000;  border-bottom:3px solid #000000;}
#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:16px; color:#08587e; }
#topcatz .sf-menu li a{ color:#000; text-transform:uppercase; font-size:21px;  display:inline-block; text-decoration:none; line-height:39px; position:relative; background:url(../images/menu-border.png) left center no-repeat; padding:0px 25px; }

#topcatz .sf-menu li.lst a{border-right:none;}
#topcatz .sf-menu li.home{width:35px; text-align:center;}
#topcatz .sf-menu li.home a{ background:url(../images/icon-home.png) left 11px no-repeat; background-color:transparent; border:none; height:36px; font-size:0px;}
#topcatz .sf-menu li.home a:hover{ background-color:inherit !important;}
#topcatz .sf-menu li.mre{ padding-right:0; }
#topcatz .sf-menu li.over > a, #topcatz .sf-menu li a:hover{ color:#fc3940; }
#topcatz .sf-menu li .sub{ }

/* Arrow */
#topcatz .sf-menu li.sub span{ width:15px; background:url(../images/arw-drop.png) right center no-repeat; text-indent:-9999px; display:inline-block; height:11px; vertical-align:middle; margin-top:-7px; }
#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:18px; background:url(../images/arw-sub.png) right center no-repeat!important; }

/* Sub Menu */
#topcatz .sf-menu ul{ display:none; position:absolute; top:40px; left:0px; width:240px; box-shadow:4px 4px 0 0 rgba(35,35,35,0.1); z-index:999; border:2px solid #000;}
#topcatz .sf-menu ul ul{ top:0; left:100%; 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:18px; margin:0; color:#000; display:block; text-transform:uppercase; text-align:left; font-weight:normal; background:#fff; border:none; border-bottom:1px solid #dedede; 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:#edecec; color:#fc3940; 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:0; right:auto; }
#topcatz .sf-menu li.mre ul ul{ left:100%; right:auto; }


/* 2. Mobile Menu
   ----------------------------- */
.mobile-menu{ color:#000; text-align:left; display:none; margin:0px 0px 12px 0px; border:2px solid #000; }
.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:#000; cursor:pointer; }
.mobile-menu .menutxt{ height:42px; line-height:42px; font-size:21px; text-transform:uppercase; color:#000; font-weight:500; }
.mobile-menu .menu-icon{ float:left; margin-right:15px; margin-top:9px; }
.mobile-menu .menu-toggle i{ display:block; background:#000; 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:#000; text-align:center; }
.mobile-menu ul .arw:hover, .mobile-menu ul .arw.active{ background:#edecec; color:#000; }

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


.mobile-menu ul{ background:#fff; position:relative; padding:0; box-shadow:4px 4px 0 0 rgba(35,35,35,0.1);  }
.mobile-menu ul li{ float:none; background:none; position:relative; border-top:1px solid #e3e3e3 !important;}
.mobile-menu ul a{ float:none; text-align:left; height:auto; display:block; opacity:1; font-size:16px;  padding:10px 15px!important; text-decoration:none; visibility:visible; color:#000; text-transform:uppercase;}
.mobile-menu ul a:hover{ background-color:#edecec;  }
.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; }