.in01c{position: relative;text-align: right;}
.navc p{line-height: 30px;}
.navc p a{color: #fff !important;}
.nav {position: relative;right:0px;background: #fff; width: auto;display: inline-block;border: none;}
.nava{height: auto;overflow: hidden;padding-top: 10%;text-align: left;}
.navb{height: auto;overflow: hidden;padding-top: 8%;}
.navc{height: auto;overflow: hidden;padding-top: 25%;text-align: left;color: #FFFFFF}
.btn-nav {position: relative;right: 0px;background: transparent;border: none;padding: 25px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;}

.btn-nav:focus {outline: 0;}
.icon-bar {display: block;margin: 6px 0;width: 40px;height: 5px;background-color: #333333;}
.btn-nav:hover .icon-bar {-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #fff;}

.nav-content {position: fixed;top: -100%;bottom: 0;left: 0;right: 0;background: url(../Image/navbg.jpg) top left repeat;display: block;height: 100%;z-index: 99;}
.nav-list {list-style: none;padding: 0;position: relative;top: 0px;font-size: 24px;}
.nav-list  i{font-style: normal;font-size: 14px;color: #808080;}
.item-anchor:after {color: #fff;content: "";position: absolute;width: 3px;height: 3px;left: 0;bottom: -13px;z-index: 9;background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}

.item-anchor {color: #fff;font-size: 24px;text-transform: uppercase;position: relative;text-decoration: none;}
.item-anchor:hover,
.item-anchor:focus {color: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}

.item-anchor:hover:after,
.item-anchor:focus:after{color: #fff;width: 100%;background: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}

.nav-item {line-height: 55px; color: #FFFFFF;}
.nav-item a{transition:.4s;color: #FFFFFF !important;}
.nav-item:hover a{color: #fff !important;}
.animated {display: block;margin: 0 auto;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{background-color: #fff;}
.animated:focus {cursor: pointer;z-index: 9999;}
.middle {margin: 0 auto;}
.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {z-index: 999999;background-color: #fff;}
.animated .top {-webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}