.nav {  position: relative;  width: auto;  display: inline-block;  border: none;  z-index:999;}

.btn-nav {  position: fixed;  right:1%;  top:15px;  background: transparent;  border: none;
  -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:38px;  height:4px;  background-color: #0095DA; }
.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: #0095DA;}

.nav-content {  position: fixed;  top: -100%;  bottom: 0;  left: 0;  right: 0;  background: #0095DA;  display: block;  height: 100%;  z-index:100;}

.nav-list {  position: relative;  top:50px}

.item-anchor:after {  content: "";  position: absolute;  width: 3px;  height: 3px;  left: 0;  bottom: 0;  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:26px;  text-transform: uppercase;  position: relative;  text-decoration: none;  padding:6px;}
.item-anchor:hover,
.item-anchor:focus {  color: #e6212a;
  -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{  width: 100%;  background: #e6212a;
  -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:60px;  text-align: center;  font-size:18px; border-bottom:1px dotted #15B4FF;}

.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;}