.header-wrapper {
  margin: 0 auto;
  z-index: 1;
  padding: 88px 0; /* no */
}
.header-logo {
  display: inline-block;
  width: 155px; /* px */
  height: 60px; /* px */
  font-size: 18px; /* px */
  background-image: url('/static/img/newlogo.png');
  background-size: cover; 
  cursor: pointer;
}
.header-collapse-btn {
  cursor: pointer;
  position: fixed;
  height: 32px; /* px */
  width: 32px; /* px */
  right: 32px; /* px */
  top: 52px; /* px */
  z-index: 30;
  background-image: url('/static/img/MenuBtn.svg');
  background-size: cover;
}
.modal-header .modal-wrapper {
  height: 100%;
  width: 100%;
  padding-left: 0;
}
.modal-header-content {
  padding-top: 12%;
}
.modal-header-content > span.header-index {
  float: right;
  clear: both;
  margin: 2% 0;
  font-size: 24px; /* px */
}
.modal-header-bg {
  position: absolute;
  opacity: 0.5;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 50%;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  background-image: url("/static/img/tree-mask-image.svg");
}
.modal-header-contact {
  margin-top: 24%;
  float: right;
  clear: both;
}
.header-contact-wrapper {
  float: right;
  clear: both;
  font-weight: normal;
  margin-top: 16px; /* px */
}
.header-contact-top, .header-contact-bottom {
  float: right;
  clear: both;
  font-size: 16px; /* px */
  color: #444;
}
.header-contact-bottom {
  margin-top: 12px; /* px */
}
.header-contact-bottom, .header-contact-bottom a {
  color: #984c39;
  text-decoration: none;
}

.header-index {
  display: inline-block;
  margin-left: 48px; /* no */
  font-size: 18px; /* px */
  line-height: 200%;
  color: #444;
  cursor: pointer;
}
.header-index.emphasis-warn{
  background: #ffcb05;
  line-height: 1;
  padding: 4px 4px 0;
}
.header-index a {
  color: #444;
  text-decoration: none;
}
.navigator-wrapper .header-index:first-child {
  margin-left: 0;
}
.header-index:hover {
  color: #241712;
}
.header-index.active a {
  color: #A25641;
  /* border-bottom: solid 3px#FFCB05; /* px */
}
.header-index a:active {
  color: #A25641;
  /* border-bottom: solid 3px#FFCB05; /* px */
}
.header-index.active:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px; /* px */
	width: 100%;
	background: #FFCB05;
}
/* .header-index:hover {
  transition: border 1s;
  border-bottom: solid 2px#FFCB05;
} */
.header-index:after {
	content: '';
	display: block;
	/* margin: auto; */
	height: 3px; /* px */
	width: 0px;
	background: transparent;
	transition: width .7s ease, background-color .7s ease;
}
.header-index:hover:after {
	width: 100%;
	background: #FFCB05;
}
.navigator-wrapper {
  /* max-width: 1000px; */
  float: right;
  font-weight: 400;
  font-size: 20px; /* px */
}

.modal-header-lang {
  clear: both;
  float: right; 
  margin-top: 24px; /* px */
  font-size: 16px; /* px */
}

.lang span.modal-header-col:not(.lang-col-img) {
  color: #444;
}

@media screen and (max-width: 850px) {
  .header-wrapper {
    padding: 48px; /* px */
  }
}
