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

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

.jc-sb-holder {
  opacity: 0;
  pointer-events: none;
  max-height: 1px;
  max-width: 1px;
}

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

.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;
    &.no-sticky {
      position: relative;
      top: inherit;
    }
    &__icon-item {
      display: flex;
      align-items: center;
      margin-bottom: 8px;
      &__icon {
        margin-right: 8px;
        font-size: 18px;
      }
    }
    &__info {
      padding-right: 50px;
    }
    &--w-pr {
      padding-right: 8.3%;
    }
  }
  &__main {
    width: 75%;
    &--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: 20px;
      &__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-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;
}

.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;
  }
}