body {
  background-color: #fff;
}
.main_menu_bottom {
  visibility: visible;
  opacity: 1;
  text-align: left;
}
.main_menu_bot {
  background-image: none;
}
.header {
  top: 0px;
  z-index: 999;
  position: fixed;
  width: 980px;
  background-color: #fff;
  /* ACTIVE */
}
.header__body {
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  height: 61px;
  padding: 12px 38px 12px 24px;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  transition: border-color 0.3s ease 0s, padding 0.3s ease 0s;
}
.header__logo {
  z-index: 5;
}
.header__center {
  padding-left: 60px;
  width: 229px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  transition: opacity 0.3s ease 0s;
}
.header__center-link {
  text-transform: uppercase;
  opacity: 0.5;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.7px;
  color: #000000;
  transition: opacity 0.3s ease 0s;
}
.header__center-link:hover {
  color: #000000;
  opacity: 1;
  text-decoration: none;
}
.header__right {
  margin-left: auto;
  z-index: 5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.header__phone {
  font-size: 21px;
  font-weight: bold;
  color: #333333;
  margin-right: 58px;
  transition: letter-spacing 0.3s ease 0s, font-size 0.3s ease 0s, margin 0.3s ease 0s;
}
.header__phone:hover {
  color: #333333;
  text-decoration: underline;
}
.header__menu {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 39px;
  padding-left: 0;
  background-color: #fff;
  -ms-transform: translateY(61px);
      transform: translateY(61px);
  transition: transform 0.3s ease 0s,
                padding 0.3s ease 0s,
                height 0.3s ease 0s;
}
.header__menu::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #f2f2f2;
}
.header._active .header__menu {
  padding-left: 173px;
  padding-right: 215px;
  height: 61px;
  -ms-transform: translateY(1px);
      transform: translateY(1px);
}
.header._active .header__center {
  opacity: 0;
}
.header._active .header__btn._call {
  width: 35px;
}
.header._active .header__btn._call .header__btn-text {
  opacity: 0;
}
.header._active .header__phone {
  font-size: 14px;
  margin-right: 8px;
}
.header._active .header__body {
  padding-right: 5px;
  border-color: transparent;
}
.header._active .header-menu__item {
  padding: 0 7px;
}
.header._active .header-menu__block:last-child {
  margin-right: 0;
}
.header._active .header-menu__block._scroll-hidden {
  display: none;
}
.header._active .header-menu__block._hamburger {
  display: -ms-flexbox;
  display: flex;
}
.header._active .menu-content {
  top: 59px;
}
.header-menu {
  position: relative;
  z-index: 5;
  padding: 0 8px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  transition: height 0.3s ease 0s;
}
.header-menu__item {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-transform: uppercase;
  font-family: 'Arial Narrow', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
  white-space: nowrap;
  letter-spacing: 0.4px;
  color: #000000;
  border-bottom: 3px solid transparent;
  transition: border-color 0.3s ease 0s, padding 0.3s ease 0s;
  vertical-align: middle;
  padding: 0 23px;
}
.header-menu__item:hover {
  color: #000000;
  text-decoration: none;
}
.header-menu__block {
  position: relative;
  transition: margin 0.3s ease 0s;
}
.header-menu__block.act .header-menu__item {
  border-color: #ffc81f;
}
.header-menu__block::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -ms-transform: translate(-50%, 0px);
      transform: translate(-50%, 0px);
  opacity: 0;
  border: 9px solid transparent;
  border-top: 8px solid #FFCC00;
  transition: opacity 0.3s ease 0s;
}
.header-menu__block._hover::after {
  opacity: 1;
}
.header-menu__block._hover .header-menu__item {
  border-color: #ffc81f;
}
.header-menu__block._hover._no-submenu::after {
  opacity: 0;
}
.header-menu__block._hover._hamburger .icon-hamburger svg ellipse {
  fill: #FFCC00;
}
.header-menu__block._hamburger {
  margin-left: 0;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.header-menu__block._hamburger .icon-hamburger {
  margin: 0 10px;
  font-size: 0;
  line-height: 0;
}
.main_menu_bottom {
  text-align: left;
  opacity: 0;
  top: 39px;
  transition: top 0.3s ease 0s,
              left 0.3s ease 0s,
              opacity 0.3s ease 0s,
              visibility 0.3s ease 0s;
}
.main_menu_bot_dop a {
  display: block;
  height: 29px;
  margin-top: -1px;
  float: left;
  padding-right: 13px;
  padding-left: 13px;
  font-family: 'Arial Narrow', 'Arial', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-stretch: condensed;
  color: #fff;
  font-weight: bold;
  padding-top: 12px;
}
.header__btn {
  box-sizing: border-box;
  position: relative;
  padding: 0 13px;
  text-align: left;
  outline: none;
  height: 35px;
  background-color: #ffc81f;
  border: none;
  color: #231f20;
  cursor: pointer;
  transition: width 0.3s ease 0s, background-color 0.3s ease 0s, color 0.3s ease 0s;
}
.header__btn._call {
  margin-right: 10px;
  width: 146px;
  overflow: hidden;
}
.header__btn._call .header__btn-icon {
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: auto;
  right: 11px;
}
.header__btn._search {
  width: 35px;
}
.header__btn:hover {
  background-color: #000;
  color: #fff;
}
.header__btn:hover .header__btn-icon:after {
  opacity: 1;
}
.header__btn-text {
  white-space: nowrap;
  font-size: 13px;
  transition: opacity 0.3s ease 0s;
}
.header__btn-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.header__btn-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: opacity 0.3s ease 0s;
}
.header__btn-icon._icon-phone {
  width: 14px;
  height: 14px;
  background-image: url('../images/icons/phone.svg');
}
.header__btn-icon._icon-phone::after {
  background-image: url('../images/icons/phone-white.svg');
}
.header__btn-icon._icon-search {
  width: 14px;
  height: 13px;
  background-image: url('../images/icons/loupe.svg');
}
.header__btn-icon._icon-search::after {
  background-image: url('../images/icons/loupe-white.svg');
}
a.header__btn {
  display: inline-block;
  line-height: 35px;
}
a.header__btn:hover {
  text-decoration: none;
}
.menu-content {
  position: absolute;
  top: 98px;
  left: 0;
  width: 100%;
  display: block;
  padding-top: 2px;
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  visibility: hidden;
  opacity: 0;
  -ms-transform: translateY(20px);
      transform: translateY(20px);
  transition: top 0.3s ease 0s,
    visibility 0.25s ease 0s,
    transform 0.25s ease 0s,
    opacity 0.25s ease 0s;
  /* Á/Ó ÒÅÕÍÈÊÀ */
}
.menu-content._show {
  visibility: visible;
  -ms-transform: translateY(0);
      transform: translateY(0);
  opacity: 1;
}
.menu-content:hover {
  visibility: visible;
  -ms-transform: translateY(0);
      transform: translateY(0);
  opacity: 1;
}
.menu-content__body {
  min-height: 332px;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
}
.menu-content__sidebar {
  width: 216px;
  -ms-flex: 0 0 216px;
      flex: 0 0 216px;
  min-height: 332px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-content__content {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
}
.menu-content._small {
  top: calc(100% - 2px);
  left: 0;
}
.menu-content._small .menu-content__body {
  min-height: auto;
  display: block;
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
}
.menu-content._used-machinery {
  width: 305px;
}
.menu-content._leasing {
  left: -47px;
  width: 216px;
}
.menu-content._hamburger {
  left: -22px;
  width: 196px;
}
.menu-item__link {
  box-sizing: border-box;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 16px 7px 13px 24px;
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
}
.menu-item__link._header-menu__item {
  padding: 0 0 0 15px;
  height: 50px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.menu-item__link._header-menu__item .name {
  box-sizing: border-box;
  padding: 0 25px 0 7px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  border-bottom: 3px solid transparent;
  transition: border-color 0.2s ease;
  margin-right: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.menu-item .icon {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: auto;
}
.menu-item .name {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  margin-right: 10px;
}
.menu-item._hover,
.menu-item:hover {
  background-color: #F6F6F6;
}
.menu-item._hover .menu-item__link,
.menu-item:hover .menu-item__link {
  color: #000;
  text-decoration: none;
}
.menu-item:not([data-header-submenu-item]) .icon {
  display: none;
}
.menu-item.act .menu-item__link._header-menu__item .name {
  border-color: #F8C835;
}
.submenu-content {
  box-sizing: border-box;
  display: none;
  padding: 32px 36px 0 39px;
  text-align: left;
  /* Online-ìàãàçèí çàïàñíûõ ÷àñòåé */
}
.submenu-content._show {
  display: block;
}
.submenu-content._catalog {
  padding: 29px 44px 0 35px;
}
.submenu-content._industry .submenu-content__link-block {
  min-height: 64px;
}
.submenu-content._industry .submenu-content__link-block .img {
  width: 120px;
}
.submenu-content._industry .submenu-content__block {
  margin-bottom: 8px;
}
.submenu-content._attachment-equipment .submenu-content__link-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 13px;
  padding-bottom: 15px;
}
.submenu-content._attachment-equipment .submenu-content__link-block .desc {
  margin-top: auto;
}
.submenu-content._technology {
  padding: 28px 36px 0 35px;
}
.submenu-content._technology .submenu-content__block-list {
  -ms-flex: 0 0 211px;
      flex: 0 0 211px;
  width: 211px;
}
.submenu-content._other-directions {
  padding: 32px 42px 0 41px;
}
.submenu-content._other-directions .submenu-content__block-inner {
  padding: 0 6px;
}
.submenu-content._other-directions .submenu-content__link-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 11px 134px 16px 16px;
}
.submenu-content._other-directions .submenu-content__link-block .desc {
  margin-top: auto;
}
.submenu-content._small {
  box-sizing: border-box;
  position: absolute;
  left: 100%;
  top: 0;
  width: 246px;
  padding: 16px 0 0 6px;
  display: block;
  visibility: hidden;
  opacity: 0;
  -ms-transform: translateY(20px);
      transform: translateY(20px);
  transition: top 0.3s ease 0s,
        visibility 0.25s ease 0s,
        transform 0.25s ease 0s,
        opacity 0.25s ease 0s;
}
.submenu-content._small._show {
  visibility: visible;
  -ms-transform: translateY(0);
      transform: translateY(0);
  opacity: 1;
}
.submenu-content._small .submenu-content__content {
  box-sizing: border-box;
  display: block;
  padding: 11px 12px 20px;
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.07);
}
.submenu-content._small .submenu-content__block-list {
  width: auto;
}
.submenu-content._technique-operating-time {
  width: 246px;
}
.submenu-content._spare-parts {
  padding: 27px 36px 0 35px;
}
.submenu-content._service .submenu-content__link-block,
.submenu-content._complex .submenu-content__link-block {
  padding-right: 130px;
  min-height: 72px;
}
.submenu-content._service .submenu-content__link-block .img,
.submenu-content._complex .submenu-content__link-block .img {
  width: 120px;
}
.submenu-content._complex .submenu-content__link-block {
  padding-right: 135px;
}
.submenu-content__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
}
._other-directions .submenu-content__content {
	background-color: transparent;
}
.submenu-content__block {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  width: 50%;
  margin-bottom: 16px;
}
.submenu-content__block-inner {
  box-sizing: border-box;
  padding: 0 8px;
}
.submenu-content__block-list {
  box-sizing: border-box;
  -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
  width: 33.333333%;
}
.submenu-content__link-block {
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 11px 150px 11px 16px;
  min-height: 96px;
  font-size: 13px;
  line-height: 15px;
  color: #000;
  text-decoration: none;
}
.submenu-content__link-block::after {
  box-sizing: border-box;
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  transition: border-color 0.2s ease 0s;
}
.submenu-content__link-block:hover {
  text-decoration: none;
  color: #000;
}
.submenu-content__link-block:hover::after {
  border-color: #FFCC00;
}
.submenu-content__link-block:hover .caption {
  text-decoration: underline;
}
.submenu-content__link-block .img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 135px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FCF7FB;
}
.submenu-content__link-block .caption {
  text-decoration: none;
  color: #006699;
}
.submenu-content__link-block .desc {
  font-size: 12px;
  line-height: 14px;
}
.submenu-content .link-wrap {
  margin-bottom: 12px;
}
.submenu-content .link-wrap:last-child {
  margin-bottom: 0;
}
.submenu-content .link {
  box-sizing: border-box;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  padding-left: 9px;
  border-left: 3px solid transparent;
  color: #000;
  text-decoration: none;
  transition: border-color 0.2s ease 0s;
}
.submenu-content .link:hover {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  border-color: #FFCC00;
}
.submenu-content__shop-spare-parts {
  box-sizing: border-box;
  position: relative;
  min-height: 106px;
  background-color: #f0f0f0;
  font-size: 13px;
  line-height: 15px;
  padding: 20px 35px 10px 224px;
  margin: 20px 10px 0 12px;
}
.submenu-content__shop-spare-parts .img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 208px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FCF7FB;
}
.submenu-content__shop-spare-parts .caption {
  display: inline-block;
  margin-bottom: 15px;
}
.submenu-content__shop-spare-parts .desc {
  font-size: 12px;
  line-height: 17px;
}
.menu-content-about {
  box-sizing: border-box;
  padding: 21px 34px 0 39px;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.menu-content-about__block-list {
  margin-bottom: 19px;
}
.menu-content-about__block-list._vacancy {
  margin-bottom: 11px;
}
.menu-content-about__caption {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: #000;
  margin-bottom: 3px;
}
.menu-content-about__caption._link {
  box-sizing: border-box;
  display: inline-block;
  min-height: 33px;
  padding: 7px 10px;
  margin-bottom: 0;
  color: #000;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.menu-content-about__caption._link:hover {
  background-color: #F6F6F6;
  color: #000;
  text-decoration: none;
}
.menu-content-about__link {
  font-size: 12px;
  line-height: 19px;
  margin-bottom: 1px;
}
.menu-content-about__link .date-news {
  margin-right: 1px;
  color: rgba(0, 0, 0, 0.5);
}
.menu-content-about__link .count-vacancy {
  font-weight: bold;
  font-size: 13px;
  line-height: 19px;
  margin-right: 3px;
}
.menu-content-about__link:last-of-type {
  margin-bottom: 0;
}
.menu-content-about__link-more {
  margin-left: 3px;
  font-size: 11px;
  line-height: 15px;
  display: inline-block;
  text-decoration: underline;
}
.menu-content-about__link-more:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 8px;
  background: url('/images/new-menu/icons/arrow-more.svg') no-repeat center / contain;
  vertical-align: middle;
  margin-left: 7px;
}
.menu-content-about__link-more:hover {
  text-decoration: none;
}
.menu-content-about__block._left {
  box-sizing: border-box;
  width: 367px;
  -ms-flex: 0 0 367px;
      flex: 0 0 367px;
  padding-right: 20px;
}
.menu-content-about__block._left .menu-content-about__wrap-link {
  margin-left: -10px;
  margin-bottom: 4px;
}
.menu-content-about__block._right {
  -ms-flex: 1 1 540px;
      flex: 1 1 540px;
  width: 540px;
  max-width: 540px;
  min-width: 540px;
}
.menu-content-about__items-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px 0px 0px -9px;
}
.menu-content-about__items-wrap .menu-content-about__wrap-link {
  -ms-flex: 0 0 228px;
      flex: 0 0 228px;
  width: 228px;
  margin-left: 0;
  margin-right: 17px;
  margin-bottom: 0;
}
.menu-content-about__items-wrap .menu-content-about__wrap-link:nth-child(even) {
  -ms-flex: 0 0 290px;
      flex: 0 0 290px;
  width: 290px;
  margin-right: 0;
}
.menu-content-about__items-wrap .menu-content-about__caption._link {
  width: 100%;
}
.menu-content-about__info {
  box-sizing: border-box;
  position: relative;
  height: 124px;
  background-color: rgba(240, 240, 240, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px 19px 5px 197px;
  margin-top: 17px;
}
.menu-content-about__info .img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 181px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FCF7FB;
}
.menu-content-about__info p {
  font-size: 12px;
  line-height: 17px;
  color: #495359;
  margin: 0;
}
.menu-bottom {
  box-sizing: border-box;
  height: 71px;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: left;
  margin-top: -1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.menu-bottom__special-offers {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 217px;
  -ms-flex: 0 0 217px;
      flex: 0 0 217px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  padding-left: 24px;
}
.menu-bottom__special-offers:hover {
  text-decoration: none;
  color: #006699;
}
.menu-bottom__special-offers .name {
  position: relative;
}
.menu-bottom__special-offers .tooltip {
  position: absolute;
  top: -6px;
  right: -16px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 13px;
  height: 13px;
  background-color: #FFCC00;
  border-radius: 50%;
}

.menu-bottom__special-offers .tooltip svg {
	position: static;
}
.menu-bottom__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
}
.menu-bottom__link {
  box-sizing: border-box;
  width: 33.333333%;
  -ms-flex: 1 1 33.333333%;
      flex: 1 1 33.333333%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 3px 6px 3px 12px;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  text-decoration: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-bottom__link:first-child {
  border-left: none;
}
.menu-bottom__link:last-child {
  border-right: none;
}
.menu-bottom__link:hover {
  color: #006699;
  text-decoration: none;
}
.menu-bottom__link .img {
  margin-left: auto;
  -ms-flex: 0 0 64px;
      flex: 0 0 64px;
  width: 64px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FCF7FB;
}
.menu-bottom__link .name {
  padding-right: 10px;
}
.popup-search {
  height: 100%;
}
.popup-search__form {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.popup-search__btn {
  position: relative;
  width: 61px;
  margin-right: 12px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: #fff;
}
.popup-search__btn:hover .popup-search__btn-icon::after {
  opacity: 1;
}
.popup-search__btn-icon {
  display: inline-block;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  position: absolute;
  width: 25px;
  height: 25px;
  background: url('../images/icons/loupe.svg') no-repeat center / contain;
}
.popup-search__btn-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: url('../images/icons/loupe-yellow.svg') no-repeat center / contain;
  transition: opacity 0.3s ease 0s;
}
.popup-search__input {
  outline: none;
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 15px;
  border: none;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.6px;
  color: #000;
}
.popup-search__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.popup-search__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.popup-search__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}