*,
*::after,
*::before {
  box-sizing: border-box;
}
#promo2-template .header {
  background: linear-gradient(to bottom, #c70039 0%, #a20022 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
#promo2-template .header a {
  color: #fff;
  text-decoration: none;
}
#promo2-template .header p {
  margin: 0;
  color: #fff;
}
#promo2-template .header ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#promo2-template .container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
#promo2-template .header__wrapper {
	padding: 5px 0;
  display: flex;
  align-items: center;
  gap: 30px;
}
#promo2-template .header__left {
  display: flex;
  align-items: center;
  gap: 10px;
}
#promo2-template .header__logo {
  position: relative;
  top: 50px;
  width: 100%;
  max-width: 80px;
}
#promo2-template .header__logo-img-mob {
  display: none;
}
#promo2-template .header__nav {
  margin-left: 30px;
}
#promo2-template .header__nav-list {
  display: flex;
  align-items: center;
  gap: 30px;
}
#promo2-template .header__right {
  display: flex;
  align-items: center;
  gap: 20px;
}
#promo2-template .social__list {
  display: flex;
  align-items: center;
  gap: 10px;
}
#promo2-template .social__img {
  width: 100%;
  max-width: 20px;
}
#promo2-template .live {
  font-size: 16px;
  font-weight: 700;
}
#promo2-template .live__mob {
  display: none;
}
#promo2-template .live__mob::before {
  content: '•';
  display: inline-block;
  padding-left: 2px;
  line-height: 0;
  font-size: 22px;
  color: #f00;
}

#promo2-template .burger {
  position: relative;
  display: none;
  align-items: center;
  width: 24px;
  height: 24px;
}
#promo2-template .burger > span,
#promo2-template .burger > span::before,
#promo2-template .burger > span::after {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
#promo2-template .burger > span::before {
  content: '';
  top: -8px;
}
#promo2-template .burger > span::after {
  content: '';
  top: 8px;
}

@media (width <= 1180px) {
  #promo2-template .live__desc,
  #promo2-template .header__nav,
  #promo2-template .header__logo-img-desc {
    display: none;
  }
  .live__mob,
  #promo2-template .header__logo-img-mob {
    display: block;
  }
  #promo2-template .burger {
    display: flex;
  }
  #promo2-template .header__wrapper {
    justify-content: space-between;
  }
  #promo2-template .header__logo {
    position: static;
		top: unset;
    max-width: 200px;
  }
}

@media (width <= 500px) {
	#promo2-template .social__list,
	#promo2-template .live{
		display: none;
	}
}

#promo2-template header {
  font-family: sans-serif;
}