.re__display-none {
  
}


.re__project-navigation {
  background:#fff;
  padding-top:24px;
  box-shadow:0 1px 0 #f2f2f2;
}

.re__project-navigation__container {
  width:1140px;
  margin:0 auto;
}

.re__project-navigation__container ul li {
  float:left;
  margin-left:40px;
}

.re__project-navigation__container ul li:first-child {
  margin-left:0;
}

.re__project-navigation__container ul li.re__current,
.re__project-navigation__container ul li:hover {
  position:relative;
  padding-bottom:16px;
}

.re__project-navigation__container ul li.re__current:after,
.re__project-navigation__container ul li:hover:after {
  background:#E03C31;
  width:100%;
  height:2px;
  position:absolute;
  left:0;
  bottom:-1px;
  content:"";
}

.re__project-navigation__container ul li.re__current a,
.re__project-navigation__container ul li.re__current span,
.re__project-navigation__container ul li:hover a,
.re__project-navigation__container ul li:hover span {
  color:#2C2C2C;
}

.re__project-navigation__container ul li a,
.re__project-navigation__container ul li span {
  color:#999;
  display:block;
}

.re__project-navigation__container ul li a {
  font-family:"Lexend Medium",Roboto,Arial !important;
  font-size:18px;
  line-height:28px;
  font-weight:normal !important;
  letter-spacing:-.2px;
}

.re__project-navigation__container ul li span {
  font-family:"Roboto Regular",Roboto,Arial !important;
  font-size:12px;
  line-height:16px;
  font-weight:normal !important;
}

.re__project-navigation__container .re__nav-view-more {
  cursor:pointer;
}

.re__project-navigation__container .re__nav-view-more i {
  margin-left:8px;
}

.re__project-navigation__container .re__nav-view-more span {
  max-width:140px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  -webkit-line-clamp:1;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav {
  visibility:hidden;
  opacity:0;
  position:absolute;
  transition:all 0.5s ease;
  margin-top:24px;
  padding:8px 0;
  background:#fff;
  box-shadow:0 8px 20px rgba(182,182,182,0.42);
  border-radius:8px;
  display:none;
  min-width:188px;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li {
  padding:6px 12px;
  clear:both;
  width:100%;
  margin-right:0;
  margin-left:0;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:after {
  content:none !important;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li a {
  font-family:"Roboto Regular",Roboto,Arial !important;
  font-size:14px;
  line-height:20px;
  font-weight:normal !important;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li a:active {
  background:#ccc !important;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:hover {
  background:#F2F2F2;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:hover a,
.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:hover span {
  background:#F2F2F2;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:active {
  background:#ccc !important;
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li.re__current a {
  color:#74150F;
}

.re__project-navigation__container .re__active .re__dropdown-nav {
  visibility:visible;
  opacity:1;
  display:block;
}

/* Css Project Menu */

.re__project-navigation--fixed {
    position: sticky;
    top: 0px;
    left: 0;
    width: 100%;
    padding-top: 12px;
    box-shadow: 0 4px 10px rgb(182, 182, 182, 0.18);
    z-index: 4;
    padding: 0px 0px;
}

.js__project-navigation .re__clearfix {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
    height: 60px;	
}
.js__project-navigation {
    position: sticky;
    top: 0px;
    left: 0;
    width: 100%;
    padding-top: 12px;
    box-shadow: 0 4px 10px rgb(182, 182, 182, 0.18);
    z-index: 4;
    padding: 0px 0px;
	height: auto;
}