.burger-icon .btn-burger {
  /* width: 1.6rem; */
  cursor: pointer;
}

.burger-icon .btn-burger span {
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #fff !important;
  transition: all 0.3s;
  position: relative;
  border-radius: 0.2rem;
}

.burger-icon .btn-burger span + span {
  margin-top: 0.3rem;
}

.burger-icon .btn-burger.active span:nth-child(1) {
  animation: ease 0.7s top forwards;
}

.burger-icon .btn-burger.not-active span:nth-child(1) {
  animation: ease 0.7s top-2 forwards;
}

.burger-icon .btn-burger.active span:nth-child(2) {
  animation: ease 0.7s scaled forwards;
}

.burger-icon .btn-burger.not-active span:nth-child(2) {
  animation: ease 0.7s scaled-2 forwards;
}

.burger-icon .btn-burger.active span:nth-child(3) {
  animation: ease 0.7s bottom forwards;
}

.burger-icon .btn-burger.not-active span:nth-child(3) {
  animation: ease 0.7s bottom-2 forwards;
}

@keyframes top {
  0% {
      top: 0;
      transform: rotate(0);
  }
  50% {
      top: 0.5rem;
      transform: rotate(0);
  }
  100% {
      top: 0.5rem;
      transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
      top: 0.5rem;
      transform: rotate(45deg);
  }
  50% {
      top: 0.5rem;
      transform: rotate(0deg);
  }
  100% {
      top: 0;
      transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
      bottom: 0;
      transform: rotate(0);
  }
  50% {
      bottom: 0.5rem;
      transform: rotate(0);
  }
  100% {
      bottom: 0.5rem;
      transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
      bottom: 0.5rem;
      transform: rotate(135deg);
  }
  50% {
      bottom: 0.5rem;
      transform: rotate(0);
  }
  100% {
      bottom: 0;
      transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
      transform: scale(0);
  }
  100% {
      transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
      transform: scale(0);
  }
  50% {
      transform: scale(0);
  }
  100% {
      transform: scale(1);
  }
}

/* .burger-toggler--close svg {
  height: 1.4rem;
  width: 1.4rem;
  display: block;
} */

#masthead .burger-secondary .container {
  padding: 0;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 300rem;
}

.burger-secondary-image {
  width: 50%;
  height: 100%;
  min-height: 100dvh;
  flex: 0 0 auto;
  position: relative;
}

.burger-secondary-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.burger-secondary-img.is-active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .burger-secondary-img {
      transition: none;
  }
}

.navigation-side-wrapper {
  flex: 1 1 auto;
  position: relative;
}

.navigation-side-wrapper-inner {
  padding: 12.1rem 7.4rem 12.1rem 5rem;
  overflow-y: auto;
  height: var(--viewport-height, 100dvh);
  position: relative;
}

.navigation-side-wrapper-inner > button.burger-toggler {
  position: absolute;
  top: 4rem;
  right: 7.8rem;
  padding: 0;
  width: 2.3rem;
  /* height: 2.3rem; */
}

.navigation-side-wrapper-inner > button.burger-toggler svg{
  width: 100%;
  height: auto;
}

.navigation-side-close-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5.8rem;
  z-index: 3;
  position: sticky;
  top: 0;
}

.burger-secondary ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.burger-secondary .menu a,
.burger-secondary .menu button {
  color: var(--clr4) !important;
	font-size: calc(2rem * var(--text-scaler));
	line-height: calc(100% * var(--text-scaler));
  text-decoration: none;
  padding: 1rem 0;
  position: relative;
  display: inline-block;
  transition: color var(--animtime1);
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.burger-secondary .menu a:hover,
.burger-secondary .menu button:hover {
  color: var(--clr1) !important;
}

/* .burger-secondary .menu a::before,
.burger-secondary .menu button::before {
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='17' viewBox='0 0 9 17' fill='none'%3E%3Cpath d='M0.530273 0.530334L8.03027 8.03033L0.530273 15.5303' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 0.9rem;
  height: 1.7rem;
  left: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: var(--animtime1);
}

.burger-secondary .menu a:hover,
.burger-secondary .menu button:hover {
  color: var(--clr1) !important;
} */

.burger-secondary .menu .big > a,
.burger-secondary .menu .big > button {
  padding: 0;
  color: var(--clr11);
}

.burger-secondary .menu-title,
.burger-secondary .menu-subtitle {
  color: inherit !important;
}

.burger-secondary li + li {
  margin-top: 2rem;
}

.burger-secondary li.big + li:not(.big) {
  margin-top: 4rem;
}

.burger-secondary li.big + li.big {
  margin-top: 3.2rem;
}

header .menu-block.burger-secondary {
  width: 100%;
  height: var(--viewport-height, 100dvh);
  position: fixed;
  transform: translateY(-100%);
  background-color: var(--clr9);
  z-index: 99999999;
  /* left: 0; */
  top: 0;
  right: 0;
  flex-wrap: wrap;
  display: flex;
  visibility: hidden;
  bottom: 0;
  transition: background-color var(--animtime1);
}

header .menu-block.burger-secondary.has-submenu {
  background-color: var(--clr10);
}

header .menu-block.burger-secondary .menu > li > a,
header .menu-block.burger-secondary .menu > li > button,
header .menu-block.burger-secondary .mobile-extra-menu {
  opacity: 1;
  transform: translateX(0);
  transition: all var(--animtime1);
}

header .menu-block.burger-secondary.has-submenu .menu > li > a,
header .menu-block.burger-secondary.has-submenu .menu > li > button,
header .menu-block.burger-secondary.has-submenu .mobile-extra-menu {
  opacity: 0;
  transform: translateX(3rem);
  pointer-events: none;
}

header .menu-block.side-menu {
  transform: translateX(100%);
  opacity: 0;
  width: 39.1rem!important;
  transition: var(--animtime1);
}

header .burger-secondary.side-menu .content-section {
  width: 100%;
  height: 100%;
}

.menu-contacts {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 5rem 0;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  margin-bottom: 5rem;
  justify-content: space-between;
}

.menu-contacts .social-media {
  display: flex;
  flex-wrap: wrap;
}

.menu-contacts .social-media a {
  display: flex;
}

.menu-contacts .social-media a {
  margin-left: 1.5rem;
}

.menu-contacts .social-media svg {
  height: 3rem;
  width: auto;
}

.menu-contacts ul {
  padding: 0;
  margin: 0;
}

.menu-contacts ul li {
  display: flex;
  flex-wrap: wrap;
  margin: 0.4rem 0;
}

.menu-contacts ul li:first-child {
  margin-bottom: 2.5rem;
}

.menu-contacts ul li p {
  margin: 0;
}

.menu-contacts ul li p a {
  color: var(--textclr1);
  text-decoration: none;
}

.menu-contacts ul li p a:hover {
  text-decoration: underline;
}

/* Level-1 sub-menu: hidden by default, slides in from the right */
.burger-secondary-menu ul.menu > li.menu-item-has-children > ul.sub-menu {
  display: block;
  position: absolute;
  inset: 0;
  padding: 23.1rem 8rem 12rem;
  transform: translateX(3rem);
  opacity: 0;
  visibility: hidden;
  transition:
      transform 0.25s ease,
      opacity 0.25s ease,
      visibility 0.25s ease;
  pointer-events: none;
  overflow-y: auto;
  z-index: 2;
}

.burger-secondary-menu
  ul.menu
  > li.menu-item-has-children.is-open
  > ul.sub-menu {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Level-2 sub-menu (.mobile-back-link children): visible inside the open panel */
.burger-secondary-menu .mobile-back-link > ul.sub-menu {
  display: block;
  position: static;
  padding: 0;
  background: transparent;
  transform: none;
  opacity: 1;
  pointer-events: auto;
  overflow: visible;
  z-index: auto;
  transition: none;
}

.burger-secondary .menu button.submenu-back-link {
  color: var(--clr11) !important;
  font-family: var(--font-secondary);
  font-size: var(--fontsize_button_s);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lineh_button_s); /* 142.857% */
  margin-bottom: 1rem;
  padding: 0 0 0 2rem;
}

.burger-secondary .menu button.submenu-back-link::before {
  top: 50%;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M7.5 9.75L3.75 6L7.5 2.25' stroke='white' stroke-width='0.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* .burger-secondary .menu .sub-menu a {
  color: #fff !important;
  font-size: var(--Typeface-Size-Headings-H3, 34px);
  font-weight: 600;
  line-height: var(--Typeface-Size-Line-height-H3, 38px);
} */

/* .burger-secondary .menu .sub-menu a:hover {
  color: var(--Color-Brand-Blue-Light, #88b2ff) !important;
} */

/* .burger-secondary .menu .sub-menu a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 6 9'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 3.273 3.273L1 7.545'/%3E%3C/svg%3E");
  top: 1.5rem;
} */

.burger-secondary .sub-menu li + li {
  margin-top: 1rem;
}

.burger-secondary .menu .sub-menu a .menu-subtitle {
  display: block;
  font-family: var(--font-secondary);
  font-size: var(--Typeface-Size-Body-Small, 14px);
  font-weight: 500;
  line-height: var(--Typeface-Size-Line-height-Small, 20px);
}

@media (prefers-reduced-motion: reduce) {
  .burger-secondary-menu ul.menu > li.menu-item-has-children > ul.sub-menu {
      transition:
          opacity 0.35s ease,
          visibility 0.35s ease;
      transform: none;
  }
  .burger-secondary-menu
      ul.menu
      > li.menu-item-has-children.is-open
      > ul.sub-menu {
      transform: none;
  }
}

@-webkit-keyframes slide-top {
  100% {
      transform: translateY(0%);
  }
}

@keyframes slide-top {
  100% {
      transform: translateY(0%);
  }
}

header .menu-block.slide-bottom {
  transform: translateX(100%);
}

@-webkit-keyframes slide-bottom {
  100% {
      transform: translateY(-100%);
  }
}

@keyframes slide-bottom {
  100% {
      transform: translateY(-100%);
  }
}

header .menu-block.side-menu.slide-top {
  /* -webkit-animation: slide-top-side-menu 0.3s forwards;
  -webkit-animation-delay: 0.2s;
  animation: slide-top-side-menu 0.3s forwards;
  animation-delay: 0.2s; */
  opacity: 1;
  /* transition: 0.5s ease; */
  visibility: visible;
  background: var(--clr10);
  z-index: 99;
  transform: translateX(0);
}

@-webkit-keyframes slide-top-side-menu {
  100% {
      width: 42.8rem;
  }
}

@keyframes slide-top-side-menu {
  100% {
      width: 42.8rem;
  }
}

/* header .menu-block.side-menu.slide-bottom {
  transform: translateX(100%);
} */
@-webkit-keyframes slide-bottom-side-menu {
  0% {
      width: 42.8rem;
  }
  100% {
      width: 100%;
  }
}

@keyframes slide-bottom-side-menu {
  0% {
      width: 42.8rem;
  }
  100% {
      width: 100%;
  }
}

.burger-secondary.menu-block.side-menu .menu-contacts {
  justify-content: center;
  transform: translateX(-100%);
  transition: 0.6s;
  opacity: 0;
  width: 36.8rem;
}

header .menu-block.side-menu.slide-top .menu-contacts {
  transform: translateX(0);
  opacity: 1;
}

header .menu-block.side-menu.slide-bottom .menu-contacts {
  transform: translateX(-100%);
  opacity: 1;
}

.submenu-back-link::after{
    position: absolute;
    width: calc(100% - 2rem);
    height: 1px;
    background: var(--clr11);
    bottom: 0;
    right: 0rem;
    content: '';
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
    z-index: 5;
}

.submenu-back-link:hover::after{
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}

.menu-block > svg{
  position: absolute;
  bottom: 8.4rem;
  left: 5.3rem;
  z-index: 2;
  width: 8.9rem;
  height: auto;
}

@media screen and (min-width: 1001px) {
  .burger-secondary .menu .big > a::before,
  .burger-secondary .menu .big > button::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 18'%3E%3Cpath stroke='%2308006f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 8 8-8 8'/%3E%3C/svg%3E");
      width: 1rem;
      height: 1.8rem;
      top: 4.2rem;
  }

  .burger-secondary .menu .big > a:hover::before,
  .burger-secondary .menu .big > button:hover::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 18'%3E%3Cpath stroke='%230A63FA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 8 8-8 8'/%3E%3C/svg%3E");
  }

  /* .burger-secondary .menu button.submenu-back-link {
      opacity: 0.8;
      transition: opacity var(--animtime1);
  } */

  .burger-secondary .menu button.submenu-back-link:hover {
      opacity: 1;
  }
}

@media screen and (max-width: 1000px) {
  header .burger-secondary .image-section {
      display: none;
  }
  header .burger-secondary .content-section {
      width: 100%;
  }
  .navigation-side-wrapper-inner {
    padding: 4.1rem 4.4rem;
}

  .navigation-side-close-wrapper {
      justify-content: space-between;
      align-items: center;
      margin-bottom: 5.6rem;
  }

  .drawer-logo-wrapper {
      position: relative;
  }

  .drawer-logo-link img {
      width: 17.6rem;
      height: auto;
      vertical-align: middle;
  }

  .drawer-logo-link.white {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      pointer-events: none;
      transition: opacity var(--animtime1);
  }

  .drawer-logo-wrapper .custom-logo-link {
      opacity: 1;
      transition: opacity var(--animtime1);
  }

  header .menu-block.burger-secondary.has-submenu .drawer-logo-link.white {
      opacity: 1;
      pointer-events: all;
  }

  header .menu-block.burger-secondary.has-submenu .custom-logo-link {
      opacity: 0;
      pointer-events: none;
  }

  .burger-secondary .menu .big > a,
  .burger-secondary .menu .big > button {
      padding: 0 0 1rem 1.3rem;
  }

  .burger-secondary .menu .big > a::before,
  .burger-secondary .menu .big > button::before {
      top: 1.2rem;
  }

  .burger-secondary li.big + li.big {
      margin-top: 2.4rem;
  }

  .burger-secondary li.big + li:not(.big) {
      margin-top: 8rem;
  }

  /* .burger-secondary .menu a,
  .burger-secondary .menu button,
  .burger-secondary .menu .sub-menu a {
      font-size: var(--Typeface-Size-Headings-H4, 20px);
      line-height: var(--Typeface-Size-Line-height-H4, 30px); 
  } */

  /* .burger-secondary .menu a::before,
  .burger-secondary .menu button::before {
      top: 1rem;
  } */

  .burger-secondary-menu ul.menu > li.menu-item-has-children > ul.sub-menu {
      padding: 12rem 2.4rem;
  }

  /* .burger-secondary .menu .sub-menu a::before {
      top: 1rem;
  } */

  .burger-secondary .sub-menu li + li {
      margin-top: 1rem;
  }

  .burger-secondary ul.mobile-extra-menu-ul {
      padding: 3.6rem 0 0;
      margin: 0;
  }

  .burger-secondary .mobile-extra-menu-ul a {
      display: inline-flex;
      color: var(--clr11);
  }

  .burger-secondary .mobile-extra-menu-ul li {
      display: flex;
  }

  .language-switcher {
      margin-top: 1.6rem;
      margin-left: 0;
  }
  .burger-secondary .mobile-extra-menu-ul li + li {
      margin-top: 1.6rem;
  }
  .nav-container{
    display: none;
  }
  .burger-secondary li + li {
    margin-top: 1.6rem;
  }
  .burger-secondary .menu a::before, .burger-secondary .menu button::before {
    width: 0.75rem;
    height: 1.5rem;
  }
  .burger-secondary-menu .language-switcher a{
    color: var(--clr4) !important;
    font-size: calc(2rem * var(--text-scaler));
    line-height: calc(100% * var(--text-scaler));
    padding: 1rem 0!important;
  }
  .burger-secondary-menu .language-switcher .wpml-ls-legacy-list-horizontal{
    padding: 0!important;
  }
  .burger-secondary-menu .language-switcher ul{
    text-align: right;
  }
}