@charset "UTF-8";
/*Обнуление*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,regular,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:regular);
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*--------------------*/
@font-face {
  font-family: Adieu;
  font-display: swap;
  src: url("../fonts/Adieu-Regular.woff2") format("woff2"), url("../fonts/Adieu-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Freight Big Light Italic;
  font-display: swap;
  src: url("../fonts/Freight Big Light Italic.woff2") format("woff2"), url("../fonts/Freight Big Light Italic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: helveticaneue;
  font-display: swap;
  src: url("../fonts/helveticaneue.woff2") format("woff2"), url("../fonts/helveticaneue.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: HelveticaNeue Medium;
  font-display: swap;
  src: url("../fonts/HelveticaNeue Medium.woff2") format("woff2"), url("../fonts/HelveticaNeue Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: icons;
  font-display: swap;
  src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-slogan:before {
  content: "\e90c";
}

.icon-group:before {
  content: "\e905";
}

.icon-left-arrowhead:before {
  content: "\e900";
}

.icon-arrow-right:before {
  content: "\e901";
}

.icon-book:before {
  content: "\e902";
}

.icon-calc:before {
  content: "\e903";
}

.icon-criss-cross:before {
  content: "\e904";
}

.icon-cyrcle-white:before {
  content: "\e906";
}

.icon-down-arrowhead:before {
  content: "\e907";
}

.icon-exit:before {
  content: "\e908";
}

.icon-facebook:before {
  content: "\e909";
}

.icon-geotag:before {
  content: "\e90a";
}

.icon-geotag-grey:before {
  content: "\e90b";
}

.icon-left-arrowhead-blue:before {
  content: "\e90f";
}

.icon-linkedin:before {
  content: "\e910";
}

.icon-plus:before {
  content: "\e911";
}

.icon-right-arrowhead:before {
  content: "\e912";
}

.icon-right-arrowhead-grey:before {
  content: "\e913";
}

.icon-select-arrow:before {
  content: "\e914";
}

.icon-send-request:before {
  content: "\e915";
}

.icon-size:before {
  content: "\e916";
}

.icon-twiter:before {
  content: "\e917";
}

:root {
  --pdng-conteiner: 63px;
  --width-smaller-container: 1044px;
  --pdng-text-conteiner: 120px;
}
@media screen and (max-width: 1024px) {
  :root {
    --pdng-conteiner: 56px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --pdng-conteiner: 48px;
  }
}
@media screen and (max-width: 375px) {
  :root {
    --pdng-conteiner: 24px;
  }
}
@media screen and (max-width: 1440px) {
  :root {
    --width-smaller-container: 72.64%;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --width-smaller-container: 68.95%;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --width-smaller-container: 67.71%;
  }
}
@media screen and (max-width: 600px) {
  :root {
    --width-smaller-container: 100%;
  }
}

h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 122%;
}
@media (max-width: 1024px) {
  h2 {
    font-size: 32px;
    line-height: 121.875%;
  }
}
@media (max-width: 375px) {
  h2 {
    font-size: 26px;
  }
}

h3 {
  font-size: 22px;
  line-height: 127.27%;
}
@media (max-width: 1024px) {
  h3 {
    font-size: 20px;
    line-height: 125%;
  }
}

h4 {
  font-size: 16px;
  line-height: 137.5%;
}

h6 {
  font-weight: 300;
  font-size: 11px;
  line-height: 17.7px;
  letter-spacing: 0.06em;
}

.p1 {
  font-weight: 300;
  font-size: 14px;
  line-height: 171.43%;
  color: #080808;
}

/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

body {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  background: #e5e5e5;
}

._lock {
  overflow: hidden;
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #080808;
  z-index: 1001;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s opacity;
}
.preloader.loaded_hiding {
  transition: 0.3s opacity;
  opacity: 0;
}
.preloader.loaded {
  display: none;
}
.preloader__content {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 120.83%;
  color: #fafafa;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  display: flex;
}
@media (max-width: 1024px) {
  .preloader__content {
    letter-spacing: normal;
  }
}
.preloader__variable-element.space {
  margin-left: 15px;
}

.wrapper {
  position: relative;
  max-width: 1440px;
  min-height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background-color: #e5e5e5;
}

.header {
  width: 100%;
  height: 96px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: rgba(8, 8, 8, 0.2);
}
@media (max-width: 1024px) {
  .header {
    height: 106px;
  }
}
@media (max-width: 600px) {
  .header {
    height: 60px;
  }
}
.header__container {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__zero {
  position: absolute;
  top: -100vh;
  width: 100vw;
  height: 100vh;
  left: 0;
  transition: all 0.9s ease 0s;
}
.header .header__data-box {
  position: absolute;
  z-index: 11;
  left: var(--pdng-conteiner, 63px);
  bottom: 40px;
}
@media (max-width: 1024px) {
  .header .header__data-box {
    bottom: 32px;
  }
}
@media (max-width: 425px) {
  .header .header__data-box {
    bottom: 24px;
  }
}
.header .data-box {
  width: 100%;
  display: flex;
  font-weight: 600;
  font-size: 11px;
  line-height: 118.18%;
  letter-spacing: 0.06em;
}
.header .data-box .language-box {
  width: 78px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
}
@media (max-width: 500px) {
  .header .data-box .language-box {
    display: none;
  }
}
.header .data-box__location {
  margin-left: 8.4%;
  width: 117px;
  height: 24px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 1.15336px 1.22544px rgba(0, 0, 0, 0.2), inset 0px -0.288339px 0.0720847px rgba(255, 255, 255, 0.23);
  backdrop-filter: blur(2px);
  border-radius: 8.70783px;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .header .data-box__location {
    margin-left: 7.71%;
  }
}
@media (max-width: 768px) {
  .header .data-box__location {
    margin-left: 8.33%;
  }
}
@media (max-width: 500px) {
  .header .data-box__location {
    margin-left: 0;
  }
}
.header .data-box__flag {
  margin-left: 12px;
  font-size: 10px;
}
.header .data-box__city-list {
  width: 77px;
  margin-left: 6px;
  background: none;
  border: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 11.18%;
  letter-spacing: 0.06em;
  color: inherit;
}
.header .data-box__city-name {
  color: black;
}
.header .data-box__contacts {
  width: auto;
  margin: 0 0 0 5%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 672px) {
  .header .data-box__contacts {
    flex-direction: column;
    align-items: flex-start;
  }
}
.header .data-box__phone {
  margin-right: 40px;
}
.header__logo {
  flex: 1 1 15.56%;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  z-index: 2;
}
.header__logo a {
  width: 153px;
  display: block;
}
@media (max-width: 1024px) {
  .header__logo {
    flex: 1 1 17.12%;
  }
}
@media (max-width: 768px) {
  .header__logo {
    flex: 1 1 22.77%;
  }
  .header__logo a {
    width: auto;
  }
}
.header__menu {
  height: 100%;
  flex: 1 1 83.6%;
}
@media (max-width: 1024px) {
  .header__menu {
    flex: 1 1 82.69%;
  }
}
@media (max-width: 768px) {
  .header__menu {
    flex: 1 1 77.23%;
  }
}

.menu {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 11px;
  line-height: 84.6%;
  letter-spacing: 0.06em;
}
.menu__burger {
  display: none;
}
.menu__body {
  height: 100%;
  width: auto;
}
@media (max-width: 600px) {
  .menu__body {
    order: 2;
  }
}
.menu__box-list {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.menu__box-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (max-width: 1024px) {
  .menu__box-list {
    position: absolute;
    height: calc(100vh - 200px);
    top: 106px;
  }
}
@media (max-width: 768px) {
  .menu__box-list {
    height: calc(100vh - 178px);
    top: 90px;
  }
}
@media (max-width: 600px) {
  .menu__box-list {
    height: calc(100vh - 132px);
    top: 60px;
  }
}
.menu__list {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu__item {
  margin-right: 48px;
}
.menu__item_button {
  display: none;
}
.menu__last-block {
  width: 283px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .menu__last-block {
    width: 231px;
  }
}
@media (max-width: 600px) {
  .menu__last-block {
    order: 1;
  }
}
.menu__language {
  z-index: 2;
}
.menu__button {
  width: 183px;
  height: 48px;
  border: 1px solid rgba(253, 253, 253, 0.32);
  background: none;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: inherit;
  cursor: pointer;
  z-index: 2;
}
.menu__button div {
  margin: auto auto;
  color: inherit;
}
@media (max-width: 1024px) {
  .menu__button {
    height: 42px;
  }
}
@media (max-width: 1024px) {
  .menu__button {
    width: 158px;
  }
}

@media (max-width: 1024px) {
  .menu__burger {
    width: 87px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .menu__heading._active {
    display: none;
  }
  .menu__burger-icon {
    width: 28px;
    display: block;
    position: relative;
    height: 14px;
    z-index: 4;
  }
  .menu__burger-icon._active {
    margin-left: 9px;
  }
  .menu__burger-icon:before, .menu__burger-icon:after {
    content: "";
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    transition: all 0.3s ease 0s;
  }
  .menu__burger-icon:before {
    top: 0;
  }
  .menu__burger-icon:after {
    bottom: 0;
  }
  .menu__burger-icon._active:before {
    transform: rotate(45deg);
    top: 5px;
  }
  .menu__burger-icon._active::after {
    transform: rotate(-45deg);
    bottom: 8px;
  }
  .menu__box-list {
    display: none;
  }
  .menu__box-list._active {
    display: block;
  }
  .menu__list {
    width: 233px;
    height: min-content;
    margin-top: 12vh;
    overflow-y: auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    font-size: 32px;
    line-height: 121.875%;
    color: #ffffff;
  }
  .menu__list li {
    margin-bottom: 41px;
    opacity: 0.5;
  }
  .menu__list li:last-child {
    margin-bottom: 45px;
  }
  .header__zero._active {
    top: 0;
    background: #080808;
    opacity: 0.98;
    transition: all 0.9s ease 0s;
  }
}
@media (max-width: 768px) {
  .menu__burger {
    width: 84px;
  }
}
@media (max-width: 600px) {
  .menu {
    width: 99px;
    flex: 0 0 auto;
  }
  .menu__burger {
    order: 2;
    width: auto;
  }
  .menu__heading {
    display: none;
  }
  .menu__item_button {
    display: none;
    width: 183px;
    height: 48px;
    border: 1px solid rgba(253, 253, 253, 0.32);
    background: none;
    display: flex;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: inherit;
    cursor: pointer;
    z-index: 2;
    width: 158px;
  }
  .menu__item_button div {
    margin: auto auto;
    color: inherit;
  }
}
@media (max-width: 600px) and (max-width: 1024px) {
  .menu__item_button {
    height: 42px;
  }
}
@media (max-width: 600px) {
  .menu__last-block {
    order: 1;
  }
}
@media (max-width: 600px) {
  .menu__button {
    display: none;
  }
}
@media (max-width: 600px) {
  .menu__box-list {
    right: 0;
    width: 100vw;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .menu__list {
    font-size: 26px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 600px) {
  .menu__item {
    margin-right: 0;
  }
}
.menu__list li:nth-child(1) {
  display: none;
}
@media (max-width: 1024px) {
  .menu__list li:nth-child(1) {
    display: block;
    opacity: 1;
  }
}

main {
  flex: 1 1 auto;
}

.first-section {
  position: relative;
  width: 100%;
  height: 744px;
}
@media (max-width: 1024px) {
  .first-section {
    height: 710px;
  }
}
@media (max-width: 768px) {
  .first-section {
    height: 959px;
  }
}
@media (max-width: 500px) {
  .first-section {
    height: 100vh;
  }
}
.first-section__swiper {
  width: 100%;
  height: 100%;
  position: absolute;
}
.first-section__swiper._active {
  width: 100vw;
}
.first-section__swiper-wrapper {
  position: absolute;
  height: 100%;
}
.first-section__swiper-slide {
  width: 85%;
  height: 100%;
}
.first-section__img-example {
  height: 100%;
  width: 100%;
}
.first-section__img-example img {
  width: 100%;
  height: 100%;
}

.scrollbar-navigation {
  width: 250px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 5;
  top: 62.3%;
  right: 171px;
  font-weight: 300;
  font-size: 11px;
  line-height: 1.18%;
  letter-spacing: 0.06em;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .scrollbar-navigation {
    width: 236px;
    right: 162px;
  }
}
@media (max-width: 768px) {
  .scrollbar-navigation {
    right: 145px;
  }
}
@media (max-width: 730px) {
  .scrollbar-navigation {
    width: 177px;
  }
}
@media (max-width: 650px) {
  .scrollbar-navigation {
    left: 16.14%;
    top: 25.83%;
    transform: translate(13px);
  }
}
@media (max-width: 500px) {
  .scrollbar-navigation {
    left: var(--pdng-conteiner);
  }
}

.scrollbar-navigation .swiper-button-prev {
  position: static;
  font-weight: 300;
  font-size: 11px;
  line-height: 1.18%;
  letter-spacing: 0.06em;
  color: #ffffff;
}
.scrollbar-navigation .swiper-button-prev::after {
  position: relative;
  left: -31px;
  font-size: 9px;
}

.scrollbar-navigation .swiper-button-next {
  position: static;
  font-weight: 300;
  font-size: 11px;
  line-height: 1.18%;
  letter-spacing: 0.06em;
  color: #ffffff;
}
.scrollbar-navigation .swiper-button-next::after {
  position: relative;
  left: 10px;
  font-size: 9px;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: static;
  width: 148px;
  height: 1px;
  background: rgba(255, 255, 255, 0.32);
}
@media screen and (max-width: 730px) {
  .swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    width: 88px;
  }
}

.swiper-scrollbar-drag {
  background: rgb(255, 255, 255);
}

.first-section__container {
  position: relative;
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.first-section__slogan {
  position: absolute;
  width: 551px;
  height: 122px;
  left: 18.26%;
  top: 37.5%;
  z-index: 1;
  font-size: 56px;
  line-height: 121.43%;
}
@media (max-width: 1024px) {
  .first-section__slogan {
    width: 440px;
    font-size: 48px;
    left: 15.52%;
  }
}
@media (max-width: 768px) {
  .first-section__slogan {
    width: 380px;
    font-size: 44px;
    left: 16.14%;
  }
}
@media (max-width: 500px) {
  .first-section__slogan {
    font-size: 40px;
    line-height: 97.5%;
    left: var(--pdng-conteiner);
    width: 76.8%;
  }
}
.first-section__discover-more {
  width: fit-content;
  height: 13px;
  z-index: 1;
  position: absolute;
  top: 61.83%;
  left: 18.26%;
}
.first-section__discover-more .discover-more__link {
  position: relative;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: inherit;
  display: flex;
  padding: 0 65px 0 16px;
}
.first-section__discover-more .discover-more__link::before, .first-section__discover-more .discover-more__link::after {
  content: " ";
  position: absolute;
  top: 35%;
  display: block;
  background: rgba(255, 255, 255, 0.4);
}
.first-section__discover-more .discover-more__link::before {
  left: 0;
  width: 8px;
  height: 1px;
}
.first-section__discover-more .discover-more__link::after {
  right: 0;
  width: 56px;
  height: 1px;
}
@media (max-width: 1024px) {
  .first-section__discover-more {
    left: 15.52%;
  }
}
@media (max-width: 768px) {
  .first-section__discover-more {
    left: 16.14%;
  }
}
@media (max-width: 500px) {
  .first-section__discover-more {
    left: var(--pdng-conteiner);
    top: 68.82%;
  }
}
@media (max-width: 425px) {
  .first-section__discover-more {
    left: var(--pdng-conteiner);
  }
}
.first-section__data-box {
  position: absolute;
  z-index: 11;
  left: var(--pdng-conteiner, 63px);
  bottom: 40px;
}
@media (max-width: 1024px) {
  .first-section__data-box {
    bottom: 32px;
  }
}
@media (max-width: 425px) {
  .first-section__data-box {
    bottom: 24px;
  }
}
.first-section .data-box {
  width: 100%;
  display: flex;
  font-weight: 600;
  font-size: 11px;
  line-height: 118.18%;
  letter-spacing: 0.06em;
}
.first-section .data-box .language-box {
  width: 78px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
}
@media (max-width: 500px) {
  .first-section .data-box .language-box {
    display: none;
  }
}
.first-section .data-box__location {
  margin-left: 8.4%;
  width: 117px;
  height: 24px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 1.15336px 1.22544px rgba(0, 0, 0, 0.2), inset 0px -0.288339px 0.0720847px rgba(255, 255, 255, 0.23);
  backdrop-filter: blur(2px);
  border-radius: 8.70783px;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .first-section .data-box__location {
    margin-left: 7.71%;
  }
}
@media (max-width: 768px) {
  .first-section .data-box__location {
    margin-left: 8.33%;
  }
}
@media (max-width: 500px) {
  .first-section .data-box__location {
    margin-left: 0;
  }
}
.first-section .data-box__flag {
  margin-left: 12px;
  font-size: 10px;
}
.first-section .data-box__city-list {
  width: 77px;
  margin-left: 6px;
  background: none;
  border: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 11.18%;
  letter-spacing: 0.06em;
  color: inherit;
}
.first-section .data-box__city-name {
  color: black;
}
.first-section .data-box__contacts {
  width: auto;
  margin: 0 0 0 5%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 672px) {
  .first-section .data-box__contacts {
    flex-direction: column;
    align-items: flex-start;
  }
}
.first-section .data-box__phone {
  margin-right: 40px;
}
.first-section__column {
  z-index: 1;
  position: absolute;
  right: 3.56%;
  bottom: 6%;
  transform: rotate(-90deg) translate(102px, 102px);
}
@media (max-width: 1024px) {
  .first-section__column {
    transform: rotate(-90deg) translate(113px, 102px);
  }
}
@media (max-width: 768px) {
  .first-section__column {
    transform: rotate(-90deg) translate(135px, 148px);
  }
}
@media (max-width: 500px) {
  .first-section__column {
    transform: rotate(-90deg) translate(169px, 160px);
  }
}
@media (max-width: 500px) {
  .first-section__column {
    transform: rotate(-90deg) translate(164px, 160px);
  }
}
.first-section__next {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
}
@media (max-width: 500px) {
  .first-section__next {
    display: none;
  }
}
.first-section__vertical-slogan {
  width: 318px;
  height: auto;
  font-size: 3.33vw;
  line-height: 3.26vw;
  letter-spacing: 0.04em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
}
@media (max-width: 1024px) {
  .first-section__vertical-slogan {
    font-size: 32px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .first-section__vertical-slogan {
    width: 354px;
  }
}
@media (max-width: 425px) {
  .first-section__vertical-slogan {
    font-size: 18px;
    -webkit-text-fill-color: unset;
    -webkit-text-stroke: unset;
  }
}

.second-section {
  width: 100%;
  max-width: 1440px;
  max-height: 1358px;
  height: 94.31vw;
  margin: 0 auto;
  padding-top: 9.73%;
  padding-bottom: 9.73%;
  display: grid;
  grid-template: repeat(2, 1fr)/13.68% 35.76% 14.93% 3fr 1fr;
  color: #080808;
}
@media (max-width: 1024px) {
  .second-section {
    grid-template: repeat(2, 1fr)/15.53% 33.59% 16.798% 3fr 1fr;
    height: 1085px;
    padding-top: 12.11%;
    padding-bottom: 12.11%;
  }
}
@media (max-width: 768px) {
  .second-section {
    max-width: 768px;
    height: 100%;
    padding: 0 16.15%;
    margin: 0 auto;
    box-sizing: content-box;
    width: auto;
    height: min-content;
    padding-top: 13.54%;
    padding-bottom: 13.54%;
    grid-template: repeat(3, auto)/repeat(1, 1fr);
    position: relative;
  }
}
@media (max-width: 768px) and (max-width: 471px) {
  .second-section {
    padding: 6.67% 24px 17.07%;
  }
}
.second-section__vertical-heading {
  grid-row: 1/3;
  width: 108.16px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(130, 130, 130, 0.32);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-48.58px, -48.58px);
  margin-left: var(--pdng-conteiner);
  margin-top: 45.6%;
}
@media (max-width: 600px) {
  .second-section__vertical-heading {
    display: none;
  }
}
.second-section__vertical-heading::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(130, 130, 130, 0.16);
  left: 0;
  width: 57px;
  height: 1px;
}
@media (max-width: 768px) {
  .second-section__vertical-heading {
    position: absolute;
    margin-left: var(--pdng-conteiner);
    margin-top: 1.2%;
  }
}
@media (max-width: 471px) {
  .second-section__vertical-heading {
    display: none;
  }
}
.second-section__content {
  grid-column: 2/4;
  max-width: 515px;
  margin-top: 11.6%;
  margin-right: 68px;
  margin-bottom: 23.59%;
}
.second-section__content p {
  margin-top: 24px;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .second-section__content {
    margin-top: 10.47%;
    margin-bottom: 19.18%;
  }
}
@media (max-width: 768px) {
  .second-section__content {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 64px;
    margin-right: 0;
    grid-column: 1;
  }
}
@media (max-width: 768px) {
  .second-section__content {
    margin-bottom: 80px;
  }
}
.second-section__heading {
  margin-bottom: 4px;
}
@media (max-width: 1024px) {
  .second-section__heading {
    margin-bottom: -8.36px;
  }
}
@media (max-width: 1024px) {
  .second-section__paragraph1 {
    margin-bottom: -10.69px;
  }
}
@media (max-width: 1024px) {
  .second-section__paragraph2 {
    margin-bottom: -7.69px;
  }
}
.second-section__discover-more {
  margin-top: 12.427%;
  margin-bottom: 20px;
  width: fit-content;
  height: 13px;
}
.second-section__discover-more .discover-more__link {
  position: relative;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: inherit;
  display: flex;
  padding: 0 65px 0 16px;
}
.second-section__discover-more .discover-more__link::before, .second-section__discover-more .discover-more__link::after {
  content: " ";
  position: absolute;
  top: 35%;
  display: block;
  background: rgba(49, 49, 49, 0.2);
}
.second-section__discover-more .discover-more__link::before {
  left: 0;
  width: 8px;
  height: 1px;
}
.second-section__discover-more .discover-more__link::after {
  right: 0;
  width: 56px;
  height: 1px;
}
@media (max-width: 1024px) {
  .second-section__discover-more {
    margin-top: 40px;
    margin-bottom: 0;
  }
}
.second-section__img-box1 {
  grid-column: 4/6;
  justify-self: end;
  align-self: start;
}
@media (max-width: 768px) {
  .second-section__img-box1 {
    display: none;
  }
}
.second-section__img-none {
  max-width: 100%;
  margin-bottom: -47px;
}
.second-section__img-box2 {
  position: relative;
}
@media (max-width: 768px) {
  .second-section__img-box2 {
    height: 43.1vw;
  }
}
@media (max-width: 471px) {
  .second-section__img-box2 {
    height: 281px;
  }
}
.second-section__top-img {
  width: 54.17%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 1024px) {
  .second-section__top-img {
    height: 35.35%;
    width: auto;
  }
}
@media (max-width: 768px) {
  .second-section__top-img {
    width: 73.66%;
    height: auto;
  }
}
@media (max-width: 471px) {
  .second-section__top-img {
    width: 80.73%;
  }
}
.second-section__last-img {
  width: 61.36%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .second-section__last-img {
    height: 71.6%;
    width: auto;
  }
}
@media (max-width: 768px) {
  .second-section__last-img {
    width: 29.43%;
    height: auto;
  }
}
@media (max-width: 471px) {
  .second-section__last-img {
    width: 40.06%;
  }
}
.second-section__quote-box {
  grid-column: 3/6;
  align-self: center;
  margin-left: 4.23%;
}
@media (max-width: 768px) {
  .second-section__quote-box {
    grid-column: 1;
    margin-left: 0;
    margin-top: 9px;
    justify-self: end;
    align-self: end;
  }
}
@media (max-width: 768px) {
  .second-section__quote-box {
    margin-top: 40px;
  }
}
.second-section__general-quote-box {
  margin-top: 20.47%;
  display: flex;
  justify-content: space-between;
  gap: 7.44%;
}
@media (max-width: 1024px) {
  .second-section__general-quote-box {
    gap: 5.3%;
  }
}
@media (max-width: 768px) {
  .second-section__general-quote-box {
    margin-top: 0;
    gap: 0;
  }
}
.second-section__quote-box-conteiner {
  width: 430px;
  display: flex;
  gap: 7.44%;
}
@media (max-width: 1024px) {
  .second-section__quote-box-conteiner {
    width: 344.17px;
  }
}
@media (max-width: 768px) {
  .second-section__quote-box-conteiner {
    width: 319px;
    justify-content: space-between;
    gap: 0;
  }
}
@media (max-width: 1024px) {
  .second-section__quotes {
    font-size: 25.575px;
    line-height: 31px;
  }
}
.second-section__pharaph3 {
  font-weight: 300;
  font-size: 20px;
  line-height: 170.66%;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .second-section__pharaph3 {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .second-section__pharaph3 {
    width: 290px;
  }
}
.second-section__quote-signature {
  position: relative;
  width: var(--pdng-conteiner);
}
@media (max-width: 768px) {
  .second-section__quote-signature {
    display: none;
  }
}
.second-section__quote-signature-box {
  width: 151.48px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(130, 130, 130, 0.32);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-70.24px, -70.24px);
  position: absolute;
}
@media (max-width: 600px) {
  .second-section__quote-signature-box {
    display: none;
  }
}
.second-section__quote-signature-box::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(130, 130, 130, 0.16);
  left: 0;
  width: 57px;
  height: 1px;
}
@media (max-width: 1024px) {
  .second-section__quote-signature-box {
    display: none;
  }
}

.third-section {
  width: 100%;
  height: auto;
  background: radial-gradient(50% 50% at 50% 50%, #0f0f0f 0%, #080808 100%);
}
.third-section__conteiner {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.third-section__first-box {
  position: relative;
  height: 419px;
  margin: 0 auto;
  padding-bottom: 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1024px) {
  .third-section__first-box {
    height: 373px;
  }
}
@media (max-width: 768px) {
  .third-section__first-box {
    height: 333px;
  }
}
@media (max-width: 375px) {
  .third-section__first-box {
    height: 301px;
    padding-bottom: 0;
  }
}
.third-section__vertical-about-box {
  width: 127px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.13);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-63.5px, -63.5px);
}
@media (max-width: 600px) {
  .third-section__vertical-about-box {
    display: none;
  }
}
.third-section__vertical-about-box::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(255, 255, 255, 0.04);
  left: 0;
  width: 57px;
  height: 1px;
}
.third-section__title {
  margin: 0 auto 34px;
  color: #828282;
}
@media (max-width: 1024px) {
  .third-section__title {
    margin-bottom: 24px;
  }
}
@media (max-width: 375px) {
  .third-section__title {
    margin: 0 0 24px;
  }
}
.third-section__subtitle {
  max-width: 455px;
  margin: 0 auto;
  font-weight: 300;
  text-align: center;
  color: #828282;
}
@media (max-width: 375px) {
  .third-section__subtitle {
    text-align: left;
  }
}
.third-section__blorred-text {
  display: none;
  position: absolute;
  bottom: -23px;
  left: 289px;
  font-size: 56px;
  line-height: 68px;
  color: rgba(255, 255, 255, 0.03);
}
@media (min-width: 1025px) {
  .third-section__blorred-text {
    display: block;
  }
}
.third-section__midl-box {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 8px;
}
@media (max-width: 768px) {
  .third-section__midl-box {
    grid-template-columns: repeat(1, 1fr);
  }
}
.third-section__image-box {
  width: 100%;
  position: relative;
}
.third-section__image-box:nth-child(3) {
  grid-column: 1/3;
}
@media (max-width: 768px) {
  .third-section__image-box:nth-child(3) {
    grid-column: 1/2;
    overflow: hidden;
    width: auto;
    height: 100%;
  }
}
.third-section__image-box:nth-child(5) {
  display: none;
}
@media (max-width: 375px) {
  .third-section__image-box:nth-child(5) {
    display: block;
  }
}
.third-section__image {
  height: 100%;
}
.third-section__image img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.third-section__about-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 32px;
  background: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .third-section__about-image {
    opacity: 0;
    transition: all 0.8s ease;
  }
  .third-section__about-image:hover {
    opacity: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
    transition: all 0.8s ease;
  }
}
@media (max-width: 450px) {
  .third-section__about-image {
    padding: 24px;
  }
}
.third-section__data {
  display: flex;
  font-weight: 400;
  font-size: 10px;
  line-height: 170%;
}
@media (max-width: 1024px) {
  .third-section__data {
    font-weight: 500;
    font-size: 11px;
    line-height: 170%;
  }
}
.third-section__data div {
  margin-right: 24px;
}
@media (max-width: 1024px) {
  .third-section__data div {
    margin-right: 18px;
  }
}
@media (max-width: 768px) {
  .third-section__data div {
    margin-right: 16px;
  }
}
.third-section__name {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.third-section__name > * {
  margin-right: 53px;
  margin-top: 12px;
}
@media (max-width: 450px) {
  .third-section__name > * {
    margin-top: 4px;
    margin-right: 4px;
  }
}
.third-section__discover-more {
  width: fit-content;
  height: 13px;
}
.third-section__discover-more .discover-more__link {
  position: relative;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: inherit;
  display: flex;
  padding: 0 65px 0 16px;
}
.third-section__discover-more .discover-more__link::before, .third-section__discover-more .discover-more__link::after {
  content: " ";
  position: absolute;
  top: 35%;
  display: block;
  background: rgba(255, 255, 255, 0.4);
}
.third-section__discover-more .discover-more__link::before {
  left: 0;
  width: 8px;
  height: 1px;
}
.third-section__discover-more .discover-more__link::after {
  right: 0;
  width: 56px;
  height: 1px;
}
@media (min-width: 1024px) {
  .third-section__discover-more {
    display: none;
  }
}
.third-section__image-box-last {
  padding-bottom: 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
@media (max-width: 1024px) {
  .third-section__image-box-last {
    padding-bottom: 49px;
  }
}
@media (max-width: 768px) {
  .third-section__image-box-last {
    padding-bottom: 0;
  }
}
.third-section__image-box-last h3 {
  margin-bottom: 24px;
  color: #080808;
}
.third-section__image-box-last .third-section__image {
  max-width: 49.46%;
  width: auto;
  height: auto;
}
@media (max-width: 1024px) {
  .third-section__image-box-last .third-section__image {
    max-width: 37.086%;
  }
}
@media (max-width: 768px) {
  .third-section__image-box-last .third-section__image {
    max-width: 37.35%;
  }
}
@media (max-width: 375px) {
  .third-section__image-box-last .third-section__image {
    max-width: 37%;
  }
}
.third-section .example-box {
  width: 100%;
  height: 724px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 1024px) {
  .third-section .example-box {
    height: 623px;
  }
}
@media (max-width: 678px) {
  .third-section .example-box {
    height: 571px;
  }
}
@media (max-width: 375px) {
  .third-section .example-box {
    height: 486px;
  }
}
.third-section .example-box__conteiner {
  width: 100%;
  height: min-content;
  display: grid;
  grid-template: repeat(2, auto)/1fr 79.73% 1fr;
  row-gap: 25px;
}
@media (max-width: 1024px) {
  .third-section .example-box__conteiner {
    grid-template: repeat(2, auto)/1fr 455px 1fr;
  }
}
@media (max-width: 600px) {
  .third-section .example-box__conteiner {
    grid-template: repeat(2, auto)/1fr auto 1fr;
  }
}
.third-section .example-box__vertical-request-box {
  width: 161px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.13);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-80.5px, -80.5px);
  grid-row: 1/3;
  margin-right: -140px;
}
@media (max-width: 600px) {
  .third-section .example-box__vertical-request-box {
    display: none;
  }
}
.third-section .example-box__vertical-request-box::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(255, 255, 255, 0.04);
  left: 0;
  width: 57px;
  height: 1px;
}
@media (max-width: 600px) {
  .third-section .example-box__vertical-request-box {
    display: none;
  }
}
.third-section .example-box__excerpt {
  width: 424px;
  font-size: 36px;
  line-height: 141.67%;
  justify-self: start;
  z-index: 1;
}
@media (max-width: 1024px) {
  .third-section .example-box__excerpt {
    justify-self: center;
    font-size: 32px;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .third-section .example-box__excerpt {
    width: auto;
    grid-column: 2;
    font-size: 26px;
    text-align: start;
  }
}
.third-section .example-box__content {
  width: 339px;
  grid-column: 2/3;
  justify-self: end;
  z-index: 1;
}
.third-section .example-box__content .p1 {
  color: #ffffff;
}
@media (max-width: 1024px) {
  .third-section .example-box__content .p1 {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .third-section .example-box__content .p1 {
    text-align: start;
  }
}
@media (max-width: 1024px) {
  .third-section .example-box__content {
    justify-self: center;
  }
}
@media (max-width: 600px) {
  .third-section .example-box__content {
    width: auto;
  }
}
.third-section .example-box__button {
  width: 183px;
  height: 48px;
  border: 1px solid rgba(253, 253, 253, 0.32);
  background: #ffffff;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #080808;
  cursor: pointer;
  z-index: 2;
  margin-top: 41px;
}
.third-section .example-box__button div {
  margin: auto auto;
  color: #080808;
}
@media (max-width: 1024px) {
  .third-section .example-box__button {
    height: 42px;
  }
}
@media (max-width: 1024px) {
  .third-section .example-box__button {
    height: 42px;
    margin: 64px auto 0;
  }
}
@media (max-width: 768px) {
  .third-section .example-box__button {
    margin-top: 48px;
  }
}
.third-section .example-box__example-project {
  position: absolute;
  width: 100%;
  height: 100%;
}
.third-section .example-box__example-project a {
  max-width: 211px;
  max-height: 273px;
  width: 14.65vw;
  height: 18.96vw;
  position: absolute;
}
.third-section .example-box__example-project a:nth-child(1) {
  bottom: 144px;
  left: 25.57%;
  transform: rotate(-5.99deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(1):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(2) {
  bottom: 164px;
  left: 30.57%;
  transform: rotate(-0.33deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(2):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(3) {
  bottom: 168.4px;
  left: 33.61%;
  transform: rotate(-5.81deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(3):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(4) {
  bottom: 196.8px;
  left: 38.56%;
  transform: rotate(-1.72deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(4):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(5) {
  bottom: 214.11px;
  left: 42.06%;
  transform: rotate(-10.5deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(5):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(6) {
  bottom: 235.73px;
  left: 45.56%;
  transform: rotate(-5.99deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(6):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(7) {
  bottom: 255.79px;
  left: 50.65%;
  transform: rotate(-0.33deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(7):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(8) {
  bottom: 260.41px;
  left: 53.7%;
  transform: rotate(-5.81deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(8):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(9) {
  bottom: 288.81px;
  left: 58.65%;
  transform: rotate(-1.72deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(9):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project a:nth-child(10) {
  bottom: 306.12px;
  left: 62.15%;
  transform: rotate(-10.5deg);
  transition: all 0.2s ease;
}
.third-section .example-box__example-project a:nth-child(10):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.third-section .example-box__example-project img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .third-section .example-box__example-project {
    display: none;
  }
}

.wraper-404 {
  height: 100%;
}

.page-404 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-404__background {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.page-404__background img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.page-404__background div {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.95);
}
.page-404__conteiner {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
  height: auto;
  width: 100%;
  position: relative;
  display: flex;
}
.page-404__vertical-box {
  flex: 1 1 15.56%;
}
@media (max-width: 1024px) {
  .page-404__vertical-box {
    flex: 1 1 17.12%;
  }
}
@media (max-width: 768px) {
  .page-404__vertical-box {
    flex: 1 1 22.77%;
  }
}
@media (max-width: 600px) {
  .page-404__vertical-box {
    display: none;
  }
}
.page-404__vertical-heading {
  width: 92px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.13);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-46px, -46px);
}
@media (max-width: 600px) {
  .page-404__vertical-heading {
    display: none;
  }
}
.page-404__vertical-heading::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(255, 255, 255, 0.04);
  left: 0;
  width: 57px;
  height: 1px;
}
.page-404__content {
  flex: 1 1 83.6%;
}
@media (max-width: 1024px) {
  .page-404__content {
    flex: 1 1 82.69%;
  }
}
@media (max-width: 768px) {
  .page-404__content {
    flex: 1 1 77.23%;
  }
}
.page-404__title {
  color: #fafafa;
}
.page-404__subtitle {
  margin: 24px 0 48px;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  opacity: 0.7;
}
.page-404__discover-more {
  width: fit-content;
  height: 13px;
  letter-spacing: 0.12em;
}
.page-404__discover-more .discover-more__link {
  position: relative;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: inherit;
  display: flex;
  padding: 0 65px 0 16px;
}
.page-404__discover-more .discover-more__link::before, .page-404__discover-more .discover-more__link::after {
  content: " ";
  position: absolute;
  top: 35%;
  display: block;
  background: rgba(255, 255, 255, 0.4);
}
.page-404__discover-more .discover-more__link::before {
  left: 0;
  width: 8px;
  height: 1px;
}
.page-404__discover-more .discover-more__link::after {
  right: 0;
  width: 56px;
  height: 1px;
}

.header.black {
  background: rgba(229, 229, 229, 0.75);
}
.header.black .header__logo {
  color: #000000;
}
.header.black .menu {
  color: #000000;
}
.header.black .menu__burger-icon:before, .header.black .menu__burger-icon:after {
  background-color: #080808;
}
.header.black .menu__button {
  border: 1px solid #080808;
}

@media (max-width: 1024px) {
  ._lock .header.black .header__logo {
    color: #ffffff;
  }
}
._lock .header.black .menu {
  color: #ffffff;
}
@media (max-width: 1024px) {
  ._lock .header.black .menu__burger-icon:before, ._lock .header.black .menu__burger-icon:after {
    background-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  ._lock .header.black .menu__button {
    color: #ffffff;
    border: 1px solid #ffffff;
  }
}

.wrapper {
  max-width: 100%;
}

.page-news__first-news-section {
  width: 100%;
  max-width: 1440px;
  margin: 208px auto 124px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .page-news__first-news-section {
    margin: 162px auto 110px;
  }
}
@media (max-width: 768px) {
  .page-news__first-news-section {
    margin: 138px auto 102px;
  }
}
@media (max-width: 600px) {
  .page-news__first-news-section {
    margin: 116px auto 64px;
  }
}
.page-news__second-news-section {
  width: 100%;
  max-width: 1440px;
}

.first-news-section__title-box {
  width: 72.64%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .first-news-section__title-box {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 32px;
  }
}
@media (max-width: 600px) {
  .first-news-section__title-box {
    width: 100%;
    padding: 0 var(--pdng-conteiner);
    gap: 24px;
  }
}
.first-news-section__title {
  color: #080808;
}

@media (max-width: 600px) {
  .tabs {
    position: relative;
    width: 128px;
    height: 29px;
    border: 1.4px solid #c4c4c4;
    border-radius: 14.5px;
    display: flex;
    flex-direction: column;
  }
}
.tabs ul {
  display: flex;
  gap: 32px;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
  color: #828282;
}
@media (max-width: 600px) {
  .tabs ul {
    display: none;
    z-index: 2;
    box-sizing: content-box;
    position: absolute;
    top: 30px;
    width: auto;
    padding: 13px;
    border: 1.4px solid #c4c4c4;
    border-radius: 14.5px;
    background: rgba(255, 255, 255, 0.8);
    flex-direction: column;
    gap: 5px;
  }
  .tabs ul.active-choice {
    border: 1px solid rgba(58, 62, 75, 0.8);
    border-radius: 14.5px;
  }
}
.tabs li {
  cursor: pointer;
  display: block;
}
.tabs li:hover {
  border-bottom: 1px solid rgba(58, 62, 75, 0.8);
}
.tabs li.active-tab {
  color: #080808;
  border-bottom: 1px solid rgba(58, 62, 75, 0.8);
}
@media (max-width: 600px) {
  .tabs li.active-tab {
    border-bottom: none;
  }
}
@media (max-width: 600px) {
  .tabs li {
    position: relative;
  }
  .tabs li.active-choice {
    display: block;
  }
}
.tabs__opening-box {
  display: none;
}
@media (max-width: 600px) {
  .tabs__opening-box {
    display: flex;
    width: 128px;
    height: 29px;
    padding: 0 13px;
    justify-content: space-between;
    align-items: center;
    color: #080808;
    font-size: 6px;
    font-weight: 900;
  }
}
.tabs__select-tab {
  height: 13px;
  overflow: hidden;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
}

.second-news-section {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
  max-width: 1440px;
  box-sizing: border-box;
}
.second-news-section .not-active {
  display: none;
}
.second-news-section__conteiner {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 49.73%);
  grid-auto-rows: 1fr;
  gap: 8px;
}
@media (max-width: 1024px) {
  .second-news-section__conteiner {
    gap: 6px;
  }
}
@media (max-width: 600px) {
  .second-news-section__conteiner {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: auto;
  }
}
.second-news-section__doblebox {
  width: 100%;
  grid-column: 1/3;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 600px) {
  .second-news-section__doblebox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.second-news-section__doblebox .second-news-section__content {
  color: #080808;
  background: #f2f2f2;
}
@media (max-width: 600px) {
  .second-news-section__doblebox .second-news-section__content {
    order: 2;
  }
}
.second-news-section__doblebox .second-news-section__title {
  max-width: 370px;
}
@media (max-width: 1024px) {
  .second-news-section__doblebox .second-news-section__title {
    max-width: 275px;
  }
}
@media (max-width: 768px) {
  .second-news-section__doblebox .second-news-section__title {
    max-width: 210px;
  }
}
.second-news-section__doblebox .second-news-section__img-box {
  overflow: hidden;
  width: auto;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 600px) {
  .second-news-section__doblebox {
    grid-column: 1/2;
  }
}
.second-news-section__singlebox {
  position: relative;
}
.second-news-section__singlebox .second-news-section__img-box {
  position: relative;
}
.second-news-section__singlebox .second-news-section__content {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.second-news-section__singlebox .second-news-section__title {
  width: 230px;
}
@media (max-width: 1024px) {
  .second-news-section__singlebox .second-news-section__title {
    width: 218px;
  }
}
@media (max-width: 768px) {
  .second-news-section__singlebox .second-news-section__title {
    width: 158px;
  }
}
.second-news-section__content {
  height: 100%;
  align-self: flex-end;
  padding: 0 56px 56px;
  display: flex;
  flex-direction: column-reverse;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .second-news-section__content {
    padding: 0 46px 46px;
  }
}
@media (max-width: 768px) {
  .second-news-section__content {
    padding: 0 32px 32px;
  }
}
@media (max-width: 600px) {
  .second-news-section__content {
    padding: 24px;
  }
}
.second-news-section__title {
  font-size: 28px;
  line-height: 121%;
}
@media (max-width: 1024px) {
  .second-news-section__title {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .second-news-section__title {
    font-size: 16px;
  }
}
.second-news-section__subtitle {
  max-width: 440px;
  margin: 24px 0 0;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .second-news-section__subtitle {
    max-width: 348px;
  }
}
@media (max-width: 860px) {
  .second-news-section__subtitle {
    display: none;
  }
}
.second-news-section__img-box {
  height: 100%;
}
.second-news-section__img-box img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.second-news-section__discover-more {
  width: fit-content;
  height: 13px;
  margin-top: 40px;
}
.second-news-section__discover-more .discover-more__link {
  position: relative;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #080808;
  display: flex;
  padding: 0 65px 0 16px;
}
.second-news-section__discover-more .discover-more__link::before, .second-news-section__discover-more .discover-more__link::after {
  content: " ";
  position: absolute;
  top: 35%;
  display: block;
  background: rgba(49, 49, 49, 0.2);
}
.second-news-section__discover-more .discover-more__link::before {
  left: 0;
  width: 8px;
  height: 1px;
}
.second-news-section__discover-more .discover-more__link::after {
  right: 0;
  width: 56px;
  height: 1px;
}

.pages-navigation-section {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
  box-sizing: border-box;
  margin: 96px auto 140px;
}
@media (max-width: 1440px) {
  .pages-navigation-section {
    margin: 6.67% auto 9.72%;
  }
}
@media (max-width: 1024px) {
  .pages-navigation-section {
    margin: 6.25% auto 12.11%;
  }
}
@media (max-width: 768px) {
  .pages-navigation-section {
    margin: 7.29% auto 13.54%;
  }
}
@media (max-width: 600px) {
  .pages-navigation-section {
    margin: 48px auto 80px;
  }
}
.pages-navigation-section__conteiner {
  width: 100%;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
  color: #080808;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.pages-navigation-section__conteiner a:first-child {
  transform: rotate(180deg);
}

.last-news-section {
  width: 100%;
  position: relative;
}
.last-news-section__background {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.last-news-section__img-background {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.last-news-section__content {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
  max-width: 1440px;
  box-sizing: border-box;
}
.last-news-section__conteiner {
  max-width: 1440px;
  position: relative;
  padding: 140px 125px 187px;
  display: grid;
  grid-template: repeat(2, auto)/1fr;
  gap: 24px;
}
@media (max-width: 1440px) {
  .last-news-section__conteiner {
    padding: 10.65% 9.51% 14.25%;
  }
}
@media (max-width: 1024px) {
  .last-news-section__conteiner {
    padding: 13.6% 11.29% 19.08%;
  }
}
@media (max-width: 768px) {
  .last-news-section__conteiner {
    padding: 15.48% 11.46% 22.92%;
  }
}
@media (max-width: 600px) {
  .last-news-section__conteiner {
    padding: 80px 0 155px;
  }
}
.last-news-section__title {
  max-width: 424px;
}
@media (max-width: 1024px) {
  .last-news-section__title {
    max-width: 417px;
  }
}
@media (max-width: 768px) {
  .last-news-section__title {
    max-width: 367px;
  }
}
.last-news-section__subtitle {
  width: 382px;
  justify-self: flex-end;
}
@media (max-width: 1024px) {
  .last-news-section__subtitle {
    width: 345px;
  }
}
@media (max-width: 768px) {
  .last-news-section__subtitle {
    width: auto;
  }
}
.last-news-section__text {
  color: #ffffff;
}
.last-news-section__email-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 40px 0 10px;
}
.last-news-section__email-box input {
  width: 100%;
  background: none;
  color: #ffffff;
}
.last-news-section__email-box input::placeholder {
  color: #ffffff;
  opacity: 0.7;
}
.last-news-section__email-submit {
  color: #ffffff;
  opacity: 0.7;
}

.first-on-section {
  width: 100%;
}
.first-on-section__container {
  width: var(--width-smaller-container);
  margin: 208px auto 96px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .first-on-section__container {
    margin: 162px auto 80px;
  }
}
@media (max-width: 768px) {
  .first-on-section__container {
    margin: 138px auto 72px;
  }
}
@media (max-width: 600px) {
  .first-on-section__container {
    margin: 116px auto 64px;
    padding: 0 var(--pdng-conteiner);
  }
}
.first-on-section__title {
  width: 474px;
  margin: 0 0 32px;
  color: #080808;
}
@media (max-width: 1024px) {
  .first-on-section__title {
    width: 433px;
  }
}
@media (max-width: 768px) {
  .first-on-section__title {
    width: 417px;
    margin: 0 0 24px;
  }
}
@media (max-width: 600px) {
  .first-on-section__title {
    width: 100%;
  }
}
.first-on-section__subtitle {
  max-width: 715px;
}

.share-box {
  width: 121px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1024px) {
  .share-box {
    display: none;
  }
}
.share-box__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 170.66%;
  color: #080808;
}
.share-box__socials-box {
  display: flex;
}
.share-box__socials-box div {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
}
.share-box__facebook {
  background: #3f5c95;
}
.share-box__twiter {
  background: #38a7de;
}
.share-box__linkedin {
  background: #0077b7;
}
.share-box__link {
  border: 1px solid rgba(8, 8, 8, 0.2);
  color: #080808;
}

.page-one-news__first-img-box {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
  max-height: 652px;
  height: 45.28vw;
}
@media (max-width: 486px) {
  .page-one-news__first-img-box {
    height: 220px;
  }
}
.page-one-news__first-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.second-on-section {
  width: 100%;
}
.second-on-section__container {
  width: var(--width-smaller-container);
  margin: 96px auto;
}
@media (max-width: 1024px) {
  .second-on-section__container {
    margin: 88px auto;
  }
}
@media (max-width: 768px) {
  .second-on-section__container {
    margin: 72px auto;
  }
}
@media (max-width: 600px) {
  .second-on-section__container {
    margin: 64px auto;
    padding: 0 var(--pdng-conteiner);
  }
}
.second-on-section__title {
  max-width: 419px;
  margin: 0 0 17px;
  color: #080808;
}
.second-on-section__content * {
  max-width: 715px;
}
.second-on-section__content ol,
.second-on-section__content ul {
  margin: 40px 0;
  list-style-position: inside;
}
@media (max-width: 1024px) {
  .second-on-section__content ol,
.second-on-section__content ul {
    margin: 32px 0;
  }
}
.second-on-section__content ol li:not(:last-child),
.second-on-section__content ul li:not(:last-child) {
  margin: 0 0 12px;
}
.second-on-section__content ol li::marker,
.second-on-section__content ul li::marker {
  margin: 0 10px 0 0;
}
.second-on-section__content ul li {
  list-style: circle;
  list-style-position: inside;
}
.second-on-section__content ul li::marker {
  margin: 0 10px 0 0;
}
.second-on-section__share-box {
  display: none;
}
@media (max-width: 1024px) {
  .second-on-section__share-box {
    display: flex;
    margin: 48px 0 0;
  }
}
@media (max-width: 768px) {
  .second-on-section__share-box {
    margin: 40px 0 0;
  }
}
@media (max-width: 600px) {
  .second-on-section__share-box {
    margin: 32px 0 0;
  }
}

.third-on-section {
  width: 100%;
}
.third-on-section__container {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.third-on-section__grid-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 8px;
}
@media (max-width: 600px) {
  .third-on-section__grid-box {
    grid-template-columns: repeat(1, 1fr);
  }
}
.third-on-section__img {
  width: 100%;
  height: min-content;
}
.third-on-section__img:nth-child(1) {
  grid-column: 1/3;
}
@media (max-width: 600px) {
  .third-on-section__img:nth-child(1) {
    grid-column: 1/2;
  }
}
@media (max-width: 538px) {
  .third-on-section__img:nth-child(1) {
    height: 220px;
  }
}
.third-on-section__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.line-break-section {
  width: 100%;
}
.line-break-section__container {
  width: var(--width-smaller-container);
  margin: 0 auto 140px;
}
@media (max-width: 1024px) {
  .line-break-section__container {
    margin: 0 auto 124px;
  }
}
@media (max-width: 768px) {
  .line-break-section__container {
    margin: 0 auto 104px;
  }
}
@media (max-width: 600px) {
  .line-break-section__container {
    margin: 0 auto 80px;
    padding: 0 var(--pdng-conteiner);
  }
}
.line-break-section__break-line {
  width: 100%;
  border-bottom: 1px solid rgba(130, 130, 130, 0.16);
}

.last-on-section {
  width: 100%;
  overflow: hidden;
  margin: 0 0 190px;
}
@media (max-width: 1024px) {
  .last-on-section {
    margin: 0 0 174px;
  }
}
@media (max-width: 768px) {
  .last-on-section {
    margin: 0 0 154px;
  }
}
@media (max-width: 600px) {
  .last-on-section {
    margin: 0 0 155px;
  }
}
.last-on-section__continer {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.last-on-section__vertical-heading {
  width: 101px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(130, 130, 130, 0.32);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-50.5px, -50.5px);
}
@media (max-width: 600px) {
  .last-on-section__vertical-heading {
    display: none;
  }
}
.last-on-section__vertical-heading::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(130, 130, 130, 0.16);
  left: 0;
  width: 57px;
  height: 1px;
}
.last-on-section__container-slider {
  width: var(--width-smaller-container);
  margin: 0 auto;
}
.last-on-section__title {
  margin: 0 0 72px;
  color: #080808;
}
@media (max-width: 1024px) {
  .last-on-section__title {
    margin: 0 0 64px;
  }
}
@media (max-width: 768px) {
  .last-on-section__title {
    margin: 0 0 56px;
  }
}
@media (max-width: 600px) {
  .last-on-section__title {
    margin: 0 0 40px;
  }
}
.last-on-section__slider-box {
  position: relative;
  width: 100%;
  height: 475px;
}
@media (max-width: 1024px) {
  .last-on-section__slider-box {
    height: 447px;
  }
}
@media (max-width: 768px) {
  .last-on-section__slider-box {
    height: 536px;
  }
}
@media (max-width: 600px) {
  .last-on-section__slider-box {
    height: 443px;
  }
}
.last-on-section__swiper {
  position: absolute;
  width: 100%;
  cursor: grab;
}
.last-on-section__swiper-slide {
  width: 316px;
  height: 478px;
  margin: 0 48px 0 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .last-on-section__swiper-slide {
    width: 293px;
    height: 447px;
    margin: 0 40px 0 0;
  }
}
@media (max-width: 768px) {
  .last-on-section__swiper-slide {
    width: 366px;
    height: 536px;
    margin: 0 20px 0 0;
  }
}
@media (max-width: 600px) {
  .last-on-section__swiper-slide {
    width: 290px;
    height: 443px;
    margin: 0 26px 0 0;
  }
}
.last-on-section__img {
  width: 100%;
  height: 385px;
  flex: 1 1 auto;
}
@media (max-width: 1024px) {
  .last-on-section__img {
    height: 357px;
  }
}
@media (max-width: 768px) {
  .last-on-section__img {
    height: 445px;
  }
}
@media (max-width: 600px) {
  .last-on-section__img {
    height: 351px;
  }
}
.last-on-section__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.last-on-section__title-slide {
  margin: 24px 0 16px;
  font-size: 14px;
  line-height: 19px;
  color: #3a3e4b;
}
.last-on-section__date-slide {
  font-weight: 300;
  font-size: 10px;
  line-height: 17px;
  color: #828282;
}

.header.black {
  background: rgba(229, 229, 229, 0.75);
}
.header.black .header__logo {
  color: #000000;
}
.header.black .menu {
  color: #000000;
}
.header.black .menu__burger-icon:before, .header.black .menu__burger-icon:after {
  background-color: #080808;
}
.header.black .menu__button {
  border: 1px solid #080808;
}

@media (max-width: 1024px) {
  ._lock .header.black .header__logo {
    color: #ffffff;
  }
}
._lock .header.black .menu {
  color: #ffffff;
}
@media (max-width: 1024px) {
  ._lock .header.black .menu__burger-icon:before, ._lock .header.black .menu__burger-icon:after {
    background-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  ._lock .header.black .menu__button {
    color: #ffffff;
    border: 1px solid #ffffff;
  }
}

.wrapper {
  max-width: 100%;
}

.page-projects__first-projects-section {
  width: 100%;
  max-width: 1440px;
  margin: 208px auto 124px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .page-projects__first-projects-section {
    margin: 162px auto 110px;
  }
}
@media (max-width: 768px) {
  .page-projects__first-projects-section {
    margin: 138px auto 102px;
  }
}
@media (max-width: 600px) {
  .page-projects__first-projects-section {
    margin: 116px auto 64px;
  }
}

.first-projects-section__title-box {
  width: var(--width-smaller-container);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .first-projects-section__title-box {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 32px;
  }
}
@media (max-width: 600px) {
  .first-projects-section__title-box {
    padding: 0 var(--pdng-conteiner);
    gap: 24px;
  }
}
.first-projects-section__title {
  color: #080808;
}
.first-projects-section__subtitle-box {
  width: 449px;
}
@media (max-width: 768px) {
  .first-projects-section__subtitle-box {
    width: 100%;
  }
}
.first-projects-section__subtitle {
  margin: 0 0 32px;
  color: #080808;
}
@media (max-width: 600px) {
  .first-projects-section__subtitle {
    margin: 0 0 24px;
  }
}

.second-projects-section {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
  width: 100%;
  max-width: 1440px;
  box-sizing: border-box;
}
.second-projects-section .not-active {
  display: none;
}
.second-projects-section__conteiner {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 49.73%);
  grid-auto-rows: 1fr;
  gap: 8px;
}
@media (max-width: 1024px) {
  .second-projects-section__conteiner {
    gap: 6px;
  }
}
@media (max-width: 768px) {
  .second-projects-section__conteiner {
    grid-template-columns: repeat(1, 1fr);
  }
}
.second-projects-section__image-box {
  width: 100%;
  position: relative;
}
.second-projects-section__image-box:nth-child(3n) {
  grid-column: 1/3;
}
@media (max-width: 768px) {
  .second-projects-section__image-box:nth-child(3n) {
    grid-column: 1/2;
    overflow: hidden;
    width: auto;
    height: 87.5vw;
  }
}
.second-projects-section__image {
  height: 100%;
}
.second-projects-section__image img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.second-projects-section__about-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 32px;
  background: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .second-projects-section__about-image {
    opacity: 0;
    transition: all 0.8s ease;
  }
  .second-projects-section__about-image:hover {
    opacity: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
    transition: all 0.8s ease;
  }
}
@media (max-width: 450px) {
  .second-projects-section__about-image {
    padding: 24px;
  }
}
.second-projects-section__data {
  display: flex;
  font-weight: 400;
  font-size: 10px;
  line-height: 170%;
}
@media (max-width: 1024px) {
  .second-projects-section__data {
    font-weight: 500;
    font-size: 11px;
    line-height: 170%;
  }
}
.second-projects-section__data div {
  margin-right: 24px;
}
@media (max-width: 1024px) {
  .second-projects-section__data div {
    margin-right: 18px;
  }
}
@media (max-width: 768px) {
  .second-projects-section__data div {
    margin-right: 16px;
  }
}
.second-projects-section__name {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.second-projects-section__name > * {
  margin-right: 53px;
  margin-top: 12px;
}
@media (max-width: 450px) {
  .second-projects-section__name > * {
    margin-top: 4px;
    margin-right: 4px;
  }
}
.second-projects-section .two-proj-section__discover-more {
  width: fit-content;
  height: 13px;
}
.second-projects-section .two-proj-section__discover-more .discover-more__link {
  position: relative;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: inherit;
  display: flex;
  padding: 0 65px 0 16px;
}
.second-projects-section .two-proj-section__discover-more .discover-more__link::before, .second-projects-section .two-proj-section__discover-more .discover-more__link::after {
  content: " ";
  position: absolute;
  top: 35%;
  display: block;
  background: rgba(255, 255, 255, 0.4);
}
.second-projects-section .two-proj-section__discover-more .discover-more__link::before {
  left: 0;
  width: 8px;
  height: 1px;
}
.second-projects-section .two-proj-section__discover-more .discover-more__link::after {
  right: 0;
  width: 56px;
  height: 1px;
}
@media (min-width: 1025px) {
  .second-projects-section .two-proj-section__discover-more {
    display: none;
  }
}

.last-projects-section {
  width: 100%;
  height: auto;
}
.last-projects-section__conteiner {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.last-projects-section .example-box {
  width: 100%;
  height: 724px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 1024px) {
  .last-projects-section .example-box {
    height: 623px;
  }
}
@media (max-width: 678px) {
  .last-projects-section .example-box {
    height: 571px;
  }
}
@media (max-width: 375px) {
  .last-projects-section .example-box {
    height: 486px;
  }
}
.last-projects-section .example-box__conteiner {
  width: 100%;
  height: min-content;
  display: grid;
  grid-template: repeat(2, auto)/1fr 79.73% 1fr;
  row-gap: 25px;
}
@media (max-width: 1024px) {
  .last-projects-section .example-box__conteiner {
    grid-template: repeat(2, auto)/1fr 455px 1fr;
  }
}
@media (max-width: 600px) {
  .last-projects-section .example-box__conteiner {
    grid-template: repeat(2, auto)/1fr auto 1fr;
  }
}
.last-projects-section .example-box__vertical-request-box {
  width: 161px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.13);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-80.5px, -80.5px);
  grid-row: 1/3;
  margin-right: -140px;
}
@media (max-width: 600px) {
  .last-projects-section .example-box__vertical-request-box {
    display: none;
  }
}
.last-projects-section .example-box__vertical-request-box::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(255, 255, 255, 0.04);
  left: 0;
  width: 57px;
  height: 1px;
}
@media (max-width: 600px) {
  .last-projects-section .example-box__vertical-request-box {
    display: none;
  }
}
.last-projects-section .example-box__excerpt {
  width: 424px;
  font-size: 36px;
  line-height: 141.67%;
  justify-self: start;
  z-index: 1;
}
@media (max-width: 1024px) {
  .last-projects-section .example-box__excerpt {
    justify-self: center;
    font-size: 32px;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .last-projects-section .example-box__excerpt {
    width: auto;
    grid-column: 2;
    font-size: 26px;
    text-align: start;
  }
}
.last-projects-section .example-box__content {
  width: 339px;
  grid-column: 2/3;
  justify-self: end;
  z-index: 1;
}
.last-projects-section .example-box__content .p1 {
  color: #ffffff;
}
@media (max-width: 1024px) {
  .last-projects-section .example-box__content .p1 {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .last-projects-section .example-box__content .p1 {
    text-align: start;
  }
}
@media (max-width: 1024px) {
  .last-projects-section .example-box__content {
    justify-self: center;
  }
}
@media (max-width: 600px) {
  .last-projects-section .example-box__content {
    width: auto;
  }
}
.last-projects-section .example-box__button {
  width: 183px;
  height: 48px;
  border: 1px solid rgba(253, 253, 253, 0.32);
  background: #ffffff;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #080808;
  cursor: pointer;
  z-index: 2;
  margin-top: 41px;
}
.last-projects-section .example-box__button div {
  margin: auto auto;
  color: #080808;
}
@media (max-width: 1024px) {
  .last-projects-section .example-box__button {
    height: 42px;
  }
}
@media (max-width: 1024px) {
  .last-projects-section .example-box__button {
    height: 42px;
    margin: 64px auto 0;
  }
}
@media (max-width: 768px) {
  .last-projects-section .example-box__button {
    margin-top: 48px;
  }
}
.last-projects-section .example-box__example-project {
  position: absolute;
  width: 100%;
  height: 100%;
}
.last-projects-section .example-box__example-project a {
  max-width: 211px;
  max-height: 273px;
  width: 14.65vw;
  height: 18.96vw;
  position: absolute;
}
.last-projects-section .example-box__example-project a:nth-child(1) {
  bottom: 144px;
  left: 25.57%;
  transform: rotate(-5.99deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(1):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(2) {
  bottom: 164px;
  left: 30.57%;
  transform: rotate(-0.33deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(2):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(3) {
  bottom: 168.4px;
  left: 33.61%;
  transform: rotate(-5.81deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(3):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(4) {
  bottom: 196.8px;
  left: 38.56%;
  transform: rotate(-1.72deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(4):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(5) {
  bottom: 214.11px;
  left: 42.06%;
  transform: rotate(-10.5deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(5):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(6) {
  bottom: 235.73px;
  left: 45.56%;
  transform: rotate(-5.99deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(6):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(7) {
  bottom: 255.79px;
  left: 50.65%;
  transform: rotate(-0.33deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(7):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(8) {
  bottom: 260.41px;
  left: 53.7%;
  transform: rotate(-5.81deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(8):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(9) {
  bottom: 288.81px;
  left: 58.65%;
  transform: rotate(-1.72deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(9):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project a:nth-child(10) {
  bottom: 306.12px;
  left: 62.15%;
  transform: rotate(-10.5deg);
  transition: all 0.2s ease;
}
.last-projects-section .example-box__example-project a:nth-child(10):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-projects-section .example-box__example-project img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .last-projects-section .example-box__example-project {
    display: none;
  }
}
.last-projects-section .example-box__excerpt {
  color: #080808;
}
.last-projects-section .example-box__content > .p1 {
  color: #080808;
}
.last-projects-section .example-box__button {
  border-color: #080808;
  background: inherit;
}
.last-projects-section .example-box__vertical-request-box {
  color: rgba(130, 130, 130, 0.35);
}
.last-projects-section .example-box__vertical-request-box::before {
  background: rgba(196, 196, 196, 0.2);
}
@media (min-width: 1025px) {
  .last-projects-section .example-box__vertical-request-box {
    opacity: 0;
  }
}

.header.black {
  background: rgba(229, 229, 229, 0.75);
}
.header.black .header__logo {
  color: #000000;
}
.header.black .menu {
  color: #000000;
}
.header.black .menu__burger-icon:before, .header.black .menu__burger-icon:after {
  background-color: #080808;
}
.header.black .menu__button {
  border: 1px solid #080808;
}

@media (max-width: 1024px) {
  ._lock .header.black .header__logo {
    color: #ffffff;
  }
}
._lock .header.black .menu {
  color: #ffffff;
}
@media (max-width: 1024px) {
  ._lock .header.black .menu__burger-icon:before, ._lock .header.black .menu__burger-icon:after {
    background-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  ._lock .header.black .menu__button {
    color: #ffffff;
    border: 1px solid #ffffff;
  }
}

.wrapper {
  max-width: 100%;
}

.one-project__second-projects-section {
  width: 100%;
  max-width: 1440px;
}

.first-project-section {
  width: 100%;
  height: 100vh;
  padding: 32.52vh 0 40px;
  background-image: url("../img/one-project/Rectangle.jpg");
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.first-project-section__content {
  width: var(--width-smaller-container);
  margin: 0 auto;
}
@media (max-width: 600px) {
  .first-project-section__content {
    padding: 0 var(--pdng-conteiner);
  }
}
.first-project-section__title {
  margin: 0 0 24px;
}
@media (max-width: 450px) {
  .first-project-section__title {
    margin: 0 0 16px;
  }
}
.first-project-section__subtitle {
  max-width: 464px;
  margin: 0 0 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 170.66%;
}
@media (max-width: 1024px) {
  .first-project-section__subtitle {
    margin: 0 0 25px;
  }
}
@media (max-width: 600px) {
  .first-project-section__subtitle {
    margin: 0 0 9px;
  }
}
.first-project-section__data {
  display: flex;
}
@media (max-width: 600px) {
  .first-project-section__data {
    flex-direction: column;
  }
}
.first-project-section__data div {
  margin: 24px 32px 0 0;
}
.first-project-section__data div::before {
  padding: 0 12px 0 0;
}
.first-project-section__share-box {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--pdng-conteiner);
  display: flex;
}
.first-project-section__share-title {
  margin: 0 111px 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 170.66%;
}
@media (max-width: 1024px) {
  .first-project-section__share-title {
    margin: 0 59px 0 0;
  }
}
@media (max-width: 768px) {
  .first-project-section__share-title {
    margin: 0 32px 0 0;
  }
}
@media (max-width: 600px) {
  .first-project-section__share-title {
    margin: 0 16px 0 0;
  }
}
.first-project-section__socials-box {
  display: flex;
}
.first-project-section__socials-box div {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
}

.second-project-section {
  width: var(--width-smaller-container);
  margin: 140px auto;
}
@media (max-width: 1024px) {
  .second-project-section {
    margin: 124px auto;
  }
}
@media (max-width: 768px) {
  .second-project-section {
    margin: 104px auto;
  }
}
@media (max-width: 600px) {
  .second-project-section {
    margin: 80px auto;
    padding: 0 var(--pdng-conteiner);
  }
}
.second-project-section__title {
  max-width: 419px;
  margin: 0 0 16px;
  color: #080808;
}
@media (max-width: 1024px) {
  .second-project-section__title {
    margin: 0 0 17px;
  }
}
@media (max-width: 768px) {
  .second-project-section__title {
    margin: 0 0 24px;
  }
}
.second-project-section__subtitle {
  max-width: 715px;
  margin: 0 0 40px;
}
.second-project-section__discover-more {
  width: fit-content;
  height: 13px;
}
.second-project-section__discover-more .discover-more__link {
  position: relative;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #080808;
  display: flex;
  padding: 0 65px 0 16px;
}
.second-project-section__discover-more .discover-more__link::before, .second-project-section__discover-more .discover-more__link::after {
  content: " ";
  position: absolute;
  top: 35%;
  display: block;
  background: rgba(49, 49, 49, 0.2);
}
.second-project-section__discover-more .discover-more__link::before {
  left: 0;
  width: 8px;
  height: 1px;
}
.second-project-section__discover-more .discover-more__link::after {
  right: 0;
  width: 56px;
  height: 1px;
}

.third-project-section {
  width: 100%;
}
.third-project-section__container {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.third-project-section__grid-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 8px;
}
@media (max-width: 600px) {
  .third-project-section__grid-box {
    grid-template-columns: repeat(1, 1fr);
  }
}
.third-project-section__img {
  width: 100%;
  height: min-content;
}
.third-project-section__img:nth-child(3n+1) {
  grid-column: 1/3;
}
@media (max-width: 600px) {
  .third-project-section__img:nth-child(3n+1) {
    grid-column: 1/2;
  }
}
.third-project-section__img img {
  overflow: hidden;
  width: 100%;
  height: auto;
}

.fourth-project-section {
  margin: 80px 0 140px;
}
@media (max-width: 1024px) {
  .fourth-project-section {
    margin: 64px 0 124px;
  }
}
@media (max-width: 768px) {
  .fourth-project-section {
    margin: 56px 0 104px;
  }
}
@media (max-width: 600px) {
  .fourth-project-section {
    margin: 48px 0 80px;
  }
}
.fourth-project-section__button {
  margin: 0 auto;
  width: 183px;
  height: 48px;
  border: 1px solid #080808;
  background: none;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #080808;
  cursor: pointer;
}
.fourth-project-section__button div {
  margin: auto auto;
  color: #080808;
}
@media (max-width: 1024px) {
  .fourth-project-section__button {
    height: 42px;
  }
}

.last-project-section {
  width: 100%;
  height: auto;
  background: radial-gradient(50% 50% at 50% 50%, #0f0f0f 0%, #080808 100%);
}
.last-project-section__conteiner {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.last-project-section .example-box {
  width: 100%;
  height: 724px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 1024px) {
  .last-project-section .example-box {
    height: 623px;
  }
}
@media (max-width: 678px) {
  .last-project-section .example-box {
    height: 571px;
  }
}
@media (max-width: 375px) {
  .last-project-section .example-box {
    height: 486px;
  }
}
.last-project-section .example-box__conteiner {
  width: 100%;
  height: min-content;
  display: grid;
  grid-template: repeat(2, auto)/1fr 79.73% 1fr;
  row-gap: 25px;
}
@media (max-width: 1024px) {
  .last-project-section .example-box__conteiner {
    grid-template: repeat(2, auto)/1fr 455px 1fr;
  }
}
@media (max-width: 600px) {
  .last-project-section .example-box__conteiner {
    grid-template: repeat(2, auto)/1fr auto 1fr;
  }
}
.last-project-section .example-box__vertical-request-box {
  width: 161px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.13);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-80.5px, -80.5px);
  grid-row: 1/3;
  margin-right: -140px;
}
@media (max-width: 600px) {
  .last-project-section .example-box__vertical-request-box {
    display: none;
  }
}
.last-project-section .example-box__vertical-request-box::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(255, 255, 255, 0.04);
  left: 0;
  width: 57px;
  height: 1px;
}
@media (max-width: 600px) {
  .last-project-section .example-box__vertical-request-box {
    display: none;
  }
}
.last-project-section .example-box__excerpt {
  width: 424px;
  font-size: 36px;
  line-height: 141.67%;
  justify-self: start;
  z-index: 1;
}
@media (max-width: 1024px) {
  .last-project-section .example-box__excerpt {
    justify-self: center;
    font-size: 32px;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .last-project-section .example-box__excerpt {
    width: auto;
    grid-column: 2;
    font-size: 26px;
    text-align: start;
  }
}
.last-project-section .example-box__content {
  width: 339px;
  grid-column: 2/3;
  justify-self: end;
  z-index: 1;
}
.last-project-section .example-box__content .p1 {
  color: #ffffff;
}
@media (max-width: 1024px) {
  .last-project-section .example-box__content .p1 {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .last-project-section .example-box__content .p1 {
    text-align: start;
  }
}
@media (max-width: 1024px) {
  .last-project-section .example-box__content {
    justify-self: center;
  }
}
@media (max-width: 600px) {
  .last-project-section .example-box__content {
    width: auto;
  }
}
.last-project-section .example-box__button {
  width: 183px;
  height: 48px;
  border: 1px solid rgba(253, 253, 253, 0.32);
  background: #ffffff;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #080808;
  cursor: pointer;
  z-index: 2;
  margin-top: 41px;
}
.last-project-section .example-box__button div {
  margin: auto auto;
  color: #080808;
}
@media (max-width: 1024px) {
  .last-project-section .example-box__button {
    height: 42px;
  }
}
@media (max-width: 1024px) {
  .last-project-section .example-box__button {
    height: 42px;
    margin: 64px auto 0;
  }
}
@media (max-width: 768px) {
  .last-project-section .example-box__button {
    margin-top: 48px;
  }
}
.last-project-section .example-box__example-project {
  position: absolute;
  width: 100%;
  height: 100%;
}
.last-project-section .example-box__example-project a {
  max-width: 211px;
  max-height: 273px;
  width: 14.65vw;
  height: 18.96vw;
  position: absolute;
}
.last-project-section .example-box__example-project a:nth-child(1) {
  bottom: 144px;
  left: 25.57%;
  transform: rotate(-5.99deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(1):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(2) {
  bottom: 164px;
  left: 30.57%;
  transform: rotate(-0.33deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(2):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(3) {
  bottom: 168.4px;
  left: 33.61%;
  transform: rotate(-5.81deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(3):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(4) {
  bottom: 196.8px;
  left: 38.56%;
  transform: rotate(-1.72deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(4):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(5) {
  bottom: 214.11px;
  left: 42.06%;
  transform: rotate(-10.5deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(5):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(6) {
  bottom: 235.73px;
  left: 45.56%;
  transform: rotate(-5.99deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(6):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(7) {
  bottom: 255.79px;
  left: 50.65%;
  transform: rotate(-0.33deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(7):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(8) {
  bottom: 260.41px;
  left: 53.7%;
  transform: rotate(-5.81deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(8):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(9) {
  bottom: 288.81px;
  left: 58.65%;
  transform: rotate(-1.72deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(9):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project a:nth-child(10) {
  bottom: 306.12px;
  left: 62.15%;
  transform: rotate(-10.5deg);
  transition: all 0.2s ease;
}
.last-project-section .example-box__example-project a:nth-child(10):hover {
  transform: rotate(0deg) scale(1.2);
  transition: all 0.2s ease;
  z-index: 2;
}
.last-project-section .example-box__example-project img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .last-project-section .example-box__example-project {
    display: none;
  }
}
.last-project-section__next-project-box {
  width: 100%;
  height: 597px;
}
@media (max-width: 1024px) {
  .last-project-section__next-project-box {
    height: 56.64vw;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .last-project-section__next-project-box {
    height: 52.21vw;
  }
}
@media (max-width: 375px) {
  .last-project-section__next-project-box {
    height: 80.27vw;
  }
}
.last-project-section__title-box {
  margin: 0 0 8.89vw;
}
@media (max-width: 1024px) {
  .last-project-section__title-box {
    margin: 0 0 9.375vw;
  }
}
@media (max-width: 600px) {
  .last-project-section__title-box {
    margin: 0 0 14.93vw;
  }
}
.last-project-section__link {
  display: block;
  width: max-content;
  margin: 0 auto 16px;
}
@media (max-width: 1024px) {
  .last-project-section__link {
    margin: 0 auto 14px;
  }
}
@media (max-width: 768px) {
  .last-project-section__link {
    margin: 0 auto 12px;
  }
}
@media (max-width: 375px) {
  .last-project-section__link {
    margin: 0 auto 10 px;
  }
}
.last-project-section__title {
  width: max-content;
  margin: 0 auto;
}
.last-project-section__image-box img {
  width: 100%;
}
@media (max-width: 600px) {
  .last-project-section__image-box img {
    width: 505px;
    height: 232.48px;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .last-project-section__image-box {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.header.black {
  background: rgba(229, 229, 229, 0.75);
}
.header.black .header__logo {
  color: #000000;
}
.header.black .menu {
  color: #000000;
}
.header.black .menu__burger-icon:before, .header.black .menu__burger-icon:after {
  background-color: #080808;
}
.header.black .menu__button {
  border: 1px solid #080808;
}

@media (max-width: 1024px) {
  ._lock .header.black .header__logo {
    color: #ffffff;
  }
}
._lock .header.black .menu {
  color: #ffffff;
}
@media (max-width: 1024px) {
  ._lock .header.black .menu__burger-icon:before, ._lock .header.black .menu__burger-icon:after {
    background-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  ._lock .header.black .menu__button {
    color: #ffffff;
    border: 1px solid #ffffff;
  }
}

.page-about .email-section {
  background: #080808;
}
.page-about .email-section__email {
  color: #ffffff;
}
.page-about .email-section__text {
  color: #ffffff;
}

.first-about-section {
  width: 100%;
  height: 100vh;
  padding: 43.82vh 0 40px;
  background-image: url("../img/about/Rectangle.jpg");
  background-size: cover;
  background-position: center;
}
.first-about-section__container {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.first-about-section__title-box {
  max-width: 383px;
  margin: 0 auto;
}
.first-about-section__title {
  text-align: center;
  margin: 0 0 24px;
}
.first-about-section__subtitle {
  text-align: center;
  color: #ffffff;
}

.email-section {
  position: relative;
  width: 100%;
  height: 814px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #080808;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .email-section {
    height: 790px;
  }
}
@media (max-width: 678px) {
  .email-section {
    height: 831px;
  }
}
@media (max-width: 425px) {
  .email-section {
    height: 675px;
  }
}
.email-section__content {
  margin: 0 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.email-section__email {
  margin: 0 0 18px;
  font-size: 56px;
  line-height: 68px;
  text-align: center;
}
@media (max-width: 1024px) {
  .email-section__email {
    margin: 0 0 21px;
    font-size: 48px;
    line-height: 59px;
  }
}
@media (max-width: 678px) {
  .email-section__email {
    margin: 0 0 24px;
    font-size: 44px;
    line-height: 54px;
  }
}
@media (max-width: 425px) {
  .email-section__email {
    margin: 0 0 16px;
    font-size: 32px;
    line-height: 39px;
  }
}
.email-section__text {
  max-width: 390px;
  margin: 0 auto;
  text-align: center;
  opacity: 0.6;
}
.email-section > a {
  position: absolute;
  right: 100%;
  top: 100%;
  width: 348px;
  height: 231px;
}
.email-section > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#email-section-foto8 {
  max-width: 271px;
  max-height: 180px;
  width: 18.82vw;
  height: 12.5vw;
  right: 7.71%;
  top: 7.62%;
}
@media (max-width: 768px) {
  #email-section-foto8 {
    width: 27.86vw;
    height: 18.49vw;
    left: calc(109.62% - 27.86vw);
    top: 15.98%;
  }
}
@media (max-width: 425px) {
  #email-section-foto8 {
    display: none;
  }
}

#email-section-foto3 {
  max-width: 348px;
  max-height: 231px;
  width: 24.17vw;
  height: 16.04vw;
  left: 53.68%;
  top: calc(10.68% - 16.04vw);
}
@media (max-width: 768px) {
  #email-section-foto3 {
    width: 35.68vw;
    height: 23.4375vw;
  }
}
@media (max-width: 425px) {
  #email-section-foto3 {
    width: 45.87vw;
    height: 30.4vw;
    left: calc(124.68% - 45.87vw);
    top: 16.59%;
  }
}

#email-section-foto1 {
  max-width: 402px;
  max-height: 282px;
  width: 27.92vw;
  height: 19.58vw;
  right: calc(21.875% - 27.92vw);
  top: 52.58%;
}
@media (max-width: 768px) {
  #email-section-foto1 {
    width: 41.28vw;
    height: 28.91vw;
    left: calc(132.62% - 41.28vw);
    top: 57.88%;
  }
}
@media (max-width: 425px) {
  #email-section-foto1 {
    width: 53.07vw;
    height: 37.07vw;
    left: calc(137.14% - 53.07vw);
    top: 61.19%;
  }
}

#email-section-foto5 {
  max-width: 214px;
  max-height: 142px;
  width: 14.86vw;
  height: 9.86vw;
  left: 53.68%;
  top: calc(105.77% - 9.86vw);
}
@media (max-width: 425px) {
  #email-section-foto5 {
    width: 28.27vw;
    height: 18.67vw;
    left: 61.6%;
    top: calc(101.84% - 18.67vw);
  }
}

#email-section-foto4 {
  max-width: 285px;
  max-height: 189px;
  width: 19.79vw;
  height: 13.125vw;
  left: 19.31%;
  top: 69.29%;
}
@media (max-width: 1024px) {
  #email-section-foto4 {
    width: 23.54vw;
    height: 15.53vw;
    left: 5.65%;
    top: 68.23%;
  }
}

#email-section-foto6 {
  max-width: 271px;
  max-height: 180px;
  width: 18.82vw;
  height: 12.5vw;
  right: calc(108.82% - 18.82vw);
  top: calc(111.06% - 12.5vw);
}
@media (max-width: 1024px) {
  #email-section-foto6 {
    display: none;
  }
}
@media (max-width: 425px) {
  #email-section-foto6 {
    display: block;
    width: 38.93vw;
    height: 32.8vw;
    left: calc(15.73% - 38.93vw);
    top: 71.56%;
  }
}

#email-section-foto7 {
  display: block;
  max-width: 348px;
  max-height: 231px;
  width: 24.17vw;
  height: 16.04vw;
  right: calc(109.79% - 24.17vw);
  top: 22.6%;
}
@media (max-width: 1024px) {
  #email-section-foto7 {
    width: 28.71vw;
    height: 19.04vw;
    right: calc(123.14% - 28.71vw);
    top: 27.6%;
  }
}
@media (max-width: 768px) {
  #email-section-foto7 {
    width: 32.42vw;
    height: 21.61vw;
    right: calc(121.14% - 32.42vw);
    top: 23.95%;
  }
}
@media (max-width: 425px) {
  #email-section-foto7 {
    width: 41.6vw;
    height: 27.73vw;
    left: calc(23.73% - 41.6vw);
    top: 14.67%;
  }
}

#email-section-foto2 {
  max-width: 271px;
  max-height: 180px;
  width: 18.82vw;
  height: 12.5vw;
  left: 10%;
  top: 7.62%;
}
@media (max-width: 1024px) {
  #email-section-foto2 {
    left: 0.39%;
    top: 14.43%;
  }
}
@media (max-width: 768px) {
  #email-section-foto2 {
    width: 25.26vw;
    height: 16.8vw;
    left: 5.21%;
    top: 13.48%;
  }
}
@media (max-width: 425px) {
  #email-section-foto2 {
    width: 32.53vw;
    height: 21.6vw;
    left: 14.13%;
    top: 5.48%;
  }
}

.second-about-section {
  width: 100%;
  overflow-x: hidden;
}
.second-about-section__container {
  max-width: 1164px;
  padding: 0 146px 0 130px;
  margin: 140px auto;
  box-sizing: content-box;
}
@media (max-width: 1024px) {
  .second-about-section__container {
    margin: 124px auto;
    padding: 0 10.13% 0 9.03%;
  }
}
@media (max-width: 768px) {
  .second-about-section__container {
    margin: 104px auto;
  }
}
@media (max-width: 600px) {
  .second-about-section__container {
    margin: 80px auto;
    padding: 0 var(--pdng-conteiner);
  }
}
.second-about-section__slider {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  column-gap: 132px;
  row-gap: 140px;
}
@media (max-width: 1440px) {
  .second-about-section__slider {
    column-gap: 9.17vw;
  }
}
@media (max-width: 768px) {
  .second-about-section__slider {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 80px;
  }
}
.second-about-section__title-box {
  max-width: 383px;
  height: 30.83vw;
  max-height: 444px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-self: flex-end;
  order: 1;
}
@media (max-width: 768px) {
  .second-about-section__title-box {
    height: auto;
    max-height: none;
  }
}
.second-about-section__title {
  margin: 0 0 24px;
  color: #080808;
}
.second-about-section__subtitle {
  margin: 0 0 45px;
}
.second-about-section__scrollbar-navigation {
  position: static;
  max-width: 316px;
  width: 85%;
  margin: 0 0 0 19px;
  display: flex;
  justify-content: space-between;
  font-weight: 300;
  font-size: 11px;
  line-height: 1.18%;
  letter-spacing: 0.06em;
  z-index: 5;
}
@media (max-width: 1024px) {
  .second-about-section__scrollbar-navigation {
    max-width: 316px;
    width: 85%;
  }
}
@media (max-width: 730px) {
  .second-about-section__scrollbar-navigation {
    max-width: 316px;
    width: 85%;
  }
}
@media (max-width: 650px) {
  .second-about-section__scrollbar-navigation {
    transform: none;
  }
}
.second-about-section__scrollbar-navigation .swiper-button-prev,
.second-about-section__scrollbar-navigation .swiper-button-next {
  color: rgba(130, 130, 130, 0.5);
}
.second-about-section__scrollbar-navigation .swiper-horizontal > .swiper-scrollbar,
.second-about-section__scrollbar-navigation .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: static;
  width: 71.83%;
  height: 1px;
  margin-left: -8px;
  background: rgba(130, 130, 130, 0.32);
}
.second-about-section__scrollbar-navigation .swiper-scrollbar-drag {
  background: rgba(130, 130, 130, 0.5);
}
.second-about-section__swiper-box {
  position: relative;
  width: 100%;
  height: 30.83vw;
  max-height: 444px;
  order: 2;
}
.second-about-section__swiper {
  position: absolute;
  width: 100%;
}
.second-about-section__swiper-wrapper {
  width: 100%;
  height: 100%;
}
.second-about-section__swiper-slide {
  width: 38.33vw;
  max-width: 552px;
  height: 30.83vw;
  max-height: 444px;
}
.second-about-section__swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.second-about-section__img-box {
  width: 100%;
  max-width: 516px;
  max-height: 607px;
  order: 3;
}
.second-about-section__img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .second-about-section__img-box {
    width: 100%;
    height: 150px;
    justify-self: center;
    order: 4;
  }
}
.second-about-section__content-box {
  position: relative;
  width: 100%;
  height: 648px;
  margin: 6.25% 0 0;
  order: 4;
}
@media (max-width: 1024px) {
  .second-about-section__content-box {
    height: auto;
  }
}
@media (max-width: 768px) {
  .second-about-section__content-box {
    margin: 0;
    order: 3;
  }
}
.second-about-section__statistic-box {
  width: 100%;
  max-width: 311px;
  margin: 0 0 2.15vw;
  display: flex;
  justify-content: space-between;
}
.second-about-section__data-box {
  margin: 0 0 44px;
}
.second-about-section__namber {
  margin: 0 0 5px;
  font-size: 56px;
  line-height: 121.43%;
  color: #080808;
}
@media (max-width: 984px) {
  .second-about-section__namber {
    font-size: 48px;
  }
}
@media (max-width: 768px) {
  .second-about-section__namber {
    font-size: 44px;
  }
}
@media (max-width: 500px) {
  .second-about-section__namber {
    font-size: 40px;
  }
}
.second-about-section__number-content {
  width: 98px;
  font-weight: 300;
  font-size: 14px;
  line-height: 132%;
  color: #080808;
}
@media (max-width: 984px) {
  .second-about-section__number-content {
    font-size: 12px;
  }
}
.second-about-section__statistic-text {
  max-width: 382px;
  width: 100%;
}
.second-about-section__img-absolute {
  position: absolute;
  bottom: 0;
  right: -146px;
  width: 168px;
  height: 216px;
}
@media (max-width: 1024px) {
  .second-about-section__img-absolute {
    display: none;
  }
}
.second-about-section__img-absolute img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.second-about-section__quotation-box-about {
  margin: 66px 0 0;
  order: 5;
}
@media (max-width: 768px) {
  .second-about-section__quotation-box-about {
    margin: 0;
  }
}
.second-about-section__content2 {
  width: 100%;
  order: 6;
}
.second-about-section__img-ceo {
  width: 100%;
  margin: 0 0 100px;
}
@media (max-width: 768px) {
  .second-about-section__img-ceo {
    margin: 0 0 80px;
  }
}
.second-about-section__img-ceo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.second-about-section__statistic-ceo {
  width: 100%;
  max-width: 440px;
  margin: 0 0 56px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .second-about-section__statistic-ceo {
    margin: 0;
  }
}
.second-about-section__statistic-ceo .second-about-section__number-content {
  width: 94px;
}
@media (max-width: 1024px) {
  .second-about-section__statistic-ceo .second-about-section__number-content {
    width: 81px;
  }
}

.quotation-box-about__content {
  max-width: 383px;
  width: 100%;
  margin: 0 0 164px auto;
  padding: 0 0 0 50px;
  color: #080808;
}
@media (max-width: 768px) {
  .quotation-box-about__content {
    margin: 0 0 0 auto;
  }
}
.quotation-box-about__title {
  margin: 0 0 32px;
}
.quotation-box-about__subtitle {
  margin: 0 0 56px;
}
.quotation-box-about__text {
  font-weight: 300;
  font-size: 20px;
  line-height: 170.66%;
  opacity: 0.7;
  position: relative;
}
.quotation-box-about__text::before {
  content: "“";
  position: absolute;
  top: 0;
  left: -50px;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #080808;
}
.quotation-box-about__img {
  max-width: 100%;
  margin: 0 0 0 13.18%;
}
@media (max-width: 1024px) {
  .quotation-box-about__img {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .quotation-box-about__img {
    display: none;
  }
}
.quotation-box-about__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.last-about-section {
  width: 100%;
  position: relative;
  background: #ececec;
}
.last-about-section__content {
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  max-width: 1440px;
  box-sizing: border-box;
}
.last-about-section__conteiner {
  max-width: 1440px;
  position: relative;
  padding: 140px 125px 187px;
  display: grid;
  grid-template: repeat(2, auto)/1fr;
  gap: 24px;
  color: #080808;
}
@media (max-width: 1440px) {
  .last-about-section__conteiner {
    padding: 10.65% 9.51% 14.25%;
  }
}
@media (max-width: 1024px) {
  .last-about-section__conteiner {
    padding: 13.6% 11.29% 19.08%;
  }
}
@media (max-width: 768px) {
  .last-about-section__conteiner {
    padding: 15.48% 11.46% 22.92%;
  }
}
@media (max-width: 600px) {
  .last-about-section__conteiner {
    padding: 80px 0 155px;
  }
}
.last-about-section__title {
  max-width: 424px;
}
@media (max-width: 1024px) {
  .last-about-section__title {
    max-width: 417px;
  }
}
@media (max-width: 768px) {
  .last-about-section__title {
    max-width: 367px;
  }
}
.last-about-section__subtitle {
  margin: 9.74% 0 0;
  display: flex;
  justify-content: space-between;
  gap: 100px;
}
@media (max-width: 1024px) {
  .last-about-section__subtitle {
    width: 345px;
    flex-direction: column;
    justify-self: flex-end;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .last-about-section__subtitle {
    width: 100%;
    justify-self: stretch;
  }
}
.last-about-section__text-box {
  color: #080808;
}
.last-about-section__text {
  max-width: 366px;
}
@media (max-width: 768px) {
  .last-about-section__text {
    max-width: none;
    width: 100%;
  }
}
.last-about-section__data-box {
  width: 100%;
  margin: 20px 0 0;
  display: flex;
  justify-content: space-between;
}
.last-about-section__box-language {
  width: 78px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
}
.last-about-section__email-box {
  width: 382px;
  height: min-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #515151;
  padding: 0 0 10px;
}
@media (max-width: 1024px) {
  .last-about-section__email-box {
    width: 100%;
  }
}
.last-about-section__email-box input {
  width: 100%;
  background: none;
  color: #080808;
}
.last-about-section__email-box input::placeholder {
  color: #080808;
  opacity: 0.7;
}
.last-about-section__email-submit {
  color: #080808;
  opacity: 0.7;
}

.email-section {
  position: relative;
  width: 100%;
  height: 814px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #080808;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .email-section {
    height: 790px;
  }
}
@media (max-width: 678px) {
  .email-section {
    height: 831px;
  }
}
@media (max-width: 425px) {
  .email-section {
    height: 675px;
  }
}
.email-section__content {
  margin: 0 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.email-section__email {
  margin: 0 0 18px;
  font-size: 56px;
  line-height: 68px;
  text-align: center;
}
@media (max-width: 1024px) {
  .email-section__email {
    margin: 0 0 21px;
    font-size: 48px;
    line-height: 59px;
  }
}
@media (max-width: 678px) {
  .email-section__email {
    margin: 0 0 24px;
    font-size: 44px;
    line-height: 54px;
  }
}
@media (max-width: 425px) {
  .email-section__email {
    margin: 0 0 16px;
    font-size: 32px;
    line-height: 39px;
  }
}
.email-section__text {
  max-width: 390px;
  margin: 0 auto;
  text-align: center;
  opacity: 0.6;
}
.email-section > a {
  position: absolute;
  right: 100%;
  top: 100%;
  width: 348px;
  height: 231px;
}
.email-section > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#email-section-foto8 {
  max-width: 271px;
  max-height: 180px;
  width: 18.82vw;
  height: 12.5vw;
  right: 7.71%;
  top: 7.62%;
}
@media (max-width: 768px) {
  #email-section-foto8 {
    width: 27.86vw;
    height: 18.49vw;
    left: calc(109.62% - 27.86vw);
    top: 15.98%;
  }
}
@media (max-width: 425px) {
  #email-section-foto8 {
    display: none;
  }
}

#email-section-foto3 {
  max-width: 348px;
  max-height: 231px;
  width: 24.17vw;
  height: 16.04vw;
  left: 53.68%;
  top: calc(10.68% - 16.04vw);
}
@media (max-width: 768px) {
  #email-section-foto3 {
    width: 35.68vw;
    height: 23.4375vw;
  }
}
@media (max-width: 425px) {
  #email-section-foto3 {
    width: 45.87vw;
    height: 30.4vw;
    left: calc(124.68% - 45.87vw);
    top: 16.59%;
  }
}

#email-section-foto1 {
  max-width: 402px;
  max-height: 282px;
  width: 27.92vw;
  height: 19.58vw;
  right: calc(21.875% - 27.92vw);
  top: 52.58%;
}
@media (max-width: 768px) {
  #email-section-foto1 {
    width: 41.28vw;
    height: 28.91vw;
    left: calc(132.62% - 41.28vw);
    top: 57.88%;
  }
}
@media (max-width: 425px) {
  #email-section-foto1 {
    width: 53.07vw;
    height: 37.07vw;
    left: calc(137.14% - 53.07vw);
    top: 61.19%;
  }
}

#email-section-foto5 {
  max-width: 214px;
  max-height: 142px;
  width: 14.86vw;
  height: 9.86vw;
  left: 53.68%;
  top: calc(105.77% - 9.86vw);
}
@media (max-width: 425px) {
  #email-section-foto5 {
    width: 28.27vw;
    height: 18.67vw;
    left: 61.6%;
    top: calc(101.84% - 18.67vw);
  }
}

#email-section-foto4 {
  max-width: 285px;
  max-height: 189px;
  width: 19.79vw;
  height: 13.125vw;
  left: 19.31%;
  top: 69.29%;
}
@media (max-width: 1024px) {
  #email-section-foto4 {
    width: 23.54vw;
    height: 15.53vw;
    left: 5.65%;
    top: 68.23%;
  }
}

#email-section-foto6 {
  max-width: 271px;
  max-height: 180px;
  width: 18.82vw;
  height: 12.5vw;
  right: calc(108.82% - 18.82vw);
  top: calc(111.06% - 12.5vw);
}
@media (max-width: 1024px) {
  #email-section-foto6 {
    display: none;
  }
}
@media (max-width: 425px) {
  #email-section-foto6 {
    display: block;
    width: 38.93vw;
    height: 32.8vw;
    left: calc(15.73% - 38.93vw);
    top: 71.56%;
  }
}

#email-section-foto7 {
  display: block;
  max-width: 348px;
  max-height: 231px;
  width: 24.17vw;
  height: 16.04vw;
  right: calc(109.79% - 24.17vw);
  top: 22.6%;
}
@media (max-width: 1024px) {
  #email-section-foto7 {
    width: 28.71vw;
    height: 19.04vw;
    right: calc(123.14% - 28.71vw);
    top: 27.6%;
  }
}
@media (max-width: 768px) {
  #email-section-foto7 {
    width: 32.42vw;
    height: 21.61vw;
    right: calc(121.14% - 32.42vw);
    top: 23.95%;
  }
}
@media (max-width: 425px) {
  #email-section-foto7 {
    width: 41.6vw;
    height: 27.73vw;
    left: calc(23.73% - 41.6vw);
    top: 14.67%;
  }
}

#email-section-foto2 {
  max-width: 271px;
  max-height: 180px;
  width: 18.82vw;
  height: 12.5vw;
  left: 10%;
  top: 7.62%;
}
@media (max-width: 1024px) {
  #email-section-foto2 {
    left: 0.39%;
    top: 14.43%;
  }
}
@media (max-width: 768px) {
  #email-section-foto2 {
    width: 25.26vw;
    height: 16.8vw;
    left: 5.21%;
    top: 13.48%;
  }
}
@media (max-width: 425px) {
  #email-section-foto2 {
    width: 32.53vw;
    height: 21.6vw;
    left: 14.13%;
    top: 5.48%;
  }
}

.contacts {
  width: 100%;
  position: relative;
}
.contacts__background {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.contacts__background img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.contacts__background div {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.95);
}
.contacts__conteiner {
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 119px;
  padding-bottom: 170px;
  z-index: 1;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .contacts__conteiner {
    padding-top: 104px;
  }
}
@media (max-width: 768px) {
  .contacts__conteiner {
    padding-top: 88px;
    padding-bottom: 146px;
  }
}
@media (max-width: 375px) {
  .contacts__conteiner {
    padding-top: 56px;
    padding-bottom: 131px;
  }
}
.contacts__conteiner .p1 {
  opacity: 0.6;
  color: #ffffff;
}
.contacts__vertical-contacts-box {
  width: 149px;
  height: 11px;
  position: relative;
  font-size: 8px;
  line-height: 175%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.1);
  display: flex;
  padding: 0 0 0 70px;
  transform: rotate(-90deg) translate(-74.5px, -74.5px);
  z-index: 1;
}
@media (max-width: 600px) {
  .contacts__vertical-contacts-box {
    display: none;
  }
}
.contacts__vertical-contacts-box::before {
  content: " ";
  position: absolute;
  top: 50%;
  display: block;
  background: rgba(255, 255, 255, 0.06);
  left: 0;
  width: 57px;
  height: 1px;
}
.contacts__main-box {
  width: 100%;
  height: 100%;
  padding: 0 9.97%;
}
@media (max-width: 1024px) {
  .contacts__main-box {
    padding: 0 10.06%;
  }
}
@media (max-width: 678px) {
  .contacts__main-box {
    padding: 0 9.9%;
  }
}
@media (max-width: 425px) {
  .contacts__main-box {
    padding: 0;
  }
}
.contacts__title {
  margin: 0 0 24px;
}
.contacts__subtitle {
  max-width: 390px;
  margin: 0 0 72px;
}
.contacts__content {
  display: grid;
  grid-template: repeat(2, auto)/repeat(3, 133px) 1fr;
  gap: 72px 9.7%;
}
@media (max-width: 1024px) {
  .contacts__content {
    gap: 64px 9.7%;
  }
}
@media (max-width: 768px) {
  .contacts__content {
    grid-template: repeat(2, auto)/repeat(3, 133px);
    gap: 56px 9.7%;
  }
}
@media (max-width: 600px) {
  .contacts__content {
    grid-template: repeat(3, auto)/repeat(2, 133px);
  }
}
@media (max-width: 375px) {
  .contacts__content {
    gap: 40px 9.7%;
  }
}
.contacts__city {
  margin: 0 0 24px;
}
@media (max-width: 375px) {
  .contacts__city {
    margin: 0 0 18px;
  }
}
.contacts__email-box {
  width: max-content;
  justify-self: end;
}
@media (max-width: 1000px) {
  .contacts__email-box {
    grid-column: 3/4;
    justify-self: start;
  }
}
@media (max-width: 600px) {
  .contacts__email-box {
    grid-column: 1/2;
  }
}
.contacts__email {
  width: max-content;
  margin: 0 0 23px;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
}
.contacts__language-box {
  width: 78px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
}
.contacts__button {
  width: 183px;
  height: 48px;
  border: 1px solid rgba(253, 253, 253, 0.32);
  background: #ffffff;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #080808;
  cursor: pointer;
}
.contacts__button div {
  margin: auto auto;
  color: #080808;
}
@media (max-width: 1024px) {
  .contacts__button {
    height: 42px;
  }
}
@media (max-width: 1024px) {
  .contacts__button {
    height: 42px;
  }
}
@media (max-width: 1000px) {
  .contacts__button {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media (max-width: 600px) {
  .contacts__button {
    grid-row: 4/5;
  }
}
@media (max-width: 375px) {
  .contacts__button {
    margin-top: 8px;
  }
}

.page-contacts .contacts {
  height: 100vh;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 600px) {
  .page-contacts .contacts {
    min-height: 846px;
  }
}
.page-contacts .contacts__conteiner {
  max-width: 1440px;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}
.page-contacts .contacts__vertical-contacts-box {
  display: none;
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
}
.footer__conteiner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: #828282;
  max-width: 1314px;
  height: 100%;
  padding: 0 var(--pdng-conteiner);
  margin: 0 auto;
  box-sizing: content-box;
}
.footer__copyright {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
}
.footer__slogan {
  width: 218px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__first-box {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
}
.footer__lst-box {
  width: 84px;
  height: 26px;
  color: #ffffff;
  display: grid;
  grid-template: repeat(2, 1fr)/1fr;
}
.footer__slogan-first {
  justify-self: start;
}
.footer__slogan-lst {
  justify-self: end;
}

.footer.footer-black .footer__lst-box {
  color: #080808;
}

.footer.footer-none {
  display: none;
}

.conteiner {
  width: 100%;
  padding: 44px 8.75%;
}
@media (max-width: 1024px) {
  .conteiner {
    padding: 44px 6.44%;
  }
}
@media (max-width: 768px) {
  .conteiner {
    padding: 44px 10.04%;
  }
}
@media (max-width: 587px) {
  .conteiner {
    padding: 40px 6.4%;
  }
}

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(8, 8, 8, 0.96);
  top: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 51;
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.popup.open {
  visibility: visible;
  opacity: 1;
}
.popup.open .popup__body {
  opacity: 1;
  transition: all 0.8s ease 0s;
  transform: perspective(600px) translate(0px, 0px) rotateX(0deg);
}
.popup__body {
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 1.25%;
  font-weight: 600;
  font-size: 11px;
  line-height: 118.18%;
  letter-spacing: 0.06em;
  color: #313131;
  opacity: 0;
  transition: all 0.8s ease 0s;
  transform: perspective(600px) translate(0px, -100%) rotateX(45deg);
}
@media (max-width: 1024px) {
  .popup__body {
    padding: 0 0 1.46%;
  }
}
@media (max-width: 768px) {
  .popup__body {
    padding: 46px 0;
  }
}
@media (max-width: 587px) {
  .popup__body {
    padding: 64px 0;
  }
}
.popup__content {
  width: 72.64%;
  min-width: min-content;
  height: 100%;
  padding: 3.89% 8.54%;
  background: #f2f2f2;
  box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.04);
}
@media (max-width: 1024px) {
  .popup__content {
    width: 78.91%;
    padding: 3.125% 4.98%;
  }
}
@media (max-width: 768px) {
  .popup__content {
    width: 72.65625%;
    padding: 3.125% 5.21%;
  }
}
@media (max-width: 587px) {
  .popup__content {
    width: 87.2%;
    padding: 0;
    background: rgba(8, 8, 8, 0.96);
  }
}
.popup__first-box {
  width: 100%;
  margin: 0 0 6px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #ffffff;
}
.popup__first-conteiner h3 {
  width: max-content;
  margin: 0 auto 38px;
}
@media (max-width: 587px) {
  .popup__first-conteiner {
    margin: -16px auto 38px;
  }
}
.popup__personal-data {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 38px 4.5%;
}
@media (max-width: 768px) {
  .popup__personal-data {
    grid-template-columns: 1fr;
  }
}
.popup__personal-data label {
  height: 23px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(214, 214, 214, 0.3);
  display: grid;
  grid-template: 1fr/auto 1fr;
  gap: 10px;
}
.popup__personal-data label input {
  font-size: 11px;
}
.popup__name._error {
  border-bottom: solid 1px red;
}
.popup__phone._error {
  border-bottom: solid 1px red;
}
.popup__city._error {
  border-bottom: solid 1px red;
}
.popup__email._error {
  border-bottom: solid 1px red;
}
.popup__select-type._error {
  border-bottom: solid 1px red;
}
.popup__select-option {
  font-size: 11px;
}
.popup__user-comment {
  grid-column: 1/3;
  display: grid;
}
@media (max-width: 768px) {
  .popup__user-comment {
    grid-column: 1/2;
  }
}
.popup__user-comment textarea {
  height: 12px;
  resize: none;
}
.popup__second-box {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.popup__name-group-area {
  margin: 0 0 22px 0;
}
.popup__group-area {
  width: 100%;
  margin: 0 0 21px 0;
  display: grid;
  grid-template: auto/repeat(7, 1fr) auto;
}
@media (max-width: 768px) {
  .popup__group-area {
    grid-template: repeat(2, auto)/repeat(3, 1fr) 17px;
    row-gap: 30px;
  }
}
.popup__label {
  width: auto;
  height: 20px;
  grid-column: 1/3;
  justify-self: start;
  align-self: center;
}
.popup__label p {
  left: calc(-50% + 6.5px);
  position: relative;
}
@media (max-width: 1024px) {
  .popup__label p {
    font-size: 9px;
  }
}
.popup__option-item {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template: 1fr auto/auto 1fr;
}
.popup__option-item:nth-child(8) .popup__line {
  display: none;
}
.popup__option-item:nth-child(1) .popup__label p {
  position: static;
}
@media (max-width: 768px) {
  .popup__option-item:nth-child(4) .popup__line {
    display: none;
  }
}
@media (max-width: 768px) {
  .popup__option-item:nth-child(4) .popup__label {
    margin-left: -10px;
    width: 48px;
  }
}
@media (max-width: 768px) {
  .popup__option-item:nth-child(5) .popup__label p {
    position: static;
  }
}
.popup__radio-area {
  appearance: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background: #afb0b2;
  border: 7px solid #f7f7f6;
  transition: 0.2s all linear;
  box-shadow: inset 0px 0px 1px #ffffff;
}
.popup__radio-area:checked {
  background: #ffffff;
  border: 7px solid #1d1f26;
  transition: 0.2s all linear;
  box-shadow: 0px 0px 1px #ffffff, 0px 0 8px rgba(0, 0, 0, 0.06);
}
.popup__line {
  width: 100%;
  height: 1px;
  border: 1px solid rgba(214, 214, 214, 0.3);
  justify-self: center;
  align-self: center;
}
.popup__group-photo {
  width: 100%;
  display: grid;
  grid-template: repeat(2, auto)/auto 1fr;
  row-gap: 10px;
}
@media (max-width: 768px) {
  .popup__group-photo {
    grid-template: repeat(3, auto)/1fr;
  }
}
.popup__add-photo {
  display: flex;
  grid-column: 1/3;
}
.popup__add-photo._error {
  width: 50%;
  border-bottom: solid 1px red;
}
@media (max-width: 768px) {
  .popup__add-photo._error {
    width: 100%;
  }
}
.popup__add-photo input {
  width: 0;
  opacity: 0;
}
@media (max-width: 768px) {
  .popup__add-photo {
    grid-column: 1/2;
  }
}
.popup__preview li {
  height: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.popup__preview img {
  height: 100%;
}
.popup__item-photo {
  align-self: center;
  display: flex;
  align-items: center;
}
.popup__item-photo label {
  cursor: pointer;
}
@media (max-width: 768px) {
  .popup__item-photo {
    justify-self: center;
  }
}
.popup__img-add-photo {
  position: relative;
  border-radius: 50%;
  width: 39px;
  height: 39px;
  background: #f7f7f6;
  border: 1px dashed rgba(58, 62, 75, 0.08);
  transition: 0.2s all linear;
}
.popup__img-add-photo::before {
  content: "";
  background-color: #3a3e4b;
  position: absolute;
  width: 9px;
  height: 1px;
  left: calc(50% - 4.5px);
  top: 50%;
}
.popup__img-add-photo::after {
  content: "";
  background-color: #3a3e4b;
  position: absolute;
  width: 9px;
  height: 1px;
  left: calc(50% - 4.5px);
  top: 50%;
  transform: rotate(90deg);
}
.popup__coment-photo {
  margin: 0 0 0 12px;
}
.popup__coment-photo p:nth-child(1) {
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
  color: #3a3e4b;
}
.popup__coment-photo p:nth-child(2) {
  font-weight: 500;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0.06em;
  color: rgba(58, 62, 75, 0.45);
}
.popup__buttom {
  margin-top: 5px;
  justify-self: right;
  text-align: center;
  justify-content: center;
  letter-spacing: 0.06em;
  width: 183px;
  height: 48px;
  border: 1px solid 0;
  background: #3a3e4b;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
  cursor: pointer;
}
.popup__buttom div {
  margin: auto auto;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .popup__buttom {
    height: 42px;
  }
}
@media (max-width: 768px) {
  .popup__buttom {
    justify-self: center;
  }
}
.popup__text {
  margin-top: 37px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  color: #afb0b2;
}
@media (max-width: 1024px) {
  .popup__text {
    display: none;
  }
}
.popup__criss-cross {
  top: 40px;
  right: 40px;
  position: absolute;
  color: #ffffff;
}
@media (max-width: 587px) {
  .popup__criss-cross {
    top: 24px;
    right: 24px;
  }
}

.popup2 {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(8, 8, 8, 0.96);
  top: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  z-index: 51;
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.popup2.open {
  visibility: visible;
  opacity: 1;
}
.popup2.open .popup2__body {
  opacity: 1;
  transition: all 0.8s ease 0s;
  transform: perspective(600px) translate(0px, 0px) rotateX(0deg);
}
.popup2__body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 171.43%;
  color: #3a3e4b;
}
@media (max-width: 1024px) {
  .popup2__body {
    padding: 0 0 1.46%;
  }
}
@media (max-width: 768px) {
  .popup2__body {
    padding: 46px 0;
  }
}
@media (max-width: 587px) {
  .popup2__body {
    padding: 64px 0;
  }
}
.popup2__content {
  width: 68.95%;
  padding: 10.45% 12.5%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .popup2__content {
    width: 67.91%;
    padding: 7.29% 4.6875%;
  }
}
@media (max-width: 375px) {
  .popup2__content {
    width: 87.4%;
    padding: 10.66% 6.4%;
  }
}
.popup2__title {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
}
.popup2__text {
  margin-bottom: 30px;
  opacity: 0.7;
  text-align: center;
}
@media (max-width: 768px) {
  .popup2__text {
    margin-bottom: 22px;
  }
}
.popup2__button {
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.06em;
  color: #ffffff;
  width: 183px;
  height: 48px;
  border: 1px solid 0;
  background: #3a3e4b;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
  cursor: pointer;
}
.popup2__button div {
  margin: auto auto;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .popup2__button {
    height: 42px;
  }
}
.popup2__criss-cross {
  position: absolute;
  top: 43px;
  right: 43px;
}
@media (max-width: 768px) {
  .popup2__criss-cross {
    top: 40px;
    right: 40px;
  }
}
@media (max-width: 375px) {
  .popup2__criss-cross {
    top: 24px;
    right: 24px;
  }
}