header ._showOnMobile {
  display: none;
}
header [class*=__container] {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 15px
}

.header__top {
  background: var(--color-header-top-background);
  padding: 13px 0
}
.header__top-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 15px
}
.header__phone {
  margin-left: auto;
  position: relative;
  z-index: 1
}
.header__phone-link {
  display: block
}
.header__phone-image {
  color: var(--color-header-phone-icon)
}
.header__bottom {
  padding: 20px 0
}
.header__bottom-wrapper {
  display: flex;
  justify-content: space-between;
  grid-gap: 15px
}
.header__logo,
.header__logo-placeholder {
  height: var(--height-logo);
  min-height: calc(var(--height-logo) * .6666);
  flex: 0 1 auto;
  position: relative;
  z-index: 1
}
.header__logo-img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
	width: auto;
}
.header__info {
  margin-right: 15px;
  position: relative;
  line-height: 1.2;
	display: flex;
	align-items: center;
}
.header__info-icon {
  color: var(--color-header-info-icon);
	margin-right: 5px;
}
.header__info-title {
  margin-bottom: 5px;
  font-size: var(--fontSize-header-info-title);
  color: var(--color-header-info-title)
}
.header__info-link {
  display: flex;
	align-items: center;
  font-weight: 500;
  letter-spacing: .02em;
  color: var(--color-header-info-link)
}
.selectLanguages {
  position: relative;
  cursor: pointer;
  z-index: 2;
  height: 36px;
  width: 52px
}
.selectLanguages__inner {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: height .5s ease;
  height: 36px;
  background: var(--color-selectLanguages-background);
  border: 1px solid var(--color-selectLanguages-border)
}
.selectLanguages__item {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 34px;
  flex: 1 0 auto;
  color: var(--color-selectLanguages);
  font-size: var(--fontSize-selectLanguages)
}
.selectLanguages__item:hover {
  background: var(--color-selectLanguages-background-hover);
  color: var(--color-selectLanguages-hover)
}
.selectLanguages__item._active {
  order: -1;
  color: var(--color-selectLanguages-active)
}
.mobileInfo {
  margin-bottom: 30px
}
.mobileInfo__title {
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-mobileInfo-title);
  margin-bottom: 10px
}
.mobileInfo__wrapper {
  display: flex;
  gap: 10px;
  justify-content: center
}
.mobileInfo__link {
  color: var(--color-mobileInfo-link)
}
.menu__list {
  display: flex;
  gap: var(--gap-header-menu-list)
}
.menu__item {
  position: relative
}
.menu__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: calc(var(--gap-header-menu-list)/ 2 * -1);
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--color-header-menu-border)
}
.menu__link {
  color: var(--color-header-menu-link)
}
.menu__link:hover {
  color: var(--color-header-menu-link-hover)
}
.menu__span {
  color: var(--color-header-menu-link-active);
  pointer-events: none
}
.icon-menu {
  display: none
}
.header__cta{
	padding: 0 15px;
	height: 36px;
	margin-left: auto;
}
@media (min-width: 1081px) {
	.header__menu{
		display: flex;
		align-items: center;
	}
	.menu__item{
		text-transform: uppercase;
	}
}
@media (max-width:67.49875em) {
	header ._showOnMobile {
		display: block;
	}

  .menu__body {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    overflow: auto;
    padding: 4.375rem 1.25rem .9375rem 1.25rem;
    transition: left .3s;
    background-color: #f8f8f8;
    overflow-x: hidden
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 4.375rem;
    left: -100%;
    top: 0;
    transition: left .3s;
    z-index: 2
  }
  .menu-open .menu__body {
    left: 0
  }
  .menu-open .menu__body::before {
    left: 0
  }
  .menu__list {
    padding: 1.875rem 1.25rem 1.875rem 1.25rem;
    flex-direction: column;
    gap: calc(var(--gap-header-menu-list)/ 2)
  }
  .menu__item:not(:last-child)::after {
    display: none
  }
  .menu__link,
  .menu__span {
    font-weight: 500;
    font-size: var(--fontSize-menu-link)
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    z-index: 5
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .125rem;
    background-color: var(--color-burger-background)
  }
  .icon-menu::before {
    top: 0
  }
  .icon-menu::after {
    bottom: 0
  }
  .icon-menu span {
    top: calc(50% - .0625rem)
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  ._showOnDesktop {
    display: none
  }
  .hero .swiper-button-next,
  .hero .swiper-button-prev {
    display: none
  }
  .header__top {
    background-color: #fff
  }
  .header__menu {
    order: 1
  }
  .header__logo,
  .header__logo-placeholder {
    height: calc(var(--height-logo) * .6666)
  }
  .header__bottom {
    display: none
  }
  .header__cta {
    width: 100%;
    height: 54px;
    margin-bottom: 30px
  }
	.header__info{
		margin-left: auto;
		margin-right: 0;
	}
}
@media (max-width:67.49875em) and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}