.site-header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:3;
  color:#fff
}
.header-inner {
  display:flex;
  align-items:center;
  gap:28px;
  min-height:100px
}
.logo {
  width:210px;
  height:auto;
  display:block
}
.site-header nav {
  display:flex;
  gap:23px;
  margin:auto;
  font-size:13px
}
.site-header nav a:hover {
  color:#56c4c6
}
.header-contact {
  white-space:nowrap;
  font-size:13px;
  position:relative;
  padding-right:34px
}
.header-contact small {
  display:block;
  font-size:11px;
  color:#bad0d6
}
.header-contact .icon {
  position:absolute;
  right:0;
  top:10px;
  width:24px;
  height:24px;
  color:#51bdc1
}
.language {
  font-size:12px
}
.menu-toggle {
  display:none
}
@media(max-width:1150px) {
  .header-inner {
  gap:18px
}
.site-header nav {
  gap:15px
}
.logo {
  width:180px
}
.header-contact {
  display:none
}

}
@media(max-width:800px) {
  .header-inner {
  min-height:85px
}
.menu-toggle {
  display:block;
  margin-left:auto;
  background:transparent;
  color:white;
  font-size:26px;
  order:2
}
.language {
  margin-left:auto
}
.site-header nav {
  display:none;
  position:absolute;
  top:80px;
  left:16px;
  right:16px;
  background:#082d39;
  border:1px solid #37616b;
  border-radius:14px;
  padding:24px;
  flex-direction:column;
  font-size:17px
}
.site-header nav.is-open {
  display:flex
}
.logo {
  width:190px
}

}

.logo {
  filter:brightness(0) invert(1)
}