@charset "UTF-8";
.main {
  /* Для экранов шириной от 1671px до 1919px -----------------------*/
  /* Для экранов шириной от 1562px до 1670px -----------------------*/
  /* Для экранов шириной от 1562px до 1670px -----------------------*/
  /* Для экранов шириной от 1440px до 1561px -----------------------*/
  /* Для экранов шириной от 1440px до 1561px -----------------------*/
  /* Для экранов шириной от 1200px до 1439px -----------------------*/
  /* Для экранов шириной от 1200px до 1439px -----------------------*/
  /* Для экранов шириной от 1024px до 1199px -----------------------*/
  /* Для экранов шириной от 768px до 1023px -----------------------*/
  /* Для экранов шириной от 480px до 767px -----------------------*/
  /* Для экранов шириной от 320px до 479px -----------------------*/
  /* Для экранов шириной до 319px -----------------------*/
}
.main__section {
  display: grid;
  grid-template-columns: 400px 3fr;
  grid-template-rows: auto auto 1fr;
  gap: 50px;
  grid-auto-flow: row;
  grid-template-areas: "filt main" "filt info" "adv info";
}
.main__button-form button {
  width: 100%;
}
.main__field {
  width: 100%;
  background-color: #F2F2F2;
  border-radius: 30px;
  padding: 20px 25px;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main__field-icon {
  color: #F08E20;
  font-size: 1.25rem;
}
.main__event-item-input {
  line-height: 1;
}
.main__price-text {
  font-size: 1.25rem;
}
.main__price-num {
  font-size: 1.6rem;
  font-weight: bold;
  color: #F08E20;
}
.main__input-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main__event-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.main__event-switch {
  width: 18px;
  height: 18px;
  border: 1px solid #F2F2F2;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main__switch-circle {
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin: auto;
}
.main__switch-circle--on {
  background-color: #F08E20;
}
.main__event-value {
  font-weight: bold;
}
.main__reset-filter, .main__reset-icon {
  font-weight: bold;
}
.main__reset-filter--archive, .main__reset-icon--archive {
  color: #8F8F8F;
  cursor: auto;
}
.main__reset-filter--active, .main__reset-icon--active {
  color: green;
  cursor: auto;
}
.main__reset-icon {
  font-size: 0.5rem;
}
.main__event-item-title {
  font-weight: bold;
  font-size: 2.625rem;
  line-height: 1.2;
}
.main__event-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-bottom: 10px;
}
.main__event-banner-img {
  height: 700px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
}
.main__member-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 100px;
  border-bottom: 1px solid #ECECEC;
  padding: 15px 0;
}
.main__member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.main__member-img img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main__member-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main__actions {
  width: calc((100% - 40px) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.main__member-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 200px;
}
.main__member-name, .main__member-ticket-num, .main__event-tab-title {
  font-size: 1.625rem;
  font-weight: bold;
}
.main__member-name {
  line-height: 1.2;
}
.main__member-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main__member-operations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.main__member-ticket {
  font-weight: bold;
}
.main__member-top {
  padding-bottom: 10px;
}
.main__settings {
  padding-top: 0;
}
.main__event-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
.main__event-details-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.main__event-title-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main__event-details-desc {
  overflow-wrap: anywhere;
}
.main__taglist {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
}
.main__owner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main__owner-title {
  color: #8F8F8F;
  padding-bottom: 10px;
}
.main__owner-link {
  color: #F08E20;
}
.main__event-details-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main__event-details-social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main__delete-event {
  color: red;
}
.main__tariff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
.main__tariff .main__mail-block {
  width: 100%;
}
.main__tariff .main__input-row {
  width: 100%;
}
.main__tariff-block {
  width: calc((100% - 80px) / 3);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main__tariff-top {
  position: relative;
  background-color: #F08E20;
  border-radius: 40px;
  height: 180px;
  margin-bottom: 90px;
}
.main__tariff-icon {
  position: absolute;
  background-color: white;
  border-radius: 100%;
  width: 200px;
  height: 200px;
  bottom: -50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main__tariff-icon-img {
  font-size: 3rem;
  color: #F08E20;
  background-color: transparent;
  border: 15px solid #F08E20;
  border-radius: 100%;
  padding: 40px;
  margin: auto;
}
.main__tariff-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main__tariff-bottom {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 30px;
}
.main__tariff-title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  padding-bottom: 20px;
}
.main__tariff-price {
  color: #F08E20;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
.main__tariff-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 30px;
}
.main__tariff-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-top: 30px;
}
.main__tariff-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.main__tariff-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.main__tariff-details-icon {
  font-size: 1.5rem;
  color: #F08E20;
}
.main__tariff-desc {
  font-size: 1.125rem;
}
.main__tariff-period {
  font-size: 1.125rem;
  font-weight: bold;
}
.main__input-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.main__event-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media (max-width: 1919px) and (min-width: 1671px) {
  .main__tariff-block {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 1670px) and (min-width: 1440px) {
  .main__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main .main__adv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .main .slider-adv {
    max-width: 400px;
  }
}
@media (max-width: 1670px) and (min-width: 1562px) {
  .main__tariff-block {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 1561px) {
  .main__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 1561px) and (min-width: 1440px) {
  .main__profile-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
    grid-template-areas: ". ." ". ." ". ." ". .";
  }
}
@media (max-width: 1439px) and (min-width: 767px) {
  .main__profile-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
    grid-template-areas: ". ." ". ." ". ." "eventInfoBottom .";
  }
  .main__profile-block:last-child {
    grid-area: eventInfoBottom;
  }
}
@media (max-width: 1199px) and (min-width: 1024px) {
  .main__tariff-block {
    width: calc((100% - 40px) / 2);
  }
  .main__event-recomend-block {
    gap: 20px;
  }
  .main__event-recomend-item {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .main__tariff-block {
    width: 100%;
  }
  .main__event-recomend-block {
    gap: 20px;
  }
  .main__event-recomend-item {
    width: 100%;
  }
  .main__event-banner-img {
    height: 500px;
  }
  .main__member-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .main__member-img img {
    width: 120px;
    height: 120px;
  }
  .main__member-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main__actions {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .main__section {
    gap: 30px;
  }
  .main__tariff-block {
    width: 100%;
  }
  .main__event-recomend-block {
    gap: 20px;
  }
  .main__event-recomend-item {
    width: 100%;
  }
  .main__event-banner-img {
    height: 380px;
  }
  .main__member-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .main__member-img img {
    width: 120px;
    height: 120px;
  }
  .main__member-operations {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
  .main__owner-title {
    padding-bottom: 5px;
  }
  .main__owner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 15px;
  }
  .main__member-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main__actions {
    width: 100%;
  }
}
@media (max-width: 479px) and (min-width: 320px) {
  .main__section {
    gap: 30px;
  }
  .main__tariff-block {
    width: 100%;
  }
  .main__tariff-bottom {
    height: auto;
  }
  .main__event-details-social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main__event-details-social-link {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main__event-recomend-block {
    gap: 30px;
  }
  .main__event-recomend-item {
    width: 100%;
  }
  .main__event-banner-img {
    height: 250px;
  }
  .main__member-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .main__member-img img {
    width: 60px;
    height: 60px;
  }
  .main__member-operations {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
  .main__owner-title {
    padding-bottom: 5px;
  }
  .main__owner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 15px;
  }
  .main__tariff-icon-img {
    font-size: 4rem;
    padding: 30px;
  }
  .main__tariff-icon {
    width: 200px;
    height: 200px;
  }
  .main__tariff-details-icon {
    font-size: 1.3rem;
  }
  .main__tariff-top {
    height: 180px;
    margin-bottom: 80px;
  }
  .main__tariff-title {
    font-size: 2rem;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .main__tariff-desc, .main__tariff-period {
    font-size: 1rem;
  }
  .main__tariff-point {
    gap: 5px;
  }
  .main__tariff-details {
    gap: 8px;
  }
  .main__member {
    gap: 10px;
  }
  .main__member-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main__actions {
    width: 100%;
  }
}
.rotate {
  -webkit-animation: rotateAnimation 0.3s linear forwards;
          animation: rotateAnimation 0.3s linear forwards;
}

@-webkit-keyframes rotateAnimation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateAnimation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}