.header2__center {
    display: flex;
    align-items: center;
  }
  
  @media only screen and (max-width: 1179px) {
    .header2__center {
      padding: 0 40px;
    }
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__center {
      padding: 0 20px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header2__center {
      padding: 0 24px;
    }
  }
  
  .header2__logo {
    margin-right: 32px;
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__logo {
      margin-right: 16px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header2__logo {
      position: relative;
      z-index: 15;
      margin-right: auto;
    }
  }
  
  .header2__pic {
    width: 166px;
    margin-left: -92px;
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__pic {}
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__pic_desktop {
      display: none !important;
    }
  }
  
  .header2__pic_mobile {
    display: none;
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__pic_mobile {
      display: inline-block;
    }
  }
  
  .header2__wrapper {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding-left: 32px;
    border-left: 1px solid #E6E8EC;
  }
  
  @media only screen and (max-width: 1339px) {
    .header2__wrapper {
      padding-left: 0;
      border: none;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header2__wrapper {
      flex-grow: 0;
    }
  }
  
  body.dark .header2__wrapper {
    border-color: #353945;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__wrapper>.header2__btns {
      display: none;
    }
  }
  
  .header2__wrap {
    margin-right: auto;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__wrap {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      display: flex;
      flex-direction: column;
      width: 100%;
      min-height: calc(var(--vh, 1vh) * 100);
      padding: 100px 0 32px;
      background: #FCFCFD;
      visibility: hidden;
      opacity: 0;
      transition: all .2s;
    }
  
    body.dark .header2__wrap {
      background: #141416;
    }
  
    .header2__wrap.visible {
      visibility: visible;
      opacity: 1;
    }
  }
  
  .header2__wrap>.header2__button {
    display: none;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__wrap>.header2__button {
      margin: auto 24px 0;
    }
  }
  
  .header2__wrap .header2__btns {
    display: none;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__wrap .header2__btns {
      display: flex;
    }
  }
  
  .header2__nav {
    display: flex;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__nav {
      flex-direction: column;
    }
  }
  
  .header2__nav .header2__item:not(:last-child) {
    margin-right: 40px;
  }
  
  @media only screen and (max-width: 1179px) {
    .header2__nav .header2__item:not(:last-child) {
      margin-right: 32px;
    }
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__nav .header2__item:not(:last-child) {
      margin-right: 20px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header2__nav .header2__item:not(:last-child) {
      margin: 0;
    }
  }
  
  .header2__item[href] {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    color: #777E90;
    transition: all .2s;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item[href] {
      padding: 0 22px;
      border-left: 2px solid transparent;
      font-family: 'Poppins', sans-serif;
      font-size: 24px;
      line-height: 64px;
      font-weight: 600;
    }
  }
  
  .header2__item[href]:hover, .header2__item[href].active {
    color: #23262F;
  }
  
  body.dark .header2__item[href]:hover, body.dark .header2__item[href].active {
    color: #FCFCFD;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item[href]:hover, .header2__item[href].active {
      border-color: #3772FF;
    }
  }
  
  .header2__item_dropdown {
    position: relative;
  }
  
  .header2__item_settings {
    margin-right: 32px;
  }
  
  @media only screen and (max-width: 1179px) {
    .header2__item_settings {
      margin-right: 16px;
    }
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__item_settings {
      margin-right: 4px;
    }
  }
  
  .header2__item_settings, .header2__item_notifications, .header2__item_user {
    position: relative;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_settings, .header2__item_notifications, .header2__item_user {
      position: static;
    }
  }
  
  .header2__item_dropdown .header2__head,
  .header2__item_settings .header2__head {
    display: flex;
    align-items: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    transition: color .2s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  .header2__item_dropdown .header2__head .icon,
  .header2__item_settings .header2__head .icon {
    width: 16px;
    height: 16px;
    fill: #777E90;
    transition: all .2s;
  }
  
  .header2__item_dropdown .header2__head:hover,
  .header2__item_settings .header2__head:hover {
    color: #23262F;
  }
  
  .header2__item_dropdown .header2__head:hover .icon,
  .header2__item_settings .header2__head:hover .icon {
    fill: #23262F;
  }
  
  body.dark .header2__item_dropdown .header2__head:hover, body.dark .header2__item_settings .header2__head:hover {
    color: #FCFCFD;
  }
  
  body.dark .header2__item_dropdown .header2__head:hover .icon, body.dark .header2__item_settings .header2__head:hover .icon {
    fill: #FCFCFD;
  }
  
  .header2__item_dropdown .header2__head {
    color: #777E90;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_dropdown .header2__head {
      width: 100%;
      padding: 0 22px;
      border-left: 2px solid transparent;
      font-family: 'Poppins', sans-serif;
      font-size: 24px;
      line-height: 64px;
      font-weight: 600;
    }
  }
  
  .header2__item_dropdown .header2__head .icon {
    margin-left: 4px;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_dropdown .header2__head .icon {
      width: 32px;
      height: 32px;
      margin-left: auto;
    }
  }
  
  .header2__item_settings .header2__head {
    text-transform: uppercase;
  }
  
  body.dark .header2__item_settings .header2__head {
    color: #FCFCFD;
  }
  
  .header2__item_settings .header2__head .icon {
    margin-left: 12px;
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__item_settings .header2__head .icon {
      margin-left: 4px;
    }
  }
  
  .header2__item_notifications .header2__head,
  .header2__item_user .header2__head {
    position: relative;
    width: 40px;
    height: 40px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  .header2__item_notifications .header2__head .icon {
    width: 24px;
    height: 24px;
    fill: #777E90;
    transition: fill .2s;
  }
  
  .header2__item_notifications .header2__head:hover .icon {
    fill: #23262F;
  }
  
  body.dark .header2__item_notifications .header2__head:hover .icon {
    fill: #E6E8EC;
  }
  
  .header2__item_notifications .header2__head.active:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #58BD7D;
  }
  
  .header2__item_user .header2__head img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
  }
  
  .header2__item_dropdown.active .header2__head,
  .header2__item_settings.active .header2__head {
    color: #23262F;
  }
  
  .header2__item_dropdown.active .header2__head .icon,
  .header2__item_settings.active .header2__head .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #23262F;
  }
  
  body.dark .header2__item_dropdown.active .header2__head, body.dark .header2__item_settings.active .header2__head {
    color: #FCFCFD;
  }
  
  body.dark .header2__item_dropdown.active .header2__head .icon, body.dark .header2__item_settings.active .header2__head .icon {
    fill: #777E90;
  }
  
  .header2__item_notifications.active .header2__head .icon {
    fill: #23262F;
  }
  
  body.dark .header2__item_notifications.active .header2__head .icon {
    fill: #E6E8EC;
  }
  
  .header2__body {
    position: absolute;
    top: calc(100% + 20px);
    box-shadow: 0px 16px 48px rgba(31, 47, 70, 0.1);
    border-radius: 12px;
    background: #FCFCFD;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
  }
  
  body.dark .header2__body {
    background: #23262F;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__body {
      top: 100%;
    }
  }
  
  .header2__body:before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 24px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='9' fill='none' viewBox='0 0 24 9'%3E%3Cpath d='M6.343 2.657L0 9h24l-6.343-6.343a8 8 0 0 0-11.314 0z' fill='%23fcfcfd'/%3E%3C/svg%3E") no-repeat 50% 100%/100% auto;
  }
  
  body.dark .header2__body:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='9' fill='none' viewBox='0 0 24 9'%3E%3Cpath d='M6.343 2.657L0 9h24l-6.343-6.343a8 8 0 0 0-11.314 0z' fill='%2323262F'/%3E%3C/svg%3E");
  }
  
  .header2__item_dropdown .header2__body {
    left: 50%;
    width: 256px;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    padding: 0 16px;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_dropdown .header2__body {
      position: static;
      display: none;
      width: 100%;
      padding: 0 24px;
      box-shadow: none;
      visibility: visible;
      opacity: 1;
      -webkit-transform: translate(0);
      transform: translate(0);
    }
  }
  
  @media only screen and (max-width: 767px) {
    body.dark .header2__item_dropdown .header2__body {
      background: none;
    }
  }
  
  .header2__item_dropdown .header2__body:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_dropdown .header2__body:before {
      display: none;
    }
  }
  
  .header2__item_settings .header2__body {
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    width: 365px;
    padding: 16px;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_settings .header2__body {
      left: 16px;
      right: 16px;
      width: auto;
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
  }
  
  body.dark .header2__item_settings .header2__body {
    background: #23262F;
  }
  
  .header2__item_settings .header2__body:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_settings .header2__body:before {
      left: auto;
      right: 208px;
    }
  }
  
  .header2__item_notifications .header2__body {
    right: -70px;
    width: 286px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    padding: 16px;
    border-radius: 6px;
    box-shadow: 0px 16px 64px -24px rgba(31, 47, 70, 0.15);
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_notifications .header2__body {
      left: 16px;
      right: 16px;
      width: auto;
    }
  }
  
  .header2__item_notifications .header2__body:before {
    right: 78px;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_notifications .header2__body:before {
      right: 111px;
    }
  }
  
  .header2__item_user .header2__body {
    right: -40px;
    width: 256px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    padding: 4px 16px;
    box-shadow: 0px 16px 64px -24px rgba(31, 47, 70, 0.15);
  }
  
  @media only screen and (max-width: 1179px) {
    .header2__item_user .header2__body {
      right: -20px;
    }
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__item_user .header2__body {
      right: 0;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_user .header2__body {
      left: 16px;
      right: 16px;
      width: auto;
    }
  }
  
  .header2__item_user .header2__body:before {
    right: 48px;
  }
  
  @media only screen and (max-width: 1179px) {
    .header2__item_user .header2__body:before {
      right: 28px;
    }
  }
  
  @media only screen and (max-width: 1023px) {
    .header2__item_user .header2__body:before {
      right: 10px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_user .header2__body:before {
      right: 60px;
    }
  }
  
  .header2__item_settings.active .header2__body {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_settings.active .header2__body {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
  
  .header2__item_dropdown.active .header2__body {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  
  @media only screen and (max-width: 767px) {
    .header2__item_dropdown.active .header2__body {
      display: block;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
  
  .header2__item_notifications.active .header2__body,
  .header2__item_user.active .header2__body {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  .header2__item.active .header2__body {
    visibility: visible;
    opacity: 1;
  }
  
  .header2__link {
    display: flex;
    align-items: center;
    padding: 16px 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.14286;
    font-weight: 700;
    color: #353945;
    transition: color .2s;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__link {
      height: 56px;
      padding: 0 16px;
      border-radius: 8px;
      font-family: 'Poppins', sans-serif;
      font-size: 16px;
      font-weight: 500;
    }
  }
  
  body.dark .header2__link {
    color: #777E90;
  }
  
  @media only screen and (max-width: 767px) {
    body.dark .header2__link {
      color: #FCFCFD;
    }
  }
  
  .header2__link .icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: #777E90;
    transition: fill .2s;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__link .icon {
      margin-right: 12px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header2__link:hover, .header2__link.active {
      background: #F4F5F6;
    }
  }
  
  .header2__link:hover .icon, .header2__link.active .icon {
    fill: #353945;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__link:hover .icon, .header2__link.active .icon {
      fill: #777E90;
    }
  }
  
  body.dark .header2__link:hover, body.dark .header2__link.active {
    color: #FCFCFD;
  }
  
  body.dark .header2__link:hover .icon, body.dark .header2__link.active .icon {
    fill: #FCFCFD;
  }
  
  @media only screen and (max-width: 767px) {
    body.dark .header2__link:hover, body.dark .header2__link.active {
      background: #353945;
    }
  
    body.dark .header2__link:hover .icon, body.dark .header2__link.active .icon {
      fill: #FCFCFD;
    }
  }
  
  .header2__link:not(:last-child) {
    border-bottom: 1px solid #E6E8EC;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__link:not(:last-child) {
      border: none;
    }
  }
  
  body.dark .header2__link:not(:last-child) {
    border-color: #353945;
  }
  
  .header2__row {
    display: flex;
    margin: 0 -24px;
  }
  
  .header2__col {
    flex: 0 0 50%;
    padding: 0 24px;
  }
  
  .header2__col:first-child {
    border-right: 1px solid #E6E8EC;
  }
  
  body.dark .header2__col:first-child {
    border-color: #353945;
  }
  
  .header2__category {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.66667;
    font-weight: 500;
    color: #777E90;
  }
  
  .header2__menu {
    display: flex;
    flex-direction: column;
  }
  
  .header2__language, .header2__currency {
    padding: 12px 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.14286;
    font-weight: 700;
    color: #777E90;
    cursor: pointer;
    transition: color .2s;
  }
  
  .header2__language:hover, .header2__language.active, .header2__currency:hover, .header2__currency.active {
    color: #23262F;
  }
  
  body.dark .header2__language:hover, body.dark .header2__language.active, body.dark .header2__currency:hover, body.dark .header2__currency.active {
    color: #FCFCFD;
  }
  
  .header2__language:not(:last-child), .header2__currency:not(:last-child) {
    border-bottom: 1px solid #E6E8EC;
  }
  
  body.dark .header2__language:not(:last-child), body.dark .header2__currency:not(:last-child) {
    border-color: #353945;
  }
  
  .header2__currency {
    position: relative;
    padding-left: 28px;
  }
  
  .header2__currency:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    width: 8px;
    height: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background: #E6E8EC;
    transition: background .2s;
  }
  
  body.dark .header2__currency:before {
    background: #353945;
  }
  
  .header2__currency:hover:before, .header2__currency.active:before {
    background: #23262F;
  }
  
  body.dark .header2__currency:hover:before, body.dark .header2__currency.active:before {
    background: #FCFCFD;
  }
  
  .header2__flag {
    margin-right: 8px;
  }
  
  .header2__item_notifications .header2__title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1.33333;
    font-weight: 600;
    letter-spacing: -.01em;
  }
  
  .header2__notification {
    position: relative;
    display: block;
    padding: 12px 0;
    color: #23262F;
    transition: color .2s;
  }
  
  body.dark .header2__notification {
    color: #FCFCFD;
  }
  
  .header2__notification:hover {
    color: #3772FF;
  }
  
  body.dark .header2__notification:hover {
    color: #3772FF;
  }
  
  .header2__notification_new {
    padding-right: 24px;
  }
  
  .header2__notification_new:after {
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #58BD7D;
  }
  
  .header2__notification:not(:last-child) {
    border-bottom: 1px solid #E6E8EC;
  }
  
  body.dark .header2__notification:not(:last-child) {
    border-color: #353945;
  }
  
  .header2__subtitle {
    font-size: 12px;
    line-height: 1.66667;
    font-weight: 600;
  }
  
  .header2__date {
    font-size: 10px;
    line-height: 1.6;
    font-weight: 500;
    color: #777E90;
  }
  
  .header2__item_notifications .header2__btns {
    display: flex;
    margin: 4px -8px 0;
  }
  
  .header2__item_notifications .header2__btns .header2__button {
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
    margin: 0 8px;
  }
  
  .header2__el {
    position: relative;
    display: flex;
    padding: 12px 0;
    color: #23262F;
    transition: color .2s;
  }
  
  body.dark .header2__el {
    color: #FCFCFD;
  }
  
  .header2__el:hover {
    color: #3772FF;
  }
  
  .header2__el:not(:last-child) {
    border-bottom: 1px solid #E6E8EC;
  }
  
  body.dark .header2__el:not(:last-child) {
    border-color: #353945;
  }
  
  .header2__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  
  .header2__icon .icon {
    width: 20px;
    height: 20px;
    fill: #777E90;
  }
  
  .header2__details {
    flex-grow: 1;
    padding-top: 2px;
  }
  
  .header2__line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -4px;
  }
  
  .header2__item_user .header2__title {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.14286;
    font-weight: 700;
  }
  
  .header2__content {
    margin-top: 2px;
    font-size: 10px;
    line-height: 1.6;
    font-weight: 500;
    color: #777E90;
  }
  
  .header2__control {
    display: none;
    align-items: center;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__control .header2__button {
      display: none;
    }
  }
  
  @media only screen and (max-width: 1179px) {
    .header2__control>.theme {
      display: none;
    }
  }
  
  .header2__activity, .header2__item_notifications,
  .header2__control .header2__button,
  .header2__control>.theme {
    margin-right: 20px;
  }
  
  @media only screen and (max-width: 1179px) {
  
    .header2__activity, .header2__item_notifications,
    .header2__control .header2__button,
    .header2__control>.theme {
      margin-right: 16px;
    }
  }
  
  @media only screen and (max-width: 1023px) {
  
    .header2__activity, .header2__item_notifications,
    .header2__control .header2__button,
    .header2__control>.theme {
      margin-right: 8px;
    }
  }
  
  @media only screen and (max-width: 767px) {
  
    .header2__activity, .header2__item_notifications,
    .header2__control .header2__button,
    .header2__control>.theme {
      margin-right: 12px;
    }
  }
  
  .header2__activity {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__activity {
      margin-right: 4px;
    }
  }
  
  .header2__activity .icon {
    width: 24px;
    height: 24px;
    fill: #777E90;
    transition: fill .2s;
  }
  
  .header2__activity:hover .icon, .header2__activity.active .icon {
    fill: #23262F;
  }
  
  body.dark .header2__activity:hover .icon, body.dark .header2__activity.active .icon {
    fill: #FCFCFD;
  }
  
  .header2__btns {
    display: flex;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__btns {
      margin: auto 16px 0;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header2__btns .header2__button {
      flex: 0 0 calc(50% - 16px);
      width: calc(50% - 16px);
      margin: 0 8px;
    }
  }
  
  .header2__btns .header2__button:not(:last-child) {
    margin-right: 8px;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__btns .header2__button:not(:last-child) {
      margin-right: 8px;
    }
  }
  
  .header2__burger {
    display: none;
  }
  
  @media only screen and (max-width: 767px) {
    .header2__burger {
      display: block;
      position: relative;
      z-index: 15;
      margin-left: 12px;
      width: 32px;
      height: 32px;
      background: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
  
    .header2__burger:before, .header2__burger:after {
      content: '';
      position: absolute;
      top: 16px;
      left: 6px;
      width: 20px;
      height: 2px;
      background: #777E90;
      border-radius: 2px;
      transition: -webkit-transform .2s;
      transition: transform .2s;
      transition: transform .2s, -webkit-transform .2s;
    }
  
    .header2__burger:before {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px);
    }
  
    .header2__burger:after {
      -webkit-transform: translateY(3px);
      transform: translateY(3px);
    }
  
    .header2__burger.active:before {
      -webkit-transform: translateY(0) rotate(-45deg);
      transform: translateY(0) rotate(-45deg);
    }
  
    .header2__burger.active:after {
      -webkit-transform: translateY(0) rotate(45deg);
      transform: translateY(0) rotate(45deg);
    }
  }
  
  .header2_wide {
    box-shadow: none;
  }
  
  .header2_wide .header2__center {
    max-width: 100%;
    padding: 0 20px;
  }
  
  @media only screen and (max-width: 767px) {
    .header2_wide .header2__center {
      padding: 0 24px;
    }
  }
  
  .header2.registered .header2__btns {
    display: none;
  }
  
  .header2.registered .header2__item_notifications .header2__btns {
    display: flex;
  }
  
  .header2.registered .header2__control {
    display: flex;
  }
  
  @media only screen and (max-width: 767px) {
    .header2.registered .header2__wrap>.header2__button {
      display: flex;
    }
  }