.header-pt {
  padding-top: 125px;
}

.section-text {
  text-transform: uppercase;
}

h2.section-title > *,
h3.section-title > *,
h4.section-title > * {
  font-family: inherit;
  font-weight: inherit;
}

b.section-title {
  font-family: Angst;
  font-size: 28px;
  color: #000;
  font-weight: 50;
  line-height: 130%;
}

.wrapper__container {
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
  flex-direction: column;
}
.section__block {
  display: flex;
  margin: 85px auto;
  width: 100%;
  max-width: 1920px;
}
.section__block-promo {
  margin: 140px 0;
  width: 100%;
  display: flex;
}

.wrapper__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 3rem;
  position: relative;
  margin: 0 auto;
  max-width: 1440px;
}
.wrapper__content-wide {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 3rem;
  margin: 0 auto;
  max-width: 1600px;
}

.about__project-rightside {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 60%;
  padding-left: 200px;
  flex-direction: column;
}

.index__swiper_plug {
  flex-wrap: wrap;
  align-items: center;
}

.index__slider-leftside {
  width: 45%;
}

.index__promo_slider-name {
  font-size: 144px;
  color: black;
  line-height: 160%;
  text-transform: uppercase;
}

.index__slider-tags {
  display: flex;
  flex-wrap: wrap;
  max-width: 687px;
  width: 100%;
  align-items: center;
}

.index__slider-tag {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  text-transform: uppercase;
  font-size: 14px;
  margin: 8px 0;
}

.index__slider-divider {
  width: 20px;
  height: 1px;
  background: #a5a2ac;
  margin: 8px 16px;
}

.index__slider-tag > svg {
  max-height: 20px;
  fill: #a5a2ac;
}

.index__swiper_plug-text {
  font-size: 24px;
  text-transform: uppercase;
  margin: 24px 0;
  line-height: 160%;
  color: #a5a2ac;
}

.section__description {
  font-size: 24px;
  text-transform: uppercase;
  color: #000;
  line-height: 160%;
}

.section__equal {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.section__equal.panorame .section__title {
  line-height: 100%;
}

.section__equal > div {
  width: 60%;
}

.section__equal.panorame > div:last-child {
  max-width: 540px;
  width: 40%;
}

.index__swiper {
  height: 520px;
}

.index__slide {
  height: 600px !important;
}

.plan-slide > .button {
  margin-top: 16px;
  width: 100%;
}

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

.home__content > div {
  width: 48%;
}

.about__home_list {
  display: flex;
  flex-direction: column;
  margin-top: 48px;
}

.about__home_list .oplata__advantages {
  flex-wrap: wrap;
  margin: 40px 0 0 0;
}

.about__home_list .oplata__advantages .oplata__advantage {
  width: 48%;
  margin: 0;
  margin-top: 24px;
}

.billet-text {
  padding: 24px;
  width: 100%;
  line-height: 160%;
  background: #d1cdda;
  font-size: 24px;
  text-transform: uppercase;
}

.about__home-img {
  display: flex;
  margin-top: 64px;
  width: 100%;
  height: 800px;
}

.about__home-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about__home .section__description {
  margin-top: 64px;
}

.section__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  list-style-type: none;
  margin: 0;
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 52px;
}

.section__list > li {
  margin: 12px 0;
  display: flex;
  align-items: flex-start;
  line-height: 160%;
}

.l6-notification {
  margin: 0 0 85px;
}

.section__list > li:before {
  content: "";
  width: 24px;
  height: 2px;
  background: #a5a2ac;
  margin-top: 16px;
  margin-right: 24px;
}

.auto-size-img {
  width: 100%;
  display: flex;
  max-height: 800px;
  height: 800px;
}

.auto-size-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tech-container {
  display: flex;
  flex-direction: column;
}

.about__project-img.l6 > img {
  right: -140px;
  max-width: 380px;
  /* height: fit-content; */
  height: auto;
  bottom: -100px;
}

.about__project-rightside {
  width: 62%;
}

.about__project-rightside .billet-text {
  margin-top: 64px;
}

.about__project-rightside .section__description {
  margin-top: 64px;
}

.wbox__header {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.wbox__content {
  margin-top: 64px;
}

.wbox__header .section__description {
  margin-top: 64px;
}

.about__home-img.panorame {
  height: 600px;
}

.education {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.education > div {
  width: 49%;
}

.education_content {
  width: 49%;
  max-width: 687px;
  display: flex;
  flex-direction: column;
}

.education_content .section__title,
.education_content .section__description {
  max-width: 534px;
  margin-top: 64px;
}

.education-img {
  width: 100%;
  height: 400px;
}

.education-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.education_img {
  background-size: cover;
  background-position: center;
}

.wrapper__content.smart {
  margin-right: 0;
  margin-left: auto !important;
  padding: 0;
}

.smart__container {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.smart__container > div {
  width: 49%;
  display: flex;
  flex-direction: column;
}

.smart__content > .section__description {
  margin-top: 64px;
}

.smart-img {
  background-position: center;
  background-size: cover;
}

.notification {
  width: 100%;
  padding: 64px 32px;
  background: #d1cdda;
  font-size: 48px;
  font-family: SF SemiBold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

.slide__plan_title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 32px;
}

.slide__plan_name {
  text-transform: uppercase;
  display: flex;
  align-items: flex-start;
}

.slide__plan_name p {
  font-size: 24px;
}

.slide__plan_name > span {
  color: #a5a2ac;
  font-size: 16px;
  margin-left: 8px;
}

.slide__plan {
  width: 100%;
  display: flex;
  height: 600px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
}

.slide__plan > img {
  width: fit-content;
  /* height: 100%; */
}

.plan__swiper {
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

.plan__swiper > .swiper-pagination {
  display: none;
}

.plan_filter_list {
  position: relative;
}

.plan_filter_list-search {
  display: none;
  flex-direction: column;
  width: 100%;
  z-index: 50;
  position: absolute;
}

.plan_filter_list-index {
  display: flex;
  color: #a5a2ac;
  justify-content: space-between;
  font-size: 16px;
  cursor: pointer;
  padding: 0 16px;
  text-transform: uppercase;
  height: 56px;
  background: white;
  align-items: center;
  width: 100%;
}

.plan_filter_list-index {
  width: 100%;
}

.plan_filter_choice {
  display: flex;
  text-transform: uppercase;
  width: 100%;
  font-size: 16px;
  height: 56px;
  background: white;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  cursor: pointer;
  transition: 0.3s;
}

.plan_filter_choice:hover {
  background: #d1cdda;
}

.plan_filter_list.active > .plan_filter_list-search {
  display: flex;
}

.plan_filter_list svg {
  transition: 0.3s;
}

.plan_filter_list.active svg {
  transform: rotate(180deg);
}

.plan_filter_list-index span,
.plan_filter_list-index {
  transition: 0.3s;
}

.plan_filter_list.active .plan_filter_list-index {
  background: #d1cdda;
  color: #000;
}

.plan-slide {
  cursor: pointer;
  color: #000;
  text-decoration: none;
}

.plans-control .swiper__navigation {
  margin-top: 48px;
}

.plans-control .swiper__counter {
  margin-top: 48px;
}

.documents__lists {
  display: flex;
  margin-top: 64px;
  justify-content: space-between;
}

.documents__list {
  display: flex;
  flex-direction: column;
  width: 49%;
  height: 600px;
}

.documents__list > .documents__list-el:first-child {
  border-top: 1px solid #a5a2ac;
}

.documents__list-el {
  height: 100%;
  position: relative;
  text-transform: uppercase;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #a5a2ac;
  padding: 32px 80px;
}

.documents__list-el:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 0%;
  left: 0;
  z-index: 7;
  transition: 0.3s;
  background: #d1cdda;
}

.documents__list-el:hover:after {
  height: 100%;
}

.documents__list-el-content {
  position: relative;
  z-index: 8;
}

.documents__list-el span {
  color: #a5a2ac;
  line-height: 160%;
}

.documents__list-el p {
  font-size: 24px;
  margin-top: 8px;
  line-height: 160%;
}

.oplata__advantage .title {
  font-size: 32px;
  font-family: SF SemiBold;
}

.index__slider-tags.cl8 {
  max-width: 539px;
}

.about__home_list.cl8 {
  margin-top: 75px;
}

.privite {
  font-size: 14px !important;
}

@media screen and (max-width: 1500px) {
  .index__slider-leftside {
  }

  .index__promo_slider-name {
    font-size: 116px;
  }

  .index__swiper_plug {
    align-items: flex-start;
  }

  .about__home-img {
    height: 500px;
  }

  .documents__list {
    height: 800px;
  }

  .index__swiper {
    height: 450px;
  }

  .index__slide {
    height: 450px !important;
  }

  .index__swiper_plug {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 1240px) {
  .index__swiper_plug {
    flex-wrap: wrap;
  }

  .oplata__advantage .title {
    font-size: 28px;
  }

  .index__slider-leftside {
    width: 100%;
  }

  .index__swiper_plug {
    align-items: flex-start;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 1024px) {
  .section__equal {
    flex-direction: column;
  }

  .plans-control .swiper__counter {
    max-width: 280px;
  }

  .plans-control {
    max-width: 100%;
  }

  .plans-control .section__title-mini {
    margin-bottom: 24px;
    max-width: 100%;
    justify-content: flex-start;
  }

  .smart__container {
    flex-direction: column;
  }

  .smart__container > div {
    width: 100%;
  }

  .smart-img {
    margin-top: 48px;
    height: 400px;
  }

  .documents__lists {
    flex-direction: column;
  }

  .documents__list {
    height: auto;
    width: 100%;
  }

  .smart__content > .section__description {
    margin-top: 48px;
  }

  .education {
    flex-direction: column-reverse;
  }

  .education_content {
    max-width: 100%;
  }

  .education > div {
    width: 100%;
  }

  .education-img {
    order: 1;
    margin-top: 48px;
  }

  .education_content .section__title,
  .education_content .section__description {
    max-width: 100%;
    width: 100%;
  }

  .about-project.wrapper__content-wide .wrapper__content {
    flex-direction: column-reverse;
  }

  .about__project-rightside {
    padding: 0;
    width: 100%;
  }

  .education > .education_img {
    height: 400px;
  }

  .about__project-leftside {
    width: 80%;
    margin-top: 48px;
  }

  .education_img {
    margin-top: 24px;
  }

  .education_content .section__title {
    margin-top: 0;
  }

  .education_content .section__description {
    margin-top: 48px;
  }

  .section__equal > div {
    width: 100%;
    max-width: 100%;
  }

  .section__equal > .section__title {
    max-width: 100%;
    margin-bottom: 48px;
  }

  .home__content {
    flex-direction: column;
  }

  .home__content > div {
    width: 100%;
  }

  .about__home-img {
    height: 400px;
  }

  .tech-container {
    margin-top: 24px;
  }

  .about__home-img.panorame {
    height: 450px;
  }

  .auto-size-img {
    height: 400px;
  }

  .section__list {
    margin-top: 12px;
  }

  .section__equal.panorame > div:last-child {
    width: 100%;
    max-width: 100%;
  }

  .section__equal.panorame > div {
    width: 100%;
  }

  .plan__swiper {
    overflow-x: clip;
    overflow-y: visible;
  }

  .plan__swiper > .swiper-pagination {
    display: flex;
    top: -46px;
    height: 15px;
  }

  .index__swiper {
    height: 350px;
  }

  .index__slide {
    height: 350px !important;
  }

  .about__project-rightside .billet-text {
    font-size: 16px;
  }

  .about__home_list.cl8 {
    margin-top: 48px;
  }
}

@media screen and (max-width: 768px) {
  .index__promo_slider-name {
    font-size: 116px;
  }

  .about__project-img.l6 > img {
    height: fit-content;
    width: 240px;
    right: -120px;
    bottom: -60px;
  }

  .smart__content > .section__description {
    margin-top: 24px;
  }

  .about__project-rightside .billet-text {
    margin-top: 24px;
  }

  .about__home .billet-text {
    margin-top: 24px;
  }

  .about__home .section__description {
    margin-top: 24px;
  }

  .about__home_list {
    margin-top: 24px;
  }

  .about__project-rightside .section__description {
    margin-top: 24px;
  }

  .index__slider-leftside .button {
    width: 100%;
  }

  .about__home-img.panorame {
    height: 350px;
  }

  .notification {
    font-size: 32px;
  }

  .documents__list-el {
    padding: 32px 40px;
  }

  .documents__list-el span {
    font-size: 14px;
  }

  .documents__list-el p {
    font-size: 16px;
  }

  .oplata__advantage .title {
    font-size: 32px;
  }

  .about__home_list .oplata__advantages .oplata__advantage {
    margin-top: 48px;
  }

  .about__home_list .oplata__advantages {
    margin-top: 0;
  }

  .documents__list-el p {
    font-size: 24px;
  }

  .about__home_list.cl8 {
    margin-top: 24px;
  }

  .about__home-img {
    margin-top: 48px;
  }
}

@media screen and (max-width: 480px) {
  .section__description {
    font-size: 16px;
  }

  .section__equal.panorame .section__title {
    margin-bottom: 24px;
  }

  .smart-img {
    margin-top: 24px;
  }

  .plans-control .swiper__counter {
    max-width: 200px;
  }

  .documents__lists {
    margin-top: 32px;
  }

  .education_content .section__description {
    margin-top: 24px;
  }

  .education-img,
  .education > .education_img {
    height: 300px;
  }

  .auto-size-img {
    height: 400px;
  }

  .section__list {
    font-size: 16px;
  }

  .swiper__section {
    margin-top: 48px;
  }

  .slide__plan {
    height: 360px;
  }

  .slide__plan_name {
    max-width: 90%;
  }

  .slide__plan_name p {
    font-size: 16px;
  }

  .slide__plan_name > span {
    font-size: 14px;
  }

  .index__swiper {
    height: 400px;
  }

  .index__slide {
    height: 400px !important;
  }

  .billet-text {
    font-size: 16px;
  }

  .oplata__advantage .title {
    font-size: 21px;
  }

  .about__project-leftside {
    width: 100%;
  }

  .about__project-img.l6 > img {
    height: 200px;
    width: 200px;
    max-width: 200px;
    right: 10px;
    bottom: -30px;
  }

  .notification {
    font-size: 24px;
    padding: 48px 20px;
  }

  .index__promo_slider-name {
    font-size: 64px;
  }

  .standart-slide {
    font-size: 16px;
  }

  .about__home_list .oplata__advantages .oplata__advantage {
    margin-top: 32px;
  }

  .about__project-img {
    height: 400px;
  }

  .about__home-img.panorame {
    height: 400px;
    margin-top: 32px;
  }

  .wbox__header .section__description,
  .wbox__content {
    margin-top: 32px;
  }

  .education-img,
  .education > .education_img {
    height: 400px;
  }
}

/* Коммерция */

.commercial-title-split {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 56px 0 48px;
}

.commercial-title-split .col {
  line-height: 1.3;
}

.commercial-title-split .col b {
  display: block;
  font-size: 48px;
  text-transform: uppercase;
}

.commercial-title-split .col span {
  display: block;
  font-size: 48px;
  color: #a5a2ac;
  text-transform: uppercase;
  font-weight: bold;
}

.commercial-title-split .col:first-child {
  width: 55%;
}

.commercial-title-split .col:last-child {
  width: 37%;
  font-size: 24px;
  color: #a5a2ac;
  text-transform: uppercase;
  line-height: 1.5;
}

.get-prices {
}

.get-prices__image {
  height: 500px;
  position: relative;
}

.get-prices__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.get-prices-title-split {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 56px 0 0;
}

.get-prices-title-split .col {
  line-height: 1.3;
}

.get-prices-title-split .col > b {
  display: block;
  font-size: 64px;
  text-transform: uppercase;
  font-weight: normal;
}

.get-prices-title-split .col > span {
  display: block;
  font-size: 64px;
  color: #a5a2ac;
  text-transform: uppercase;
  font-weight: normal;
}

.get-prices-title-split .col:first-child {
  width: 55%;
}

.get-prices-title-split .col:last-child {
  width: 37%;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1.5;
}

.commercial-map {
}

.commercial-map__tabs {
  display: flex;
}

.commercial-map__tabs div {
  font-size: 16px;
  text-align: center;
  border: 1px solid #a5a2ac;
  border-right: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 144px;
}

.commercial-map__tabs div:last-child {
  border-right: 1px solid #a5a2ac;
}

#commercial-map {
  height: 800px;
}

.commercial-map-skills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #d1cdda;
  margin: 175px 0 43px;
  padding: 0 0 62px;
}

.commercial-map-skills .item {
  width: 30%;
  text-align: center;
  margin: 0 10px 45px;
}

.commercial-map-skills .item b {
  display: block;
  font-size: 48px;
}

.commercial-map-skills .item span {
  display: block;
  font-size: 16px;
  color: #81A4CD;
  margin: 20px 0 0;
  text-transform: uppercase;
}

.commercial-map-skills-info {
  text-align: center;
  text-transform: uppercase;
}

.commercial-traffic {
}

.commercial-traffic div {
  background: url(../img/promo/traffic-li.svg) 0 4px no-repeat;
  margin: 0 0 16px;
  padding: 0 0 0 58px;
}

@media screen and (max-width: 1024px) {
  .commercial-title-split .col > b,
  .commercial-title-split .col > span {
    font-size: 32px;
    margin: 0 0 15px;
  }

  .commercial-title-split {
    flex-direction: column;
  }

  .commercial-title-split .col {
    width: 100% !important;
  }

  .get-prices-title-split .col > b,
  .get-prices-title-split .col > span {
    font-size: 32px;
    margin: 0 0 15px;
  }

  .get-prices-title-split {
    flex-direction: column;
  }

  .get-prices-title-split .col {
    width: 100% !important;
  }

  .commercial-map__tabs {
    flex-wrap: wrap;
  }

  .commercial-map__tabs div {
    border-right: 1px solid #a5a2ac;
    border-bottom: 0;
    min-height: 112px;
  }
  .commercial-map__tabs div:last-child {
    border-bottom: 1px solid #a5a2ac;
  }

  .commercial-map-skills .item {
    width: 100%;
    margin: 0 10px 35px;
  }

  .commercial-map-skills .item b {
    font-size: 32px;
  }
}

.constaction__slide_img > img {
  object-fit: contain;
}

.text-gray {
  color: #a5a2ac !important;
}

.wrapper__content-wide {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 3rem;
  margin: 0 auto;
  max-width: 1600px;
}

/* about project */

.about-project > .wrapper__content {
  padding: 0;
  margin: 0 auto 0 0;
  flex-direction: row;
  justify-content: space-between;
}
.about__project-img {
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 800px;
  display: flex;
  align-items: center;
}
.about__project-img > img {
  position: absolute;
  right: -125px;
}
.about__project-leftside {
  display: flex;
  flex-direction: column;
  width: 40%;
}
.about__project_title {
  display: flex;
  font-size: 24px;
  color: #a5a2ac;
  text-transform: uppercase;
  margin-bottom: 48px;
  margin-left: auto;
}
.divider__gray {
  height: 11px;
  background: #d1cdda;
  margin-bottom: 64px;
  width: 73px;
}
.about__project-rightside-text {
  text-transform: uppercase;
  font-size: 32px;
  line-height: 140%;
}
.about__project-rightside-text p,
.about__project-rightside-text h1 {
  color: black;
  font-size: 32px;
  font-weight: normal;
}
.about__project-rightside-text span {
  color: #a5a2ac;
}
.about-project.second {
  margin-bottom: 175px;
}
.about-project.second .about__project-rightside {
  padding-left: 0;
  padding-right: 200px;
}
.about-project.second .about__project-img img {
  right: inherit;
  left: -190px;
  bottom: -100px;
}
.about__project_btns {
  margin-top: 64px;
}
.about__project_btns .button_fill {
  margin-top: 16px;
}

.about-project.second .wrapper__content {
  margin: 0 0 0 auto;
}

.section__title {
  font-size: 64px;
  text-transform: uppercase;
  line-height: 160%;
}
@media screen and (max-width: 1500px) {
  .section__title {
    font-size: 48px;
  }
}
.divider__gray {
  height: 11px;
  background: #d1cdda;
  margin-bottom: 64px;
  width: 73px;
}
.about__project-rightside-text {
  text-transform: uppercase;
  font-size: 32px;
  line-height: 140%;
}
.about__project-rightside-text p,
.about__project-rightside-text h1 {
  color: black;
  font-size: 32px;
  font-weight: normal;
}
.about__project-rightside-text span {
  color: #a5a2ac;
}