#haff-menu {
	z-index:99999;
	position:fixed;
}
.showHalfMenu{position:absolute;top:0px;left:-290px;width:300px;height:100%;overflow: hidden;transition: 0.9s;z-index:9999}
#showFullMenu{position: absolute;top:0px;left:0px;width:300px;height:100%;overflow: hidden;transition: 0.9s;}


#nav-1 #main-nav {
    position:absolute;
    top:0px;left:0px;
  width: 247px;
    background-color: #a6adc3;
    height: 100%;overflow: hidden;
    min-height: 720px;   
}
#nav-1 #main-nav ul{width: 220px; padding-top: 60px;}
.main-nav li.back, .sub-back{
     padding-top: 60px;
}
#main-menu{display: none;}

.title {
    font-size: 16px;
    color: #fff;
    padding: 15px 15px;
    border-bottom:none;
    margin-top: 0px;
    margin-bottom: 0px;
}


.title > a .fa{color:#fff;}
.ul{margin:0px;padding:0px;}
.ul li{list-style-type:none;width:100%;border-bottom: none}
.ul li a{text-align:left;text-decoration:none !important;font-size:16px;text-transform: capitalize;color:#fff !important;padding:10px 0px 10px 10px;display:block;    border-bottom: 1px solid #b4e68c;}
.ul li a .fa{margin-right:0px;margin-top:4px; float: right}
.ul li a:hover{background-color:#fff; color: #a6adc3 !important}
a{text-decoration: none;}
.main-nav li.back .fa, li.sub-back .fa{
float: left !important}

/*NAV BAR-2**************************/

#nav-2 .main-nav {
    position:absolute;
    top:0px;left:0px;
    width: 220px;
    background-color: #b0b7cd;
    height: 100%;
    /*overflow: hidden;*/
    min-height: 720px;   
    z-index: 2;display: none;
}
#nav-2 .main-nav .title {
  position: absolute;
right: -55px;
    top: 85px;
  transform:rotate(-90deg);
/*  white-space: pre;*/
  padding:0;
}

/*NAV BAR-3**************************/
#nav-3 .main-nav, #nav-5 .main-nav {
    position:absolute;
    top:0px;left:0px;
    width: 220px;
    background-color: #b0b7cd;
    height: 100%;
    /*overflow: hidden;*/
    min-height: 720px;   
    z-index: 3;display: none;
    padding-right: 15px;
}
#nav-3 .main-nav .title, #nav-5 .main-nav .title  {
  position: absolute;
     left: 201px;
    top: 190px;
  transform:rotate(-90deg);
  white-space: pre;
  padding:0;
}

/*NAV BAR-4**************************/
.home-icon{display: none}
#nav-4 .main-nav {
    position:absolute;
    top:0px;left:0px;
    width: 220px;
    background-color: #bac1d7;
    height: 100%;
    /*overflow: hidden;*/
    min-height: 720px;   
    z-index: 4;display: none;
}
section#nav-4.showbefore:before{
        position: fixed;
    width: 260px;
    height: 100%;
    background: #97a0bb;
    content: "";
    z-index: -1;
    top: 0;
}
#nav-4 .main-nav .title {
  position: absolute;
left: 228px;
    top: 193px;
  transform:rotate(-90deg);
  white-space: pre;
  padding:0;    width: 67px; text-align: right;
}
.search-container{
    position: absolute;
    z-index: 99;
    top: 12px;
  width: 200px;
}
/* .search-container input{
    width: 200px;
    padding-left: 5px;
    font-size: 13px;
    border: 1px solid #fff !important;
    border-radius: 4px !important;
    height: 36px !important;
    background: #ffffff !important;
} */