ul.storke {
  list-style: none;
}


ul.storke li{ 
	display: inline-block;
}

ul.storke li a{ 
  display: block;
  padding: 13px 10px 0px 10px;
  text-decoration: none;
  color:rgba(255, 255, 255, 0.8);
  margin: 0 20px;
  font-weight:bold;
}


ul.storke li a,
ul.storke li a:after,
ul.storke li a:before {
  transition: all .5s;
}


ul.storke li a:hover {
  color: #fff;
}

ul.storke li a {
  position: relative;
}

ul.storke li  a:after{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #fff;
  height: 2px;
}
ul.storke li  a:hover:after{
  width: 100%;
}

ul.storke li .active {
  position: relative;
}

 ul.storke  li.active a:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  content: '.';
  color: transparent;
  background: #fff;
  height: 2px;
 }

 ul.storke > li.active >a {
  color: #fff;
 }




/*
.sub_nav {
  width: 100%;
  margin: 0 auto;

}
.sub_nav ul {
  list-style: none;
  *text-align: center;
}
.sub_nav ul li {
  display: inline-block;
}
.sub_nav ul li a {
  display: block;
  padding: 13px 20px 0px 20px;
  text-decoration: none;
  color:rgba(255, 255, 255, 0.8);
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 20px;
}
.sub_nav ul li a,
.sub_nav ul li a:after,
.sub_nav ul li a:before {
  transition: all .5s;
}
.sub_nav ul li a:hover {
  color: #fff;
}


.sub_nav ul li a {
  position: relative;
}
.sub_nav ul li a:after{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #fff;
  height: 2px;
}
.sub_nav ul li a:hover:after{
  width: 100%;
}
*/