* {
  box-sizing: border-box;
}

body {
  background: #8f8d8e;
}

.main-nav {
  margin: 0;
  padding: 0;
  height: 44px;
  background-color: rgb(35, 31, 32);
  border-bottom: 4px solid rgb(68, 64, 65);
}

.main-menu {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  height: 100%;
  font-family: FreeSetLightC;
}
.main-menu li {
  float: left;
  width: 20%;
  height: 100%;
  border-right: 1px dashed #434243;
  border-left: 1px dashed #434243;
  overflow: hidden;
}
.main-menu li a {
  position: relative;
  display: block;
  height: 100%;
  text-align: center;
  padding-top: 14px;
  text-decoration: none;
  color: #FFF;
  text-transform: uppercase;
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-size: 100% 88px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABYCAIAAAC79grhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTZCRTNGMzkyRDQxMUUyOTZDRkEwOTJEN0I1OTI2RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTZCRTNGNDkyRDQxMUUyOTZDRkEwOTJEN0I1OTI2RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFNkJFM0YxOTJENDExRTI5NkNGQTA5MkQ3QjU5MjZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFNkJFM0YyOTJENDExRTI5NkNGQTA5MkQ3QjU5MjZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+45QsCAAAACpJREFUeNpiUJZXYGJgYBgy+PBfCRS+HctLOJuRkREvG58YMXJk0AABBgAGVARHQWB1KQAAAABJRU5ErkJggg==);
  /*&:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e61c38;
    position: absolute;
    top: 100%;
    left: 0; 
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }*/
}
.main-menu li.current a, .main-menu li:hover a {
  background-position: 0px -44px;
  /*&:after {
    top: 0%;
     -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }*/
}