plugin-nextscene-fillpath nav a {
  position: absolute;
  top: 50%;
  display: block;
  outline: none;
  text-align: left;
  z-index: 1000;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

plugin-nextscene-fillpath nav a.prev {
  left: -30px;
}

plugin-nextscene-fillpath nav a.next {
  right: -30px;
}

plugin-nextscene-fillpath nav a svg {
  display: block;
  margin: 0 auto;
  padding: 0;
}

plugin-nextscene-fillpath .nav-fillpath a {
  width: 100px;
  height: 100px;
}

plugin-nextscene-fillpath .nav-fillpath .icon-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

plugin-nextscene-fillpath .nav-fillpath a::before,
plugin-nextscene-fillpath .nav-fillpath a::after,
plugin-nextscene-fillpath .nav-fillpath .icon-wrap::before,
plugin-nextscene-fillpath .nav-fillpath .icon-wrap::after {
  position: absolute;
  left: 50%;
  width: 3px;
  height: 50%;
  background: #566475;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 1px solid transparent;
  /* for FF */
}

plugin-nextscene-fillpath .nav-fillpath .icon-wrap::before,
plugin-nextscene-fillpath .nav-fillpath .icon-wrap::after {
  z-index: 100;
  height: 0;
  background: #fff;
  -webkit-transition: height 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, transform 0.3s;
}

plugin-nextscene-fillpath .nav-fillpath a::before,
plugin-nextscene-fillpath .nav-fillpath .icon-wrap::before {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-135deg);
  transform: translateX(-50%) rotate(-135deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

plugin-nextscene-fillpath .nav-fillpath a.next::before,
plugin-nextscene-fillpath .nav-fillpath a.next .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

plugin-nextscene-fillpath .nav-fillpath a::after,
plugin-nextscene-fillpath .nav-fillpath .icon-wrap::after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

plugin-nextscene-fillpath .nav-fillpath a.next::after,
plugin-nextscene-fillpath .nav-fillpath a.next .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

plugin-nextscene-fillpath .nav-fillpath h3 {
  position: absolute;
  top: 50%;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.85em;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}

plugin-nextscene-fillpath .nav-fillpath a.prev h3 {
  left: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

plugin-nextscene-fillpath .nav-fillpath a.next h3 {
  right: 100%;
  text-align: right;
  -webkit-transform: translateY(-50%) translateX(50%);
  transform: translateY(-50%) translateX(50%);
}

plugin-nextscene-fillpath .nav-fillpath a:hover .icon-wrap::before,
plugin-nextscene-fillpath .nav-fillpath a:hover .icon-wrap::after {
  height: 50%;
}

plugin-nextscene-fillpath .nav-fillpath a:hover::before,
plugin-nextscene-fillpath .nav-fillpath a:hover .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(-125deg);
  transform: translateX(-50%) rotate(-125deg);
}

plugin-nextscene-fillpath .nav-fillpath a.next:hover::before,
plugin-nextscene-fillpath .nav-fillpath a.next:hover .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(125deg);
  transform: translateX(-50%) rotate(125deg);
}

plugin-nextscene-fillpath .nav-fillpath a:hover::after,
plugin-nextscene-fillpath .nav-fillpath a:hover .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(-55deg);
  transform: translateX(-50%) rotate(-55deg);
}

plugin-nextscene-fillpath .nav-fillpath a.next:hover::after,
plugin-nextscene-fillpath .nav-fillpath a.next:hover .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(55deg);
  transform: translateX(-50%) rotate(55deg);
}

plugin-nextscene-fillpath .nav-fillpath a:hover h3 {
  opacity: 1;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}