@font-face {
  font-family: "Inter", sans-serif;
  src: url(fonts/Inter-Regular.woff);
}
@font-face {
  font-family: "Inter Med", sans-serif;
  src: url(fonts/Inter-Medium.woff);
}
.up {
  text-transform: uppercase;
}
.none {
  text-decoration: none;
}
.th {
  font-weight: 100;
}
.el {
  font-weight: 200;
}
.l {
  font-weight: 300;
}
.reg {
  font-weight: 400;
}
.med {
  font-family: "Inter Med", sans-serif;
}
.sb {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.eb {
  font-weight: 800;
}
.black {
  font-weight: 900;
}
.un {
  text-decoration: underline;
}
.in {
  display: inline-block;
}
.vam {
  vertical-align: middle;
}
.rel {
  position: relative;
}
.bl {
  display: block;
}
.abs {
  position: absolute;
}
.tr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.try {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.trx {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.tc {
  display: table-cell;
  vertical-align: middle;
}
.dn {
  display: none;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.taj {
  text-align: justify;
}
.it {
  font-style: italic;
}
.sn {
  font-style: normal;
}
.b0 {
  border: 0;
}
.bn {
  background: none;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.wa {
  width: auto;
}
.p0 {
  padding: 0;
}
.m0 {
  margin: 0;
}
.poi {
  cursor: pointer;
}
.auto {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.noup {
  text-transform: none;
}
.fix {
  position: fixed;
}
.tn {
  transform: none;
}
.bf {
  background: #fff;
}
.cf {
  color: #fff;
}
.c0 {
  color: #383838;
}
.ap {
  appearance: none;
}
.nw {
  white-space: nowrap;
}
.ma {
  margin: 0 auto;
}
.oh {
  overflow: hidden;
}
.pen {
  pointer-events: none;
}
body,
html {
  width: 100%;
  height: 100%;
}
body {
  background: #fff;
  overflow-x: hidden;
}
body,
th,
td {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #383838;
}
body,
form,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
img,
table {
  border: none;
}
table {
  border-collapse: collapse;
}
table td {
  padding: 0;
}
a {
  color: #383838;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
a:hover {
  text-decoration: none;
}
input,
textarea,
button,
select {
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 0;
  font-family: "Inter", sans-serif;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
button:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
button:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
button:focus:-moz-placeholder,
select:focus:-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
button:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
  color: transparent;
}
button,
input[type='submit'] {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
  border: 0;
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
img {
  max-width: 100%;
}
.an {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section,
header,
footer,
nav,
main {
  display: block;
}
.wrap {
  margin: 0 auto;
  width: 1400px;
}
* {
  outline: none!important;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.header {
  padding: 40px 0;
}
.header--download {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.header--download .header__logo a {
  background: url('img/logo2.svg');
}
.header--download .header__menu li a {
  color: #fff;
}
.header--download .header__button {
  background: #fff;
  color: #383838;
}
.header--download .header__button:hover {
  background: #A3724B;
  color: #fff;
}
.header--download .header__burger {
  background: url('img/burger2.svg');
}
.header--service .wrap {
  position: relative;
}
.header--service .wrap:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100%;
  height: 1px;
  background: #9D9D9D;
}
.header--project {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.header--project .header__phone {
  color: #fff;
  background: #2F2F2F;
}
.header--project .wrap {
  position: relative;
}
.header--project .wrap:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 100%;
  height: 1px;
  background: #9D9D9D;
}
.header .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header__logo {
  margin-top: 5px;
}
.header__logo a {
  display: inline-block;
  width: 98px;
  height: 30px;
  background: url('img/logo.svg');
}
.header__menu {
  margin-top: 11px;
}
.header__menu li {
  display: inline-block;
}
.header__menu li:not(:last-child) {
  margin-right: 45px;
}
.header__menu li a {
  display: block;
  text-decoration: none;
  line-height: 17px;
  letter-spacing: -0.02em;
}
.header__button {
  width: 180px;
  height: 43px;
  color: #fff;
  background: #383838;
  letter-spacing: -0.02em;
}
.header__button:hover {
  background: #A3724B;
}
.header__burger {
  width: 47px;
  height: 47px;
  background: url('img/burger.svg');
  display: none;
}
.header__phone {
  width: 180px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  text-decoration: none;
  background: #fff;
}
.header__phone:hover {
  background: #A3724B;
  color: #fff;
}
.thanks {
  text-align: center;
  padding: 180px 0 190px 0;
}
.thanks__name {
  margin-bottom: 28px;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.02em;
}
.thanks__text {
  max-width: 380px;
  margin: 0 auto 40px auto;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #868686;
}
.thanks .header__button {
  width: 200px;
  background: #383838;
}
.thanks .header__button:hover {
  background: #A3724B;
}
.footer {
  padding: 40px 0;
}
.footer .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 362px;
}
.footer__menu ul {
  padding-top: 16px;
  position: relative;
}
.footer__menu ul:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 98px;
  height: 1px;
  background: #C9C9C9;
}
.footer__menu ul li:not(:last-child) {
  margin-bottom: 14px;
}
.footer__menu ul li a {
  display: block;
  text-decoration: none;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.02em;
}
.footer__contacts {
  padding-top: 16px;
  position: relative;
}
.footer__contacts:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 98px;
  height: 1px;
  background: #C9C9C9;
}
.footer__adress {
  padding-left: 26px;
  margin-bottom: 22px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.02em;
  position: relative;
}
.footer__adress:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 14px;
  height: 17px;
  background: url('img/adress.svg');
}
.footer__phone {
  display: block;
  text-decoration: none;
  padding-left: 26px;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.02em;
  position: relative;
}
.footer__phone:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 17px;
  height: 17px;
  background: url('img/phone.svg');
}
.footer__social {
  font-size: 0;
}
.footer__social a {
  display: inline-block;
}
.footer__social a:not(:last-child) {
  margin-right: 11px;
}
.download {
  background: url('img/download.jpg') center / cover;
  padding-top: 198px;
  padding-bottom: 277px;
  overflow: hidden;
}
.download__form {
  background: #fff;
  max-width: 973px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 440px 30px 30px;
  position: relative;
}
.download__image {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.download__mob-image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -184px;
  max-width: 1000000px;
  pointer-events: none;
  display: none;
}
.download__name {
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.02em;
}
.download__top-text {
  margin-bottom: 30px;
  max-width: 362px;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #868686;
}
.download__input {
  width: calc(50% - 10px);
  height: 43px;
  margin-bottom: 20px;
  background: #E4E4E4;
  padding: 0 10px;
  letter-spacing: -0.02em;
}
.download__button {
  width: calc(50% - 10px);
  height: 43px;
  margin-bottom: 20px;
  background: #383838;
  color: #fff;
  font-family: "Inter Med", sans-serif;
  letter-spacing: -0.02em;
}
.download__button:hover {
  background: #A3724B;
}
.download__button span {
  display: inline-block;
  vertical-align: middle;
  background: url('img/arrow.svg');
  width: 14px;
  height: 12px;
  margin-left: 2px;
}
.download__bottom-text {
  max-width: 380px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #868686;
}
.service-banner {
  padding-bottom: 50px;
  background: url('img/service-banner.jpg') center / cover;
  height: 100vh;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  padding-top: 158px;
}
.service-banner__name {
  max-width: 978px;
  font-weight: 500;
  font-size: 50px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
}
.service-banner__button {
  max-width: 442px;
}
.service-banner__button p {
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 119.49%;
  letter-spacing: -0.02em;
  color: #D6D6D6;
}
.service-banner__button button {
  width: 267px;
  height: 43px;
  background: #fff;
  letter-spacing: -0.02em;
}
.service-banner__button button:hover {
  background: #A3724B;
  color: #fff;
}
.service-banner__bottom-text {
  position: absolute;
  left: 0;
  bottom: 52px;
  width: 100%;
}
.block-name {
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.block-name:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #2F2F2F;
}
.about {
  background: #EFEFEF;
  padding: 100px 0 70px;
}
.about__top {
  margin-bottom: 20px;
  border-bottom: 1px solid #9D9D9D;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.about__name {
  width: 40%;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 40px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.about__top-text {
  width: 49.3%;
  margin-bottom: 30px;
  padding-top: 5px;
}
.about__top-text p {
  max-width: 453px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.about__info {
  width: 43.3%;
  position: relative;
  background: url('img/star.svg') no-repeat 0 0;
}
.about__list {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.about__item {
  width: 48%;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.about__item h3 {
  margin-bottom: 12px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
  font-size: 31.2766px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #B0B0B0;
}
.about__item h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 250px;
  height: 1px;
  background: #9D9D9D;
}
.about__item h3 span {
  font-weight: 500;
  font-size: 70px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.about__image {
  background: #fff;
  width: 49.3%;
  font-size: 0;
}
.about__image img {
  width: 100%;
}
.advantages {
  padding-top: 70px;
  padding-bottom: 70px;
}
.advantages .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.advantages__text {
  width: 42.3%;
}
.advantages__text .block-name {
  padding-left: 25px;
}
.advantages__text .block-name:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #2F2F2F;
}
.advantages__text p {
  max-width: 355px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.advantages__name {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 40px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.advantages__list {
  width: 49.3%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.advantages__item {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  background: #EFEFEF;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.advantages__item--big {
  width: 100%;
}
.advantages__item p {
  border-top: 1px solid #9D9D9D;
  padding-top: 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.04em;
  color: #343434;
  padding-right: 50px;
}
.advantages__icon {
  margin-bottom: 100px;
}
.videos {
  padding-top: 70px;
  padding-bottom: 65px;
}
.videos__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 0 40px;
  border-top: 1px solid #9D9D9D;
}
.videos__name {
  width: 35%;
  font-weight: 500;
  font-size: 40px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.videos__top-text {
  width: 49.3%;
  padding-top: 8px;
}
.videos__top-text p {
  max-width: 284px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.videos__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.videos__item {
  width: 49.3%;
  font-size: 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.videos__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videos__text {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 353px;
  color: #fff;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.03em;
}
.videos__text h3 {
  padding-bottom: 10px;
  margin-bottom: 7px;
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
}
.videos__text h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #9D9D9D;
}
.videos__play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('img/play.svg') no-repeat center;
}
.portfolio {
  background: #EFEFEF;
  padding: 65px 0 70px;
}
.portfolio--white {
  background: none;
  padding: 75px 0 38px;
}
.portfolio__name {
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 40px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.portfolio__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.portfolio__item {
  width: 49.3%;
  position: relative;
  color: #fff;
  font-size: 0;
  margin-bottom: 20px;
  overflow: hidden;
}
.portfolio__item:hover .portfolio__bg {
  transform: scale(1.05);
}
.portfolio__item--hidden {
  display: none;
}
.portfolio__item h3 {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.04em;
  z-index: 2;
}
.portfolio__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.portfolio__size {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.04em;
  padding-left: 23px;
  background: url('img/size.svg') no-repeat left;
}
.portfolio__bottom-button {
  display: block;
  margin: 0 auto;
  width: 360px;
  height: 43px;
  background: #2F2F2F;
  letter-spacing: -0.02em;
  color: #fff;
}
.portfolio__bottom-button:hover {
  background: #A3724B;
}
.portfolio__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.life-style {
  background: #EFEFEF;
  padding-top: 70px;
  padding-bottom: 70px;
}
.life-style__name {
  text-align: center;
  max-width: 592px;
  margin: 0 auto 20px auto;
  font-weight: 500;
  font-size: 40px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.life-style__top-text {
  text-align: center;
  max-width: 355px;
  margin: 0 auto 30px auto;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.life-style__list {
  height: 262px;
  background: url('img/life-style.svg') no-repeat top center;
  position: relative;
}
.life-style__item {
  height: 43px;
  line-height: 43px;
  background: #fff;
  padding: 0 20px 0 0;
  letter-spacing: -0.02em;
  color: #2F2F2F;
  position: absolute;
}
.life-style__item:nth-child(1) {
  left: 0;
  top: 78px;
}
.life-style__item:nth-child(2) {
  left: 256px;
  top: 220px;
}
.life-style__item:nth-child(3) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 78px;
}
.life-style__item:nth-child(4) {
  right: 265px;
  top: 220px;
}
.life-style__item:nth-child(5) {
  right: 0;
  top: 78px;
}
.life-style__item img {
  vertical-align: middle;
  margin-right: 20px;
}
.video-reviews {
  background: #EFEFEF;
  padding-top: 70px;
  padding-bottom: 70px;
  overflow: hidden;
}
.video-reviews .videos__name {
  width: 25%;
}
.video-reviews .videos__top-text p {
  max-width: 262px;
}
.video-reviews__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-right: -20px;
}
.video-reviews__item {
  width: calc(25% - 20px);
  margin: 0 20px 20px 0;
  font-size: 0;
  position: relative;
}
.video-reviews__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.steps {
  padding: 113px 0 116px;
  background: url('img/steps.jpg') center / cover;
}
.steps__name {
  max-width: 460px;
  margin-bottom: 40px;
  color: #fff;
  font-weight: 500;
  font-size: 40px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
}
.steps__list {
  overflow: hidden;
}
.steps__list .swiper-wrapper {
  height: 273px;
}
.steps__item {
  background: #ffffff url('img/star2.svg') no-repeat top 85px left 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
}
.steps__item--silver {
  background: #efefef url('img/star3.svg') no-repeat top 85px left 20px;
}
.steps__item h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.04em;
  color: #343434;
}
.steps__item p {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  line-height: 17px;
  letter-spacing: -0.04em;
  color: #343434;
  padding-top: 15px;
  border-top: 1px solid #9D9D9D;
}
.steps__number {
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #B0B0B0;
}
.prof-team {
  background: #EFEFEF;
  padding: 150px 0 70px;
}
.prof-team .videos__top {
  padding: 12px 0 60px;
}
.prof-team .videos__name {
  width: 38%;
}
.prof-team__image {
  width: 100%;
}
.feedback {
  background: #EFEFEF;
  padding-top: 70px;
  padding-bottom: 150px;
}
.feedback__content {
  background: url('img/feedback.jpg') center / cover;
  color: #fff;
  padding: 30px;
  position: relative;
}
.feedback__name2 {
  position: absolute;
  right: 30px;
  top: 35px;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.04em;
}
.feedback__name {
  margin-bottom: 20px;
  max-width: 592px;
  font-weight: 500;
  font-size: 40px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
}
.feedback__top-text {
  margin-bottom: 365px;
  font-weight: 500;
  font-size: 20px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
}
.feedback__form {
  max-width: 433px;
}
.feedback .download__input {
  width: 100%;
  margin-bottom: 15px;
  background: #fff;
}
.feedback .download__button {
  width: 100%;
  margin-bottom: 13px;
}
.feedback .checkbox {
  display: none;
}
.feedback .checkbox + label {
  display: block;
  cursor: pointer;
  padding-left: 36px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  background: url('img/checkbox.svg') no-repeat 0 0;
}
.feedback .checkbox + label a {
  color: #fff;
}
.feedback .checkbox:checked + label {
  background: url('img/checkbox4.svg') no-repeat 0 0;
}
.mobile-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  z-index: 20;
  background: #EFEFEF;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.mobile-menu .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5px;
}
.mobile-menu .header__burger {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff url('img/close.svg') no-repeat center;
}
.mobile-menu ul li:not(:last-child) {
  border-bottom: 1px solid #9D9D9D;
}
.mobile-menu ul li a {
  display: block;
  text-decoration: none;
  padding: 10px 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.mobile-menu__phone {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 0;
  color: #fff;
  background: #2F2F2F;
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.02em;
  line-height: 17px;
}
.mobile-menu__phone:hover {
  background: #A3724B;
}
.popup {
  background: #EFEFEF;
  padding: 30px!important;
}
.popup__name {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #383838;
}
.popup__top-text {
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #868686;
}
.popup .download__input {
  width: calc(50% - 8px);
  margin-bottom: 15px;
}
.popup .download__button {
  width: 100%;
}
.popup .checkbox {
  display: none;
}
.popup .checkbox + label {
  display: block;
  cursor: pointer;
  padding-left: 36px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  background: url('img/checkbox2.svg') no-repeat 0 0;
  color: #959595;
  max-width: 390px;
}
.popup .checkbox + label a {
  color: #959595;
}
.popup .checkbox:checked + label {
  background: url('img/checkbox3.svg') no-repeat 0 0;
}
.fixed-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 8;
  background: #EFEFEF;
  font-size: 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  opacity: 0;
}
.fixed-button--opened {
  opacity: 1;
}
.fixed-button--hidden {
  opacity: 0;
}
.fixed-button span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  height: 43px;
  line-height: 43px;
  letter-spacing: -0.02em;
  color: #2F2F2F;
  font-size: 14px;
}
.fixed-button button {
  width: 137px;
  height: 43px;
  vertical-align: middle;
  background: #2F2F2F;
  color: #fff;
  letter-spacing: -0.02em;
}
.fixed-button button:hover {
  background: #A3724B;
}
.fixed-button__close {
  display: inline-block;
  vertical-align: middle;
  width: 43px;
  height: 43px;
  background: url('img/close2.svg') no-repeat center;
}
.project {
  background: #efefef;
}
.project__top-image {
  padding: 133px 0 30px;
  position: relative;
}
.project__top-image img {
  width: 100%;
}
.project__top-image img.mob {
  display: none;
}
.project__about {
  border-top: 1px solid #9D9D9D;
  padding: 20px 0 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.project__about-left {
  width: 49.3%;
}
.project__about-left h1 {
  margin-bottom: 55px;
  font-weight: 500;
  font-size: 40px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.project__about-data {
  max-width: 453px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.project__about-data-item {
  width: 48%;
  padding-bottom: 13px;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: -0.04em;
  color: #727272;
  border-bottom: 1px solid #D9D9D9;
}
.project__about-data-item span {
  display: block;
  margin-bottom: 9px;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.04em;
  color: #000000;
}
.project__about-right {
  width: 49.3%;
}
.project__about-right p {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #2F2F2F;
}
.project__about-right .project__about-data {
  display: none;
}
.project__about-right button {
  color: #fff;
  width: 273px;
  height: 43px;
  background: #2F2F2F;
  letter-spacing: -0.02em;
  color: #EFEFEF;
}
.project__about-right button:hover {
  background: #A3724B;
}
.project__gallery {
  padding: 50px 0 10px;
  border-bottom: 1px solid #9D9D9D;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.project__gallery--other {
  padding: 30px 0 40px;
}
.project__gallery-item {
  width: 49.3%;
  font-size: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.project__gallery-item:hover img {
  transform: scale(1.05);
}
.project__gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.project__concept {
  padding: 20px 0 30px;
  border-bottom: 1px solid #9D9D9D;
}
.project__concept-name {
  width: 49.3%;
  background: url('img/star4.svg') no-repeat left 0 bottom 40px;
}
.project__concept-name h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.project__concept-text {
  width: 49.3%;
  padding-bottom: 20px;
}
.project__concept-text p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #2F2F2F;
}
.project__concept-image {
  width: 100%;
}
.project__plan {
  padding: 30px 0;
  border-bottom: 1px solid #9D9D9D;
}
.project__plan h2 {
  margin-bottom: 72px;
  font-weight: 500;
  font-size: 20px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.project__project-image {
  text-align: center;
}
.project__form {
  padding: 30px 0 77px;
}
.project__form h2 {
  width: 49.3%;
  font-weight: 500;
  font-size: 20px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
}
.project__form-text {
  width: 49.3%;
  padding-bottom: 40px;
}
.project__form-text h3 {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #2F2F2F;
  padding-right: 100px;
}
.project__form-text p {
  max-width: 450px;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: -0.04em;
  color: #2F2F2F;
}
.project__form-input {
  width: 24%;
  height: 45px;
  border: 1px solid #AAAAAA;
  padding: 0 15px;
  font-size: 16px;
  letter-spacing: -0.04em;
  background: none;
}
.project__form-button {
  width: 49.3%;
}
.project__form-button button {
  width: 100%;
  height: 45px;
  background: #2F2F2F;
  font-size: 16px;
  letter-spacing: -0.04em;
  color: #fff;
  margin-bottom: 16px;
}
.project__form-button button:hover {
  background: #A3724B;
}
.project__form-button .checkbox {
  display: none;
}
.project__form-button .checkbox + label {
  display: block;
  cursor: pointer;
  padding-left: 36px;
  background: url('img/checkbox2.svg') no-repeat 0 0;
  max-width: 400px;
  font-size: 14px;
  line-height: 107.78%;
  letter-spacing: -0.03em;
  color: #959595;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 26px;
}
.project__form-button .checkbox + label a {
  color: #959595;
}
.project__form-button .checkbox:checked + label {
  background: url('img/checkbox3.svg') no-repeat 0 0;
}
@media (max-width: 1430px) {
  .wrap {
    width: 1170px;
  }
  .project__form-text h3 {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .wrap {
    width: 970px;
  }
  .footer__menu {
    width: 280px;
  }
  .advantages__item p {
    padding-right: 0;
  }
  .life-style__list {
    height: auto;
    background: none;
  }
  .life-style__item {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-bottom: 20px;
  }
  .video-reviews .videos__name {
    width: 35%;
  }
}
@media (max-width: 991px) {
  .wrap {
    width: 747px;
  }
  .header__menu li:not(:last-child) {
    margin-right: 30px;
  }
  .footer .header__logo {
    width: 100%;
    margin-bottom: 30px;
  }
  .footer__menu {
    width: 260px;
  }
  .download__image {
    display: none;
  }
  .download__mob-image {
    display: block;
  }
  .download__form {
    padding: 115px 20px 20px 20px;
  }
  .header__menu li:not(:last-child) {
    margin-right: 20px;
  }
  .service-banner__name {
    margin-bottom: 300px;
  }
  .about__name {
    width: 100%;
  }
  .about__top-text {
    width: 100%;
    padding-top: 0;
  }
  .about__top-text p {
    max-width: 100%;
  }
  .about__info {
    width: 100%;
    background: none;
    order: 2;
  }
  .about__list {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
  }
  .about__item {
    margin-bottom: 20px;
  }
  .about__image {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
  .advantages__text {
    width: 100%;
    margin-bottom: 30px;
  }
  .advantages__list {
    width: 100%;
  }
  .videos__name {
    width: 100%;
    margin-bottom: 20px;
  }
  .videos__top-text {
    width: 100%;
    padding: 0;
  }
  .videos__item {
    width: 100%;
  }
  .video-reviews .videos__name {
    width: 100%;
  }
  .video-reviews__item {
    width: calc(33.33334% - 20px);
  }
  .prof-team .videos__name {
    width: 100%;
  }
  .feedback__name2 {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-bottom: 150px;
  }
  .feedback__top-text {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .wrap {
    width: 556px;
  }
  .header__menu li:not(:last-child) {
    margin-right: 15px;
  }
  .header__button {
    width: 140px;
  }
  .footer__menu {
    width: 100%;
    margin-bottom: 30px;
  }
  .footer__menu ul {
    width: calc(50% - 10px);
  }
  .footer__contacts {
    width: 100%;
  }
  .footer__contacts:before {
    width: 100%;
  }
  .header__phone {
    width: 120px;
    font-size: 12px;
  }
  .header__menu li a {
    font-size: 12px;
  }
  .header__menu li:not(:last-child) {
    margin-right: 10px;
  }
  .service-banner__name {
    font-size: 40px;
  }
  .portfolio__item {
    width: 100%;
  }
  .video-reviews__item {
    width: calc(50% - 20px);
  }
  .project__about-left {
    width: 100%;
    margin-bottom: 40px;
  }
  .project__about-right {
    width: 100%;
  }
  .project__concept-name {
    width: 100%;
    background: none;
    margin-bottom: 20px;
  }
  .project__concept-text {
    width: 100%;
  }
  .project__form h2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .project__form-text {
    width: 100%;
  }
  .project__form-input {
    width: 100%;
    margin-bottom: 10px;
  }
  .project__form-button {
    width: 100%;
    padding-top: 10px;
  }
}
@media (max-width: 575px) {
  .wrap {
    width: auto;
    padding: 0 20px;
  }
  .header {
    padding: 34px 0;
    position: relative;
  }
  .header--download {
    position: absolute;
  }
  .header__menu {
    position: absolute;
    top: 100%;
    right: 20px;
    width: 200px;
    background: #fff;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-top: -20px;
    display: none;
    box-shadow: rgba(1, 1, 1, 0.2) 0 0 20px;
  }
  .header__menu.header__menu--opened {
    display: block;
  }
  .header__menu li {
    display: block;
  }
  .header__menu li:not(:last-child) {
    margin: 0 0 10px 0;
  }
  .download .header__menu li a {
    color: #383838;
  }
  .header .header__button {
    display: none;
  }
  .header__logo {
    margin-top: 8px;
  }
  .header__burger {
    display: block;
  }
  .thanks {
    padding: 165px 0 200px;
  }
  .thanks__name {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 100%;
  }
  .thanks .header__button {
    width: 210px;
  }
  .footer {
    padding: 30px 0;
  }
  .footer__menu ul li:not(:last-child) {
    margin-bottom: 10px;
  }
  .footer__menu ul li a {
    font-size: 12px;
  }
  .footer__adress {
    font-size: 12px;
    width: 256px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer__phone {
    font-size: 12px;
    margin: 0;
  }
  .footer__contacts {
    position: relative;
  }
  .footer__social {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .download {
    padding-top: 220px;
    padding-bottom: 158px;
    background: url('img/download2.jpg') center / cover;
  }
  .header--download .header__menu li a {
    color: #383838;
  }
  .download__name {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .download__top-text {
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
  }
  .download__input {
    width: 100%;
    margin-bottom: 15px;
  }
  .download__button {
    width: 100%;
  }
  .download__bottom-text {
    max-width: 100%;
  }
  .header__phone {
    display: none;
  }
  .header--service .wrap:after {
    display: none;
  }
  .service-banner {
    padding-top: 200px;
  }
  .mobile-menu.mobile-menu--opened {
    top: 0;
  }
  .service-banner .header {
    border-bottom: 0;
    margin-bottom: 100px;
  }
  .service-banner__name {
    font-size: 30px;
    margin-bottom: 328px;
  }
  .service-banner__button p {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .service-banner__button button {
    width: 100%;
  }
  .service-banner {
    padding-bottom: 104px;
  }
  .about__name {
    font-size: 24px;
  }
  .about__top {
    border: 0;
    margin-bottom: 0;
  }
  .about__item {
    width: 100%;
  }
  .about__item h3 {
    font-size: 20px;
  }
  .about__item h3 span {
    font-size: 45px;
  }
  .about__item h3:before {
    width: 100%;
  }
  .about {
    padding: 70px 0 20px;
    margin-bottom: 40px;
  }
  .advantages__name {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .advantages__item {
    width: 100%;
  }
  .advantages__icon {
    margin-bottom: 30px;
  }
  .advantages__item p {
    font-size: 16px;
    line-height: 19px;
  }
  .advantages__item p br {
    display: none;
  }
  .advantages {
    padding-bottom: 60px;
  }
  .videos__top {
    padding: 20px 0;
  }
  .videos__name {
    font-size: 24px;
  }
  .videos__bg {
    min-height: 404px;
  }
  .videos__text {
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
  }
  .videos__text h3 {
    font-size: 18px;
  }
  .videos {
    padding-bottom: 20px;
  }
  .portfolio {
    padding: 40px 0 80px;
  }
  .portfolio__name {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .portfolio__bg {
    min-height: 406px;
  }
  .portfolio__bottom-button {
    width: 100%;
  }
  .life-style__name {
    text-align: left;
    font-size: 24px;
    margin: 0 0 20px 0;
  }
  .life-style__top-text {
    text-align: left;
    margin: 0 0 30px 0;
  }
  .life-style__item {
    display: inline-block;
    clear: both;
  }
  .life-style__item:nth-child(2n) {
    float: right;
  }
  .life-style {
    padding-bottom: 60px;
  }
  .video-reviews .videos__name {
    width: 230px;
  }
  .video-reviews .videos__top-text {
    margin-bottom: 15px;
  }
  .video-reviews__item {
    width: calc(100% - 20px);
  }
  .video-reviews {
    padding-bottom: 60px;
  }
  .steps {
    padding: 80px 0;
  }
  .steps__name {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .steps .swiper-slide {
    width: 335px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .steps__list {
    width: calc(100% + 20px);
  }
  .prof-team {
    padding: 80px 0;
  }
  .prof-team .videos__top {
    padding: 20px 0;
  }
  .prof-team__image {
    min-height: 304px;
    object-fit: cover;
  }
  .feedback {
    padding-bottom: 0;
  }
  .feedback .wrap {
    padding: 0;
  }
  .feedback__content {
    padding: 80px 20px;
  }
  .feedback__name {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .feedback__top-text {
    font-size: 14px;
    margin-bottom: 100px;
  }
  .feedback__name2 {
    padding: 1px 0 1px 21px;
    background: url('img/place.svg') no-repeat 0 0;
    font-size: 18px;
    margin-bottom: 192px;
  }
  .popup {
    padding: 20px!important;
  }
  .popup__name {
    font-size: 24px;
  }
  .popup__top-text {
    font-size: 14px;
  }
  .popup .download__input {
    width: 100%;
    margin-bottom: 10px;
  }
  .popup .download__button {
    margin: 10px 0 15px;
  }
  .fixed-button {
    width: calc(100% - 20px);
    right: 10px;
    bottom: 10px;
  }
  .fixed-button span {
    display: block;
    line-height: 17px;
    padding: 15px 136px 15px 15px;
  }
  .fixed-button button {
    width: 100%;
  }
  .fixed-button__close {
    position: absolute;
    right: 0;
    top: 0;
  }
  .header--project {
    position: absolute;
  }
  .header--project .wrap:after {
    display: none;
  }
  .project__top-image {
    padding: 0;
  }
  .project__top-image img {
    max-width: calc(100% + 40px);
    width: calc(100% + 40px);
    margin: 0 -20px;
    min-height: 640px;
    object-fit: cover;
  }
  .header--project .header__logo a {
    background: url('img/logo2.svg');
  }
  .header--project .header__burger {
    background: url('img/burger2.svg');
  }
  .header--project .header__menu {
    margin-top: 0;
  }
  .project__top-image img {
    display: none;
  }
  .project__top-image img.mob {
    display: block;
  }
  .project__about {
    border: 0;
    padding: 30px 0 40px;
  }
  .project__about-left h1 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 24px;
    line-height: 107.78%;
    letter-spacing: -0.03em;
  }
  .project__about-data {
    display: none;
  }
  .project__about-left {
    margin-bottom: 0;
  }
  .project__about-right .project__about-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .project__about-right button {
    width: 100%;
  }
  .project__gallery {
    padding: 40px 0 1px;
  }
  .project__gallery-item {
    width: 100%;
  }
  .project__concept-name h2 {
    font-size: 24px;
  }
  .project__concept-image {
    min-height: 288px;
    object-fit: cover;
  }
  .project__plan {
    padding: 20px 0;
  }
  .project__plan h2 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .project__gallery--other {
    padding: 20px 0 40px;
  }
  .project__form {
    padding: 20px 0 40px;
  }
  .project__form h2 {
    display: none;
  }
  .project__form-text h3 {
    font-size: 24px;
  }
  .project__form-input {
    height: 43px;
  }
  .project__form-button button {
    height: 43px;
  }
  .portfolio {
    padding: 40px 0 30px;
  }
}