header {
  background: #0E1011;
  padding: 16px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; }
  header .header_wrapper {
    display: flex;
    align-items: center; }
    header .header_wrapper .logo {
      margin-right: 50px;
      text-decoration: none; }
    header .header_wrapper .header_container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      header .header_wrapper .header_container .header_left {
        display: flex;
        align-items: center; }
        header .header_wrapper .header_container .header_left nav {
          display: flex;
          align-items: center; }
          header .header_wrapper .header_container .header_left nav .header-link {
            margin-right: 32px;
            color: #FFFFFF;
            opacity: 0.8;
            text-decoration: none;
            font-size: 16px;
            line-height: 24px;
            transition: all 0.4s;
            white-space: nowrap; }
            header .header_wrapper .header_container .header_left nav .header-link:hover {
              color: #FFD66B; }
      header .header_wrapper .header_container .header_right nav {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        header .header_wrapper .header_container .header_right nav .header-link {
          color: #FFFFFF;
          opacity: 0.8;
          text-decoration: none;
          font-size: 16px;
          line-height: 24px;
          white-space: nowrap; }
        header .header_wrapper .header_container .header_right nav span {
          margin: 0 16px; }
        header .header_wrapper .header_container .header_right nav .header-button {
          padding: 12px 32px;
          color: #FFFFFF;
          border: 1px solid rgba(255, 255, 255, 0.5);
          border-radius: 5px;
          margin-left: 32px;
          text-decoration: none;
          background: linear-gradient(to right, white, white 50%, transparent 50%);
          background-size: 200% 100%;
          background-position: 100%;
          transition: all 0.4s; }
          header .header_wrapper .header_container .header_right nav .header-button:hover {
            background-position: 0 100%;
            color: #000; }
.mobile-linkphone{
  display: none;
}
.active_link {
  color: #FFD66B !important;
  position: relative;
}
.active_link:before {
  content: '';
  width: 15px;
  height: 2px;
  background: #FFD66B;
  position: absolute;
  top: 118%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.burger {
height: 55px;
width: 55px;
position: absolute;
background: transparent; }
.burger

.plate {
display: flex;
flex-wrap: wrap;
max-height: 160px;
width: 640px;
background: transparent;}
@media (max-width: 992px) {
  .active_link:before {
    top: 81%;
  }
}
@media (max-width: 640px) {
.plate {
width: 320px; } }

.plate {
height: 50px;
width: 50px;
position: absolute;
right: 24px;
z-index: 1000;
display: none;
justify-content: center;
align-items: center; }

/*.burger {*/
/*  filter: url(#gooeyness); }*/

.x {
  transform: scale(0);
  transition: transform 400ms;
  height: 55px;
  width: 55px;
  position: absolute; }

.line {
  fill: none;
  stroke: #fff;
  stroke-width: 6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform-origin: 50%;
  transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms; }

.x .line {
  stroke-width: 6.5px; }

.active .line {
  transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms; }

.active .x {
  transform: scale(1);
  transition: transform 400ms 350ms; }

/* El segundo plato */
.plate2 .line4 {
  stroke-dasharray: 21 190.6597137451172;
  transition-delay: 90ms; }

.active.plate2 .line4 {
  stroke-dasharray: 5 190.6597137451172;
  stroke-dashoffset: -159px; }

.active.plate2 .x {
  transition: transform 400ms 250ms; }

/* O terceiro prato */
/* Die vierte teller */
.plate4 .x {
  transition: transform 400ms; }

.plate4 .line {
  transform-origin: 50%;
  transition: transform 400ms 100ms; }

.active.plate4 .line {
  transition: transform 400ms; }

.active.plate4 .line1 {
  transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0.7); }

.active.plate4 .line2 {
  transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0.7); }

.active.plate4 .line3 {
  transform: translateY(0px) rotate(45deg) scale(0.7); }

.active.plate4 .line4 {
  transform: translateY(0px) rotate(-45deg) scale(0.7); }

.active.plate4 .line5 {
  transform: translateX(18px) translateY(3px) rotate(45deg) scale(0.7); }

.active.plate4 .line6 {
  transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0.7); }


/* Смена цвета бургера */
.plate4 .line1 {
  stroke: #00529A; }

.plate4 .line2 {
  stroke: #00529A; }

.plate4 .line3 {
  stroke: #F79418; }

.plate4 .line4 {
  stroke: #F79418; }

.plate4 .line5 {
  stroke: #F79418; }

.plate4 .line6 {
  stroke: #F79418; }


.active.plate4 .x {
  transition: transform 400ms 100ms;
  transform: scale(1); }

@media (max-width: 992px) {
  .mobile-linkphone{
    display: block;
    color: #fff;
    margin-left: 15px;
  }
  header .header_wrapper .plate {
    display: flex; }
  header .header_wrapper .header_container {
    flex-direction: column;
    position: fixed;
    right: 0;
    transform: translateY(-600px);
    background: #000;
    justify-content: normal;
    top: 0;
    padding-top: 45px;
    transition: all 0.5s; }
    header .header_wrapper .header_container .header_left nav {
      flex-direction: column; }
      header .header_wrapper .header_container .header_left nav .header-link {
        margin-right: 0;
        padding: 24px; }
    header .header_wrapper .header_container .header_right nav {
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      header .header_wrapper .header_container .header_right nav .header-link {
        padding: 24px; }
      header .header_wrapper .header_container .header_right nav .header-button {
        margin-left: 0;
        margin-top: 20px; }
    header .header_wrapper .header_container.active_menu {
      transform: translateY(0px);
      height: 100vh;
      transition: all 0.5s;
      justify-content: center;
      padding-bottom: 60px;
      padding-top: 0; } }

@media (max-width: 500px) {
  .plate{
    right: 5px;
  }
  .mobile-linkphone{
    font-size: 14px;
  }
  header .header_wrapper .logo {
    margin-right: 0; }
    header .header_wrapper .logo img {
      height: 28px;
      padding: 2px 0; } }

@media (max-width: 350px) {
  .plate{
    right: 5px;
  }
  .mobile-linkphone{
    font-size: 12px;
  }
}