@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Segoe UI", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  font-size: -webkit-calc(var(--vw-view) * 20vw);
  font-size: -moz-calc(var(--vw-view) * 20vw);
  font-size: calc(var(--vw-view) * 20vw);
  background-color: #000000;
  color: #ffffff;
}

.dn {
  display: none;
}

h1 {
  font-size: -webkit-calc(var(--vw-view) * 30vw);
  font-size: -moz-calc(var(--vw-view) * 30vw);
  font-size: calc(var(--vw-view) * 30vw);
  margin: 0;
  font-weight: 600;
  color: #F1F2F6;
  text-transform: uppercase;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  -moz-transition: 0.3s all;
  transition: 0.3s all;
}
a:hover {
  opacity: 0.75;
}

b,
strong {
  font-weight: 600;
}

img {
  border-style: none;
  max-width: 100%;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[hidden] {
  display: none;
}

:root {
  --vw-view: -webkit-calc(100 / 1920);
  --vw-view: -moz-calc(100 / 1920);
  --vw-view: calc(100 / 1920);
}

.text {
  padding: -webkit-calc(var(--vw-view) * 60vw) 0;
  padding: -moz-calc(var(--vw-view) * 60vw) 0;
  padding: calc(var(--vw-view) * 60vw) 0;
  font-weight: 300;
}
.text h1 {
  margin-bottom: -webkit-calc(var(--vw-view) * 60vw);
  margin-bottom: -moz-calc(var(--vw-view) * 60vw);
  margin-bottom: calc(var(--vw-view) * 60vw);
}
.text b {
  font-weight: 600;
}
.text > * {
  margin: 0 0 -webkit-calc(var(--vw-view) * 30vw) 0;
  margin: 0 0 -moz-calc(var(--vw-view) * 30vw) 0;
  margin: 0 0 calc(var(--vw-view) * 30vw) 0;
}
.text > *:last-child {
  margin-bottom: 0;
}
.text img {
  display: block;
  margin: 0 auto;
  margin-bottom: -webkit-calc(var(--vw-view) * 110vw);
  margin-bottom: -moz-calc(var(--vw-view) * 110vw);
  margin-bottom: calc(var(--vw-view) * 110vw);
}
.text img:last-child {
  margin-bottom: 0;
}
.text iframe {
  display: block;
  margin: 0 auto;
	max-width: 100%;
  margin-bottom: -webkit-calc(var(--vw-view) * 110vw);
  margin-bottom: -moz-calc(var(--vw-view) * 110vw);
  margin-bottom: calc(var(--vw-view) * 110vw);
}
.text iframe:last-child {
  margin-bottom: 0;
}
.text .wp-video {
  margin-bottom: -webkit-calc(var(--vw-view) * 110vw);
  margin-bottom: -moz-calc(var(--vw-view) * 110vw);
  margin-bottom: calc(var(--vw-view) * 110vw);
}
.text .wp-video:last-child {
  margin-bottom: 0;
}

.portfolio__text p {
	margin-bottom: -webkit-calc(var(--vw-view) * 110vw);
  margin-bottom: -moz-calc(var(--vw-view) * 110vw);
  margin-bottom: calc(var(--vw-view) * 110vw);
}
.portfolio__text p:last-child {
  margin-bottom: 0;
}

.container {
  max-width: -webkit-calc(var(--vw-view) * 1440vw);
  max-width: -moz-calc(var(--vw-view) * 1440vw);
  max-width: calc(var(--vw-view) * 1440vw);
  margin: 0 auto;
  position: relative;
}

.header {
  padding: -webkit-calc(var(--vw-view) * 14vw) 0;
  padding: -moz-calc(var(--vw-view) * 14vw) 0;
  padding: calc(var(--vw-view) * 14vw) 0;
  background: #000;
  font-family: "Poppins", sans-serif;
}
.header.v2 {
  margin-bottom: -webkit-calc(var(--vw-view) * -98vw);
  margin-bottom: -moz-calc(var(--vw-view) * -98vw);
  margin-bottom: calc(var(--vw-view) * -98vw);
  position: relative;
  z-index: 1;
}
.header__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__logo {
  display: block;
  width: -webkit-calc(var(--vw-view) * 631vw);
  width: -moz-calc(var(--vw-view) * 631vw);
  width: calc(var(--vw-view) * 631vw);
}
.header__logo img {
  height: auto;
  width: auto;
  display: block;
	margin: 0 auto;
}
.header__block {
  width: -webkit-calc(var(--vw-view) * 250vw);
  width: -moz-calc(var(--vw-view) * 250vw);
  width: calc(var(--vw-view) * 250vw);
}
.header__block:last-child {
  text-align: right;
}
.header__block a {
  color: #F1F2F6;
  font-weight: 200;
  font-size: -webkit-calc(var(--vw-view) * 24vw);
  font-size: -moz-calc(var(--vw-view) * 24vw);
  font-size: calc(var(--vw-view) * 24vw);
}

.banner {
  background-image: url(../img/banner__bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  height: 100vh;
  width: 100%;
}
.banner.v2 {
  background-image: url(../img/banner2__bg.jpg);
  background-position: center bottom;
}
.banner .container {
  height: 100%;
}
.banner ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -webkit-calc(var(--vw-view) * 45vw);
  bottom: -moz-calc(var(--vw-view) * 45vw);
  bottom: calc(var(--vw-view) * 45vw);
}
.banner ul li {
  display: block;
  font-size: -webkit-calc(var(--vw-view) * 28vw);
  font-size: -moz-calc(var(--vw-view) * 28vw);
  font-size: calc(var(--vw-view) * 28vw);
  font-weight: 500;
}
.banner ul li.dot {
  width: -webkit-calc(var(--vw-view) * 8vw);
  width: -moz-calc(var(--vw-view) * 8vw);
  width: calc(var(--vw-view) * 8vw);
  height: -webkit-calc(var(--vw-view) * 8vw);
  height: -moz-calc(var(--vw-view) * 8vw);
  height: calc(var(--vw-view) * 8vw);
  background: #fff;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}

.document {
  height: 0;
  width: 100%;
  padding-top: 56.25%;
  background: url(../img/document__bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-position: center center;
  position: relative;
}
.document a {
  position: absolute;
  left: -webkit-calc(var(--vw-view) * 1223vw);
  left: -moz-calc(var(--vw-view) * 1223vw);
  left: calc(var(--vw-view) * 1223vw);
  color: #000;
  font-size: -webkit-calc(var(--vw-view) * 36vw);
  font-size: -moz-calc(var(--vw-view) * 36vw);
  font-size: calc(var(--vw-view) * 36vw);
}
.document a:nth-child(1) {
  top: 13.34%;
  text-decoration: underline;
}
.document a:nth-child(2) {
  top: 26.76%;
}
.document a:nth-child(3) {
  top: 41.76%;
}
.document a:nth-child(4) {
  top: 72.5%;
}
.document a:nth-child(5) {
  top: 72.5%;
  display: none;
}

.form {
  padding: -webkit-calc(var(--vw-view) * 110vw) 0;
  padding: -moz-calc(var(--vw-view) * 110vw) 0;
  padding: calc(var(--vw-view) * 110vw) 0;
  color: #F1F2F6;
}
.form__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: -webkit-calc(var(--vw-view) * 130vw);
  gap: -moz-calc(var(--vw-view) * 130vw);
  gap: calc(var(--vw-view) * 130vw);
}
.form__text {
  font-size: -webkit-calc(var(--vw-view) * 30vw);
  font-size: -moz-calc(var(--vw-view) * 30vw);
  font-size: calc(var(--vw-view) * 30vw);
  font-weight: 600;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form__text .brMob {
  display: none;
}
.form__text p {
  margin: 0;
}
.form__block {
  max-width: -webkit-calc(var(--vw-view) * 480vw);
  max-width: -moz-calc(var(--vw-view) * 480vw);
  max-width: calc(var(--vw-view) * 480vw);
  width: 100%;
  margin-top: -webkit-calc(var(--vw-view) * 17vw);
  margin-top: -moz-calc(var(--vw-view) * 17vw);
  margin-top: calc(var(--vw-view) * 17vw);
}
.form__block form {
  margin: 0;
}
.form__block form p {
  margin: 0;
}
.form__block form br {
  display: none;
}
.form__block form span {
  display: block;
}
.form__block form [data-name=your-message] {
  height: -webkit-calc(var(--vw-view) * 17vw);
  height: -moz-calc(var(--vw-view) * 17vw);
  height: calc(var(--vw-view) * 17vw);
  position: relative;
}
.form__block form label {
  font-size: -webkit-calc(var(--vw-view) * 14vw);
  font-size: -moz-calc(var(--vw-view) * 14vw);
  font-size: calc(var(--vw-view) * 14vw);
  font-weight: 400;
  margin-bottom: -webkit-calc(var(--vw-view) * 10vw);
  margin-bottom: -moz-calc(var(--vw-view) * 10vw);
  margin-bottom: calc(var(--vw-view) * 10vw);
  display: block;
}
.form__block form label .title {
  height: -webkit-calc(var(--vw-view) * 40vw);
  height: -moz-calc(var(--vw-view) * 40vw);
  height: calc(var(--vw-view) * 40vw);
}
.form__block form label input {
  width: -webkit-calc(100% - var(--vw-view) * 10vw);
  width: -moz-calc(100% - var(--vw-view) * 10vw);
  width: calc(100% - var(--vw-view) * 10vw);
  background: transparent;
  color: #F1F2F6;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #F1F2F6;
  padding: 0px 0px -webkit-calc(var(--vw-view) * 10vw) -webkit-calc(var(--vw-view) * 10vw);
  padding: 0px 0px -moz-calc(var(--vw-view) * 10vw) -moz-calc(var(--vw-view) * 10vw);
  padding: 0px 0px calc(var(--vw-view) * 10vw) calc(var(--vw-view) * 10vw);
  display: block;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.form__block form label textarea {
  width: -webkit-calc(100% - var(--vw-view) * 10vw);
  width: -moz-calc(100% - var(--vw-view) * 10vw);
  width: calc(100% - var(--vw-view) * 10vw);
  background: transparent;
  color: #F1F2F6;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #F1F2F6;
  padding: 0px 0px -webkit-calc(var(--vw-view) * 10vw) -webkit-calc(var(--vw-view) * 10vw);
  padding: 0px 0px -moz-calc(var(--vw-view) * 10vw) -moz-calc(var(--vw-view) * 10vw);
  padding: 0px 0px calc(var(--vw-view) * 10vw) calc(var(--vw-view) * 10vw);
  display: block;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  max-height: -webkit-calc(var(--vw-view) * 85vw);
  max-height: -moz-calc(var(--vw-view) * 85vw);
  max-height: calc(var(--vw-view) * 85vw);
}
.form__block form label textarea:focus {
  z-index: 1;
}
.form__block form label textarea.active {
  position: absolute;
  top: 0px;
  left: -webkit-calc(var(--vw-view) * -15vw);
  left: -moz-calc(var(--vw-view) * -15vw);
  left: calc(var(--vw-view) * -15vw);
  width: 100%;
  border: 1px solid rgb(241, 242, 246);
  padding: -webkit-calc(var(--vw-view) * 6vw) -webkit-calc(var(--vw-view) * 7vw) -webkit-calc(var(--vw-view) * 12vw) -webkit-calc(var(--vw-view) * 12vw);
  padding: -moz-calc(var(--vw-view) * 6vw) -moz-calc(var(--vw-view) * 7vw) -moz-calc(var(--vw-view) * 12vw) -moz-calc(var(--vw-view) * 12vw);
  padding: calc(var(--vw-view) * 6vw) calc(var(--vw-view) * 7vw) calc(var(--vw-view) * 12vw) calc(var(--vw-view) * 12vw);
  background: black;
}
.form__block form .wpcf7-submit {
  background: transparent;
  width: -webkit-calc(var(--vw-view) * 409vw);
  width: -moz-calc(var(--vw-view) * 409vw);
  width: calc(var(--vw-view) * 409vw);
  border: none;
  outline: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #F1F2F6;
  border: 1px solid #F1F2F6;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  font-size: -webkit-calc(var(--vw-view) * 24vw);
  font-size: -moz-calc(var(--vw-view) * 24vw);
  font-size: calc(var(--vw-view) * 24vw);
  font-weight: 600;
  text-transform: uppercase;
  height: -webkit-calc(var(--vw-view) * 86vw);
  height: -moz-calc(var(--vw-view) * 86vw);
  height: calc(var(--vw-view) * 86vw);
  margin-top: -webkit-calc(var(--vw-view) * 50vw);
  margin-top: -moz-calc(var(--vw-view) * 50vw);
  margin-top: calc(var(--vw-view) * 50vw);
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all;
  cursor: pointer;
  position: relative;
  background: #000000;
}
.form__block form .wpcf7-submit:hover {
  opacity: 0.75;
}
.form__block form .wpcf7-spinner {
  display: none;
}
.form__block form small {
  display: block;
  font-size: -webkit-calc(var(--vw-view) * 12vw);
  font-size: -moz-calc(var(--vw-view) * 12vw);
  font-size: calc(var(--vw-view) * 12vw);
  margin-top: -webkit-calc(var(--vw-view) * 20vw);
  margin-top: -moz-calc(var(--vw-view) * 20vw);
  margin-top: calc(var(--vw-view) * 20vw);
  max-width: 400px;
}

.portfolio {
  padding: -webkit-calc(var(--vw-view) * 55vw);
  padding: -moz-calc(var(--vw-view) * 55vw);
  padding: calc(var(--vw-view) * 55vw);
  padding-bottom: 0;
  --elem-count: 6;
  font-family: "Poppins", sans-serif;
}
.portfolio__text {
  font-family: "Poppins", sans-serif;
  padding-bottom: -webkit-calc(var(--vw-view) * 400vw);
  padding-bottom: -moz-calc(var(--vw-view) * 400vw);
  padding-bottom: calc(var(--vw-view) * 400vw);
}
.portfolio__text .text {
  padding-bottom: 0;
}
.portfolio__text h1 {
  font-size: -webkit-calc(var(--vw-view) * 20vw);
  font-size: -moz-calc(var(--vw-view) * 20vw);
  font-size: calc(var(--vw-view) * 20vw);
}
.portfolio__link {
  position: relative;
  height: 100vh;
  width: 100%;
  background-image: url(../img/portfolio__bg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
.portfolio__link a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.portfolio__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: -webkit-calc(var(--vw-view) * 105vw) -webkit-calc(var(--vw-view) * 45vw);
  gap: -moz-calc(var(--vw-view) * 105vw) -moz-calc(var(--vw-view) * 45vw);
  gap: calc(var(--vw-view) * 105vw) calc(var(--vw-view) * 45vw);
}
.portfolio__wrapper a {
  width: -webkit-calc((100% - var(--vw-view) * 45vw * (var(--elem-count) - 1)) / var(--elem-count));
  width: -moz-calc((100% - var(--vw-view) * 45vw * (var(--elem-count) - 1)) / var(--elem-count));
  width: calc((100% - var(--vw-view) * 45vw * (var(--elem-count) - 1)) / var(--elem-count));
}
.portfolio__wrapper a.orderFirst {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
     -moz-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.portfolio__wrapper a span {
  display: block;
  color: #F1F2F6;
  margin-top: -webkit-calc(var(--vw-view) * 30vw);
  margin-top: -moz-calc(var(--vw-view) * 30vw);
  margin-top: calc(var(--vw-view) * 30vw);
  text-align: center;
  font-weight: 600;
}

.content {
  padding: -webkit-calc(var(--vw-view) * 80vw) 0;
  padding: -moz-calc(var(--vw-view) * 80vw) 0;
  padding: calc(var(--vw-view) * 80vw) 0;
  font-size: -webkit-calc(var(--vw-view) * 30vw);
  font-size: -moz-calc(var(--vw-view) * 30vw);
  font-size: calc(var(--vw-view) * 30vw);
  text-align: center;
}
.content.v2 {
  padding: -webkit-calc(var(--vw-view) * 120vw) 0;
  padding: -moz-calc(var(--vw-view) * 120vw) 0;
  padding: calc(var(--vw-view) * 120vw) 0;
}
.content.v2 .text *:last-child {
  margin-bottom: 0;
}
.content .text {
  font-weight: 600;
  padding: 0;
}
.content .text .brMob {
  display: none;
}
.content .text * {
  margin-bottom: -webkit-calc(var(--vw-view) * 45vw);
  margin-bottom: -moz-calc(var(--vw-view) * 45vw);
  margin-bottom: calc(var(--vw-view) * 45vw);
}
.content .text *:last-child {
  margin-bottom: -webkit-calc(var(--vw-view) * 45vw);
  margin-bottom: -moz-calc(var(--vw-view) * 45vw);
  margin-bottom: calc(var(--vw-view) * 45vw);
}

.footer {
  background: #F1F2F6;
  padding: -webkit-calc(var(--vw-view) * 35vw) 0;
  padding: -moz-calc(var(--vw-view) * 35vw) 0;
  padding: calc(var(--vw-view) * 35vw) 0;
  color: #000;
}
.footer__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: -webkit-calc(var(--vw-view) * 460vw);
  max-width: -moz-calc(var(--vw-view) * 460vw);
  max-width: calc(var(--vw-view) * 460vw);
  width: 100%;
  font-size: -webkit-calc(var(--vw-view) * 12vw);
  font-size: -moz-calc(var(--vw-view) * 12vw);
  font-size: calc(var(--vw-view) * 12vw);
}
.footer__block small {
  font-size: -webkit-calc(var(--vw-view) * 12vw);
  font-size: -moz-calc(var(--vw-view) * 12vw);
  font-size: calc(var(--vw-view) * 12vw);
}
.footer__block a {
  color: #000;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.footer__block a:first-child {
  margin-bottom: -webkit-calc(var(--vw-view) * 7vw);
  margin-bottom: -moz-calc(var(--vw-view) * 7vw);
  margin-bottom: calc(var(--vw-view) * 7vw);
}
.footer__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer__social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: -webkit-calc(var(--vw-view) * 30vw);
  gap: -moz-calc(var(--vw-view) * 30vw);
  gap: calc(var(--vw-view) * 30vw);
}
.footer__social a img {
  display: block;
  height: -webkit-calc(var(--vw-view) * 60vw);
  height: -moz-calc(var(--vw-view) * 60vw);
  height: calc(var(--vw-view) * 60vw);
}

.indexText {
  min-height: -webkit-calc(100vh - var(--vw-view) * 228vw);
  min-height: -moz-calc(100vh - var(--vw-view) * 228vw);
  min-height: calc(100vh - var(--vw-view) * 228vw);
}

@media (max-width: 1200px) {
  .portfolio {
    --elem-count: 5;
  }
}
@media (max-width: 1024px) {

  .portfolio {
    --elem-count: 4;
  }
  .portfolio__link {
    height: 0;
    padding-top: 100%;
    background-image: url(../img/portfolio__plan.jpg);
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }

  :root {
    --vw-view: -webkit-calc(100 / 375);
    --vw-view: -moz-calc(100 / 375);
    --vw-view: calc(100 / 375);
  }
  body {
    font-size: -webkit-calc(var(--vw-view) * 11vw);
    font-size: -moz-calc(var(--vw-view) * 11vw);
    font-size: calc(var(--vw-view) * 11vw);
  }
  .container {
    padding: 0 -webkit-calc(var(--vw-view) * 15vw);
    padding: 0 -moz-calc(var(--vw-view) * 15vw);
    padding: 0 calc(var(--vw-view) * 15vw);
  }
  h1 {
    font-size: -webkit-calc(var(--vw-view) * 16vw);
    font-size: -moz-calc(var(--vw-view) * 16vw);
    font-size: calc(var(--vw-view) * 16vw);
  }
  .header {
    margin-bottom: 0;
    padding: -webkit-calc(var(--vw-view) * 31vw) 0 -webkit-calc(var(--vw-view) * 22vw) 0;
    padding: -moz-calc(var(--vw-view) * 31vw) 0 -moz-calc(var(--vw-view) * 22vw) 0;
    padding: calc(var(--vw-view) * 31vw) 0 calc(var(--vw-view) * 22vw) 0;
    position: relative;
    top: 0;
    left: 0;
  }
  .header.v2 {
    margin-bottom: 0;
  }
  .header__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__logo {
    max-width: -webkit-calc(var(--vw-view) * 315vw);
    max-width: -moz-calc(var(--vw-view) * 315vw);
    max-width: calc(var(--vw-view) * 315vw);
    width: 100%;
    margin: 0 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: -webkit-calc(var(--vw-view) * 9vw);
    margin-bottom: -moz-calc(var(--vw-view) * 9vw);
    margin-bottom: calc(var(--vw-view) * 9vw);
  }
  .header a {
    font-size: -webkit-calc(var(--vw-view) * 11vw);
    font-size: -moz-calc(var(--vw-view) * 11vw);
    font-size: calc(var(--vw-view) * 11vw);
  }
  .header__block {
    text-align: center;
    width: 100%;
  }
  .header__block:first-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .header__block:last-child {
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: -webkit-calc(var(--vw-view) * 9vw);
    margin-bottom: -moz-calc(var(--vw-view) * 9vw);
    margin-bottom: calc(var(--vw-view) * 9vw);
  }
  .banner {
    height: -webkit-calc(100vh - var(--vw-view) * 139vw);
    height: -moz-calc(100vh - var(--vw-view) * 139vw);
    height: calc(100vh - var(--vw-view) * 139vw);
    background-image: url(../img/banner__mob.png);
    background-position: center top;
  }
  .banner.v2 {
    background-image: url(../img/banner2__mob.png);
    background-position: center bottom;
  }
  .banner ul {
    display: block;
    width: -webkit-calc(100% - var(--vw-view) * 30vw);
    width: -moz-calc(100% - var(--vw-view) * 30vw);
    width: calc(100% - var(--vw-view) * 30vw);
    left: -webkit-calc(var(--vw-view) * 15vw);
    left: -moz-calc(var(--vw-view) * 15vw);
    left: calc(var(--vw-view) * 15vw);
    bottom: -webkit-calc(var(--vw-view) * 25vw);
    bottom: -moz-calc(var(--vw-view) * 25vw);
    bottom: calc(var(--vw-view) * 25vw);
  }
  .banner ul li {
    font-size: -webkit-calc(var(--vw-view) * 14vw);
    font-size: -moz-calc(var(--vw-view) * 14vw);
    font-size: calc(var(--vw-view) * 14vw);
  }
  .banner ul li.dot {
    display: none;
  }
  .document a {
    left: -webkit-calc(var(--vw-view) * 238vw);
    left: -moz-calc(var(--vw-view) * 238vw);
    left: calc(var(--vw-view) * 238vw);
    font-size: -webkit-calc(var(--vw-view) * 11vw);
    font-size: -moz-calc(var(--vw-view) * 11vw);
    font-size: calc(var(--vw-view) * 11vw);
  }
  .document a:nth-child(4) {
    display: none;
  }
  .document a:nth-child(5) {
    display: block;
  }
  .form {
    padding: -webkit-calc(var(--vw-view) * 25vw) 0;
    padding: -moz-calc(var(--vw-view) * 25vw) 0;
    padding: calc(var(--vw-view) * 25vw) 0;
  }
  .form__text {
    width: 100%;
    font-size: -webkit-calc(var(--vw-view) * 16vw);
    font-size: -moz-calc(var(--vw-view) * 16vw);
    font-size: calc(var(--vw-view) * 16vw);
  }
  .form__text br {
    display: none;
  }
  .form__text .brMob {
    display: block;
  }
  .form__wrapper {
    gap: -webkit-calc(var(--vw-view) * 52vw);
    gap: -moz-calc(var(--vw-view) * 52vw);
    gap: calc(var(--vw-view) * 52vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .form__block {
    margin-top: 0;
  }
  .form__block form label {
    font-size: -webkit-calc(var(--vw-view) * 10vw);
    font-size: -moz-calc(var(--vw-view) * 10vw);
    font-size: calc(var(--vw-view) * 10vw);
    margin-bottom: -webkit-calc(var(--vw-view) * 7vw);
    margin-bottom: -moz-calc(var(--vw-view) * 7vw);
    margin-bottom: calc(var(--vw-view) * 7vw);
  }
  .form__block form label .title {
    height: -webkit-calc(var(--vw-view) * 29vw);
    height: -moz-calc(var(--vw-view) * 29vw);
    height: calc(var(--vw-view) * 29vw);
  }
  .form__block form label input {
    padding: 0 0 -webkit-calc(var(--vw-view) * 5vw) -webkit-calc(var(--vw-view) * 5vw);
    padding: 0 0 -moz-calc(var(--vw-view) * 5vw) -moz-calc(var(--vw-view) * 5vw);
    padding: 0 0 calc(var(--vw-view) * 5vw) calc(var(--vw-view) * 5vw);
  }
  .form__block form label textarea {
    padding: 0 0 -webkit-calc(var(--vw-view) * 5vw) -webkit-calc(var(--vw-view) * 5vw);
    padding: 0 0 -moz-calc(var(--vw-view) * 5vw) -moz-calc(var(--vw-view) * 5vw);
    padding: 0 0 calc(var(--vw-view) * 5vw) calc(var(--vw-view) * 5vw);
  }
  .form__block form .wpcf7-submit {
    font-size: -webkit-calc(var(--vw-view) * 14vw);
    font-size: -moz-calc(var(--vw-view) * 14vw);
    font-size: calc(var(--vw-view) * 14vw);
    height: -webkit-calc(var(--vw-view) * 60vw);
    height: -moz-calc(var(--vw-view) * 60vw);
    height: calc(var(--vw-view) * 60vw);
    width: -webkit-calc(var(--vw-view) * 345vw);
    width: -moz-calc(var(--vw-view) * 345vw);
    width: calc(var(--vw-view) * 345vw);
    margin-top: -webkit-calc(var(--vw-view) * 78vw);
    margin-top: -moz-calc(var(--vw-view) * 78vw);
    margin-top: calc(var(--vw-view) * 78vw);
  }
  .form__block form small {
    font-size: -webkit-calc(var(--vw-view) * 9vw);
    font-size: -moz-calc(var(--vw-view) * 9vw);
    font-size: calc(var(--vw-view) * 9vw);
    margin-top: -webkit-calc(var(--vw-view) * 15vw);
    margin-top: -moz-calc(var(--vw-view) * 15vw);
    margin-top: calc(var(--vw-view) * 15vw);
    width: 100%;
  }
  .portfolio {
    padding: -webkit-calc(var(--vw-view) * 30vw) -webkit-calc(var(--vw-view) * 15vw) 0;
    padding: -moz-calc(var(--vw-view) * 30vw) -moz-calc(var(--vw-view) * 15vw) 0;
    padding: calc(var(--vw-view) * 30vw) calc(var(--vw-view) * 15vw) 0;
  }
  .portfolio__text {
    padding-bottom: -webkit-calc(var(--vw-view) * 70vw);
    padding-bottom: -moz-calc(var(--vw-view) * 70vw);
    padding-bottom: calc(var(--vw-view) * 70vw);
  }
  .portfolio__text h1 {
    font-size: -webkit-calc(var(--vw-view) * 16vw);
    font-size: -moz-calc(var(--vw-view) * 16vw);
    font-size: calc(var(--vw-view) * 16vw);
  }
  .portfolio__link {
    height: -webkit-calc(var(--vw-view) * 550vw);
    height: -moz-calc(var(--vw-view) * 550vw);
    height: calc(var(--vw-view) * 550vw);
    padding-top: 0;
  }
  .portfolio__wrapper {
    gap: -webkit-calc(var(--vw-view) * 28vw) -webkit-calc(var(--vw-view) * 30vw);
    gap: -moz-calc(var(--vw-view) * 28vw) -moz-calc(var(--vw-view) * 30vw);
    gap: calc(var(--vw-view) * 28vw) calc(var(--vw-view) * 30vw);
  }
  .portfolio__wrapper a {
    width: -webkit-calc((100% - var(--vw-view) * 30vw * (var(--elem-count) - 1)) / var(--elem-count));
    width: -moz-calc((100% - var(--vw-view) * 30vw * (var(--elem-count) - 1)) / var(--elem-count));
    width: calc((100% - var(--vw-view) * 30vw * (var(--elem-count) - 1)) / var(--elem-count));
  }
  .portfolio__wrapper a span {
    margin-top: -webkit-calc(var(--vw-view) * 7vw);
    margin-top: -moz-calc(var(--vw-view) * 7vw);
    margin-top: calc(var(--vw-view) * 7vw);
  }
  .text {
    padding: -webkit-calc(var(--vw-view) * 30vw) 0;
    padding: -moz-calc(var(--vw-view) * 30vw) 0;
    padding: calc(var(--vw-view) * 30vw) 0;
  }
  .text h1 {
    margin-bottom: -webkit-calc(var(--vw-view) * 30vw);
    margin-bottom: -moz-calc(var(--vw-view) * 30vw);
    margin-bottom: calc(var(--vw-view) * 30vw);
  }
.text img,
  .text .wp-video,
	.text iframe,
	.portfolio__text p {
    margin-bottom: -webkit-calc(var(--vw-view) * 30vw);
    margin-bottom: -moz-calc(var(--vw-view) * 30vw);
    margin-bottom: calc(var(--vw-view) * 30vw);
  }
  .content {
    font-size: -webkit-calc(var(--vw-view) * 16vw);
    font-size: -moz-calc(var(--vw-view) * 16vw);
    font-size: calc(var(--vw-view) * 16vw);
    padding: -webkit-calc(var(--vw-view) * 30vw) 0;
    padding: -moz-calc(var(--vw-view) * 30vw) 0;
    padding: calc(var(--vw-view) * 30vw) 0;
  }
  .content.v2 {
    padding: -webkit-calc(var(--vw-view) * 70vw) 0;
    padding: -moz-calc(var(--vw-view) * 70vw) 0;
    padding: calc(var(--vw-view) * 70vw) 0;
  }
  .content .text {
    text-align: left;
  }
  .content .text br {
    display: none;
  }
  .content .text * {
    margin-bottom: -webkit-calc(var(--vw-view) * 24vw);
    margin-bottom: -moz-calc(var(--vw-view) * 24vw);
    margin-bottom: calc(var(--vw-view) * 24vw);
  }
  .content .text *:last-child {
    margin-bottom: 0;
  }
  .content .text br {
    display: none;
  }
  .footer {
    padding: -webkit-calc(var(--vw-view) * 30vw) 0 -webkit-calc(var(--vw-view) * 20vw);
    padding: -moz-calc(var(--vw-view) * 30vw) 0 -moz-calc(var(--vw-view) * 20vw);
    padding: calc(var(--vw-view) * 30vw) 0 calc(var(--vw-view) * 20vw);
  }
  .footer__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: -webkit-calc(var(--vw-view) * 12vw);
    gap: -moz-calc(var(--vw-view) * 12vw);
    gap: calc(var(--vw-view) * 12vw);
  }
  .footer__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: -webkit-calc(var(--vw-view) * 8vw);
    gap: -moz-calc(var(--vw-view) * 8vw);
    gap: calc(var(--vw-view) * 8vw);
  }
  .footer__block a:first-child {
    margin-bottom: 0;
  }
  .footer__block div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer__social {
    gap: -webkit-calc(var(--vw-view) * 15vw);
    gap: -moz-calc(var(--vw-view) * 15vw);
    gap: calc(var(--vw-view) * 15vw);
    -webkit-box-pack: end;
    -webkit-justify-content: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    width: 100%;
  }
  .footer__social a:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .footer__social a img {
    height: -webkit-calc(var(--vw-view) * 35vw);
    height: -moz-calc(var(--vw-view) * 35vw);
    height: calc(var(--vw-view) * 35vw);
  }
}
@media (max-width: 768px) {
  .portfolio {
    --elem-count: 3;
  }
  .portfolio__link {
    background-image: url(../img/portfolio__mob.png);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
}
@media (max-width: 575px) {
  .portfolio {
    --elem-count: 2;
  }
}