.app-img {
    /* background: rgba(176, 169, 111, 1); */
}

/*.center-block-modified {*/
    /*width: calc(50% - 20px);*/
/*}*/

.check-appartment-block_modified {
    padding-top: 0;
    justify-content: space-around;
}

.check-appartment-block__header_modified {
    margin-bottom: 25px;
}

.check-appartment-btn-wrap_modified {
    flex-direction: column;
}

.compass-img {
    transform: rotate(40deg);
}

.gallery__sl--little img {
    width: 60px!important;
    height: 60px;
}

.gallery__sl .slick-slide {
    -o-object-fit: cover;
    object-fit: contain;
}

.align-to-bottom {
    object-position: bottom;
}

.appartment-table table tbody tr td {
    font-size: 14px;
}

.app-img {
    max-height: 50vh;
    width: auto;
    margin: 0 auto;
    color: #b0a96f;
}

.appartment-img {
    text-align: center;
}

img.mfp-img {
    background: #b5af7e;
}

.center-block-modified svg {
    background: #b5af7e;
}

.news-item__img{
	margin-top: auto
}

.news-item {
    display: flex;
    flex-direction: column;
}

.news-item__img img {
	max-height: 774px;
}

.button_gr {
	background-color: #54565b;
}

.a-instagram {
	margin-right: 33px;
}
.tabs__content .contact-list__item .location-instagram:before {
	background: #b0a96f url(/wp-content/themes/franklinSmarto/assets/img/svg/instagram.svg) 50% no-repeat;
}
.tabs__content .contact-list__item .location-facebook:before {
	background: #b0a96f url(/wp-content/themes/franklinSmarto/assets/img/svg/facebook.svg) 50% no-repeat;
}
@media screen and (max-width: 768px) {
.a-instagram {
	margin-bottom: 20px;
}
}

.builder__img {
	margin: auto;
    float: none !important;
}

/* Новая страница CONCEPT */
.concept-first {
  /* background: linear-gradient(0deg, #353244, #353244); */
  background: none;
  display: flex;
  align-items: flex-start;
  height: 90vh;
  min-height: 500px;
  position: relative;
  margin-top: 40px;
}

.concept-first__info-wrapper {
  background: linear-gradient(0deg, #353244, #353244);
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cbc8d9;
  position: relative;
  z-index: 2;
}

.concept-first__content {
  /* display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; */
  max-width: 600px;
  font-family: "acrom", sans-serif;
}

.concept-first__header {
  font-size: 64px;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.concept-first__article {
  font-size: 20px;
  line-height: 140%;
}

.concept-first__article:not(:last-child) {
  margin-bottom: 30px;
}

.concept-first__slider {
  width: 50%;
  height: 100%;
  position: relative;
}

.concept-first__slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.concept-btns {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border: none;
  padding: 0;
  outline: none;
  background: #afa876;
  z-index: 2;
}

.concept-first__btn-left {
  left: 0;
}

.concept-first__btn-right {
  right: 0;
}

.concept-first__btn-img {
  width: 18px;
  height: 18px;
}

.concept-first__btn-scroll {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #444156;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%);
  z-index: 2;
}

.concept-first__scroll-img {
  width: 24px;
  height: auto;
}

.concept-first__logo-wrapper {
  position: absolute;
  top: 0;
  /* left: -545px; */
  left: 0;
  height: 100%;
  z-index: 1;
  width: auto;
  transform: translateX(-73%);
}

.concept-first__logo {
  /* position: absolute;
  top: 40px;
  top: 0; */
  /* left: 0; */
  /* left: -545px; */
  /* right: -195px; */
  /* height: 90vh; */
  /* height: 100%;
  width: 740px; */
  /* object-fit: cover; */
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* z-index: 1; */
  object-position: top;
  position: relative;
  top: -30px;
  vertical-align: middle;
  /* z-index: 1; */
  /* transform: translateX(-50%); */
}

/* Второй блок */

.concept-second {
  /* height: 100vh; */
  position: relative;
  background: #444156;
  display: flex;
  /* justify-content: space-between; */
}

.concept-second__info-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.concept-second__list {
  /* column-count: 2; */
  display: grid;
  /* grid-template-columns: repeat(2, auto); */
  /* list-style-position: inside; */
  padding: 0;
  margin: 0;
  /* grid-template-rows: repeat(4, auto); */
  grid-template-areas:
    "list-header li-4"
    "li-1        li-5"
    "li-2        li-6"
    "li-3        li-7";
  color: #cbc8d9;
  font-size: 24px;
  line-height: 120%;
  row-gap: 50px;
  column-gap: 206px;
  /* min-width: 380px; */
}

.concept-second__list li {
  /* display: flex;
  flex-direction: column;
  align-items: flex-start; */
  position: relative;
}

.concept-second__list li::marker {
  font-size: 64px;
  line-height: 100%;
  /* width: 68px; */
}

.concept-second__img {
  width: calc(100% / 3);
  height: auto;
  object-fit: cover;
}

.list-header {
  grid-area: list-header;
  font-size: 64px;
  line-height: 100%;
  text-transform: uppercase;
  position: relative;
  left: -58px;
}

.li-1 {
  grid-area: li-1;
}

.li-2 {
  grid-area: li-2;
}

.li-3 {
  grid-area: li-3;
}

.li-4 {
  grid-area: li-4;
}

.li-5 {
  grid-area: li-5;
}

.li-6 {
  grid-area: li-6;
}

.li-7 {
  grid-area: li-7;
  /* position: relative; */
}

.li-7::marker {
  /* transform: translateX(-50%); */
  /* display: none; */
  /* margin-right: 20px; */
  /* content: ""; */
  /* display: inline-block;
  margin-right: 20px; */
  /* content: "7."; */
  /* margin-right: 20px; */
  /* display: inline-block; */
  /* width: 68px; */
  /* content: ""; */
}

/* .li-7::before {
  content: "7.";
  position: relative;
  left: -20px;
  font-size: 64px;
  transform: translateX(-100%);
} */

.concept-second__list-content {
  position: relative;
  top: -30px;
}

.concept-second__subheader {
  margin-bottom: 10px;
  color: #ffffff;
}

.concept-second__text {
  font-size: 16px;
  line-height: 140%;
  max-width: 327px;
}

/* Третий блок */

.concept-third {
  height: 100vh;
  /* background: url("../img/concept/map.jpg"); */
  position: relative;
  min-height: 758px;
}

.info-block {
  padding: 40px 72px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, #353244, #353244);
}

.info-wrapper {
  display: flex;
  align-items: center;
}

.info-wrapper:not(:last-child) {
  margin-right: 40px;
}

.info-number {
  font-size: 64px;
  line-height: 80%;
  text-transform: uppercase;
  color: #afa876;
  margin-right: 20px;
}

.info-text {
  font-size: 16px;
  line-height: 140%;
  color: #cbc8d9;
  max-width: 250px;
}

.mw-180 {
  max-width: 180px;
}

.infra-block {
  width: 376px;
  background: #444156;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: left 0.8s ease-in-out;
  z-index: 1;
}

.infra-block.hide {
  left: -340px;
}

.infra-block__header {
  height: 90px;
  background: #353244;
  display: flex;
  align-items: center;
  padding-left: 72px;
  font-size: 24px;
  line-height: 120%;
  color: #cbc8d9;
}

.infra-block__content {
  position: relative;
  padding: 33px 0 40px 72px;
}

.infra-block__list {
  font-size: 16px;
  line-height: 140%;
  color: #cbc8d9;
  list-style-type: none;
}

.infra-block__list-elem {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  transition: color 0.3s ease-in-out;
}

.infra-block__list-elem:first-child {
  text-transform: uppercase;
}

.infra-block__list-elem:hover,
.infra-block__list-elem.active {
  color: #afa876;
}

.infra-block__list-elem:hover .infra-block__list-text::after,
.infra-block__list-elem.active .infra-block__list-text::after {
  /* max-width: 100%; */
  transform: scaleX(1);
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}

.infra-block__list-elem::before {
  margin-right: 14px;
  content: "";
  display: inline-block;
  width: 28px;
}

.infra-block__list-text {
  position: relative;
}

.infra-block__list-text::after {
  content: "";
  display: block;
  width: 100%;
  transform: scaleX(0);
  transform-origin: bottom right;
  height: 1px;
  background-color: #afa876;
  position: absolute;
  left: 0;
  transition: transform 0.3s ease-in-out;
}

.infra-block__list-elem:not(:last-child) {
  margin-bottom: 14px;
}

.infra-block__btn {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  padding: 0;
  background: linear-gradient(0deg, #353244, #353244);
  width: 36px;
  height: 36px;
}

.infra-block__btn-img {
  width: 6px;
  height: 12px;
  transition: transform 0.8s ease-in-out;
}

.infra-block__btn-img.open {
  transform: rotate(180deg);
}

.infr-li-1::before {
  background: url("../img/concept/infra/all.svg");
  background-size: 28px 36px;
  /* width: 28px; */
  height: 36px;
  background-repeat: no-repeat;
}

.infr-li-2::before {
  background: url("../img/concept/infra/student.svg");
  background-size: 20px 15px;
  /* width: 20px; */
  height: 15px;
  background-repeat: no-repeat;
}

.infr-li-3::before {
  background: url("../img/concept/infra/forest.svg");
  background-size: 18px 25px;
  /* width: 18px; */
  height: 25px;
  background-repeat: no-repeat;
}

.infr-li-4::before {
  background: url("../img/concept/infra/pharmacy.svg");
  background-size: 18px 18px;
  /* width: 18px; */
  height: 18px;
  background-repeat: no-repeat;
}

.infr-li-5::before {
  background: url("../img/concept/infra/restaurant.svg");
  background-size: 18px 24px;
  /* width: 18px; */
  height: 24px;
  background-repeat: no-repeat;
}

.infr-li-6::before {
  background: url("../img/concept/infra/bag.svg");
  background-size: 19px 25px;
  /* width: 19px; */
  height: 25px;
  background-repeat: no-repeat;
}

.infr-li-7::before {
  background: url("../img/concept/infra/bank.svg");
  background-size: 19px 21px;
  /* width: 19px; */
  height: 21px;
  background-repeat: no-repeat;
}

.infr-li-8::before {
  background: url("../img/concept/infra/culture.svg");
  background-size: 20px 19px;
  /* width: 20px; */
  height: 19px;
  background-repeat: no-repeat;
}

.infr-li-9::before {
  background: url("../img/concept/infra/metro.svg");
  background-size: 22px 22px;
  /* width: 22px; */
  height: 22px;
  background-repeat: no-repeat;
}

.concept-maps-info {
  z-index: 1;
}

/* Четвертый блок */

.concept-fourth {
  /* height: 100vh; */
  background-color: #444156;
  padding: 100px 0 160px 224px;
}

.char-header {
  font-size: 64px;
  line-height: 110%;
  text-transform: uppercase;
  color: #cbc8d9;
  margin-bottom: 100px;
}

.char-content {
  display: grid;
  grid-template-columns: repeat(3, auto);
  row-gap: 80px;
}

.char-wrapper {
  display: flex;
  align-items: center;
}

.char-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-right: 30px;
}

.char-text-header {
  font-size: 24px;
  line-height: 120%;
  color: #ffffff;
  margin-bottom: 10px;
}

.char-text {
  font-size: 16px;
  line-height: 140%;
  color: #cbc8d9;
}

/* Пятый блок */

.concept-fifth {
  /* height: 100vh; */
  /* display: flex;
  flex-direction: column;
  justify-content: center; */
  padding: 100px 220px 82px;
  background: #353244;
}

.panorama__header {
  margin-bottom: 30px;
  font-size: 64px;
  line-height: 110%;
  text-transform: uppercase;
  color: #cbc8d9;
}

.panorama__container {
  position: relative;
  width: 100%;
  height: 571px;
  /* height: auto; */
  object-fit: cover;
  margin-bottom: 20px;
}

.panorama-left-btn {
  left: -85px;
  transform: translate(-100%, -50%);
}

.panorama-right-btn {
  right: -85px;
  transform: translate(100%, -50%);
}

.panorama__name {
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: #cbc8d9;
  text-align: center;
}

/* Шестой блок */

.concept-sixth {
  background: #444156;
  /* display: flex;
  flex-direction: column;
  justify-content: center; */
  padding: 100px 220px;
}

.planning__header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.planning__header {
  font-size: 64px;
  line-height: 110%;
  text-transform: uppercase;
  color: #cbc8d9;
}

.planning__info-text {
  font-size: 16px;
  line-height: 120%;
  color: #cbc8d9;
  text-align: right;
}

.planning__info-text:first-child {
  margin-bottom: 12px;
}

.planning__info-text-bold {
  font-weight: bold;
}

.planning__plans-wrapper {
  margin-bottom: 40px;
  margin-top: 0;
  justify-content: space-between;
}

.planning__rooms {
  background-color: #353244;
  width: calc(100% / 3 - 84px);
  /* min-width: 350px; */
  min-width: 288px;
}

.planning__link {
  width: 464px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "acrom", sans-serif;
  background: #afa876;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
}

.concept-seventh {
  background-color: #353244;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 0;
}

.form-block__form {
  background: #ffffff;
  padding: 50px 60px 60px;
  max-width: 720px;
}

.form-block__form-header {
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 120%;
}

.form-block__input {
  width: 100%;
  height: 70px;
  border: 1px solid #cbc8d9;
  background-color: #ffffff;
  padding: 24px 0 24px 30px;
  margin-bottom: 30px;
}

.form-block__input:focus:required:invalid,
.form-block__input:required:valid {
  border: 1px solid #cbc8d9;
}

.form-block__input,
.form-block__input::placeholder {
  font-size: 18px;
  line-height: 120%;
  font-family: "acrom", sans-serif;
  color: #353244;
}

.form-block__warning {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 140%;
  color: #000000;
}

.form-block__input-submit {
  width: 100%;
  height: 70px;
  background-color: #afa876;
  padding: 0;
  border: none;
  outline: none;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "acrom", sans-serif;
  cursor: pointer;
}

/* Адаптивы КОНЦЕПТА */

@media screen and (max-width: 1600px) {
  .concept-second {
    flex-direction: column-reverse;
  }

  .concept-second__info-wrapper {
    padding: 1em;
    padding-top: 2em;
	height: 620px
  }

  .concept-second__img {
    /* width: 100%;
    max-height: 500px;
    object-position: top; */
    display: none;
  }

  .planning__rooms:not(:last-child) {
    /* margin-right: 1em; */
    /* width: calc(100% / 3 - 2em); */
  }

  .concept-sixth {
    padding: 100px 2em;
  }

  .planning__header-wrapper {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1350px) {
  .concept-first {
    flex-direction: column-reverse;
  }

  .concept-first__slider {
    width: 100%;
  }

  .concept-first__info-wrapper {
    width: 100%;
  }

  .concept-first__btn-scroll {
    display: none;
  }

  .concept-first__content {
    padding: 1em;
  }

  .concept-fourth {
    padding-left: 2em;
  }
}

@media screen and (max-width: 1250px) {
  .info-block {
    display: grid;
  }

  .info-wrapper:not(:last-child),
  .info-number {
    margin-right: 0;
  }

  .info-wrapper:not(:last-child) {
    margin-bottom: 15px;
  }

  .info-wrapper {
    display: grid;
    grid-template-columns: 70px auto;
    column-gap: 15px;
  }

  .info-block {
    padding: 2em;
  }

  .info-number {
    font-size: 48px;
  }

  .char-content {
    grid-template-columns: repeat(2, auto);
    row-gap: 40px;
  }

  .char-header {
    margin-bottom: 50px;
  }

  .concept-sixth {
    padding: 100px 2em;
  }

  .planning__header {
    font-size: 48px;
  }

  .planning__info-text:first-child {
    margin-bottom: 6px;
  }

  .planning__plans-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .planning__rooms {
    width: 60%;
  }

  .planning__rooms:not(:first-child) {
    margin-top: 1em;
  }

  .concept-fifth {
    padding: 100px 2em 82px;
  }

  .panorama-left-btn {
    left: 0;
    transform: translateY(-50%);
  }

  .panorama-right-btn {
    right: 0;
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 1080px) {
  .concept-second__list {
    column-gap: 60px;
    row-gap: 10px;
    font-size: 18px;
  }

  .list-header,
  .concept-second__list li::marker,
  .char-header,
  .panorama__header {
    font-size: 48px;
  }

  .list-header {
    left: -43px;
  }

  .concept-second__subheader {
    margin-bottom: 5px;
  }

  .concept-second__text {
    font-size: 12px;
  }

  .concept-second__list-content {
    top: -20px;
  }
}

@media screen and (max-width: 900px) {
  .infra-block {
    top: 0;
    transform: translateY(0);
  }

  .concept-fourth {
    padding-right: 2em;
  }
}

@media screen and (max-width: 800px) {
  .concept-second__list {
    grid-template-areas:
      "list-header"
      "li-1"
      "li-2"
      "li-3"
      "li-4"
      "li-5"
      "li-6"
      "li-7";
  }

  .concept-second__list-content {
    display: inline-block;
    top: 0;
  }

  .concept-second__text {
    max-width: none;
  }

  .concept-second__list {
    list-style-position: inside;
    row-gap: 20px;
    /* text-align: center; */
  }

  .list-header {
    left: 0;
    text-align: center;
  }

  .concept-second__subheader {
    font-size: 20px;
  }

  .concept-second__text {
    font-size: 16px;
  }

  .char-content {
    grid-template-columns: auto;
  }

  .planning__header-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .planning__info-text {
    text-align: left;
  }

  .planning__header {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .concept-map {
    height: 100%;
  }
}

@media screen and (max-width: 650px) {
  .concept-first__header {
    font-size: 48px;
    margin-bottom: 15px;
  }

  .concept-first__article {
    font-size: 12px;
  }

  .concept-first__article:not(:last-child) {
    margin-bottom: 15px;
  }

  .planning__rooms {
    padding-top: 20px;
  }
}

@media screen and (max-width: 550px) {
  .concept-second__subheader {
    font-size: 16px;
  }

  .concept-second__text {
    font-size: 10px;
  }

  .char-header,
  .planning__header,
  .panorama__header {
    font-size: 32px;
  }

  .concept-fourth {
    padding-left: 1em;
  }

  .planning__link {
    width: 100%;
  }

  .concept-sixth {
    padding: 100px 1em;
  }

  .panorama__container {
    height: 250px;
  }

  .concept-btns {
    width: 40px;
    height: 40px;
  }

  .pnlm-controls-container {
    display: flex;
  }
}

@media screen and (max-width: 420px) {
  .concept-first__header {
    font-size: 32px;
    margin-bottom: 10px;
  }

  .concept-first__article {
    font-size: 10px;
  }

  .concept-first__article:not(:last-child) {
    margin-bottom: 10px;
  }

  .form-block__warning {
    font-size: 14px;
  }
}

@media screen and (max-width: 380px) {
  .list-header,
  .concept-second__list li::marker {
    font-size: 32px;
  }

  .concept-second__info-wrapper {
    padding-left: 0.3em;
  }

  .li-2 .concept-second__text {
    max-width: 250px;
  }

  .infra-block {
    width: 300px;
  }

  .infra-block__header {
    padding-left: 0;
    justify-content: center;
  }

  .infra-block__content {
    /* padding-left: 0; */
    padding: 1em 0;
    display: flex;
    justify-content: center;
  }

  .infra-block.hide {
    left: -264px;
  }

  .info-block {
    padding: 1em;
  }
}
