/* Header main menu */
main{
  margin-top: -84px;
}

#header .main-header .logo img{
  transform: translate(0) !important;
  padding: 4px 0;
}

#header{
  color: #fff;
  transition: all 150ms ease;
  z-index: 99;
  position: relative;
}

#header .logo{
  transition: all 150ms ease;
  filter: invert(1);
  display: flex;
  justify-content: center;
  align-items: center;
}

#header:hover .logo,
#header.fixed .logo{
  filter: invert(0);
}

#header .main-header .header-icons li.languages .cur-lang i,
#header .main-header .header-icons li.languages,
#header .main-nav > li > a > i{
  color: #fff;
}

body #header .main-header {
  background: transparent;
  width: 100%;
  height: var(--header_height);
}

#header:hover,
#header.fixed{
  color: #000;
  background: white !important;
  transition: all 150ms ease;
}

#header .main-header .header-icons li.languages:hover .lang-options,
#header.fixed .main-header .header-icons li.languages .cur-lang i,
#header:hover .main-header .header-icons li.languages .cur-lang i,
#header.fixed .main-header .header-icons li.languages,
#header:hover .main-header .header-icons li.languages,
#header .main-nav > li:hover > .header-subnav,
#header:hover .main-nav > li > a > i,
#header.fixed .main-nav > li > a > i{
  color: #000;
}

#header:hover .main-nav > li:hover > a > i,
#header.fixed .main-nav > li:hover > a > i{
  color: #86715a;
}

#header:hover .main-header,
#header.fixed .main-header{
  background: #fff;
}