/* 1. Catz Menu
   ----------------------------- */


/* 2. Mobile Menu
   ----------------------------- */
.mobile-menu{ color:#fff; text-align:left; display:none; margin:15px; background:#f2f2f2; }
.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:35px; position:relative; padding:0 15px; display:block; vertical-align:middle; font-weight:normal; color:#fff; cursor:pointer; box-shadow:4px 4px 0 0 rgba(35,35,35,0.1);  }
.mobile-menu .menutxt{ height:35px; line-height:35px; font-size:14px; text-transform:uppercase; color:#000; font-weight:bold; }
.mobile-menu .menu-icon{ float:left; margin-right:15px; margin-top:7px; }
.mobile-menu .menu-toggle i{ display:block; background:#00a436; 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:36px; line-height:36px; font-size:22px; position:absolute; top:0; right:0; z-index:99; color:#555; text-align:center; }
.mobile-menu ul .arw:hover, .mobile-menu ul .arw.active{ background:#f4f4f4; color:#000; }

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


.mobile-menu ul{ background:#dadada; 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; }
.mobile-menu ul a{ float:none; text-align:left; height:36px; line-height:36px; display:block; opacity:1; font-size:14px; border-top:1px solid #f8f8f8!important; padding:0 15px!important; text-decoration:none; visibility:visible; color:#222; text-transform:capitalize; letter-spacing:1px; }
.mobile-menu ul a:hover{ background-color:#c9c9c9;  }
.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; }
.mobile-menu ul ul ul a{ padding-left:45px!important; }