/*mainNav Nav*/
.mainNav{background-size:cover;
	     transform:translateX(-100%);width: 280px;height:100%;left:0;top:0;transition:none;
	     z-index:1100;overflow-y: auto;
         background-color:#cbe464;
         transition: all .7s;
         position:fixed !important;
         border:none;  
	 }
.inlineBlock>li {
    font-size: 110%;
}
.mainNav>ul{margin-bottom: 50px;display: block;}
.mainNav>ul>li{
	display:block;
    text-align: left;
    width:100%;
    border-left:none;
    border-bottom:1px solid #e2e7c7;
    padding:0;
    }
.mainNav>ul>li>a:hover, .mainNav>ul>li>a:focus, .mainNav>ul>li.active>a{
   color:#333 !important;
    }
.mainNav>ul>li>a{color:#333 !important;padding-left: 1em;text-align: left;border:none !important;line-height:3;}
.mainNav>ul>li.active{background:#f2f2f2;}
.mainNav>ul>li.active>a{color:#c9501b !important;}

.mainNav.active{transform:translateX(0);transition:all .7s}

.subNav{position:relative;padding-top:0;margin-top: 0;width: 100%!important;}
.subNav li a{background-position: 98% center;white-space:normal;line-height:1.2;padding:.5em 2em;}
.subNav li a:hover{background-position: 99% center;}


.otherLink{font-size: 95%;padding:0;}
.otherLink ul {
    font-size: inherit;
    text-align: left;
    width: 78%;
    margin: auto;
}
.otherLink li{ 
  margin: 0 0 15px;
  width: 100%;
  text-align: center;
}
.otherLink li a{line-height:2;padding:0 1em;border:1px solid #333;color:#333;}
.otherLink li a:hover{background-color:#fff;}



/*mobile_btn*/
.mobile_btn{
  position:absolute;
  left:15px;
  top: 50%;
  display:block;
  z-index:0;font-size: 190%;
  color:#c9501b;
  padding:0px;
  transform: translateY(-50%);
}


.block{width:100%;height:100%;left:0;top:0;position:fixed;background-color:rgba(0,0,0,.7);display:none;z-index:50}