@charset "UTF-8";
@font-face {
  font-family: 'BebasNeue Bold';
  src: url("../fonts/bebasneue/BebasNeue Bold.ttf") format("truetype");
  font-display: swap; }
@font-face {
  font-family: 'BebasNeue Regular';
  src: url("../fonts/bebasneue/BebasNeue Regular.ttf") format("truetype"); 
font-display: swap;}
@font-face {
  font-family: 'ProximaNova-Light';
  src: url("../fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype");
  font-display: swap; }
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url("../fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");
  font-weight: bold; 
font-display: swap;}



::-webkit-input-placeholder {color:rgba(169, 175, 181, 0.65); opacity:1;}/* webkit */
::-moz-placeholder          {color:rgba(169, 175, 181, 0.65); opacity:1;}/* Firefox 19+ */
:-moz-placeholder           {color:rgba(169, 175, 181, 0.65); opacity:1;}/* Firefox 18- */
:-ms-input-placeholder      {color:rgba(169, 175, 181, 0.65); opacity:1;}/* IE */

::-webkit-scrollbar {
    overflow: visible;
    height: 6px;
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background-color: #f8ae58;
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0;
    min-height: 28px;
    padding: 100px 0 0;
    border-radius: 27px;
}
::-webkit-scrollbar-thumb:active {
    background-color: #f8ae58;
}
::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}
::-webkit-scrollbar-track {
    background-clip: padding-box;
    border-width: 0 0 0 2px;
    background-color: #fafafa;
}
.IIV::-webkit-media-controls-play-button, .IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 4px;
}

::selection {background: #f8ae58;}
::-moz-selection {background: #f8ae58;}
::-webkit-selection {background: #f8ae58; color:#fff;}

body {
  font-family: 'ProximaNova-Light';
  color: #fff;
  background-color: #2e2e2e; }

img {
  width: 100%; }

p {
  font-size: 20px;
  line-height: 40px; }

section {
  padding: 100px 0; }

.wrap {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 50px; }

.arrow-prev-icon,
.arrow-next-icon {
  display: inline-block;
  width: 18px;
  height: 20px;
  background-image: url("../img/1200px-CBR_D.svg.png");
  background-size: cover;
  background-repeat: no-repeat; }

.arrow-prev-icon {
  transform: rotate(180deg); }

.btn-arrow {
  background-color: #f8ae58;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  position: absolute; }
  .btn-arrow-prev {
    bottom: 48%;
    left: -7%; }
  .btn-arrow-next {
    bottom: 48%;
    right: -7%; }

.icon-phone {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/phone-call.svg");
  background-repeat: no-repeat;
  filter: invert(70%) sepia(79%) saturate(1538%) hue-rotate(325deg) brightness(118%) contrast(104%);
  padding: 0 20px; }

.icon-email {
  display: inline-block;
  width: 23px;
  height: 17px;
  background-image: url("../img/email.svg");
  filter: invert(70%) sepia(79%) saturate(1538%) hue-rotate(325deg) brightness(118%) contrast(104%);
  background-repeat: no-repeat; }

.icon-eye {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../img/eye.png");
  filter: invert(70%) sepia(79%) saturate(1538%) hue-rotate(325deg) brightness(118%) contrast(104%);
  background-repeat: no-repeat;
  background-size: cover; }

.icon-map {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/maps-and-flags.svg");
  filter: invert(70%) sepia(79%) saturate(1538%) hue-rotate(325deg) brightness(118%) contrast(104%);
  background-repeat: no-repeat; }

.btn-burger {
  display: inline-block;
  width: 36px;
  height: 30px;
  background-image: url("../img/btn-menu.svg");
  background-repeat: no-repeat; }

.btn-livingston {
  display: inline-block;
  font-size: 18px;
  color: #242729;
  border-radius: 4px;
  background-color: #f8ae58;
  width: 100%;
  text-align: center;
  padding: 16px 0;
  font-family: 'ProximaNova-Semibold';
  transition: 0.3s; }
  .btn-livingston:hover {
    color: #242729;
    opacity: 0.7;
    text-decoration: none; }

.btn-transparent {
  display: inline-block;
  font-size: 18px;
  color: #f8ae58;
  border-radius: 4px;
  background: transparent;
  border: 2px solid #f8ae58;
  width: 100%;
  text-align: center;
  padding: 16px 0;
  font-family: 'ProximaNova-Semibold';
  transition: 0.3s; }
  .btn-transparent:hover {
    color: #f8ae58;
    background-color: #242729;
    opacity: 0.7;
    text-decoration: none; }

#slider .dots {
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 20px 0;
  padding: 0; }
  #slider .dots li {
    width: 11px;
    height: 11px;
    border: 1px solid #f8ae58;
    border-radius: 100%;
    margin: 10px; }
    #slider .dots li.active {
      background-color: #f8ae58; }

.title-h1 {
  font-size: 100px;
  font-family: 'BebasNeue Bold'; }

.suptitle-h1 {
  font-size: 40px;
  margin-bottom: 15px; }

.title-h2 {
  font-size: 85px;
  font-family: 'BebasNeue Regular';
  margin-bottom: 40px; }

.subtitle-h2 {
  font-size: 20px;
  color: #ada8a8; }

.title-h3 {
  font-size: 30px;
  font-family: 'ProximaNova-Semibold';
  margin-bottom: 30px;
  text-align: center; }

.color-org {
  color: #f8ae58; }

.logo {
  max-width: 281px;
  height: 162px;
  margin: 0 auto; }

.contact-phone a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 27px;
  align-content: center;
  align-items: center;
}

header {
  background: linear-gradient(0deg, rgba(36, 39, 41, 0.6), rgba(36, 39, 41, 0.6)), url("../img/Render_07.jpg");
  background-repeat: no-repeat;
  background-size: cover;
    background-position: bottom right;
     }
  header .heading {
    max-width: 965px;
    margin: 0 auto;
    padding: 12% 0; }
    header .heading-info {
      max-width: 500px;
      margin: 0 auto;
      display: flex; }
      header .heading-info span {
        font-size: 35px;
        display: block; }
        header .heading-info span:first-child {
          text-align: end;
          padding-right: 40px; }
        header .heading-info span:last-child {
          text-align: left;
          padding-left: 40px; }
      header .heading-info .line-vertical {
        display: inline-block;
        position: relative;
        padding: 0; }
        header .heading-info .line-vertical::before {
          content: '';
          position: absolute;
          display: block;
          width: 4px;
          height: 100%;
          bottom: 0;
          left: 0;
          background-color: #f8ae58; }
    header .heading-btn {
      padding: 70px 0;
      max-width: 420px;
      margin: 0 auto; }

.header {
  padding-top: 40px;
  display: grid;
  align-items: baseline;
  grid-template-columns: 25% 1fr 25%;
  grid-auto-rows: 180px;
  grid-gap: 10px;
  grid-template-areas: "column-1 column-2 column-3"; }
  .header > div:nth-child(1) {
    grid-area: column-1; }
  .header > div:nth-child(2) {
    grid-area: column-2; }
  .header > div:nth-child(3) {
    grid-area: column-3; }

.nav-menu {
  display: none;
  position: absolute;
  background-color: #ecebeb;
  border-radius: 4px;
  padding: 30px;
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
  top: 35%;
  right: -2%;
  z-index: 1; }
  .nav-menu .nav-item {
    font-size: 25px;
    text-transform: uppercase;
    border-bottom: 2px solid #dedede;
    font-family: 'BebasNeue Bold'; }
    .nav-menu .nav-item:last-child {
      border: none; }
  .nav-menu .nav-link {
    color: #261f1f;
    padding: 20px; }
.nav-menu .nav-link:hover {
  color: #261f1fa6; 
}

body.nav-active .nav-menu {
  display: block; }
body.nav-active .btn-burger {
  background-image: url("../img/close.png");
  width: 22px;
  height: 22px;
  z-index: 2;
  position: relative; }

.investor-offer {
  background: linear-gradient(0deg, rgba(38, 38, 38, 0.9), rgba(38, 38, 38, 0.9)), url("../img/bg-section-01.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.investor {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 50% 50%;
  align-items: center; }
  .investor > div:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2; }
  .investor > div:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 2 / 3; }
  .investor > div:nth-child(3) {
    grid-column: 2 / 2;
    grid-row: 1 / 3; }
  .investor-card {
    border: 1px solid #696969;
    border-radius: 4px;
    padding: 7px;
    margin-bottom: 10px; }
    .investor-card-inner {
      background-color: #272727;
      border-radius: 4px;
      padding: 7px 14px; }
      .investor-card-inner > div {
        border: 1px solid #373737;
        border-radius: 4px;
        padding: 20px 0;
        display: flex;
        align-items: center; }
        .investor-card-inner > div .icon span {
          width: 65px;
          height: 65px;
          display: block;
          margin: 0 50px; }
          .investor-card-inner > div .icon span img {
            filter: invert(85%) sepia(5%) saturate(27%) hue-rotate(314deg) brightness(82%) contrast(82%); }
        .investor-card-inner > div .title {
          font-size: 30px; }
          .investor-card-inner > div .title span {
            display: block; }
  .investor .desc {
    max-width: 580px; }
  .investor-btn {
    max-width: 540px; }

.offer {
  background-image: url("../img/bg-section-002.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2; }
  .offer:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 74%;
    height: 100%;
    -webkit-clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
    background-color: rgba(32, 32, 32, 0.4); }
  .offer:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%);
    background-color: rgba(32, 32, 32, 0.4); }
  .offer-content {
    width: 59%;
    padding-right: 50px;
    margin-left: auto;
    position: relative;
    z-index: 2; }
    .offer-content .title-h2 {
      margin-left: 22%; }
  .offer-items .item {
    display: flex;
    margin-bottom: 35px; }
    .offer-items .item > div {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 75px;
      height: 75px;
      background-color: #f8ae58;
      border-radius: 100%;
      margin-right: 50px;
      position: relative; }
      .offer-items .item > div::after {
        content: '';
        position: absolute;
        width: 75px;
        height: 75px;
        background-color: #f8ae58;
        border-radius: 100%;
        opacity: 1; }
      .offer-items .item > div::before {
        content: '';
        position: absolute;
        width: 100px;
        height: 100px;
        background-color: #f8ae58;
        border-radius: 100%;
        opacity: 0.4; }
      .offer-items .item > div span {
        color: #242729;
        font-size: 20px;
        font-weight: bold;
        z-index: 1; }
    .offer-items .item span {
      font-size: 30px; }
    .offer-items .item:nth-child(1) {
      padding-left: 10%; }
    .offer-items .item:nth-child(2) {
      padding-left: 6%; }
    .offer-items .item:nth-child(4) {
      padding-left: 5%; }
    .offer-items .item:nth-child(5) {
      padding-left: 9%; }
    .offer-items .item:nth-child(6) {
      padding-left: 14%; }

.our-company {
  background: linear-gradient(0deg, rgba(38, 38, 38, 0.9), rgba(38, 38, 38, 0.9)), url("../img/Патио 2.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
  .our-company-content {
    display: grid;
    grid-gap: 100px;
    grid-template-columns: 50% 42%;
    align-items: center; }
    .our-company-content > div:nth-child(1) {
      grid-column: 1 / 2;
      grid-row: 1 / 3; }
    .our-company-content > div:nth-child(2) {
      grid-column: 2 / 2;
      grid-row: 1 / 2; }
    .our-company-content > div:nth-child(3) {
      grid-column: 2 / 2;
      grid-row: 2 / 3; }
    .our-company-content-card {
      border: 1px solid #696969;
      border-radius: 4px;
      padding: 7px;
      margin-bottom: 10px; }
      .our-company-content-card-inner {
        background-color: #272727;
        border-radius: 4px;
        padding: 7px 14px; }
        .our-company-content-card-inner > div {
          border: 1px solid #373737;
          border-radius: 4px;
          padding: 20px 0;
          display: flex;
          align-items: center; }
          .our-company-content-card-inner > div .icon span {
            width: 65px;
            height: 65px;
            display: block;
            margin: 0 50px; }
            .our-company-content-card-inner > div .icon span img {
              filter: invert(85%) sepia(5%) saturate(27%) hue-rotate(314deg) brightness(82%) contrast(82%); }
          .our-company-content-card-inner > div .title {
            font-size: 30px; }
            .our-company-content-card-inner > div .title span {
              display: inline-block; }
    .our-company-content .desc {
      max-width: 580px; }
    .our-company-content-btn {
      width: 80%; }

.external {
  position: relative;
  height: 1400px;
  background-color: #1f261c;
  background: linear-gradient(0deg, rgba(38, 38, 38, 0.3), rgba(38, 38, 38, 0.3)), url("../img/Render_16.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom; }
  .external-desc {
    max-width: 560px;
    margin-left: 25%; }
    .external-desc .title-h2 {
      margin-bottom: 0; }
    .external-desc ol {
      list-style: none;
      font-size: 20px; }
      .external-desc ol li {
        font-size: 30px;
        padding-left: 15px;
        counter-increment: number;
        position: relative;
        margin: 10px 0; }
        .external-desc ol li::before {
          content: counter(number);
          color: #261f1f;
          font-size: 20px;
          font-weight: bold;
          position: absolute;
          --size: 40px;
          left: calc(-1 * var(--size) - 0px);
          line-height: var(--size);
          width: var(--size);
          height: var(--size);
          top: 0;
          background: #f8ae58;
          border-radius: 0% 100% 100% 0% / 50% 50% 50% 50%;
          text-align: center;
          width: 25px; }
  .external .img {
    position: absolute;
    max-width: 267px; }
    .external .img:nth-child(2) {
      bottom: 942px;
      left: calc(50vw + 200px); }
    .external .img:nth-child(3) {
      left: calc(50vw + 450px);
      bottom: 206px; }
    .external .img:nth-child(4) {
      bottom: 35px;
      right: calc(50vw + 170px); }
    .external .img:nth-child(5) {
      bottom: 600px;
      left: calc(50vw + 200px); }
    .external .img:nth-child(6) {
      bottom: 858px;
      left: calc(50vw + 615px); }

.inside {
  z-index: 3;
  position: relative; 
}
.inside .title-h2{
  margin-bottom: 50px;
}
.inside img{
    width: auto;
}
  .inside::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 20%, 0 90%);
    background-color: rgba(32, 32, 32, 0.4);
    z-index: -2; }
  .inside .wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between; }
  .inside-btn {
    max-width: 540px;
    margin: 0 auto; }

.residence {
  background: linear-gradient(0deg, rgba(38, 38, 38, 0.8), rgba(38, 38, 38, 0.8)), url("../img/Render_14.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom; }
  .residence-btn {
    max-width: 540px;
    margin: auto; }
  .residence #slider {
    margin-top: 40px;
    margin-bottom: 90px; }
  .residence .carousel-item {
    width: 1360px;
    height: 880px; }
  .residence .slider-item-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 30px 30px;
    grid-auto-flow: row;
    grid-template-areas: "a b c" "d d c";
    width: 1360px;
    height: 880px; }
    .residence .slider-item-container .item1,
    .residence .slider-item-container .item2,
    .residence .slider-item-container .item3,
    .residence .slider-item-container .item4 {
      border-radius: 4px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .residence .slider-item-container .item1 {
      grid-area: a;
      background-image: url("../img/sp-3.jpg"); }
    .residence .slider-item-container .item2 {
      grid-area: b;
      background-image: url("../img/sp-2.jpg"); }
    .residence .slider-item-container .item3 {
      grid-area: c;
      background-image: url("../img/kyh.jpg"); }
    .residence .slider-item-container .item4 {
      grid-area: d;
      background-image: url("../img/sp-1.jpg"); }
    .residence .slider-item-container .item-content {
      opacity: 0;
      background-color: rgba(0, 0, 0, 0.6);
      height: 100%;
      width: 100%;
      padding: 10px;
      transition: 0.3s; }
      .residence .slider-item-container .item-content:hover {
        opacity: 1; }
      .residence .slider-item-container .item-content > div {
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
        border: 1px solid #f8ae58;
        border-radius: 4px; }
        .residence .slider-item-container .item-content > div a {
          width: 51px;
          height: 50px; }

.step {
  position: relative; }
  .step::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 10%);
    clip-path: polygon(0 0, 100% 0, 100% 65%, 0 10%);
    background-color: rgba(32, 32, 32, 0.4);
    z-index: -2; }
  .step::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 10%);
    clip-path: polygon(0 0, 0 80%, 100% 150%, 0 100%);
    background-color: rgba(32, 32, 32, 0.4);
    z-index: -2; }
  .step .title-h2 {
    max-width: 915px;
    margin: 0 auto; }
  .step .steps {
    margin: 100px 0; }
    .step .steps-card {
      border: 1px solid #696969;
      border-radius: 4px;
      padding: 7px;
      width: 325px;
      height: 285px;
      position: relative;
      margin-bottom: 70px; }
      .step .steps-card-inner {
        background-color: #272727;
        border-radius: 4px;
        padding: 7px 14px;
        height: 100%; }
        .step .steps-card-inner > div {
          border: 1px solid #373737;
          border-radius: 4px;
          padding: 20px 0;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 100%;
          position: relative; }
          .step .steps-card-inner > div .number {
            position: absolute;
            font-size: 120px;
            color: #f8ae58;
            bottom: 70%;
            font-family: 'BebasNeue Regular'; }
          .step .steps-card-inner > div .text {
            font-size: 25px;
            text-align: center;
            padding: 0 20px; }
      .step .steps-card .btn {
        max-width: 220px;
        width: 100%;
        margin-top: 20px; }
        .step .steps-card .btn a {
          font-size: 15px; }
  .step .col {
    display: flex;
    justify-content: center;
    position: relative; }
    .step .col:nth-child(1):before, .step .col:nth-child(2):before, .step .col:nth-child(4):before, .step .col:nth-child(5):before, .step .col:nth-child(7):before {
      content: "";
      position: absolute;
      left: 16%;
      top: 162px;
      width: 100%;
      height: 100%;
      background-image: url("../img/line.png");
      background-repeat: no-repeat;
      z-index: -2; }
  .step .column-more {
    background-image: url("../img/Панрама задний двор (1).jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 290px;
    max-width: 840px;
    width: 100%;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    flex: 2; }
    .step .column-more > div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .step .column-more > div .btn {
        max-width: 540px;
        width: 100%;
        margin: 0 auto; }
  .step .subtitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px; }
    .step .subtitle-item {
      display: flex;
      align-items: center; }
      .step .subtitle-item .number {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f8ae58;
        border-radius: 0% 100% 100% 0% / 50% 50% 50% 50%;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        width: 25px;
        height: 50px;
        color: #242729;
        margin-right: 30px; }
      .step .subtitle-item .text {
        font-size: 30px; }

footer {
  position: relative; }
  footer:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 60%;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: #343333;
    z-index: -1; }

.footer {
  padding: 100px 0;
  display: grid;
  align-items: center;
  grid-template-columns: 25% 1fr 25%;
  grid-auto-rows: 160px;
  grid-gap: 30px;
  grid-template-areas: "column-1 column-2 column-3"; }
  .footer > div:nth-child(1) {
    grid-area: column-1; }
  .footer > div:nth-child(2) {
    grid-area: column-2; }
  .footer > div:nth-child(3) {
    grid-area: column-3; }
  .footer .logo {
    margin: 0; }
  .footer-contact {
    max-width: 400px;
    margin: 0 auto; }
    .footer-contact a {
      display: flex;
      align-items: center;
      color: #fff;
      font-size: 16px;
      text-decoration: none; }
      .footer-contact a:first-child {
        margin-bottom: 30px; }
      .footer-contact a span {
        margin-right: 10px; }
  .footer .contact-phone {
        text-align: right;
  }

    .footer .contact-phone a:first-child {
      float: right; }
    .footer .contact-phone .btn-livingston {
      color: #242729;
      font-size: 18px; 
      max-width: 247px;
    }

#map {
  width: 100%;
  height: 760px;
  padding: 0;
  margin: 0; }

[class*=-ground-pane] {
  transition: 0.6s;
  filter: invert(80%) brightness(70%) sepia(100%) contrast(130%) saturate(150%);
  -ms-filter: invert(80%) brightness(70%) sepia(100%) contrast(130%) saturate(150%);
  -webkit-filter: invert(80%) brightness(70%) sepia(100%) contrast(130%) saturate(150%);
  -moz-filter: invert(80%) brightness(70%) sepia(100%) contrast(130%) saturate(150%);
  -o-filter: invert(80%) brightness(70%) sepia(100%) contrast(130%) saturate(150%); }

#map:hover [class*=-ground-pane] {
  transition: 0.6s;
  filter: none; }

[class*=-copyrights-pane],
[class*=-map-copyrights-promo],
[class*=-controls-pane] {
  display: none; }

[class*=image-with-content] {
  filter: invert(70%) sepia(79%) saturate(1538%) hue-rotate(325deg) brightness(118%) contrast(104%); }



#to-top {
    position: fixed;
    bottom: 28px;
    right: 28px;
    text-align: center;
    background: #f8ae58;
    width: 39px;
    height: 39px;
    display: none;
    border-radius: 50%;
    cursor: pointer;
    padding-top: 6px;
    border: 1px solid #fff;
    z-index: 999;
}
#to-top:hover{
    box-shadow: 0 0 10px 10px #f8ae5838;
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #2e2e2e;
  z-index: 1001;
}

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #f8ae58;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {

  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}
.modal-content{
  background-color: #ecebeb;
}
.modal-header{
  border: none;
  padding: 0;
}
.modal-header h5{
  font-size: 40px;
  color: #261f1f;
  margin: 60px auto 30px;
  width: 100%;
  text-align: center;
}
.modal-header h5 span{
  display: block;
  font-size: 20px;
}
.close {
    color: #f6ba75;
    right: 32px;
    top: 22px;
    position: absolute;
    font-size: 2.5rem;
    opacity: 1;
    z-index: 999;
}
.modal-content .btn{
    font-size: 18px;
    line-height: 80px;
    height: 80px;
    color: #242729;
    border-radius: 4px;
    background-color: #f8ae58;
    width: 100%;
    text-align: center;
    padding: 0;
    font-family: 'ProximaNova-Semibold';
    transition: 0.3s;
}
.modal-content form{
  display: block;
  margin: 0 auto 67px;
  width: 370px;
}
.modal-content form input{
  margin-bottom: 10px;
  font-size: 20px;
  height: 70px;

  padding-left: 60px;
}
.modal-body{
  padding: 0;
}
.modal-content form div{
    position: relative;
}
.phone-icon {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -9px;
  left: 29px;
  filter: invert(70%) sepia(79%) saturate(1538%) hue-rotate(325deg) brightness(118%) contrast(104%);
  width: 19px;
  height: 19px;
}
.email-icon {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -9px;
  left: 29px;
  filter: invert(70%) sepia(79%) saturate(1538%) hue-rotate(325deg) brightness(118%) contrast(104%);
  width: 19px;
  height: 19px;
}
.name-icon {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -9px;
  left: 29px;
  filter: invert(70%) sepia(79%) saturate(1538%) hue-rotate(325deg) brightness(118%) contrast(104%);
  width: 19px;
  height: 19px;
}
/* NEW */

header .heading-info{
    max-width: 520px;
}
header .heading-info span:first-child{
    width: 49%;
    padding-right: 35px;
}
header .heading-info span:last-child{
    width: 49%;
    padding-left: 35px;
}
.residence .wrap {
    padding: 0 90px;
}
.residence .carousel-item, .residence .slider-item-container {
    max-width: 1360px;
    width: 100%;
}
.btn-livingston, .btn-transparent{
    padding: 0;
    line-height: 90px;
    font-size: 25px;
}
.step:before{ /* Нужно удалить совсем :before */
    display: none;
}

.step:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 15%, 100% 70%, 100% 85%, 89% 100%, 52% 100%, 0 70%);
    clip-path: polygon(0 15%, 100% 70%, 100% 85%, 89% 100%, 52% 100%, 0 70%);
    background-color: #343333;
    z-index: -4;
}

.inside .wrap {
    flex-wrap: nowrap;
}


.external-desc ol li {
    padding-left: 0;
}
.external-desc ol li::before {
    font-size: 8px;
    --size: 27px;
    width: 15px;
}

.step .title-h2{
    margin-bottom: 50px;
}

.modal-header h5{
    font-family: 'BebasNeue Bold';
  }

  .modal-header h5 span{
    font-family: 'ProximaNova-Light';
  }

  .modal-content .btn{
    font-size: 25px;
    font-family: 'ProximaNova-Semibold';
}
.footer .contact-phone .btn-livingston{
    margin-top: 20px;
    line-height: 65px;
}

.carousel-indicators {
  all: initial;
}

#slider .dots li{
  background-color: unset;
  opacity: unset;
  transition: unset;
}

.residence .slider-item-container .item-content > div{
  border: 2px solid #f8ae58;
}

@media (max-width: 767.98px){
  .residence .slider-item-container .item-content > div a{
    width: 21px;
    height: 20px;
  }
}

@media (max-width: 575.98px){
  header {
    background: linear-gradient(0deg, rgba(36, 39, 41, 0.6), rgba(36, 39, 41, 0.6)), url("../img/Render_07-mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
  .investor-offer {
    background: linear-gradient(0deg, rgba(38, 38, 38, 0.9), rgba(38, 38, 38, 0.9)), url("../img/Render_05-mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: top left;
  }
  .offer {
    background-image: url("../img/Панрама\ задний\ двор-mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .our-company {
    background: linear-gradient(0deg, rgba(38, 38, 38, 0.9), rgba(38, 38, 38, 0.9)), url("../img/Патио\ 2-mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover; 
  }
  .external {
    position: relative;
    height: 1400px;
    background-color: #1f261c;
    background: linear-gradient(0deg, rgba(38, 38, 38, 0.3), rgba(38, 38, 38, 0.3)), url("../img/Render_16-mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right; 
  }
  .residence {
    background: linear-gradient(0deg, rgba(38, 38, 38, 0.8), rgba(38, 38, 38, 0.8)), url("../img/Render_14-mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right; 
  }
}