@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZu0ENI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZm0FNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZrMFNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZu0FNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZt8FNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZjMCNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZgoCNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZm0CNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZkQCNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myjJAVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mwjJQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mz9JQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myjJQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myRJQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mx9IgVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mxEIgVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mwjIgVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mwKIgVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Bounded';
  src: url('fonts/Bounded-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bounded';
  src: url('fonts/Bounded-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.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-weight: 500;
}
.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: #252525;
}
.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: "Jost", sans-serif;
  font-size: 14px;
  color: #252525;
}
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 {
  text-decoration: none;
  color: #252525;
  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;
}
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: "Jost", 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: 1840px;
}
* {
  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;
}
.flex3 {
  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;
  align-items: center;
}
.header {
  background: #252525;
  padding: 20px 0;
  color: #fff;
  margin-bottom: 80px;
}
.header--mb {
  margin-bottom: 0;
}
.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;
  align-items: center;
  position: relative;
}
.header__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;
  align-items: center;
}
.header__menu li {
  position: relative;
}
.header__menu li:not(:last-child) {
  margin-right: 32px;
}
.header__menu li:hover .header__catalog {
  display: block;
}
.header__menu li:hover .header__menu-item--with-sub:after {
  transform: rotate(180deg);
  filter: none;
}
.header__menu-item {
  display: block;
  text-transform: uppercase;
  color: #fff;
  line-height: 160%;
  letter-spacing: 0.1em;
}
.header__menu-item--with-sub {
  padding-right: 16px;
  position: relative;
}
.header__menu-item--with-sub:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 12px;
  height: 12px;
  background: url('img/arrow.svg');
  filter: grayscale(100%) brightness(1.5);
}
.header__menu-item:hover {
  color: #CE9863;
}
.header__links {
  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;
  align-items: center;
}
.header__mail {
  width: 24px;
  height: 24px;
  background: url('img/mail.svg');
  filter: grayscale(100%) brightness(1.5);
}
.header__mail:hover {
  filter: none;
}
.header__phone {
  width: 24px;
  height: 24px;
  background: url('img/phone.svg');
  margin-left: 12px;
  filter: grayscale(100%) brightness(1.5);
}
.header__phone:hover {
  filter: none;
}
.header__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.header__catalog {
  position: absolute;
  left: 0;
  top: 100%;
  width: 880px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 20px 50px rgba(21, 41, 49, 0.1);
  border-radius: 16px;
  padding: 44px 44px 16px 44px;
  margin-top: 10px;
  display: none;
}
.header__catalog:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 10px;
}
.header__catalogs {
  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__catalogs ul li {
  margin-bottom: 28px;
}
.header__catalogs ul li:not(:last-child) {
  margin-right: 0;
}
.header__catalogs ul li a {
  display: block;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.header__catalogs ul li a:hover {
  -webkit-text-stroke: 0.3px #252525;
}
.header__burger {
  width: 44px;
  height: 44px;
  background: url('img/burger.svg');
  order: 5;
  display: none;
}
.hero {
  position: relative;
  background: url('img/hero.jpg') center / cover;
  color: #fff;
  padding: 358px 0 48px;
  margin-bottom: 160px;
  text-align: center;
}
.hero--other {
  background: url('img/hero2.jpg') center / cover;
  margin-bottom: 0;
}
.hero--other .hero__button span {
  background: url('img/btn5.svg');
}
.hero .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
  background: none;
  text-align: left;
  margin-bottom: 0;
}
.hero__name {
  max-width: 1065px;
  margin: 0 auto 40px auto;
  font-family: 'Bounded';
  font-weight: 466;
  font-size: 52px;
  line-height: 125%;
  text-transform: uppercase;
}
.hero__desc {
  max-width: 1065px;
  margin: 0 auto 40px auto;
  font-size: 20px;
  line-height: 125%;
}
.hero__buttons {
  margin-bottom: 284px;
}
.hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 64px;
  padding: 0 40px;
  border-radius: 69px;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  white-space: nowrap;
}
.hero__button:not(:last-child) {
  margin-right: 6px;
}
.hero__button--consult {
  background: #CE9863;
}
.hero__button--consult span {
  background: url('img/btn1.svg');
}
.hero__button--consult:hover {
  background: #A6703B;
}
.hero__button--catalog {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 0;
}
.hero__button--catalog span {
  background: url('img/btn2.svg');
}
.hero__button--catalog:hover {
  background: rgba(255, 255, 255, 0.2);
}
.hero__button span {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin: -2px 0 0 4px;
}
.hero__advantage {
  display: inline-block;
  padding-left: 21px;
  position: relative;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.hero__advantage:not(:last-child) {
  margin-right: 40px;
}
.hero__advantage:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  height: 8px;
  background: #CE9863;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.h2 {
  text-align: center;
  margin-bottom: 80px;
  font-family: 'Bounded';
  font-weight: 466;
  font-size: 48px;
  line-height: 125%;
  text-transform: uppercase;
}
.h2 span {
  opacity: .4;
}
.advantages {
  padding-bottom: 120px;
}
.advantages--inner {
  padding-top: 160px;
  background: #F5F7F8;
}
.advantages__content {
  position: relative;
}
.advantages__list {
  position: relative;
  min-height: 478px;
}
.advantages .hero__button {
  position: absolute;
  left: 0;
  bottom: 0;
}
.advantages__item {
  max-width: 755px;
}
.advantages__item h3 {
  cursor: pointer;
  font-weight: 400;
  font-size: 22px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.advantages__item h3 span {
  opacity: .5;
}
.advantages__item p {
  margin-top: 8px;
  font-weight: 300;
  font-size: 18px;
  line-height: 125%;
  min-height: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.advantages__item:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #D9D9D9;
}
.advantages__item--active .advantages__image {
  width: 910px;
}
.advantages__item--active p {
  opacity: 1;
}
.advantages__item--active .advantages__desc {
  grid-template-rows: 1fr;
  margin-top: 8px;
}
.advantages__desc {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out;
  overflow: hidden;
}
.advantages__image {
  position: absolute;
  right: 0;
  top: 0;
  width: 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;
  height: 100%;
  border-radius: 16px;
}
.own-production {
  padding-bottom: 160px;
}
.own-production--inner {
  background: #F5F7F8;
  margin-bottom: 160px;
}
.own-production__image {
  height: 624px;
  background: url('img/own-production.jpg') center / cover;
  border-radius: 16px;
}
.categories {
  background: #F5F7F8;
  padding: 160px 0 140px;
  margin-bottom: 160px;
}
.categories .h2 {
  margin-bottom: 12px;
}
.categories .h2 span {
  display: block;
}
.categories__top-text {
  text-align: center;
  margin-bottom: 80px;
  font-weight: 300;
  font-size: 20px;
  line-height: 125%;
}
.categories__blocks {
  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-bottom: 60px;
}
.categories__block {
  width: 32.6%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  border-radius: 16px;
  padding: 40px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.categories__block--big {
  width: 66.3%;
}
.categories__block:hover {
  background: #CE9863;
  color: #fff;
}
.categories__block:hover .categories__icon svg path {
  fill: #fff;
}
.categories__block h3 {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 26px;
  line-height: 125%;
}
.categories__block p {
  font-weight: 300;
  font-size: 18px;
  line-height: 160%;
}
.categories__icon {
  display: block;
  margin-bottom: 70px;
}
.categories__icon svg path {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.categories__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;
}
.categories__item {
  width: 24.2%;
  margin-bottom: 20px;
  position: relative;
}
.categories__item--big {
  width: 32.6%;
}
.categories__item h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.categories__item:hover .categories__image img {
  transform: scale(1.05);
  filter: brightness(0.7);
}
.categories__item:hover .categories__image .hero__button {
  opacity: 1;
}
.categories__item:hover .categories__catalog-link {
  background: #BA844F;
}
.categories__item:hover .categories__catalog-link a {
  padding: 0 60px 255px 60px;
}
.categories__image {
  font-size: 0;
  border-radius: 16px;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.categories__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 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;
}
.categories__image .hero__button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  opacity: 0;
}
.categories__item-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.categories__catalog-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #CE9863;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.categories__catalog-link a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 60px 112px 60px;
  color: #fff;
  font-size: 28px;
  line-height: 125%;
  background: url('img/arrow2.svg') no-repeat right 60px bottom 0;
}
.categories--inner {
  background: none;
  padding-top: 0;
  margin-bottom: 0;
}
.categories--inner .h2 span {
  display: inline-block;
}
.categories--inner2 {
  padding-bottom: 60px;
  margin-bottom: 0;
}
.categories--inner2 .h2 span {
  display: inline-block;
}
.categories .hero__button--consult {
  display: none;
}
.categories .hero__button--consult span {
  background: url('img/btn2.svg');
}
.clients {
  padding-bottom: 160px;
}
.clients .h2 {
  margin-bottom: 12px;
}
.clients .h2--bottom {
  margin-bottom: 40px;
}
.clients__docs {
  margin-bottom: 160px;
  overflow: hidden;
}
.clients__doc {
  font-size: 0;
}
.clients__doc img {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  filter: grayscale(100%);
}
.clients__doc p {
  margin-top: 20px;
  font-weight: 300;
  font-size: 20px;
  line-height: 125%;
}
.clients__doc a {
  display: block;
  position: relative;
}
.clients__doc a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('img/zoom.svg') no-repeat center;
  -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;
}
.clients__doc:hover img {
  filter: none;
}
.clients__doc:hover a:after {
  opacity: 1;
}
.clients__list .swiper-slide {
  width: auto;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  filter: grayscale(100%);
}
.clients__list .swiper-slide:hover {
  filter: none;
}
.projects {
  background: #F5F7F8;
  margin-bottom: 160px;
  padding: 160px 0 140px;
}
.projects .h2 {
  margin-bottom: 40px;
}
.projects__top-button {
  text-align: center;
  margin-bottom: 80px;
}
.projects__top-button .hero__button--consult span {
  background: url('img/btn2.svg');
}
.projects__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;
}
.projects__item {
  width: 49.5%;
  margin-bottom: 20px;
}
.projects__item--small {
  width: 32.6%;
}
.projects__photos {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.projects__photos .hero__button {
  position: absolute;
  right: 28px;
  top: 28px;
  z-index: 3;
  opacity: 0;
}
.projects__photos .hero__button span {
  background: url('img/btn6.svg');
}
.projects__photos:hover .hero__button {
  opacity: 1;
}
.projects__photos:hover .projects__dots {
  opacity: 1;
}
.projects__gallery .swiper-slide {
  height: 520px;
}
.projects__info {
  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;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 12px;
}
.projects__dots {
  position: absolute;
  left: 0;
  bottom: 8px;
  padding: 0 8px;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 4px;
  box-sizing: border-box;
  z-index: 3;
  opacity: 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;
}
.projects__dots span {
  flex: 1;
  height: 6px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
  background: #fff;
  opacity: .25;
}
.projects__dots span.swiper-pagination-bullet-active {
  opacity: 1;
}
.projects--inner {
  background: none;
  padding-top: 0;
  margin-bottom: 0;
}
.projects--inner .h2 {
  margin-bottom: 80px;
}
.projects--mb {
  margin-bottom: 0;
}
.steps {
  padding-bottom: 160px;
}
.steps__list .swiper-wrapper {
  display: flex;
}
.steps__list .swiper-slide {
  width: 530px;
  height: auto;
}
.steps__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F5F7F8;
  border-radius: 16px;
  padding: 40px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.steps__item h3 {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 26px;
  line-height: 125%;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.steps__item h3 span {
  color: rgba(37, 37, 37, 0.4);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.steps__item p {
  margin-bottom: 63px;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  min-height: 53px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.steps__item img {
  width: 100%;
}
.steps__item:hover {
  background: #CE9863;
}
.steps__item:hover h3 {
  color: #fff;
}
.steps__item:hover h3 span {
  color: rgba(255, 255, 255, 0.4);
}
.steps__item:hover p {
  color: #fff;
}
.partners {
  background: #F5F7F8;
  padding: 80px 0 1px;
}
.partners .h2 {
  margin-bottom: 12px;
}
.partners__list {
  text-align: center;
  margin-bottom: 160px;
  overflow: hidden;
}
.partners__item {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  filter: grayscale(100%);
}
.partners__item:hover {
  filter: none;
}
.partners--inner {
  padding: 160px 0 1px;
  margin-bottom: 160px;
}
.partners--inner .partners__list {
  margin-bottom: 160px;
}
.feedback {
  background: url('img/feedback.jpg') center / cover;
}
.feedback__form {
  max-width: 600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(25px);
  padding: 83px 40px;
  color: #fff;
}
.feedback .h2 {
  text-align: left;
  margin-bottom: 12px;
}
.feedback .categories__top-text {
  text-align: left;
  margin-bottom: 32px;
}
.feedback__input {
  margin-bottom: 20px;
}
.feedback__input input {
  width: 100%;
  height: 64px;
  background: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: 300;
  font-size: 20px;
}
.feedback__input input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.feedback__input input:valid {
  border-bottom: 1px solid #CE9863;
  background: url('img/check.svg') no-repeat right;
}
.feedback__attach {
  padding: 12px 0 20px;
}
.feedback__attach a {
  display: block;
  padding-left: 28px;
  color: #fff;
  font-size: 18px;
  line-height: 125%;
  background: url('img/attach.svg') no-repeat 0 0;
}
.feedback__attach a span {
  opacity: .4;
}
.feedback__attach input[type='file'] {
  opacity: 0;
  z-index: -10;
  pointer-events: none;
  position: absolute;
}
.feedback .checkbox {
  display: none;
}
.feedback .checkbox + label {
  display: block;
  cursor: pointer;
  padding-left: 28px;
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 125%;
  background: url('img/checkboxw.svg') no-repeat 0 0;
}
.feedback .checkbox:hover + label {
  background: url('img/checkboxh.svg') no-repeat 0 0;
}
.feedback .checkbox:checked + label {
  background: url('img/checkboxa.svg') no-repeat 0 0;
}
.feedback .hero__button--consult span {
  background: url('img/btn2.svg');
}
.feedback .hero__button {
  vertical-align: middle;
}
.feedback__tg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
.feedback__tg span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  line-height: 125%;
}
.feedback__tg a {
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  line-height: 62px;
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
}
.feedback__tg a svg {
  vertical-align: middle;
}
.feedback__tg a:hover {
  background: #CE9863;
}
.footer {
  background: #252525;
  color: #fff;
  padding: 60px 0 20px;
}
.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__totop {
  display: inline-block;
  margin-bottom: 20px;
  padding-right: 28px;
  color: #fff;
  opacity: .5;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: url('img/totop.svg') no-repeat right;
}
.footer__totop:hover {
  opacity: 1;
}
.footer__phone {
  display: block;
  margin-bottom: 20px;
  padding-left: 32px;
  font-size: 24px;
  line-height: 125%;
  background: url('img/phone.svg') no-repeat left;
  color: #CE9863;
  filter: grayscale(100%) brightness(1.5);
}
.footer__phone:hover {
  filter: none;
}
.footer__mail {
  display: block;
  margin-bottom: 20px;
  padding-left: 32px;
  font-size: 24px;
  line-height: 125%;
  background: url('img/mail.svg') no-repeat left;
  color: #CE9863;
  filter: grayscale(100%) brightness(1.5);
}
.footer__mail:hover {
  filter: none;
}
.footer__social a {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
}
.footer__social a svg {
  vertical-align: middle;
}
.footer__social a:not(:last-child) {
  margin-right: 5px;
}
.footer__social a:hover {
  background: #CE9863;
}
.footer__nav {
  width: 1102px;
}
.footer__catalog {
  width: 620px;
}
.footer__catalog h3 {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: .5;
}
.footer__menu-list li:not(:last-child) {
  margin-bottom: 20px;
}
.footer__menu-list li a {
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
.footer__menu-list li a:hover {
  color: #CE9863;
}
.footer__menu {
  width: 327px;
}
.footer__menu h3 {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: .5;
}
.footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 40px;
  padding-top: 20px;
}
.footer__logo {
  width: 219px;
}
.footer__links {
  width: 1102px;
}
.footer__links a {
  display: inline-block;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  color: #C4C4C4;
}
.footer__links a:hover {
  color: #fff;
}
.footer__links a:not(:last-child) {
  margin-right: 50px;
}
.breadcrumbs {
  text-align: center;
  margin-bottom: 12px;
  font-weight: 300;
  font-size: 18px;
  line-height: 125%;
}
.breadcrumbs span {
  opacity: 0.5;
}
.contacts {
  padding-bottom: 160px;
}
.contacts--bg {
  background: #F5F7F8;
  padding-top: 160px;
}
.contacts--bg .contacts__adress {
  margin-bottom: 0;
}
.contacts .h2 {
  margin-bottom: 12px;
}
.contacts__list {
  text-align: center;
  padding-bottom: 80px;
}
.contacts__item {
  display: inline-block;
  font-weight: 300;
  font-size: 18px;
  line-height: 125%;
}
.contacts__item:not(:last-child) {
  margin-right: 40px;
  padding-right: 40px;
  border-right: 1px solid #D9D9D9;
}
.contacts__item a {
  display: block;
  margin-top: 4px;
  font-weight: 400;
  font-size: 22px;
  line-height: 125%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.contacts__item a:hover {
  color: #CE9863;
}
.contacts__item p {
  margin-top: 4px;
  font-weight: 400;
  font-size: 22px;
  line-height: 125%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.contacts__mess {
  margin-top: 4px;
}
.contacts__mess a {
  display: inline-block;
  margin: 0;
  padding-left: 32px;
}
.contacts__mess a:not(:last-child) {
  margin-right: 24px;
}
.contacts__mess a:nth-child(1) {
  background: url('img/mess1.svg') no-repeat left;
}
.contacts__mess a:nth-child(2) {
  background: url('img/mess2.svg') no-repeat left;
}
.contacts__mess a:nth-child(3) {
  background: url('img/mess3.svg') no-repeat left;
}
.contacts__adress {
  text-align: center;
  margin-bottom: 32px;
  font-weight: 300;
  font-size: 18px;
  line-height: 125%;
}
.contacts__adress p {
  margin-top: 4px;
  font-weight: 400;
  font-size: 22px;
  line-height: 125%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.contacts__map {
  height: 592px;
}
.contacts__top-text {
  text-align: center;
  margin-bottom: 80px;
  font-size: 22px;
  line-height: 125%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.category {
  padding-bottom: 140px;
  text-align: center;
}
.category__back-link {
  display: inline-block;
  margin-bottom: 12px;
  padding-left: 36px;
  background: url('img/back.svg') no-repeat left;
  font-size: 18px;
  line-height: 24px;
  color: #CE9863;
  filter: grayscale(100%) brightness(0.2);
}
.category__back-link:hover {
  filter: none;
}
.category .breadcrumbs {
  margin-bottom: 32px;
}
.category .h2 {
  max-width: 1100px;
  margin: 0 auto 12px auto;
}
.category__menu {
  margin-bottom: 80px;
}
.category__menu li {
  display: inline-block;
}
.category__menu li:not(:last-child) {
  margin-right: 5px;
}
.category__menu li a {
  display: block;
  font-size: 16px;
  line-height: 125%;
  padding: 12px 24px;
  background: #E7E9EA;
  border-radius: 50px;
}
.category__menu li a.selected {
  color: #fff;
  background: #CE9863;
}
.category__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;
}
.category__item {
  width: calc(33.3334% - 20px);
  margin: 0 20px 20px 0;
  position: relative;
  text-align: left;
}
.category__item .projects__photos {
  margin-bottom: 12px;
}
.category__item .projects__photos .hero__button {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.category__badge {
  position: absolute;
  left: 28px;
  top: 28px;
  padding: 8px 12px;
  z-index: 4;
  line-height: 125%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #FFFFFF;
  border-radius: 50px;
}
.category__info {
  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;
}
.category__name {
  width: calc(100% - 174px);
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 400;
}
.category__name span {
  white-space: nowrap;
}
.category__price {
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #CE9863;
}
.article {
  padding-bottom: 120px;
}
.article--pt {
  padding-top: 80px;
}
.article__text {
  max-width: 1375px;
  margin: 0 auto;
}
.article__top-text {
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 22px;
  line-height: 160%;
}
.article__top-text span {
  font-weight: 500;
}
.article__block {
  padding-bottom: 10px;
}
.article__block h3 {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 28px;
  line-height: 160%;
}
.article__block p {
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 18px;
  line-height: 160%;
}
.article__block p span {
  font-weight: 500;
}
.article__block ul {
  margin: -30px 0 0 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 160%;
  padding-left: 20px;
  list-style: disc;
}
.article__block ul:last-child {
  margin-bottom: 30px;
}
.no-page {
  text-align: center;
  padding-bottom: 160px;
  margin-top: -40px;
}
.no-page .h2 {
  margin-bottom: 20px;
}
.no-page__desc {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 160%;
}
.no-page__button {
  height: 64px;
  padding: 0 40px;
  border-radius: 69px;
  font-size: 18px;
}
.no-page__button:not(:last-child) {
  margin-right: 6px;
}
.no-page__button--back {
  background: #CE9863;
  color: #fff;
}
.no-page__button--back span {
  background: url('img/back2.svg');
  margin: -2px 4px 0 0;
}
.no-page__button--back:hover {
  background: #A6703B;
}
.no-page__button--catalog {
  background: #E7E9EA;
}
.no-page__button--catalog span {
  background: url('img/btn3.svg');
  margin: -2px 0 0 4px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.no-page__button--catalog:hover {
  background: #CE9863;
  color: #fff;
}
.no-page__button--catalog:hover span {
  background: url('img/btn2.svg');
}
.no-page__button span {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.project {
  padding-bottom: 160px;
}
.project .breadcrumbs {
  margin-bottom: 40px;
}
.project__banner {
  margin-bottom: 80px;
  border-radius: 16px;
  color: #fff;
  padding: 380px 40px 40px 40px;
}
.project__banner .h2 {
  text-align: left;
  margin-bottom: 20px;
}
.project__banner p {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 125%;
}
.project__banner .hero__button {
  margin: 0 !important;
}
.project__item {
  padding-bottom: 60px;
}
.project__item .h2 {
  text-align: left;
  margin-bottom: 12px;
}
.project__desc {
  margin-bottom: 32px;
  font-weight: 300;
  font-size: 24px;
  line-height: 180%;
}
.project__photos {
  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__photo {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  font-size: 0;
  overflow: hidden;
  border-radius: 16px;
}
.project__photo--big {
  width: 100%;
}
.project__photo 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__photo:hover img {
  transform: scale(1.05);
}
.project__content {
  padding-bottom: 60px;
}
.project__content .h2 {
  text-align: left;
  margin-bottom: 40px;
}
.project__data {
  width: 32%;
}
.project__data li {
  margin-bottom: 20px;
  padding: 2px 0 2px 40px;
  font-weight: 300;
  font-size: 22px;
  line-height: 125%;
  background: url('img/check2.svg') no-repeat 0 0;
}
.project__bottom-text {
  text-align: center;
  margin-bottom: 80px;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 32px 0;
  font-size: 24px;
  line-height: 180%;
}
.project__bottom-text p {
  display: inline-block;
  max-width: 1220px;
}
.project .hero__button {
  display: block;
  margin: 0 auto;
}
.project .hero__button span {
  background: url('img/back2.svg');
  margin: -2px 4px 0 0;
}
.project-products {
  background: #F5F7F8;
  padding: 80px 0 140px;
  overflow: hidden;
}
.project-products--mb {
  margin-bottom: 160px;
}
.about {
  background: #F5F7F8;
  padding: 80px 0 120px;
  margin-bottom: 160px;
}
.about .h2 span {
  display: block;
}
.about__item {
  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;
}
.about__item:hover .about__image img {
  transform: scale(1.05);
}
.about__image {
  font-size: 0;
  width: calc(50% - 20px);
  border-radius: 16px;
  overflow: hidden;
}
.about__image img {
  width: 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;
}
.about__text {
  width: calc(50% - 20px);
  border-radius: 16px;
  background: #fff;
  position: relative;
}
.about__txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px;
}
.about__txt h3 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 37px;
  line-height: 130%;
}
.about__txt p {
  font-weight: 300;
  font-size: 24px;
  line-height: 180%;
}
.team {
  background: #F5F7F8;
  padding: 160px 0;
}
.team .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;
}
.team__text {
  width: 364px;
}
.team__text .h2 {
  text-align: left;
  margin-bottom: 12px;
}
.team__text p {
  font-weight: 300;
  font-size: 20px;
  line-height: 125%;
}
.team__list {
  width: 1240px;
  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;
}
.team__item {
  width: calc(50% - 20px);
  background: #fff;
  position: relative;
  border-radius: 16px;
  padding: 32px 32px 226px 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.team__item img {
  position: absolute;
  bottom: 0;
  right: -124px;
  pointer-events: none;
}
.team__item h3 {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 43px;
  line-height: 130%;
}
.team__item ul {
  max-width: 326px;
}
.team__item:nth-child(2) img {
  right: -14px;
}
.team__item ul li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
  font-weight: 300;
  font-size: 20px;
  line-height: 130%;
}
.team__item ul li:before {
  content: "";
  position: absolute;
  left: 7px;
  top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: #CE9863;
}
.team__contacts {
  position: absolute;
  left: 32px;
  bottom: 32px;
}
.team__phone {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 56px;
  background: #ce9863 url('img/phone2.svg') no-repeat 20px 50%;
  border-radius: 16px;
  color: #fff;
  padding: 0 20px 0 52px;
  font-size: 16px;
}
.team__phone:hover {
  background: #a6703b url('img/phone2.svg') no-repeat 20px 50%;
}
.team__tg {
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  background: rgba(37, 37, 37, 0.1) url('img/tg.svg') no-repeat center;
  border-radius: 16px;
}
.team__tg:hover {
  background: rgba(37, 37, 37, 0.2) url('img/tg.svg') no-repeat center;
}
.product {
  padding-bottom: 160px;
}
.product__back-link {
  text-align: center;
}
.product .breadcrumbs {
  margin-bottom: 80px;
}
.product__photos {
  width: 48.4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-right: 135px;
  font-size: 0;
}
.product__photos img {
  width: 100%;
}
.product__gallery {
  overflow: hidden;
}
.product__previews {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -3px;
  width: 121px;
  height: 100%;
}
.product__previews:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  z-index: 5;
  pointer-events: none;
}
.product__previews .swiper-slide {
  cursor: pointer;
  height: 121px;
  font-size: 0;
  opacity: 0.7;
}
.product__previews .swiper-slide:not(:last-child) {
  margin-bottom: 15px;
}
.product__previews .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.product__previews .swiper-slide.swiper-slide-thumb-active img {
  border: 3px solid #CE9863;
}
.product__previews .swiper-slide img {
  margin-bottom: 20px;
  border: 3px solid transparent;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.product__info {
  width: 49.5%;
}
.product__info .h2 {
  text-align: left;
  margin-bottom: 32px;
}
.product__desc {
  margin-bottom: 32px;
  font-weight: 300;
  font-size: 22px;
  line-height: 160%;
}
.product__price {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 35px;
  line-height: 160%;
  color: #CE9863;
}
.product__data {
  padding-bottom: 20px;
}
.product__data p {
  margin-bottom: 8px;
  font-weight: 300;
  font-size: 22px;
  line-height: 160%;
}
.product__data p span {
  font-weight: 500;
}
.product__data p a {
  font-weight: 400;
  color: #CE9863;
  padding-right: 28px;
  background: url('img/arrow3.svg') no-repeat right;
}
.product .hero__button {
  margin-bottom: 28px;
}
.product .hero__button span {
  background: url('img/btn4.svg');
  margin: -2px 0 0 4px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.product__tabs-nav {
  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: 16px;
  border-bottom: 1px solid #252525;
}
.product__tabs-nav li {
  width: 33.33334%;
}
.product__tabs-nav li a {
  display: block;
  text-align: center;
  font-size: 22px;
  line-height: 54px;
  opacity: .5;
  position: relative;
}
.product__tabs-nav li a:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  width: 0;
  height: 3px;
  background: #CE9863;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.product__tabs-nav li a.selected {
  opacity: 1;
}
.product__tabs-nav li a.selected:after {
  width: 100%;
}
.product__tab {
  font-weight: 300;
  font-size: 20px;
  line-height: 160%;
}
.product__about {
  padding-top: 80px;
  font-weight: 300;
  font-size: 22px;
  line-height: 160%;
}
.product__about h3 {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 28px;
  line-height: 160%;
}
.tenders {
  background: url('img/tenders.png') center / cover;
  padding: 160px 0;
  text-align: center;
}
.tenders__desc {
  max-width: 1220px;
  margin: 0 auto 40px auto;
  font-weight: 300;
  font-size: 20px;
  line-height: 160%;
}
.tenders .hero__button span {
  background: url('img/btn4.svg');
  margin: -2px 0 0 4px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.services {
  padding-bottom: 160px;
}
.services .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;
  align-items: end;
}
.services__text {
  width: 32.6%;
}
.services__text .h2 {
  text-align: left;
  margin-bottom: 24px;
}
.services__text p {
  margin-bottom: 24px;
  font-weight: 300;
  font-size: 22px;
  line-height: 160%;
}
.services__item {
  width: 32.6%;
}
.services__item img {
  width: 100%;
  margin-bottom: 20px;
}
.services__item h3 {
  font-weight: 400;
  font-size: 26px;
  line-height: 125%;
  margin-bottom: 8px;
}
.services__item p {
  font-weight: 300;
  font-size: 18px;
  line-height: 160%;
}
.partnership {
  padding-bottom: 160px;
}
.partnership__banner {
  margin-bottom: 120px;
  border-radius: 16px;
  color: #fff;
  padding: 40px;
  background: url('img/partnership.jpg') center / cover;
}
.partnership__banner .h2 {
  text-align: left;
  margin-bottom: 20px;
  max-width: 700px;
}
.partnership__banner p {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 125%;
}
.partnership__logo {
  margin-bottom: 257px;
}
.partnership__logo img {
  width: 364px;
}
.partnership__block1 {
  padding-bottom: 80px;
}
.partnership__block1-item {
  width: 30.4%;
}
.partnership__block1-item h3 {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 26px;
  line-height: 125%;
}
.partnership__block1-item p {
  font-weight: 300;
  font-size: 18px;
  line-height: 160%;
}
.partnership__block1-line {
  width: 1px;
  background: #D9D9D9;
}
.partnership__block2 {
  background: #F5F7F8;
  padding: 160px 0 140px;
}
.partnership__block2-item {
  width: 32.6%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: #ffffff url('img/check3.svg') no-repeat top 40px left 50%;
  border-radius: 16px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 125%;
  padding: 104px 40px 40px 40px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.partnership__block2-item:hover {
  background: #ce9863 url('img/check3h.svg') no-repeat top 40px left 50%;
  color: #fff;
}
.partnership__block2-item--big {
  width: 49.5%;
}
.mobile-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 30;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s;
  transform: translateY(-20px);
}
.mobile-menu__close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  background: url('img/close.svg');
}
.mobile-menu__menu li {
  margin-bottom: 32px;
}
.mobile-menu__menu li a {
  display: inline-block;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.mobile-menu__menu li a:hover {
  color: #CE9863;
}
.mobile-menu__contacts {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
}
.mobile-menu__mail {
  display: block;
  margin-bottom: 12px;
  padding-left: 32px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: url('img/mail.svg') no-repeat left;
}
.mobile-menu__mail:hover {
  color: #CE9863;
}
.mobile-menu__phone {
  display: block;
  padding-left: 32px;
  line-height: 160%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: url('img/phone.svg') no-repeat left;
}
.mobile-menu__phone:hover {
  color: #CE9863;
}
.popup {
  background: #ffffff url('img/popup.png') center / cover !important;
}
.popup form,
.popup .feedback__form {
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  backdrop-filter: none;
  color: #252525;
}
.popup .feedback__tg span {
  color: #252525;
}
.popup .h2 {
  text-align: left;
  margin-bottom: 12px;
}
.popup .categories__top-text {
  text-align: left;
  margin-bottom: 32px;
}
.popup .feedback__input {
  border-bottom: 1px solid #000;
}
.popup .feedback__input input {
  color: #252525;
}
.popup .feedback__input input::placeholder {
  color: rgba(1, 1, 1, 0.6);
}
.popup .feedback__attach a {
  color: #252525;
}
.popup .checkbox {
  display: none;
}
.popup .checkbox + label {
  display: block;
  cursor: pointer;
  padding-left: 28px;
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 125%;
  background: url('img/checkbox.svg') no-repeat 0 0;
}
.popup .checkbox:hover + label {
  background: url('img/checkboxh.svg') no-repeat 0 0;
}
.popup .checkbox:checked + label {
  background: url('img/checkboxa.svg') no-repeat 0 0;
}
.popup .hero__button--consult {
  width: 300px;
}
.popup .feedback__tg a {
  background: rgba(37, 37, 37, 0.3);
}
.popup .feedback__tg a:hover {
  background: #A6703B;
}
@media (max-width: 1870px) {
  .wrap {
    width: 1170px;
  }
  .header__logo {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: none;
    order: 0;
  }
  .header__menu {
    order: 2;
  }
  .header__links {
    order: 3;
  }
  .advantages__item--active .advantages__image {
    width: 640px;
  }
  .advantages__item {
    width: 500px;
  }
  .h2 {
    font-size: 44px;
  }
  .categories__item:hover .categories__catalog-link a {
    padding: 0 60px 155px 60px;
  }
  .footer__nav {
    width: 880px;
  }
  .footer__catalog {
    width: 550px;
  }
  .footer__menu {
    width: 300px;
  }
  .footer__menu-list li a {
    font-size: 15px;
  }
  .footer__links {
    width: 880px;
  }
  .contacts__item:nth-child(3) {
    display: block;
    margin: 40px 0;
    border: 0;
  }
  .contacts__item:nth-child(2) {
    padding-right: 0;
    margin-right: 0;
    border: 0;
  }
  .contacts--bg .contacts__item:nth-child(2) {
    display: inline-block;
    padding-right: 40px;
    margin-right: 40px;
    border-right: 1px solid #D9D9D9;
  }
  .contacts--bg .contacts__item:nth-child(3) {
    display: inline-block;
    padding-right: 40px;
    margin-top: 0;
    margin-right: 40px;
    border-right: 1px solid #D9D9D9;
  }
  .projects__gallery .swiper-slide {
    height: 400px;
  }
  .team__list {
    width: 100%;
    margin-top: 52px;
  }
  .category__item {
    width: calc(50% - 20px);
  }
  .product__photos {
    width: 100%;
    margin-bottom: 40px;
  }
  .product__info {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .wrap {
    width: 970px;
  }
  .hero__advantage:not(:last-child) {
    margin: 0 40px 20px 0;
  }
  .advantages__item {
    width: auto;
    max-width: 100%;
  }
  .advantages__image {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: 0;
    width: auto;
  }
  .advantages__item--active .advantages__image {
    width: auto;
    height: 392px;
    margin-top: 24px;
  }
  .advantages .hero__button {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    margin: 40px auto 0 auto;
  }
  .own-production__image {
    height: 560px;
  }
  .categories__catalog-link a {
    font-size: 24px;
    padding: 0 30px 112px 30px;
  }
  .categories__item:hover .categories__catalog-link a {
    padding: 0 30px 155px 30px;
  }
  .footer__contacts {
    width: 100%;
    margin-bottom: 76px;
  }
  .footer__menu {
    width: 100%;
  }
  .footer__menu {
    width: 66.667%;
    margin-bottom: 60px;
    order: 1;
  }
  .footer__menu ul {
    width: 50%;
  }
  .footer__catalog {
    width: 100%;
    order: 2;
  }
  .footer__catalog ul {
    width: 33.33334%;
  }
  .footer__logo {
    margin-bottom: 20px;
  }
  .footer__links {
    width: 100%;
  }
  .contacts--bg .contacts__item:nth-child(4) {
    display: inline-block;
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0;
  }
  .project__data {
    width: 100%;
  }
  .category__item {
    width: calc(50% - 20px);
  }
  .project__banner {
    padding: 300px 40px 40px 40px;
  }
  .about__image {
    width: 100%;
    height: 360px;
    margin-bottom: 40px;
    order: 1;
  }
  .about__text {
    width: 100%;
    order: 2;
  }
  .about__txt {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    padding: 60px;
  }
  .team__item img {
    width: 333px;
    right: -62px;
  }
  .team__item {
    padding: 32px 32px 382px 32px;
  }
  .team__contacts {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: 20px;
  }
  .services__text {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10%;
  }
  .services__text .h2 {
    text-align: center;
  }
  .services__item {
    width: calc(50% - 10px);
  }
  .services__item img {
    height: 300px;
    object-fit: cover;
    border-radius: 16px;
  }
  .services .wrap {
    align-items: start;
  }
}
@media (max-width: 991px) {
  .wrap {
    width: 728px;
  }
  .header__menu {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    width: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 20px;
    z-index: 20;
    background: #252525;
    margin-top: 12px;
    display: none;
  }
  .header__menu li:not(:last-child) {
    margin: 0 0 12px 0;
  }
  .header__menu-item--with-sub:after {
    display: none;
  }
  .header__catalog {
    display: none !important;
  }
  .header__burger {
    display: block;
  }
  .mobile-menu.mobile-menu--active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .header__links {
    display: none;
  }
  .hero {
    padding: 365px 0 12px;
    margin-bottom: 100px;
  }
  .hero__name {
    font-size: 46px;
  }
  .hero__buttons {
    margin-bottom: 260px;
  }
  .h2 {
    font-size: 36px;
    margin-bottom: 40px;
  }
  .advantages__item h3 {
    font-size: 20px;
  }
  .advantages {
    padding-bottom: 80px;
  }
  .own-production__image {
    height: 370px;
  }
  .own-production {
    padding-bottom: 100px;
  }
  .categories {
    padding: 100px 0 80px;
    margin-bottom: 100px;
  }
  .categories__top-text {
    margin-bottom: 40px;
  }
  .categories__block {
    width: 49%;
    padding: 28px;
  }
  .categories__icon {
    margin-bottom: 20px;
  }
  .categories__icon svg {
    max-width: 60px;
    max-height: 60px;
  }
  .categories__block h3 {
    font-size: 22px;
  }
  .categories__block p {
    font-size: 16px;
  }
  .categories__block:last-child {
    width: 100%;
  }
  .categories__blocks {
    padding-bottom: 40px;
  }
  .categories__item {
    width: 49%;
  }
  .categories__item h3 {
    font-size: 16px;
  }
  .categories__item:nth-child(5),
  .categories__item:nth-child(6),
  .categories__item:nth-child(7),
  .categories__item:nth-child(8),
  .categories__item:nth-child(9),
  .categories__item:nth-child(10) {
    width: 31.7%;
  }
  .categories__item:last-child {
    display: none;
  }
  .categories .hero__button--consult {
    display: block;
    margin: 0 auto 20px auto;
  }
  .clients .categories__top-text {
    margin-bottom: 80px;
  }
  .clients__docs .swiper-slide {
    width: 180px;
  }
  .clients__docs {
    overflow: visible!important;
    margin-bottom: 60px;
  }
  .clients__item img {
    height: 40px;
  }
  .clients {
    padding-bottom: 100px;
  }
  .projects {
    padding: 100px 0 80px;
    margin-bottom: 100px;
  }
  .projects__top-button {
    margin-bottom: 40px;
  }
  .projects__item {
    width: 49%;
  }
  .projects__item:first-child {
    width: 100%;
  }
  .projects__gallery .swiper-slide {
    height: 300px;
  }
  .projects__info span {
    width: 100%;
  }
  .projects__info span:first-child {
    margin-bottom: 8px;
  }
  .steps__list .swiper-slide {
    width: 300px;
  }
  .steps__item {
    padding: 24px;
  }
  .steps__item h3 {
    font-size: 18px;
  }
  .steps__item p {
    font-size: 14px;
    margin-bottom: 30px;
    min-height: 63px;
  }
  .steps {
    padding-bottom: 100px;
  }
  .partners {
    padding: 100px 0 1px;
  }
  .partners__list {
    margin-bottom: 80px;
  }
  .feedback__form {
    margin: 0 auto;
    padding: 40px;
  }
  .footer {
    padding: 40px 0 8px;
  }
  .footer__links a:not(:last-child) {
    margin: 0 50px 20px 0;
  }
  .projects--inner {
    padding-top: 0;
    margin-bottom: 0;
  }
  .header {
    margin-bottom: 40px;
    padding: 17px 0;
  }
  .projects--inner .h2 {
    margin-bottom: 40px;
  }
  .contacts .categories__top-text {
    margin-bottom: 80px;
  }
  .contacts__map {
    height: 350px;
  }
  .contacts {
    padding-bottom: 100px;
  }
  .contacts--bg {
    padding-top: 100px;
  }
  .contacts--bg .contacts__item:nth-child(3) {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .contacts--bg .contacts__item:nth-child(4) {
    margin: 40px 40px 0 0;
    padding-right: 40px;
    border-right: 1px solid #D9D9D9;
  }
  .project__banner {
    padding: 222px 40px 40px 40px;
    margin-bottom: 60px;
  }
  .project__banner .hero__button {
    margin: 0;
  }
  .project__item {
    padding-bottom: 40px;
  }
  .project__content {
    padding-bottom: 40px;
  }
  .project__bottom-text {
    margin-bottom: 60px;
  }
  .project {
    padding-bottom: 100px;
  }
  .project-products {
    padding: 100px 0 80px;
  }
  .project-products .h2 {
    margin-bottom: 80px;
  }
  .category__name {
    font-size: 16px;
    width: 100%;
    margin-bottom: 8px;
  }
  .category__price {
    font-size: 16px;
  }
  .header--mb {
    margin-bottom: 0;
  }
  .about {
    padding: 60px 0;
    margin-bottom: 100px;
  }
  .about .h2 {
    margin-bottom: 80px;
  }
  .about__image {
    height: 266px;
  }
  .about__txt h3 {
    font-size: 28px;
  }
  .about__txt p {
    font-size: 18px;
  }
  .team {
    padding: 100px 0;
  }
  .team__item h3 {
    font-size: 32px;
  }
  .team__item ul li {
    font-size: 18px;
  }
  .team__item img {
    height: 500px;
    object-fit: cover;
  }
  .categories__top-text {
    margin-bottom: 60px;
  }
  .category__menu {
    text-align: left;
    margin-bottom: 60px;
    white-space: nowrap;
    overflow-x: scroll;
    width: calc(50vw + 50%);
  }
  .category {
    padding-bottom: 80px;
  }
  .advantages--inner {
    padding-top: 100px;
  }
  .own-production--inner {
    margin-bottom: 100px;
  }
  .article .h2 {
    margin-bottom: 80px;
  }
  .article {
    padding-bottom: 60px;
  }
  .product .breadcrumbs {
    margin-bottom: 60px;
  }
  .product__about {
    padding-top: 60px;
  }
  .product {
    padding-bottom: 100px;
  }
  .project-products {
    padding: 60px 0 80px;
  }
  .project-products .h2 {
    margin-bottom: 60px;
  }
  .project-products--mb {
    margin-bottom: 100px;
  }
  .hero--other {
    padding-top: 320px;
  }
  .hero--other .hero__name {
    font-size: 36px;
  }
  .hero--other .hero__buttons {
    margin-bottom: 216px;
  }
  .hero--other {
    margin-bottom: 0;
  }
  .categories--inner2 .categories__top-text {
    display: none;
  }
  .categories--inner2 .h2 {
    margin-bottom: 60px;
  }
  .categories--inner2 {
    margin-bottom: 0;
  }
  .tenders {
    padding: 100px 0;
  }
  .tenders .h2 {
    margin-bottom: 80px;
  }
  .services {
    padding-bottom: 100px;
  }
  .partners--inner {
    margin-bottom: 100px;
  }
  .partners--inner .partners__list {
    margin-bottom: 80px;
  }
  .projects--mb {
    margin-bottom: 0;
  }
  .partnership {
    padding: 40px 0 100px;
  }
  .partnership__banner {
    padding: 40px 32px 32px 32px;
  }
  .partnership__logo {
    margin-bottom: 106px;
  }
  .partnership__banner p {
    font-size: 20px;
  }
  .partnership__banner {
    margin-bottom: 80px;
  }
  .partnership__block1-item p {
    font-size: 16px;
  }
  .partnership__block1-item {
    width: 29.5%;
  }
  .partnership__block2 {
    padding: 100px 0 80px;
  }
  .partnership__block2-item {
    width: calc(50% - 10px);
  }
  .partnership__block2-item:last-child {
    width: 100%;
  }
  .article--pt {
    padding-top: 60px;
  }
  .article--pt .h2 {
    margin-bottom: 60px;
  }
  .no-page {
    margin-top: 0;
    padding-bottom: 100px;
  }
}
@media (max-width: 758px) {
  .wrap {
    width: auto;
    padding: 0 10px;
  }
  .hero {
    padding: 80px 0 396px;
  }
  .hero__name {
    text-align: left;
    font-size: 36px;
    margin-bottom: 20px;
  }
  .hero__buttons {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    margin: 0;
  }
  .hero__advantage:not(:last-child) {
    display: block;
    text-align: left;
    font-size: 14px;
    margin: 0 0 8px 0;
  }
  .hero__advantages {
    text-align: left;
  }
  .hero .hero__button {
    width: 100%;
  }
  .hero__button:not(:last-child) {
    margin: 0 0 8px 0;
  }
  .hero__button {
    font-size: 16px;
  }
  .hero {
    margin-bottom: 60px;
  }
  .h2 {
    font-size: 25px;
  }
  .advantages__item h3 {
    font-size: 16px;
  }
  .advantages__item p {
    font-size: 16px;
  }
  .advantages__item--active .advantages__image {
    height: 225px;
  }
  .advantages .hero__button {
    width: 100%;
  }
  .advantages {
    padding-bottom: 60px;
  }
  .own-production__image {
    height: 225px;
  }
  .own-production {
    padding-bottom: 60px;
  }
  .categories {
    padding: 60px 0 40px;
    margin-bottom: 60px;
  }
  .categories__top-text {
    font-size: 18px;
  }
  .categories__block {
    width: 100%;
  }
  .categories__icon svg {
    max-width: 52px;
    max-height: 52px;
  }
  .categories__block h3 {
    font-size: 18px;
  }
  .categories__blocks {
    padding-bottom: 20px;
  }
  .categories__item {
    width: calc(50% - 10px);
    margin-bottom: 12px;
  }
  .categories__item h3 {
    font-size: 14px;
  }
  .categories__item:nth-child(5),
  .categories__item:nth-child(6),
  .categories__item:nth-child(7),
  .categories__item:nth-child(8),
  .categories__item:nth-child(9),
  .categories__item:nth-child(10) {
    width: calc(50% - 10px);
  }
  .categories .hero__button--consult {
    width: 100%;
    margin: 20px 0;
  }
  .clients .categories__top-text {
    margin-bottom: 40px;
  }
  .clients__docs .swiper-slide {
    width: 140px;
  }
  .clients__doc p {
    font-size: 16px;
  }
  .clients__docs {
    margin-bottom: 40px;
  }
  .clients .h2--bottom {
    margin-bottom: 32px;
  }
  .clients {
    padding-bottom: 60px;
  }
  .projects {
    padding: 60px 0 144px;
    margin-bottom: 60px;
    position: relative;
  }
  .projects__top-button {
    position: absolute;
    margin: 0;
    left: 0;
    bottom: 60px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .projects__top-button button {
    width: 100%;
  }
  .projects__gallery .swiper-slide {
    height: 220px;
  }
  .projects__info span {
    width: auto;
    font-size: 14px;
    margin: 0!important;
  }
  .projects__item {
    width: 100%;
  }
  .steps__item {
    padding: 184px 20px 64px 20px;
    position: relative;
  }
  .steps__item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .steps__item h3 {
    margin-bottom: 8px;
  }
  .steps__item h3 span {
    display: block;
    margin-bottom: 8px;
  }
  .steps__item p {
    margin-bottom: 0;
  }
  .steps {
    padding-bottom: 60px;
  }
  .partners {
    padding: 60px 0 1px;
  }
  .categories__top-text {
    font-size: 16px;
  }
  .partners__list {
    margin-bottom: 60px;
  }
  .feedback__form {
    max-width: 362px;
    padding: 20px;
  }
  .feedback__attach a {
    font-size: 16px;
    line-height: 24px;
  }
  .feedback .checkbox + label {
    font-size: 16px;
  }
  .feedback .hero__button {
    width: 226px;
  }
  .feedback__tg span {
    display: none;
  }
  .footer__totop {
    font-size: 14px;
  }
  .footer__phone {
    font-size: 20px;
  }
  .footer__mail {
    font-size: 20px;
  }
  .footer__contacts {
    margin-bottom: 40px;
  }
  .footer__menu h3 {
    font-size: 14px;
  }
  .footer__menu-list li a {
    font-size: 14px;
  }
  .footer__menu {
    width: 100%;
  }
  .footer__catalog h3 {
    font-size: 14px;
  }
  .footer__catalog ul {
    width: 50%;
  }
  .footer__catalog ul:last-child {
    margin-top: 20px;
  }
  .footer__links a {
    display: block;
  }
  .footer__links a:not(:last-child) {
    margin: 0 0 12px 0;
  }
  .footer {
    padding: 40px 0 20px;
  }
  .projects--inner {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px;
  }
  .contacts .categories__top-text {
    font-size: 18px;
    margin-bottom: 60px;
  }
  .contacts__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;
  }
  .contacts__item {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 11px 0!important;
    margin: 0 0 24px 0!important;
    font-size: 16px;
  }
  .contacts__item a {
    font-size: 16px;
  }
  .contacts__item:nth-child(3) {
    width: 100%;
    padding: 0!important;
  }
  .contacts__item:nth-child(4) {
    width: 100%;
    padding: 0!important;
  }
  .contacts__mess a:not(:last-child) {
    margin-right: 12px;
  }
  .contacts__list {
    padding-bottom: 36px;
  }
  .contacts__adress p {
    font-size: 16px;
  }
  .contacts {
    padding-bottom: 60px;
  }
  .contacts--bg {
    padding-top: 60px;
  }
  .contacts__top-text {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .contacts--bg .contacts__item:nth-child(2) {
    border: 0;
  }
  .contacts--bg .contacts__item:nth-child(3) {
    width: 50%;
    border-right: 1px solid #D9D9D9;
  }
  .contacts--bg .contacts__item:nth-child(4) {
    width: 50%;
    border: 0;
  }
  .contacts__item p {
    font-size: 16px;
  }
  .contacts--bg .contacts__item:nth-child(5) {
    width: 100%;
  }
  .contacts--bg .contacts__list {
    padding-bottom: 5px;
  }
  .project .breadcrumbs {
    margin-bottom: 20px;
  }
  .project__banner {
    padding: 163px 11px 20px 20px;
    margin-bottom: 40px;
  }
  .project__banner .h2 {
    margin-bottom: 8px;
  }
  .project__banner p {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .project__banner .hero__button {
    width: 100%;
  }
  .project__desc {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .project__item {
    padding-bottom: 20px;
  }
  .project__content .h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .project__data li {
    margin-bottom: 8px;
    padding: 7px 0 7px 40px;
    font-size: 14px;
  }
  .project__content {
    padding-bottom: 32px;
  }
  .project__bottom-text {
    margin-bottom: 40px;
    font-size: 16px;
  }
  .project {
    padding-bottom: 60px;
  }
  .project-products {
    padding: 60px 0 40px;
  }
  .project-products .h2 {
    margin-bottom: 40px;
  }
  .category__item {
    width: calc(100% - 20px);
  }
  .projects__gallery .swiper-slide {
    height: 300px;
  }
  .category__badge {
    top: 16px;
    left: 16px;
    font-size: 10px;
  }
  .about {
    padding: 32px 0 40px;
    margin-bottom: 60px;
  }
  .about .h2 {
    margin-bottom: 40px;
  }
  .about__item {
    margin-bottom: 20px;
  }
  .about__image {
    margin-bottom: 20px;
  }
  .about__txt {
    padding: 28px;
  }
  .about__txt h3 {
    font-size: 18px;
  }
  .about__txt p {
    font-size: 16px;
  }
  .team {
    padding: 60px 0 40px;
  }
  .team__list {
    margin-top: 32px;
  }
  .team__item {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 20px 120px 20px;
  }
  .team__item h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .team__item ul li {
    font-size: 16px;
  }
  .team__item ul {
    max-width: 226px;
  }
  .team__item img {
    right: -193px;
  }
  .team__item:last-child {
    padding: 20px 0px 172px 77px;
  }
  .team__item:last-child img {
    right: auto;
    left: -223px;
  }
  .mobile-menu__close {
    right: 10px;
  }
  .categories--inner {
    padding-top: 0;
    margin-bottom: 0;
  }
  .category__back-link {
    font-size: 16px;
  }
  .breadcrumbs {
    font-size: 16px;
  }
  .categories__top-text {
    margin-bottom: 40px;
  }
  .category__menu {
    margin-bottom: 40px;
  }
  .category__menu li a {
    font-size: 14px;
    padding: 8px 16px;
  }
  .category {
    padding-bottom: 40px;
  }
  .advantages--inner {
    padding-top: 60px;
  }
  .own-production--inner {
    margin-bottom: 60px;
  }
  .article .h2 {
    margin-bottom: 40px;
  }
  .article__top-text {
    font-size: 18px;
    margin-bottom: 32px;
  }
  .article__block h3 {
    font-size: 22px;
  }
  .article__block {
    padding-bottom: 8px;
  }
  .article__block p {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .article__block ul {
    font-size: 16px;
    margin-top: -24px;
  }
  .article {
    padding-bottom: 28px;
  }
  .product .breadcrumbs {
    margin-bottom: 40px;
  }
  .product__photos {
    padding-right: 0;
  }
  .product__previews {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    margin-top: 20px;
  }
  .product__gallery img {
    border-radius: 16px;
  }
  .product__previews .swiper-slide img {
    margin: 0;
    border-radius: 16px;
  }
  .product__previews .swiper-slide {
    height: auto;
  }
  .product__previews .swiper-slide:not(:last-child) {
    margin-bottom: 0;
  }
  .product__previews:after {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    right: -5px;
    bottom: 0;
    height: 100%;
    width: 75px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    transform: rotate(-90deg);
  }
  .product__info .h2 {
    margin-bottom: 20px;
  }
  .product__desc {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .product__price {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .product__data {
    padding-bottom: 12px;
  }
  .product__data p {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .product .hero__button {
    width: 100%;
    margin: 0 0 20px 0!important;
  }
  .product__tabs-nav li a {
    font-size: 16px;
  }
  .product__tab {
    font-size: 16px;
  }
  .product__about {
    padding-top: 40px;
    font-size: 16px;
  }
  .product__about h3 {
    font-size: 22px;
  }
  .product {
    padding-bottom: 60px;
  }
  .project-products--mb {
    margin-bottom: 60px;
  }
  .hero--other {
    padding: 80px 0 116px;
    margin-bottom: 0;
  }
  .hero__desc {
    text-align: left;
    font-size: 16px;
    margin-bottom: 202px;
  }
  .hero--other .hero__buttons {
    margin-bottom: 0;
  }
  .categories--inner2 .categories__block {
    width: calc(50% - 6px);
    margin-bottom: 12px;
    padding: 20px;
  }
  .categories--inner2 .categories__block:last-child {
    width: 100%;
  }
  .categories--inner2 {
    padding-bottom: 48px;
    margin-bottom: 0;
  }
  .tenders {
    padding: 60px 0;
  }
  .tenders .h2 {
    margin-bottom: 40px;
  }
  .tenders__desc {
    font-size: 16px;
  }
  .tenders .hero__button {
    width: 100%;
  }
  .services__text {
    padding: 0;
    margin-bottom: 0px;
  }
  .services__text p {
    font-size: 16px;
  }
  .services__item {
    width: 100%;
    margin-top: 40px;
  }
  .services__item img {
    height: 250px;
  }
  .services__item h3 {
    font-size: 20px;
  }
  .services__item p {
    font-size: 16px;
  }
  .services {
    padding-bottom: 60px;
  }
  .partners--inner .partners__list {
    margin-bottom: 40px;
  }
  .partners {
    padding: 60px 0 20px;
    margin-bottom: 60px;
  }
  .projects--mb {
    margin-bottom: 0;
  }
  .partnership {
    padding: 0 0 60px 0;
    margin-bottom: -8px;
  }
  .partnership__banner {
    padding: 20px;
    margin-bottom: 60px;
  }
  .partnership__logo {
    width: 162px;
    margin-bottom: 74px;
  }
  .partnership__banner p {
    font-size: 16px;
  }
  .partnership__banner .hero__button {
    width: 100%;
  }
  .partnership__block1-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .partnership__block1-line {
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
  }
  .partnership__block1-item h3 {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .partnership__block1 {
    padding-bottom: 40px;
  }
  .partnership__block2 {
    padding: 60px 0 48px;
  }
  .partnership__block2-item {
    width: 100%;
    height: 92px;
    margin-bottom: 12px;
    position: relative;
    padding: 0;
    background: #ffffff url('img/check3.svg') no-repeat top 50% left 20px;
  }
  .partnership__block2-item p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 84px;
    text-align: left;
    font-size: 16px;
    line-height: 125%;
  }
  .projects--inner {
    padding-bottom: 144px;
  }
  .article--pt {
    padding-top: 20px;
  }
  .article--pt .h2 {
    margin-bottom: 60px;
  }
  .no-page {
    padding: 20px 0 60px;
  }
  .no-page__image {
    margin-bottom: 32px;
  }
  .no-page .h2 {
    margin-bottom: 12px;
  }
  .no-page__desc {
    font-size: 15px;
  }
  .no-page__button {
    width: 100%;
    font-size: 16px;
  }
  .no-page__button:not(:last-child) {
    margin: 0 0 12px 0;
  }
  .popup {
    padding: 20px!important;
  }
  .popup .hero__button--consult {
    width: 240px;
    padding: 0 20px;
  }
}