/**
 * Header
 */
.header {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.header-middle {
  padding-top: 11px;
  padding-bottom: 11px;
  border-bottom: 0.5px solid #848484;
  box-shadow: 0px 2px 4px 0px #00000040;
}
.header-middle__logo img {
  max-width: 138px;
  height: auto;
}
.header-middle__search form {
  width: 463px;
  max-width: 100%;
  position: relative;
}
.searchform {
  position: relative;
}
.header-middle__search button,
.searchform button {
  background-color: transparent;
  border: none;
  outline: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjMxMDUgMTZMOS4xOTQ5IDkuODg1MTRDOC43MDY1OSAxMC4zMDExIDguMTQ1MDMgMTAuNjIzMSA3LjUxMDIyIDEwLjg1MDlDNi44NzU0MiAxMS4wNzg4IDYuMjM3MzYgMTEuMTkyNyA1LjU5NjA1IDExLjE5MjdDNC4wMzIxNSAxMS4xOTI3IDIuNzA4NSAxMC42NTE0IDEuNjI1MSA5LjU2ODc1QzAuNTQxNyA4LjQ4NjE0IDAgNy4xNjI5OCAwIDUuNTk5MjdDMCA0LjAzNTU2IDAuNTQxMDQ4IDIuNzExNzUgMS42MjMxNSAxLjYyNzgzQzIuNzA1MjQgMC41NDM5MTQgNC4wMjgyNCAwLjAwMTMwNDM1IDUuNTkyMTQgMi4zNDE3M2UtMDZDNy4xNTYwNCAtMC4wMDEyOTk2NiA4LjQ4MDM0IDAuNTQwMzM0IDkuNTY1MDQgMS42MjQ5QzEwLjY0OTcgMi43MDk0NyAxMS4xOTIxIDQuMDMzMjggMTEuMTkyMSA1LjU5NjM0QzExLjE5MjEgNi4yNzQ2OCAxMS4wNzIgNi45MzEyMiAxMC44MzE3IDcuNTY1OTVDMTAuNTkxNSA4LjIwMDY3IDEwLjI3NTcgOC43NDM2MSA5Ljg4NDM5IDkuMTk0NzVMMTYgMTUuMzA4NkwxNS4zMTA1IDE2Wk01LjU5NzAyIDEwLjIxNTJDNi44OTI2NyAxMC4yMTUyIDcuOTg2NDkgOS43NjkyNiA4Ljg3ODQ3IDguODc3MzlDOS43NzA0NSA3Ljk4NTUyIDEwLjIxNjQgNi44OTE1MSAxMC4yMTY0IDUuNTk1MzZDMTAuMjE2NCA0LjI5OTIyIDkuNzcwNDUgMy4yMDU1NCA4Ljg3ODQ3IDIuMzE0MzFDNy45ODY0OSAxLjQyMzA5IDYuODkyNjcgMC45NzcxNTYgNS41OTcwMiAwLjk3NjUwNUM0LjMwMTM3IDAuOTc1ODU0IDMuMjA3MjMgMS40MjE3OSAyLjMxNDU5IDIuMzE0MzFDMS40MjE5NiAzLjIwNjg0IDAuOTc1OTcxIDQuMzAwNTIgMC45NzY2MjIgNS41OTUzNkMwLjk3NzI3MyA2Ljg5MDIxIDEuNDIzMjYgNy45ODM4OSAyLjMxNDU5IDguODc2NDFDMy4yMDU5MyA5Ljc2ODk0IDQuMjk5NzQgMTAuMjE0OSA1LjU5NjA1IDEwLjIxNDIiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNSIvPgo8L3N2Zz4K);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 11px;
  right: 10px;
}
.header-middle__nav {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-middle__nav a,
.mobile-menu__contact a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  color: inherit;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}
.header-middle__nav > a[data-count]::after {
  content: attr(data-count);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  position: absolute;
  bottom: -4px;
  right: -6px;
  height: 16px;
  font-size: 14px;
  border-radius: 6px;
  color: var(--color_primary);
  font-family: var(--font_secondary);
}
.header-middle__nav > a > svg,
.mobile-menu__contact > a > svg {
  width: auto;
  height: 24px;
  fill: var(--color_gray);
}
.header-menu {
  padding: 21px 0 20px 0;
  border-bottom: 0.5px solid rgba(132, 132, 132, 1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.header-top nav,
.header-menu nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top nav a,
.header-menu nav a {
  text-decoration: none;
  padding-right: 5px;
  position: relative;
  color: #000;
  white-space: nowrap;
  display: block;
  line-height: 1;
  font-size: 15px;
}
.header-top nav a::after,
.header-menu nav a::after {
  content: "";
  position: absolute;
  right: -5px;
  top: calc(50% - 3px);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: transparent;
}
.header-top nav a.active::after,
.header-menu nav a.active::after {
  background: #13213C;
}
.header-top__wrapper {
  display: flex;
  align-items: center;
  padding: 13px 0;
}
.header-top nav {
  flex: 1;
  display: flex;
  white-space: nowrap;
  justify-content: space-between;
}
.header-top .social-services {
  margin-left: 10px;
}
.header-top .social-services svg {
  height: 18px;
  width: auto;
}
.header-profile__button {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
}
.header-profile__menu--top {
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  border-bottom: 1px solid #848484;
}
.header-profile__menu--avatar.avatar-default {
  width: 33px;
  height: 33px;
}
.header-profile__menu--info {
  white-space: nowrap;
  padding-left: 10px;
}
.header-profile__menu--name {
  color: #000;
  font-weight: 700;
  font-size: 12px;
}
.header-profile__menu--email {
  font-weight: 400;
  font-size: 12px;
  padding-top: 2px;
}
.header-profile__menu--nav {}
.header-profile__menu--nav ul {
  padding: 10px;
  margin: 0;
  list-style: none;
}
.header-profile__menu--nav ul li {}
.header-profile__menu--nav ul li a {
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
  padding: 5px 0;
  padding-left: 10px;
  position: relative;
}
.header-profile__menu--nav ul li a.has_new::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  left: -3px;
  width: 6px;
  height: 6px;
  background: green;
  border-radius: 50%;
  animation: fade 1s infinite;
}
.header-profile__menu--nav ul li a::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 100%;
}
.header-profile__menu--nav ul li a:hover::after {
  background: #13213c;
}
.header-profile__menu--logout {
  padding: 10px 10px 5px 17px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  text-decoration: none;
  border-top: 1px solid #84848466;
}
.header-profile__menu--logout svg {
  width: 10px;
  height: 10px;
}
.header-profile__menu--logout span {
  padding-top: 2px;
}
@media screen and (max-width: 1024px) {
  .header .search form {
    width: auto;
  }
  .mobile-menu__nav {
    padding: 0;
    margin: 20px 0;
    list-style: none;
  }
  .mobile-menu__nav li {
    font-size: 17px;
    padding-top: 13.5px;
  }
  .mobile-menu__nav a {
    text-decoration: none;
  }
  .mobile-menu__contacts {
    margin: 1.5rem -20px 0 -20px;
    padding: 20px 20px 0 20px;
    border-top: 1px solid var(--color_gray);
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .mobile-menu .social-services svg {
    height: 30px !important;
    width: auto !important;
  }
}
@media screen and (max-width: 991px) {
  body {
    padding-top: 88px;
  }
  .header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 300;
  }
  .header-middle__search {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.6);
    display: none;
  }
  .search-open .header-middle__search {
    display: flex;
    flex-direction: column;
  }
  .header-middle__search form {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px 10px;
    background: #fff;
    max-height: 
  }
  .header-top,
  .header-menu {
    display: none;
  }
  .header-middle__nav {
    flex: 1;
    gap: 14px;
  }
  .header-middle__nav > a > span {
    display: none;
  }
  .header-middle__logo img {
    max-width: unset;
    width: auto;
    height: 40px;
  }
  .header-middle__search input {
    padding-right: 50px;
  }
  .header-middle__search button, .searchform button {
    top: 20px;
    width: 18px;
    height: 18px;
  }
  .header-middle__search button[type=submit], .searchform button[type=submit] {
    right: 40px;
  }
  .header-middle__search button[type=reset] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjE0MjkgMTguMTQyOUwxIDFNMTguMTQyOSAxTDEgMTguMTQyOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgc3Ryb2tlLXdpZHRoPSIxLjcxNDI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    top: 21px;
    right: 18px;
    width: 16px;
    height: 16px;
  }
}