/*============================================================================*/
.wrapper, .page .nav-main {
  position: relative;
}

.header-navbar {
  z-index: 2;
}

.header-navbar .nav-main {
  padding: 0;
}

.header-navbar .nav-main > li {
  display: flex;
  padding: 15px 0;
}

div.title-search-result {
  border: unset!important;
}
.smartsearch-title__result {
  margin-top: 0px!important;}

.smartsearch-title__wrap form {
  margin: 0;
}
/*==============================Dropdown-Menu=================================*/
.nav-menu-backdrop {
 visibility: hidden;
  position: absolute;
  top: 125.5px;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: all .3s ease;
}

.nav-menu-backdrop.show {
  visibility: visible;
  opacity: .5;
  transition: all .3s ease;
}

.nav-menu {
  width: 100%;
  display: flex;
  opacity: 0;
  visibility: hidden;
  border-top: 1px solid #EAEAEA;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 100%;
  background: white;
  transition: all .3s ease;
}

.nav-menu.show {
  opacity: 1;
  visibility: visible;
}

.nav-menu-items {
  width: 263px;
  min-width: 263px;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  border-right: 1px solid #EAEAEA;
  background: #F7F7F7;
}

.nav-menu-items li {
  display: flex;
  align-items: center;
  position: relative;
  padding: 12px 24px 12px 6px;
  cursor: pointer;
}

.nav-menu-items > li:not(:last-child) {
  border-bottom: 1px solid #EAEAEA;
}

.nav-menu-items span {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin-left: 8px;
  width: 100%;
  transition: all .3s ease;
}

.nav-menu-items li:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  background: url("data:image/svg+xml,%3Csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.74365 8.64502L3.10303 15.2856C2.64404 15.7446 1.90186 15.7446 1.44775 15.2856L0.344238 14.1821C-0.114746 13.7231 -0.114746 12.981 0.344238 12.5269L5.05127 7.81982L0.344238 3.11279C-0.114746 2.65381 -0.114746 1.91162 0.344238 1.45752L1.44287 0.344238C1.90186 -0.114746 2.64404 -0.114746 3.09814 0.344238L9.73877 6.98486C10.2026 7.44385 10.2026 8.18604 9.74365 8.64502Z' fill='%23F15921'/%3E%3C/svg%3E%0A") center no-repeat;
  width: 11px;
  height: 16px;
  opacity: 0;
  transition: all .3s ease;
}

.nav-menu-items li.active:before {
  opacity: 1;
}

.nav-menu-items li:hover span, .nav-menu-items li.active span {
  color: #F15921;
}

.nav-menu-items li svg path {
  fill: black;
  transition: all .3s ease;
}

.nav-menu-items li:hover svg path, .nav-menu-items li.active svg path {
  fill: #F15921;
  transition: all .3s ease;
}

.nav-menu-links {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 12px;
}

.nav-menu-links li.active ul {
  display: block;
}

.nav-menu-links li ul {
  display: none;
  columns: 2;
  list-style: none;
  padding-left: 64px;
}

.nav-menu-links li ul li {
  padding-bottom: 15px;
}

.nav-menu-links li ul a {
  text-decoration: none;
  font-size: 16px;
  line-height: 19px;
  color: #313C41;
  transition: all .3s ease;
}

.nav-menu-links li ul a:hover {
  color: #F15921;
}

@media (max-width: 992px) {
  .nav-menu-links li ul {
    padding-left: 48px;
  }

  .nav-menu-items span {
    font-size: 16px;
  }

  .nav-menu-links li ul a {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .nav-menu {
    display: none;
  }
}
/*==============================Header-Fix====================================*/
.header-fix .nav-menu {
  position: fixed;
  top: 76px;
}

.header-fix .nav-main > li {
  display: flex;
  align-items: center;
  height: 76px;
}
/*==============================Mobile-Menu===================================*/
.title {
  border-bottom: 2px solid #F15921;
}

.catalog-main {
  margin-top: 0;
  padding-top: 0 !important;
}

.catalog-mobile__wrapper {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.catalog-mobile__wrapper > li {
  font-size: 18px;
  font-weight: 500;
  border-top: 1px solid #EAEAEA;
  position: relative;
  transition: all .3s ease;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.catalog-mobile__wrapper > li .catalog__item {
  display: flex;
  align-items: center;
  padding: 10px 6px;
}

.catalog-mobile__wrapper > li .catalog__item span {
  width: 100%;
  position: relative;
  margin-left: 10px;
}

.catalog-mobile__wrapper > li:last-child {
  border-bottom: 1px solid #EAEAEA;
}

.catalog-mobile__wrapper > li span:after {
  content: '';
  position: absolute;
  transform: rotate(0) translateY(-50%);
  transform-origin: 4px -2px;
  top: 50%;
  right: 0;
  background: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5231 13.2746L4.30665 23.4714C3.66963 24.1762 2.63956 24.1762 2.00932 23.4714L0.477763 21.7769C-0.159254 21.0722 -0.159254 19.9325 0.477763 19.2352L7.01059 12.0075L0.477763 4.77976C-0.159254 4.07498 -0.159254 2.93533 0.477763 2.23805L2.00254 0.528585C2.63956 -0.176195 3.66963 -0.176195 4.29987 0.528585L13.5163 10.7254C14.1601 11.4302 14.1601 12.5698 13.5231 13.2746Z' fill='black'/%3E%3C/svg%3E%0A") center no-repeat;
  width: 11px;
  height: 20px;
  transition: transform 0.3s ease;
}

.catalog-mobile__wrapper > li.active span:after {
  background: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5231 13.2746L4.30665 23.4714C3.66963 24.1762 2.63956 24.1762 2.00932 23.4714L0.477763 21.7769C-0.159254 21.0722 -0.159254 19.9325 0.477763 19.2352L7.01059 12.0075L0.477763 4.77976C-0.159254 4.07498 -0.159254 2.93533 0.477763 2.23805L2.00254 0.528585C2.63956 -0.176195 3.66963 -0.176195 4.29987 0.528585L13.5163 10.7254C14.1601 11.4302 14.1601 12.5698 13.5231 13.2746Z' fill='%23F15921'/%3E%3C/svg%3E%0A") center no-repeat;
  transform: rotate(90deg) translateY(-50%);
  transition: transform 0.3s ease;
}

.catalog-mobile__wrapper > li.active {
  color: #F15921;
  transition: all .3s ease;
}

.catalog-mobile__wrapper > li svg path {
  transition: all .3s ease;
}

.catalog-mobile__wrapper > li.active svg path {
  fill: #F15921;
  transition: all .3s ease;
}

.catalog-mobile__wrapper li ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  max-height: 0;
  opacity: 0;
  transition: all .3s ease;
  background: #F7F7F7;
  padding-left: 48px;
}

.catalog-mobile__wrapper li.active ul {
  list-style: none;
  max-height: 400px;
  opacity: 1;
}

.catalog-mobile__wrapper li ul li {
  padding: 6px 0;
}

.catalog-mobile__wrapper li ul li a {
  font-size: 16px;
  text-decoration: none;
  color: #313C41;
  transition: all .3s ease;
}

.catalog-mobile__wrapper li ul li a:hover {
  color: #F15921;
  transition: all .3s ease;
}

@media (min-width: 768px) {
  .catalog-mobile__wrapper {
    display: none;
  }
}
/*================================MainPage====================================*/
.wrapper.menu-open .nav-main__item > a:hover {
  color: #F15921;
  transition: all .3s ease;
}

.wrapper.menu-open .header-top, .wrapper.menu-open .header-navbar {
  background: #F7F7F7;
  transition: all .3s ease;
}

.wrapper.menu-open .city-wrap__label::after {
  background-image: url('../img/adress-icon.svg');
  transition: all .3s ease;
}

.wrapper.menu-open .phone-b::after {
  background-image: url('../img/phone-icon.svg');
  transition: all .3s ease;
}

.wrapper.menu-open .header-link-group__item .inline-svg-icon {
  fill: #b9b9b9;
  transition: all .3s ease;
}

.wrapper.menu-open .user-lisk-group__item .inline-svg-icon {
  fill: #a0e33b;
  transition: all .3s ease;
}

.wrapper.menu-open .nav-main__link:hover, .wrapper.menu-open .nav-main__link--current, .wrapper.menu-open .city-wrap__name,
.wrapper.menu-open .city-wrap__name:hover, .wrapper.menu-open .call-link, .wrapper.menu-open .call-link:hover {
  color: #00adcf;
  transition: all .3s ease;
}
