@charset "UTF-8";
body > button {
  display: none;
}

#block-mess-local-tasks {
  position: fixed;
  bottom: 0;
  right: 0;
}

#toolbar-administration,
#block-mess-local-tasks {
  opacity: 1;
  pointer-events: all;
  z-index: 9999;
}

body.settings-opened #toolbar-administration,
body.settings-opened #block-mess-local-tasks {
  opacity: 0;
  pointer-events: none;
}
body.settings-opened.toolbar-horizontal .toggler.settings, body.settings-opened.toolbar-fixed .toggler.settings, body.settings-opened.toolbar-tray-open .toggler.settings {
  display: block;
}

.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  -webkit-margin-start: 0 !important;
          margin-inline-start: 0 !important;
}

header, footer {
  mix-blend-mode: difference;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  display: flex;
  flex-direction: row;
  height: 0;
}
header .logo {
  z-index: 1;
}
header a.logo {
  background-color: transparent;
  color: var(--color-invert);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
  height: 48px;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "icomoon", sans-serif !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 48px;
}
header a.logo input {
  color: var(--color-invert);
}
@media (min-width: 768px) {
  header a.logo {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  header a.logo {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  header a.logo {
    height: 64px;
  }
}
@media (min-width: 768px) {
  header a.logo {
    font-size: 56px;
  }
}
@media (min-width: 1024px) {
  header a.logo {
    font-size: 64px;
  }
}
@media (min-width: 1440px) {
  header a.logo {
    font-size: 64px;
  }
}
header .main-menu {
  position: absolute;
  top: 0;
  left: 0;
  height: 48px;
  width: 48px;
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
}
@media (min-width: 768px) {
  header .main-menu {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  header .main-menu {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  header .main-menu {
    height: 64px;
  }
}
@media (min-width: 768px) {
  header .main-menu {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  header .main-menu {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  header .main-menu {
    width: 64px;
  }
}
@media (min-width: 768px) {
  header .main-menu {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  header .main-menu {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  header .main-menu {
    font-size: 16px;
  }
}
header .main-menu nav {
  transform: rotate(90deg);
  transform-origin: left bottom;
}
header .main-menu ul.menu {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  transform: rotate(180deg);
}
header .main-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
header .main-menu a,
header .main-menu a.is-active {
  position: relative;
  white-space: nowrap;
  background-color: transparent;
  color: var(--txt-link);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
  font-family: "ifm_parisregular", sans-serif !important;
  font-weight: normal;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  height: 48px;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 48px 0 19.2px;
}
header .main-menu a input,
header .main-menu a.is-active input {
  color: var(--txt-link);
}
header .main-menu a:hover,
header .main-menu a.is-active:hover {
  background-color: var(--bg-link-hover);
  color: var(--txt-link-hover);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
header .main-menu a:hover input,
header .main-menu a.is-active:hover input {
  color: var(--txt-link-hover);
}
header .main-menu a:active,
header .main-menu a.is-active:active {
  background-color: var(--bg-link-active);
  color: var(--txt-link-active);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
header .main-menu a:active input,
header .main-menu a.is-active:active input {
  color: var(--txt-link-active);
}
header .main-menu a.is-active,
header .main-menu a.is-active.is-active {
  background-color: transparent;
  color: var(--txt-link);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
header .main-menu a.is-active input,
header .main-menu a.is-active.is-active input {
  color: var(--txt-link);
}
header .main-menu a.is-active:hover,
header .main-menu a.is-active.is-active:hover {
  background-color: var(--bg-link-hover);
  color: var(--txt-link-hover);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
header .main-menu a.is-active:hover input,
header .main-menu a.is-active.is-active:hover input {
  color: var(--txt-link-hover);
}
header .main-menu a.is-active:active,
header .main-menu a.is-active.is-active:active {
  background-color: var(--bg-link-active);
  color: var(--txt-link-active);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
header .main-menu a.is-active:active input,
header .main-menu a.is-active.is-active:active input {
  color: var(--txt-link-active);
}
@media (min-width: 768px) {
  header .main-menu a,
header .main-menu a.is-active {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  header .main-menu a,
header .main-menu a.is-active {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  header .main-menu a,
header .main-menu a.is-active {
    height: 64px;
  }
}
@media (min-width: 768px) {
  header .main-menu a,
header .main-menu a.is-active {
    padding: 0 56px 0 22.4px;
  }
}
@media (min-width: 1024px) {
  header .main-menu a,
header .main-menu a.is-active {
    padding: 0 64px 0 25.6px;
  }
}
@media (min-width: 1440px) {
  header .main-menu a,
header .main-menu a.is-active {
    padding: 0 64px 0 25.6px;
  }
}
header .main-menu a:before,
header .main-menu a.is-active:before {
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  width: 48px;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  header .main-menu a:before,
header .main-menu a.is-active:before {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  header .main-menu a:before,
header .main-menu a.is-active:before {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  header .main-menu a:before,
header .main-menu a.is-active:before {
    height: 64px;
  }
}
@media (min-width: 768px) {
  header .main-menu a:before,
header .main-menu a.is-active:before {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  header .main-menu a:before,
header .main-menu a.is-active:before {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  header .main-menu a:before,
header .main-menu a.is-active:before {
    width: 64px;
  }
}
header .main-menu a:before {
  content: "+";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
header .main-menu a.is-active:before {
  content: "\e932";
  font-family: "icomoon", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nav.desktop .logo {
  display: none;
}

#block-mess-currencyblock {
  display: none;
}

nav.block-menu ul {
  margin: 0;
  padding: 0;
}
nav.block-menu ul li {
  list-style: none;
}

footer {
  height: 48px;
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  footer {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  footer {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  footer {
    height: 64px;
  }
}
footer * {
  mix-blend-mode: difference;
  color: white;
}
footer .layout-container {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
footer .footer-first {
  display: none;
}
footer div.block-block-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 48px;
}
@media (min-width: 768px) {
  footer div.block-block-content {
    padding: 0 0 0 56px;
  }
}
@media (min-width: 1024px) {
  footer div.block-block-content {
    padding: 0 0 0 64px;
  }
}
@media (min-width: 1440px) {
  footer div.block-block-content {
    padding: 0 0 0 64px;
  }
}
footer div.block-block-content:before {
  content: "©";
  height: 48px;
  width: 48px;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13.7142857143px;
}
@media (min-width: 768px) {
  footer div.block-block-content:before {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  footer div.block-block-content:before {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  footer div.block-block-content:before {
    height: 64px;
  }
}
@media (min-width: 768px) {
  footer div.block-block-content:before {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  footer div.block-block-content:before {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  footer div.block-block-content:before {
    width: 64px;
  }
}
@media (min-width: 768px) {
  footer div.block-block-content:before {
    font-size: 14.875px;
  }
}
@media (min-width: 1024px) {
  footer div.block-block-content:before {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  footer div.block-block-content:before {
    font-size: 16px;
  }
}
footer div.block-block-content h2 {
  margin: 0;
  height: 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
}
@media (min-width: 768px) {
  footer div.block-block-content h2 {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  footer div.block-block-content h2 {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  footer div.block-block-content h2 {
    height: 64px;
  }
}
@media (min-width: 768px) {
  footer div.block-block-content h2 {
    font-size: 13.125px;
  }
}
@media (min-width: 1024px) {
  footer div.block-block-content h2 {
    font-size: 13.125px;
  }
}
@media (min-width: 1440px) {
  footer div.block-block-content h2 {
    font-size: 13.125px;
  }
}
@media (max-width: 414px) {
  footer div.block-block-content {
    opacity: 1;
    pointer-events: all;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
  }
  footer.opened div.block-block-content {
    opacity: 0;
    pointer-events: none;
  }
}

.popup-sidebar h2 {
  margin: 0;
  height: 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
}
@media (min-width: 768px) {
  .popup-sidebar h2 {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .popup-sidebar h2 {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .popup-sidebar h2 {
    height: 64px;
  }
}
@media (min-width: 768px) {
  .popup-sidebar h2 {
    font-size: 13.125px;
  }
}
@media (min-width: 1024px) {
  .popup-sidebar h2 {
    font-size: 13.125px;
  }
}
@media (min-width: 1440px) {
  .popup-sidebar h2 {
    font-size: 13.125px;
  }
}
.popup-sidebar .block {
  width: 100%;
}
/*# sourceMappingURL=nav.css.map */