.nav-fixed-wrapper {
  position: fixed;
  top: 220px;
  z-index: 100;
  text-align: center;
}

.nav-fixed {
  position: absolute;
  left: 40px;
  width: 225px;
  padding:3rem 0;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(250, 251, 253, 1) 33%, rgba(232, 238, 244, 1) 74%);
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(250, 251, 253, 1) 33%, rgba(232, 238, 244, 1) 74%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(250, 251, 253, 1) 33%, rgba(232, 238, 244, 1) 74%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8eef4', GradientType=1);
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .2);
}

.nav-fixed ul {
  margin: 0;
  padding: 0;
}


.nav-fixed nav a {
  position: relative;
  display: block;
  outline: none;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
/*  letter-spacing: 1px;*/
  font-weight: 700;
  font-size: 1.420rem;
}


.nav-fixed nav a:hover,
.nav-fixed nav a:focus {
  outline: none;
}
.cl-effect-5 li {
  display: block;
  padding: 1.1rem 0;
  margin: 0.3rem 0;
  margin-left:-15px;
  margin-right:-15px;
}

.cl-effect-5 li:hover,
.cl-effect-5 li:focus {
  background-color: transparent;
}

.cl-effect-5 li.active {
  background: #849dca;
  background: -moz-linear-gradient(left, #849dca 0%, #6061a0 29%, #4d3a88 50%, #4d3a88 56%, #6b4286 68%, #aa5680 100%);
  background: -webkit-linear-gradient(left, #849dca 0%, #6061a0 29%, #4d3a88 50%, #4d3a88 56%, #6b4286 68%, #aa5680 100%);
  background: linear-gradient(to right, #849dca 0%, #6061a0 29%, #4d3a88 50%, #4d3a88 56%, #6b4286 68%, #aa5680 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#849dca', endColorstr='#aa5680', GradientType=1);
}

.cl-effect-5 ul li.active a {
  color: #fff;
}

.cl-effect-5 a {
  overflow: hidden;
}

.cl-effect-5 a span {
  position: relative;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cl-effect-5 a span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  font-weight: 700;
  color: #3C5F9A;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cl-effect-5 li.active a:hover span, 
.cl-effect-5 li.active a:focus span {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}



/*.full {
  display: block;
  height: 100vh;
  line-height: 100vh;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 50vh;
}*/