.hor-center {
  margin-left: auto;
  margin-right: auto;
}

.pt-header {
  padding-top: 80px;

  @media (max-width: 750px) {
    padding-top: 60px;
  }
}

.mt-header {
  margin-top: 80px;

  @media (max-width: 750px) {
    margin-top: 60px;
  }
}

.height-0{
  height: 0px !important;
}

.wrap {
  width: 1392px;
  margin-left: auto;
  margin-right: auto;
  // overflow: hidden;
  position: relative;

  &--sm {
    width: 1150px;
  }

  &--xs {
    width: 920px;
  }

  &--flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  &__side {
    width: 25%;
    position: sticky;
    top: 85px;
    padding-right: 10px;

    &.no-sticky {
      position: relative;
      top: inherit;
    }

    &__icon-item {
      display: flex;
      align-items: center;
      margin-bottom: 8px;

      &__icon {
        margin-right: 8px;
        font-size: 18px;
      }

      a {
        word-break: break-all;
      }
    }

    &__info {
      padding-right: 50px;

      p {
        a {
          color: var(--blue) !important;
        }
      }
    }

    &--w-pr {
      padding-right: 8.3%;
    }
  }

  &__main {
    width: 75%;

    &__short-desc-wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      p {
        width: 75%;
      }
      a {
        width: 23%;
        img {
          object-fit: cover;
        }
      }
      @media (max-width: 650px) {
        flex-direction: column;
        align-items: flex-start;
        p {
          width: 100%;
        }
        a {
          width: 175px;
        }
      }
    }

    &--w-pr {
      padding-right: 8.3%;
    }

    &--w-social {
      width: 66.66%;
    }

    &__pr-2 {
      padding-right: 22%;
    }

    &__pr-1 {
      padding-right: 11%;
    }
  }

  &__social {
    width: 8.3%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: sticky;
    top: 100px;

    &__inner {
      display: flex;
      flex-direction: column;
      position: relative;
    }

    &__item {
      width: 60px;
      height: 60px;
      display: flex !important;

      span {
        color: $white;
        font-size: 16px;
      }

      &:hover {
        opacity: 0.8;
      }
    }

    &__tooltip {
      position: absolute;
      top: 100%;
      right: 0;
      white-space: nowrap;
    }
  }

  @media (min-width: 2300px) {
    width: 1650px;
  }

  @media (max-width: 1450px) {
    width: 1250px;
  }

  @media (max-width: 1300px) {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;

    &--sm {
      width: 100%;
    }
  }

  @media (max-width: 900px) {
    &--flex {
      flex-direction: column;
    }

    &__side {
      width: 100%;
      position: relative;
      top: inherit;
      margin-bottom: 15px;

      &__info {
        padding-right: 0px;
      }

      &--w-pr {
        padding-right: 0%;
      }

      &__nav-title {
        display: none;
      }
    }

    &__main {
      width: 100%;

      &--w-pr {
        padding-right: 0%;
      }

      &__pr-2 {
        padding-right: 0;
      }
    }

    &__social {
      margin-top: 20px;
      width: inherit;
      align-items: flex-start;

      &__title {
        width: 100%;
      }

      &__inner {
        flex-direction: row;
        flex-wrap: wrap;
      }
    }
  }
}

.ml-auto {
  margin-left: auto;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.padd-inner {
  padding: 35px 60px;
}

.pl-inner {
  padding-left: 60px;
}

.pr-inner {
  padding-right: 60px;
}

@media (max-width: 950px) {
  .padd-inner {
    padding: 25px 30px;
  }

  .pl-inner {
    padding-left: 30px;
  }

  .pr-inner {
    padding-right: 30px;
  }
}

@media (max-width: 550px) {
  .padd-inner {
    padding: 20px 20px;
  }

  .pl-inner {
    padding-left: 20px;
  }

  .pr-inner {
    padding-right: 20px;
  }
}

.m-0 {
  margin: 0;
}

.p-0 {
  padding: 0;
}

.fullW {
  width: 100%;
}

.mt-xxs {
  margin-top: 5px;
}

.mt-xs {
  margin-top: 15px;
}

.mt-sm {
  margin-top: 25px;
}

.mt-md {
  margin-top: 45px;
}

.mt-lg {
  margin-top: 80px;
}

.mt-xl {
  margin-top: 115px;
}

.mt-xxl {
  margin-top: 205px;
}

.mr-xxs {
  margin-right: 5px;
}

.mr-xs {
  margin-right: 15px;
}

.mr-sm {
  margin-right: 25px;
}

.mr-md {
  margin-right: 45px;
}

.mr-lg {
  margin-right: 80px;
}

.mr-xl {
  margin-right: 115px;
}

.mr-xxl {
  margin-right: 205px;
}

.mb-xxs {
  margin-bottom: 5px;
}

.mb-xs {
  margin-bottom: 15px;
}

.mb-sm {
  margin-bottom: 25px;
}

.mb-md {
  margin-bottom: 45px;
}

.mb-lg {
  margin-bottom: 80px;
}

.mb-xl {
  margin-bottom: 115px;
}

.mb-xxl {
  margin-bottom: 205px;
}

.ml-xs {
  margin-left: 15px;
}

.ml-sm {
  margin-left: 25px;
}

.ml-md {
  margin-left: 45px;
}

.ml-lg {
  margin-left: 80px;
}

.ml-xl {
  margin-left: 115px;
}

.ml-xxl {
  margin-left: 205px;
}

.pt-xs {
  padding-top: 15px;
}

.pt-sm {
  padding-top: 25px;
}

.pt-md {
  padding-top: 45px;
}

.pt-lg {
  padding-top: 80px;
}

.pt-xl {
  padding-top: 115px;
}

.pt-xxl {
  padding-top: 205px;
}

.pr-xs {
  padding-right: 15px;
}

.pr-sm {
  padding-right: 25px;
}

.pr-md {
  padding-right: 45px;
}

.pr-lg {
  padding-right: 80px;
}

.pr-xl {
  padding-right: 115px;
}

.pr-xxl {
  padding-right: 205px;
}

.pb-xs {
  padding-bottom: 15px;
}

.pb-sm {
  padding-bottom: 25px;
}

.pb-md {
  padding-bottom: 45px;
}

.pb-lg {
  padding-bottom: 80px;
}

.pb-xl {
  padding-bottom: 115px;
}

.pb-xxl {
  padding-bottom: 205px;
}

.pl-xs {
  padding-left: 15px;
  @media (max-width: 600px) {
    padding-left: 7px;
  }
}

.pl-sm {
  padding-left: 25px;
}

.pl-md {
  padding-left: 45px;
}

.pl-lg {
  padding-left: 80px;
}

.pl-xl {
  padding-left: 115px;
}

.pl-xxl {
  padding-left: 205px;
}

@media (max-width: 1100px) {
  .mt-xs {
    margin-top: 10px;
  }

  .mt-sm {
    margin-top: 20px;
  }

  .mt-md {
    margin-top: 30px;
  }

  .mt-lg {
    margin-top: 50px;
  }

  .mt-xl {
    margin-top: 70px;
  }

  .mt-xxl {
    margin-top: 90px;
  }

  .mb-xs {
    margin-bottom: 10px;
  }

  .mb-sm {
    margin-bottom: 20px;
  }

  .mb-md {
    margin-bottom: 30px;
  }

  .mb-lg {
    margin-bottom: 50px;
  }

  .mb-xl {
    margin-bottom: 70px;
  }

  .mb-xxl {
    margin-bottom: 90px;
  }

  .pt-xs {
    padding-top: 10px;
  }

  .pt-sm {
    padding-top: 20px;
  }

  .pt-md {
    padding-top: 30px;
  }

  .pt-lg {
    padding-top: 50px;
  }

  .pt-xl {
    padding-top: 70px;
  }

  .pt-xxl {
    padding-top: 90px;
  }

  .pb-xs {
    padding-bottom: 10px;
  }

  .pb-sm {
    padding-bottom: 20px;
  }

  .pb-md {
    padding-bottom: 30px;
  }

  .pb-lg {
    padding-bottom: 50px;
  }

  .pb-xl {
    padding-bottom: 70px;
  }

  .pb-xxl {
    padding-bottom: 90px;
  }
}

@media (max-width: 599px) {
  .mt-xs {
    margin-top: 8px;
  }

  .mt-sm {
    margin-top: 15px;
  }

  .mt-md {
    margin-top: 20px;
  }

  .mt-lg {
    margin-top: 40px;
  }

  .mt-xl {
    margin-top: 50px;
  }

  .mt-xxl {
    margin-top: 70px;
  }

  .mb-xs {
    margin-bottom: 8px;
  }

  .mb-sm {
    margin-bottom: 15px;
  }

  .mb-md {
    margin-bottom: 20px;
  }

  .mb-lg {
    margin-bottom: 40px;
  }

  .mb-xl {
    margin-bottom: 50px;
  }

  .mb-xxl {
    margin-bottom: 70px;
  }

  .pt-xs {
    padding-top: 8px;
  }

  .pt-sm {
    padding-top: 15px;
  }

  .pt-md {
    padding-top: 20px;
  }

  .pt-lg {
    padding-top: 40px;
  }

  .pt-xl {
    padding-top: 50px;
  }

  .pt-xxl {
    padding-top: 70px;
  }

  .pb-xs {
    padding-bottom: 8px;
  }

  .pb-sm {
    padding-bottom: 15px;
  }

  .pb-md {
    padding-bottom: 20px;
  }

  .pb-lg {
    padding-bottom: 40px;
  }

  .pb-xl {
    padding-bottom: 50px;
  }

  .pb-xxl {
    padding-bottom: 70px;
  }
}