@import 'general.less'; // video
// input type = number - remove arrows
.hideSliderItem {
  display: none !important;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='radio']:focus {
  outline: none;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[type='number']:hover,
input[type='number']:focus {
  -moz-appearance: number-input;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
html {
  scroll-behavior: smooth;
}
.d-none {
  display: none !important;
}

a.button {
  line-height: 1.15;
}
a.button.button--clean {
  // display: inline;
  display: inline-block;
}

.page__title {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  color: @blue;
  font-weight: 500;
  font-size: 40px;
  font-family: 'Oswald';
  font-weight: 500;
  line-height: 130%;
  text-transform: uppercase;
  @media (max-width: 576px) {
    font-size: 35px;
  }

  &--contacts {
    margin-bottom: 60px;
    text-transform: none;
    color: #fff;
  }

  &--xl {
    font-size: 50px;
    @media (max-width: 576px) {
      font-size: 35px;
    }
  }
  &--xxl {
    font-size: 70px;
    @media (max-width: 1230px) {
      font-size: 60px;
    }
    @media (max-width: 576px) {
      font-size: 35px;
    }
  }
  &--s {
    font-size: 30px;
    @media (max-width: 576px) {
      font-size: 25px;
    }
  }

  &--hypothec {
    margin-bottom: 30px;
  }
  // &--menu{
  //   margin-bottom: 85px;
  //   font-size: 50px;
  // }
}
.orange {
  color: #e88209;
}
section.showItems .page__title {
  opacity: 1;
  transform: translateY(0);
}

.mb50 {
  margin-bottom: 50px;
}

.mt0 {
  margin-top: 0;
}

.hypothec__accordion {
  .career-accordion__item {
    .career__employer {
      padding-bottom: 100px;
    }

    .button-default {
      left: 0;
    }
  }
}

.career-accordion-section {
  &--m0-107 {
    margin: 0 0 107px;
  }

  .career-accordion {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
    opacity: 0;
    transform: translateY(30px);
  }

  &.showItems .career-accordion {
    opacity: 1;
    transform: translateY(0);
  }
}
// new button
.button_new-orange {
  padding: 17px 19px 15px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid @orange;
  color: @orange;
  background-image: none !important;
}

.button_new-orange.button:hover {
  background-image: none !important;
  border-color: #fff;
}

.button_new-red {
  padding: 17px 19px 15px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid @red;
  color: @red;
  background-image: none !important;
  white-space: nowrap;
}

.button_new-red.button:hover {
  background-image: transparent !important;
  background-color: transparent;
  color: @red;
  transform: translateY(-2px);
}
// New link

.new__link {
  padding: 0.6em 0.6em 0;
  display: inline-flex;
  align-items: center;
  color: @orange;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.4;

  img {
    transition: all 0.6s linear;
    margin-left: 13px;
  }

  svg {
    transition: all 0.6s linear;
    margin-bottom: 2.5px;
  }

  &:hover {
    svg {
      transform: translateX(7px);
    }

    img {
      transform: translateX(7px);
    }
  }
}

.new__link-svg {
  margin-left: 13px;
}

.d-flex {
  display: flex;
}

.fz-11 {
  font-size: 11px !important;
}

.mb-right {
  margin-bottom: 70px !important;
  @media (max-width: 576px) {
    margin-bottom: 1.3em !important;
  }
}

.mr3e {
  margin-right: 3em;
}

.mb34 {
  margin-bottom: 34px;
}

.mb90 {
  margin-bottom: 90px;
}
// Fixed call

.fixed__call {
  position: fixed;
  // bottom: 5%;
  bottom: 50px;
  right: 4%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 51px;
  background-color: @orange;
  border-radius: 50%;
  transition: all 0.3s linear;

  &:hover {
    background-color: lighten(@orange, 5%);
  }

  &-rings {
    border: 1px solid @orange;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    border-radius: 50%;
    animation-duration: 2s;
    animation-name: pulse_1;
    animation-iteration-count: infinite;
    z-index: -1;

    &:nth-child(2) {
      animation-name: pulse_2;
    }

    &:nth-child(3) {
      animation-name: pulse_3;
    }
  }
}
@keyframes pulse_1 {
  from {
    opacity: 1;
    transform: scale(0.9, 0.9);
  }

  to {
    opacity: 0;
    transform: scale(1.3, 1.3);
  }
}
@keyframes pulse_2 {
  from {
    opacity: 1;
    transform: scale(0.8, 0.8);
  }

  to {
    opacity: 0;
    transform: scale(1.5, 1.5);
  }
}
@keyframes pulse_3 {
  from {
    opacity: 1;
    transform: scale(0.8, 0.8);
  }

  to {
    opacity: 0;
    transform: scale(1.7, 1.7);
  }
}
// Main
@import 'main.less';
.payment__mask {
  background-color: rgba(#000, 0.4);
}
.payment__item {
  position: relative;
  width: 100%;
  padding-top: 30%;
  max-width: none;
}

.payment__list--main {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
  grid-gap: 40px;
  @media (max-width: 991px) {
    justify-items: center;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  @media (max-width: 576px) {
    grid-gap: 20px;
  }

  .payment__item:hover .payment__bglink img {
    transform: none;
  }

  .payment__item:hover .payment__mask {
    background-color: rgba(@blue, 0.5);
  }

  .payment__mask {
    width: 99.9%;
  }
}

.payment__item--main {
  margin-bottom: 0;
  width: 100%;
  // max-height: 173px;
  // max-width: 583px;
}

.button--clean {
  padding: 18px 22px 16px;
}

.header {
  .header-contacts {
    // &__num {
    //   padding: 0 0.2em;
    //   min-width: 18px;
    //   width: auto;
    //   height: 18px;
    //   border-radius: 9px;
    //   line-height: 18px;
    // }

    &__cart:hover {
      transform: none;
    }
  }
}

.form__item-checkbox + label::before {
  &:hover {
    border: 1px solid @blue;
  }
}

.form__item-checkbox:hover + label::before {
  border: 1px solid rgba(@blue, 0.7);
}

.form__item-select {
  font-weight: 700;
  transition: all 0.3s linear;

  &:hover {
    border: 1px solid rgba(@blue, 0.7);
  }
}

.noUi-handle {
  cursor: pointer;
}

.new-projects__item {
  width: 100%;
}

.new-projects__item:hover {
  .new-projects__item-title {
    color: #464d5a;
  }
}

.new-projects__address {
  margin-bottom: 0;
}

.new-projects__item-title {
  padding: 0.2em 0.2em 0.2em 0;
  margin-bottom: 0.35em;
}

.new-projects__state {
  &::before {
    margin-right: 5px;
  }
}

.new-projects__img {
  position: relative;
  display: block;
  padding-top: 51%;
  img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center;
  }
  img:hover {
    filter: none;
    transform: none;
  }
}

.tag__link {
  cursor: pointer;
}
.news2 {
  .new__link {
    padding-left: 0;
  }
}
.news__item:hover {
  .news__item-title {
    color: lighten(#001640, 7%);
  }
}
.news__item-img {
  a {
    display: block;
    position: relative;
    padding-top: 61%;
    img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }
}
.news__item-img:hover {
  transform: none;
}

.news__item-title {
  padding-top: 1em;
}

.condition {
  margin-bottom: 140px;
  .new__link {
    padding-left: 0;
  }

  .row {
    position: relative;
  }
}

.condition__content {
  max-width: none;
  margin: 0;
}

.condition__img1 {
  height: 100%;
  width: 50% !important;
  position: absolute;
  top: 0;
  right: 0;
  @media (max-width: 756px) {
    display: none;
  }
}

.call {
  &-m {
    margin-top: 180px;
    margin-bottom: 280px;
  }
  @media (max-width: 991px) {
    margin-bottom: 530px !important;
  }

  .row {
    position: relative;
  }
}

.call__left {
  margin: 0;
}

.form__call {
  position: absolute;
  top: -66px;
  right: 0;
  width: 50%;
  max-width: none;
  @media (max-width: 991px) {
    width: 100%;
    top: 300px;
  }
}
//Main
// Projects
@import 'project';
.mb130.first-slider {
  overflow: hidden;
}

.slider__item-mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(#000, 0.4);
}
.first-slider__item--benefits.first-slider__item {
  height: calc(75vh - 72px);
  min-height: 500px;
  max-height: 700px;
}

.plan {
  &.showItems .plan__tabs {
    opacity: 1;
    transform: translateY(0);
  }
  .owl-stage {
    display: flex;
  }
}
.current-tab {
  color: @orange !important;
}
.plan__tabs {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;

  .plan__tab {
    margin: 0 5px;
    font-size: 14px;
    margin: 0 5px;
    text-transform: uppercase;
    color: #90949c;
    transition: all 0.3s linear;
    font-weight: 700;
    letter-spacing: 0.1em;

    &:hover {
      color: @orange;
    }
  }
}

.plan__item {
  padding-bottom: 0;
  height: 100%;
  transition: border 0.3s linear;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.plan__img {
  position: relative;
  width: 100%;
  padding-top: 100%;
  img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
}

.plan__item:hover {
  border: 1px solid rgba(@blue, 0.7);

  .plan__item-title {
    color: #002873;
  }
}
.presentation {
  margin-bottom: 120px;
  padding-bottom: 0;
  background-color: transparent;
  height: auto;
  margin-top: 0;
}
.presentation__content button {
  padding: 17px 27px 15px;
}

.info__tab {
  padding: 0.6em;
}

.contacts .new__link {
  line-height: 1;

  svg {
    margin-left: 7px;
  }
}
//Projects
// Payment
// repeat(auto-fill, minmax(220px, 1ft))

.payment__item--benefits.new-project__payment {
  // max-height: 375px;
  display: flex;
  padding-top: 130%;
  flex-direction: column;
  position: relative;
  @media (max-width: 576px) {
    max-width: none;
    padding-top: 60%;
  }
  img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    object-fit: cover;
    object-position: center;
  }
  .payment__text {
    top: 0;
    left: 0;
    padding: 20px;
  }
}

.new-project__payment-list {
  .payment__text {
    font-size: 28px;
    p {
      max-width: 100%;
    }
  }

  .payment__item:hover {
    .payment__bglink {
      img {
        transform: none;
      }
    }

    .payment__mask {
      background-color: rgba(@blue, 0.5);
    }
  }
}

.payment__mask {
  transition: all 0.3s linear;
}

.global-payment__list {
  display: grid;
  // grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-template-columns: 1fr 1fr 1fr;
  @media (max-width: 991px) {
    grid-template-columns: 1fr 1fr;
  }
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
  }
  .payment__item {
    max-width: none;
  }
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.payment__bglink img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.payment__bglink div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  background-color: @orange;
}

.payment.new-project__payment {
  .payment__item {
    display: flex;
  }
}

// Plan menu
@import 'menu-plan.less';

.room button {
  padding: 18px 23px 16px;
}

body.plan-active .room {
  opacity: 1;
  transform: translateY(0);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.7s;
}

.plan-active .header {
  background-color: #fff;
}

.menu__header {
  margin-bottom: 85px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .page__title {
    font-size: 50px;
    transition: all 0.01s cubic-bezier(0.19, 1, 0.22, 1);
    @media (max-width: 756px) {
      font-size: 40px;
    }
  }
}
/*
letter-spacing: 0.1em;
    font-size: 12px;
    font-weight: 700;
    */
.room {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.01s cubic-bezier(0.19, 1, 0.22, 1);

  .justify-center {
    justify-content: center;
  }

  button {
    @media (max-width: 576px) {
      width: 100%;
    }
  }
  &__item__image {
    padding: 38.5px;
    border: 1px solid #c4c4c4;
  }
}

.room__list2 {
  @media (max-width: 991px) {
    margin-bottom: 80px;
  }
}

.room__info-item {
  @media (max-width: 576px) {
    width: 47%;
  }

  .room__info-title {
    @media (max-width: 756px) {
      font-size: 11px;
    }
  }

  .room__info-subtitle {
    @media (max-width: 756px) {
      font-size: 16px;
    }
  }
}

.room__info-benefits {
  .room__info-title {
    @media (max-width: 756px) {
      font-size: 11px;
    }
  }
}

.room__benefits-item {
  @media (max-width: 576px) {
    width: 100%;
  }
  @media (max-width: 756px) {
    font-size: 16px;
  }
}
//  /Plan menu
// Payment page

.global-payment {
  margin-top: 75px;
  .payment__item {
    display: flex;
    padding-top: 130%;
    flex-direction: column;
    position: relative;
    @media (max-width: 576px) {
      padding-top: 100%;
    }
  }

  .payment__item:hover {
    .global-payment__item-svg {
      transform: translateX(9px);
    }
  }

  &__item-svg {
    transition: all 0.5s linear;
    position: absolute;
    bottom: 21px;
    right: 28px;
    z-index: 1;
  }

  .page__title {
    @media (max-width: 765px) {
      font-size: 40px;
    }
  }

  .new-project__payment-subtitle {
    max-width: 215px;
  }
}
// /Payment page

.condition__content {
  // width: 100%;
  padding: 72px 0;
  width: auto;
  @media (max-width: 991px) {
    padding: 60px 0;
  }
}

.condition__img1 {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-position: center;
  background-size: cover;
}

.call__left {
  width: auto;
}

.call {
  .row {
    align-items: center;
  }

  &--global-payment {
    margin-top: 130px;
    margin-bottom: 200px;
  }
}
// Hypothec

.payment__back {
  opacity: 0;
  transform: translateY(30px);
  display: inline-flex;
  font-size: 12px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: @grey;
  padding: 0.6em 0.6em 0.6em 0;
  font-weight: 700;
  letter-spacing: 0.1em;

  svg {
    transition: all 0.3s linear;
    margin-right: 7px;
  }

  &:hover {
    svg {
      transform: translateX(-3px);
    }
  }
}

.global-payment__title {
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
  opacity: 0;
  transform: translateY(30px);
  h4 {
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 700;
    font-family: 'GP';
    color: #fff;
    line-height: 1.3;
    @media (max-width: 576px) {
      font-size: 30px;
    }
  }
}

.global-payment__text {
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  opacity: 0;
  transform: translateY(30px);
  p {
    color: #fff;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    @media (max-width: 576px) {
      font-size: 14px;
    }
  }
}
//

.hypothec {
  margin: 40px 0 110px;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;

  &--tradein {
    .hypothec__item {
      align-items: flex-start;
      .hypothec__item-title {
        margin-left: 0;
      }
    }
  }
  &--tradeinsimple {
    h3 {
      margin-bottom: 1em;
    }
    .new__link {
      padding: 0.6em 0.6em 0 !important;
      display: inline-flex !important;
      align-items: center !important;
      color: #e88209 !important;
      text-transform: uppercase !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      letter-spacing: 0.1em !important;
      line-height: 1.4 !important;
      padding-left: 0 !important;
      font-family: 'GP';
      text-transform: none;
    }
    .hypothec__list {
      @media (max-width: 991px) {
        flex-direction: column;
      }
    }
    .hypothec__item {
      align-items: flex-start;
      width: 33.333%;
      max-width: none;
      padding-right: 80px;
      margin-bottom: 70px;

      @media (max-width: 991px) {
        width: 80%;
      }
      @media (max-width: 576px) {
        width: 100%;
        padding-right: 10px;
        flex-direction: row;
        .hypothec__item-title {
          margin-left: 17px;
        }
        h5 {
          text-align: left;
        }
      }

      a {
        margin-top: 20px;
        display: inline-block;
      }
      .hypothec__item-title {
        // margin-left: 0;
      }
    }
  }
  &--tradeinfooter {
    .col-6.col-md-12 {
      text-align: center;
      h3 {
        text-align: center;
      }
    }
  }

  &__owners {
    margin-bottom: 320px;
  }

  &.showItems .payment__back {
    opacity: 1;
    transform: translateY(0);
  }

  &.showItems .global-payment__title {
    opacity: 1;
    transform: translateY(0);
  }

  &.showItems .global-payment__text {
    opacity: 1;
    transform: translateY(0);
  }

  &.showItems &__list {
    opacity: 1;
    transform: translateY(0);
  }

  &__list {
    opacity: 0;
    transform: translateY(30px);
    justify-content: space-between;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
    @media (max-width: 576px) {
      justify-content: center;
    }
  }

  &__header {
    margin-bottom: 30px;
  }

  &__content {
    position: relative;
    margin-bottom: 75px;
    padding: 275px 0 83px;
    background-position: center;
    background-size: cover;
    z-index: -1;

    &--owners {
      margin-bottom: 55px;
    }

    &::after {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(#010101, 0.24);
    }
  }

  &__item {
    margin-bottom: 20px;
    max-width: 240px;
    display: flex;
    align-items: center;

    &-title-owners {
      @media (max-width: 576px) {
        flex-wrap: wrap;
      }
    }

    &--owners {
      max-width: 100%;
      width: 100%;
      align-items: inherit;

      h5 {
        width: 50%;
        @media (max-width: 576px) {
          width: 100% !important;
          margin-bottom: 20px !important;
        }
      }

      a {
        width: 50%;
        text-align: right;
        @media (max-width: 576px) {
          width: 100% !important;
          text-align: left;
        }
      }

      @media (max-width: 991px) {
        width: 100% !important;
      }

      span {
        margin-top: 23px;
      }

      .hypothec__item-title {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: baseline;
      }

      @media (max-width: 991px) {
        width: 100%;
      }
      @media (max-width: 576px) {
        width: 100%;
      }
    }

    @media (max-width: 991px) {
      width: 47%;
      max-width: 100%;
    }
    @media (max-width: 576px) {
      width: 100%;
      flex-direction: column;
    }
  }

  &__item-title {
    margin-left: 17px;
    margin-bottom: 0;
    @media (max-width: 576px) {
      margin-left: 0;
    }
    h5 {
      margin-bottom: 0;
      font-weight: 700;
      font-size: 18px;
      font-family: 'GP';
      line-height: 1.3;
      @media (max-width: 576px) {
        text-align: center;
      }
    }

    a {
      display: block;
      color: #e88209;
      font-weight: 500;
      font-size: 30px;
      line-height: 130%;
      font-family: 'oswald';

      &:hover {
        color: lighten(@orange, 5%);
      }
    }
  }

  &__item-num {
    flex-shrink: 0;
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: @orange;

    span {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.4;
      letter-spacing: 0.01em;
    }
    @media (max-width: 576px) {
      margin-bottom: 20px;
    }
  }
}
// /Hypothec
// calc
.calc--white.calc {
  padding: 0;
}

.calc--white {
  background-color: transparent;

  .button_new-orange {
    transition: all 0.3s linear;
    @media (max-width: 576px) {
      width: 100%;
    }
    @media (max-width: 991px) {
      width: 100%;
    }

    &:hover {
      background-color: transparent;
      border: 1px solid @orange;
      color: @orange;
      transform: translateY(-3px);
    }
  }

  .calc__form-link {
    @media (max-width: 991px) {
      width: 40%;
    }
    @media (max-width: 576px) {
      width: 70%;
    }
  }

  .calc__title {
    margin-bottom: 60px;
    color: @blue;
  }

  .calc__form-list {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }

  .calc__form-item {
    margin-bottom: 40px;
    @media (max-width: 991px) {
      text-align: center;
    }
  }

  .calc__form-title {
    color: @grey;

    br {
      display: none;
    }
  }

  .calc__form-subtitle {
    font-family: 'GP';
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;

    span {
      font-family: sans-serif;
    }
  }

  .calc__form-input {
    border: 1px solid @blue;
    color: @blue;
    font-weight: 400;

    &:focus + span svg path {
      opacity: 0.7;
    }

    &:focus + span {
      opacity: 1;
      color: @blue;
    }
  }

  .calc__form-text {
    color: @blue;
    font-weight: 400;

    svg {
      path {
        fill: @blue;
        opacity: 0.7;
      }
    }
  }
}

.partners {
  position: relative;
  margin-top: 0;
  margin-bottom: 130px;

  .home-projects__bg {
    top: -90px;
  }

  &.showItems &__list {
    opacity: 1;
    transform: translateY(0);
  }

  &__list {
    overflow-x: hidden;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
    margin: 75px -1% 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    @media (max-width: 576px) {
      flex-direction: column;
    }
  }

  &__item {
    margin: 0 1% 30px;
    @media (max-width: 576px) {
      margin-bottom: 40px;
    }
  }
}

.projects__contacts-inner {
  width: 50%;
  margin-left: auto;
  padding: 55px 30px 185px 105px;
  @media (max-width: 991px) {
    padding-bottom: 85px;
  }
  @media (max-width: 756px) {
    width: 100%;
    padding: 55px 0 95px 0;
  }
}
.project-contacts__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  @media (max-width: 756px) {
    width: 100%;
    height: 60%;
    top: 100%;
  }
}
.project-contacts {
  display: flex;
  margin: 120px 0 200px;
  position: relative;
  @media (max-width: 756px) {
    margin-bottom: 400px;
  }

  &.showItems .project__contacts__list {
    opacity: 1;
    transform: translateY(0);
  }

  &.showItems .new__link {
    opacity: 1;
    transform: translateY(0);
  }
}

.project__contacts {
  overflow: hidden;
  .new__link {
    position: absolute;
    bottom: 50px;
    right: 15px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  }
  .container__sm {
    position: relative;
  }
  // margin-top: 140px;
  // margin-bottom: 150px;
  width: 100%;
  margin: 0;
  // padding: 55px 30px 185px 105px;
  background-color: @blue;
  // @media(max-width: 991px) {
  //   padding-bottom: 85px;
  // }
  @media (max-width: 576px) {
    margin-top: 0;
  }

  &.showItems &__list {
    opacity: 1;
    transform: translateY(0);
  }

  &__list {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    opacity: 0;
    transform: translateY(30px);
    .row {
      justify-content: space-between;
      margin: 0 -10px;

      .project__contacts-item {
        margin-right: 10px;
        margin-left: 10px;
      }
    }
  }

  &__title {
    margin-bottom: 12px;
    color: @grey;
    font-size: 13px;
    font-weight: 400;
  }

  &__subtitle {
    margin-bottom: 20px;
    font-family: 'GP';
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    @media (max-width: 991px) {
      margin-bottom: 30px;
    }

    a {
      margin-bottom: 0;
      font-family: 'GP';
      color: #fff;
      font-size: 16px;
      font-weight: 400;

      &:hover {
        text-decoration: none;
        border: none;
      }
    }
  }
}
//  Payouts

.buttton_orange-noarrows {
  background-image: none;
  &:hover {
    background-image: none;
  }
}
.buttton_orange-noarrows.button {
  cursor: pointer;
  padding: 17px 22px 15px;
}
.payout__condition {
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
  opacity: 0;
  transform: translateY(30px);
  &.showItems {
    opacity: 1;
    transform: translateY(0);
  }
}
.payout {
  .hypothec__item.payout button {
    background-image: none;
    &:hover {
      background-image: none;
    }
  }
  .hypothec__item-title.payout h5 {
    @media (max-width: 576px) {
      text-align: left;
    }
  }
  &__item {
    display: inline-block;
    background-color: @orange;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    flex-shrink: 0;
    @media (max-width: 576px) {
      margin-right: 17px;
    }
  }
  @media (max-width: 576px) {
    flex-direction: row;
    text-align: left;
  }

  &__condition-list {
    list-style-type: none;

    li {
      margin-bottom: 5px;
    }
    li:before {
      content: '—';
      position: relative;
      left: -5px;
    }
  }

  &__condition-left {
    @media (max-width: 576px) {
      margin-bottom: 30px;
    }
  }

  &__condition-item {
    margin-bottom: 35px;

    &:last-child {
      margin-bottom: 0;
    }
  }
}

// Apartments

.apartments {
  margin-top: 75px;
  &.showItems {
    .apartments__list {
      opacity: 1;
      transform: translateY(0);
    }
    .form {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .form {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    opacity: 0;
    transform: translateY(30px);
  }
  &__list {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
    opacity: 0;
    transform: translateY(30px);
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    @media (max-width: 576px) {
      justify-content: center;
    }
  }
  &__item {
    .apartments__img {
      display: block;
      position: relative;
      width: 100%;
      padding-top: 100%;
      margin: 0 auto;
      img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
      }
    }
    margin: 0 1% 2%;
    cursor: pointer;
    position: relative;
    padding: 14px 12px 0;
    text-align: center;
    width: 22.8%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: border 0.3s linear;
    &--help {
      padding: 30px 20px;
      text-align: left;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    &:hover {
      border: 1px solid rgba(@blue, 0.7);
      .apartments__title {
        a,
        h4,
        h5,
        h6 {
          color: lighten(@blue, 10%);
        }
      }
    }
    @media (max-width: 991px) {
      width: 44%;
    }
    @media (max-width: 576px) {
      width: 90%;
    }
  }
  &__item-svg {
    padding: 5px;
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
  &__content {
    padding: 16px 12px 16px;
    text-align: left;
  }
  &__title {
    margin-bottom: 20px;
    a,
    h4,
    h5,
    h6 {
      margin-bottom: 0;
      display: inline-block;
      color: @blue;
      font-size: 18px;
      font-weight: 700;
    }
  }
  &__info {
    margin-bottom: 20px;
  }
  &__info-title {
    color: @grey;
    font-size: 13px;
    font-weight: 400;
  }
  &__info-text {
    color: @blue-g;
    font-size: 16px;
    font-weight: 400;
  }
  &__form {
    margin-top: 30px;
    .button_new-orange.button:hover {
      transform: translateY(-3px);
      background-color: transparent;
      color: @orange;
      border-color: @orange;
    }
  }
  &__input {
    margin-bottom: 20px;
    color: @grey;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid @grey;

    &::placeholder {
      color: @grey;
      font-size: 20px;
      font-weight: 700;
      font-family: inherit;
    }
  }
}

.customers {
  margin-top: 75px;

  &.showItems .customers__text.show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  }

  &-slider {
    margin-bottom: 120px;

    // @media(max-width: 756px){
    //   margin-bottom: 210px;
    // }
    //
    // @media(max-width: 650px){
    //   margin-bottom: 240px;
    // }
    // @media(max-width: 576px){
    //   margin-bottom: 70px;
    // }
  }

  .home-gallery__texts {
    @media (max-width: 991px) {
      margin-top: 1.5em;
    }
  }

  .home-gallery__text {
    @media (max-width: 991px) {
      position: relative;
      display: none;
    }
  }

  .home-gallery__text.current {
    @media (max-width: 991px) {
      position: relative;
      display: block;
    }
  }

  .home-gallery__slider {
    padding-right: 40px;
    @media (max-width: 756px) {
      padding-right: 20px;
    }
  }
  &.showItems &__list {
    opacity: 1;
    transform: translateY(0);
  }
  &__slider {
    margin-bottom: 120px;
  }
  &__list {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
    opacity: 0;
    transform: translateY(30px);
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    // justify-content: center;
  }
  &__item {
    // display: block;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 31.2%;
    border: 1px solid #c4c4c4;
    // max-width: 400px;
    margin: 0 1% 2em;

    &:hover {
      .customers__content {
        h4,
        h5,
        h6 {
          color: lighten(@blue, 10%);
        }
      }
      .customers__img {
        div {
          background-color: rgba(@blue, 0.3);
        }
      }
    }
    @media (max-width: 991px) {
      width: 48%;
    }
    @media (max-width: 576px) {
      width: 100%;
    }
  }
  &__content {
    // padding: 20px 27px 50px;
    padding: 50px 27px 20px;
    height: 100%;
    order: 2;

    p {
      color: @grey;
      font-size: 15px;
      font-weight: 400;
    }

    h4,
    h5,
    h6 {
      transition: all 0.3s lienar;
      // margin-bottom: 30px;
      margin-bottom: 5px;
      font-size: 30px;
      color: @blue;
      font-family: 'Oswald';
      text-transform: uppercase;
      @media (max-width: 991px) {
        font-size: 25px;
      }
    }
    @media (max-width: 756px) {
      padding-bottom: 20px;
    }
  }
  &__img {
    position: relative;
    padding-top: 55%;
    div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      transition: all 0.5s linear;
    }

    img {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }
}

.customer {
  margin-top: 50px;
  margin-bottom: 130px;
  overflow: hidden;
  &.showItems {
    .payment__back {
      opacity: 1;
      transform: translateY(0);
    }
    .customer__header {
      opacity: 1;
      transform: translateY(0);
    }
  }
  &__header {
    .transition;
    opacity: 0;
    transform: translateY(30px);
    margin-bottom: 235px;
    justify-content: space-between;
    display: flex;
    @media (max-width: 991px) {
      flex-wrap: wrap;
    }
  }

  &__content {
    flex-shrink: 0;
    @media (max-width: 991px) {
      flex-shrink: initial;
    }
  }
  p {
    margin: 0 0 1em;
  }
  ul {
    margin: 0 0 1em;
    li {
      margin-left: 15px;
      padding-left: 25px;
      position: relative;
      &::after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 13px;
        left: 0;
        background-color: @blue;
        width: 18px;
        height: 1px;
      }
    }
  }
  &__img {
    margin-top: 66px;
    margin-left: 20px;
    position: relative;
    width: 100%;
    padding-top: 50%;

    @media (max-width: 991px) {
      margin-left: 0;
    }
    img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }
  &__img-inner {
    margin-right: calc(50% - 50vw);
  }
}
.owners {
  margin-top: 75px;
  margin-bottom: 150px;

  .page__title {
    @media (max-width: 991px) {
      font-size: 40px;
    }
  }

  &.showItems {
    .owners__call {
      opacity: 1;
      transform: translateY(0);
    }
    .owners__list {
      opacity: 1;
      transform: translateY(0);
    }
  }

  &__call {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    &-title {
      margin-bottom: 20px;
      color: @blue;
      font-weight: 700;
      font-size: 24px;
      @media (max-width: 991px) {
        font-size: 20px;
      }
    }
    &-num {
      display: inline-block;
      margin-bottom: 20px;
      color: @orange;
      font-weight: 500;
      font-size: 40px;
      .oswald;
      @media (max-width: 991px) {
        font-size: 35px;
      }
    }
  }
  .owners__accordion {
    margin-bottom: 180px;
  }

  &__list {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
    .customers__item {
      margin: 0;
      width: 100%;
    }
    .slider-nav {
      justify-content: flex-end;
      bottom: -81px;
      .owl-next {
        margin-right: 0;
      }
    }
  }
}

.gallery-benefits {
  position: relative;
  margin: 0;
  padding: 50px 0 80px;
  overflow: hidden;

  &.showItems .gallery-slider {
    opacity: 1;
  }

  .slider-nav {
    top: 20px;
    right: 0;
    justify-content: flex-end;
    .owl-next {
      margin-right: 0;
    }
  }
}
.gallery {
  &-slider {
    position: static;
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    .owl-stage-outer {
      overflow: visible;
    }
    .owl-item.active {
      .gallery-slide {
        &::before {
          height: 0px;
          .transition(@time:0.5s,@delay:0.4s);
        }
      }
      .gallery-slide__img {
        &::before {
          background-color: transparent;
        }
      }
    }
  }
  &-slide {
    position: relative;
    .transition;
    padding-top: 56%;
    &::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 20%;
      background-color: #fff;
      .transition;
      z-index: 1;
    }
    &__img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      .transition;
      &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: fade(#000, 45%);
        .transition;
      }
    }
  }
  &__texts {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-end;
    height: 3em;
    font-size: 18px;
    font-weight: 400;
    color: @blue;
    line-height: 1.5;
    margin-top: 2em;
  }
  &__text {
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: left;
    left: 0;
    top: 0;
    max-width: 420px;
    .transition;
    &.active {
      transform: translateY(0px);
      opacity: 1;
      visibility: visible;
      .transition(@time:0.5s,@delay:0.4s);
    }
  }
}

.benefits__list {
  margin: 40px 0 80px;

  overflow: hidden;
  display: flex;
  flex-direction: column;

  &.showItems .benefits__list-item {
    opacity: 1;
    transform: translateY(0);
  }
  &-item {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    margin-bottom: 135px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: relative;

    &:last-child {
      margin-bottom: 0;
    }
    .container__sm {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      // justify-content: space-between;
      @media (min-width: 1400px) {
        justify-content: space-between;
      }

      @media (max-width: 756px) {
        flex-direction: column;
      }
    }
  }
  &-img {
    padding-top: 37.5%;
    width: 67%;
    margin-left: calc(50% - 50vw);
    height: 100%;
    background-size: cover;
    background-position: center;
    @media (min-width: 1400px) {
      width: 80%;
    }

    @media (max-width: 991px) {
      width: 55%;
    }
    @media (max-width: 756px) {
      width: 100%;
      margin-left: 0;
    }

    &--right {
      margin-left: 0;
      margin-right: calc(50% - 50vw);
      @media (max-width: 756px) {
        margin-right: 0;
        order: 1;
      }
    }
  }
  &-content {
    padding-left: 40px;
    width: 40%;
    // margin-left: auto;
    display: flex;
    flex-direction: column;
    // justify-content: space-between;
    justify-content: center;
    @media (max-width: 991px) {
      width: 45%;
    }
    @media (max-width: 756px) {
      width: 100%;
      padding: 40px 30px 0 0;
    }
    &--right {
      padding-left: 0;
      padding-right: 40px;
      margin-left: 0;
      @media (max-width: 756px) {
        padding: 40px 30px 0 0;
        order: 2;
      }
    }
    h4 {
      text-transform: uppercase;
      color: @orange;
      font-family: 'Oswald';
      font-size: 36px;
      font-weight: 500;
      @media (max-width: 991px) {
        font-size: 30px;
      }
      @media (max-width: 756px) {
        font-size: 28px;
      }
    }
    p {
      margin-bottom: 0;
      color: @blue;
      font-size: 18px;
      font-weight: 400;
      font-family: 'GP';
      @media (max-width: 991px) {
        font-size: 16px;
      }
      @media (max-width: 756px) {
        font-size: 15px;
      }
    }

    ul {
      list-style: none;
      li {
        margin-bottom: 0.5em;
        padding-left: 5px;
        line-height: 1.5;
        color: @blue;
        font-size: 18px;
        font-weight: 400;
        font-family: 'GP';
        @media (max-width: 991px) {
          font-size: 16px;
        }
        @media (max-width: 756px) {
          font-size: 15px;
        }

        &::before {
          content: '—';
          position: relative;
          left: -5px;
        }
      }
    }
  }
}

// .order{
//   .container__sm{
//     position: relative;
//   }
//   margin: 0;
//   position: relative;
//
//   &__img{
//     position: relative;
//     display: -webkit-flex;
//     display: -ms-flex;
//     display: flex;
//     justify-content: center;
//    //
//    //  position: absolute;
//    // top: 50%;
//    // left: 50%;
//    // transform: translate(-50%, -50%);
//   }
//
//   &__bg{
//     width: 100%;
//     height: 80%;
//     background-color: #F5F5F5;
//     position: absolute;
//     bottom: 7%;
//     left: 0;
//     z-index: -1;
//   }
//   &__description{
//     position: absolute;
//     top: 200px;
//     right: 90px;
//     z-index: -1;
//     border-radius: 25px;
//     background-color: @orange;
//     padding: 11px 15px 11px 0;
//
//     max-width: 378px;
//     width: 100%;
//     text-align: right;
//     color: #fff;
//     font-family: 'Oswald';
//     font-size: 20px;
//     font-weight: 500;
//     &:nth-child(2){
//       top:40px;
//       right: 500px;
//
//     }
//   }
//   &__content{
//     position: absolute;
//     right: 0;
//     bottom: 100px;
//
//   }
//   &__title{
//     margin-bottom: 10px;
//     font-size: 13px;
//     font-weight: 400;
//     font-family: 'GP';
//     color: @grey;
//   }
//   &__text{
//     p{
//       margin-bottom: .1em;
//       color: @blue-g;
//       font-family: 'GP';
//       font-size: 16px;
//       font-weight: 400;
//     }
//   }
// }

.turn {
  position: relative;
  margin: 0;
  margin-bottom: 70px;
  margin-top: 120px;

  &--fullscreen {
    .container__sm {
      display: contents;
    }

    .turn__img {
      width: 100% !important;
      padding-top: 48% !important;
    }
  }

  &.showItems .turn__img {
    opacity: 1;
    transform: translateY(0);
  }
  &.showItems .turn__content {
    opacity: 1;
    transform: translateY(0);
  }
  .container__sm {
    position: relative;
  }
  &__bg {
    width: 100%;
    height: 86%;
    background-color: #f5f5f5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  &__img {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;

    position: relative;
    // width: 94.1%;
    width: 100%;
    // padding-top: 70.6%;
    padding-top: 64.6%;
    @media (max-width: 991px) {
      // width: 74.1%;
      width: 83%;
      padding-top: 53.6%;
      // padding-top: 56.6%;
    }
    @media (max-width: 576px) {
      // width: 74.1%;
      width: 100%;
      padding-top: 65%;
      // padding-top: 56.6%;
    }
    // @media(max-width: 576px){
    //   width: 94.1%;
    //   padding-top: 70.6%;
    // }
  }
  &-img {
    // position: relative;
    // width: 94.1%;
    // padding-top: 70.6%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    // background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;

    background-position: center;

    img {
      // position: absolute;
      // top: 0;
      // left: 0;
      // width: 100%;
      // height: 100%;
      // object-fit: cover;
      // object-position: center;
    }
  }
  &__description {
    position: absolute;
    top: 200px;
    right: -70px;

    z-index: -1;
    border-radius: 25px;
    background-color: @orange;
    padding: 11px 15px 11px 0;

    max-width: 378px;
    width: 100%;
    text-align: right;
    color: #fff;
    font-family: 'Oswald';
    font-size: 20px;
    font-weight: 500;

    @media (max-width: 991px) {
      right: -90px;
      top: 140px;
      padding: 8px 10px 8px 0;
      font-size: 18px;
      max-width: 358px;
    }

    @media (max-width: 756px) {
      font-size: 16px;
      padding: 5px 8px 5px 0;
      top: 100px;
      max-width: 258px;
    }
    @media (max-width: 576px) {
      max-width: 218px;
    }

    &:nth-child(2) {
      top: 40px;
      left: 36%;

      @media (max-width: 991px) {
        left: 25%;
      }
      @media (max-width: 756px) {
        top: 20px;
        left: 28%;
      }
      @media (max-width: 576px) {
        left: 31%;
      }
    }
  }
  &__content {
    // position: absolute;
    // right: 0;
    // bottom: 100px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-bottom: 40px;
    margin-top: -110px;
    @media (max-width: 756px) {
      margin-top: 0;
      align-items: flex-start;
    }
  }
  &__title {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'GP';
    color: @grey;
  }
  &__text {
    p {
      margin-bottom: 0.1em;
      color: @blue-g;
      font-family: 'GP';
      font-size: 16px;
      font-weight: 400;
      @media (max-width: 991px) {
        font-size: 14px;
      }
    }
  }
}

//  /Benefits

//

.info__content-text {
  @media (max-width: 576px) {
    text-align: left;
  }
  p {
    margin-bottom: 40px;
    line-height: 1.5;
    color: @blue;
    font-weight: 700;
    font-size: 24px;
  }
}
.info__content-item {
  @media (max-width: 576px) {
    text-align: left;
  }
  h4,
  h5,
  h6 {
    margin-bottom: 5px;
    color: #90949c;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
  }
  p {
    color: #464d5a;
    font-size: 16px;
  }
}
.payment__text.new-project__payment-text {
  top: 0;
  left: 0;
  padding: 20px 10px 0 24px;
}

.payment__text.new-project__payment-text p {
  color: #fff;
  display: block;
  line-height: 1.2;
  text-transform: lowercase;
  margin-top: 20px;
  font-family: 'GP';
  font-size: 15px;
  font-weight: 400;
}
.presentation__content {
  button {
    margin-bottom: 0;
  }
  @media (max-width: 756px) {
    justify-content: flex-start;
  }
}
.presentation__text {
  text-align: left;
  margin: 0;
  @media (max-width: 991px) {
    margin-bottom: 20px;
  }
}

.rooms-info__text {
  p {
    color: @blue;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
  }
}

.rooms-info__item {
  text-align: left;
  h3 {
    color: #001640;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: 'Oswald';
  }
  p {
    color: #e88209;
    // font-size: 64px;
    // font-size: 50px;
    font-size: 42px;

    font-weight: 500;
    font-family: 'Oswald';
  }
}
.rooms-info__wrapper {
  align-items: center;
}
.rooms-info__num {
  padding-left: 20px;
  @media (max-width: 991px) {
    padding-left: 40px;
  }
  @media (max-width: 756px) {
    padding-left: 80px;
  }
  @media (max-width: 576px) {
    padding-left: 0;
  }
}

.plan__item {
  &:hover {
    h5 {
      color: lighten(@blue, 10%);
    }
  }
}
.plan__item-title {
  h5 {
    margin-bottom: 0;
    display: inline-block;
    color: #001640;
    font-size: 18px;
    font-weight: 700;
  }
}
.payment__text {
  a {
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 500;
    font-size: 26px;
    font-family: 'Oswald';
    color: #fff;
    @media (max-width: 991px) {
      font-size: 20px;
    }
  }
}
.project__contacts__list {
  // .new__link{
  //   position: absolute;
  //   bottom: 50px;
  //   right: 30px;
  //   // margin-bottom: 2px;
  //   margin-bottom: 20px;
  //   @media(max-width: 991px){
  //     align-self: auto;
  //   }
  // }
}

.project__contacts__title {
  h5 {
    margin-bottom: 0;
    color: #90949c;
    font-size: 13px;
    font-weight: 400;
  }
}
.project__contacts__subtitle {
  p,
  a {
    margin-bottom: 0;
    font-family: 'GP';
    color: #fff;
    font-size: 16px;
    font-weight: 400;
  }
}

.new-projects__address {
  display: flex;
  margin-bottom: 0;
  p {
    font-size: 12px;
    font-weight: 500;
  }
}
.new-projects__item-title {
  margin-bottom: 0.55em;
  padding: 0;
  a {
    padding: 0.2em 0.2em 0.2em 0;
    display: inline-block;
    font-size: 36px;
    color: #001640;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
  }
}

.new-projects__tags {
  li {
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6.5px 15px;
    transition: all 0.3s linear;
  }
  span {
    cursor: pointer;
    color: #464d5a;
    font-size: 12px;
    font-weight: 700;
  }
  li + li {
    margin-left: 12px;
    @media (max-width: 576px) {
      margin-left: 0;
    }
  }
}
.rooms-info {
  text-align: left;
}
.rooms-info__text {
  text-align: left;
  @media (max-width: 756px) {
    text-align: left;
  }
}
.room__info-item {
  h5 {
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #90949c;
    letter-spacing: 0.1em;
    font-size: 12px;
    font-weight: 700;
  }
  p {
    color: #001640;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
  }
}
.room__benefits-list {
  li {
    padding-left: 18px;
    margin-bottom: 20px;
    width: 49%;
    color: #001640;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    &::before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 10px;
      left: 0;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #e88209;
      margin-right: 11px;
    }
  }
}

.plan {
  .form__item-checkbox:checked + label .checkbox__label-text {
    color: #90949c;
  }

  .form__item-checkbox:checked + label::before {
    background-color: #fff;
    border: 1px solid #90949c;
    transition: all 0.3s linear;
  }

  .form__item-checkbox.current + label::before {
    background-color: #001640;
    border: 1px solid #001640;
    transition: all 0.1s linear;
  }
  .form__item-checkbox.current + label .checkbox__label-text {
    color: #fff;
  }
}

.form__item-checkbox.current + label::before {
  background-color: #001640;
  border: 1px solid #001640;
  transition: all 0.1s linear;
}
.form__item-checkbox.current + label .checkbox__label-text {
  color: #fff;
}
// .room__item1{
//   position: relative;
//   width: 100%;
//   padding-top: 100%;
//
//   img{
//     position: absolute;
//     top: 0;
//     left: 0;
//     z-index: 1;
//     width: 100%;
//     height: 100%;
//     object-fit: contain;
//     object-position: center;
//   }
// }

.room__item2 {
  cursor: pointer;
}
.room__list2 .room__item2.center {
  border: 1px solid #e88209;
  transition: border all 0.3s linear;
}
.fillCart {
  transition: fill 0.3s linear;
  fill: rgb(0, 22, 64);
}

.construction {
  &__item {
    cursor: pointer;
  }
  &__item-img {
    position: relative;
    padding-top: 67%;
  }

  img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
}

.online {
  margin: 120px 0;
  // overflow: hidden;

  &.showItems .online-stream__inner {
    opacity: 1;
    transform: translateY(0);
  }
  &-stream {
    position: relative;
    height: 450px;
    z-index: 1;
    @media (max-width: 576px) {
      height: 300px;
    }
    &__inner {
      transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      margin: 0 -1%;
      opacity: 0;
      transform: translateY(30px);
      @media (max-width: 991px) {
        flex-direction: column;
      }
    }
    &__item {
      width: 50%;
      margin: 0 1%;
      @media (max-width: 991px) {
        width: 100%;
        margin: 0 0 30px;
      }
      &:last-child {
        @media (max-width: 991px) {
          margin-bottom: 0;
        }
      }
    }

    &__name {
      margin-top: 20px;
      color: @orange;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }
  }
  .video-preview {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -2px;
    width: calc(100% + 4px);
    height: 100%;
    background-position: -1px center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;

    &::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      height: 40px;
      width: 40px;
      border-radius: 50%;
      background-color: @orange;
    }
    &::after {
      content: '';
      position: absolute;
      top: 50%;
      left: calc(50% + 3px);
      transform: translateX(-50%) translateY(-50%);
      background-image: url('/bitrix/templates/bm_group/img/uploads/video-play.svg');
      background-repeat: no-repeat;
      background-size: contain;
      width: 13px;
      height: 16px;
    }
  }
}

.new-project {
  &.showItems .first__erz {
    opacity: 1;
  }
}
.first__erz {
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  z-index: 1;
  position: absolute;
  top: 100px;
  right: 0;
  height: 140px;
  width: 260px;
  text-align: right;
  @media (max-height: 500px) {
    top: 30px;
  }
}

.hideSlider {
  display: none !important;
}

.footer {
  .footer__items {
    padding-right: 10px;
    li.mb4e {
      margin-bottom: 4em;
    }
    li {
      transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
      cursor: pointer;
      margin-bottom: 2em;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-size: 12px;
      &:hover {
        color: #464d5a !important;
      }
      span {
        display: block;
      }
    }
    a {
      span {
        display: block;
        font-size: 22px;
        color: @blue;
      }
    }
  }
}

//13.01 Сhanges

.header .header-contacts__link {
  font-size: 16px;
  @media (max-width: 500px) {
    font-size: 12px;
  }
  @media (max-width: 400px) {
    font-size: 13px;
    display: none;
  }
}

.condition__text {
  padding-right: 160px;
}

.footer__inner {
  width: fit-content;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  @media (max-width: 991px) {
    margin-left: 0;
  }
}
.justify-center {
  justify-content: space-between;
}
.footer-social-inner {
  margin-left: 10px;
  @media (max-width: 991px) {
    margin-left: 0;
  }
}
//
// .new-project.showItems{
//   .new-project__subtitle{
//     p{
//     opacity: 1;
//     transform: translateY(0);
//     }
//   }
//   .new-project__banner{
//     opacity: 1;
//   }
// }

.new-project__subtitle {
  p {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    opacity: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'GP';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
}
.first-slider__item {
  overflow: hidden;
}
.new-project__banner {
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  padding: 6px 70px 8px 30px;
  position: absolute;
  // top: 50%;
  top: 20%;
  right: -45px;
  z-index: 3;
  // transform: translateY(-50%);
  transform: translateY(-20%);
  background-color: @orange;
  border-radius: 24px;
  @media (max-width: 576px) {
    padding: 6px 60px 8px 25px;
  }
  // @media(max-height: 600px){
  //   top: calc(100% - 15px);
  //   transform: translateY(-100%);
  // }

  p {
    // line-height: 49px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    font-size: 22px;
    font-family: 'GP';
    @media (max-width: 576px) {
      font-size: 18px;
    }
  }
}

.whitebox {
  margin: 120px 0 120px;
  opacity: 1;
  transform: translateY(30px);
  .transition;
  &.showItems {
    opacity: 1;
    transform: translateY(0);
  }

  &__top {
    display: flex;
    justify-content: space-between;

    @media (max-width: 991px) {
      flex-wrap: wrap;
    }

    .col-1 {
      @media (max-width: 1400px) {
        display: none;
      }
    }
  }
  &__img {
    // margin-left: calc(50% - 50vw);
    position: relative;
    padding-top: 38.4%;
    // width: 68.4%;
    width: 100%;

    @media (max-width: 991px) {
      margin-left: 0;
      width: 100%;
    }
    img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }
  &__content {
    display: flex;
    flex-direction: column;
    // justify-content: space-between;
    justify-content: center;

    height: 100%;
    // margin-left: 60px;
    margin-bottom: 4em;

    @media (max-width: 991px) {
      margin-left: 0;
      // margin-top: 40px;
      margin-bottom: 3em;
      height: auto;
    }
    @media (max-width: 576px) {
      margin-left: 0;
      margin-bottom: 2em;
      height: auto;
    }
    h3 {
      color: @orange;
      font-size: 36px;
      font-weight: 500;
      font-family: 'Oswald';
      line-height: 1.3;

      @media (max-width: 991px) {
        font-size: 30px;
      }
      @media (max-width: 756px) {
        font-size: 28px;
      }
    }
    p {
      font-size: 18px;
      color: @blue;
      line-height: 1.5;
    }
  }

  &__bottom {
    margin-top: 50px;
    h4 {
      line-height: 1.6;
      margin-bottom: 35px;
    }
  }
  &__list {
    ul {
      padding-right: 20px;
      li {
        position: relative;
        margin-bottom: 20px;
        padding-left: 20px;
        color: @blue-g;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'GP';

        &::before {
          content: '';
          position: absolute;
          top: 12px;
          left: 0;
          width: 12px;
          height: 1px;
          background-color: @blue-g;
        }
      }
    }
  }
}

.location-link {
  background-color: #f5f5f5;
  padding: 55px 0 70px;
  margin: 120px 0 120px;
  opacity: 0;
  transform: translateY(30px);
  .transition;
  &.showItems {
    opacity: 1;
    transform: translateY(0);
  }
  h3 {
    margin-bottom: 40px;
    @media (max-width: 576px) {
      font-size: 28px;
    }
  }
  &__item {
    margin-bottom: 40px;
    padding-right: 50px;
  }
  &__title {
    h4 {
      margin-bottom: 20px;
      color: @orange;
      font-size: 64px;
      font-weight: 500;
      font-family: 'Oswald';

      @media (max-width: 991px) {
        font-size: 50px;
      }
    }
  }
  &__subtitle {
    p {
      font-size: 20px;
      font-weight: 500;
      font-family: 'Oswald';
      text-transform: uppercase;
      @media (max-width: 991px) {
        font-size: 18px;
      }
    }
    a {
      .transition;
      color: @orange;
      display: inline-block;

      &:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: @orange;
        .transition;
      }
      &:hover {
        color: lighten(@orange, 5%);
        text-decoration: none;
        border-bottom: none;

        &:after {
          opacity: 0;
        }
      }
    }
  }
}

.fixed-message {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding: 0.6em 0;
  background-color: @orange;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;

  @media (max-width: 576px) {
    font-size: 13px;
  }

  &.disabled {
    display: none;
  }

  &__exit {
    position: absolute;
    top: 1px;
    right: 1em;
    height: 40px;
    width: 40px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    @media (max-width: 576px) {
      top: -1px;
      right: 0.2em;
    }
    svg {
      height: 18px;

      @media (max-width: 576px) {
        height: 12px;
      }
    }
  }
}

.apartments {
  .form__item-range-inner {
    margin-left: 0;
  }
}

.thankyou {
  margin: 200px 0 260px;
}

// /Drafts
.first {
  position: relative;
  // height: 1800px;
  &__video {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;

    &::before {
      content: '';
      position: absolute;
      .full;
      background-color: fade(#020202, 40%);
      z-index: 1;
    }

    video {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  &__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    z-index: 1;
    background-color: fade(#fff, 85%);
    background-image: url('../img/bg-pattern.svg');
    background-position: center;
    .transition(@effect:ease,@time:0.3s);
  }

  &__params {
    margin-top: 4em;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-end;

    &-item {
      position: relative;
      height: 130px;
      width: 150px;
      margin-left: 9%;

      &:first-child {
        margin-left: 0;
      }

      &.anim {
        .first__params-title {
          opacity: 1;
          transform: translateY(0px);
        }

        .first__params-text {
          opacity: 1;
          transform: translateY(0px);
          .transition(@delay:0.2s);
        }
      }
    }

    &-title {
      opacity: 0;
      .oswald;
      font-size: 50px;
      color: @orange;
      transform: translateY(40px);
      .transition;
    }

    &-text {
      opacity: 0;
      font-size: 16px;
      transform: translateY(40px);
      .transition;

      i {
        font-style: normal;
        font-family: 'Arial';
      }
    }
  }
  // h1{
  //   margin-top: 140px;
  // }
  &__s {
    &-1 {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      position: relative;
      height: calc(100vh - 70px);
      z-index: 1;
      .transition(@effect:ease,@time:0.3s);
      width: 70%;
      overflow: hidden;
    }

    &-2 {
      opacity: 0;
      // height: 80vh;
      position: relative;
      margin-top: 7em;
      margin-bottom: 10em;
      // position: fixed;
      // top: 930px;
      // left: 0;
      width: 100%;
      z-index: 2;
      color: #fff;
      opacity: 0;
      .transition;

      p {
        color: #fff;
      }

      h2,
      h4 {
        color: #fff;
        margin-bottom: 1em;
      }

      ul {
        padding-left: 0;
        margin-bottom: 1.5em;

        li {
          padding-left: 1.9em;
          position: relative;
          margin-bottom: 1em;

          &::before {
            content: '';
            position: absolute;
            top: 0.7em;
            left: 0;
            height: 4px;
            width: 4px;
            border-radius: 50%;
            background-color: @orange;
          }
        }
      }

      &.anim {
        opacity: 1;
        .transition(@delay:0.1s);
      }
    }
  }

  &__content {
    position: absolute;
    left: 0;
    right: 0;
    width: 1920px;
  }

  .page-more__wrap {
    top: 0;
    bottom: auto;
    height: calc(100vh - 72px) !important;
    z-index: 1;
  }

  .page-more {
    height: 100%;
    justify-content: flex-end;
  }

  .file {
    path {
      fill: @blue;
    }
  }
}

.home-content {
  position: relative;
  background-color: #fff;
  z-index: 2;
}

.home-gallery {
  padding-top: 80px;
  margin-top: 0;
  margin-bottom: 220px;

  &__top {
    margin-top: 3em;
    margin-bottom: 2em;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }

  &__tabs {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
  }

  &__left {
    cursor: pointer;
    padding: 0.2em 1em 0.2em 0;

    svg {
      vertical-align: super;
    }
  }

  &__right {
    cursor: pointer;
    padding: 0.2em 0 0.2em 1em;

    svg {
      vertical-align: super;
    }
  }

  &__tab {
    white-space: nowrap;
    cursor: pointer;
    color: @grey;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 2em;
    margin-bottom: 1em;
    letter-spacing: 0.1em;
    .transition;

    &:hover {
      color: @blue;
    }

    &.current {
      cursor: default;
      color: @blue;
    }
  }

  &__slider {
    padding-right: 10%;

    .slider-nav {
      position: static;
      margin-top: 2.7em;
    }
  }

  &__slide {
    position: relative;
    padding-top: 70%;

    img {
      .full-img;
    }
  }

  &__texts {
    position: relative;
  }

  &__text {
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0em !important;
    font-size: 16px;
    color: @blue-g;
    .transition(@time:0.4s);

    ul {
      padding-left: 0;
      margin-bottom: 1.5em;

      li {
        padding-left: 1.9em;
        position: relative;
        margin-bottom: 1em;

        &::before {
          content: '';
          position: absolute;
          top: 0.7em;
          left: 0;
          height: 4px;
          width: 4px;
          border-radius: 50%;
          background-color: @orange;
        }
      }
    }

    ol {
      margin-left: 0.8em;
      padding-left: 0;
      margin-bottom: 1.5em;

      li {
        padding-left: 2.1em;
        margin-bottom: 1em;
      }
    }

    &.current {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
      .transition(@delay:0.2s,@time:2s);
    }
  }

  .pattern-section {
    top: 45%;
    bottom: auto;
  }
}

.home-projects {
  position: relative;

  &__btn {
    &-m {
      display: none;
    }
  }

  &__bg {
    position: absolute;
    top: -140px;
    left: 0;
    width: 100%;
    height: 1200px;
    .background;
    background-position: center top;
    background-image: url('../img/polygon.svg');
    z-index: -1;
  }

  &__top {
    align-items: center;
    margin-bottom: 3em;

    h2 {
      margin: 0;
      line-height: 1;
    }
  }

  &__img {
    position: relative;
    padding-top: 100%;
    margin-bottom: 2em;
    overflow: hidden;

    img {
      .full-img;
      .transition;
    }
  }

  &__title {
    margin: 0;
    max-width: calc(100% - 100px);
  }

  &__stat {
    position: relative;
    margin-top: 0.7em;
    padding-left: 1em;
    font-size: 12px;
    color: @grey;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;

    &::before {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -2px;
      left: 0;
      height: 4px;
      width: 4px;
      background-color: @orange;
      border-radius: 50%;
    }
  }

  &__address {
    color: @blue-g;
    font-size: 16px;
  }

  &__card {
    display: block;
    margin-bottom: 2em;

    &:hover {
      .home-projects__img img {
        transform: scale(1.12);
      }
    }

    &-top {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      margin-bottom: 0.3em;
    }
  }

  .pattern-section {
    bottom: 50%;
  }
}

.home-video {
  &__slider {
    padding-right: 10%;
  }

  &__slide {
    position: relative;
    cursor: pointer;
    .transition;

    &::before {
      content: '';
      position: absolute;
      .full;
      background-color: fade(#000, 50%);
    }

    &:hover {
      circle {
        fill: #fff;
      }

      path {
        stroke: transparent;
        fill: @blue;
      }
    }
  }

  &__wrap {
    cursor: pointer;
    position: relative;

    &::before {
      content: '';
      position: absolute;
      .full;
      background-color: fade(#000, 40%);
    }
  }

  &__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  &__poster {
    padding-top: 70%;
    width: 100%;
    .background;
  }

  &__right {
    padding: 3em 2em 3em 0;
    position: relative;
    margin-top: 20px;
    height: 100%;
    background-color: #f8f8f8;

    &::before {
      content: '';
      position: absolute;
      top: 0;
      left: -50%;
      width: 50%;
      height: 100%;
      background-color: #f8f8f8;
    }

    h4 {
      margin-bottom: 3em;
    }
  }

  &__nav {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 1.5em;

    div {
      cursor: pointer;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      width: 50px;
      border-radius: 50%;
      margin-right: 1em;
      margin-bottom: 1em;
      border: 1px solid @grey;
      .transition;

      &:hover {
        border-color: @blue;

        path {
          stroke: @blue;
        }
      }

      &.disabled {
        cursor: default;
        opacity: 0.5;

        &:hover {
          border-color: @grey;

          path {
            stroke: @grey;
          }
        }
      }
    }
  }

  .title-video {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;

    &.hide {
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    }
  }
}

.home-call {
  position: relative;

  &__bg {
    pointer-events: none;
    position: absolute;
    .full(@top:-6em,@height:700px);
    .background(@size: contain, @position: center top);
    background-image: url('../img/header-pattern.svg');
    z-index: -1;
  }

  .pattern-lines {
    margin-top: 5em;
  }

  .pattern-section {
    width: calc(100% - 80px);
    top: 3em;
    bottom: auto;
  }

  p + .button-default {
    margin-top: 3em;
  }
}

.projects {
  margin-top: 140px;

  h1 {
    margin-bottom: 0.5em;
  }

  &-top {
    margin-bottom: 6em;
    align-items: flex-end;

    &__item {
      text-align: right;
      padding-left: 20px;
      max-width: 190px;
    }

    &__title {
      line-height: 1;
      color: @orange;
      font-size: 50px;
      .oswald;
      margin-bottom: 0.5em;
    }

    &__text {
      font-size: 15px;
    }

    p {
      margin: 0;
    }
  }

  &-tabs {
    margin-top: 0;
    margin-bottom: 7em;
  }

  &-items {
  }

  &-item {
    // transform: translateY(40px);
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8em;

    &.active-animation,
    .first {
      transform: translateY(0px);
    }

    &__date {
      position: absolute;
      top: 0.6em;
      left: 5%;
      margin-left: 0.5em;
      font-size: 12px;
      text-transform: uppercase;
      color: @orange;
      font-weight: 500;
    }

    &__body {
      padding-right: 4%;

      h3 {
        line-height: 1.3;
        margin-bottom: 0.3em;

        a {
          color: @blue;

          &:hover {
            color: @blue-g;
          }
        }
      }

      h4 {
        margin-bottom: 2em;
      }
    }

    &__slider {
      padding-bottom: 6em;
    }

    &__slide {
      display: block;
      position: relative;
      padding-top: 50%;

      img {
        .full-img;
      }
    }

    &__link {
      position: absolute;
      right: 16px;
      top: 340px;
      font-size: 14px;
      font-weight: bold;
      color: @blue;
      text-transform: uppercase;
      padding-right: 2.5em;
      background-image: url('../img/link.svg');
      background-position: right center;
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 2;
    }

    &__stat {
      position: relative;
      padding-left: 1em;
      font-size: 12px;
      color: @grey;
      letter-spacing: 0.1em;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 4em;

      &::before {
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        height: 4px;
        width: 4px;
        background-color: @orange;
        border-radius: 50%;
      }
    }

    &__params {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
    }

    &__param {
      padding-right: 20px;
      min-width: 50%;
      // margin-right: 3em;
      margin-bottom: 1em;

      &:first-child {
        width: 100%;
      }

      &-title {
        font-size: 13px;
        color: @grey;
      }

      p {
        i {
          font-style: normal;
          font-family: 'Arial';
        }
      }
    }
  }
}

.project {
  padding-top: 140px;
  position: relative;
  margin: 0;
  .background;
  background-image: url('../img/first.png');
  height: calc(100vh - 72px);
  color: #fff;
  z-index: 0;

  &::before {
    content: '';
    position: absolute;
    .full;
    background-color: fade(#000, 60%);
    z-index: -1;
  }

  &__bot {
    position: absolute;
    bottom: 5em;
    width: 100%;
    left: 0;
    padding: 0 40px;

    &-content {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    &-btn {
      cursor: pointer;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      font-size: 12px;
      letter-spacing: 0.1em;
      font-weight: bold;
      text-transform: uppercase;

      svg {
        margin-right: 2em;
      }

      &:hover {
        circle {
          fill: #fff;
        }

        path {
          fill: @blue;
          stroke: @blue;
        }
      }
    }

    &-link {
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      padding-right: 3em;
      background-image: url('../img/link-w.svg');
      background-position: right center;
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 2;
    }
  }

  .container {
    height: 100%;
  }

  h1,
  h4 {
    color: #fff;
  }

  &-title {
    position: absolute;
    left: calc(5% + 0.6em);

    .section-title {
      position: static;
      margin-left: 0 !important;
    }
  }

  &-second {
    position: relative;
    margin: 0;
    //padding: 140px 0;
    margin-bottom: 140px;
    padding-top: 140px;
    padding-bottom: 0;
  }

  &-gallery {
    position: relative;

    &__nums {
      position: absolute;
      top: 4px;
      left: calc(5% + 0.9em);
    }

    &__num {
      position: relative;
      padding-left: 2em;
      color: fade(@orange, 50%);
      font-size: 12px;
      font-weight: 500;
      margin-bottom: 72px;

      &::before {
        opacity: 0;
        content: '';
        position: absolute;
        left: 0;
        top: 7px;
        height: 4px;
        width: 4px;
        border-radius: 50%;
        background-color: @orange;
        .transition;
      }

      &.current {
        color: @orange;

        &::before {
          opacity: 1;
        }
      }
    }

    &__tab {
      cursor: pointer;
      line-height: 1em;
      color: @grey-l;
      margin-bottom: 1.25em;
      .transition;

      &.current {
        cursor: default;
        color: @blue;

        &:hover {
          color: initial;
        }
      }

      &:hover {
        color: fade(@blue, 50%);
      }
    }

    &__slider {
      transform: translateY(0px);
      margin-top: 5px;
      margin-left: -10px;
      padding-right: 15px;
      margin-bottom: 110px;
      .transition(@delay:0.3s);

      &.wait {
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden;
        .transition(@time:0s);

        .owl-next,
        .owl-prev {
          transition: none;
        }
      }

      .slider-nav {
        bottom: -94px;
      }
    }

    &__slide {
      position: relative;
      padding-top: 60%;

      img {
        .full-img;
      }
    }

    &__texts {
      margin-top: -55px;
      margin-bottom: 55px;
      padding-left: 180px;
      transform: translateY(0);
      opacity: 1;
      .transition(@delay:0.3s);

      &.wait {
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden;
        .transition(@time:0s);
      }
    }

    &__text {
      max-height: 0;
      overflow: hidden;

      ul {
        padding-left: 0;
        margin-bottom: 1.5em;

        li {
          padding-left: 1.9em;
          position: relative;
          margin-bottom: 1em;

          &::before {
            content: '';
            position: absolute;
            top: 0.7em;
            left: 0;
            height: 4px;
            width: 4px;
            border-radius: 50%;
            background-color: @orange;
          }
        }
      }

      ol {
        margin-left: 0.8em;
        padding-left: 0;
        margin-bottom: 1.5em;

        li {
          padding-left: 2.1em;
          margin-bottom: 1em;
        }
      }

      &.current {
        max-height: 500px;
      }
    }
  }

  &-photos {
    position: relative;

    &__descr {
      margin-top: 0;
      margin-bottom: 2em;
      font-size: 24px;
      font-weight: bold;
      color: @blue;

      p {
        font-size: 24px;
        color: @blue;
      }
    }

    &__items {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      &:nth-child(even) {
        .project-photos__item {
          &:first-child {
            width: 57%;
          }

          &:last-child {
            width: 40%;
          }
        }
      }
    }

    &__item {
      position: relative;
      padding-top: 30%;
      width: 40%;
      margin-bottom: 2em;

      &:last-child {
        width: 57%;
      }

      img {
        .full-img;
      }
    }

    .pattern-section {
      top: 12em;
      bottom: auto;
    }
  }

  &-links {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    color: @blue;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;

    a {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;

      &:hover {
        opacity: 0.7;
      }
    }

    span {
      display: inline-block;
      margin: 0 0.4em;
    }
  }

  &-plans {
    &__slider {
      .slider-nav {
        margin-top: 2.6em;
        padding-left: calc(50% + 50px);
        position: static;
      }
    }

    &__slide {
      display: block;
      position: relative;
      padding-top: 70%;

      &::before {
        content: '';
        position: absolute;
        .full;
        background: rgba(196, 196, 196, 0.15);
      }

      img {
        .full-img;
      }
    }
  }

  &-slider {
  }
}

.news {
  margin-top: 140px;

  &-promo {
    &__content {
      @media (max-width: 991px) {
        margin-top: 20px;
      }
    }
    &__img {
      position: relative;
      width: 100%;
      padding-top: 62.3%;
      img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
    }
  }

  &-items {
    position: relative;

    &__date {
      position: absolute;
      top: 3.7em;
      left: calc(5% + 2.5em);
      z-index: 1;
    }
  }

  &-item {
    display: block;
    position: relative;
    z-index: 0;

    &::before {
      position: absolute;
      content: '';
      .full;
      background-color: fade(#000, 60%);
      z-index: 0;
      opacity: 0;
    }

    &:hover {
      &::before {
        opacity: 1;
      }

      .news-item__img {
        opacity: 1;
      }

      h4 {
        color: #fff;
      }

      .news-item__link {
        color: #fff;

        path {
          stroke: #fff;
        }
      }

      .news-item__body {
        border-color: transparent;
      }
    }

    &__img {
      opacity: 0;
      .full-img;
      z-index: -1;
      .transition;
    }

    &__body {
      padding: 2.8em 0 3em;
      border: 1px solid;
      border-color: @grey-l transparent transparent transparent;
      z-index: 1;

      &:hover {
        opacity: 1;
      }
    }

    &__date {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 2.2em;
      color: @grey;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }

    &__link {
      margin-top: 0.6em;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.1em;

      span {
        margin-right: 1em;
      }
    }

    &__row {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;

      h4 {
        padding-right: 30px;
      }
    }

    h4 {
      padding-right: 30px;
      margin: 0;
      max-width: 600px;
    }

    &_genereal {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: column;

      &:hover {
        opacity: 0.7;
      }

      h4 {
        font-size: 36px;
      }

      .news-item__link {
        padding: 13px 18px 10px;
        border: 1px solid @blue;
        border-radius: 60px;

        span {
          margin-top: 1px;
        }
      }
    }
  }

  &-pagination {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    margin-top: 4em;

    &__prev {
      padding: 1em;

      &:hover {
        opacity: 0.6;
      }
    }

    &__next {
      padding: 1em;

      &:hover {
        opacity: 0.6;
      }
    }

    &__item {
      margin: 0 0.5em;
      padding: 1em;
      font-size: 12px;
      font-weight: bold;
      color: @grey;

      &:hover {
        opacity: 0.6;
      }
    }
  }

  .pattern-section {
    left: 10%;
    bottom: -2em;
  }
}

.news-detail {
  margin-top: 140px;

  &__links {
    margin-top: 4em;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;

    a {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 12px;

      &:hover {
        opacity: 0.7;
      }

      span {
        margin: 0 1em;
      }
    }
  }

  &__all {
    position: absolute;
    top: -4em;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    color: @grey-l;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;

    span {
      margin: 0 0.7em;
    }
  }

  &-last {
    position: relative;
  }

  .pattern-section {
    width: 500px;
    top: 24em;
    left: 10%;
    bottom: auto;
  }
}
.page-pattern--contacts {
  top: 25%;
}
.contacts {
  margin-top: 65px;
  margin-bottom: 180px;
  padding: 0;
  background-color: inherit;

  &-item {
    position: relative;
    //align-items: flex-end;
    margin-top: 15px;
    margin-bottom: 5em;

    &__wrap {
      position: relative;

      .section-title {
        top: 0.6em;
        left: calc(5% + 3em);
      }
    }

    h4 {
      line-height: 1;
    }

    .section-title {
      position: absolute;
      top: 0;
      left: 0;
    }
  }

  &-row {
    .section-title {
      top: 6px;
    }
  }
}

.company {
  // margin-top: 140px;
  padding-top: 140px;

  &-item {
    margin-bottom: 12em;

    &:nth-child(odd) {
      .company-item__text {
        padding: 0 2em 2em 0 !important;
      }
    }

    &__title {
      position: absolute;
      top: 0;
      left: 5%;
      margin-left: 3em;
      margin-top: 1em;
      color: @orange;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 500;
      transform: rotate(180deg);
      display: inline-block;
      writing-mode: tb;
      white-space: nowrap;

      &::before {
        content: '';
        position: absolute;
        bottom: 50%;
        left: 30px;
        height: 4px;
        width: 4px;
        border-radius: 50%;
        background-color: @orange;
      }
    }

    &__img {
      position: relative;
      padding-top: 100%;

      img {
        .full-img;
      }
    }

    &__text {
      padding: 0 2em 2em;
      margin-top: 0;

      p {
        margin-bottom: 2em;
      }
    }

    &__status {
      letter-spacing: 0.1em;
      margin: 5em 0 2em;
      font-weight: bold;
      text-transform: uppercase;
    }

    &__cit {
      margin-bottom: 3em;
    }

    .pattern-section {
      width: calc(100% - 80px);
      bottom: auto;
      top: 2em;
    }

    h3 {
      padding-right: 10px;
    }
  }

  &-scheme {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    transform: translateY(20px);
    .full;
    .transition(@time:0.2s);

    img {
      height: 100%;
    }

    svg {
      width: 100%;
      height: auto;
    }

    path {
      // stroke-dashoffset: 1000px;
      stroke-dashoffset: 1000px;
      stroke-dasharray: 1000;
    }

    &.current {
      opacity: 1;
      visibility: visible;
      .transition(@time:1s,@delay:0.2s);
      transform: translateY(0);

      path {
        stroke-dashoffset: 0;
        stroke-dasharray: 1150;
        // stroke-dasharray: 1000;

        transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
      }
    }

    &__tabs {
    }

    &__tab {
      cursor: pointer;
      position: relative;
      padding-left: 23px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 12px;
      font-weight: 500;
      color: fade(@orange, 50%);
      margin-bottom: 0.8em;

      &::before {
        opacity: 0;
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        border-radius: 50%;
        height: 4px;
        width: 4px;
        background-color: @orange;
      }

      &.current {
        color: @orange;

        &::before {
          opacity: 1;
        }
      }
    }

    &__title {
      margin-bottom: 2em;
      letter-spacing: 0.1em;
      font-weight: bold;
      text-transform: uppercase;
    }
  }

  &-schemes {
    position: relative;
    padding-top: 50%;
  }

  &-erz {
    margin: 5em 0;
  }

  &-link {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: @blue;
    text-transform: uppercase;

    &:before {
      content: '';
      position: absolute;
      top: -4px;
      right: -36px;
      width: 19px;
      height: 19px;
      background: url('../img/link.svg') center/contain no-repeat;
    }
  }

  &-vacancy {
    position: relative;

    h3 {
      margin-bottom: 2em;
    }

    .section-bg {
      padding-top: 36%;
    }

    &__items {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
    }

    &__item {
      width: 33.3%;
      padding-right: 30px;

      &:last-child {
        padding-right: 0;
      }
    }
  }
}

.history {
  margin-top: 140px;

  &-items {
    margin-bottom: 8em;
  }

  &-item {
    position: relative;
    z-index: 1;

    &:last-child {
      .history-item__line_padding,
      .history-item__text_padding {
        display: none;
      }

      .history-item__line {
        height: 100%;
      }
    }

    h3,
    h4,
    p {
      color: @grey-l;
    }

    &__img {
      opacity: 0;
      margin-left: 10%;
      position: relative;
      padding-top: 60%;
      .transition;

      img {
        .full-img;
      }
    }

    &__line {
      position: absolute;
      top: 0;
      left: calc(5% + 2.6em);
      height: calc(100% - 140px);
      width: 2px;
      background-color: fade(@orange, 30%);
      .transition;

      &_padding {
        position: absolute;
        bottom: 0;
        left: calc(5% + 2.6em);
        height: 140px;
        width: 2px;
        background-color: fade(@orange, 30%);
      }
    }

    &__text_padding {
      height: 140px;
    }

    &.current {
      h3,
      h4 {
        color: @blue;
      }

      p {
        color: @blue-g;
      }

      .history-item__img {
        opacity: 1;
      }

      .history-item__line {
        background-color: @orange;
      }
    }

    &_last {
      margin: 8em 0 0;

      h3,
      h4 {
        color: @blue;
      }

      p {
        color: @blue-g;
      }

      .history-item__img {
        opacity: 1;
      }

      .history-item__line {
        background-color: @orange;
      }
    }

    h3 {
      margin-bottom: 1em;
    }

    h4 {
      margin-bottom: 1.2em;
    }
  }

  &-pattern-wrapper {
    position: relative;

    .pattern-section {
      width: 90%;
      bottom: -13em;
    }
  }

  &-cit-wrapper {
    margin-top: 5.5em;
    margin-bottom: 9em;
    padding-left: 3em;
  }

  &-cit {
    position: relative;

    &::before {
      content: '«';
      position: absolute;
      top: -1.5em;
      left: -0.6em;
      font-size: 84px;
      font-weight: bold;
    }

    &-wrap {
      margin-top: 13em;

      .pattern-section {
        top: 2em;
        bottom: auto;
      }
    }
  }
}

.documents {
  margin-top: 140px;

  &-item {
    margin-bottom: 8em;

    h3 {
      margin-bottom: 1.5em;
    }

    .file {
      margin-bottom: 3em;
    }
  }
}

.career {
  margin-top: 140px;

  &-section {
    position: relative;
    margin-top: 2em;

    img {
      width: 100%;
    }

    p {
      margin-bottom: 2em;
    }
  }

  &-accordion {
    &-section {
      h3 {
        margin-bottom: 1.2em;
      }
    }

    &__item {
      position: relative;

      .section-title {
        margin-top: 8.3em;
        left: calc(5% + 3.1em);
      }

      &:last-child {
        .row {
          &:first-child {
            > *:not(:first-child) {
              border-bottom: 1px @grey-l solid;
            }
          }
        }

        &.active {
          .career-accordion__body {
            .row:last-child > *:not(:first-child) {
              border-bottom-color: @grey-l;
            }
          }
        }
      }

      &.active {
        .career-accordion__top {
          border-bottom-color: transparent !important;
        }

        .career-accordion__btn {
          img {
            &:first-child {
              display: none;
            }

            &:last-child {
              display: inline-block;
            }
          }
        }

        .career-accordion__body {
          display: block;

          .row:last-child > *:not(:first-child) {
            border-bottom-color: transparent;
          }
        }
      }
    }

    &__top {
      cursor: pointer;
      padding: 2.8em 3.1em 3em 0 !important;
      border: 1px solid;
      border-color: @grey-l transparent transparent;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .transition;
      transition-property: opacity;

      &:hover {
        opacity: 0.7;
      }

      h4 {
        margin: 0;
      }
    }

    &__btn {
      img {
        &:last-child {
          display: none;
        }
      }
    }

    &__body {
      display: none;
      position: relative;

      ul {
        padding-left: 0;
        margin-bottom: 1.5em;

        li {
          padding-left: 2.9em;
          position: relative;
          margin-bottom: 1.1em;

          &::before {
            content: '';
            position: absolute;
            top: 0.7em;
            left: 0;
            height: 4px;
            width: 4px;
            border-radius: 50%;
            background-color: @orange;
          }
        }
      }

      .row {
        margin-top: 1em;
        margin-bottom: 2em;

        &:last-child {
          > *:not(:first-child) {
            border-bottom: 1px @grey-l solid;
            padding-bottom: 6em;
          }
        }
      }

      .button-default {
        position: absolute;
        bottom: 2em;
        left: 16.6%;
      }

      .file {
        margin-bottom: 1.5em;
      }
    }

    &__btn {
    }

    &__title {
      padding-right: 7% !important;
    }
  }

  .pattern-section {
    bottom: auto;
    top: 14em;
  }

  &.job {
    .pattern-section {
      top: 20em;
    }
  }
}

.work {
  &-section {
    h3 {
      margin-bottom: 2em;
    }

    h4 {
      margin-bottom: 1.4em;
    }

    p {
      margin-bottom: 5em;
    }
  }
}

.contractor {
  &-work {
    position: relative;

    h3 {
      margin-bottom: 2em;
    }

    &__items {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
    }

    &__item {
      border: 1px solid @grey-l;
      margin-left: -1px;
      margin-bottom: -1px;
      position: relative;
      padding: 35px 30px 78px 54px;
      width: 50%;
      font-size: 15px;

      .contractor-work__title sup {
        top: -0.7em;
        left: 4px;
        font-size: 60%;
      }

      &:hover {
        color: #fff;

        .contractor-work__bg {
          opacity: 1;
        }

        .contractor-work__title,
        p {
          color: #fff;
        }
      }
    }

    &__bg {
      opacity: 0;
      position: absolute;
      z-index: -1;
      .full;
      .background;
      .transition;

      &::before {
        content: '';
        position: absolute;
        .full;
        background-color: fade(#000, 50%);
      }
    }

    p {
      font-size: 15px;
    }

    &__title {
      color: @orange;
      font-size: 50px;
      .oswald;
      margin-bottom: 0.2em;
    }
  }

  &-img {
    position: relative;
    padding-top: 23%;
    margin-bottom: 2em;

    &:last-child {
      img {
        padding-left: 4em;
      }
    }

    img {
      .full-img;
    }
  }

  &-blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  &-block {
    &:nth-child(4) {
      grid-column: 3 ~'/' 1;
    }

    &_text {
      padding: 2em;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: fade(#444, 6%);
    }

    &__title {
      font-size: 24px;
      font-weight: bold;
      line-height: 1;
      color: @blue;
      .oswald;

      &-sub {
        margin-top: 0.5em;
        font-size: 24px;
        color: @blue;
        font-weight: bold;
        .oswald;
      }
    }

    &__descr {
      font-size: 15px;
      color: @blue;
    }

    &__img {
      position: relative;
      padding-top: 50%;

      img {
        .full-img;
      }
    }
  }

  &-special {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2em 0;
    background-color: @orange;

    > * {
      color: #fff;
    }

    p {
      font-weight: 500;
    }
  }

  &-start {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;

    &__item {
      position: relative;
      padding: 2em;
      background-color: #eee;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      overflow: hidden;

      &-num {
        position: absolute;
        bottom: -40%;
        right: 15px;
        font-size: 100px;
        font-weight: bold;
        color: @grey-l;
      }

      img {
        height: 90px;
        min-width: auto;
      }

      p {
        margin: 0 0 0 1em;
        font-weight: 500;
      }
    }
  }
}

.archive {
  margin-bottom: 0;

  + section {
    margin-top: 0;
  }
}

.modal-button__thanks {
  margin-top: 40px;
  text-align: center;
}

.ask {
  margin-top: 0;
  margin-bottom: 120px;
  padding: 100px 0;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  color: #fff;

  ul {
    margin-bottom: 30px;
  }
  h2 {
    margin-top: 0;
    color: #fff;
  }
  p {
    font-size: 20px;
    color: #fff;
  }

  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: @blue;
    opacity: 0.75;
    // background-color: fade(@green,80%);
    z-index: -1;
  }

  .container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
  }

  &-block {
    width: 40%;

    &.ask-answer {
      height: 540px;
      // width: 50%;
      width: 42%;

      position: relative;
      border: 2px solid #fff;
      border-radius: 5px;
    }

    .ask-answer {
      &__item {
        h3 {
          margin-top: 0;
          margin-bottom: 1em;
        }
      }
    }
  }

  &-checks {
    &.two {
      column-count: 2;
    }

    &.otd {
      .ask-check {
        font-size: 18px;
      }
    }
  }

  &-check {
    cursor: pointer;
    font-size: 20px;
    display: block;
    margin-bottom: 0.7em;
    line-height: 1.3;

    &:hover {
      span {
        &::after {
          opacity: 0.3;
        }

        &::before {
          background-color: fade(#fff, 50%);
        }
      }
    }

    input {
      display: none;

      &:checked {
        ~ span {
          &::after {
            opacity: 1;
          }

          &::before {
            background-color: fade(#fff, 50%);
          }
        }
      }
    }

    span {
      padding-left: 2em;
      position: relative;

      &::before {
        content: '';
        position: absolute;
        left: 0;
        top: -3px;
        background-color: fade(#fff, 30%);
        border-radius: 2px;
        height: 20px;
        width: 20px;
        .transition;
      }

      &::after {
        content: '';
        position: absolute;
        left: 4px;
        top: -1px;
        background-image: url('../img/flag.svg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 14px;
        height: 14px;
        opacity: 0;
        // .transition;
      }
    }
  }

  &-count {
    position: absolute;
    bottom: 1em;
    right: 1em;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    font-size: 30px;
    // .bebas;

    &__ed {
      margin-top: -0.5em;
    }

    &__all {
    }
  }

  &-button {
    position: absolute;
    bottom: 2em;
    left: 2em;
    pointer-events: none;
    opacity: 0.5;
    .transition;

    &.active {
      pointer-events: all;
      opacity: 1;
    }
  }

  &-answer__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    .transition;

    &.current {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px);
      .transition(@delay:0.3s);
    }
  }

  &-input {
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 1em;
    font-size: 20px;
    color: #fff;

    &::placeholder {
      color: #fff;
    }
  }

  &-inputs {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;

    input {
      width: 46%;
    }
  }

  &-bot {
    position: absolute;
    bottom: 2em;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;

    a {
      margin-right: 1em;
    }

    span {
      font-size: 12px;
      max-width: 220px;
    }
  }

  &-send {
    opacity: 0.5;
    pointer-events: none;
    .transition;

    &.active {
      opacity: 1;
      pointer-events: all;
    }
  }

  &-descr {
    position: absolute;
    bottom: -2em;
    color: #fff;
  }
}
.bank-partners {
  margin: 120px 0;
  &__list {
    margin-top: 100px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 100px;
    @media (max-width: 1200px) {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    @media (max-width: 991px) {
      grid-template-columns: 1fr 1fr 1fr;
    }
    @media (max-width: 756px) {
      grid-template-columns: 1fr 1fr 1fr;
    }
    @media (max-width: 576px) {
      grid-template-columns: 1fr 1fr;
    }
  }
  &__item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.polygons {
  margin-bottom: 4em;
  image {
    opacity: 0;
    position: relative;
    z-index: -1;

    &.active {
      z-index: 1;
      opacity: 1;
    }
  }
  polygon {
    opacity: 0;
  }
}

// WORK GAA 20.11.21

.work {
  overflow-x: hidden;
  margin: 0;
  &__container {
    padding-bottom: 60px;
    @media (max-width: 1050px) {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  &__inner {
    display: flex;
    align-items: center;
    @media (max-width: 1050px) {
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
    }
    & .col-1 {
      @media (max-width: 1050px) {
        display: none;
      }
    }
  }
  &__slider {
    margin-right: calc(50% - 50vw);
    flex-grow: 1;
    position: relative;
    & .owl-dots {
      display: none;
    }
    & .slider-nav {
      z-index: 1;
    }
    & .owl-prev {
      position: absolute;
      bottom: 40px;
      right: 80px;
    }
    & .owl-next {
      position: absolute;
      bottom: 40px;
      right: 20px;
    }
    & .owl-next,
    & .owl-prev {
      border: 1px solid white;
    }
    & .owl-next svg path,
    & .owl-prev svg path {
      stroke: white;
    }
    &-image {
      position: relative;
      height: 0;
      padding-top: 89%;
      img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center;
      }
    }
    img {
    }
    & .owl-item {
      @media (max-width: 1050px) {
        max-width: 100%;
      }
    }
  }
  &-carousel {
    img {
      // height: 600px;
      @media (max-width: 1050px) {
        // height: 350px;
      }
      @media (max-width: 576px) {
        // height: auto;
      }
    }
  }
  a {
    width: fit-content;
    cursor: pointer;
    padding: 17px 20px 15px 22px;
    display: flex;
    align-items: center;
    background-image: none;
    gap: 5px;
    &:hover {
      background-image: none;
    }
  }
  &__title {
    margin-bottom: 0.5em;
  }
  &__subtitle {
    color: #001640;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding-bottom: 50px;
    @media (max-width: 1050px) {
      padding-bottom: 20px;
      max-width: 400px;
    }
  }
  &__info.col-5 {
    @media (max-width: 1050px) {
      width: 100%;
    }
  }
  &__slider.col-6 {
    @media (max-width: 1050px) {
      width: 100%;
    }
  }
}
.work-about {
  overflow-x: hidden;
  margin: 0;
  &__container {
    padding-bottom: 100px;
    @media (max-width: 900px) {
      padding-bottom: 85px;
    }
  }
  &__subtitle {
    padding-bottom: 70px;
    @media (max-width: 1230px) {
      padding-bottom: 20px;
    }
  }
  &__box {
    padding: 30px;
    @media (max-width: 600px) {
      padding: 15px;
    }
  }
  &__descr {
    color: #50596b;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }
  &__list {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    @media (max-width: 900px) {
      flex-direction: column;
    }
  }
  &__item {
    border: 1px solid #c4c4c4;
    background: #fff;
    width: 33.31%;
    overflow: hidden;
    @media (max-width: 900px) {
      width: 100%;
    }
  }
  &__inner img {
  }
  &-image {
    position: relative;
    height: 0;
    padding-top: 55%;
    & img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center;
    }
  }
}
.work-ambience {
  overflow-x: hidden;
  margin: 0;
  position: relative;
  &__bg {
    position: absolute;
    top: -100px;
    right: 50%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
  }
  & .owl-dots {
    display: none;
  }
  &__container {
    padding-bottom: 90px;
    @media (max-width: 900px) {
      padding-bottom: 60px;
    }
    @media (max-width: 576px) {
      padding-bottom: 30px;
    }
  }
  &__title {
  }
  &__tabs {
    margin-bottom: 30px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    @media (max-width: 620px) {
      gap: 20px;
    }
    @media (max-width: 576px) {
      overflow-x: auto;
      white-space: nowrap;
      flex-wrap: nowrap;
      margin-right: -15px;
      margin-left: -15px;
      padding-right: 15px;
      padding-left: 15px;
      width: -webkit-fill-available !important;
    }
  }
  &__tab {
    color: #90949c;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    font-family: 'GP';
    cursor: pointer;
    /* 16.8px */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    &:last-child {
      padding-right: 15px;
    }
    &.current {
      color: #001640;
    }
  }
  &__sliders {
    & .owl-carousel {
      display: none !important;
    }
    & .owl-carousel.current {
      display: block !important;
    }
    img {
      // object-position: center;
      // object-fit: cover;
      // @media (max-width:900px) {
      //   height: 380px;
      // }
      // @media (max-width:576px) {
      //   height: 280px;
      // }
      // @media (max-width:420px) {
      //   height: 200px;
      // }
    }
    @media (max-width: 576px) {
      width: 100%;
    }
  }
  &__image {
    position: relative;
    height: 0;
    padding-top: 50%;
    @media (max-width: 600px) {
      padding-top: 60%;
    }
    img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
      left: 0;
      top: 0;
      @media (max-width: 600px) {
        height: 100%;
      }
    }
  }
  &__comand {
    position: relative;
    & .slider-nav {
      z-index: 1;
    }
    & .owl-prev {
      position: absolute;
      bottom: 60px;
      right: 80px;
      @media (max-width: 576px) {
        bottom: 20px;
      }
    }

    & .owl-next {
      position: absolute;
      bottom: 60px;
      right: 20px;
      @media (max-width: 576px) {
        bottom: 20px;
      }
    }

    & .owl-next,
    & .owl-prev {
      border: 1px solid white;
    }

    & .owl-next svg path,
    & .owl-prev svg path {
      stroke: white;
    }
  }
  &__office {
    position: relative;
    & .slider-nav {
      z-index: 1;
    }

    & .owl-prev {
      position: absolute;
      bottom: 60px;
      right: 80px;
      @media (max-width: 576px) {
        bottom: 20px;
      }
    }

    & .owl-next {
      position: absolute;
      bottom: 60px;
      right: 20px;
      @media (max-width: 576px) {
        bottom: 20px;
      }
    }

    & .owl-next,
    & .owl-prev {
      border: 1px solid white;
    }

    & .owl-next svg path,
    & .owl-prev svg path {
      stroke: white;
    }
  }
  &__situation {
    position: relative;
    & .slider-nav {
      z-index: 1;
    }

    & .owl-prev {
      position: absolute;
      bottom: 60px;
      right: 80px;
      @media (max-width: 576px) {
        bottom: 20px;
      }
    }

    & .owl-next {
      position: absolute;
      bottom: 60px;
      right: 20px;
      @media (max-width: 576px) {
        bottom: 20px;
      }
    }

    & .owl-next,
    & .owl-prev {
      border: 1px solid white;
    }

    & .owl-next svg path,
    & .owl-prev svg path {
      stroke: white;
    }
  }

  // &__office {
  //   display: none !important;
  // }
  // &__situation {
  //   display: none !important;
  // }
}
.work-descr {
  overflow-x: hidden;
  margin: 0;
  &__container {
    padding-bottom: 80px;
    @media (max-width: 900px) {
      padding-bottom: 60px;
    }
    @media (max-width: 576px) {
      padding-bottom: 30px;
    }
  }
  &__title {
    margin-bottom: 80px;
    @media (max-width: 900px) {
      margin-bottom: 60px;
    }
    @media (max-width: 576px) {
      margin-bottom: 30px;
    }
  }
  &__subtitle {
    color: #001640;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 18px;
    max-width: 515px;
    font-family: 'GP';
    @media (max-width: 1090px) {
      max-width: none;
    }
  }
  &__text {
    color: #464d5a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 515px;
    @media (max-width: 1090px) {
      max-width: 700px;
    }
  }
  &__list {
    display: flex;
    row-gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 30px;
    @media (max-width: 1090px) {
      flex-direction: column;
    }
    @media (max-width: 576px) {
      row-gap: 20px;
    }
  }
  &__item {
    // width: 45%;
    max-width: 530px;
    @media (max-width: 1090px) {
      max-width: none;
    }
  }
}
.work-question {
  overflow-x: hidden;
  background-color: #f5f5f5;
  margin: 0;
  &__container {
    padding-top: 80px;
    padding-bottom: 130px;
    @media (max-width: 1090px) {
      padding-bottom: 80px;
    }
    @media (max-width: 576px) {
      padding-bottom: 30px;
      padding-top: 30px;
    }
  }
  &__title {
    margin-bottom: 80px;
    @media (max-width: 1090px) {
      margin-bottom: 40px;
    }
    @media (max-width: 576px) {
      margin-bottom: 30px;
    }
  }
  &__tabs {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
    max-width: 410px;
    margin-bottom: 60px;
  }
  &__tab {
    color: #90949c;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 16.8px */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    cursor: pointer;
    &.current {
      color: #001640;
    }
  }
  &__subtitle {
    color: #001640;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 25.2px */
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-family: 'GP';
    margin-bottom: 30px;
  }
  &__list {
    max-width: 620px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    @media (max-width: 1170px) {
      max-width: none;
      width: 50%;
    }
  }
  &__item {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    color: #001640;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: -0.18px;
    p {
      color: #001640;
      margin: 0;
    }
    p:not(:last-child) {
      margin: 0 0 1em 0;
    }
  }
  &__wrapper {
    display: flex;
    gap: 100px;
    @media (max-width: 1170px) {
      gap: 20px;
      justify-content: space-between;
    }
    @media (max-width: 1090px) {
      // flex-direction: column;
      display: none;
    }
  }
  &__box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  &__btn {
    display: flex;
    align-items: center;
    text-align: start;
    gap: 60px;
    outline: none;
    border: none;
    background-color: #e88209;
    padding: 25px 30px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    @media (max-width: 456px) {
      font-size: 14px;
      padding: 15px;
    }
    @media (max-width: 390px) {
    }
    &-icon {
      display: flex;
      align-items: center;
      gap: 20px;
    }
  }
  &__accordion {
    display: none;
    @media (max-width: 1090px) {
      // flex-direction: column;
      display: flex;
      flex-direction: column;
      margin-bottom: 30px;
    }
    &-item {
    }
    &-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 30px;
      padding-bottom: 30px;
      border: 1px solid;
      gap: 40px;
      border-color: #c7cace transparent transparent;
      img {
        max-width: -webkit-fill-available;
      }
    }
    &-body {
      display: none;
      position: relative;
    }
    &-heading {
      color: #001640;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      margin: 0;
      max-width: 650px;
      font-family: 'GP';
    }
    &-btn {
      display: flex;
      width: 24px;
      height: 24px;
    }
    &-box {
    }
    &-button {
      display: none;
      @media (max-width: 1090px) {
        display: flex;
        width: 100%;
        justify-content: space-between;
        br {
          display: none;
        }
      }
    }
    &-text {
      margin-bottom: 20px;
      color: #001640;
    }
    // &-text:not(:last-child) {
    //   margin-bottom: 20px;
    // }
    &-btn img:last-child {
      display: none;
    }
    &-item.active &-body {
      display: block;
    }
    &-item.active &-btn img:last-child {
      display: inline-block;
    }
    &-item.active &-btn img:first-child {
      display: none;
    }
  }
}
.work-culture {
  overflow-x: hidden;
  margin: 0;
  &__container {
    // padding-top: 120px;
    // padding-bottom: 65px;
    @media (max-width: 750px) {
      // padding-top: 80px;
    }
    @media (max-width: 576px) {
      padding-top: 30px;
    }
  }
  &__title {
    padding-bottom: 80px;
    margin: 0;
    @media (max-width: 750px) {
      padding-bottom: 50px;
    }
    @media (max-width: 576px) {
      padding-bottom: 30px;
    }
  }
  &__items {
    position: relative;
    padding-bottom: 65px;
  }
  &__item {
    display: block;
    position: relative;
    z-index: 0;
    &:hover::before {
      opacity: 1;
    }
    &:hover .work-culture__img {
      opacity: 1;
    }
    &:hover p {
      color: white;
    }
    &::before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 0;
    }
  }
  &__img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  &__body {
    z-index: 1;
  }
  &__heading {
    margin: auto;
    z-index: 1;
  }
  &__rower {
    padding-top: 34px;
    width: 100%;
    padding-bottom: 33px;
    z-index: 1;
    border: 1px solid;
    display: flex;
    border-color: #c7cace transparent transparent transparent;
    @media (max-width: 750px) {
      flex-direction: column;
      padding-top: 15px;
      padding-bottom: 15px;
      & .col-3 {
        width: 100%;
      }
      & .col-1 {
        display: none;
      }
      & .col-8 {
        width: 100%;
      }
    }
  }
  &__subtitle {
    color: #e88209;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.24px;
    margin: 0;
    font-family: 'GP';
    @media (max-width: 750px) {
      margin-bottom: 30px;
    }
  }
  p {
    position: relative;
    padding-left: 15px;
    color: #464d5a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    &::after {
      position: absolute;
      left: 0;
      top: 6px;
      width: 4px;
      height: 4px;
      background-color: #e88209;
      border-radius: 50%;
      content: '';
    }
  }
  &__row {
    @media (max-width: 750px) {
      display: flex;
      flex-direction: column;
      & .col-6 {
        width: 100%;
      }
      & .col-4 {
        width: 100%;
      }
    }
  }
}
.work-join {
  overflow-x: hidden;
  margin: 0;
  & .owl-dots {
    display: none;
  }
  &__container {
    padding-top: 65px;
    position: relative;
    padding-bottom: 80px;
    @media (max-width: 750px) {
      padding-top: 0px;
    }
  }
  & .slider-nav__work {
    position: absolute;
    top: -82px;
    display: flex;
    right: -16px;
    @media (max-width: 1200px) {
      top: 395px;
    }
    & .owl-prev,
    & .owl-next {
      // margin-right: 0px !important;
    }
  }
  &__title {
    margin: 0;
    padding-bottom: 30px;
  }
  &__card {
    padding: 30px 20px;
    min-height: 380px;
    background-color: rgba(232, 130, 9, 1);
    &-01 {
      background-color: rgba(232, 130, 9, 1);
    }
    &-02 {
      background-color: rgba(238, 139, 23, 1);
    }
    &-03 {
      background-color: rgba(232, 143, 9, 1);
    }
    &-04 {
      background-color: rgba(232, 116, 9, 1);
    }
    &-05 {
      background-color: rgba(246, 148, 34, 1);
    }
    &-06 {
      background-color: rgba(217, 118, 0, 1);
    }
  }
  &__subtitle {
    max-width: 230px;
    margin: 0;
    color: #fff;
    font-family: 'Oswald';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 28.6px */
    text-transform: uppercase;
  }
  & .owl-next {
    // margin-right: 0px;
  }
}
.work-vacancy {
  overflow-x: hidden;
  margin: 0;
  & .container__sm {
    @media (max-width: 1360px) {
    }
  }
  &__container {
    padding-top: 40px;
  }
  &__title {
    margin: 0;
    padding-bottom: 40px;
  }
  &__descr {
    color: #464d5a;
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    padding-left: 15px;
    &::after {
      position: absolute;
      left: 0;
      top: 6px;
      width: 4px;
      height: 4px;
      background-color: #e88209;
      border-radius: 50%;
      content: '';
    }
    &:not(:last-child) {
      padding-bottom: 20px;
      @media (max-width: 830px) {
        padding-bottom: 10px;
      }
    }
  }
  &__head {
    color: #464d5a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    @media (max-width: 830px) {
      margin-bottom: 20px;
    }
    /* 24px */
  }
  &__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    @media (max-width: 1360px) {
      flex-direction: column;
      gap: 30px;
      & .col-7 {
        width: 100%;
      }
      & .col-5 {
        width: 100%;
      }
    }
  }
  &__accordion {
    margin-right: 60px;
    @media (max-width: 1360px) {
      margin-right: 0px;
    }
    &-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      @media (max-width: 1360px) {
        & .col-5 {
          width: 30%;
        }
        & .col-6 {
          width: 70%;
        }
        & .col-1 {
          display: none;
        }
      }
      @media (max-width: 830px) {
        flex-direction: column;
        & .col-6 {
          width: 100%;
        }
        & .col-5 {
          width: 100%;
        }
      }
    }
    &-row:not(:last-child) {
      padding-bottom: 55px;
      @media (max-width: 576px) {
        padding-bottom: 20px;
      }
    }
    &-box {
      padding-bottom: 33px;
    }
    &-heading {
      color: #90949c;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      margin: 0;
    }
    &-subtitle {
      color: #001640;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
      margin: 0;
      transition: all 0.3s ease 0s;
      font-family: 'GP';
    }
    &-top {
      padding-top: 30px;
      padding-bottom: 30px;
      border: 1px solid;
      border-color: #c7cace transparent transparent;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    &-data {
      display: block;
      padding-bottom: 10px;
    }
    &-body {
      display: none;
      position: relative;
      padding-top: 40px;
      padding-bottom: 30px;
      @media (max-width: 830px) {
        padding-top: 0px;
      }
    }
    &-item {
      cursor: pointer;
      &:hover .work-vacancy__accordion-subtitle {
        color: #e88209;
      }
      @media (max-width: 576px) {
        & .col-12 {
          width: initial;
        }
        & .col-7 {
          width: initial;
        }
        & .col-4 {
          width: initial;
        }
        & .col-1 {
          width: initial;
        }
      }
    }
    &-btn img:last-child {
      display: none;
    }
    &-item.active &-body {
      display: block;
    }
    &-item.active &-btn img:last-child {
      display: inline-block;
    }
    &-item.active &-btn img:first-child {
      display: none;
    }
  }
  &__form {
    margin-right: calc(50% - 50vw);
    flex-grow: 1;
  }
}
.form__work {
  overflow-x: hidden;
  padding: 60px 100px 60px 50px;
  background-color: #001640;
  @media (max-width: 830px) {
    padding: 50px 50px 50px 50px;
  }
  @media (max-width: 576px) {
    padding: 40px 15px 40px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  & ::placeholder {
  }
  &-title {
    margin: 0;
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    padding-bottom: 60px;
    font-family: 'GP';
    /* 44.2px */
  }
  &-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    span {
      order: 3;
      margin-top: 10px;
      color: red;
      opacity: 0;
    }
    &.invalid span {
      opacity: 1;
    }
  }
  &-input {
    padding: 10px 10px 20px 0;
    order: 2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.4);
    font-weight: 600;
    transition: all 0.3s linear;
    font-size: 24px;
    font-family: 'GP';
    max-width: 450px;
    &::placeholder {
      color: rgba(255, 255, 255, 0.4);
    }
    &:focus + h5 {
      color: white;
    }
  }
  &-subtitle {
    margin-bottom: 10px;
    text-transform: uppercase;
    order: 1;
    font-size: 12px;
    line-height: 140%;
    color: #90949c;
    transition: all 0.3s linear;
    letter-spacing: 0.1em;
    font-family: 'GP';
  }
  &-text {
    padding-bottom: 50px;
    font-family: 'GP';
    @media (max-width: 576px) {
      padding-bottom: 30px;
    }
  }
  &-box {
    display: flex;
    align-items: center;
    gap: 20px;
    span {
      opacity: 0;
      color: #fff;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;
      /* 16.8px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }
    span.active {
      opacity: 1;
    }
  }
}

.owners-new__wrapper {
  padding-right: 40px;
}

.owners-question {
  overflow-x: hidden;
  margin: 0;

  & .container__sm {
    @media (max-width: 1360px) {
    }
  }

  &__container {
    padding-top: 40px;
  }

  &__title {
    margin: 0;
    padding-bottom: 40px;
  }

  &__descr {
    color: #464d5a;
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    padding-left: 15px;

    // &::after {
    //   position: absolute;
    //   left: 0;
    //   top: 6px;
    //   width: 4px;
    //   height: 4px;
    //   background-color: #E88209;
    //   border-radius: 50%;
    //   content: "";
    // }

    &:not(:last-child) {
      padding-bottom: 20px;

      @media (max-width: 830px) {
        padding-bottom: 10px;
      }
    }
  }

  &__head {
    color: #464d5a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;

    @media (max-width: 830px) {
      margin-bottom: 20px;
    }

    /* 24px */
  }

  &__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    @media (max-width: 1360px) {
      flex-direction: column;
      gap: 30px;

      & .col-7 {
        width: 100%;
      }

      & .col-5 {
        width: 100%;
      }
    }
  }

  &__accordion {
    margin-right: 60px;

    @media (max-width: 1360px) {
      margin-right: 0px;
    }

    &-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;

      @media (max-width: 1360px) {
        & .col-5 {
          width: 30%;
        }

        & .col-6 {
          width: 70%;
        }

        & .col-1 {
          display: none;
        }
      }

      @media (max-width: 830px) {
        flex-direction: column;

        & .col-6 {
          width: 100%;
        }

        & .col-5 {
          width: 100%;
        }
      }
    }

    &-row:not(:last-child) {
      padding-bottom: 55px;

      @media (max-width: 576px) {
        padding-bottom: 20px;
      }
    }

    &-box {
      padding-bottom: 33px;
    }

    &-heading {
      color: #90949c;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      margin: 0;
    }

    &-subtitle {
      color: #001640;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
      margin: 0;
      transition: all 0.3s ease 0s;
      font-family: 'GP';
    }

    &-top {
      padding-top: 30px;
      padding-bottom: 30px;
      border: 1px solid;
      border-color: #c7cace transparent transparent;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }

    &-data {
      display: block;
      padding-bottom: 10px;
    }

    &-body {
      display: none;
      position: relative;
      padding-top: 10px;
      padding-bottom: 10px;

      @media (max-width: 830px) {
        padding-top: 0px;
      }
    }

    &-item {
      cursor: pointer;

      &:hover .owners-question__accordion-subtitle {
        color: #e88209;
      }

      @media (max-width: 576px) {
        & .col-12 {
          width: initial;
        }

        & .col-7 {
          width: initial;
        }

        & .col-4 {
          width: initial;
        }

        & .col-1 {
          width: initial;
        }
      }
    }

    &-btn img:last-child {
      display: none;
    }

    &-item.active &-body {
      display: block;
    }

    &-item.active &-btn img:last-child {
      display: inline-block;
    }

    &-item.active &-btn img:first-child {
      display: none;
    }
  }

  &__form {
    margin-right: calc(50% - 50vw);
    flex-grow: 1;
  }
}
.form__owners {
  overflow-x: hidden;
  padding: 60px 100px 60px 50px;
  background-color: #001640;

  @media (max-width: 830px) {
    padding: 50px 50px 50px 50px;
  }

  @media (max-width: 576px) {
    padding: 40px 15px 40px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }

  & ::placeholder {
  }

  &-title {
    margin: 0;
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    padding-bottom: 40px;
    font-family: 'GP';
    /* 44.2px */
  }

  &-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;

    span {
      order: 3;
      margin-top: 10px;
      color: red;
      opacity: 0;
    }

    &.invalid span {
      opacity: 1;
    }
  }

  &-input {
    padding: 10px 10px 20px 0;
    order: 2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.4);
    font-weight: 600;
    transition: all 0.3s linear;
    font-size: 24px;
    font-family: 'GP';
    max-width: 450px;

    &::placeholder {
      color: rgba(255, 255, 255, 0.4);
    }

    &:focus + h5 {
      color: white;
    }
  }

  &-subtitle {
    margin-bottom: 10px;
    text-transform: uppercase;
    order: 1;
    font-size: 12px;
    line-height: 140%;
    color: #90949c;
    transition: all 0.3s linear;
    letter-spacing: 0.1em;
    font-family: 'GP';
  }
  &-object {
    padding-bottom: 50px;
  }
  &-text {
    padding-bottom: 30px;
    font-family: 'GP';

    @media (max-width: 576px) {
      padding-bottom: 30px;
    }
  }

  &-box {
    display: flex;
    align-items: center;
    gap: 20px;

    span {
      opacity: 0;
      color: #fff;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;
      /* 16.8px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }

    span.active {
      opacity: 1;
    }
  }
}
.owners-new__text {
  @media (max-width: 991px) {
    margin-top: 1.5em;
  }
}

.header-burger__open {
  margin-top: 3px;
}

.work-hr__box-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  @media (max-width: 968px) {
    flex-direction: column;
  }
}
.work-hr {
  margin: 0;
  &__container {
    padding-bottom: 100px;
    padding-top: 60px;
    @media (max-width: 900px) {
      padding-bottom: 60px;
    }
  }
  &__content {
    padding: 100px 40px 30px 0px;
    display: flex;
    position: relative;
    @media (max-width: 968px) {
      padding: 40px 40px 30px 10px;
      width: 90% !important;
    }
    @media (max-width: 600px) {
      width: 100% !important;
    }
    &::before {
      content: url(/bitrix/templates/bm_group/img/hr-quote1x.png);
      position: absolute;
      display: block;
      top: 35px;
      left: -55px;
      object-fit: cover;
      @media (max-width: 968px) {
        left: 10px;
        top: -18px;
      }
    }
  }
  &__title {
  }
  &__manager {
    @media (max-width: 968px) {
      width: 100% !important;
    }
  }
  &__box {
  }

  &__box-row {
  }

  &__image {
    position: relative;
    height: 0;
    padding-top: 97%;
    @media (max-width: 968px) {
      padding-top: 50%;
    }
    @media (max-width: 600px) {
      padding-top: 60%;
    }
    img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      @media (max-width: 968px) {
        object-position: 10% 10%;
      }
    }
  }

  &__quote {
  }
}

.quote-hr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  &__text {
    font-size: 22px;
    line-height: 150%;
    color: #001640;
    @media (max-width: 1130px) {
      font-size: 18px;
    }
    @media (max-width: 600px) {
      font-size: 16px;
    }
  }

  &__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  &__name {
    font-size: 22px;
    line-height: 150%;
    color: #001640;
    @media (max-width: 1130px) {
      font-size: 18px;
    }
    @media (max-width: 600px) {
      font-size: 16px;
    }
  }

  &__value {
    font-size: 18px;
    line-height: 150%;
    color: rgba(0, 22, 64, 0.35);
    @media (max-width: 1130px) {
      font-size: 16px;
    }
    @media (max-width: 600px) {
      font-size: 14px;
    }
  }
}

.work-questionnaire {
  margin: 0;
  &__container {
    padding-bottom: 100px;

    @media (max-width: 900px) {
      padding-bottom: 60px;
    }
  }

  &__title {
    margin-bottom: 60px;
    @media (max-width: 600px) {
      margin-bottom: 30px;
    }
  }

  &__box {
    display: flex;
    flex-direction: column;
    gap: 40px;
    @media (max-width: 600px) {
      gap: 20px;
    }
  }

  &__text {
    max-width: 530px;
    line-height: 150%;
    color: #464d5a;
  }

  &__btn {
    cursor: pointer;
    width: fit-content;
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.18em;
    line-height: 1.15;
    text-transform: uppercase;
    color: #fff;
    border-radius: 60px;
    background-color: #e88209;
    padding: 17px 20px 15px 22px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    &:hover {
      opacity: 0.7;
    }
  }
}
.work-video {
  margin: 0;
  &__container {
    position: relative;
    padding-bottom: 100px;
    @media (max-width: 900px) {
      padding-bottom: 85px;
    }
  }
  & .owl-dots {
    display: none;
  }
  & .slider-nav__work {
    display: flex;
    position: absolute;
    top: -94px;
    right: 0;
    & .owl-next {
      margin-right: 0;
    }
    @media (max-width: 968px) {
      bottom: -70px;
      top: initial;
    }
  }
  &__title {
  }

  &__block {
  }

  &__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    // &:hover {
    //   width: 60px;
    //   height: 60px;
    // }
    &.active {
      opacity: 0;
      visibility: hidden;
    }
  }
}
.video-block {
  position: relative;
  &__video {
    position: relative;
    z-index: 2;
    height: 0;
    padding-top: 50%;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    cursor: pointer;
    @media (max-width: 968px) {
      padding-top: 60%;
    }
    video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
    }
  }
}
.work-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  @media (max-height: 700px) {
    align-items: flex-start;
  }
  @media (max-width: 576px) {
    align-items: flex-start;
  }

  &.modal-thx {
    .modal__content {
      display: none;
    }
    .modal__thx {
      display: block;
    }
  }

  & .modal__item {
    margin-bottom: 1rem;
  }
  &__content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
.video-block:hover .work-video__play {
  width: 60px;
  height: 60px;
}
.work-modal_active .work-modal {
  opacity: 1;
  visibility: visible;
}
.work-modal_active .header-burger img:first-child {
  display: none;
}
.work-modal_active .header-burger img:last-child {
  display: inline-block;
}
.work-modal_active {
  overflow: hidden;
}
.work-modal__fio {
  width: 100%;
}
.modal__file {
  max-width: none;
}
.work-modal {
  @media (max-width: 1100px) {
    .col-2 {
      width: 8.3333%;
    }
    .col-7 {
      width: 83.3333%;
    }
  }
  @media (max-width: 730px) {
    .col-2 {
      width: 0%;
    }
    .col-7 {
      width: 91.6667%;
    }
  }
}

.project-photogallery__item {
  position: relative;
  height: 0;
  padding-top: 50%;
  @media (max-width: 600px) {
    padding-top: 67%;
  }
  img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.project-photogallery__slider .owl-dots {
  display: none;
}
.project-photogallery__nav {
  position: absolute;
  bottom: -76px;
  right: 0;
  display: flex;
}

.requirements-place {
  & .work-descr__title {
    margin-bottom: 40px;
  }
  & .work-descr__subtitle {
    max-width: none;
    @media (max-width: 650px) {
      font-size: 18px;
    }
  }
}
.requirements-place__text {
  max-width: 700px;
  margin-bottom: 30px;
}
.requirements-place__item {
  font-size: 16px;
  display: block;
}
.requirements-box {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  @media (max-width: 1360px) {
    padding-top: 0px;
  }
}
.requirements-form__heading {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #90949c;
  margin-bottom: 24px;
}
.requirements-form__phone {
  font-weight: 500;
  font-size: 38px;
  line-height: 130%;
  text-transform: uppercase;
  color: #e88209;
  font-family: 'Oswald';
}
.requirements-form__name {
  font-weight: 700;
  font-size: 35px;
  line-height: 130%;
  color: #001640;
  display: block;
}
.requirements-form {
  & .work-vacancy__title {
    padding-bottom: 80px;
    @media (max-width: 1360px) {
      padding-bottom: 30px;
    }
  }
}

.place-text {
  h3 {
    max-width: none;
    color: #001640;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 18px;
    font-family: 'GP';
    @media (max-width: 1090px) {
      max-width: none;
    }
    @media (max-width: 650px) {
      font-size: 18px;
    }
  }
  p {
    color: #464d5a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 515px;
    @media (max-width: 1090px) {
      max-width: 700px;
    }
  }
}


@import 'grid.less';
@import 'media.less';