@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.cdnfonts.com/css/monument-extended");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #000;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-Bold-e2076567536ac77731d1527bc28c611c68842dc16513b11eebf2cf05aaffa159.eot);
  src: local("HelveticaNeueCyr-Bold"), url(/assets/HelveticaNeueCyr-Bold-e2076567536ac77731d1527bc28c611c68842dc16513b11eebf2cf05aaffa159.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-Bold-9d522b14eef5f7cf023f3718bda4f7be1b2dac40f0b54b70f168fc3125ed1998.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-Bold-2b4686116bd32e07d729c41c361276f9a7b2bf4783dc22821dc51778639b723a.woff) format("woff"), url(/assets/HelveticaNeueCyr-Bold-b9f21e1fc47134bad9e05632e8f90e38470a688ef2e34062005cbf9df91681a0.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-Light-c44951c9c994aa1645f5b079a4326d4be16526bbb632bc852034667c3c6253da.eot);
  src: local("HelveticaNeueCyr-Light"), url(/assets/HelveticaNeueCyr-Light-c44951c9c994aa1645f5b079a4326d4be16526bbb632bc852034667c3c6253da.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-Light-1545a2f36243b2f7009aba9d6a18e031b2f80c55f934cbd3d5f2b6d2b1784214.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-Light-8f615ce68b67334f536be9c4d395954dd70b458a70ee37b8cd942e9794000c5d.woff) format("woff"), url(/assets/HelveticaNeueCyr-Light-9372a6bcfd336a1f120671875753a42a89bd58a5d5d9e4eb523656e29ea8c2fc.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-Medium-9625c1ad1728e9c7cc8c460fd3a6c14241c659af67a17fff4afe17bf1c52cc34.eot);
  src: local("HelveticaNeueCyr-Medium"), url(/assets/HelveticaNeueCyr-Medium-9625c1ad1728e9c7cc8c460fd3a6c14241c659af67a17fff4afe17bf1c52cc34.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-Medium-e18478ced9924568e30b42370a9f863044409274b19da6619f4fc9137332f1e4.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-Medium-4c383bf860867d2202fbc43d80fdca495f5fe630943db92ea83239fc919673d8.woff) format("woff"), url(/assets/HelveticaNeueCyr-Medium-840dfd146e7ce3dca6fde53df87beaf7bb14b8e1396d28e8356ae1bbf39848ea.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-MediumItalic-b79bfbcac18ed4b86d8cb395ff5c84844de139fefb6eeecceef7141b4742cb40.eot);
  src: local("HelveticaNeueCyr-MediumItalic"), url(/assets/HelveticaNeueCyr-MediumItalic-b79bfbcac18ed4b86d8cb395ff5c84844de139fefb6eeecceef7141b4742cb40.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-MediumItalic-e9ba195938a1e911fa06b96cec961f9d32986ea10a7df3a4896ec41050f14eb6.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-MediumItalic-391b41cd6cce79116855bfbf4aa62ef12c56be75b77f2e1397670b20719b9acb.woff) format("woff"), url(/assets/HelveticaNeueCyr-MediumItalic-4ca04de1411bd0db0feccefcf00909316ac754c6dc2c56cd9495daab949cb01d.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-LightItalic-67b39736741f391f4a6b5ec9726bc22fb7faa148b5334620dc8628c650cbb2d1.eot);
  src: local("HelveticaNeueCyr-LightItalic"), url(/assets/HelveticaNeueCyr-LightItalic-67b39736741f391f4a6b5ec9726bc22fb7faa148b5334620dc8628c650cbb2d1.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-LightItalic-bc4f5ce277714cb256801379cb136bc28163eaa1826950152c672a57e6c36342.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-LightItalic-634e374e60192627c86d4d556133fae15865feee6d8a846cd41c4f32f570fe92.woff) format("woff"), url(/assets/HelveticaNeueCyr-LightItalic-c1c82a6b7658ac5e1ff5885b77963e0b37f92b679cff13ec0748ca1b8c4aa716.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-HeavyItalic-03ad871e34187c3cc4c1f275c1aa76f196948aa1b5c0144ecefa47471c232ecc.eot);
  src: local("HelveticaNeueCyr-HeavyItalic"), url(/assets/HelveticaNeueCyr-HeavyItalic-03ad871e34187c3cc4c1f275c1aa76f196948aa1b5c0144ecefa47471c232ecc.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-HeavyItalic-ae62c003c83e8726e20184de015e69ea6e40a9b733022001daa04c3657212f68.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-HeavyItalic-36243cc8aab14498371388e9077a55d74907cf3fd12476549d4c1ead00e39c27.woff) format("woff"), url(/assets/HelveticaNeueCyr-HeavyItalic-c347b45efe0769b09a378ed4e7da841622d15319e4979e8de78d067fac7d1f91.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-Black-b01d1edcf3f22fcbf560769f39e6e37441209888e8eb7884759a28c8e99990e2.eot);
  src: local("HelveticaNeueCyr-Black"), url(/assets/HelveticaNeueCyr-Black-b01d1edcf3f22fcbf560769f39e6e37441209888e8eb7884759a28c8e99990e2.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-Black-7f83cb731f0916b6110612f0251bd4c44032b39687d7469b714f395de3e11aad.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-Black-e3b2bfb4e6669a6205ba0a6877db812004ce56524ded39e65b43c318c2d2b73f.woff) format("woff"), url(/assets/HelveticaNeueCyr-Black-43e6a62a642d31ba7d0ca3d9750afb6e6140b70789da4fa87bd8486947edbd1e.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-Heavy-b0f671872048798de27e0f13535fcc989fbdc4466cfadbfebd72bca68e5129ec.eot);
  src: local("HelveticaNeueCyr-Heavy"), url(/assets/HelveticaNeueCyr-Heavy-b0f671872048798de27e0f13535fcc989fbdc4466cfadbfebd72bca68e5129ec.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-Heavy-30001d27640b26193543c7aeab05f75ddfb16ba38ecb7b6b92ef3e361e0f1846.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-Heavy-373be89143e51058b8a554b21f6106b7a937d834c30476d94776b83f00f0683d.woff) format("woff"), url(/assets/HelveticaNeueCyr-Heavy-d1cd47199366f1c6f1dbc47856ed37d071a6475cfd4f3b832894c016c9968d7b.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-Italic-d49fe3ebe319c09700fe67d2c053d858280e7897741ad0cb87d26abcaff8a855.eot);
  src: local("HelveticaNeueCyr-Italic"), url(/assets/HelveticaNeueCyr-Italic-d49fe3ebe319c09700fe67d2c053d858280e7897741ad0cb87d26abcaff8a855.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-Italic-fde2a2c32af6920364db6e360495d1093147315d17fbd1d7592b73cce2d73f62.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-Italic-766ac7ffecb1952aeb2f7f454918318138a04e6fec0a21b000e584b4bce4ce69.woff) format("woff"), url(/assets/HelveticaNeueCyr-Italic-69f9d22b203bb391a60a2d2ede58494b8af0649ef46ec2886df216dfd089d6cb.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-Roman-4c8b5e0eb4c04644ce97d1eda6465fea37bcb1831d6385043f8924236fe58ea1.eot);
  src: local("HelveticaNeueCyr-Roman"), url(/assets/HelveticaNeueCyr-Roman-4c8b5e0eb4c04644ce97d1eda6465fea37bcb1831d6385043f8924236fe58ea1.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-Roman-201be3d596424ee7fd90d11e8495efbd4725c7a0e7b5ed3ac0a877ce17fd03c8.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-Roman-fa735781d804adc47a1fe67371b9219dc29989c5c58a2a899a69ab7b52209a3e.woff) format("woff"), url(/assets/HelveticaNeueCyr-Roman-ea8740ed7399c1b35296de00d630f91567997d86cf6b180c3772872af4e30d09.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-BlackItalic-f69c702abd37b121310242eaf299b745005e552b589d1c7d2c38d276c5043f5b.eot);
  src: local("HelveticaNeueCyr-BlackItalic"), url(/assets/HelveticaNeueCyr-BlackItalic-f69c702abd37b121310242eaf299b745005e552b589d1c7d2c38d276c5043f5b.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-BlackItalic-553770595d65f4f0ee430a8525b925ee45288404c6f9cc1d217a40ee0a7cebff.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-BlackItalic-6d1fa42d4a4bda8495288ccbdd0036dbfc0b9ddeb2098e31d8d0a34ebbb5741b.woff) format("woff"), url(/assets/HelveticaNeueCyr-BlackItalic-425df76e23ade43e877e9fb76ab789b9daa6e8a3fd6d8052b18359fa00f60639.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-UltraLightItalic-48f067cf56dbc2ede5c5ad8e1aafa07d5fc23e948fb5d5e29a81d67a5ea2ae7f.eot);
  src: local("HelveticaNeueCyr-UltraLightItalic"), url(/assets/HelveticaNeueCyr-UltraLightItalic-48f067cf56dbc2ede5c5ad8e1aafa07d5fc23e948fb5d5e29a81d67a5ea2ae7f.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-UltraLightItalic-e6d54d862c42e9f60c15b6920e1f1e8f70c3bbf0fd4959ec2c7f1a47d4719673.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-UltraLightItalic-6ec393bf2b2c8c14cbafd9a2797c7e1b729f141437dcc4f2b14037eb0f46fa2e.woff) format("woff"), url(/assets/HelveticaNeueCyr-UltraLightItalic-1c7804f9be0718af66048ac54ebbe2e054982be87183b8a27741c1bbb5febbf5.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-BoldItalic-849c46a5b2d505fc63e6e754b86ad742f99a8512fe4e43eda1d51391c32fe62f.eot);
  src: local("HelveticaNeueCyr-BoldItalic"), url(/assets/HelveticaNeueCyr-BoldItalic-849c46a5b2d505fc63e6e754b86ad742f99a8512fe4e43eda1d51391c32fe62f.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-BoldItalic-01a6451bc1847f0c8d8e24607199ece01d444f5866da6c8220be29448d49d389.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-BoldItalic-9d0004ea6d10092b4cc3a1d3492807535b217ba32207bbeb570ae83d25429899.woff) format("woff"), url(/assets/HelveticaNeueCyr-BoldItalic-2a0014cf2adac1490c8f33053d60f410a8696f602a09d170c7976994d534ef98.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-ThinItalic-2ab60fd851af31a37fe01b1af3f5a7ca5ee53f4a5d3f0903b13e4c59aac743d9.eot);
  src: local("HelveticaNeueCyr-ThinItalic"), url(/assets/HelveticaNeueCyr-ThinItalic-2ab60fd851af31a37fe01b1af3f5a7ca5ee53f4a5d3f0903b13e4c59aac743d9.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-ThinItalic-d011c24ba37a6b569f2cc95f44e6853db3bd2230f31927eca14056ed9909d167.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-ThinItalic-9bfdfa7e1142347391a6307f3de59c6e73aed7955ca5018e10433a2172796e66.woff) format("woff"), url(/assets/HelveticaNeueCyr-ThinItalic-7817ab4f4163b631450e4a1f1104a3e666670dd64f296173bf0270c9e874dcbc.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-UltraLight-6a1725c555c9058a15972e7eed733f564df8e0845e909f0608102a852bb98356.eot);
  src: local("HelveticaNeueCyr-UltraLight"), url(/assets/HelveticaNeueCyr-UltraLight-6a1725c555c9058a15972e7eed733f564df8e0845e909f0608102a852bb98356.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-UltraLight-f8926e456d29fa8873824ee9ee7626728daa12a8c2a99c7042b82f07cb6033fc.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-UltraLight-aa40f963f22ac170312d29d88f8e677a4447f8ba24a7f3605a3dde334db9f58d.woff) format("woff"), url(/assets/HelveticaNeueCyr-UltraLight-32900211e787cc78ef79dceaa6b3c11f217d0c354a180dd5a2dc494762e07567.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/HelveticaNeueCyr-Thin-1aac0bcef7df1980cb97043b44041313eda916b74d0df32d95393962a1f9e2aa.eot);
  src: local("HelveticaNeueCyr-Thin"), url(/assets/HelveticaNeueCyr-Thin-1aac0bcef7df1980cb97043b44041313eda916b74d0df32d95393962a1f9e2aa.eot?#iefix) format("embedded-opentype"), url(/assets/HelveticaNeueCyr-Thin-371bc48770fa1f68b437690342932d24f70b4179c7018218f2884fa67e68499e.woff2) format("woff2"), url(/assets/HelveticaNeueCyr-Thin-59d1a216410a727870fe15611343df69174c8fb473112eb65e8fe5dd9d2da9b6.woff) format("woff"), url(/assets/HelveticaNeueCyr-Thin-926175f8fe4c36fb80e374f32a57db401577beec095a52a69da4f63949270979.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue";
  font-weight: normal;
  font-style: normal;
  color: #162333;
  background: #FEFEFE;
  overflow-x: hidden;
}
body.not-scroll {
  overflow-y: hidden;
}

.container {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 30px;
}

.textarea,
input[type=text],
input[type=button],
input[type=submit],
input[type=number],
input[type=checkbox] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.hide-load {
  opacity: 0;
  transform: scale(0.8);
}

.show {
  opacity: 1 !important;
  transition: all 1s;
  transform: scale(1);
}

.showw {
  opacity: 1 !important;
  transform: scale(1);
}

.animate__fadeInUp {
  --animate-duration: 2s;
}

.home__page-wrapper {
  --animate-duration: 1.5s;
}

.posts-item {
  --animate-duration: 1.5s;
}

.home__page {
  overflow: hidden;
  padding-bottom: 50px;
}

.main-button.mt {
  margin-top: 2.222vw !important;
}
@media (max-width: 500px) {
  .main-button.mt {
    margin-top: 16px !important;
  }
}

.js-open-flatris {
  cursor: pointer;
}

.container-custom {
  max-width: 91.11%;
  margin: 0 auto;
}

.h1 {
  color: #FEFEFE;
  font-size: 8.33vw;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .h1 {
    font-size: 13.33vw;
  }
}
@media (max-width: 600px) {
  .h1 {
    font-size: 15vw;
  }
}

.main-text {
  color: #616161;
  font-size: 1.11vw;
  font-style: normal;
  line-height: 150%;
}
.main-text.light {
  font-weight: 300;
}
.main-text.regular {
  font-weight: 400;
}
@media (max-width: 1024px) {
  .main-text {
    font-size: 1.77vw;
  }
}
@media (max-width: 600px) {
  .main-text {
    font-size: 4vw;
  }
}

.secondary-text {
  font-size: 0.97vw;
  font-style: normal;
  line-height: 150%;
}
.secondary-text.regular {
  font-weight: 400;
}
@media (max-width: 1024px) {
  .secondary-text {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .secondary-text {
    font-size: 3.5vw;
  }
}

.large-text {
  font-size: 1.38vw;
  font-style: normal;
  line-height: 140%;
}
.large-text.regular {
  font-weight: 400;
}
.large-text.light {
  font-weight: 300;
}
@media (max-width: 1024px) {
  .large-text {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .large-text {
    font-size: 4vw;
  }
}

.extra-large-text {
  color: #333;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .extra-large-text {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .extra-large-text {
    font-size: 4vw;
  }
}

.h3 {
  color: #333;
  font-size: 4.16vw;
  font-style: normal;
  line-height: 115%;
}
.h3.regular {
  font-weight: 400;
}
@media (max-width: 1024px) {
  .h3 {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .h3 {
    font-size: 9vw;
  }
}

.h4 {
  color: #333;
  font-size: 3.47vw;
  font-style: normal;
  line-height: 115%;
}
.h4.regular {
  font-weight: 400;
}
@media (max-width: 1024px) {
  .h4 {
    font-size: 30px;
  }
}

.h5 {
  color: #333;
  font-size: 2.5vw;
  font-style: normal;
  line-height: 120%;
}
.h5.regular {
  font-weight: 400;
}
@media (max-width: 1024px) {
  .h5 {
    font-size: 24px;
  }
}
@media (max-width: 600px) {
  .h5 {
    font-size: 6vw;
  }
}

.h6 {
  color: #333;
  font-size: 2.08vw;
  font-style: normal;
  line-height: 120%;
}
.h6.regular {
  font-weight: 400;
}
.h6.light {
  font-weight: 300;
}
@media (max-width: 1024px) {
  .h6 {
    font-size: 24px;
  }
}
@media (max-width: 600px) {
  .h6 {
    font-size: 6vw;
  }
}

.h2 {
  color: #333;
  font-size: 5.55vw;
  font-style: normal;
  line-height: 110%;
}
.h2.regular {
  font-weight: 400;
}
@media (max-width: 1024px) {
  .h2 {
    font-size: 80px;
  }
}
@media (max-width: 600px) {
  .h2 {
    font-size: 15vw;
  }
}

.transform-link {
  position: relative;
  display: block;
  overflow: hidden;
  height: 1.45vw;
  width: fit-content;
}
.transform-link .text {
  width: 100%;
  transition: transform 0.6s ease;
}
.transform-link .text.top {
  transform: translateY(0%);
}
.transform-link .text.bottom {
  transform: translateY(0);
}
@media (any-hover: hover) {
  .transform-link:hover .text.top {
    transform: translateY(-100%);
  }
  .transform-link:hover .text.bottom {
    transform: translateY(-100%);
  }
}

section.container-wrap {
  margin: 8.33vw 0;
}
@media (max-width: 1024px) {
  section.container-wrap {
    margin: 96px 0;
  }
}
@media (max-width: 600px) {
  section.container-wrap {
    margin: 88px 0;
  }
}
section.container-wrap:first-child {
  margin-top: 0;
}
section.container-wrap .top-section-title {
  margin-bottom: 5vw;
}
@media (max-width: 1024px) {
  section.container-wrap .top-section-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 600px) {
  section.container-wrap .top-section-title {
    margin-bottom: 32px;
  }
}

.main-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 0.6px solid #222;
  gap: 0.55vw;
  position: relative;
  overflow: hidden;
  height: 2.77vw;
  width: fit-content;
}
.main-button::after {
  content: "";
  background-color: #222;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
  transition: 0.6s;
  z-index: -1;
}
@media (max-width: 1024px) {
  .main-button {
    gap: 8px;
    height: 40px;
  }
}
@media (max-width: 1024px) {
  .main-button .main-text {
    font-size: 16px;
  }
}
.main-button .arrow-transform {
  width: 1.66vw;
  height: 1.66vw;
  position: relative;
  overflow: hidden;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  .main-button .arrow-transform {
    width: 24px;
    height: 24px;
  }
}
.main-button .arrow-transform .icon {
  width: 1.66vw;
  height: 1.66vw;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  .main-button .arrow-transform .icon {
    width: 24px;
    height: 24px;
  }
}
.main-button .arrow-transform .icon.top {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23222222" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-50%) translateY(-50%);
}
.main-button .arrow-transform .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23FEFEFE" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-200%) translateY(-50%);
}
.main-button .transform-text {
  width: 100%;
  transition: 0.6s ease;
}
.main-button .transform-text.top {
  transform: translateY(56%);
}
.main-button .transform-text.bottom {
  transform: translateY(90%);
  color: #FEFEFE;
}
@media (any-hover: hover) {
  .main-button:hover::after {
    transform: translateY(0);
  }
  .main-button:hover .transform-text.top {
    transform: translateY(-100%);
  }
  .main-button:hover .transform-text.bottom {
    transform: translateY(-40%);
  }
  .main-button:hover .arrow-transform .icon.top {
    transform: translateY(-50%) translateX(200%);
  }
  .main-button:hover .arrow-transform .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
}

section.container-wrap.simple-header {
  margin: 0;
  margin-bottom: 5vw;
  padding-top: 11.66vw;
}
@media (max-width: 1024px) {
  section.container-wrap.simple-header {
    padding-top: 152px;
    margin-bottom: 64px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.simple-header {
    padding-top: 144px;
    margin-bottom: 56px;
  }
}
section.container-wrap.simple-header .h2, section.container-wrap.simple-header .h3 {
  text-align: center;
}

.pagination-wrapper .pagination {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-wrapper .last, .pagination-wrapper .first {
  display: none;
}
.pagination-wrapper .next {
  position: relative;
  width: 32px;
  height: 32px;
  margin-left: -7px;
}
.pagination-wrapper .next::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/assets/pagination-img-40789d88aa8f6c3081ff9dcbc546abf23bc9d5b34b317620e85f99578c41e110.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.pagination-wrapper .prev > a {
  width: 32px;
  height: 32px;
  display: block;
  opacity: 0;
}
.pagination-wrapper .prev {
  position: relative;
  width: 32px;
  height: 32px;
  margin-right: -7px;
}
.pagination-wrapper .prev::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/assets/pagination-img-40789d88aa8f6c3081ff9dcbc546abf23bc9d5b34b317620e85f99578c41e110.svg);
  background-position: center center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.pagination-wrapper .next > a {
  width: 32px;
  height: 32px;
  display: block;
  opacity: 0;
}
.pagination-wrapper .page.current {
  width: 44px;
  height: 44px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: default;
  margin: 0 7.5px;
  border-radius: 50%;
  border: 0.6px solid #010101;
  background: rgba(34, 34, 34, 0.8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.pagination-wrapper .page > a {
  background: #FFFFFF;
  border: 0.6px solid #010101;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #3B5063;
  text-decoration: none;
  margin: 0 7.5px;
  border-radius: 50%;
}

.info-text-wrapper {
  max-width: 66%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .info-text-wrapper {
    max-width: 100%;
  }
}

.page-contacts .section-contacts {
  margin-top: 0;
}
.page-contacts .section-contacts .top-section-title {
  display: none;
}

.leaflet-marker-icon {
  object-fit: contain;
  width: 100px;
  height: 100px;
}

.first__screen-rok {
  height: 100vh;
  width: 100%;
  background: linear-gradient(225.61deg, #162333 0%, rgba(59, 80, 99, 0.5) 50.9%, rgba(118, 131, 150, 0.25) 101.09%), url(/assets/roksolana-main-img-8138d6394a9288cea2522377f2f7c0cfff2456aa5a8882d33b74df2859fa61dc.png);
  backdrop-filter: blur(0.5px);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
}

.queue__content {
  overflow: visible;
}

.first__screen-btn.rok {
  margin-top: 35px;
  text-decoration: none;
}

.first__screen-main-title {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-size: 96px;
  line-height: 128px;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #FFFEFE;
}
@media (max-width: 760px) {
  .first__screen-main-title {
    font-size: 90px;
    line-height: 115px;
  }
}
@media (max-width: 660px) {
  .first__screen-main-title {
    font-size: 75px;
    line-height: 100px;
  }
}
@media (max-width: 610px) {
  .first__screen-main-title {
    font-size: 65px;
    line-height: 80px;
  }
}
@media (max-width: 500px) {
  .first__screen-main-title {
    font-size: 55px;
    line-height: 70px;
  }
}
@media (max-width: 410px) {
  .first__screen-main-title {
    font-size: 44px;
    line-height: 59px;
  }
}
@media (max-width: 330px) {
  .first__screen-main-title {
    font-size: 34px;
    line-height: 59px;
  }
}

.first__screen-main-content {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #FFFEFE;
  margin-top: 15px;
}
@media (max-width: 760px) {
  .first__screen-main-content {
    font-size: 19px;
    line-height: 21px;
  }
}
@media (max-width: 420px) {
  .first__screen-main-content {
    font-size: 18px;
    line-height: 21px;
  }
}

.first__screen-main-content-chenge {
  font-weight: 600;
  animation: chengeColor 5s infinite;
  animation-delay: 1s;
}

@keyframes chengeColor {
  0% {
    color: #FFFEFE;
  }
  25% {
    color: rgba(149, 165, 191, 0.5);
  }
  50% {
    color: #FFFEFE;
  }
  75% {
    color: rgba(149, 165, 191, 0.5);
  }
  100% {
    color: #FFFEFE;
  }
}
.roksolana__nav {
  margin-top: 50px;
  position: relative;
  margin-bottom: 10px;
}
@media (max-width: 712px) {
  .roksolana__nav {
    margin-top: 41px;
  }
}

.roksolana__nav-wrapper {
  width: 100%;
  display: flex;
}
@media (max-width: 980px) {
  .roksolana__nav-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 712px) {
  .roksolana__nav-wrapper {
    justify-content: center;
  }
}

.roksolana__nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 211px;
  width: 100%;
  height: 60px;
  background: #768396;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFEFE;
  text-decoration: none;
}
@media (max-width: 712px) {
  .roksolana__nav-link {
    margin: 10px 10px;
  }
}
@media (max-width: 487px) {
  .roksolana__nav-link {
    font-size: 15px;
    line-height: 17px;
    justify-content: space-between;
    padding: 0 20px 0 15px;
    width: 170px;
  }
}
@media (max-width: 405px) {
  .roksolana__nav-link {
    font-size: 15px;
    width: 155px;
    padding: 0 12px;
  }
}
@media (max-width: 374px) {
  .roksolana__nav-link {
    max-width: 400px;
    width: 100%;
    height: 50px;
  }
}

.active-link {
  background: #162333 !important;
  position: relative;
}
.active-link::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #162333;
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  bottom: -3px;
  left: 50%;
}
@media (max-width: 980px) {
  .active-link::before {
    display: none;
  }
}

.roksolana__nav-link.plan-link {
  margin: 0 3px;
}
@media (max-width: 980px) {
  .roksolana__nav-link.plan-link {
    margin: 0 45px 20px 45px;
  }
}
@media (max-width: 785px) {
  .roksolana__nav-link.plan-link {
    margin: 0 37px 20px 37px;
  }
}
@media (max-width: 767px) {
  .roksolana__nav-link.plan-link {
    margin: 0 10px 20px 10px;
  }
}
@media (max-width: 712px) {
  .roksolana__nav-link.plan-link {
    margin: 10px 10px;
  }
}
@media (max-width: 525px) {
  .roksolana__nav-link.plan-link {
    margin: 0 0 3px 2px;
  }
}
@media (max-width: 374px) {
  .roksolana__nav-link.plan-link {
    margin: 0 3px 5px 3px;
  }
}

@media (max-width: 785px) {
  .roksolana__nav-link.documents-link {
    margin: 0 37px;
  }
}
@media (max-width: 767px) {
  .roksolana__nav-link.documents-link {
    margin: 0 10px;
  }
}
@media (max-width: 712px) {
  .roksolana__nav-link.documents-link {
    margin: 10px 10px;
  }
}
@media (max-width: 525px) {
  .roksolana__nav-link.documents-link {
    margin: 2px 3px 0 0;
  }
}
@media (max-width: 374px) {
  .roksolana__nav-link.documents-link {
    margin: 0 3px 5px 3px;
  }
}

.roksolana__nav-link.infro-link {
  margin: 0 3px;
}
@media (max-width: 980px) {
  .roksolana__nav-link.infro-link {
    margin: 0;
  }
}
@media (max-width: 712px) {
  .roksolana__nav-link.infro-link {
    margin: 10px 10px;
  }
}
@media (max-width: 525px) {
  .roksolana__nav-link.infro-link {
    margin: 2px 0 3px 2px;
  }
}
@media (max-width: 487px) {
  .roksolana__nav-link.infro-link {
    padding: 0 2px 0 12px;
  }
}
@media (max-width: 405px) {
  .roksolana__nav-link.infro-link {
    padding: 0 5px 0 12px;
  }
}
@media (max-width: 374px) {
  .roksolana__nav-link.infro-link {
    margin: 0 3px 5px 3px;
  }
}

.roksolana__nav-link.work-link {
  margin-left: 3px;
}
@media (max-width: 980px) {
  .roksolana__nav-link.work-link {
    margin: 0;
  }
}
@media (max-width: 712px) {
  .roksolana__nav-link.work-link {
    margin: 10px 10px;
  }
}
@media (max-width: 525px) {
  .roksolana__nav-link.work-link {
    margin: 2px 0 0 2px;
  }
}
@media (max-width: 374px) {
  .roksolana__nav-link.work-link {
    margin: 0 3px;
  }
}

@media (max-width: 525px) {
  .roksolana__nav-link.about-link {
    margin: 0 3px 3px 0;
  }
}
@media (max-width: 374px) {
  .roksolana__nav-link.about-link {
    margin: 0 3px 5px 3px;
  }
}

@media (max-width: 525px) {
  .roksolana__nav-link.gallary-link {
    margin: 2px 3px 3px 0;
  }
}
@media (max-width: 374px) {
  .roksolana__nav-link.gallary-link {
    margin: 0 3px 5px 3px;
  }
}

.roksolana__nav-img {
  margin-left: 13px;
}
@media (max-width: 1030px) {
  .roksolana__nav-img {
    margin-left: 5px;
  }
}
@media (max-width: 980px) {
  .roksolana__nav-img {
    margin-left: 13px;
  }
}
@media (max-width: 405px) {
  .roksolana__nav-img {
    margin-left: 0;
  }
}

.roksolana__about {
  margin: 0 0 200px 0;
  padding-top: 30px;
  background: #FFFEFE;
  box-shadow: 0px 11px 32px rgba(0, 0, 0, 0.05);
  padding-bottom: 80px;
  overflow: hidden;
}
@media (max-width: 700px) {
  .roksolana__about {
    padding-bottom: 50px;
    margin: 30px 0 100px 0;
  }
}

.roksolana__about-wrapper {
  display: flex;
  position: relative;
}
@media (max-width: 600px) {
  .roksolana__about-wrapper {
    flex-wrap: wrap;
  }
}

.roksolana__about-decor-img {
  position: absolute;
  top: -20px;
  left: -20px;
}
@media (max-width: 1210px) {
  .roksolana__about-decor-img {
    width: 439px;
    height: 408px;
    top: -10px;
    left: -10px;
  }
}
@media (max-width: 940px) {
  .roksolana__about-decor-img {
    width: 339px;
    height: 308px;
  }
}
@media (max-width: 730px) {
  .roksolana__about-decor-img {
    width: 289px;
    height: 258px;
  }
}
@media (max-width: 660px) {
  .roksolana__about-decor-img {
    width: 239px;
    height: 208px;
  }
}
@media (max-width: 600px) {
  .roksolana__about-decor-img {
    max-width: 500px;
    width: 100%;
    height: auto;
  }
}

.roksolana__about-decor-dots-img {
  position: absolute;
  top: 11px;
  right: 0;
}
@media (max-width: 1210px) {
  .roksolana__about-decor-dots-img {
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 1040px) {
  .roksolana__about-decor-dots-img {
    width: 54px;
    height: 54px;
    top: -16px;
  }
}
@media (max-width: 600px) {
  .roksolana__about-decor-dots-img {
    display: none;
  }
}

.roksolana__about-decor-dots-add-img {
  display: none;
}
@media (max-width: 600px) {
  .roksolana__about-decor-dots-add-img {
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 42px;
    right: -17px;
  }
}

.roksolana__about-img {
  width: 550px;
  height: 500px;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25));
  margin-right: 61px;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
@media (max-width: 1330px) {
  .roksolana__about-img {
    margin-right: 30px;
  }
}
@media (max-width: 1210px) {
  .roksolana__about-img {
    width: 439px;
    height: 408px;
  }
}
@media (max-width: 940px) {
  .roksolana__about-img {
    width: 339px;
    height: 308px;
  }
}
@media (max-width: 730px) {
  .roksolana__about-img {
    width: 289px;
    height: 258px;
  }
}
@media (max-width: 660px) {
  .roksolana__about-img {
    width: 239px;
    height: 208px;
  }
}
@media (max-width: 600px) {
  .roksolana__about-img {
    max-width: 500px;
    width: 100%;
    height: auto;
  }
}

@media (max-width: 600px) {
  .roksolana__about-content-box {
    position: relative;
  }
}

.roksolana__about-content-title {
  font-family: "Helvetica Neue";
  font-weight: 900;
  font-size: 32px;
  line-height: 41px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
  margin: 20px 0 20px 0;
  display: flex;
}
@media (max-width: 1040px) {
  .roksolana__about-content-title {
    margin: 0px 0 25px 0;
  }
}
@media (max-width: 940px) {
  .roksolana__about-content-title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 840px) {
  .roksolana__about-content-title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media (max-width: 600px) {
  .roksolana__about-content-title {
    margin: 50px 0 25px 0;
  }
}

.roksolana__about-content-title-main {
  font-family: "Monument Extended", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 41px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
}
@media (max-width: 940px) {
  .roksolana__about-content-title-main {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 840px) {
  .roksolana__about-content-title-main {
    font-size: 24px;
    line-height: 31px;
  }
}

.roksolana__about-content-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  color: #162333;
  margin: 0 0 22px 0;
  max-width: 642px;
}
@media (max-width: 1040px) {
  .roksolana__about-content-text {
    margin: 0;
  }
}
@media (max-width: 940px) {
  .roksolana__about-content-text {
    font-size: 17px;
  }
}
@media (max-width: 840px) {
  .roksolana__about-content-text {
    font-size: 16px;
  }
}

.roksolana__about-content-link {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 175%;
  text-decoration: none;
  color: #162333;
  border-bottom: 1px solid #162333;
}

.roksolana__about-info-box {
  margin-top: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 668px;
  width: 100%;
}
@media (max-width: 1330px) {
  .roksolana__about-info-box {
    max-width: 610px;
  }
}
@media (max-width: 1300px) {
  .roksolana__about-info-box {
    max-width: 580px;
  }
}
@media (max-width: 1210px) {
  .roksolana__about-info-box {
    max-width: 1015px;
  }
}
@media (max-width: 730px) {
  .roksolana__about-info-box {
    margin-top: 0;
  }
}
@media (max-width: 605px) {
  .roksolana__about-info-box {
    flex-direction: column;
    align-items: normal;
  }
}

.roksolana__about-info-box-out-box {
  display: flex;
  justify-content: end;
  margin-top: -115px;
}
@media (max-width: 1330px) {
  .roksolana__about-info-box-out-box {
    justify-content: start;
    margin-left: 580px;
  }
}
@media (max-width: 1210px) {
  .roksolana__about-info-box-out-box {
    justify-content: center;
    margin-left: 0;
    margin-top: 46px;
  }
}
@media (max-width: 1210px) {
  .roksolana__about-info-box-out-box {
    justify-content: center;
    margin-left: 0;
    margin-top: 46px;
  }
}
@media (max-width: 605px) {
  .roksolana__about-info-box-out-box {
    justify-content: center;
    margin-left: 0;
    margin-top: 10px;
  }
}

.roksolana__about-info-item {
  display: flex;
  align-items: center;
}
@media (max-width: 1210px) {
  .roksolana__about-info-item {
    height: 78px;
  }
}

.roksolana__info-img {
  margin-right: 16px;
  width: 36px;
  height: 36px;
}
@media (max-width: 700px) {
  .roksolana__info-img {
    margin-right: 5px;
  }
}
@media (max-width: 605px) {
  .roksolana__info-img {
    margin-right: 16px;
  }
}

.roksolana__about-info-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 175%;
  color: #162333;
}

.roksolana__about-info-item.roksolana__about-info-decor {
  position: relative;
}
.roksolana__about-info-item.roksolana__about-info-decor::before {
  content: "";
  width: 1px;
  height: 35px;
  background-color: rgba(149, 165, 191, 0.4);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -18px;
}
@media (max-width: 1330px) {
  .roksolana__about-info-item.roksolana__about-info-decor::before {
    right: -7px;
  }
}
@media (max-width: 1210px) {
  .roksolana__about-info-item.roksolana__about-info-decor::before {
    right: -50%;
  }
}
@media (max-width: 820px) {
  .roksolana__about-info-item.roksolana__about-info-decor::before {
    right: -25px;
  }
}
@media (max-width: 700px) {
  .roksolana__about-info-item.roksolana__about-info-decor::before {
    right: -13px;
  }
}
@media (max-width: 605px) {
  .roksolana__about-info-item.roksolana__about-info-decor::before {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    right: 0;
  }
}

.roksolana__about-benefits {
  margin-top: 110px;
  position: relative;
}
@media (max-width: 900px) {
  .roksolana__about-benefits {
    margin-top: 65px;
  }
}
@media (max-width: 700px) {
  .roksolana__about-benefits {
    margin-top: 35px;
  }
}
.roksolana__about-benefits::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(149, 165, 191, 0.4);
  position: absolute;
  bottom: -180px;
  left: 0;
}
@media (max-width: 700px) {
  .roksolana__about-benefits::before {
    bottom: -100px;
  }
}

.container-benefits {
  max-width: 1015px;
  width: 100%;
  margin: 0 auto;
}

.roksolana__about-benefits-title {
  font-weight: 900;
  font-size: 28px;
  line-height: 36px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
  margin-bottom: 45px;
}
@media (max-width: 700px) {
  .roksolana__about-benefits-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 25px;
  }
}
@media (max-width: 700px) {
  .roksolana__about-benefits-title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
  }
}

.roksolana__about-benefits-box-item {
  max-width: 485px;
  width: 100%;
  background: #FFFFFF;
  border: 2px solid rgba(22, 35, 51, 0.25);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  padding: 20px;
  margin-bottom: 30px;
  display: flex;
}
@media (max-width: 830px) {
  .roksolana__about-benefits-box-item {
    padding: 20px 9px 20px 20px;
  }
}
@media (max-width: 700px) {
  .roksolana__about-benefits-box-item {
    max-width: 700px;
    margin-bottom: 25px;
  }
}

.roksolana__about-benefits-box-item.roksolana__about-benefits-box-item1 {
  margin-right: 45px;
}
@media (max-width: 1000px) {
  .roksolana__about-benefits-box-item.roksolana__about-benefits-box-item1 {
    margin-right: 30px;
  }
}
@media (max-width: 700px) {
  .roksolana__about-benefits-box-item.roksolana__about-benefits-box-item1 {
    margin-right: 0;
  }
}

.roksolana__about-benefits-box {
  display: flex;
}
@media (max-width: 700px) {
  .roksolana__about-benefits-box {
    flex-wrap: wrap;
  }
}

.roksolana__about-benefits-content-box {
  margin-left: 20px;
}

.roksolana__about-benefits-content-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.15px;
  color: #162333;
  margin-bottom: 4px;
}
@media (max-width: 470px) {
  .roksolana__about-benefits-content-title {
    font-size: 18px;
  }
}

.roksolana__about-benefits-img {
  height: 74px;
}

.roksolana__about-benefits-content-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.15px;
  color: #162333;
  margin-left: 20px;
  position: relative;
}
@media (max-width: 930px) {
  .roksolana__about-benefits-content-text {
    font-size: 13px;
  }
}
@media (max-width: 830px) {
  .roksolana__about-benefits-content-text {
    font-size: 12px;
    margin-left: 15px;
  }
}
.roksolana__about-benefits-content-text::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #162333;
  position: absolute;
  top: 12px;
  left: -13px;
}
@media (max-width: 830px) {
  .roksolana__about-benefits-content-text::before {
    left: -10px;
  }
}

.roksolana__about-btn-wrapper {
  margin-top: 45px;
  display: flex;
}
@media (max-width: 830px) {
  .roksolana__about-btn-wrapper {
    margin-top: 4px;
  }
}
@media (max-width: 600px) {
  .roksolana__about-btn-wrapper {
    justify-content: space-between;
  }
}
@media (max-width: 565px) {
  .roksolana__about-btn-wrapper {
    flex-direction: column;
  }
}

.roksolana__about-btn-item.roksolana__about-btn-item1 {
  margin-right: 3px;
}
@media (max-width: 830px) {
  .roksolana__about-btn-item.roksolana__about-btn-item1 {
    margin-right: 37px;
  }
}
@media (max-width: 600px) {
  .roksolana__about-btn-item.roksolana__about-btn-item1 {
    margin-right: 0;
  }
}
@media (max-width: 565px) {
  .roksolana__about-btn-item.roksolana__about-btn-item1 {
    margin-bottom: 25px;
  }
}

.roksolana__about-btn-item {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFEFE;
  cursor: pointer;
  padding: 0 34px;
  height: 60px;
  background: #768396;
  display: flex;
  align-items: center;
}
@media (max-width: 565px) {
  .roksolana__about-btn-item {
    justify-content: center;
    padding: 0;
  }
}
@media (max-width: 565px) {
  .roksolana__about-btn-item {
    font-size: 14px;
  }
}
.roksolana__about-btn-item:hover {
  background: #fffefe;
  color: #768396;
  border: 1px solid #768396;
  padding: 0 33px;
  transition: background 0.3s;
}
.roksolana__about-btn-item:hover .roksolana__about-btn-item-img-color {
  fill: #768396;
}

.roksolana__about-btn-item-img {
  margin-left: 15px;
}

.roksolana__about-characteristics {
  max-width: 1130px;
  width: 100%;
  height: 645px;
  background: #FFFFFF;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 1000;
  transition: all 0.5s;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1190px) {
  .roksolana__about-characteristics {
    width: calc(100% - 60px);
    justify-content: space-between;
  }
}
@media (max-width: 730px) {
  .roksolana__about-characteristics {
    height: auto;
  }
}
@media (max-width: 630px) {
  .roksolana__about-characteristics {
    flex-direction: column-reverse;
  }
}
@media (max-width: 400px) {
  .roksolana__about-characteristics {
    justify-content: start;
  }
}

.roksolana__about-characteristics-wrapper {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -999;
  opacity: 0;
  transition: all 0.5s;
}

.roksolana__about-characteristics-wrapper.open-conditions {
  opacity: 1;
  transition: opacity 0.5s;
  z-index: 999;
}

.roksolana__about-conditions {
  max-width: 925px;
  width: 100%;
  background: #FFFFFF;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 1000;
  transition: all 0.5s;
  padding: 27px 53px 60px 35px;
}
@media (max-width: 990px) {
  .roksolana__about-conditions {
    max-width: 836px;
  }
}
@media (max-width: 890px) {
  .roksolana__about-conditions {
    padding: 30px 87px 50px 30px;
    max-width: 775px;
    width: calc(100% - 60px);
  }
}
@media (max-width: 725px) {
  .roksolana__about-conditions {
    padding: 30px 37px 50px 30px;
  }
}
@media (max-width: 660px) {
  .roksolana__about-conditions {
    padding: 20px 20px 25px 20px;
  }
}
@media (max-width: 350px) {
  .roksolana__about-conditions {
    width: calc(100% - 20px);
  }
}

.roksolana__about-characteristics.open-conditions {
  transform: translate(-50%, -50%) scale(1);
}

.roksolana__about-conditions.open-conditions {
  transform: translate(-50%, -50%) scale(1);
}

.roksolana__about-conditions-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 35px;
  right: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 660px) {
  .roksolana__about-conditions-close {
    top: 20px;
    right: 20px;
  }
}

.roksolana__about-conditions-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.roksolana__about-conditions-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  color: #162333;
  margin-bottom: 29px;
}
@media (max-width: 890px) {
  .roksolana__about-conditions-title {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (max-width: 830px) {
  .roksolana__about-conditions-title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 35px;
  }
}
@media (max-width: 660px) {
  .roksolana__about-conditions-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .roksolana__about-conditions-title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px;
  }
}
@media (max-width: 400px) {
  .roksolana__about-conditions-title {
    max-width: 60%;
  }
}

.roksolana__about-conditions-item-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #162333;
  margin-bottom: 20px;
}
@media (max-width: 890px) {
  .roksolana__about-conditions-item-title {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px;
  }
}
@media (max-width: 830px) {
  .roksolana__about-conditions-item-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
  }
}
@media (max-width: 500px) {
  .roksolana__about-conditions-item-title {
    margin-bottom: 5px;
  }
}

@media (max-width: 500px) {
  .roksolana__about-conditions-item-img {
    width: 75px;
    height: 75px;
    object-fit: cover;
  }
}
@media (max-width: 440px) {
  .roksolana__about-conditions-item-img {
    width: 50px;
    height: 50px;
  }
}

.roksolana__about-conditions-item-content {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  color: #162333;
  max-width: 611px;
}
@media (max-width: 890px) {
  .roksolana__about-conditions-item-content {
    font-size: 16px;
    max-width: 550px;
  }
}
@media (max-width: 830px) {
  .roksolana__about-conditions-item-content {
    font-size: 14px;
    max-width: 424px;
  }
}
@media (max-width: 660px) {
  .roksolana__about-conditions-item-content {
    margin-right: 20px;
  }
}
@media (max-width: 400px) {
  .roksolana__about-conditions-item-content {
    margin-right: 0;
  }
}

.roksolana__about-conditions-item.roksolana__about-conditions-item-center {
  margin: 40px 0;
}
@media (max-width: 890px) {
  .roksolana__about-conditions-item.roksolana__about-conditions-item-center {
    margin: 25px 0;
  }
}
@media (max-width: 400px) {
  .roksolana__about-conditions-item.roksolana__about-conditions-item-center {
    margin: 15px 0;
  }
}

.roksolana__about-conditions-box {
  margin-left: 20px;
}
@media (max-width: 890px) {
  .roksolana__about-conditions-box {
    margin-left: 0;
  }
}

.roksolana__about-characteristics-left {
  width: 50%;
  padding: 59px;
}
@media (max-width: 1080px) {
  .roksolana__about-characteristics-left {
    padding: 40px;
  }
}
@media (max-width: 840px) {
  .roksolana__about-characteristics-left {
    padding: 30px;
    width: 53%;
    min-height: 242px;
  }
}
@media (max-width: 730px) {
  .roksolana__about-characteristics-left {
    width: 60%;
  }
}
@media (max-width: 630px) {
  .roksolana__about-characteristics-left {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .roksolana__about-characteristics-left {
    max-height: 455px;
    overflow-y: scroll;
  }
}
@media (max-width: 450px) {
  .roksolana__about-characteristics-left {
    padding: 20px 20px 35px 20px;
  }
}
@media (max-width: 400px) {
  .roksolana__about-characteristics-left {
    width: 100%;
  }
}

@media (max-width: 630px) {
  .roksolana__about-conditions-close-color {
    fill: #FFFEFE;
  }
}

.roksolana__about-characteristics-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  color: #162333;
  margin-bottom: 15px;
}
@media (max-width: 1080px) {
  .roksolana__about-characteristics-title {
    font-size: 26px;
    line-height: 35px;
  }
}
@media (max-width: 900px) {
  .roksolana__about-characteristics-title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 25px;
  }
}
@media (max-width: 630px) {
  .roksolana__about-characteristics-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 630px) {
  .roksolana__about-characteristics-title {
    font-size: 20px;
    line-height: 21px;
  }
}
@media (max-width: 400px) {
  .roksolana__about-characteristics-title {
    font-size: 18px;
  }
}
@media (max-width: 315px) {
  .roksolana__about-characteristics-title {
    font-size: 15px;
  }
}

.roksolana__about-characteristics-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.15px;
  color: #162333;
  position: relative;
  margin-left: 20px;
}
@media (max-width: 900px) {
  .roksolana__about-characteristics-text {
    font-size: 13px;
    line-height: 26px;
  }
}
.roksolana__about-characteristics-text::before {
  content: "";
  position: absolute;
  top: 13px;
  left: -13px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #162333;
}

.roksolana__about-characteristics-img {
  max-width: 50%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 840px) {
  .roksolana__about-characteristics-img {
    max-width: 47%;
    max-width: 40%;
  }
}
@media (max-width: 730px) {
  .roksolana__about-characteristics-img {
    min-height: 660px;
  }
}
@media (max-width: 630px) {
  .roksolana__about-characteristics-img {
    max-width: 100%;
    height: 168px;
    min-height: auto;
  }
}
@media (max-width: 400px) {
  .roksolana__about-characteristics-img {
    height: 168px;
    object-position: bottom;
  }
}

.queue__selection {
  margin-top: 28px;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .queue__selection {
    margin-bottom: 0;
  }
}

.queue__selection-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 550px) {
  .queue__selection-wrapper {
    justify-content: space-between;
  }
}

.queue-btn {
  width: 92px;
  height: 41px;
  background-color: inherit;
  border: none;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #9E9E9E;
  margin-right: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  padding-top: 8px;
}
@media (max-width: 340px) {
  .queue-btn {
    width: 70px;
    margin-right: 0;
  }
}

.queue-btn.queue-btn-active {
  border-bottom: 1px solid #95A5BF;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #162333;
  padding-top: 8px;
}

.queue__content-wrapper {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1230px) {
  .queue__content-wrapper {
    justify-content: space-between;
  }
}
@media (max-width: 700px) {
  .queue__content-wrapper {
    flex-direction: column;
    margin-bottom: 0;
  }
}

@media (max-width: 700px) {
  .queue__content-img-box {
    position: relative;
  }
}

.queue__content-dots-img {
  position: absolute;
  bottom: -25px;
  left: -45px;
}
@media (max-width: 1380px) {
  .queue__content-dots-img {
    width: 54px;
    height: 54px;
    bottom: -20px;
    left: -30px;
  }
}
@media (max-width: 700px) {
  .queue__content-dots-img {
    width: 48px;
    height: 48px;
    bottom: -15px;
    left: -27px;
  }
}
@media (max-width: 370px) {
  .queue__content-dots-img {
    left: -20px;
  }
}

.queue__content-decor-text-img {
  position: absolute;
  top: 0;
  left: 50px;
}
@media (max-width: 818px) {
  .queue__content-decor-text-img {
    left: 20px;
  }
}
@media (max-width: 700px) {
  .queue__content-decor-text-img {
    display: none;
  }
}

.queue__content-decor-text-add-img {
  display: none;
}
@media (max-width: 700px) {
  .queue__content-decor-text-add-img {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
  }
}

.queue__content-decor-dots-img {
  position: absolute;
  top: -25px;
  left: 102px;
}
@media (max-width: 1380px) {
  .queue__content-decor-dots-img {
    width: 54px;
    height: 54px;
    top: -20px;
    left: 123px;
  }
}
@media (max-width: 818px) {
  .queue__content-decor-dots-img {
    top: -17px;
    left: 90px;
  }
}
@media (max-width: 700px) {
  .queue__content-decor-dots-img {
    width: 48px;
    height: 48px;
    top: -48px;
    right: -5px;
    left: auto;
  }
}
@media (max-width: 610px) {
  .queue__content-decor-dots-img {
    right: 15px;
  }
}

.queue__content-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  object-fit: cover;
}

.ue3-image-box {
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background-color: #fff;
}
.ue3-image-box .queue__content-img {
  filter: none !important;
  width: 82% !important;
  height: 82% !important;
}

.queue__content-box {
  margin-left: 168px;
  position: relative;
}
@media (max-width: 1230px) {
  .queue__content-box {
    margin-right: 100px;
    margin-left: 0;
  }
}
@media (max-width: 818px) {
  .queue__content-box {
    margin-right: 30px;
  }
}
@media (max-width: 700px) {
  .queue__content-box {
    width: 100%;
    display: flex;
    margin: 63px 0 82px 0;
    justify-content: space-evenly;
  }
}

.queue__content-box-item {
  margin: 46px 0;
  color: #162333;
  position: relative;
}
@media (max-width: 700px) {
  .queue__content-box-item {
    margin: 0;
  }
}
@media (max-width: 300px) {
  .queue__content-box-item {
    margin-right: 10px;
  }
}
.queue__content-box-item::before {
  content: "";
  width: 1px;
  height: 37px;
  background: #95A5BF;
  position: absolute;
  left: -17px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 320px) {
  .queue__content-box-item::before {
    left: -5px;
  }
}

.queue__plans-item.add {
  display: none;
}
@media (max-width: 1337px) {
  .queue__plans-item.add {
    display: block;
    opacity: 0;
  }
}
@media (max-width: 1070px) {
  .queue__plans-item.add {
    display: none;
  }
}

.queue__content-box-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 8px;
}

.queue__content-box-content {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.queue__plans {
  margin-bottom: 200px;
  background: #FFFEFE;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1200px) {
  .queue__plans {
    margin-bottom: 100px;
  }
}

.queue__plans-wrapper {
  display: flex;
  padding-bottom: 40px;
  position: relative;
  width: 100%;
  max-width: 1128px;
  margin: 0 auto;
  min-height: 400px;
}
@media (max-width: 700px) {
  .queue__plans-wrapper {
    padding-bottom: 124px;
  }
}
.queue__plans-wrapper::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(149, 165, 191, 0.4);
  position: absolute;
  bottom: -101px;
  left: 0;
}
@media (max-width: 1200px) {
  .queue__plans-wrapper::before {
    bottom: -51px;
  }
}

.backto-decor-img {
  position: absolute;
  bottom: 30px;
  left: -30px;
}
@media (max-width: 1380px) {
  .backto-decor-img {
    width: 54px;
    height: 54px;
    left: -20px;
  }
}

.backTo-link {
  position: absolute;
  display: flex;
  bottom: 265px;
  align-items: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #162333;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .backTo-link {
    bottom: 150px;
  }
}
@media (max-width: 600px) {
  .backTo-link {
    left: 50%;
    transform: translateX(-50%);
  }
}

.backTo-link-work {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #162333;
  text-decoration: none;
  margin: -30px 0 14px 20px;
}

.backTo-link-work-progress {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #162333;
  text-decoration: none;
  margin: -30px 0 14px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 800px) {
  .backTo-link-work-progress {
    left: 50%;
    transform: translateX(-50%);
    bottom: -66px;
    margin: 0;
  }
}
@media (max-width: 380px) {
  .backTo-link-work-progress {
    font-size: 12px;
  }
}

.work-progress__pagination-wrapper {
  width: 100%;
}
@media (max-width: 800px) {
  .work-progress__pagination-wrapper {
    margin-top: 33px;
  }
}

.container.linkTo {
  position: relative;
  max-width: 1190px;
}

.backTo-img {
  margin-left: 8px;
}

.queue__plans-filter {
  background: rgba(149, 165, 191, 0.2);
  border: 2px solid rgba(22, 35, 51, 0.25);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  max-width: 210px;
  width: 100%;
  max-height: 594px;
  padding: 30px 10px 10px 10px;
  margin-bottom: 80px;
  display: none;
}
@media (max-width: 850px) {
  .queue__plans-filter {
    max-width: 160px;
  }
}
@media (max-width: 753px) {
  .queue__plans-filter {
    display: none;
  }
}

.filter-type__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #162333;
}

.filter-type__section-inp {
  width: 40px;
  height: 40px;
  margin: 0;
  cursor: pointer;
  position: relative;
  margin-right: 2px;
  border-radius: 0;
}
.filter-type__section-inp::before {
  content: "";
  width: 40px;
  height: 40px;
  border: 2px solid #768396;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #3B5063;
}

.filter-type__section-inp:checked::before {
  border: none;
  background: #162333;
  font-weight: 600;
  color: #FFFEFE;
}

#sections_1::before {
  content: "1";
}

#sections_2::before {
  content: "2";
}

#sections_3::before {
  content: "3";
}

#sections_4::before {
  content: "4";
}

#sections_5::before {
  content: "5";
}

#sections_6::before {
  content: "6";
}

#sections_7::before {
  content: "7";
}

#rooms_quantity_1::before {
  content: "1";
}

#rooms_quantity_2::before {
  content: "2";
}

.filter-type__section-inp-wrapper {
  display: flex;
  position: relative;
}

.price-field {
  position: relative;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  padding-top: 52px;
  padding-left: 0px;
}

.price-field input[type=range] {
  position: absolute;
}

.price-field input[type=range] {
  width: 96%;
  outline: 0;
  border-radius: 5px;
  pointer-events: none;
  -webkit-appearance: none;
  display: flex;
  justify-content: center;
}

.price-field input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
  outline: 0;
}

.price-field input[type=range]::-webkit-slider-thumb {
  /* WebKit/Blink */
  position: relative;
  -webkit-appearance: none;
  top: -3px;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  margin-top: -4px;
  background-color: rgb(234, 236, 241);
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
  border: 2px solid #162333;
}

.price-field input[type=range]::-moz-range-thumb {
  /* Firefox */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  margin-top: -4px;
  background-color: rgb(234, 236, 241);
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
  border: 2px solid #162333;
}

.price-field input[type=range]::-ms-thumb {
  /* IE */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  margin-top: -4px;
  background-color: rgb(234, 236, 241);
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
  border: 2px solid #162333;
}

.price-field input[type=range]::-webkit-slider-runnable-track {
  /* WebKit/Blink */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #768396;
  border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track {
  /* Firefox */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #768396;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track {
  /* IE */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #768396;
  border-radius: 5px;
}

.price-wrap #one,
.price-wrap #two {
  width: 5px;
  text-align: left;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.178571px;
  color: #162333;
}

.price-wrap #oone,
.price-wrap #ttwo {
  width: 17px;
  text-align: right;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.178571px;
  color: #162333;
}

.price-wrap #oone {
  margin-left: -5px;
}

.price-wrap {
  width: 100%;
  margin: 11px 0 45px 0;
  display: flex;
  justify-content: space-between;
}

.price-wrap.price-wrap-squere {
  margin: 11px 0 25px 0;
}

.one {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.178571px;
  color: #162333;
}

.submit-btn {
  max-width: 190px;
  width: 100%;
  height: 40px;
  cursor: pointer;
  background: #162333;
  border: none;
  border: 1px solid #162333;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  transition: all 0.2s;
}
.submit-btn:hover {
  background: inherit;
  color: #162333;
}

.filter-type__section-inp-wrapper {
  margin: 18px 0 45px 0;
}

.queue__plans-item {
  max-width: 259px;
  width: 100%;
  background: rgba(149, 165, 191, 0.2);
  border: 2px solid rgba(22, 35, 51, 0.25);
  margin: 0 0 40px 8px;
  padding: 11px 11px 14px 11px;
  position: relative;
}
@media (max-width: 753px) {
  .queue__plans-item {
    margin: 0 4px 40px 4px;
  }
}
@media (max-width: 594px) {
  .queue__plans-item {
    margin: 0 2px 40px 2px;
  }
}
@media (max-width: 586px) {
  .queue__plans-item {
    max-width: 225px;
    margin: 0 2px 30px 2px;
  }
}
@media (max-width: 518px) {
  .queue__plans-item {
    max-width: 180px;
  }
}
@media (max-width: 427px) {
  .queue__plans-item {
    max-width: 165px;
    margin: 0 2px 20px 2px;
  }
}
@media (max-width: 398px) {
  .queue__plans-item {
    max-width: 153px;
  }
}
@media (max-width: 373px) {
  .queue__plans-item {
    max-width: 253px;
  }
}

@media (max-width: 518px) {
  .queue__plans-info-box.queue__plans-info-box-rooms {
    flex-direction: column;
    align-items: flex-start;
  }
}

.queue__plans-img {
  width: 233px;
  height: 330px;
  border: 2px solid rgba(22, 35, 51, 0.25);
  object-fit: cover;
}
@media (max-width: 586px) {
  .queue__plans-img {
    max-width: 233px;
    width: 100%;
    height: 270px;
  }
}
@media (max-width: 518px) {
  .queue__plans-img {
    height: 200px;
  }
}
@media (max-width: 427px) {
  .queue__plans-img {
    height: 190px;
  }
}
@media (max-width: 398px) {
  .queue__plans-img {
    height: 183px;
  }
}
@media (max-width: 373px) {
  .queue__plans-img {
    height: 250px;
  }
}

.queue__plans-info-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 10px 20px 0;
}
@media (max-width: 518px) {
  .queue__plans-info-box {
    margin: 15px 10px 15px 0;
  }
}

.queue__plans-info-box.queue__plans-info-box-bottom {
  margin: 0 10px 0 0;
}
@media (max-width: 518px) {
  .queue__plans-info-box.queue__plans-info-box-bottom {
    margin: 0;
  }
}

.queue__plans-info-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.15px;
  color: #000000;
}
@media (max-width: 518px) {
  .queue__plans-info-text {
    font-size: 18px;
  }
}
@media (max-width: 398px) {
  .queue__plans-info-text {
    font-size: 16px;
  }
}

@media (max-width: 518px) {
  .queue__plans-info-text.square {
    margin-top: 10px;
  }
}
@media (max-width: 518px) {
  .queue__plans-info-text.square {
    font-size: 18px;
  }
}

.queue__plans-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.queue__plans-info {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.15px;
  color: #000000;
  margin: 2px 0;
}
@media (max-width: 518px) {
  .queue__plans-info {
    font-size: 16px;
  }
}

.queue__plans-box {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1337px) {
  .queue__plans-box {
    justify-content: center;
  }
}

.download-img {
  width: 47px;
  height: 45px;
}
@media (max-width: 518px) {
  .download-img {
    width: 35px;
    height: 33px;
  }
}

.open-img__btn {
  position: absolute;
  right: 31px;
  top: 31px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 427px) {
  .open-img__btn {
    right: 20px;
    top: 20px;
  }
}

.container-filter-add {
  max-width: 586px;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
}
@media (max-width: 586px) {
  .container-filter-add {
    max-width: 514px;
  }
}
@media (max-width: 518px) {
  .container-filter-add {
    max-width: 424px;
  }
}
@media (max-width: 427px) {
  .container-filter-add {
    max-width: 394px;
  }
}
@media (max-width: 398px) {
  .container-filter-add {
    max-width: 371px;
  }
}

.queue__plans-filter-add-wrapper {
  width: 100%;
  height: 64px;
  background: rgba(149, 165, 191, 0.2);
  border: 2px solid rgba(22, 35, 51, 0.25);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  padding: 0 20px 20px 20px;
  transition: height 0.4s;
}

.queue__plans-filter-add-wrapper-open {
  display: none;
}

.queue__plans-filter-add-main {
  transform: translateY(-50%) scale(0);
  transition: all 0.4s;
}

.open-filter {
  height: 475px;
  transition: height 0.6s;
}
@media (max-width: 371px) {
  .open-filter {
    height: 565px;
  }
}
.open-filter .queue__plans-filter-add-wrapper-close {
  display: none;
}
.open-filter .queue__plans-filter-add-wrapper-open {
  display: block;
}
.open-filter .queue__plans-filter-add-main {
  transform: translateY(0) scale(1);
  transition: all 0.6s;
}

.queue__plans-filter-add-top {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.queue__plans-filter-add-wrapper-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #162333;
}

.filter-type__section-wrapper {
  display: flex;
}
@media (max-width: 371px) {
  .filter-type__section-wrapper {
    display: block;
  }
}

.filter-type__section-box2 {
  margin-left: 31px;
}
@media (max-width: 398px) {
  .filter-type__section-box2 {
    margin-left: 22px;
  }
}
@media (max-width: 371px) {
  .filter-type__section-box2 {
    margin-left: 0;
  }
}

.filter-type__section-inp-wrapper.filter-type__section-inp-wrapper-add {
  margin: 15px 0 20px 0;
}

.price-field.price-field-add {
  padding-top: 50px;
}

.submit-btn.submit-btn-add {
  max-width: 600px;
}

.work__progress {
  margin: 40px 0 200px 0;
  box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.05);
  padding-bottom: 40px;
}
@media (max-width: 800px) {
  .work__progress {
    padding-bottom: 124px;
    margin: 40px 0 100px 0;
  }
}

.work__progtess-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #162333;
  text-align: left;
  margin-bottom: 40px;
  margin-left: 20px;
}

.work__progress__wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 420px) {
  .work__progress__wrapper {
    padding-bottom: 35px;
  }
}
@media (max-width: 365px) {
  .work__progress__wrapper {
    justify-content: center;
  }
}
.work__progress__wrapper::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -140px;
  left: 0;
  background: rgba(149, 165, 191, 0.4);
}
@media (max-width: 800px) {
  .work__progress__wrapper::before {
    bottom: -175px;
  }
}

.work__progress__wrapper-img {
  position: absolute;
  top: -45px;
  right: -5px;
}
@media (max-width: 930px) {
  .work__progress__wrapper-img {
    width: 54px;
    height: 54px;
    top: -30px;
    right: -7px;
  }
}
@media (max-width: 500px) {
  .work__progress__wrapper-img {
    width: 48px;
    height: 48px;
  }
}

.work__progress__wrapper2-img {
  position: absolute;
  bottom: 59px;
  left: -25px;
  transform: rotate(-180deg);
}
@media (max-width: 930px) {
  .work__progress__wrapper2-img {
    width: 54px;
    height: 54px;
    bottom: 44px;
    left: -20px;
  }
}
@media (max-width: 800px) {
  .work__progress__wrapper2-img {
    bottom: 77px;
    left: -16px;
  }
}
@media (max-width: 500px) {
  .work__progress__wrapper2-img {
    width: 48px;
    height: 48px;
  }
}

.work__progress-item {
  text-decoration: none;
  width: 400px;
  height: 400px;
  margin: 0 20px 40px 20px;
  position: relative;
}
@media (max-width: 1380px) {
  .work__progress-item {
    max-width: 350px;
    height: 350px;
  }
}
@media (max-width: 1230px) {
  .work__progress-item {
    max-width: 300px;
    height: 300px;
  }
}
@media (max-width: 1080px) {
  .work__progress-item {
    max-width: 250px;
    height: 250px;
  }
}
@media (max-width: 930px) {
  .work__progress-item {
    margin: 0 10px 20px 10px;
  }
}
@media (max-width: 870px) {
  .work__progress-item {
    max-width: 220px;
    height: 220px;
  }
}
@media (max-width: 760px) {
  .work__progress-item {
    max-width: 180px;
    height: 180px;
  }
}
@media (max-width: 639px) {
  .work__progress-item {
    max-width: 250px;
    height: 250px;
  }
}
@media (max-width: 580px) {
  .work__progress-item {
    max-width: 220px;
    height: 220px;
  }
}
@media (max-width: 520px) {
  .work__progress-item {
    max-width: 200px;
    height: 200px;
  }
}
@media (max-width: 480px) {
  .work__progress-item {
    max-width: 180px;
    height: 180px;
  }
}
@media (max-width: 440px) {
  .work__progress-item {
    max-width: 160px;
    height: 160px;
  }
}
@media (max-width: 420px) {
  .work__progress-item {
    max-width: 150px;
    height: 150px;
    margin: 0 10px 25px 10px;
  }
}
@media (max-width: 400px) {
  .work__progress-item {
    max-width: 143px;
    height: 143px;
  }
}
@media (max-width: 365px) {
  .work__progress-item {
    max-width: 280px;
    height: 280px;
  }
}
@media (max-width: 335px) {
  .work__progress-item {
    max-width: 250px;
    height: 250px;
  }
}
@media (max-width: 305px) {
  .work__progress-item {
    max-width: 220px;
    height: 220px;
  }
}

.conditions-item-title-link {
  text-decoration: none;
  color: #000000;
}

.inner-img-link {
  display: none;
}

.preview-decor-img {
  max-width: 400px;
  height: 400px;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: -1;
}
@media (max-width: 1380px) {
  .preview-decor-img {
    max-width: 350px;
    height: 350px;
  }
}
@media (max-width: 1230px) {
  .preview-decor-img {
    max-width: 300px;
    height: 300px;
  }
}
@media (max-width: 1080px) {
  .preview-decor-img {
    max-width: 250px;
    height: 250px;
    top: -10px;
    left: -10px;
  }
}
@media (max-width: 870px) {
  .preview-decor-img {
    max-width: 220px;
    height: 220px;
  }
}
@media (max-width: 760px) {
  .preview-decor-img {
    max-width: 180px;
    height: 180px;
  }
}
@media (max-width: 639px) {
  .preview-decor-img {
    max-width: 250px;
    height: 250px;
  }
}
@media (max-width: 580px) {
  .preview-decor-img {
    max-width: 220px;
    height: 220px;
  }
}
@media (max-width: 520px) {
  .preview-decor-img {
    max-width: 200px;
    height: 200px;
  }
}
@media (max-width: 480px) {
  .preview-decor-img {
    max-width: 180px;
    height: 180px;
  }
}
@media (max-width: 440px) {
  .preview-decor-img {
    max-width: 160px;
    height: 160px;
  }
}
@media (max-width: 420px) {
  .preview-decor-img {
    max-width: 150px;
    height: 150px;
  }
}
@media (max-width: 400px) {
  .preview-decor-img {
    max-width: 143px;
    height: 143px;
  }
}
@media (max-width: 365px) {
  .preview-decor-img {
    max-width: 280px;
    height: 280px;
  }
}
@media (max-width: 335px) {
  .preview-decor-img {
    max-width: 250px;
    height: 250px;
  }
}
@media (max-width: 305px) {
  .preview-decor-img {
    max-width: 220px;
    height: 220px;
  }
}

.preview-img {
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
  -webkit-filter: brightness(40%);
  object-fit: cover;
}

.container-work__progress {
  max-width: 1380px;
  padding: 0 30px;
  margin: 0 auto;
}
@media (max-width: 1380px) {
  .container-work__progress {
    max-width: 1230px;
  }
}
@media (max-width: 1230px) {
  .container-work__progress {
    max-width: 1080px;
  }
}
@media (max-width: 1080px) {
  .container-work__progress {
    max-width: 930px;
  }
}
@media (max-width: 930px) {
  .container-work__progress {
    max-width: 870px;
  }
}
@media (max-width: 870px) {
  .container-work__progress {
    max-width: 780px;
  }
}
@media (max-width: 780px) {
  .container-work__progress {
    padding: 0 20px;
  }
}
@media (max-width: 760px) {
  .container-work__progress {
    max-width: 640px;
  }
}
@media (max-width: 639px) {
  .container-work__progress {
    max-width: 580px;
  }
}
@media (max-width: 580px) {
  .container-work__progress {
    max-width: 520px;
  }
}
@media (max-width: 480px) {
  .container-work__progress {
    max-width: 440px;
  }
}
@media (max-width: 420px) {
  .container-work__progress {
    max-width: 380px;
  }
}

.work__progress-data-box {
  position: absolute;
  bottom: 20px;
  right: 15px;
  display: flex;
  align-items: center;
}
@media (max-width: 1080px) {
  .work__progress-data-box {
    bottom: 10px;
  }
}

.work__progress-month {
  font-weight: 500;
  font-size: 64px;
  line-height: 75px;
  color: #FFFEFE;
}
@media (max-width: 1080px) {
  .work__progress-month {
    font-size: 54px;
  }
}
@media (max-width: 870px) {
  .work__progress-month {
    font-size: 40px;
    line-height: 47px;
  }
}
@media (max-width: 639px) {
  .work__progress-month {
    font-size: 54px;
  }
}
@media (max-width: 580px) {
  .work__progress-month {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .work__progress-month {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (max-width: 365px) {
  .work__progress-month {
    font-size: 54px;
    line-height: 47px;
  }
}

.work__progress-dec.work__progress-year {
  color: #768396;
}

.work__progress-year {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #FFFEFE;
}
@media (max-width: 1080px) {
  .work__progress-year {
    font-size: 22px;
  }
}
@media (max-width: 870px) {
  .work__progress-year {
    font-size: 18px;
    line-height: 21px;
  }
}
@media (max-width: 639px) {
  .work__progress-year {
    font-size: 22px;
  }
}
@media (max-width: 580px) {
  .work__progress-year {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .work__progress-year {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 365px) {
  .work__progress-year {
    font-size: 22px;
    line-height: 28px;
  }
}

.pagination {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.last, .first {
  display: none;
}

.next {
  position: relative;
  width: 32px;
  height: 32px;
  margin-left: -7px;
}
.next::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/assets/pagination-img-40789d88aa8f6c3081ff9dcbc546abf23bc9d5b34b317620e85f99578c41e110.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.prev > a {
  width: 32px;
  height: 32px;
  display: block;
  opacity: 0;
}

.prev {
  position: relative;
  width: 32px;
  height: 32px;
  margin-right: -7px;
}
.prev::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/assets/pagination-img-40789d88aa8f6c3081ff9dcbc546abf23bc9d5b34b317620e85f99578c41e110.svg);
  background-position: center center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.next > a {
  width: 32px;
  height: 32px;
  display: block;
  opacity: 0;
}

.page.current {
  width: 44px;
  height: 44px;
  background: #162333;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: default;
  margin: 0 7.5px;
}

.page > a {
  background: #FFFFFF;
  border: 2px solid #768396;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #3B5063;
  text-decoration: none;
  margin: 0 7.5px;
}

.gallery {
  margin-bottom: 200px;
  box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 820px) {
  .gallery {
    margin-bottom: 100px;
  }
}

.gallary__select-top {
  margin: 40px 0 37px 0;
}

.select-top-btn {
  cursor: pointer;
  padding: 0;
  margin-right: 35px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #9E9E9E;
  border: none;
  background-color: inherit;
}
@media (max-width: 500px) {
  .select-top-btn {
    margin-right: 0;
    font-size: 13px;
  }
}
@media (max-width: 365px) {
  .select-top-btn {
    font-size: 12px;
  }
}

@media (max-width: 500px) {
  .gallary__selection-wrapper {
    display: flex;
    justify-content: space-between;
  }
}

.select-top-btn.active-select {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #162333;
  position: relative;
}
@media (max-width: 365px) {
  .select-top-btn.active-select {
    font-size: 14px;
  }
}
.select-top-btn.active-select::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #95A5BF;
  position: absolute;
  bottom: -11px;
  left: 0;
}

.render__galerry {
  width: 100%;
  height: 615px;
}
@media (max-width: 1350px) {
  .render__galerry {
    width: 1170px;
    height: 560px;
  }
}
@media (max-width: 1215px) {
  .render__galerry {
    width: 1070px;
    height: 510px;
  }
}
@media (max-width: 1120px) {
  .render__galerry {
    width: 970px;
    height: 460px;
  }
}
@media (max-width: 1020px) {
  .render__galerry {
    width: 870px;
    height: 410px;
  }
}
@media (max-width: 920px) {
  .render__galerry {
    width: 770px;
    height: 360px;
  }
}
@media (max-width: 820px) {
  .render__galerry {
    width: 705px;
    height: 327px;
  }
}
@media (max-width: 750px) {
  .render__galerry {
    width: 600px;
    height: 275px;
  }
}
@media (max-width: 650px) {
  .render__galerry {
    width: 500px;
    height: 225px;
  }
}
@media (max-width: 550px) {
  .render__galerry {
    width: 325px;
    height: 191px;
  }
}
@media (max-width: 373px) {
  .render__galerry {
    width: 290px;
    height: 191px;
  }
}

.render__gallery-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
}

.render__galerry-decor-img {
  position: absolute;
  top: 0;
  left: 25px;
}
@media (max-width: 1350px) {
  .render__galerry-decor-img {
    width: 1100px;
    height: 550px;
  }
}
@media (max-width: 1215px) {
  .render__galerry-decor-img {
    width: 1000px;
    height: 500px;
  }
}
@media (max-width: 1120px) {
  .render__galerry-decor-img {
    width: 900px;
    height: 450px;
  }
}
@media (max-width: 1020px) {
  .render__galerry-decor-img {
    width: 800px;
    height: 400px;
  }
}
@media (max-width: 920px) {
  .render__galerry-decor-img {
    width: 700px;
    height: 350px;
  }
}
@media (max-width: 820px) {
  .render__galerry-decor-img {
    width: 639px;
    height: 319px;
  }
}
@media (max-width: 750px) {
  .render__galerry-decor-img {
    width: 539px;
    height: 269px;
  }
}
@media (max-width: 650px) {
  .render__galerry-decor-img {
    width: 439px;
    height: 219px;
  }
}
@media (max-width: 550px) {
  .render__galerry-decor-img {
    width: 315px;
    height: 157px;
    left: 0;
  }
}
@media (max-width: 373px) {
  .render__galerry-decor-img {
    width: 280px;
    height: 146px;
  }
}

.render__galerry-img {
  width: 1200px;
  height: 600px;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
@media (max-width: 1350px) {
  .render__galerry-img {
    width: 1100px;
    height: 550px;
  }
}
@media (max-width: 1215px) {
  .render__galerry-img {
    width: 1000px;
    height: 500px;
  }
}
@media (max-width: 1120px) {
  .render__galerry-img {
    width: 900px;
    height: 450px;
  }
}
@media (max-width: 1020px) {
  .render__galerry-img {
    width: 800px;
    height: 400px;
  }
}
@media (max-width: 920px) {
  .render__galerry-img {
    width: 700px;
    height: 350px;
  }
}
@media (max-width: 820px) {
  .render__galerry-img {
    width: 639px;
    height: 319px;
  }
}
@media (max-width: 750px) {
  .render__galerry-img {
    width: 539px;
    height: 269px;
  }
}
@media (max-width: 650px) {
  .render__galerry-img {
    width: 439px;
    height: 219px;
  }
}
@media (max-width: 550px) {
  .render__galerry-img {
    width: 315px;
    height: 157px;
    position: relative;
    bottom: 30px;
  }
}
@media (max-width: 373px) {
  .render__galerry-img {
    width: 280px;
    height: 146px;
    bottom: 38px;
  }
}

.swiper-button-prev-slide {
  background-image: url(/assets/prev-slide-ff81c1a96691a21055dcac62c5005bce777da7f72be2b7e5ff0d10234e048a6c.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateX(50%);
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 550px) {
  .swiper-button-prev-slide {
    top: auto;
    transform: translateY(0);
    bottom: 0;
    left: auto;
    right: 103px;
  }
}

.swiper-button-next-slide {
  background-image: url(/assets/next-slide-cc4191190257f66a53dc6fd96df074320bad0eb926692b4ca26dd44c2513e8b3.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateX(50%);
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 550px) {
  .swiper-button-next-slide {
    top: auto;
    transform: translateY(0);
    bottom: 0;
    right: 3px;
  }
}

.gallery-bottom {
  padding: 20px 0 40px 0;
  margin-bottom: 200px;
  background: #FFFEFE;
  box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.05);
}

.gallery-bottom__wrapper {
  display: flex;
  max-width: 1200px;
  margin: 22px auto 0 auto;
}
@media (max-width: 1350px) {
  .gallery-bottom__wrapper {
    max-width: 1100px;
  }
}
@media (max-width: 1215px) {
  .gallery-bottom__wrapper {
    max-width: 1000px;
  }
}
@media (max-width: 1120px) {
  .gallery-bottom__wrapper {
    max-width: 900px;
  }
}
@media (max-width: 1020px) {
  .gallery-bottom__wrapper {
    max-width: 800px;
  }
}
@media (max-width: 920px) {
  .gallery-bottom__wrapper {
    max-width: 700px;
  }
}
@media (max-width: 820px) {
  .gallery-bottom__wrapper {
    max-width: 639px;
  }
}
@media (max-width: 750px) {
  .gallery-bottom__wrapper {
    display: none;
  }
}

.gallery-bottom__wrapper-tablet {
  display: none;
  max-width: 1200px;
  margin: 22px auto 0 auto;
}
@media (max-width: 750px) {
  .gallery-bottom__wrapper-tablet {
    display: flex;
    max-width: 539px;
  }
}
@media (max-width: 650px) {
  .gallery-bottom__wrapper-tablet {
    max-width: 439px;
  }
}
@media (max-width: 550px) {
  .gallery-bottom__wrapper-tablet {
    display: none;
  }
}

.gallery-bottom__wrapper-mobile {
  display: none;
  max-width: 1200px;
  margin: 22px auto 0 auto;
}
@media (max-width: 550px) {
  .gallery-bottom__wrapper-mobile {
    display: flex;
    max-width: 315px;
  }
}
@media (max-width: 380px) {
  .gallery-bottom__wrapper-mobile {
    max-width: 302px;
  }
}
@media (max-width: 373px) {
  .gallery-bottom__wrapper-mobile {
    max-width: 280px;
  }
}

.gallery-bottom-item {
  position: relative;
  margin-right: 20px;
}
@media (max-width: 1020px) {
  .gallery-bottom-item {
    margin-right: 15px;
  }
}

.gallery-bottom-img {
  width: 120px;
  height: 120px;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
@media (max-width: 1350px) {
  .gallery-bottom-img {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 1215px) {
  .gallery-bottom-img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 1120px) {
  .gallery-bottom-img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 1020px) {
  .gallery-bottom-img {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 920px) {
  .gallery-bottom-img {
    width: 75px;
    height: 75px;
  }
}

.gallery-bottom-decor-img {
  position: absolute;
  top: -10px;
  left: -10px;
}
@media (max-width: 1350px) {
  .gallery-bottom-decor-img {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 1215px) {
  .gallery-bottom-decor-img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 1120px) {
  .gallery-bottom-decor-img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 1020px) {
  .gallery-bottom-decor-img {
    width: 80px;
    height: 80px;
    top: -5px;
    left: -5px;
  }
}
@media (max-width: 920px) {
  .gallery-bottom-decor-img {
    width: 75px;
    height: 75px;
  }
}

.gallery-bottom-more-img {
  margin-left: 22px;
}
@media (max-width: 1020px) {
  .gallery-bottom-more-img {
    margin-left: 0;
  }
}
@media (max-width: 820px) {
  .gallery-bottom-more-img {
    width: 10px;
    margin-left: -4px;
  }
}

.render__compl, .infrastrukture {
  display: none;
  padding-bottom: 40px;
  position: relative;
}
.render__compl::before, .infrastrukture::before {
  content: "";
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(149, 165, 191, 0.4);
}
@media (max-width: 820px) {
  .render__compl::before, .infrastrukture::before {
    bottom: -50px;
  }
}

.render__compl.active {
  display: block;
}

.infrastrukture.active {
  display: block;
  position: relative;
}

.render__galerry-dots-img {
  position: absolute;
  top: -25px;
  right: 15px;
}
@media (max-width: 1240px) {
  .render__galerry-dots-img {
    width: 54px;
    height: 54px;
    top: -20px;
    right: 6px;
  }
}
@media (max-width: 650px) {
  .render__galerry-dots-img {
    width: 48px;
    height: 48px;
    top: -15px;
    right: 4px;
  }
}
@media (max-width: 409px) {
  .render__galerry-dots-img {
    right: -10px;
  }
}
@media (max-width: 385px) {
  .render__galerry-dots-img {
    right: -20px;
  }
}

.render__galerry-dots2-img {
  position: absolute;
  bottom: 18px;
  left: 5px;
  transform: rotate(180deg);
}
@media (max-width: 1240px) {
  .render__galerry-dots2-img {
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 650px) {
  .render__galerry-dots2-img {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 550px) {
  .render__galerry-dots2-img {
    width: 48px;
    height: 48px;
    bottom: 150px;
    left: 0;
  }
}
@media (max-width: 409px) {
  .render__galerry-dots2-img {
    left: -15px;
  }
}

.section__infrastrukture {
  margin: 40px 0 200px 0;
  padding-bottom: 50px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 870px) {
  .section__infrastrukture {
    margin: 50px 0 100px 0;
    padding-bottom: 30px;
  }
}

.section__infrastrukture-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1025px) {
  .section__infrastrukture-wrapper {
    flex-wrap: wrap;
  }
}
.section__infrastrukture-wrapper::before {
  content: "";
  position: absolute;
  bottom: -150px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(149, 165, 191, 0.4);
}
@media (max-width: 870px) {
  .section__infrastrukture-wrapper::before {
    bottom: -80px;
  }
}

.section__infrastrukture-decor-img {
  position: absolute;
  top: -10px;
  right: -46px;
}
@media (max-width: 1400px) {
  .section__infrastrukture-decor-img {
    width: 54px;
    height: 54px;
    right: -25px;
  }
}
@media (max-width: 550px) {
  .section__infrastrukture-decor-img {
    width: 48px;
    height: 48px;
    top: 24px;
    right: -15px;
  }
}

.section__infrastrukture-decor2-img {
  position: absolute;
  bottom: -26px;
  left: -46px;
  transform: rotate(180deg);
}
@media (max-width: 1400px) {
  .section__infrastrukture-decor2-img {
    width: 54px;
    height: 54px;
    left: -25px;
    bottom: -5px;
  }
}
@media (max-width: 550px) {
  .section__infrastrukture-decor2-img {
    width: 48px;
    height: 48px;
    left: -20px;
    bottom: 0;
  }
}

.section__infrastrukture-box {
  max-width: 464px;
  width: 100%;
  margin-right: 20px;
}
@media (max-width: 1025px) {
  .section__infrastrukture-box {
    margin-right: 0;
    max-width: 1025px;
  }
}

.section__infrastrukture-box2 {
  max-width: 549px;
  width: 100%;
}
@media (max-width: 1025px) {
  .section__infrastrukture-box2 {
    max-width: 1025px;
  }
}

@media (max-width: 1025px) {
  .section__infrastrukture-titles.section__infrastrukture-titles2 {
    display: none;
  }
}

.section__infrastrukture-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 74px;
}
@media (max-width: 550px) {
  .section__infrastrukture-item {
    height: 109px;
  }
}

.section__infrastrukture-locate, .section__infrastrukture-time {
  display: flex;
  align-items: center;
}

.section__infrastrukture-content {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #162333;
}

.section__infrastrukture-img {
  margin-right: 15px;
}
@media (max-width: 460px) {
  .section__infrastrukture-img {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.section__infrastrukture-content.car-time {
  width: 42px;
  text-align: right;
}
@media (max-width: 550px) {
  .section__infrastrukture-content.car-time {
    text-align: center;
    margin-top: 24px;
  }
}

@media (max-width: 550px) {
  .section__infrastrukture-car-img {
    margin-top: 8px;
  }
}

@media (max-width: 460px) {
  .section__infrastrukture-locate {
    flex-direction: column;
    align-items: start;
  }
}

.section__infrastrukture-content.walk-time {
  width: 59px;
}
@media (max-width: 550px) {
  .section__infrastrukture-content.walk-time {
    margin-top: 15px;
  }
}

.section__infrastrukture-people-img {
  margin-right: 21px;
}
@media (max-width: 550px) {
  .section__infrastrukture-people-img {
    margin-right: 0;
  }
}

.section__infrastrukture-item.bottom-decor {
  position: relative;
}
.section__infrastrukture-item.bottom-decor::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(149, 165, 191, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 1025px) {
  .section__infrastrukture-item.bottom-decor2 {
    position: relative;
  }
  .section__infrastrukture-item.bottom-decor2::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(149, 165, 191, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.section__infrastrukture-time-box {
  display: flex;
  align-items: center;
}
@media (max-width: 550px) {
  .section__infrastrukture-time-box {
    flex-direction: column;
    text-align: center;
    margin-right: 6px;
  }
}

.section__infrastrukture-titles {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.section__infrastrukture-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #162333;
}

.section__infrastrukture-title-time {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #162333;
  width: 180px;
}
@media (max-width: 550px) {
  .section__infrastrukture-title-time {
    width: 105px;
  }
}

.documents {
  margin: 40px 0 200px 0;
  padding-bottom: 40px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
  background: #FFFEFE;
}

.documents-wrapper {
  position: relative;
}
.documents-wrapper::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -140px;
  left: 0;
  background-color: rgba(149, 165, 191, 0.4);
}

.documents-item {
  width: 100%;
}
.documents-item:not(:first-child) {
  display: none;
}

strong {
  color: #000000 !important;
}

.documents-item-top {
  width: 100%;
  height: 50px;
  background: rgba(149, 165, 191, 0.2);
  padding: 0 23px 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.documents-item-top::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(149, 165, 191, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.documents-item-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #162333;
}

.documents-item-content {
  background: rgba(149, 165, 191, 0.1);
  padding: 0 36px 0 28px;
  height: 0;
  transition: all 0.6s;
}

.trix-content {
  font-weight: 500;
  font-size: 14px;
  line-height: 175%;
  color: #162333;
  position: relative;
  cursor: default;
  transform: translate(-50%, -50%) scale(0);
}

.documents-item-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 175%;
  color: #162333;
  position: relative;
  cursor: default;
  transform: translateY(-50%) scale(0);
  font-weight: 600;
}
.documents-item-text a {
  color: #000;
  font-weight: 700;
}

.documents-add-img {
  transition: all 0.3s;
}

.documents-item.openDocuments .documents-item-top::before {
  opacity: 0;
  transition: all 0.5s;
}
.documents-item.openDocuments .documents-item-text {
  transform: translateY(0) scale(1);
}
.documents-item.openDocuments .trix-content {
  transition: all 0.6s;
  transform: translateY(0) scale(1);
}
.documents-item.openDocuments .documents-add-img {
  transform: rotate(135deg);
  transition: all 0.3s;
}
.documents-item.openDocuments .documents-item-content {
  padding: 15px 36px 10px 28px;
  height: fit-content;
}

.queue__selection-form:nth-child(1) {
  display: none;
}

.swiper-slide.swiper-slide-active {
  opacity: 1;
  pointer-events: all;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
  pointer-events: none;
}

.queue__content-img-box {
  position: relative;
}

.open-apart-img-btn {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 18px;
  height: 18px;
  background-image: url(/assets/Vector-afe47ab9d752e88b5cf92576f7c4a5d783e0707efdfdbd7074a95b55ca931b76.svg);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 435px) {
  .open-apart-img-btn {
    top: 13px;
    right: 13px;
  }
}

.fslightbox-source.fslightbox-opacity-1 {
  object-fit: cover;
}

.queue__content-box-slider {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #162333;
  padding: 8px 24px;
  z-index: 10;
}
@media (max-width: 800px) {
  .queue__content-box-slider {
    padding: 9px 18px;
  }
}
@media (max-width: 600px) {
  .queue__content-box-slider {
    padding: 7px 12px;
  }
}
@media (max-width: 400px) {
  .queue__content-box-slider {
    padding: 5px 7px;
  }
}
.queue__content-box-slider-text {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}
@media (max-width: 800px) {
  .queue__content-box-slider-text {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 600px) {
  .queue__content-box-slider-text {
    font-size: 13px;
    line-height: 15px;
  }
}
@media (max-width: 400px) {
  .queue__content-box-slider-text {
    font-size: 12px;
    line-height: 14px;
  }
}

.queue__content-box {
  margin-left: 168px;
  position: absolute;
  top: 50%;
  right: 175px;
  transform: translateY(-50%);
}
@media (max-width: 1235px) {
  .queue__content-box {
    right: 90px;
  }
}
@media (max-width: 1090px) {
  .queue__content-box {
    right: 0;
  }
}
@media (max-width: 818px) {
  .queue__content-box {
    right: 20px;
  }
}
@media (max-width: 781px) {
  .queue__content-box {
    right: 10px;
  }
}
@media (max-width: 700px) {
  .queue__content-box {
    top: auto;
    bottom: -30px;
  }
}

.container.apartaments__page {
  position: relative;
}
@media (max-width: 700px) {
  .container.apartaments__page {
    padding-bottom: 105px;
  }
}
@media (max-width: 610px) {
  .container.apartaments__page {
    padding-bottom: 150px;
    padding: 0 0 150px 0;
  }
}

.queue__content-slider {
  overflow: hidden;
  height: 700px;
}

.queue__box {
  margin-top: 40px;
  margin-bottom: 200px;
  padding-bottom: 70px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1100px) {
  .queue__box {
    margin-top: 0;
  }
}
@media (max-width: 500px) {
  .queue__box {
    padding-bottom: 20px;
    margin-bottom: 100px;
  }
}
.queue__box .container {
  position: relative;
}
.queue__box .container::before {
  content: "";
  position: absolute;
  bottom: -170px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: 1px;
  background-color: rgba(149, 165, 191, 0.4);
}
@media (max-width: 500px) {
  .queue__box .container::before {
    bottom: -70px;
  }
}
.queue__box .queue__box-inner {
  width: 100%;
  height: 830px;
  margin-bottom: 60px;
}
@media (max-width: 1030px) {
  .queue__box .queue__box-inner {
    height: 650px;
  }
}
@media (max-width: 810px) {
  .queue__box .queue__box-inner {
    height: 500px;
  }
}
@media (max-width: 500px) {
  .queue__box .queue__box-inner {
    height: 300px;
  }
}
@media (max-width: 450px) {
  .queue__box .queue__box-inner {
    height: 250px;
  }
}
@media (max-width: 370px) {
  .queue__box .queue__box-inner {
    height: 200px;
  }
}
.queue__box .queue__box-inner .swiper.que {
  width: 100%;
  height: 100%;
  padding: 30px;
}
.queue__box .queue__box-inner .swiper.que .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
  transition: opacity 1.3s;
}
.queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  pointer-events: all;
  opacity: 0;
  transition: opacity 0.5s;
  position: relative;
}
.queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide .que-img-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide .que-img-box .queue__content-dots-img {
  left: -30px;
}
@media (max-width: 700px) {
  .queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide .que-img-box .queue__content-dots-img {
    left: -25px;
  }
}
.queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide .que-img-box .decor-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -20px;
  left: -20px;
  border: 5px solid rgba(149, 165, 191, 0.5);
}
@media (max-width: 700px) {
  .queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide .que-img-box .decor-img {
    top: -10px;
    left: -10px;
  }
}
.queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide .que-img-box a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.queue__box .queue__box-inner .swiper.que .swiper-wrapper .swiper-slide .que-img-box a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}
.queue__box .swiper-button-next-apart {
  width: 34px;
  height: 34px;
  background-image: url(/assets/swiper-button-next-apart-8f7838306f0ba3339a63b2900ed9695e16ab87b1a368d52edb05d222411c2673.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  z-index: 100;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  cursor: pointer;
}
.queue__box .swiper-button-prev-apart {
  width: 34px;
  height: 34px;
  background-image: url(/assets/swiper-button-prev-apart-86b366fe249cd7444a2868442a19e5df1a93a5ba02c86f5f2da1dc206fe415cd.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  z-index: 100;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  cursor: pointer;
}
.queue__box .apart-wraper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media (max-width: 600px) {
  .queue__box .apart-wraper {
    gap: 10px;
  }
}
@media (max-width: 500px) {
  .queue__box .apart-wraper {
    gap: 0;
    flex-direction: column;
    padding: 0 30px;
  }
}
@media (max-width: 390px) {
  .queue__box .apart-wraper {
    padding: 0;
  }
}
.queue__box .apart-wraper .apart-item {
  height: 638px;
  border: 2px solid rgba(22, 35, 51, 0.25);
  background: rgba(149, 165, 191, 0.2);
  padding: 54px 15px 15px 15px;
  position: relative;
  width: 48%;
}
@media (max-width: 1070px) {
  .queue__box .apart-wraper .apart-item {
    height: 500px;
  }
}
@media (max-width: 800px) {
  .queue__box .apart-wraper .apart-item {
    height: 442px;
  }
}
@media (max-width: 500px) {
  .queue__box .apart-wraper .apart-item {
    width: 100%;
    margin-bottom: 20px;
  }
}
.queue__box .apart-wraper .apart-item .room-count {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.15px;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.queue__box .apart-wraper .apart-item .apartaments {
  width: 100%;
  height: 100%;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide a {
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 51px);
  border: 2px solid #C5C8CC;
  position: relative;
}
@media (max-width: 800px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide a {
    height: calc(100% - 105px);
  }
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  filter: none;
  object-position: 0 43%;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent {
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent {
    flex-direction: column;
    height: 105px;
  }
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .left {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .left {
    width: 100%;
  }
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .left .num-area {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.15px;
  opacity: 0;
  transition: opacity 0.5s;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right {
  height: 100%;
  width: 32%;
  display: none;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s;
}
@media (max-width: 800px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right {
    width: 100%;
    height: 34px;
  }
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .dowload-link {
  width: 24px;
  height: 24px;
  display: block;
  border: 0;
  margin-left: 10px;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .dowload-link img {
  width: 100%;
  height: 100%;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box {
  display: flex;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box img {
  width: 26px;
  height: 34px;
  margin-right: 10px;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner {
  height: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
@media (max-width: 1220px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
    max-width: 70px;
  }
}
@media (max-width: 1025px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
    max-width: 60px;
  }
}
@media (max-width: 950px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
    max-width: 40px;
  }
}
@media (max-width: 800px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
    max-width: 200px;
  }
}
@media (max-width: 700px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
    max-width: 150px;
  }
}
@media (max-width: 600px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
    max-width: 100px;
  }
}
@media (max-width: 500px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
    max-width: 200px;
  }
}
@media (max-width: 430px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner p {
    max-width: 150px;
  }
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide .apart-contentent .right .right-box .box-inner .size {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #595959;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide.swiper-slide-active .apart-contentent .left .num-area {
  opacity: 1;
  transition: opacity 1.5s;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-wrapper .swiper-slide.swiper-slide-active .apart-contentent .right {
  opacity: 1;
  transition: opacity 1.5s;
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-button-next-apartaments {
  width: 34px;
  height: 34px;
  background-image: url(/assets/swiper-button-next-apart-8f7838306f0ba3339a63b2900ed9695e16ab87b1a368d52edb05d222411c2673.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  z-index: 100;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
@media (max-width: 800px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-button-next-apartaments {
    bottom: 50px;
    left: auto;
    right: 0;
  }
}
.queue__box .apart-wraper .apart-item .apartaments .swiper-button-prev-apartaments {
  width: 34px;
  height: 34px;
  background-image: url(/assets/swiper-button-prev-apart-86b366fe249cd7444a2868442a19e5df1a93a5ba02c86f5f2da1dc206fe415cd.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
@media (max-width: 800px) {
  .queue__box .apart-wraper .apart-item .apartaments .swiper-button-prev-apartaments {
    bottom: 50px;
  }
}

.first__screen-btn.main-page.image-download {
  margin-top: 20px;
}

.admin {
  margin: 140px 0 200px 0;
}

.admin-container {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.admin__wrapper {
  background: #FFFEFE;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  width: 100%;
  min-height: 726px;
  display: flex;
}

.admin__menu {
  min-height: 726px;
  max-width: 290px;
  width: 100%;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  padding: 40px 40px 60px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.admin__content {
  max-width: 880px;
  width: 100%;
  min-height: 726px;
}

.admin__menu-wrapper {
  margin-top: 92px;
}

.admin__menu-user-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.user-img {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.user__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.04em;
  text-transform: capitalize;
  color: #000000;
  text-align: center;
}

.log-out-link {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #768396;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.log-out-img {
  margin-right: 18.5px;
}

.admin__menu-item {
  list-style: none;
  margin-bottom: 30px;
}

.admin-link-img {
  margin-right: 15px;
}

.admin-link-img-color {
  fill: #768396;
}

.admin__menu-item-link {
  width: 125px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #768396;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.admin-active-link {
  font-weight: 600;
  color: #162333;
}
.admin-active-link .admin-link-img-color {
  fill: #162333;
}

.admin-main-title {
  font-weight: 900;
  font-size: 32px;
  line-height: 41px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
  margin-left: 15px;
}

.complex {
  padding: 30px 35px;
}

.complex__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 23px 0;
}

.complex__box {
  max-width: 240px;
  width: 100%;
  background: #FFFEFE;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  margin: 0 15px 30px 15px;
}
.complex__box-img {
  max-width: 240px;
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.complex__box-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.complex__box-content-wrapper-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
.complex__box-content-wrapper-edit {
  width: 24px;
  height: 24px;
  position: relative;
}
.complex__box-content-wrapper-edit::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/assets/edit-1a5c2ddbd7f8b58120251fff52a78f8ba32d080629f964eee24f38b151af6c2f.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.complex__edit {
  padding: 30px 50px;
  position: relative;
}
.complex__edit-back {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.complex__edit-back-img {
  margin-right: 14px;
}

.complex__editt {
  padding: 30px 50px;
}

.admin-main-title-edit {
  font-weight: 900;
  font-size: 32px;
  line-height: 41px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
}

.complex__edit-wrapper {
  width: 100%;
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
}

.complex__edit-box-main {
  max-width: 180px;
  width: 100%;
  margin-right: 20px;
  position: relative;
}
.complex__edit-box-main::before {
  content: "";
  position: absolute;
  top: 34px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-image: url(/assets/edit-1a5c2ddbd7f8b58120251fff52a78f8ba32d080629f964eee24f38b151af6c2f.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.complex__edit-box-main::after {
  content: "";
  position: absolute;
  bottom: 76px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-image: url(/assets/calendar_month-caa2c72ef93f6963a498719227678080f9e587e4910577d8881f4a183bfdd9f0.svg);
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
}
.complex__edit-box-main-item {
  margin-bottom: 20px;
}
.complex__edit-box-main-item-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #162333;
  margin-bottom: 4px;
}
.complex__edit-box-main-item-input {
  width: 100%;
  height: 45px;
  background: inherit;
  border: 1px solid #768396;
  padding: 10.5px 43px 10.5px 15px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: #162333;
  position: relative;
  z-index: 1;
  margin-top: 4px;
}
.complex__edit-box-main-item-input:active, .complex__edit-box-main-item-input:focus {
  outline: none;
}
.complex__edit-box-main-btn {
  width: 160px;
  height: 45px;
  border: none;
  background: #162333;
  border: 1px solid #162333;
  cursor: pointer;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFEFE;
  transition: all 0.2s;
}
.complex__edit-box-main-btn:hover {
  color: #162333;
  background: inherit;
}

.complex__edit-box-main-item-input.date-input {
  padding: 10.5px 12px 10.5px 15px;
}

.complex__edit-box-main-item-input.date-input::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}

.complex__edit-box-documents {
  max-width: 180px;
  width: 100%;
  margin-right: 20px;
}
.complex__edit-box-documents-item {
  background: rgba(149, 165, 191, 0.2);
  border-bottom: 1px solid rgba(149, 165, 191, 0.4);
  height: 45px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 15px;
}
.complex__edit-box-documents-item-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #162333;
}
.complex__edit-box-documents-item-edit {
  width: 24px;
  height: 24px;
  background-image: url(/assets/edit-1a5c2ddbd7f8b58120251fff52a78f8ba32d080629f964eee24f38b151af6c2f.svg);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.complex__edit-box-documents .complex__edit-box-documents-item-edit-popup {
  position: absolute;
  z-index: 995;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  max-width: 686px;
  width: 100%;
  height: 450px;
  background: #ECEDF0;
}
.complex__edit-box-documents .open-edit {
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.3s;
}

.complex__edit-box-documents-item-edit-popup-top {
  background: #E2E5EA;
  border-bottom: 1px solid rgba(149, 165, 191, 0.4);
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}

.complex__edit-box-documents-item-edit-popup-area {
  background: #ECEDF0;
  padding: 15px;
}

.popup-area {
  width: 100%;
  height: 370px;
  background: #FFFFFF;
  border: 1px solid #768396;
  border-radius: 0;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: #162333;
  overflow-y: scroll;
  padding: 10px 20px;
}

.popup__btns {
  display: flex;
}

.close-btn {
  text-decoration: none;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.save-btn {
  width: 24px;
  height: 24px;
  background-image: url(/assets/done-790b35adc20e5f12ccb5b1a14bd6c312fff30b88e43c45e58b8ba8df458c8384.svg);
  background-color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: none;
}

.trix-button-group.trix-button-group--text-tools > button {
  border-radius: 0;
}

.complex__edit-box-gallery {
  margin-right: 20px;
}

.complex__edit-box-gallery-warpper {
  display: flex;
  flex-direction: column;
}

.admin-gallery-link {
  width: 180px;
  height: 45px;
  background: #162333;
  border-bottom: 1px solid rgba(149, 165, 191, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFEFE;
  text-decoration: none;
}

.admin-cencel-btn {
  width: 160px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 29px;
  right: 50px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #162333;
  text-decoration: none;
  border: 1px solid #fffefe;
}
.admin-cencel-btn:hover {
  border: 1px solid #162333;
  transition: all 0.3s;
}

.admin-save-btn {
  width: 160px;
  height: 45px;
  background: #162333;
  border: none;
  border: 1px solid #162333;
  cursor: pointer;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFEFE;
  position: absolute;
  right: 235px;
  bottom: 29px;
}
.admin-save-btn:hover {
  background: #FFFEFE;
  color: #162333;
  transition: all 0.3s;
}

.nested-form-wrapper {
  margin-top: 20px;
}

.nested-form-title {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #162333;
  margin-bottom: 4px;
}

.admin-add-img-btn {
  width: 160px;
  height: 45px;
  border: none;
  border: 1px solid #162333;
  font-family: "Helvetica Neue";
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #162333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  background-color: inherit;
}

.opened-preview-img-wrapper {
  width: 345px;
  height: 332px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/assets/admin-add-bg-1b77a54a9987b904a3df9b44de9c2fefcd54f9dbe59ac68599a50c0d085b71a3.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.opened-preview-img {
  max-width: 341px;
  max-height: 328px;
  object-fit: contain;
}

.admin-hide {
  display: none;
}

.admin-choose-img > #file-upload-button {
  width: 160px;
  height: 45px;
  border: none;
  border: 1px solid #162333;
  font-family: "Helvetica Neue";
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #fffefe;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  background-color: #162333;
}

.preview-img-box {
  max-width: 354px;
  width: 100%;
  height: 332px;
  background-image: url(/assets/admin-add-bg-1b77a54a9987b904a3df9b44de9c2fefcd54f9dbe59ac68599a50c0d085b71a3.svg);
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.admin-preview-img {
  max-width: 341px;
  max-height: 328px;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.admin-preview-img-decor {
  width: 95px;
  height: 95px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.news-main-wrapper {
  width: 100%;
  height: 100%;
  padding: 23px 25px 0 25px;
}

.admin-main-title.admin-main-title-news {
  margin-left: 25px;
}

.admin-top-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.create-post-btn {
  width: 156px;
  height: 54px;
  background: #3B5063;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #FFFEFE;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-post-btn:hover {
  background: inherit;
  color: #3B5063;
  border: 1px solid #3B5063;
  transition: all 0.3s;
}

.admin-post-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.admin-post-item {
  width: 365px;
  background: #FFFEFE;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  margin: 0 25px 20px 25px;
  padding: 25px;
  min-height: 157px;
}

.admin-post-item-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.admin-post-item-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}

.admin-post-edit-btn {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 15px;
}

.admin-post-remove-btn-img {
  width: 16px;
  height: 18px;
}

.admin-post-item-btns-box {
  display: flex;
  align-items: center;
}

.admin-post-remove-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: none;
  padding: 0;
  background-color: inherit;
}

.admin-post-item-content {
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  color: #162333;
  margin-top: 20px;
}

.admin-posts-paginate-box {
  margin-top: 17px;
}

.admin-post-create {
  padding: 30px 50px;
  position: relative;
  height: 100%;
}

.admin-post-create-title {
  font-weight: 900;
  font-size: 32px;
  line-height: 41px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
}

.admin-create-news-content {
  max-width: 380px;
  width: 100%;
}

.admin-post-create-wrapper {
  display: flex;
  justify-content: space-between;
}

.admin-create-news-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #162333;
  margin-bottom: 4px;
  margin-top: 20px;
}

.admin-create-news-title-inp {
  width: 100%;
  height: 45px;
  padding: 13px 43px 13px 15px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  border: none;
  border: 1px solid #768396;
}
.admin-create-news-title-inp:active, .admin-create-news-title-inp:focus {
  outline: none;
}

.form-inputt.form-input {
  width: 345px;
  display: block;
}

.form-inputt > label {
  margin-top: 20px;
}

.admin-create-news-bio-inp {
  width: 100%;
  resize: none;
  height: 492px;
  padding: 16px 43px 16px 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 175%;
  color: #162333;
  font-family: "Helvetica Neue";
  border-radius: 0;
  overflow-y: scroll;
}
.admin-create-news-bio-inp:active, .admin-create-news-bio-inp:focus {
  outline: none;
}

.admin-create-news-img {
  max-width: 345px;
  width: 100%;
}

.admin-edit-post {
  padding: 30px 50px;
  position: relative;
}

.preview-img-box-edit {
  max-width: 354px;
  width: 100%;
  height: 332px;
  background-image: url(/assets/admin-add-bg-1b77a54a9987b904a3df9b44de9c2fefcd54f9dbe59ac68599a50c0d085b71a3.svg);
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.section__sing-in {
  margin: 143px 0 203px 0;
}

.container__sing-in {
  max-width: 530px;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
}

.section__sing-in-wrapper {
  width: 100%;
  text-align: center;
}

.section__sing-in-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 71px;
}

.section__sing-in-btn {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  border: none;
  background: #162333;
  margin-top: 25px;
  height: 60px;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s;
}
.section__sing-in-btn:hover {
  border: 1px solid #162333;
  background-color: #FFFEFE;
  color: #162333;
}

.section__sing-in-box {
  display: flex;
  flex-direction: column;
  position: relative;
}

.section__sing-in-email {
  height: 60px;
  width: 100%;
  background: #F9F9F9;
  border: 1px solid #DEDEDE;
  padding: 19px 20px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 25px;
}
.section__sing-in-email:active, .section__sing-in-email:focus {
  outline: 0;
}

.section__sing-in-email::placeholder {
  opacity: 0.5;
}

.section__sing-in-password::placeholder {
  opacity: 0.5;
}

.section__sing-in-password {
  height: 60px;
  width: 100%;
  background: #F9F9F9;
  border: 1px solid #DEDEDE;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 25px;
  padding: 19px 50px 19px 20px;
}
.section__sing-in-password:active, .section__sing-in-password:focus {
  outline: none;
}

.show__password-wrapper.active::before {
  opacity: 1;
}

.show__password-wrapper {
  width: 22px;
  height: 20px;
  position: absolute;
  right: 18px;
  bottom: 43px;
  cursor: pointer;
}
.show__password-wrapper::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 4px;
  background-color: #fff;
  border-bottom: 2px solid #3B5063;
  top: 5px;
  transform: rotate(45deg);
  cursor: pointer;
  opacity: 0;
}

.section__sing-in-remember-text {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  cursor: pointer;
  margin-left: 15px;
}

.section__sing-in-remember__box {
  width: 100%;
  position: relative;
  text-align: left;
}

.section__sing-in-remember {
  opacity: 0;
}

.section__sing-in-remember-inp-custom {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #3B5063;
}
.section__sing-in-remember-inp-custom::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  background-image: url(/assets/check_small-8e06f2f12bf31c90f017edbaf7e0e7512a864aa12184b3d8329df5f221ba45f9.svg);
  background-repeat: no-repeat;
  background-position: center center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.2s ease-in;
}

.section__sing-in-remember:checked + .section__sing-in-remember-inp-custom::before {
  transform: translate(-50%, -50%) scale(1);
}

.admin__work-progress {
  padding: 30px 35px;
}

.create-post-btn.admin-work-progress-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  margin-right: 15px;
}

.admin__work-progress-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admin-post-create-title.admin-work-progress-title {
  margin-left: 15px;
}

.complex__edit-back.admin__work-progress-back {
  margin-left: 15px;
}

.admin-work__progress-item-box {
  display: flex;
  flex-wrap: wrap;
  margin: 23px 0 27px 0;
}

.admin-work__progress-item {
  max-width: 240px;
  width: 100%;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
  margin: 0 15px 10px 15px;
}

.admin-work__progress-item-img {
  width: 240px;
  height: 186px;
  object-fit: cover;
  filter: brightness(40%);
}

.admin-work__progress-btns-box {
  height: 54px;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}

.admin-work__progress-item-img-box {
  position: relative;
  height: 186px;
}

.admin-work_progress-date {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #FFFEFE;
}

.admin-post-remove-btn.admin-work-progress-remove-btn {
  margin-right: 15px;
}

.admin-work-progress-edit {
  padding: 30px 50px;
  position: relative;
}

.admin-work-progress-edit-title {
  font-weight: 900;
  font-size: 32px;
  line-height: 41px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
}

.admin-work-progress-edit-wrapper-add {
  max-width: 345px;
  width: 100%;
  margin-right: 50px;
}

.admin-work-progress-edit-img {
  max-width: 345px;
  max-height: 332px;
  object-fit: cover;
}

.admin-work-progress-edit-wrapper {
  display: flex;
}

.admin-work-progress-edit-wrapper-date {
  position: relative;
}
.admin-work-progress-edit-wrapper-date::before {
  content: "";
  position: absolute;
  top: 57px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-image: url(/assets/calendar_month-caa2c72ef93f6963a498719227678080f9e587e4910577d8881f4a183bfdd9f0.svg);
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.form-input-admin {
  margin: 20px 0 25px 0;
}

.form-input input {
  display: none;
}

.form-input {
  display: flex;
}

.form-input label {
  width: 160px;
  height: 45px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFEFE;
  cursor: pointer;
  background: #3B5063;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-input label:hover {
  background-color: #fffefe;
  color: #3B5063;
  border: 1px solid #3B5063;
  transition: all 0.2s;
}

.admin-delete-img {
  background: #3B5063;
  border: none;
  height: 45px;
  width: 160px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFEFE;
  cursor: pointer;
  margin-left: 25px;
}
.admin-delete-img:hover {
  background-color: #fffefe;
  color: #3B5063;
  border: 1px solid #3B5063;
  transition: all 0.2s;
}

.test-inp {
  display: block;
  width: 160px;
  height: 45px;
}

.work-progress-add__wrapper {
  padding: 30px 50px;
  position: relative;
  height: 100%;
}

.admin-queue {
  padding: 30px 50px;
  position: relative;
}

.nested-form-title.admin-queue-title {
  margin-top: 22px;
}

.admin-queue-item-box {
  display: flex;
  justify-content: space-between;
}

.admin-queue-section-inp {
  border: none;
  width: 180px;
  height: 45px;
  background: #162333;
  border-bottom: 1px solid rgba(149, 165, 191, 0.4);
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFEFE;
  cursor: pointer;
  display: flex;
  justify-content: start;
  padding-left: 15px;
}

.admin-queue-item-section {
  max-width: 495px;
  width: 100%;
}

.admin-create-plan-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #FFFEFE;
  padding: 0 20px;
  width: 137px;
  height: 45px;
  cursor: pointer;
  background: #3B5063;
  text-decoration: none;
  position: absolute;
  top: 91px;
  right: 50px;
}
.admin-create-plan-btn:hover {
  background-color: inherit;
  border: 1px solid #3B5063;
  color: #3B5063;
  transition: all 0.2s;
}

.admin-apartaments-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 12px);
  margin-left: -5px;
}

.admin-queue__plans-item.queue__plans-item {
  margin: 0 0 10px 0;
  padding: 10px;
  position: relative;
}

.margit-apartaments {
  margin: 0 5px;
}

.delete-apart {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 16px;
  right: 12px;
  background-image: url(/assets/delete-3a5799f45036e7e9e96a5aaec10fea8c041c77ea53ced84faf09a297c85ebf96.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border: none;
  cursor: pointer;
}

.queue__plans-img.admin-queue__plans-img {
  width: 135px;
  height: 191px;
}

.queue__plans-info-text.admin-queue__plans-info-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.15px;
}

.queue__plans-info-box.admin-queue__plans-info-box {
  margin: 4px 0 5px 0;
}

.queue__plans-info.admin-queue__plans-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.15px;
  color: #000000;
}

.queue__plans-info-wrapper.admin-queue__plans-info-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.queue__plans-info-box.queue__plans-info-box-bottom.admin-queue__plans-info-box-bottom {
  margin: 0;
}

.admin-apartaments-new {
  padding: 30px 50px;
  position: relative;
  height: 100%;
}

.admin-apartaments-new-wrapper {
  display: flex;
}

.preview-apart-img {
  width: 341px;
  height: 328px;
  object-fit: cover;
}

.admin-apartaments-new-item {
  width: 234px;
}

.preview.preview-collection.preview-img-box.apart {
  background-image: url(/assets/add-bg-d61e4dfb9956e734b131abd442a8e5001bfc6d3591691e9fef03506f09471689.svg);
}

.form-input.form-input-admin.apart {
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: space-between;
}

.admin-preview-img.apart {
  max-width: 234px;
}

.admin-apartaments-new-item2 {
  width: 390px;
  margin-left: 30px;
  display: flex;
}

.admin-apartaments-new-input-item {
  display: flex;
  flex-direction: column;
  margin-right: 30px;
}

.admin-input-section {
  width: 180px;
  height: 45px;
  background: #FFFFFF;
  border: 1px solid #768396;
  padding-left: 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: #162333;
  cursor: pointer;
}
.admin-input-section:active, .admin-input-section:focus {
  outline: 0;
}

.admin-input-section > option {
  padding: 10px 0;
}

.complex__edit-box-main-item-input.apart {
  margin-top: 0;
}

.admin-apartaments-new-input-item.squaree {
  position: relative;
}
.admin-apartaments-new-input-item.squaree::before {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-image: url(/assets/edit-1a5c2ddbd7f8b58120251fff52a78f8ba32d080629f964eee24f38b151af6c2f.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.form-input.post-edit {
  margin-top: 20px;
}

#flash {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}

#flash > div > button {
  width: 190px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}

.notice {
  text-align: center;
  position: relative;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  width: 190px;
  height: 120px;
  background: #00B98D;
  display: flex;
  align-items: end;
  justify-content: center;
  padding-bottom: 44px;
}
.notice::before {
  content: "";
  width: 24px;
  height: 19px;
  background-image: url(/assets/notif-86aca78e6a05c46ea5619c5b700f60c46125ab5f7cbe32b31a901df0258d7146.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.notice::after {
  content: "Закрити";
  height: 30px;
  width: 100%;
  color: #fff;
  background-color: #028D6C;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}

.alert {
  text-align: center;
  position: relative;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  width: 190px;
  height: 120px;
  background: #DF3B3B;
  display: flex;
  align-items: end;
  justify-content: center;
  padding-bottom: 44px;
}
.alert::before {
  content: "";
  width: 28px;
  height: 28px;
  background-image: url(/assets/notise-fale-2949dd094f45947c9beaafd3c4dc5e415a0fdf2915345877662b40953e7e370a.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.alert::after {
  content: "Закрити";
  height: 30px;
  width: 100%;
  background-color: #B10000;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}

header.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 5000;
  background: rgba(34, 34, 34, 0.8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: 0.3s;
}
header.header.up {
  transform: translateY(-100%);
}
header.header.down {
  transform: translateY(0);
}
header.header.video-animate {
  opacity: 0;
}
header.header .menu-link {
  color: #FEFEFE;
  padding: 1.38vw 0;
  display: block;
  position: relative;
}
header.header .menu-link::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #FEFEFE;
  position: absolute;
  bottom: 30%;
  left: 0;
  transition: 0.3s;
}
header.header .menu-link.active::after {
  width: 100%;
}
@media (any-hover: hover) {
  header.header .menu-link:hover::after {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  header.header .menu-link.adaptive-hide {
    display: none;
  }
}
@media (max-width: 600px) {
  header.header .tel-link {
    padding: 0;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.4718 14.6322L13.7288 15.363C11.2004 14.0844 9.63868 12.6157 8.72977 10.3262L9.42958 6.54398L8.10673 3H4.6975C3.67266 3 2.86564 3.85331 3.0187 4.87431C3.40081 7.42322 4.52747 12.0447 7.82086 15.363C11.2794 18.8477 16.2607 20.3599 19.0022 20.9609C20.0609 21.1931 21 20.3609 21 19.2693V15.9869L17.4718 14.6322Z" stroke="%23FEFEFE" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}
header.header .logo-wrapper {
  margin: 0 auto;
  display: block;
  width: 16.8vw;
  padding: 1.38vw 0;
}
@media (max-width: 1024px) {
  header.header .logo-wrapper {
    width: 150px;
    padding: 20px 0;
    transform: translateX(40%);
  }
}
@media (max-width: 600px) {
  header.header .logo-wrapper {
    width: 37.5vw;
    transform: translateX(0);
  }
}
header.header .logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header.header .menu {
  display: flex;
  align-items: center;
  gap: 2.22vw;
}
header.header .menu-box {
  display: flex;
  align-items: center;
  gap: 2.22vw;
  min-width: 30%;
}
@media (max-width: 1024px) {
  header.header .menu-box {
    min-width: 0;
  }
}
header.header .burger-btn {
  display: none;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
header.header .burger-btn .burger-icon {
  display: block;
  width: 100%;
  height: 1px;
  position: relative;
}
header.header .burger-btn .burger-icon::before, header.header .burger-btn .burger-icon::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FEFEFE;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
  border-radius: 10px;
}
header.header .burger-btn .burger-icon::before {
  top: -300%;
}
header.header .burger-btn .burger-icon::after {
  top: 300%;
}
@media (max-width: 1024px) {
  header.header .burger-btn {
    display: flex;
  }
}
header.header .burger-btn.active .burger-icon {
  background-color: transparent;
}
header.header .burger-btn.active .burger-icon::before {
  transform: rotate(45deg);
  top: 0;
}
header.header .burger-btn.active .burger-icon::after {
  transform: rotate(-45deg);
  top: 0;
}
header.header .header-adaptive {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}
header.header .header-adaptive.active {
  height: 280px;
}
header.header .header-adaptive .header-adaptive-wrapper {
  padding: 20px 0;
  position: relative;
}
header.header .header-adaptive .header-adaptive-wrapper::before {
  content: "";
  width: 150%;
  top: 0;
  left: 0;
  height: 1px;
  background-color: #FEFEFE;
  position: absolute;
  transform: translateX(-20%);
}
header.header .header-adaptive .menu-link {
  padding: 8px 0;
  font-size: 16px;
  width: fit-content;
}
header.header .header-adaptive .menu-link::after {
  bottom: 20%;
}

footer.footer {
  padding: 4.44vw 0 1.11vw;
  background-color: #F6F7FA;
}
@media (max-width: 1024px) {
  footer.footer {
    padding: 40px 0 16px;
  }
}
footer.footer .top-wrapper {
  margin-bottom: 4.93vw;
  display: flex;
  gap: 2.22vw;
}
@media (max-width: 1024px) {
  footer.footer .top-wrapper {
    flex-wrap: wrap;
    row-gap: 40px;
    column-gap: 24px;
  }
}
@media (max-width: 600px) {
  footer.footer .top-wrapper {
    margin-bottom: 24px;
    row-gap: 24px;
  }
}
footer.footer .bottom-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 600px) {
  footer.footer .bottom-wrapper {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}
footer.footer .bottom-wrapper .developer .transform-link {
  position: relative;
  display: block;
  overflow: hidden;
  height: 1.45vw;
  width: fit-content;
}
@media (max-width: 1024px) {
  footer.footer .bottom-wrapper .developer .transform-link {
    height: 21px;
  }
}
footer.footer .bottom-wrapper .developer .transform-link .text {
  display: flex;
  align-items: center;
}
footer.footer .bottom-wrapper .developer .transform-link .text::before {
  content: "";
  width: 1.45vw;
  height: 1.45vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.55vw;
}
@media (max-width: 1024px) {
  footer.footer .bottom-wrapper .developer .transform-link .text::before {
    margin-right: 8px;
    width: 21px;
    height: 21px;
  }
}
footer.footer .bottom-wrapper .developer .transform-link .text.top {
  color: #BCBDBE;
}
footer.footer .bottom-wrapper .developer .transform-link .text.top::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="21" viewBox="0 0 18 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.3571 3.74066C16.2899 3.74066 15.4286 2.91621 15.4286 1.89496C15.4286 1.7227 15.4543 1.5627 15.4928 1.40274C15.5444 1.24277 15.5186 1.07047 15.4286 0.922854C15.3385 0.775236 15.1971 0.6768 15.0171 0.639886C13.0501 0.209221 11.0315 0 9 0C6.96853 0 4.94993 0.209221 2.98285 0.639886C2.80285 0.676839 2.66142 0.775236 2.57142 0.922854C2.48142 1.07047 2.45566 1.24277 2.50713 1.40274C2.54567 1.5627 2.57142 1.72265 2.57142 1.89496C2.57142 2.91621 1.71004 3.74066 0.642858 3.74066C0.282814 3.74066 0 3.96207 0 4.30664L0 9.51565C0 14.7943 3.53571 19.425 8.8071 20.9754C8.87145 20.9877 8.93573 21 9 21C9.06426 21 9.12854 20.9877 9.19289 20.9754C14.4643 19.425 18 14.7944 18 9.51565V4.30664C18 3.96207 17.7172 3.74066 17.3571 3.74066ZM11.1065 9.01685C11.1053 9.01685 11.104 9.01672 11.1028 9.0166C11.1023 9.01656 11.1018 9.01647 11.1012 9.01644C11.1005 9.01639 11.0998 9.01635 11.0991 9.01635C11.0982 9.01635 11.0975 9.01639 11.0968 9.01647C11.0965 9.01651 11.0962 9.01656 11.0959 9.0166C11.0948 9.01672 11.0939 9.01685 11.0926 9.01685H6.91632C6.91448 9.01685 6.9129 9.01656 6.91119 9.01644C6.91063 9.01639 6.90999 9.01635 6.90935 9.01635C6.90686 9.01635 6.90438 9.01685 6.9019 9.01685H4.79989L6.21528 6.90492L8.97567 6.90492C8.9769 6.90492 8.97801 6.90505 8.97913 6.90518C8.98029 6.9053 8.98139 6.90543 8.98263 6.90543C8.98315 6.90543 8.98367 6.90539 8.98413 6.90539C8.98478 6.9053 8.98537 6.90523 8.98593 6.90518C8.98683 6.90505 8.98764 6.90492 8.98858 6.90492H11.7718L13.1872 9.01685H11.1065ZM15.0222 10.1479C15.124 10.0278 15.1875 9.87466 15.1875 9.70616C15.1875 9.5243 15.1155 9.36075 15.0009 9.23774L12.7569 5.8905C12.641 5.67651 12.4182 5.52976 12.1575 5.52729V5.52631L5.82856 5.52631V5.52779C5.59123 5.53325 5.38422 5.65774 5.26307 5.84405L5.26256 5.84304L2.93413 9.31627C2.85768 9.42745 2.8125 9.56139 2.8125 9.70616C2.8125 9.84304 2.8542 9.9705 2.92371 10.0777L2.92271 10.0787L2.92669 10.0836C2.96392 10.14 3.0101 10.1884 3.06172 10.2314L4.01048 11.2686H4.01097L4.93044 12.3334C5.06449 12.4881 5.28044 12.5454 5.47359 12.4767L6.52959 12.1012L5.80226 11.2671H5.80618L5.04063 10.3955H12.9396L8.92452 14.851L7.44408 13.1512L6.09414 13.6819L8.39681 16.3487L8.40177 16.3442C8.52834 16.487 8.71205 16.579 8.91806 16.579C9.12361 16.579 9.30634 16.488 9.43292 16.3468L9.4354 16.3487L14.9785 10.1983C14.9824 10.1944 14.986 10.1902 14.9897 10.1859C14.9934 10.1815 14.9973 10.1772 15.0014 10.1731L15.0231 10.1489L15.0222 10.1479ZM9 1.6579C10.7366 1.6579 12.4601 1.8407 14.1378 2.21613L14.1332 2.23575C14.0932 2.40556 14.0625 2.59229 14.0625 2.80076C14.0625 4.02174 15.0701 5.0048 16.3125 5.0048V9.61926C16.3125 14.0918 13.3907 18.0124 9.03121 19.336L9.02313 19.3375C9.01329 19.3394 9.00637 19.3405 9.00115 19.3412L9 19.3415L8.99884 19.3412C8.99363 19.3405 8.98666 19.3394 8.97686 19.3375L8.96878 19.336C4.60925 18.0124 1.6875 14.0916 1.6875 9.61926L1.6875 5.0048C2.92988 5.0048 3.9375 4.02174 3.9375 2.80076C3.9375 2.59225 3.90676 2.40555 3.86676 2.23575L3.86217 2.21624C5.53991 1.84081 7.26337 1.6579 9 1.6579ZM9 19.8948C9.05623 19.8948 9.11246 19.8838 9.16878 19.8726C13.7812 18.4855 16.875 14.3423 16.875 9.61926V4.95856C16.875 4.65029 16.6275 4.45216 16.3125 4.45216C15.3787 4.45216 14.625 3.7145 14.625 2.80076C14.625 2.64662 14.6476 2.50346 14.6812 2.36034C14.7262 2.21721 14.7037 2.06305 14.625 1.93097C14.5463 1.79889 14.4224 1.71083 14.265 1.67779C12.5438 1.29246 10.7776 1.10526 9 1.10526C7.22245 1.10526 5.45623 1.29246 3.735 1.67779C3.5775 1.71086 3.45375 1.79889 3.37499 1.93097C3.29625 2.06305 3.27371 2.21721 3.31875 2.36034C3.35247 2.50346 3.37499 2.64659 3.37499 2.80076C3.37499 3.7145 2.62128 4.45216 1.6875 4.45216C1.37247 4.45216 1.125 4.65029 1.125 4.95856L1.125 9.61926C1.125 14.3423 4.21875 18.4855 8.83122 19.8726C8.88754 19.8838 8.94377 19.8948 9 19.8948Z" fill="%23BCBDBE"/></svg>');
}
footer.footer .bottom-wrapper .developer .transform-link .text.bottom {
  color: #333;
}
footer.footer .bottom-wrapper .developer .transform-link .text.bottom::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="21" viewBox="0 0 18 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.3571 3.74066C16.2899 3.74066 15.4286 2.91621 15.4286 1.89496C15.4286 1.7227 15.4543 1.5627 15.4928 1.40274C15.5444 1.24277 15.5186 1.07047 15.4286 0.922854C15.3385 0.775236 15.1971 0.6768 15.0171 0.639886C13.0501 0.209221 11.0315 0 9 0C6.96853 0 4.94993 0.209221 2.98285 0.639886C2.80285 0.676839 2.66142 0.775236 2.57142 0.922854C2.48142 1.07047 2.45566 1.24277 2.50713 1.40274C2.54567 1.5627 2.57142 1.72265 2.57142 1.89496C2.57142 2.91621 1.71004 3.74066 0.642858 3.74066C0.282814 3.74066 0 3.96207 0 4.30664L0 9.51565C0 14.7943 3.53571 19.425 8.8071 20.9754C8.87145 20.9877 8.93573 21 9 21C9.06426 21 9.12854 20.9877 9.19289 20.9754C14.4643 19.425 18 14.7944 18 9.51565V4.30664C18 3.96207 17.7172 3.74066 17.3571 3.74066ZM11.1065 9.01685C11.1053 9.01685 11.104 9.01672 11.1028 9.0166C11.1023 9.01656 11.1018 9.01647 11.1012 9.01644C11.1005 9.01639 11.0998 9.01635 11.0991 9.01635C11.0982 9.01635 11.0975 9.01639 11.0968 9.01647C11.0965 9.01651 11.0962 9.01656 11.0959 9.0166C11.0948 9.01672 11.0939 9.01685 11.0926 9.01685H6.91632C6.91448 9.01685 6.9129 9.01656 6.91119 9.01644C6.91063 9.01639 6.90999 9.01635 6.90935 9.01635C6.90686 9.01635 6.90438 9.01685 6.9019 9.01685H4.79989L6.21528 6.90492L8.97567 6.90492C8.9769 6.90492 8.97801 6.90505 8.97913 6.90518C8.98029 6.9053 8.98139 6.90543 8.98263 6.90543C8.98315 6.90543 8.98367 6.90539 8.98413 6.90539C8.98478 6.9053 8.98537 6.90523 8.98593 6.90518C8.98683 6.90505 8.98764 6.90492 8.98858 6.90492H11.7718L13.1872 9.01685H11.1065ZM15.0222 10.1479C15.124 10.0278 15.1875 9.87466 15.1875 9.70616C15.1875 9.5243 15.1155 9.36075 15.0009 9.23774L12.7569 5.8905C12.641 5.67651 12.4182 5.52976 12.1575 5.52729V5.52631L5.82856 5.52631V5.52779C5.59123 5.53325 5.38422 5.65774 5.26307 5.84405L5.26256 5.84304L2.93413 9.31627C2.85768 9.42745 2.8125 9.56139 2.8125 9.70616C2.8125 9.84304 2.8542 9.9705 2.92371 10.0777L2.92271 10.0787L2.92669 10.0836C2.96392 10.14 3.0101 10.1884 3.06172 10.2314L4.01048 11.2686H4.01097L4.93044 12.3334C5.06449 12.4881 5.28044 12.5454 5.47359 12.4767L6.52959 12.1012L5.80226 11.2671H5.80618L5.04063 10.3955H12.9396L8.92452 14.851L7.44408 13.1512L6.09414 13.6819L8.39681 16.3487L8.40177 16.3442C8.52834 16.487 8.71205 16.579 8.91806 16.579C9.12361 16.579 9.30634 16.488 9.43292 16.3468L9.4354 16.3487L14.9785 10.1983C14.9824 10.1944 14.986 10.1902 14.9897 10.1859C14.9934 10.1815 14.9973 10.1772 15.0014 10.1731L15.0231 10.1489L15.0222 10.1479ZM9 1.6579C10.7366 1.6579 12.4601 1.8407 14.1378 2.21613L14.1332 2.23575C14.0932 2.40556 14.0625 2.59229 14.0625 2.80076C14.0625 4.02174 15.0701 5.0048 16.3125 5.0048V9.61926C16.3125 14.0918 13.3907 18.0124 9.03121 19.336L9.02313 19.3375C9.01329 19.3394 9.00637 19.3405 9.00115 19.3412L9 19.3415L8.99884 19.3412C8.99363 19.3405 8.98666 19.3394 8.97686 19.3375L8.96878 19.336C4.60925 18.0124 1.6875 14.0916 1.6875 9.61926L1.6875 5.0048C2.92988 5.0048 3.9375 4.02174 3.9375 2.80076C3.9375 2.59225 3.90676 2.40555 3.86676 2.23575L3.86217 2.21624C5.53991 1.84081 7.26337 1.6579 9 1.6579ZM9 19.8948C9.05623 19.8948 9.11246 19.8838 9.16878 19.8726C13.7812 18.4855 16.875 14.3423 16.875 9.61926V4.95856C16.875 4.65029 16.6275 4.45216 16.3125 4.45216C15.3787 4.45216 14.625 3.7145 14.625 2.80076C14.625 2.64662 14.6476 2.50346 14.6812 2.36034C14.7262 2.21721 14.7037 2.06305 14.625 1.93097C14.5463 1.79889 14.4224 1.71083 14.265 1.67779C12.5438 1.29246 10.7776 1.10526 9 1.10526C7.22245 1.10526 5.45623 1.29246 3.735 1.67779C3.5775 1.71086 3.45375 1.79889 3.37499 1.93097C3.29625 2.06305 3.27371 2.21721 3.31875 2.36034C3.35247 2.50346 3.37499 2.64659 3.37499 2.80076C3.37499 3.7145 2.62128 4.45216 1.6875 4.45216C1.37247 4.45216 1.125 4.65029 1.125 4.95856L1.125 9.61926C1.125 14.3423 4.21875 18.4855 8.83122 19.8726C8.88754 19.8838 8.94377 19.8948 9 19.8948Z" fill="%23FF3B30"/></svg>');
}
footer.footer .bottom-wrapper .developer .transform-link .text.bottom span {
  color: #FF3B30;
}
footer.footer .bottom-wrapper .developer .transform-link .text {
  width: 100%;
  transition: transform 0.6s ease;
}
footer.footer .bottom-wrapper .developer .transform-link .text.top {
  transform: translateY(0%);
}
footer.footer .bottom-wrapper .developer .transform-link .text.bottom {
  transform: translateY(0);
}
@media (any-hover: hover) {
  footer.footer .bottom-wrapper .developer .transform-link:hover .text.top {
    transform: translateY(-100%);
  }
  footer.footer .bottom-wrapper .developer .transform-link:hover .text.bottom {
    transform: translateY(-100%);
  }
}
footer.footer .bottom-wrapper .rights {
  color: #BCBDBE;
}
footer.footer .logo-with-socials {
  width: 14.63%;
  margin-right: 10vw;
}
@media (max-width: 1024px) {
  footer.footer .logo-with-socials {
    width: 100%;
    margin-right: 0;
  }
}
footer.footer .logo-with-socials .logo-wrapper {
  display: block;
  width: 100%;
  margin-bottom: 1.66vw;
}
@media (max-width: 1024px) {
  footer.footer .logo-with-socials .logo-wrapper {
    width: 180px;
    margin: 0 auto 20px;
  }
}
footer.footer .logo-with-socials .logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer.footer .socials-wrapper {
  display: flex;
  align-items: center;
  gap: 0.83vw;
  justify-content: center;
}
@media (max-width: 1024px) {
  footer.footer .socials-wrapper {
    gap: 12px;
  }
}
footer.footer .socials-wrapper .social-link {
  width: 2.22vw;
  height: 2.22vw;
  border-radius: 50%;
  border: 0.6px solid #333;
  background: rgba(51, 51, 51, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  footer.footer .socials-wrapper .social-link {
    width: 32px;
    height: 32px;
  }
}
footer.footer .socials-wrapper .social-link.facebook .icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M14.1667 1.66699H11.6667C10.5616 1.66699 9.50175 2.10598 8.72042 2.88738C7.93898 3.66878 7.5 4.72859 7.5 5.83366V8.33366H5V11.667H7.5V18.3337H10.8333V11.667H13.3333L14.1667 8.33366H10.8333V5.83366C10.8333 5.61264 10.9212 5.40068 11.0774 5.2444C11.2337 5.08813 11.4457 5.00033 11.6667 5.00033H14.1667V1.66699Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
footer.footer .socials-wrapper .social-link.instagram .icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.99984 13.3337C11.8408 13.3337 13.3332 11.8412 13.3332 10.0003C13.3332 8.15938 11.8408 6.66699 9.99984 6.66699C8.15889 6.66699 6.6665 8.15938 6.6665 10.0003C6.6665 11.8412 8.15889 13.3337 9.99984 13.3337Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 13.3333V6.66667C2.5 4.36548 4.36548 2.5 6.66667 2.5H13.3333C15.6345 2.5 17.5 4.36548 17.5 6.66667V13.3333C17.5 15.6345 15.6345 17.5 13.3333 17.5H6.66667C4.36548 17.5 2.5 15.6345 2.5 13.3333Z" stroke="%23333333"/><path d="M14.5835 5.42527L14.5918 5.41602" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
footer.footer .socials-wrapper .social-link.mail .icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5.8335 7.5L10.0002 10.4167L14.1668 7.5" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.6665 14.167V5.83366C1.6665 4.91318 2.4127 4.16699 3.33317 4.16699H16.6665C17.587 4.16699 18.3332 4.91318 18.3332 5.83366V14.167C18.3332 15.0875 17.587 15.8337 16.6665 15.8337H3.33317C2.4127 15.8337 1.6665 15.0875 1.6665 14.167Z" stroke="%23333333"/></svg>');
}
footer.footer .socials-wrapper .social-link .icon {
  width: 1.38vw;
  height: 1.38vw;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.6s;
}
@media (max-width: 1024px) {
  footer.footer .socials-wrapper .social-link .icon {
    width: 20px;
    height: 20px;
  }
}
footer.footer .socials-wrapper .social-link .icon.top {
  transform: translateX(-50%) translateY(-50%);
}
footer.footer .socials-wrapper .social-link .icon.bottom {
  transform: translateX(-50%) translateY(100%);
}
@media (any-hover: hover) {
  footer.footer .socials-wrapper .social-link:hover {
    background: rgba(51, 51, 51, 0.2);
  }
  footer.footer .socials-wrapper .social-link:hover .icon.top {
    transform: translateX(-50%) translateY(-200%);
  }
  footer.footer .socials-wrapper .social-link:hover .icon.bottom {
    transform: translateX(-50%) translateY(-50%);
  }
}
footer.footer .nav-block-wrapper {
  width: 23.17%;
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}
footer.footer .nav-block-wrapper .nav-block {
  width: 100%;
}
@media (max-width: 1024px) {
  footer.footer .nav-block-wrapper {
    width: 100%;
    flex-direction: row;
    gap: 20px;
    order: 4;
  }
  footer.footer .nav-block-wrapper .nav-block {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  footer.footer .nav-block-wrapper {
    flex-direction: column;
    gap: 24px;
    order: inherit;
  }
  footer.footer .nav-block-wrapper .nav-block {
    width: 100%;
  }
}
footer.footer .nav-block {
  width: 23.17%;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  footer.footer .nav-block {
    width: calc(49.7% - 10px);
  }
}
@media (max-width: 600px) {
  footer.footer .nav-block {
    width: 100%;
  }
}
footer.footer .nav-block .secondary-text {
  color: #616161;
}
footer.footer .nav-block a.secondary-text {
  transition: 0.3s;
}
@media (any-hover: hover) {
  footer.footer .nav-block a.secondary-text:hover {
    color: #3e3e3e;
  }
}
footer.footer .nav-block .large-text {
  margin-bottom: 1.11vw;
}
@media (max-width: 1024px) {
  footer.footer .nav-block .large-text {
    margin-bottom: 16px;
  }
}
@media (max-width: 600px) {
  footer.footer .nav-block .large-text {
    font-size: 5vw;
  }
}
footer.footer .nav-block .with-icon {
  position: relative;
  display: block;
  padding-left: 1.94vw;
}
@media (max-width: 1024px) {
  footer.footer .nav-block .with-icon {
    gap: 8px;
    padding-left: 28px;
  }
}
footer.footer .nav-block .with-icon::before {
  content: "";
  width: 1.38vw;
  height: 1.38vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -5%;
  left: 0;
}
@media (max-width: 1024px) {
  footer.footer .nav-block .with-icon::before {
    width: 20px;
    height: 20px;
  }
}
footer.footer .nav-block .with-icon.adress {
  margin-bottom: 0.83vw;
}
@media (max-width: 1024px) {
  footer.footer .nav-block .with-icon.adress {
    margin-bottom: 12px;
  }
}
footer.footer .nav-block .with-icon.adress a {
  width: fit-content;
  display: block;
}
footer.footer .nav-block .with-icon.adress::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M16.6668 8.83366C16.6668 12.5156 10.0002 18.8337 10.0002 18.8337C10.0002 18.8337 3.3335 12.5156 3.3335 8.83366C3.3335 5.15176 6.31826 2.16699 10.0002 2.16699C13.6821 2.16699 16.6668 5.15176 16.6668 8.83366Z" stroke="%23616161"/><path d="M9.99984 9.66667C10.4601 9.66667 10.8332 9.29358 10.8332 8.83333C10.8332 8.3731 10.4601 8 9.99984 8C9.53959 8 9.1665 8.3731 9.1665 8.83333C9.1665 9.29358 9.53959 9.66667 9.99984 9.66667Z" fill="%23616161" stroke="%23616161" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
footer.footer .nav-block .with-icon.working-time {
  align-items: flex-start;
  margin-bottom: 0.83vw;
}
footer.footer .nav-block .with-icon.working-time p:not(:last-child) {
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  footer.footer .nav-block .with-icon.working-time p:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media (max-width: 1024px) {
  footer.footer .nav-block .with-icon.working-time {
    margin-bottom: 12px;
  }
}
footer.footer .nav-block .with-icon.working-time::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M12.5 3.83366V2.16699M12.5 3.83366V5.50033M12.5 3.83366H8.75M2.5 8.83366V16.3337C2.5 17.2542 3.24619 18.0003 4.16667 18.0003H15.8333C16.7538 18.0003 17.5 17.2542 17.5 16.3337V8.83366H2.5Z" stroke="%23616161" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 8.83301V5.49967C2.5 4.5792 3.24619 3.83301 4.16667 3.83301H5.83333" stroke="%23616161" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.8335 2.16699V5.50033" stroke="%23616161" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.4998 8.83301V5.49967C17.4998 4.5792 16.7537 3.83301 15.8332 3.83301H15.4165" stroke="%23616161" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
footer.footer .nav-block .with-icon.phones a {
  display: block;
  width: fit-content;
}
footer.footer .nav-block .with-icon.phones a:not(:last-child) {
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  footer.footer .nav-block .with-icon.phones a:not(:last-child) {
    margin-bottom: 8px;
  }
}
footer.footer .nav-block .with-icon.phones::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M14.5598 12.6935L11.4406 13.3025C9.33371 12.237 8.03223 11.0131 7.27481 9.1052L7.85798 5.95331L6.75561 3H3.91458C3.06055 3 2.38803 3.71109 2.51558 4.56192C2.83401 6.68601 3.77289 10.5372 6.51739 13.3025C9.39953 16.2065 13.5506 17.4666 15.8352 17.9674C16.7174 18.1609 17.5 17.4674 17.5 16.5577V13.8224L14.5598 12.6935Z" stroke="%23616161" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
footer.footer .nav-block.footer-links a {
  display: block;
  width: fit-content;
}
footer.footer .nav-block.footer-links a:not(:last-child) {
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  footer.footer .nav-block.footer-links a:not(:last-child) {
    margin-bottom: 8px;
  }
}

section.container-wrap.hero {
  min-height: 700px;
  width: 100%;
  position: relative;
  height: 100svh;
}
section.container-wrap.hero .title-box,
section.container-wrap.hero .small-images-box {
  pointer-events: none;
}
section.container-wrap.hero .title-box {
  position: absolute;
  top: 10vw;
  left: 4.16vw;
  z-index: 2;
}
@media (max-width: 1024px) {
  section.container-wrap.hero .title-box {
    top: 136px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.hero .title-box {
    top: 120px;
  }
}
section.container-wrap.hero .title-box .h1 {
  margin-bottom: 1.11vw;
}
@media (max-width: 1024px) {
  section.container-wrap.hero .title-box .h1 {
    margin-bottom: 8px;
  }
}
section.container-wrap.hero .title-box .main-text {
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  section.container-wrap.hero .title-box .main-text {
    margin-bottom: 8px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.hero .title-box .large-text {
    font-size: 4vw;
  }
}
section.container-wrap.hero .title-box .large-text, section.container-wrap.hero .title-box .main-text {
  color: #FFF;
}
section.container-wrap.hero .small-images-box {
  position: absolute;
  bottom: 2.77vw;
  left: 4.16vw;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2.22vw;
}
@media (max-width: 1024px) {
  section.container-wrap.hero .small-images-box {
    bottom: 40px;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.hero .small-images-box {
    display: none;
  }
}
section.container-wrap.hero .small-images-box img {
  width: 13.33vw;
  height: 8.33vw;
  object-fit: cover;
  border-radius: 2px;
}
@media (max-width: 1024px) {
  section.container-wrap.hero .small-images-box img {
    width: 140px;
    height: 88px;
  }
}
section.container-wrap.hero .hero-button {
  width: 14.44vw;
  height: 14.44vw;
  position: absolute;
  bottom: 16.38vw;
  right: 20.76vw;
  z-index: 2;
  border-radius: 50%;
  display: grid;
  place-items: center;
  pointer-events: none;
  border: 1px solid #EAEAEA;
}
@media (max-width: 1024px) {
  section.container-wrap.hero .hero-button {
    width: 208px;
    height: 208px;
    right: 10vw;
    bottom: 25%;
  }
}
@media (max-width: 600px) {
  section.container-wrap.hero .hero-button {
    width: 157px;
    height: 157px;
    right: 50%;
    transform: translateX(50%);
  }
}
section.container-wrap.hero .hero-button .inner-wrapper {
  background-color: rgba(254, 254, 254, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  width: 90%;
  height: 90%;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: 0.6s;
}
section.container-wrap.hero .hero-button .large-text {
  color: #EAEAEA;
}
@media (any-hover: hover) {
  section.container-wrap.hero .hero-button:hover .inner-wrapper {
    background-color: rgba(254, 254, 254, 0.4);
  }
}
section.container-wrap.hero .main-slider {
  min-height: 700px;
  width: 100%;
  height: 100svh;
}
section.container-wrap.hero .main-slider .swiper-wrapper {
  min-height: 700px;
  height: 100svh;
  z-index: 0;
}
section.container-wrap.hero .main-slider .swiper-wrapper .image {
  height: 100%;
  width: 100%;
}
section.container-wrap.hero .main-slider .swiper-wrapper .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.container-wrap.hero .main-slider .swiper-slide.main-slide {
  height: auto;
  transition: 0.5s;
  pointer-events: none;
  transition-property: opacity;
}
section.container-wrap.hero .main-slider .swiper-slide-active.main-slide {
  pointer-events: auto;
}
section.container-wrap.hero .main-slider .swiper-slide-active.main-slide .hero-button {
  pointer-events: auto;
}
section.container-wrap.section-about .section-about-wrapper {
  display: flex;
  gap: 2.22vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-about .section-about-wrapper {
    gap: 24px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-about .section-about-wrapper {
    flex-direction: column;
  }
}
section.container-wrap.section-about .section-about-wrapper .image {
  width: calc(58% - 1.11vw);
}
@media (max-width: 1024px) {
  section.container-wrap.section-about .section-about-wrapper .image {
    width: calc(50% - 12px);
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-about .section-about-wrapper .image {
    width: 100%;
  }
}
section.container-wrap.section-about .section-about-wrapper .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
section.container-wrap.section-about .section-about-wrapper .text {
  width: calc(42% - 1.11vw);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  section.container-wrap.section-about .section-about-wrapper .text {
    width: calc(50% - 12px);
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-about .section-about-wrapper .text {
    width: 100%;
  }
}
section.container-wrap.section-about .section-about-wrapper .text .h5 {
  margin-bottom: 1.66vw;
  padding-bottom: 1.66vw;
  border-bottom: 1px solid #BCBDBE;
}
@media (max-width: 1024px) {
  section.container-wrap.section-about .section-about-wrapper .text .h5 {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
section.container-wrap.section-about .section-about-wrapper .text p.main-text {
  margin-bottom: 1.66vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-about .section-about-wrapper .text p.main-text {
    margin-bottom: 24px;
  }
}
section.container-wrap.section-about .section-about-wrapper .text .main-button {
  width: 60%;
  margin-top: auto;
}
@media (max-width: 1024px) {
  section.container-wrap.section-about .section-about-wrapper .text .main-button {
    width: 100%;
  }
}
section.container-wrap .main-slider-btn {
  position: absolute;
  bottom: 2.77vw;
  right: 4.16vw;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.55vw;
}
@media (max-width: 1024px) {
  section.container-wrap .main-slider-btn {
    bottom: 40px;
    gap: 8px;
  }
}
@media (max-width: 600px) {
  section.container-wrap .main-slider-btn {
    bottom: 20px;
  }
}
section.container-wrap .main-slider-btn.presentation-section-btn {
  position: static;
}
section.container-wrap .main-slider-btn.presentation-section-btn .arrow-transform {
  border: 0.6px solid #FEFEFE;
}
section.container-wrap .main-slider-btn .large-text {
  color: #FEFEFE;
  position: relative;
}
section.container-wrap .main-slider-btn .large-text::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #FEFEFE;
  position: absolute;
  left: 0;
  bottom: -5%;
  transition: 0.3s;
}
section.container-wrap .main-slider-btn .arrow-transform {
  width: 3.33vw;
  height: 3.33vw;
  border-radius: 50%;
  border: 0.6px solid #333;
  background: rgba(51, 51, 51, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  section.container-wrap .main-slider-btn .arrow-transform {
    width: 40px;
    height: 40px;
  }
}
section.container-wrap .main-slider-btn .arrow-transform .circle-progress {
  width: calc(3.33vw + 6px);
  height: calc(3.33vw + 6px);
  transform: rotate(-90deg);
  position: absolute;
  top: -3px;
  left: -3px;
}
@media (max-width: 1024px) {
  section.container-wrap .main-slider-btn .arrow-transform .circle-progress {
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
  }
}
section.container-wrap .main-slider-btn .arrow-transform circle.bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.1);
  stroke-width: 0;
}
section.container-wrap .main-slider-btn .arrow-transform circle.progress {
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-dasharray: 283;
  stroke-dashoffset: 283;
  animation: drawCircle 10.5s linear infinite;
}
@keyframes drawCircle {
  to {
    stroke-dashoffset: 0;
  }
}
section.container-wrap .main-slider-btn .arrow-transform .icon {
  width: 1.66vw;
  height: 1.66vw;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.6s;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23FEFEFE" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media (max-width: 1024px) {
  section.container-wrap .main-slider-btn .arrow-transform .icon {
    width: 24px;
    height: 24px;
  }
}
section.container-wrap .main-slider-btn .arrow-transform .icon.top {
  transform: translateX(-50%) translateY(-50%);
}
section.container-wrap .main-slider-btn .arrow-transform .icon.bottom {
  transform: translateX(-200%) translateY(-50%);
}
@media (any-hover: hover) {
  section.container-wrap .main-slider-btn:hover .large-text::after {
    width: 100%;
  }
  section.container-wrap .main-slider-btn:hover .arrow-transform {
    background: rgba(234, 234, 234, 0.25);
    border: 0.6px solid #FEFEFE;
  }
  section.container-wrap .main-slider-btn:hover .arrow-transform .icon.top {
    transform: translateY(-50%) translateX(200%);
  }
  section.container-wrap .main-slider-btn:hover .arrow-transform .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
}
section.container-wrap.home-projects .home-projects-item {
  display: flex;
  gap: 2.22vw;
}
section.container-wrap.home-projects .home-projects-item:not(:last-child) {
  padding-bottom: 5vw;
  margin-bottom: 5vw;
  border-bottom: 0.6px solid #BCBDBE;
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item:not(:last-child) {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item:not(:last-child) {
    margin-bottom: 80px;
    border-bottom: none;
  }
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item {
    column-gap: 24px;
    row-gap: 40px;
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item {
    flex-direction: column;
    gap: 24px;
  }
}
section.container-wrap.home-projects .home-projects-item .info-side {
  width: calc(42% - 1.11vw);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item .info-side {
    width: calc(50% - 12px);
  }
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item .info-side {
    width: 100%;
  }
}
section.container-wrap.home-projects .home-projects-item .info-side .secondary-text.regular.subtitle {
  margin-bottom: 0.55vw;
  color: #616161;
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item .info-side .secondary-text.regular.subtitle {
    margin-bottom: 8px;
  }
}
section.container-wrap.home-projects .home-projects-item .info-side .h5 {
  margin-bottom: 2.22vw;
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item .info-side .h5 {
    margin-bottom: 24px;
  }
}
section.container-wrap.home-projects .home-projects-item .info-side .main-text.regular {
  color: #616161;
  margin-bottom: 5.9vw;
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item .info-side .main-text.regular.mobile-hide {
    display: none;
  }
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item .info-side .specs-box {
    margin-top: auto;
  }
}
section.container-wrap.home-projects .home-projects-item .info-side .specs-box .secondary-text {
  color: #616161;
  width: 78.78%;
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item .info-side .specs-box .secondary-text {
    width: 100%;
  }
}
section.container-wrap.home-projects .home-projects-item .info-side .specs-box .secondary-text:not(:last-child) {
  margin-bottom: 1.11vw;
  padding-bottom: 1.11vw;
  border-bottom: 0.6px solid #BCBDBE;
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item .info-side .specs-box .secondary-text:not(:last-child) {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
}
section.container-wrap.home-projects .home-projects-item .info-side .main-button {
  margin-top: auto;
  width: 57.57%;
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item .info-side .main-button {
    display: none;
  }
}
section.container-wrap.home-projects .home-projects-item .main-button.adaptive {
  display: none;
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item .main-button.adaptive {
    display: flex;
    width: 43.67%;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item .main-button.adaptive {
    width: 100%;
  }
}
section.container-wrap.home-projects .home-projects-item .about-project-adaptive {
  display: none;
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item .about-project-adaptive {
    display: block;
    color: #616161;
    margin-bottom: 16px;
  }
}
section.container-wrap.home-projects .home-projects-item .home-projects-slider {
  width: calc(58% - 1.11vw);
}
@media (max-width: 1024px) {
  section.container-wrap.home-projects .home-projects-item .home-projects-slider {
    width: calc(50% - 12px);
  }
}
@media (max-width: 600px) {
  section.container-wrap.home-projects .home-projects-item .home-projects-slider {
    width: 100%;
  }
}
section.container-wrap.home-projects .home-projects-item .home-projects-slider .swiper-slide {
  height: auto;
}
section.container-wrap.home-projects .home-projects-item .home-projects-slider .swiper-slide .image {
  width: 100%;
  height: 100%;
  position: relative;
}
section.container-wrap.home-projects .home-projects-item .home-projects-slider .swiper-slide .image img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  object-fit: cover;
}
section.container-wrap.home-projects .home-projects-item .home-projects-slider .swiper-slide .image .sub-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #FEFEFE;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  background: #078E0A;
  padding: 6px 8px;
  text-transform: uppercase;
}
section.container-wrap.section-news.page {
  margin-top: 0;
}
section.container-wrap.section-news .top-section-title {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
section.container-wrap.section-news .top-section-title .main-button {
  width: 23.17%;
}
@media (max-width: 600px) {
  section.container-wrap.section-news .top-section-title .main-button {
    display: none;
  }
}
section.container-wrap.section-news .section-news-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.22vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-news .section-news-wrapper {
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-news .section-news-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
section.container-wrap.section-news .section-news-wrapper .news-item {
  display: block;
}
@media (any-hover: hover) {
  section.container-wrap.section-news .section-news-wrapper .news-item:hover .image::before {
    opacity: 1;
  }
  section.container-wrap.section-news .section-news-wrapper .news-item:hover .image .main-button {
    opacity: 1;
  }
}
section.container-wrap.section-news .section-news-wrapper .news-item .large-text {
  color: #333;
}
section.container-wrap.section-news .section-news-wrapper .news-item .image {
  position: relative;
  padding-bottom: 100%;
  margin-bottom: 1.11vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-news .section-news-wrapper .news-item .image {
    margin-bottom: 8px;
  }
}
section.container-wrap.section-news .section-news-wrapper .news-item .image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: rgba(34, 34, 34, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  transition: 0.6s;
  z-index: 1;
}
section.container-wrap.section-news .section-news-wrapper .news-item .image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 2px;
}
section.container-wrap.section-news .section-news-wrapper .news-item .image .main-button {
  border: 0.6px solid #FEFEFE;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: 0.6s;
  opacity: 0;
  width: 51.92%;
  cursor: pointer;
  z-index: 2;
}
section.container-wrap.section-news .section-news-wrapper .news-item .image .main-button::after {
  background-color: #FEFEFE;
}
section.container-wrap.section-news .section-news-wrapper .news-item .image .main-button .arrow-transform .icon.top {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23FEFEFE" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-news .section-news-wrapper .news-item .image .main-button .arrow-transform .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23222222" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-news .section-news-wrapper .news-item .image .main-button .transform-text.top {
  color: #FEFEFE;
}
section.container-wrap.section-news .section-news-wrapper .news-item .image .main-button .transform-text.bottom {
  color: #222;
}
section.container-wrap.section-news .section-news-wrapper .news-item .news-info-box {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  font-size: 0.8vw;
  color: #616161;
  margin-top: 0.5vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-news .section-news-wrapper .news-item .news-info-box {
    font-size: 12px;
    margin-top: 6px;
    gap: 5px;
  }
}
section.container-wrap.section-news .main-button.adaptive {
  display: none;
}
@media (max-width: 600px) {
  section.container-wrap.section-news .main-button.adaptive {
    display: flex;
    width: 100%;
    margin-top: 32px;
  }
}
section.container-wrap.section-contacts .map-wrapper {
  position: relative;
}
section.container-wrap.section-contacts .map-wrapper .map {
  width: 100%;
  height: 42vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .map {
    height: 676px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-contacts .map-wrapper .map {
    height: 400px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info {
  position: absolute;
  top: 50%;
  left: 4.16vw;
  width: 21%;
  transform: translateY(-50%);
  border-radius: 2px;
  background: rgba(34, 34, 34, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 2.77vw;
  z-index: 401;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info {
    padding: 32px;
    width: 43%;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info {
    width: 100%;
    position: static;
    transform: translateY(0%);
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block {
  margin-bottom: 2.22vw;
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .secondary-text {
  color: #F6F7FA;
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block a.secondary-text {
  transition: 0.3s;
}
@media (any-hover: hover) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block a.secondary-text:hover {
    color: #ffffff;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .large-text {
  color: #F6F7FA;
  margin-bottom: 1.11vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .large-text {
    margin-bottom: 16px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .large-text {
    font-size: 5vw;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon {
  position: relative;
  display: block;
  padding-left: 1.94vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon {
    gap: 8px;
    padding-left: 28px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon::before {
  content: "";
  width: 1.38vw;
  height: 1.38vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -5%;
  left: 0;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon::before {
    width: 20px;
    height: 20px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.adress {
  margin-bottom: 0.83vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.adress {
    margin-bottom: 12px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.adress a {
  width: fit-content;
  display: block;
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.adress::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M16.6673 8.83366C16.6673 12.5156 10.0007 18.8337 10.0007 18.8337C10.0007 18.8337 3.33398 12.5156 3.33398 8.83366C3.33398 5.15176 6.31875 2.16699 10.0007 2.16699C13.6826 2.16699 16.6673 5.15176 16.6673 8.83366Z" stroke="%23F6F7FA"/><path d="M9.99935 9.66667C10.4596 9.66667 10.8327 9.29358 10.8327 8.83333C10.8327 8.3731 10.4596 8 9.99935 8C9.5391 8 9.16602 8.3731 9.16602 8.83333C9.16602 9.29358 9.5391 9.66667 9.99935 9.66667Z" fill="%23F6F7FA" stroke="%23F6F7FA" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.working-time {
  align-items: flex-start;
  margin-bottom: 0.83vw;
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.working-time p:not(:last-child) {
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.working-time p:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.working-time {
    margin-bottom: 12px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.working-time::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M12.5 3.83366V2.16699M12.5 3.83366V5.50033M12.5 3.83366H8.75M2.5 8.83366V16.3337C2.5 17.2542 3.24619 18.0003 4.16667 18.0003H15.8333C16.7538 18.0003 17.5 17.2542 17.5 16.3337V8.83366H2.5Z" stroke="%23F6F7FA" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 8.83301V5.49967C2.5 4.5792 3.24619 3.83301 4.16667 3.83301H5.83333" stroke="%23F6F7FA" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83398 2.16699V5.50033" stroke="%23F6F7FA" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.4993 8.83301V5.49967C17.4993 4.5792 16.7532 3.83301 15.8327 3.83301H15.416" stroke="%23F6F7FA" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.phones a {
  display: block;
  width: fit-content;
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.phones a:not(:last-child) {
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.phones a:not(:last-child) {
    margin-bottom: 8px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .contact-block .with-icon.phones::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M14.5598 12.6935L11.4406 13.3025C9.33371 12.237 8.03223 11.0131 7.27481 9.1052L7.85798 5.95331L6.75561 3H3.91458C3.06055 3 2.38803 3.71109 2.51558 4.56192C2.83401 6.68601 3.77289 10.5372 6.51739 13.3025C9.39953 16.2065 13.5506 17.4666 15.8352 17.9674C16.7174 18.1609 17.5 17.4674 17.5 16.5577V13.8224L14.5598 12.6935Z" stroke="%23F6F7FA" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper {
  display: flex;
  align-items: center;
  gap: 0.83vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper {
    gap: 12px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link {
  width: 2.22vw;
  height: 2.22vw;
  border-radius: 50%;
  border: 0.6px solid #EAEAEA;
  background: rgba(234, 234, 234, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link {
    width: 32px;
    height: 32px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link.facebook .icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M14.1667 1.66699H11.6667C10.5616 1.66699 9.50175 2.10598 8.72042 2.88738C7.93898 3.66878 7.5 4.72859 7.5 5.83366V8.33366H5V11.667H7.5V18.3337H10.8333V11.667H13.3333L14.1667 8.33366H10.8333V5.83366C10.8333 5.61264 10.9212 5.40068 11.0774 5.2444C11.2337 5.08813 11.4457 5.00033 11.6667 5.00033H14.1667V1.66699Z" stroke="%23EAEAEA" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link.instagram .icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.99935 13.3337C11.8403 13.3337 13.3327 11.8412 13.3327 10.0003C13.3327 8.15938 11.8403 6.66699 9.99935 6.66699C8.1584 6.66699 6.66602 8.15938 6.66602 10.0003C6.66602 11.8412 8.1584 13.3337 9.99935 13.3337Z" stroke="%23EAEAEA" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 13.3333V6.66667C2.5 4.36548 4.36548 2.5 6.66667 2.5H13.3333C15.6345 2.5 17.5 4.36548 17.5 6.66667V13.3333C17.5 15.6345 15.6345 17.5 13.3333 17.5H6.66667C4.36548 17.5 2.5 15.6345 2.5 13.3333Z" stroke="%23EAEAEA"/><path d="M14.584 5.42527L14.5923 5.41602" stroke="%23EAEAEA" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link.mail .icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5.83398 7.5L10.0007 10.4167L14.1673 7.5" stroke="%23EAEAEA" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.66602 14.167V5.83366C1.66602 4.91318 2.41221 4.16699 3.33268 4.16699H16.666C17.5865 4.16699 18.3327 4.91318 18.3327 5.83366V14.167C18.3327 15.0875 17.5865 15.8337 16.666 15.8337H3.33268C2.41221 15.8337 1.66602 15.0875 1.66602 14.167Z" stroke="%23EAEAEA"/></svg>');
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link .icon {
  width: 1.38vw;
  height: 1.38vw;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.6s;
}
@media (max-width: 1024px) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link .icon {
    width: 20px;
    height: 20px;
  }
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link .icon.top {
  transform: translateX(-50%) translateY(-50%);
}
section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link .icon.bottom {
  transform: translateX(-50%) translateY(100%);
}
@media (any-hover: hover) {
  section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link:hover {
    background: rgba(51, 51, 51, 0.2);
  }
  section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link:hover .icon.top {
    transform: translateX(-50%) translateY(-200%);
  }
  section.container-wrap.section-contacts .map-wrapper .contacts-info .socials-wrapper .social-link:hover .icon.bottom {
    transform: translateX(-50%) translateY(-50%);
  }
}

.post-date {
  text-align: center;
  margin-bottom: 1.111vw;
  font-size: 0.8vw;
  color: #616161;
}
@media (max-width: 1024px) {
  .post-date {
    font-size: 12px;
    margin-bottom: 12px;
  }
}

section.container-wrap.section-form form .inner-form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.77vw 2.22vw;
  margin-bottom: 1.66vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-form form .inner-form-wrapper {
    gap: 40px 32px;
    margin-bottom: 24px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-form form .inner-form-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
}
section.container-wrap.section-form form .inner-form-wrapper .form-item:nth-child(2) {
  position: relative;
  order: 2;
}
@media (max-width: 600px) {
  section.container-wrap.section-form form .inner-form-wrapper .form-item:nth-child(2) {
    order: inherit;
  }
}
section.container-wrap.section-form form .inner-form-wrapper .form-item.textarea {
  grid-row: span 2;
}
section.container-wrap.section-form form .inner-form-wrapper .form-item.textarea textarea {
  padding-top: 7.8vw;
  height: 10.89vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-form form .inner-form-wrapper .form-item.textarea textarea {
    height: 133px;
    padding-top: 100px;
  }
}
section.container-wrap.section-form form .inner-form-wrapper .form-item .number_phone_warning {
  position: absolute;
  bottom: -32%;
  width: 80%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  section.container-wrap.section-form form .inner-form-wrapper .form-item .number_phone_warning {
    width: 60%;
    bottom: -65%;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-form form .inner-form-wrapper .form-item .number_phone_warning {
    position: static;
    margin-top: 8px;
    height: 0;
  }
}
section.container-wrap.section-form form .inner-form-wrapper .form-item .number_phone_warning.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 600px) {
  section.container-wrap.section-form form .inner-form-wrapper .form-item .number_phone_warning.active {
    height: auto;
  }
}
@media (any-hover: hover) {
  section.container-wrap.section-form form .form-item:hover .transform-label .transform-text.top {
    transform: translateY(-100%);
  }
  section.container-wrap.section-form form .form-item:hover .transform-label .transform-text.bottom {
    transform: translateY(-90%);
  }
}
section.container-wrap.section-form form .form-item .transform-label {
  overflow: hidden;
  height: 1.66vw;
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-form form .form-item .transform-label {
    height: 24px;
    margin-bottom: 8px;
  }
}
section.container-wrap.section-form form .form-item .transform-label .transform-text {
  color: #222;
  width: 100%;
  transition: 0.6s ease;
}
section.container-wrap.section-form form .form-item .transform-label .transform-text.top {
  transform: translateY(12%);
}
section.container-wrap.section-form form .form-item .transform-label .transform-text.bottom {
  transform: translateY(90%);
}
section.container-wrap.section-form form .form-item input, section.container-wrap.section-form form .form-item textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #333;
  font-size: 2.08vw;
  font-style: normal;
  font-weight: 300;
  line-height: 115%;
  color: #222;
  font-family: "Helvetica Neue";
  padding-bottom: 0.27vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-form form .form-item input, section.container-wrap.section-form form .form-item textarea {
    padding-bottom: 4px;
    font-size: 20px;
  }
}
section.container-wrap.section-form form .form-item input:focus, section.container-wrap.section-form form .form-item textarea:focus {
  outline: none;
}
section.container-wrap.section-form form .form-item input::placeholder, section.container-wrap.section-form form .form-item textarea::placeholder {
  color: #EAEAEA;
  font-weight: 300;
  font-family: "Helvetica Neue";
}
section.container-wrap.section-form form .form-item textarea {
  resize: none;
  box-sizing: border-box;
}
section.container-wrap.section-form form button {
  padding: 0;
  margin: 0;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}
section.container-wrap.section-form form button:disabled {
  cursor: not-allowed;
  background-color: #efefef;
}
@media (any-hover: hover) {
  section.container-wrap.section-form form button:disabled:hover::after {
    transform: translateY(100%);
  }
  section.container-wrap.section-form form button:disabled:hover .transform-text.top {
    transform: translateY(56%);
  }
  section.container-wrap.section-form form button:disabled:hover .transform-text.bottom {
    transform: translateY(90%);
  }
  section.container-wrap.section-form form button:disabled:hover .arrow-transform .icon.top {
    transform: translateX(-50%) translateY(-50%);
  }
  section.container-wrap.section-form form button:disabled:hover .arrow-transform .icon.bottom {
    transform: translateX(-200%) translateY(-50%);
  }
}
section.container-wrap.section-form form .main-button {
  width: 30%;
  margin: 0 auto;
  margin-top: 1.66vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-form form .main-button {
    margin-top: 16px;
    width: 50%;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-form form .main-button {
    width: 100%;
  }
}
section.container-wrap.section-form form .g-recaptcha {
  display: flex;
  justify-content: center;
}

section.container-wrap.section-show-post {
  margin-top: 0;
}
section.container-wrap.section-show-post .image {
  position: relative;
  padding-bottom: 60%;
  margin-bottom: 5vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-show-post .image {
    margin-bottom: 32px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-show-post .image {
    margin-bottom: 24px;
  }
}
section.container-wrap.section-show-post .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.container-wrap.section-show-post .trix-content {
  transform: scale(1);
  color: #616161;
  font-size: 1.11vw;
  font-style: normal;
  line-height: 150%;
  font-weight: 400;
}
@media (max-width: 1024px) {
  section.container-wrap.section-show-post .trix-content {
    font-size: 1.77vw;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-show-post .trix-content {
    font-size: 4vw;
  }
}
section.container-wrap.section-show-post .trix-content p:not(:last-child) {
  margin-bottom: 1.11vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-show-post .trix-content p:not(:last-child) {
    margin-bottom: 16px;
  }
}

section.container-wrap.static-hero {
  min-height: 700px;
  width: 100%;
  position: relative;
  height: 100svh;
}
section.container-wrap.static-hero .image {
  height: 100%;
  width: 100%;
}
section.container-wrap.static-hero .image img, section.container-wrap.static-hero .image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.container-wrap.static-hero .title-box {
  position: absolute;
  top: 10vw;
  left: 4.16vw;
  z-index: 2;
}
@media (max-width: 1024px) {
  section.container-wrap.static-hero .title-box {
    top: 136px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.static-hero .title-box {
    top: 120px;
  }
}
section.container-wrap.static-hero .title-box .main-text {
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  section.container-wrap.static-hero .title-box .main-text {
    margin-bottom: 8px;
  }
}
section.container-wrap.static-hero .title-box .large-text, section.container-wrap.static-hero .title-box .main-text {
  color: #FFF;
}
section.container-wrap.section-image-text .image {
  max-width: 100%;
  height: 40.55vw;
  margin-bottom: 8.33vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-image-text .image {
    height: 696px;
    margin-bottom: 96px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-image-text .image {
    height: 460px;
    margin-bottom: 88px;
  }
}
section.container-wrap.section-image-text .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
section.container-wrap.section-image-text .image.index {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  section.container-wrap.section-image-text .image.index {
    height: auto;
    margin-top: 32px;
  }
}
section.container-wrap.section-image-text .image.index img {
  width: 50%;
  object-fit: contain;
}
@media (max-width: 800px) {
  section.container-wrap.section-image-text .image.index img {
    width: 100%;
  }
}
section.container-wrap.section-image-text .text-title {
  margin: 0 auto;
  width: fit-content;
}
@media (max-width: 1024px) {
  section.container-wrap.section-image-text .text-title {
    margin: 0 0;
    width: 100%;
  }
}
section.container-wrap.section-image-text .h2 {
  margin-bottom: 0;
  text-align: center;
  display: inline-block;
}
@media (max-width: 1024px) {
  section.container-wrap.section-image-text .h2 {
    font-size: 60px;
    margin-bottom: 16px;
    display: block;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-image-text .h2 {
    font-size: 10.5vw;
  }
}
section.container-wrap.section-image-text .h2:nth-child(1) {
  margin-right: 1vw;
  margin-left: auto;
}
@media (max-width: 1024px) {
  section.container-wrap.section-image-text .h2:nth-child(1) {
    margin-right: 0;
    text-align: left;
  }
}
@media (max-width: 1024px) {
  section.container-wrap.section-image-text .h2:nth-child(2) {
    text-align: end;
  }
}
section.container-wrap.section-image-text .info-text-wrapper {
  margin-top: 0;
}
@media (max-width: 1024px) {
  section.container-wrap.section-image-text .info-text-wrapper {
    width: 75%;
    margin-top: 24px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-image-text .info-text-wrapper {
    width: 100%;
    margin-top: 32px;
  }
}
section.container-wrap.section-image-text .info-text-wrapper .large-text:not(:last-child) {
  margin-bottom: 1.11vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-image-text .info-text-wrapper .large-text:not(:last-child) {
    margin-bottom: 16px;
  }
}
section.container-wrap.section-why-us .h3 {
  text-align: center;
  margin-bottom: 5vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-why-us .h3 {
    margin-bottom: 48px;
  }
}
section.container-wrap.section-why-us .why-us-wrapper {
  display: grid;
  gap: 2.77vw 2.22vw;
  grid-template-columns: repeat(2, 1fr);
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  section.container-wrap.section-why-us .why-us-wrapper {
    gap: 40px 24px;
    width: 100%;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-why-us .why-us-wrapper {
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
}
section.container-wrap.section-why-us .why-us-wrapper .why-us-item {
  display: flex;
  gap: 0.83vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-why-us .why-us-wrapper .why-us-item {
    gap: 12px;
  }
}
section.container-wrap.section-why-us .why-us-wrapper .why-us-item .h6 {
  margin-bottom: 1.8vw;
}
@media (max-width: 1024) {
  section.container-wrap.section-why-us .why-us-wrapper .why-us-item .h6 {
    margin-bottom: 15px;
  }
}
section.container-wrap.section-why-us .why-us-wrapper .why-us-item .icon {
  width: 3.33vw;
  height: 3.33vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  transform: translateY(-18%);
}
@media (max-width: 1024px) {
  section.container-wrap.section-why-us .why-us-wrapper .why-us-item .icon {
    width: 40px;
    height: 40px;
  }
}
section.container-wrap.section-why-us .why-us-wrapper .why-us-item:nth-child(1) .icon {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="%23333333"/><path d="M36 17.804V30.1959C36 30.4864 35.8426 30.754 35.5886 30.8952L24.3886 37.1174C24.147 37.2516 23.8531 37.2516 23.6115 37.1174L12.4115 30.8952C12.1575 30.754 12 30.4864 12 30.1959L12 17.804C12 17.5134 12.1575 17.2457 12.4115 17.1046L23.6115 10.8824C23.8531 10.7482 24.147 10.7482 24.3886 10.8824L35.5886 17.1046C35.8424 17.2457 36 17.5134 36 17.804Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.7051 17.7247L23.612 23.7841C23.8536 23.9183 24.1474 23.9183 24.389 23.7841L35.3338 17.7036" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V24" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-why-us .why-us-wrapper .why-us-item:nth-child(2) .icon {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="%23333333"/><path d="M26.666 23.997C26.666 20.6747 23.5767 17.3335 19.8089 17.3335C19.3626 17.3335 17.8914 17.3335 17.5232 17.3335C13.7361 17.3335 10.666 20.3169 10.666 23.997C10.666 27.1682 12.9457 29.822 15.9993 30.4954C16.4894 30.6035 16.9994 30.6604 17.5232 30.6604" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.334 23.997C21.334 27.3192 24.4233 30.6604 28.1912 30.6604C28.6375 30.6604 30.1087 30.6604 30.4768 30.6604C34.264 30.6604 37.334 27.6771 37.334 23.997C37.334 20.8258 35.0544 18.172 32.0007 17.4986C31.5105 17.3905 31.0005 17.3335 30.4768 17.3335" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-why-us .why-us-wrapper .why-us-item:nth-child(3) .icon {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="%23333333"/><path d="M9.33398 34.6667V33.3333C9.33398 28.1787 13.5127 24 18.6673 24C23.822 24 28.0006 28.1787 28.0006 33.3333V34.6667" stroke="%23333333" stroke-linecap="round"/><path d="M25.334 26.6667C25.334 22.9848 28.3188 20 32.0007 20C35.6825 20 38.6673 22.9848 38.6673 26.6667V27.3333" stroke="%23333333" stroke-linecap="round"/><path d="M18.6673 24.0002C21.6128 24.0002 24.0007 21.6123 24.0007 18.6668C24.0007 15.7213 21.6128 13.3335 18.6673 13.3335C15.7218 13.3335 13.334 15.7213 13.334 18.6668C13.334 21.6123 15.7218 24.0002 18.6673 24.0002Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 20C34.2092 20 36 18.2091 36 16C36 13.7909 34.2092 12 32 12C29.7908 12 28 13.7909 28 16C28 18.2091 29.7908 20 32 20Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-why-us .why-us-wrapper .why-us-item:nth-child(4) .icon {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="%23333333"/><path d="M13.334 31.9998V21.3332C13.334 19.8604 14.5279 18.6665 16.0007 18.6665H22.934H27.734H34.6673C36.1401 18.6665 37.334 19.8604 37.334 21.3332V31.9998C37.334 33.4726 36.1401 34.6665 34.6673 34.6665H27.734H22.934H16.0007C14.5279 34.6665 13.334 33.4726 13.334 31.9998Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.666 26.6795L32.679 26.665" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 26.6795L18.013 26.665" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.334 29.3335H12.0007C10.5279 29.3335 9.33398 28.1396 9.33398 26.6668V16.0002C9.33398 14.5274 10.5279 13.3335 12.0007 13.3335H30.6673C32.1401 13.3335 33.334 14.5274 33.334 16.0002V18.6668" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.3327 29.3333C23.8599 29.3333 22.666 28.1395 22.666 26.6667C22.666 25.1939 23.8599 24 25.3327 24C26.8055 24 27.9993 25.1939 27.9993 26.6667C27.9993 28.1395 26.8055 29.3333 25.3327 29.3333Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.container-wrap.section-benefits .benefits-bg {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 500px;
}
section.container-wrap.section-benefits .benefits-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1024px) {
  section.container-wrap.section-benefits .benefits-bg {
    height: 60vh;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-benefits .benefits-bg {
    height: 100svh;
  }
}
section.container-wrap.section-benefits .benefits-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.44vw 2.22vw;
  width: 55%;
}
@media (max-width: 1024px) {
  section.container-wrap.section-benefits .benefits-wrapper {
    gap: 64px 24px;
    width: 78%;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-benefits .benefits-wrapper {
    gap: 72px;
    grid-template-columns: repeat(1, 1fr);
  }
}
section.container-wrap.section-benefits .benefits-wrapper .benefit-item .large-text {
  color: #EAEAEA;
}
@media (max-width: 1024px) {
  section.container-wrap.section-benefits .benefits-wrapper .benefit-item .large-text {
    font-size: 2vw;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-benefits .benefits-wrapper .benefit-item .large-text {
    font-size: 4vw;
  }
}
section.container-wrap.section-benefits .benefits-wrapper .benefit-item .h2 {
  color: #FEFEFE;
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-benefits .benefits-wrapper .benefit-item .h2 {
    margin-bottom: 8px;
    font-size: 6.66vw;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-benefits .benefits-wrapper .benefit-item .h2 {
    font-size: 9vw;
  }
}
section.container-wrap.section-team .team-item {
  display: flex;
  gap: 2.22vw;
}
section.container-wrap.section-team .team-item:not(:last-child) {
  margin-bottom: 5vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-team .team-item:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-team .team-item:not(:last-child) {
    margin-bottom: 32px;
  }
}
@media (max-width: 1024px) {
  section.container-wrap.section-team .team-item.reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1024px) {
  section.container-wrap.section-team .team-item {
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-team .team-item {
    gap: 24px;
  }
}
section.container-wrap.section-team .team-item .image {
  width: calc(58% - 1.11vw);
}
@media (max-width: 1024px) {
  section.container-wrap.section-team .team-item .image {
    width: 100%;
  }
}
section.container-wrap.section-team .team-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
section.container-wrap.section-team .team-item .info-block {
  width: calc(42% - 1.11vw);
}
@media (max-width: 1024px) {
  section.container-wrap.section-team .team-item .info-block {
    width: 100%;
  }
}
section.container-wrap.section-team .team-item .info-block .h5 {
  padding-bottom: 1.66vw;
  margin-bottom: 1.66vw;
  border-bottom: 0.6px solid #BCBDBE;
}
@media (max-width: 1024px) {
  section.container-wrap.section-team .team-item .info-block .h5 {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
section.container-wrap.section-team .team-item .info-block .main-text:not(:last-child) {
  margin-bottom: 1.11vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-team .team-item .info-block .main-text:not(:last-child) {
    margin-bottom: 16px;
  }
}
section.container-wrap.section-sponsorship .top-section-title .h3 {
  text-align: center;
}
section.container-wrap.section-sponsorship .sponsorship-text-wrapper {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 2.22vw;
}
@media (max-width: 1024px) {
  section.container-wrap.section-sponsorship .sponsorship-text-wrapper {
    margin-bottom: 60px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-sponsorship .sponsorship-text-wrapper {
    margin-bottom: 32px;
    flex-direction: column;
    gap: 16px;
  }
}
section.container-wrap.section-sponsorship .sponsorship-text-wrapper .main-text {
  max-width: 31.5%;
}
@media (max-width: 1024px) {
  section.container-wrap.section-sponsorship .sponsorship-text-wrapper .main-text {
    max-width: 45%;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-sponsorship .sponsorship-text-wrapper .main-text {
    max-width: 100%;
  }
}
section.container-wrap.section-sponsorship .sponsorship-image-wrapper {
  display: flex;
  gap: 2.22vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  section.container-wrap.section-sponsorship .sponsorship-image-wrapper {
    gap: 24px;
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-sponsorship .sponsorship-image-wrapper {
    flex-direction: column;
    gap: 16px;
  }
}
section.container-wrap.section-sponsorship .sponsorship-image-wrapper .image {
  width: calc(50% - 1.11vw);
}
@media (max-width: 1024px) {
  section.container-wrap.section-sponsorship .sponsorship-image-wrapper .image {
    width: calc(50% - 12px);
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-sponsorship .sponsorship-image-wrapper .image {
    width: 100%;
  }
}
section.container-wrap.section-sponsorship .sponsorship-image-wrapper .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
section.container-wrap.section-sponsorship .sponsorship-image-wrapper .emblem {
  display: block;
  width: 20.83vw;
  height: 20.83vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-55%);
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  section.container-wrap.section-sponsorship .sponsorship-image-wrapper .emblem {
    width: 172px;
    height: 172px;
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (max-width: 600px) {
  section.container-wrap.section-sponsorship .sponsorship-image-wrapper .emblem {
    width: 128px;
    height: 128px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
section.container-wrap.section-sponsorship .sponsorship-image-wrapper .emblem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}
@media (any-hover: hover) {
  section.container-wrap.section-sponsorship .sponsorship-image-wrapper .emblem:hover img {
    transform: scale(1.1);
  }
}

.page-projects section.container-wrap.hero .title-box .large-text {
  max-width: 35%;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.hero .title-box .large-text {
    max-width: 60%;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.hero .title-box .large-text {
    max-width: 95%;
  }
}
.page-projects section.container-wrap.hero .title-box .green-text {
  color: #FEFEFE;
  font-size: 1.111vw;
  font-weight: 400;
  line-height: normal;
  padding: 0.556vw;
  background: #078E0A;
  width: fit-content;
  margin-bottom: 1.556vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.hero .title-box .green-text {
    font-size: 16px;
    padding: 8px;
    margin-bottom: 16px;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.hero .title-box .green-text {
    font-size: 14px;
  }
}
.page-projects section.container-wrap.hero .title-box .hero-address {
  display: flex;
  gap: 0.556vw;
  width: 100%;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.hero .title-box .hero-address {
    gap: 8px;
  }
}
.page-projects section.container-wrap.hero .title-box .hero-address .icon {
  width: 1.389vw;
  height: 1.389vw;
  background-image: url(/assets/location-219045c4143dc2f01f2b3d19ba3f2ec524aafd652c1d46d7863ea7b4d224a7be.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.hero .title-box .hero-address .icon {
    width: 20px;
    height: 20px;
  }
}
.page-projects section.container-wrap.hero .title-box .hero-address p {
  width: calc(100% - 1.389vw - 0.556vw);
  max-width: 100%;
  line-height: 140%;
}
.page-projects section.container-wrap.hero .hero-button {
  pointer-events: all;
}
.page-projects section.container-wrap.hero .hero-button .large-text {
  text-align: center;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.hero .hero-button .large-text {
    font-size: 2.22vw;
  }
}
@media (max-width: 800px) {
  .page-projects section.container-wrap.hero .hero-button .large-text {
    font-size: 2.6vw;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.hero .hero-button .large-text {
    font-size: 4vw;
  }
}
.page-projects section.container-wrap.hero .main-subslider {
  height: 100%;
}
.page-projects section.container-wrap.hero .main-subslider .swiper-slide {
  height: auto;
}
.page-projects section.container-wrap.hero .main-subslider .swiper-slide .image {
  width: 100%;
  height: 100%;
}
.page-projects section.container-wrap.hero .main-subslider .swiper-slide .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-projects section.container-wrap.hero .project-main-info {
  position: absolute;
  bottom: 2.77vw;
  left: 4.16vw;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4.44vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.hero .project-main-info {
    bottom: 40px;
    gap: 4vw;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.hero .project-main-info {
    bottom: 20px;
    width: 90%;
    height: 50px;
  }
}
.page-projects section.container-wrap.hero .project-main-info .secondary-text {
  color: #EAEAEA;
  margin-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.hero .project-main-info .secondary-text {
    font-size: 1.7vw;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.hero .project-main-info .secondary-text {
    font-size: 14px;
  }
}
.page-projects section.container-wrap.hero .project-main-info .large-text {
  color: #FEFEFE;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.hero .project-main-info .large-text {
    font-size: 2vw;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.hero .project-main-info .large-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .page-projects section.container-wrap.hero .project-main-info .project-main-info-item {
    opacity: 0; /* Спочатку приховано */
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 1s ease;
  }
  .page-projects section.container-wrap.hero .project-main-info .project-main-info-item.show {
    opacity: 1;
  }
}
.page-projects section.container-wrap.description .big-tabs-container {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  position: relative;
  margin-bottom: 5vw;
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.description .big-tabs-container {
    margin-bottom: 24px;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}
.page-projects section.container-wrap.description .big-tabs-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #EAEAEA;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.description .big-tabs-container::before {
    width: 1px;
    height: 100%;
  }
}
.page-projects section.container-wrap.description .big-tabs-container.roksolana-tabs {
  justify-content: center;
  gap: 5.556vw;
}
.page-projects section.container-wrap.description .big-tabs-container .tab {
  padding-bottom: 1.11vw;
  cursor: pointer;
  transition: 0.6s;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  height: 3.95vw;
  width: fit-content;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.description .big-tabs-container .tab {
    height: 36px;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.description .big-tabs-container .tab {
    border-bottom: none;
    border-left: 1px solid transparent;
    padding-bottom: 0;
    padding-left: 17px;
  }
}
.page-projects section.container-wrap.description .big-tabs-container .tab.active {
  border-bottom: 1px solid #333;
}
.page-projects section.container-wrap.description .big-tabs-container .tab.active .transform-text.top, .page-projects section.container-wrap.description .big-tabs-container .tab.active .transform-text.bottom {
  color: #333;
  transform: translateY(-100%);
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.description .big-tabs-container .tab.active .transform-text.top, .page-projects section.container-wrap.description .big-tabs-container .tab.active .transform-text.bottom {
    transform: translateY(-89%);
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.description .big-tabs-container .tab.active {
    border-bottom: none;
    border-left: 1px solid #333;
  }
}
.page-projects section.container-wrap.description .big-tabs-container .tab .transform-text {
  width: 100%;
  transition: 0.6s ease;
}
.page-projects section.container-wrap.description .big-tabs-container .tab .transform-text.top, .page-projects section.container-wrap.description .big-tabs-container .tab .transform-text.bottom {
  transform: translateY(0%);
  color: #BCBDBE;
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.description .big-tabs-container .tab .transform-text.top, .page-projects section.container-wrap.description .big-tabs-container .tab .transform-text.bottom {
    transform: translateY(8%);
  }
}
@media (any-hover: hover) {
  .page-projects section.container-wrap.description .big-tabs-container .tab:hover .transform-text.top, .page-projects section.container-wrap.description .big-tabs-container .tab:hover .transform-text.bottom {
    transform: translateY(-100%);
  }
}
.page-projects section.container-wrap.description .tabs-content {
  display: none;
}
.page-projects section.container-wrap.description .tabs-content .large-text {
  color: #616161;
}
.page-projects section.container-wrap.description .tabs-content .large-text:not(:last-child) {
  margin-bottom: 1.11vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.description .tabs-content .large-text:not(:last-child) {
    margin-bottom: 16px;
  }
}
.page-projects section.container-wrap.description .tabs-content.active {
  display: block;
}
.page-projects section.container-wrap.description .tabs-content.episode-desc {
  height: 21.54vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.description .tabs-content.episode-desc {
    height: auto;
  }
}
.page-projects section.container-wrap.description .tabs-content.roksolana-desc {
  height: 14.65vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.description .tabs-content.roksolana-desc {
    height: auto;
  }
}
.page-projects section.container-wrap.section-gallery .top-section-title {
  display: flex;
  gap: 24px;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.section-gallery .top-section-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-projects section.container-wrap.section-gallery .small-tabs-wrapper {
  display: flex;
  align-items: center;
  gap: 3.33vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-gallery .small-tabs-wrapper {
    gap: 24px;
  }
}
.page-projects section.container-wrap.section-gallery .small-tabs-wrapper .small-tab {
  overflow: hidden;
  height: 2.5vw;
  width: fit-content;
  cursor: pointer;
  position: relative;
  padding-bottom: 0.55vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-gallery .small-tabs-wrapper .small-tab {
    height: 28px;
    padding-bottom: 8px;
  }
}
.page-projects section.container-wrap.section-gallery .small-tabs-wrapper .small-tab::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #BCBDBE;
  transition: 0.6s;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-projects section.container-wrap.section-gallery .small-tabs-wrapper .small-tab.active::after {
  width: 100%;
  background-color: #333;
}
.page-projects section.container-wrap.section-gallery .small-tabs-wrapper .small-tab.active .transform-text {
  color: #333;
  transform: translateY(-100%);
}
.page-projects section.container-wrap.section-gallery .small-tabs-wrapper .small-tab .transform-text {
  width: 100%;
  transition: 0.6s ease;
  transform: translateY(0%);
  color: #BCBDBE;
}
@media (any-hover: hover) {
  .page-projects section.container-wrap.section-gallery .small-tabs-wrapper .small-tab:hover::after {
    width: 100%;
  }
  .page-projects section.container-wrap.section-gallery .small-tabs-wrapper .small-tab:hover .transform-text {
    transform: translateY(-100%);
  }
}
.page-projects section.container-wrap.section-gallery .gallery-content {
  display: none;
}
.page-projects section.container-wrap.section-gallery .gallery-content.active {
  display: block;
}
.page-projects section.container-wrap.section-gallery .gallery-slider {
  width: 100%;
}
.page-projects section.container-wrap.section-gallery .gallery-slider .swiper-wrapper {
  margin-bottom: 1.66vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-gallery .gallery-slider .swiper-wrapper {
    margin-bottom: 24px;
  }
}
.page-projects section.container-wrap.section-gallery .gallery-slider .swiper-slide {
  height: auto;
}
.page-projects section.container-wrap.section-gallery .gallery-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 14/10;
  border-radius: 2px;
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.section-gallery .gallery-slider .swiper-slide img {
    aspect-ratio: 12/8;
  }
}
.page-projects section.container-wrap.section-gallery .gallery-slider .nav-block {
  display: flex;
  align-items: center;
  gap: 1.11vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-gallery .gallery-slider .nav-block {
    gap: 16px;
  }
}
.page-projects section.container-wrap.section-gallery .gallery-slider .swiper-pagination-progressbar {
  height: 1px;
  background: #EAEAEA;
  width: 100%;
  position: relative;
}
.page-projects section.container-wrap.section-gallery .gallery-slider .swiper-pagination-progressbar-fill {
  background: #333;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: left;
}
.page-projects section.container-wrap.section-gallery .gallery-slider .slider-button {
  flex-shrink: 0;
  width: 3.88vw;
  height: 3.88vw;
  position: relative;
  overflow: hidden;
  transition: 0.6s;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-gallery .gallery-slider .slider-button {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.section-gallery .gallery-slider .slider-button .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-gallery .gallery-slider .slider-button .icon {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.section-gallery .gallery-slider .slider-button.slider-button-prev .icon.top {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M49 27.9992L7 27.9992M7 27.9992L26.8333 47.8325M7 27.9992L26.8333 8.16585" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-50%) translateY(-50%);
}
.page-projects section.container-wrap.section-gallery .gallery-slider .slider-button.slider-button-prev .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M49 27.9992L7 27.9992M7 27.9992L26.8333 47.8325M7 27.9992L26.8333 8.16585" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(50%) translateY(-50%);
}
.page-projects section.container-wrap.section-gallery .gallery-slider .slider-button.slider-button-next .icon.top {
  transform: translateX(-50%) translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.section-gallery .gallery-slider .slider-button.slider-button-next .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-150%) translateY(-50%);
}
@media (any-hover: hover) {
  .page-projects section.container-wrap.section-gallery .gallery-slider .slider-button:hover.slider-button-prev .icon.top {
    transform: translateY(-50%) translateX(-150%);
  }
  .page-projects section.container-wrap.section-gallery .gallery-slider .slider-button:hover.slider-button-prev .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
  .page-projects section.container-wrap.section-gallery .gallery-slider .slider-button:hover.slider-button-next .icon.top {
    transform: translateY(-50%) translateX(50%);
  }
  .page-projects section.container-wrap.section-gallery .gallery-slider .slider-button:hover.slider-button-next .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
}
.page-projects section.container-wrap.section-map .map {
  width: 100%;
  height: 45vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-map .map {
    height: 676px;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.section-map .map {
    height: 660px;
  }
}
.page-projects section.container-wrap.section-details .details-container {
  max-width: 60%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container {
    max-width: 91.11%;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item {
  margin-bottom: 5vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item {
    margin-bottom: 72px;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.section-details .details-container .details-item {
    margin-bottom: 64px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .title {
  padding-bottom: 0.9vw;
  border-bottom: 1px solid #333;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .title {
    padding-bottom: 12px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .title .transform-text-wrapper {
  transition: 0.6s;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  height: 3.95vw;
  width: fit-content;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .title .transform-text-wrapper {
    height: 36px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .title .transform-text-wrapper .transform-text {
  width: 100%;
  transition: 0.6s ease;
  transform: translateY(0%);
}
@media (max-width: 408px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .title .transform-text-wrapper.high-small {
    height: 72px;
  }
}
@media (max-width: 563px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .title .transform-text-wrapper.high-big {
    height: 72px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .title .arrow-transform {
  flex-shrink: 0;
  width: 3.88vw;
  height: 3.88vw;
  position: relative;
  overflow: hidden;
  transition: 0.6s;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .title .arrow-transform {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .title .arrow-transform .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .title .arrow-transform .icon {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .title .arrow-transform .icon.top {
  transform: translateX(-50%) translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.section-details .details-container .details-item .title .arrow-transform .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-150%) translateY(-50%);
}
@media (any-hover: hover) {
  .page-projects section.container-wrap.section-details .details-container .details-item .title:hover .transform-text-wrapper .transform-text {
    transform: translateY(-100%);
  }
  .page-projects section.container-wrap.section-details .details-container .details-item .title:hover .arrow-transform .icon.top {
    transform: translateY(-50%) translateX(50%);
  }
  .page-projects section.container-wrap.section-details .details-container .details-item .title:hover .arrow-transform .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content {
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-wrapper {
  padding-top: 3.88vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.77vw 2.22vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-wrapper {
    gap: 40px 24px;
    padding-top: 48px;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-wrapper {
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item {
  display: flex;
  gap: 0.83vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item {
    gap: 12px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .icon {
  width: 3.33vw;
  height: 3.33vw;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
  transform: translateY(-17%);
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .icon.savety {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="%23333333"/><path d="M26.6667 23.9998H27.2C27.6419 23.9998 28 24.358 28 24.7998V28.5332C28 28.975 27.6419 29.3332 27.2 29.3332H20.8C20.3582 29.3332 20 28.975 20 28.5332V24.7998C20 24.358 20.3582 23.9998 20.8 23.9998H21.3333M26.6667 23.9998V21.3332C26.6667 20.4443 26.1333 18.6665 24 18.6665C21.8667 18.6665 21.3333 20.4443 21.3333 21.3332V23.9998M26.6667 23.9998H21.3333" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.666 18.6665L23.6416 12.1787C23.8668 12.0661 24.1319 12.0661 24.3571 12.1787L37.3327 18.6665" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.6673 22.6665V33.3332C34.6673 34.806 33.4734 35.9998 32.0006 35.9998H16.0007C14.5279 35.9998 13.334 34.806 13.334 33.3332V22.6665" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .icon.parking {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="%23333333"/><path d="M18.666 21.3335H29.3327" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.334 26.6665H18.6673" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.334 26.6665H30.6673" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 32.0002V23.2142C12 22.8531 12.0734 22.4956 12.2156 22.1638L15.3073 14.9497C15.7275 13.9692 16.6917 13.3335 17.7584 13.3335H30.2416C31.3084 13.3335 32.2724 13.9692 32.6927 14.9497L35.7844 22.1638C35.9267 22.4956 36 22.8531 36 23.2142V32.0002M12 32.0002V35.2002C12 35.642 12.3582 36.0002 12.8 36.0002H16.5333C16.9752 36.0002 17.3333 35.642 17.3333 35.2002V32.0002M12 32.0002H17.3333M36 32.0002V35.2002C36 35.642 35.6419 36.0002 35.2 36.0002H31.4667C31.0248 36.0002 30.6667 35.642 30.6667 35.2002V32.0002M36 32.0002H30.6667M17.3333 32.0002H30.6667" stroke="%23333333"/></svg>');
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .icon.investment {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="%23333333"/><path d="M13.334 31.9998V21.3332C13.334 19.8604 14.5279 18.6665 16.0007 18.6665H22.934H27.734H34.6673C36.1401 18.6665 37.334 19.8604 37.334 21.3332V31.9998C37.334 33.4726 36.1401 34.6665 34.6673 34.6665H27.734H22.934H16.0007C14.5279 34.6665 13.334 33.4726 13.334 31.9998Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.666 26.6795L32.679 26.665" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 26.6795L18.013 26.665" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.334 29.3335H12.0007C10.5279 29.3335 9.33398 28.1396 9.33398 26.6668V16.0002C9.33398 14.5274 10.5279 13.3335 12.0007 13.3335H30.6673C32.1401 13.3335 33.334 14.5274 33.334 16.0002V18.6668" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.3327 29.3333C23.8599 29.3333 22.666 28.1395 22.666 26.6667C22.666 25.1939 23.8599 24 25.3327 24C26.8055 24 27.9993 25.1939 27.9993 26.6667C27.9993 28.1395 26.8055 29.3333 25.3327 29.3333Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .icon.comfort {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="%23333333"/><path d="M26.6667 17.3333C28.1395 17.3333 29.3333 16.1394 29.3333 14.6667C29.3333 13.1939 28.1395 12 26.6667 12C25.1939 12 24 13.1939 24 14.6667C24 16.1394 25.1939 17.3333 26.6667 17.3333Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 36C34.2092 36 36 34.2092 36 32C36 29.7908 34.2092 28 32 28C29.7908 28 28 29.7908 28 32C28 34.2092 29.7908 36 32 36Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 36C18.2091 36 20 34.2092 20 32C20 29.7908 18.2091 28 16 28C13.7909 28 12 29.7908 12 32C12 34.2092 13.7909 36 16 36Z" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.334 32.0001L25.334 26.6667L18.8242 24.0001L22.8245 19.3335L26.8245 22.6669H31.4912" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .icon {
    width: 40px;
    height: 40px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .text .h6 {
  margin-bottom: 1.38vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .text .h6 {
    margin-bottom: 16px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .text .main-text:not(:last-child) {
  margin-bottom: 0.83vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.advantages .advantages-item .text .main-text:not(:last-child) {
    margin-bottom: 8px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.materials .materials-wrapper {
  padding-top: 3.88vw;
  display: flex;
  flex-direction: column;
  gap: 1.38vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.materials .materials-wrapper {
    gap: 16px;
    padding-top: 48px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.materials .materials-wrapper .materials-row {
  display: flex;
  align-items: flex-start;
  gap: 0.55vw;
  padding-bottom: 0.55vw;
  border-bottom: 1px solid #EAEAEA;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.materials .materials-wrapper .materials-row {
    padding-bottom: 8px;
    gap: 12px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.materials .materials-wrapper .materials-row .main-text {
  color: #333;
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.materials .materials-wrapper .materials-row .main-text.row-name {
  flex-shrink: 0;
  color: #616161;
  width: 23.68%;
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.materials .materials-wrapper .materials-row .main-text.row-name {
    width: 48%;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.cost .cost-wrapper {
  padding-top: 3.88vw;
  display: flex;
  flex-direction: column;
  gap: 1.38vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.cost .cost-wrapper {
    gap: 16px;
    padding-top: 48px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.cost .cost-wrapper .cost-row {
  padding-bottom: 0.55vw;
  border-bottom: 1px solid #EAEAEA;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-item .content.cost .cost-wrapper .cost-row {
    padding-bottom: 8px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-item .content.cost .cost-wrapper .cost-row .main-text {
  color: #333;
}
.page-projects section.container-wrap.section-details .details-container .details-item.active .title .transform-text-wrapper .transform-text {
  transform: translateY(-100%);
}
.page-projects section.container-wrap.section-details .details-container .details-item.active .title .arrow-transform .icon.top {
  transform: translateY(-50%) translateX(50%) rotate(90deg);
}
.page-projects section.container-wrap.section-details .details-container .details-item.active .title .arrow-transform .icon.bottom {
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.page-projects section.container-wrap.section-details .details-container .details-link.mb {
  margin-bottom: 5vw;
  display: block;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-link.mb {
    margin-bottom: 72px;
  }
}
@media (max-width: 600px) {
  .page-projects section.container-wrap.section-details .details-container .details-link.mb {
    margin-bottom: 64px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-link .title {
  padding-bottom: 0.9vw;
  border-bottom: 1px solid #333;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-link .title {
    padding-bottom: 12px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .transform-text-wrapper {
  transition: 0.6s;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  height: 3.95vw;
  width: fit-content;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-link .title .transform-text-wrapper {
    height: 36px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .transform-text-wrapper .transform-text {
  width: 100%;
  transition: 0.6s ease;
  transform: translateY(0%);
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .transform-small-text-wrapper {
  transition: 0.6s;
  overflow: hidden;
  height: 2.36vw;
  width: fit-content;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-link .title .transform-small-text-wrapper {
    height: 24px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .transform-small-text-wrapper .transform-text {
  width: 100%;
  transition: 0.6s ease;
  transform: translateY(0%);
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-link .title .transform-small-text-wrapper .transform-text {
    transform: translateY(-6%);
  }
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .arrow-transform {
  flex-shrink: 0;
  width: 3.88vw;
  height: 3.88vw;
  position: relative;
  overflow: hidden;
  transition: 0.6s;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-link .title .arrow-transform {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .arrow-transform .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-link .title .arrow-transform .icon {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .arrow-transform .icon.top {
  transform: translateX(-50%) translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .arrow-transform .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-150%) translateY(-50%);
}
@media (any-hover: hover) {
  .page-projects section.container-wrap.section-details .details-container .details-link .title:hover .transform-text-wrapper .transform-text,
  .page-projects section.container-wrap.section-details .details-container .details-link .title:hover .transform-small-text-wrapper .transform-text {
    transform: translateY(-100%);
  }
  .page-projects section.container-wrap.section-details .details-container .details-link .title:hover .arrow-transform .icon.top {
    transform: translateY(-50%) translateX(50%);
  }
  .page-projects section.container-wrap.section-details .details-container .details-link .title:hover .arrow-transform .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
}
.page-projects section.container-wrap.section-details .details-container .details-link .title .div {
  display: flex;
  align-items: center;
  gap: 0.83vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-details .details-container .details-link .title .div {
    gap: 8px;
  }
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.planning .top-section-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-projects section.container-wrap.planning .gallery-content {
  width: 60%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.planning .gallery-content {
    width: 100%;
  }
}
.page-projects section.container-wrap.planning .queue-slider {
  width: 100%;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.planning .queue-slider .swiper-wrapper {
    margin-bottom: 24px;
  }
}
.page-projects section.container-wrap.planning .queue-slider .swiper-slide {
  height: auto;
}
.page-projects section.container-wrap.planning .queue-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 14/10;
  border-radius: 2px;
}
.page-projects section.container-wrap.planning .nav-block {
  align-items: center;
  gap: 1.11vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.planning .nav-block {
    gap: 16px;
    display: flex;
  }
}
.page-projects section.container-wrap.planning .swiper-pagination-progressbar {
  height: 1px;
  background: #EAEAEA;
  width: 100%;
  position: relative;
  display: none;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.planning .swiper-pagination-progressbar {
    display: block;
  }
}
.page-projects section.container-wrap.planning .swiper-pagination-progressbar-fill {
  background: #333;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: left;
}
.page-projects section.container-wrap.planning .slider-button {
  flex-shrink: 0;
  width: 3.88vw;
  height: 3.88vw;
  position: relative;
  overflow: hidden;
  transition: 0.6s;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.planning .slider-button {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.planning .slider-button .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.planning .slider-button .icon {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.planning .slider-button.slider-button-prev .icon.top {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M49 27.9992L7 27.9992M7 27.9992L26.8333 47.8325M7 27.9992L26.8333 8.16585" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-50%) translateY(-50%);
}
.page-projects section.container-wrap.planning .slider-button.slider-button-prev .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M49 27.9992L7 27.9992M7 27.9992L26.8333 47.8325M7 27.9992L26.8333 8.16585" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(50%) translateY(-50%);
}
.page-projects section.container-wrap.planning .slider-button.slider-button-next .icon.top {
  transform: translateX(-50%) translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.planning .slider-button.slider-button-next .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-150%) translateY(-50%);
}
@media (any-hover: hover) {
  .page-projects section.container-wrap.planning .slider-button:hover.slider-button-prev .icon.top {
    transform: translateY(-50%) translateX(-150%);
  }
  .page-projects section.container-wrap.planning .slider-button:hover.slider-button-prev .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
  .page-projects section.container-wrap.planning .slider-button:hover.slider-button-next .icon.top {
    transform: translateY(-50%) translateX(50%);
  }
  .page-projects section.container-wrap.planning .slider-button:hover.slider-button-next .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
}
@media (min-width: 1025px) {
  .page-projects section.container-wrap.planning .slider-button {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
  }
  .page-projects section.container-wrap.planning .slider-button.slider-button-prev {
    left: -12%;
  }
  .page-projects section.container-wrap.planning .slider-button.slider-button-next {
    right: -12%;
  }
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider {
  width: 100%;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-wrapper {
  margin-bottom: 1.66vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-wrapper {
    margin-bottom: 24px;
  }
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide {
  height: auto;
  flex-direction: column;
  align-items: flex-start;
  pointer-events: all;
  gap: 1.11vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide {
    gap: 16px;
  }
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/10;
  border-radius: 2px;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide a {
  display: block;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .work-img-link {
  width: 100%;
  height: 100%;
  position: relative;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .work-img-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: rgba(34, 34, 34, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  transition: 0.6s;
  z-index: 1;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .work-img-link .main-button {
  border: 0.6px solid #FEFEFE;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: 0.6s;
  opacity: 0;
  width: 51.92%;
  cursor: pointer;
  z-index: 2;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .work-img-link .main-button::after {
  background-color: #FEFEFE;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .work-img-link .main-button .arrow-transform .icon.top {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23FEFEFE" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .work-img-link .main-button .arrow-transform .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23222222" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .work-img-link .main-button .transform-text.top {
  color: #FEFEFE;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .work-img-link .main-button .transform-text.bottom {
  color: #222;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .inner-img-link {
  display: none;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .date {
  display: flex;
  align-items: center;
  gap: 0.83vw;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide .date .secondary-text {
  font-weight: 300;
  color: #616161;
  transform: translateY(10%);
}
@media (any-hover: hover) {
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide:hover .work-img-link::before {
    opacity: 1;
  }
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-slide:hover .work-img-link .main-button {
    opacity: 1;
  }
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .nav-block {
  display: flex;
  align-items: center;
  gap: 1.11vw;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .nav-block {
    gap: 16px;
  }
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-pagination-progressbar {
  height: 1px;
  background: #EAEAEA;
  width: 100%;
  position: relative;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .swiper-pagination-progressbar-fill {
  background: #333;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: left;
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button {
  flex-shrink: 0;
  width: 3.88vw;
  height: 3.88vw;
  position: relative;
  overflow: hidden;
  transition: 0.6s;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button .icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button .icon {
    width: 32px;
    height: 32px;
  }
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button.slider-button-prev .icon.top {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M49 27.9992L7 27.9992M7 27.9992L26.8333 47.8325M7 27.9992L26.8333 8.16585" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-50%) translateY(-50%);
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button.slider-button-prev .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M49 27.9992L7 27.9992M7 27.9992L26.8333 47.8325M7 27.9992L26.8333 8.16585" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(50%) translateY(-50%);
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button.slider-button-next .icon.top {
  transform: translateX(-50%) translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button.slider-button-next .icon.bottom {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><path d="M7 27.9998L49 27.9998M49 27.9998L29.1667 8.1665M49 27.9998L29.1667 47.8332" stroke="%23333333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(-150%) translateY(-50%);
}
@media (any-hover: hover) {
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button:hover.slider-button-prev .icon.top {
    transform: translateY(-50%) translateX(-150%);
  }
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button:hover.slider-button-prev .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button:hover.slider-button-next .icon.top {
    transform: translateY(-50%) translateX(50%);
  }
  .page-projects section.container-wrap.section-work-progress .work-progress-slider .slider-button:hover.slider-button-next .icon.bottom {
    transform: translateY(-50%) translateX(-50%);
  }
}
.page-projects .navbar {
  position: fixed;
  bottom: 2.22vw;
  left: 50%;
  z-index: 1000;
  width: fit-content;
  transform: translateX(-50%) translateY(150%);
  visibility: hidden;
  transition: visibility 0.6s, transform 0.6s ease;
}
.page-projects .navbar.show {
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 1024px) {
  .page-projects .navbar {
    bottom: 20px;
    width: 100%;
  }
}
.page-projects .navbar .inner-navbar-wrapper {
  display: flex;
  align-items: center;
  gap: 0.55vw;
  justify-content: center;
}
@media (max-width: 1024px) {
  .page-projects .navbar .inner-navbar-wrapper {
    gap: 12px;
  }
}
.page-projects .navbar .page-links {
  flex-shrink: 0;
  border-radius: 100px;
  background: rgba(34, 34, 34, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  gap: 2.22vw;
  padding: 0 2.22vw;
}
@media (max-width: 1024px) {
  .page-projects .navbar .page-links {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    flex-direction: column;
    border-radius: 0;
    padding-bottom: 78px;
    padding-top: 8px;
    gap: 0;
    transition: transform 0.6s;
    transform: translateY(180%);
  }
  .page-projects .navbar .page-links::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #FEFEFE;
    position: absolute;
    left: 0;
    bottom: 80px;
  }
}
@media (max-width: 600px) {
  .page-projects .navbar .page-links {
    padding-top: 12px;
    padding-bottom: 82px;
  }
}
.page-projects .navbar .page-links .main-text {
  display: block;
  color: #FEFEFE;
  padding: 0.55vw 0;
  position: relative;
}
@media (max-width: 1024px) {
  .page-projects .navbar .page-links .main-text {
    padding: 12px 0;
  }
}
@media (max-width: 600px) {
  .page-projects .navbar .page-links .main-text {
    padding: 8px 0;
  }
}
.page-projects .navbar .page-links .main-text::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #FEFEFE;
  position: absolute;
  bottom: 20%;
  left: 0;
  transition: width 0.3s;
}
.page-projects .navbar .page-links .main-text.active::after {
  width: 100%;
}
@media (any-hover: hover) {
  .page-projects .navbar .page-links .main-text:hover::after {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .page-projects .navbar .page-links.open {
    transform: translateY(0%);
  }
}
.page-projects .navbar .main-button {
  flex-shrink: 0;
  padding: 0 2vw;
  border: 0.6px solid transparent;
  background: rgba(34, 34, 34, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
@media (max-width: 1024px) {
  .page-projects .navbar .main-button {
    width: 216px;
  }
}
@media (max-width: 600px) {
  .page-projects .navbar .main-button {
    width: 205px;
  }
}
.page-projects .navbar .main-button::after {
  display: none;
}
.page-projects .navbar .main-button .arrow-transform .icon.top {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23FEFEFE" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects .navbar .main-button .transform-text.top {
  color: #FEFEFE;
}
.page-projects .navbar .main-button.light {
  background: #FEFEFE;
}
.page-projects .navbar .main-button.light .arrow-transform {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 12H21M21 12L12.5 3.5M21 12L12.5 20.5" stroke="%23222222" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.page-projects .navbar .main-button.light .transform-text.top {
  color: #222;
}
.page-projects .navbar .open-adaptive-navmenu {
  display: none;
  height: 40px;
  border-radius: 100px;
  background: rgba(34, 34, 34, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative;
  transition: 0.6s;
}
@media (max-width: 1024px) {
  .page-projects .navbar .open-adaptive-navmenu {
    display: block;
    width: 216px;
  }
}
@media (max-width: 600px) {
  .page-projects .navbar .open-adaptive-navmenu {
    width: 118px;
  }
}
.page-projects .navbar .open-adaptive-navmenu::before {
  content: "Розділи";
  color: #FEFEFE;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.page-projects .navbar .open-adaptive-navmenu.active::before {
  content: "Закрити";
}
.page-projects .presentation-section {
  width: 100%;
  margin: -5.33vw 0 8.33vw 0;
}
@media (max-width: 1024px) {
  .page-projects .presentation-section {
    margin: -62px 0 64px 0;
  }
}
.page-projects .presentation-section .presentation-box {
  padding: 5.556vw 2.778vw;
  background-image: url(/assets/presentation/presentation-desk-b0d4e55b9d00ef88d9dc490c9d704b5dcd07764b99cb4dde47f9e0cc48acb1cd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.667vw;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .page-projects .presentation-section .presentation-box {
    padding: 75px 40px;
    gap: 16px;
    background-image: url(/assets/presentation/presentation-tablet-b5a5313641e0cabc92b69e74408c03e5af4b32e610f654c9cb26ac82fc8aa95d.jpg);
  }
}
@media (max-width: 600px) {
  .page-projects .presentation-section .presentation-box {
    font-size: 36px;
    padding: 16px;
    height: 335px;
    align-items: flex-start;
    justify-content: flex-end;
    background-image: url(/assets/presentation/presentation-mobile-2a14c2865dd1ee6e2df8d53492977e5439fe0390654e8828e72335c23d66907e.jpg);
    gap: 24px;
  }
}
.page-projects .presentation-section .presentation-box .title {
  color: #FEFEFE;
  font-size: 4.167vw;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  cursor: default;
}
@media (max-width: 1024px) {
  .page-projects .presentation-section .presentation-box .title {
    font-size: 50px;
  }
}
@media (max-width: 725px) {
  .page-projects .presentation-section .presentation-box .title {
    font-size: 36px;
  }
}

.first__screen {
  width: 100%;
  height: 100vh;
  position: relative;
}

.first__screen-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-logo-img {
  height: 50vh;
  object-fit: cover;
}
@media (max-width: 750px) {
  .main-logo-img {
    width: 80vw;
    max-width: 80vw;
    object-fit: contain;
  }
}

.scroll-to-wrapper {
  position: absolute;
  bottom: 32px;
  z-index: 1;
  max-width: 1340px;
  padding: 0 30px;
  width: 100%;
  height: 26px;
  left: 50%;
  transform: translateX(-50%);
}

.scroll-to {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #E6E6E6;
  text-decoration: none;
  height: 26px;
  width: 110px;
}
@media (max-width: 500px) {
  .scroll-to {
    opacity: 0;
  }
}

.scroll-to-img {
  animation: animate 1.4s infinite;
}
@media (max-width: 440px) {
  .scroll-to-img {
    order: 2;
  }
}

@keyframes animate {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.scroll-to__text, .scroll-to__text2 {
  margin-right: 6px;
}

@media (max-width: 440px) {
  .scroll-to__text {
    order: 1;
  }
}

@media (max-width: 440px) {
  .scroll-to__text2 {
    order: 3;
    margin-left: 6px;
  }
}

.first__screen-btn {
  width: 280px;
  height: 60px;
  background: #FFFEFE;
  border: none;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #162333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 55px;
  text-decoration: none;
}
@media only screen and (min-width: 800px) and (max-height: 620px) {
  .first__screen-btn {
    margin-top: 20px;
  }
}

.first__screen-btn.main-page::before {
  content: "";
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 375px;
  width: 100%;
  height: 1px;
  background-color: #E6E6E6;
  display: none;
}
@media (max-width: 700px) {
  .first__screen-btn.main-page::before {
    width: 100%;
  }
}

.first-screen-btn-img {
  margin-left: 11px;
}

.first-screen-slide {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.slide-1 {
  background: linear-gradient(225.61deg, #162333 0%, rgba(59, 80, 99, 0.5) 50.9%, rgba(118, 131, 150, 0.25) 101.09%), url(/assets/first-screen_1-7f7e91e99624934b3df69036ae7a05745444fef859aed7826cb03ba2f0ea02ed.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(3.5px);
  -webkit-filter: blur(3.5px);
}
@media (max-width: 500px) {
  .slide-1 {
    filter: blur(3px);
    -webkit-filter: blur(3px);
  }
}

.slide-2 {
  background: linear-gradient(225.61deg, #162333 0%, rgba(59, 80, 99, 0.5) 50.9%, rgba(118, 131, 150, 0.25) 101.09%), url(/assets/first-screen_2-d1155b5022237f3a1712a0c6af4530c76e746fc803307dc0b6fee2369db59570.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(3.5px);
  -webkit-filter: blur(3.5px);
}
@media (max-width: 500px) {
  .slide-2 {
    filter: blur(3px);
    -webkit-filter: blur(3px);
  }
}

.slide-3 {
  background: linear-gradient(225.61deg, #162333 0%, rgba(59, 80, 99, 0.5) 50.9%, rgba(118, 131, 150, 0.25) 101.09%), url(/assets/first-screen_3-437f3d9fee95b136951d3b9faae59b04fd9c286077f44f22063df03e48ccb0b1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(3.5px);
  -webkit-filter: blur(3.5px);
}
@media (max-width: 500px) {
  .slide-3 {
    filter: blur(3px);
    -webkit-filter: blur(3px);
  }
}

.slide-4 {
  background: linear-gradient(225.61deg, #162333 0%, rgba(59, 80, 99, 0.5) 50.9%, rgba(118, 131, 150, 0.25) 101.09%), url(/assets/first-screen_4-74e540daf1bf3a5684f658a370a369dffb9aeab74be6de6680fea8b0c8908842.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(3.5px);
  -webkit-filter: blur(3.5px);
}
@media (max-width: 500px) {
  .slide-4 {
    filter: blur(3px);
    -webkit-filter: blur(3px);
  }
}

.slide-5 {
  background: linear-gradient(225.61deg, #162333 0%, rgba(59, 80, 99, 0.5) 50.9%, rgba(118, 131, 150, 0.25) 101.09%), url(/assets/first-screen_5-a8a5103a6e1f4c315667d68e589f569ec513a1977755ae8a45c705eba366654e.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(3.5px);
  -webkit-filter: blur(3.5px);
}
@media (max-width: 500px) {
  .slide-5 {
    filter: blur(3px);
    -webkit-filter: blur(3px);
  }
}

.home__page {
  margin-bottom: 150px;
}
@media (max-width: 880px) {
  .home__page {
    margin-bottom: 50px;
  }
}

.home__page-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 50px;
  margin-top: 130px;
  position: relative;
}
@media (max-width: 880px) {
  .home__page-wrapper {
    padding-right: 25px;
    margin-top: 80px;
  }
}
@media (max-width: 750px) {
  .home__page-wrapper {
    padding-right: 15px;
  }
}
@media (max-width: 700px) {
  .home__page-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 0;
  }
}
@media (max-width: 550px) {
  .home__page-wrapper {
    margin-top: 50px;
  }
}

.home__page-wrapper.center {
  padding-left: 50px;
  padding-right: 0;
}
@media (max-width: 880px) {
  .home__page-wrapper.center {
    padding-left: 25px;
    margin: 100px 0;
  }
}
@media (max-width: 750px) {
  .home__page-wrapper.center {
    padding-left: 15px;
  }
}
@media (max-width: 700px) {
  .home__page-wrapper.center {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
  }
}
.home__page-wrapper.center::after {
  width: 100%;
  height: 1px;
  background-color: rgba(149, 165, 191, 0.4);
  bottom: -48px;
  left: 0;
  position: absolute;
}
@media (max-width: 700px) {
  .home__page-wrapper.center::after {
    bottom: -65px;
  }
}
@media (max-width: 477px) {
  .home__page-wrapper.center::after {
    bottom: -50px;
  }
}
.home__page-wrapper.center::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(149, 165, 191, 0.4);
  top: -80px;
  left: 0;
  position: absolute;
}
@media (max-width: 700px) {
  .home__page-wrapper.center::before {
    top: -35px;
  }
}
@media (max-width: 509px) {
  .home__page-wrapper.center::before {
    top: -50px;
  }
}

.home__page-info-text {
  display: block;
  max-width: 535px;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  color: #162333;
  min-height: 100px;
}
@media (max-width: 975px) {
  .home__page-info-text {
    font-size: 16px;
  }
}
@media (max-width: 850px) {
  .home__page-info-text {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .home__page-info-text {
    min-height: 0;
  }
}

.news-output__block {
  max-width: 535px;
  width: 100%;
}

.home__page-info {
  position: relative;
}
@media (max-width: 700px) {
  .home__page-info {
    margin-top: 55px;
    padding-left: 24px;
    padding-right: 15px;
    position: relative;
  }
}
@media (max-width: 430px) {
  .home__page-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 270px;
  }
}

@media (max-width: 700px) {
  .home__page-info.home__page-info-center {
    order: 2;
  }
}

.home__page-info-title {
  font-weight: 900;
  font-size: 32px;
  line-height: 41px;
  color: #162333;
  margin-bottom: 45px;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
}
@media (max-width: 1020px) {
  .home__page-info-title {
    margin-bottom: 25px;
  }
}
@media (max-width: 975px) {
  .home__page-info-title {
    font-size: 27px;
    line-height: 31px;
  }
}
@media (max-width: 850px) {
  .home__page-info-title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media (max-width: 750px) {
  .home__page-info-title {
    margin-bottom: 10px;
  }
}

.home__page-info-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-top: 15px;
}
@media (max-width: 430px) {
  .home__page-info-btn-wrapper {
    margin-top: 24px;
    margin-bottom: 17px;
  }
}
@media (max-width: 430px) {
  .home__page-info-btn-wrapper {
    margin-top: 24px;
    margin-bottom: 17px;
  }
}

.home__page-info-btn-wrapper.center {
  justify-content: start;
}

.home__page-info-btn.center {
  margin-right: 0;
  margin-left: 12px;
}

.home__page-info-btn {
  padding: 16px 30px 16px 24px;
  margin-right: 12px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #162333;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  position: relative;
  background-color: inherit;
  text-decoration: none;
}
@media (max-width: 370px) {
  .home__page-info-btn {
    font-size: 16px;
  }
}
.home__page-info-btn:hover::before {
  width: 100%;
  height: 100%;
  border-left: 1px solid;
}
.home__page-info-btn:hover::after {
  width: 100%;
  height: 100%;
  border-right: 1px solid;
}
.home__page-info-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 1px solid;
  border-left: 0px solid;
  transition: width, height, 0.6s;
}
.home__page-info-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 1px solid;
  border-right: 0px solid;
  transition: width, height, 0.6s;
}

.info-btn-img {
  width: 16px;
  height: 12px;
  margin-left: 14px;
  margin-top: 3px;
}

.home__page-img {
  width: 550px;
  height: 500px;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25));
  position: relative;
  object-fit: cover;
  z-index: 1;
}
@media (max-width: 1150px) {
  .home__page-img {
    width: 450px;
    height: 400px;
  }
}
@media (max-width: 975px) {
  .home__page-img {
    width: 339px;
    height: 308px;
  }
}
@media (max-width: 750px) {
  .home__page-img {
    width: 315px;
    height: 286px;
  }
}
@media (max-width: 700px) {
  .home__page-img {
    max-width: 550px;
    width: 100%;
    height: auto;
  }
}

@media (max-width: 700px) {
  .home__page-img.news-img-main {
    height: 500px;
  }
}
@media (max-width: 600px) {
  .home__page-img.news-img-main {
    height: 485px;
  }
}
@media (max-width: 585px) {
  .home__page-img.news-img-main {
    height: 460px;
  }
}
@media (max-width: 560px) {
  .home__page-img.news-img-main {
    height: 450px;
  }
}
@media (max-width: 545px) {
  .home__page-img.news-img-main {
    height: 430px;
  }
}
@media (max-width: 525px) {
  .home__page-img.news-img-main {
    height: 410px;
  }
}
@media (max-width: 505px) {
  .home__page-img.news-img-main {
    height: 399px;
  }
}
@media (max-width: 490px) {
  .home__page-img.news-img-main {
    height: 385px;
  }
}
@media (max-width: 475px) {
  .home__page-img.news-img-main {
    height: 375px;
  }
}
@media (max-width: 465px) {
  .home__page-img.news-img-main {
    height: 365px;
  }
}
@media (max-width: 455px) {
  .home__page-img.news-img-main {
    height: 355px;
  }
}
@media (max-width: 445px) {
  .home__page-img.news-img-main {
    height: 345px;
  }
}
@media (max-width: 435px) {
  .home__page-img.news-img-main {
    height: 335px;
  }
}
@media (max-width: 425px) {
  .home__page-img.news-img-main {
    height: 325px;
  }
}
@media (max-width: 415px) {
  .home__page-img.news-img-main {
    height: 315px;
  }
}
@media (max-width: 405px) {
  .home__page-img.news-img-main {
    height: 305px;
  }
}
@media (max-width: 395px) {
  .home__page-img.news-img-main {
    height: 295px;
  }
}
@media (max-width: 385px) {
  .home__page-img.news-img-main {
    height: 290px;
  }
}
@media (max-width: 375px) {
  .home__page-img.news-img-main {
    height: 280px;
  }
}
@media (max-width: 365px) {
  .home__page-img.news-img-main {
    height: 270px;
  }
}
@media (max-width: 355px) {
  .home__page-img.news-img-main {
    height: 260px;
  }
}
@media (max-width: 345px) {
  .home__page-img.news-img-main {
    height: 250px;
  }
}

@media (max-width: 570px) {
  .home__page-info-btn-wrapper.news-view__btn {
    margin-top: 0;
  }
}

.home__page-info-img {
  position: relative;
}
@media (max-width: 1375px) {
  .home__page-info-img {
    margin-right: 30px;
  }
}
@media (max-width: 750px) {
  .home__page-info-img {
    margin-right: 15px;
  }
}
@media (max-width: 700px) {
  .home__page-info-img {
    margin-right: 0;
  }
}

.home__page-info-img-center {
  position: relative;
}
@media (max-width: 1375px) {
  .home__page-info-img-center {
    margin-left: 30px;
  }
}
@media (max-width: 750px) {
  .home__page-info-img-center {
    margin-left: 15px;
  }
}
@media (max-width: 700px) {
  .home__page-info-img-center {
    margin-left: 0;
    order: 1;
  }
}

.home__page-docor-img {
  position: absolute;
  top: -30px;
  left: -30px;
}
@media (max-width: 1375px) {
  .home__page-docor-img {
    top: -20px;
    left: -20px;
  }
}
@media (max-width: 1150px) {
  .home__page-docor-img {
    width: 450px;
    height: 400px;
  }
}
@media (max-width: 975px) {
  .home__page-docor-img {
    width: 339px;
    height: 308px;
    top: -10px;
    left: -10px;
  }
}
@media (max-width: 750px) {
  .home__page-docor-img {
    width: 315px;
    height: 286px;
  }
}
@media (max-width: 700px) {
  .home__page-docor-img {
    max-width: 550px;
    width: 100%;
    height: auto;
  }
}

.home__page-docor-center-img {
  position: absolute;
  top: -30px;
  right: -30px;
}
@media (max-width: 1375px) {
  .home__page-docor-center-img {
    top: -20px;
    right: -20px;
  }
}
@media (max-width: 1150px) {
  .home__page-docor-center-img {
    width: 450px;
    height: 400px;
  }
}
@media (max-width: 975px) {
  .home__page-docor-center-img {
    width: 339px;
    height: 308px;
    top: -10px;
    right: -10px;
  }
}
@media (max-width: 750px) {
  .home__page-docor-center-img {
    width: 315px;
    height: 286px;
  }
}
@media (max-width: 700px) {
  .home__page-docor-center-img {
    max-width: 550px;
    width: 100%;
    height: auto;
  }
}

.home__page-info-docor-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
}
@media (max-width: 1375px) {
  .home__page-info-docor-img {
    right: -45px;
  }
}
@media (max-width: 1150px) {
  .home__page-info-docor-img {
    height: 400px;
    width: 400px;
  }
}
@media (max-width: 975px) {
  .home__page-info-docor-img {
    width: 308px;
    height: 308px;
  }
}
@media (max-width: 880px) {
  .home__page-info-docor-img {
    right: -25px;
  }
}
@media (max-width: 750px) {
  .home__page-info-docor-img {
    width: 315px;
    height: 286px;
    right: -30px;
  }
}
@media (max-width: 700px) {
  .home__page-info-docor-img {
    transform: translateY(0);
    top: -30px;
    right: 0;
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 430px) {
  .home__page-info-docor-img {
    width: 315px;
    height: 308px;
  }
}
@media (max-width: 360px) {
  .home__page-info-docor-img {
    width: 298px;
  }
}

.home__page-docor-dots-img {
  position: absolute;
  top: -115px;
  right: -74px;
  z-index: -1;
}
@media (max-width: 1375px) {
  .home__page-docor-dots-img {
    right: -70px;
  }
}
@media (max-width: 1150px) {
  .home__page-docor-dots-img {
    right: -68px;
    top: -98px;
  }
}
@media (max-width: 1132px) {
  .home__page-docor-dots-img {
    top: -85px;
  }
}
@media (max-width: 975px) {
  .home__page-docor-dots-img {
    width: 54px;
    height: 54px;
    top: -63px;
    right: -62px;
  }
}
@media (max-width: 963px) {
  .home__page-docor-dots-img {
    top: -50px;
  }
}
@media (max-width: 880px) {
  .home__page-docor-dots-img {
    right: -43px;
  }
}
@media (max-width: 750px) {
  .home__page-docor-dots-img {
    right: -33px;
  }
}
@media (max-width: 700px) {
  .home__page-docor-dots-img {
    top: -50px;
    right: -20px;
  }
}
@media (max-width: 430px) {
  .home__page-docor-dots-img {
    width: 48px;
    height: 48px;
    right: -15px;
  }
}

.home__page-docor-dots-img2 {
  position: absolute;
  top: -95px;
  right: -74px;
  z-index: -1;
}
@media (max-width: 1375px) {
  .home__page-docor-dots-img2 {
    right: -70px;
  }
}
@media (max-width: 1150px) {
  .home__page-docor-dots-img2 {
    right: -68px;
    top: -80px;
  }
}
@media (max-width: 975px) {
  .home__page-docor-dots-img2 {
    width: 54px;
    height: 54px;
    top: -50px;
    right: -62px;
  }
}
@media (max-width: 880px) {
  .home__page-docor-dots-img2 {
    right: -41px;
  }
}
@media (max-width: 850px) {
  .home__page-docor-dots-img2 {
    top: -55px;
  }
}
@media (max-width: 750px) {
  .home__page-docor-dots-img2 {
    right: -35px;
  }
}
@media (max-width: 700px) {
  .home__page-docor-dots-img2 {
    top: -50px;
    right: -20px;
  }
}
@media (max-width: 430px) {
  .home__page-docor-dots-img2 {
    width: 48px;
    height: 48px;
    right: -15px;
  }
}

.home__page-docor-dots-center-img {
  position: absolute;
  top: -118px;
  left: -75px;
  z-index: -1;
}
@media (max-width: 1375px) {
  .home__page-docor-dots-center-img {
    left: -75px;
  }
}
@media (max-width: 1150px) {
  .home__page-docor-dots-center-img {
    left: -75px;
    top: -100px;
  }
}
@media (max-width: 975px) {
  .home__page-docor-dots-center-img {
    width: 54px;
    height: 54px;
    left: -70px;
    top: -70px;
  }
}
@media (max-width: 925px) {
  .home__page-docor-dots-center-img {
    top: -60px;
  }
}
@media (max-width: 880px) {
  .home__page-docor-dots-center-img {
    top: -54px;
    left: -47px;
  }
}
@media (max-width: 830px) {
  .home__page-docor-dots-center-img {
    top: -64px;
    left: -47px;
  }
}
@media (max-width: 750px) {
  .home__page-docor-dots-center-img {
    top: -60px;
    left: -36px;
  }
}
@media (max-width: 700px) {
  .home__page-docor-dots-center-img {
    top: -50px;
    left: -20px;
  }
}
@media (max-width: 430px) {
  .home__page-docor-dots-center-img {
    width: 48px;
    height: 48px;
    left: -15px;
  }
}

.home__page-info-docor-center-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
}
@media (max-width: 1375px) {
  .home__page-info-docor-center-img {
    left: -50px;
  }
}
@media (max-width: 1150px) {
  .home__page-info-docor-center-img {
    height: 400px;
    width: 400px;
  }
}
@media (max-width: 975px) {
  .home__page-info-docor-center-img {
    width: 308px;
    height: 308px;
  }
}
@media (max-width: 880px) {
  .home__page-info-docor-center-img {
    left: -30px;
  }
}
@media (max-width: 750px) {
  .home__page-info-docor-center-img {
    width: 315px;
    height: 286px;
    left: -30px;
  }
}
@media (max-width: 700px) {
  .home__page-info-docor-center-img {
    transform: translateY(0);
    top: -30px;
    left: 0;
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 430px) {
  .home__page-info-docor-center-img {
    width: 315px;
    height: 308px;
  }
}

.home__page-info-subtitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 20px;
}
@media (max-width: 975px) {
  .home__page-info-subtitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}

.main__about {
  background-image: url(/assets/about-bg-b7abac26a63a7834f779e04f0ac469187a80155b4f881afdcdc1f5eac25cd10e.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.main__about .container.about-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  padding-bottom: 35%;
}
@media (max-width: 780px) {
  .main__about .container.about-container {
    padding-bottom: 45%;
  }
}
@media (max-width: 780px) {
  .main__about .container.about-container {
    padding-bottom: 55%;
  }
}

.main__about-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  position: absolute;
  top: 165px;
  max-width: calc(100% - 30px);
}
@media (max-width: 568px) {
  .main__about-wrapper {
    top: 50%;
  }
}

.main__about-text {
  font-family: "Turnpike";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 14px;
  letter-spacing: 0.04em;
  color: #162333;
}
@media (max-width: 780px) {
  .main__about-text {
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0.11em;
  }
}
@media (max-width: 520px) {
  .main__about-text {
    font-size: 10px;
    line-height: 6;
  }
}

.main__about-img {
  position: relative;
  z-index: 1;
}
@media (max-width: 780px) {
  .main__about-img {
    max-width: 308px;
    width: 100%;
  }
}
@media (max-width: 520px) {
  .main__about-img {
    margin: 0 45px;
  }
}
@media (max-width: 360px) {
  .main__about-img {
    margin: 0 30px;
  }
}

.main__about-decor-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(80%);
  mix-blend-mode: soft-light;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 760px) {
  .main__about-decor-img {
    height: calc(100% - 65px);
  }
}

.main__about-content {
  margin: 100px 0 200px 0;
}
@media (max-width: 600px) {
  .main__about-content {
    margin: 0 0 150px 0;
  }
}
@media (max-width: 500px) {
  .main__about-content {
    margin: 0 0 100px 0;
  }
}

.main__about-content-wrapper {
  padding: 67px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 832px;
  width: 100%;
  position: relative;
}
@media (max-width: 600px) {
  .main__about-content-wrapper {
    padding: 50px 0 0 0;
  }
}

.main__about-content-img {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 800px) {
  .main__about-content-img {
    width: 54px;
    height: 54px;
    top: 20px;
  }
}
@media (max-width: 530px) {
  .main__about-content-img {
    width: 48px;
    height: 48px;
    top: 30px;
  }
}

.main__about-content-title {
  font-weight: 900;
  font-size: 48px;
  line-height: 61px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
  margin-bottom: 25px;
}
@media (max-width: 800px) {
  .main__about-content-title {
    font-size: 40px;
    line-height: 51px;
  }
}
@media (max-width: 700px) {
  .main__about-content-title {
    font-size: 34px;
    line-height: 41px;
  }
}
@media (max-width: 500px) {
  .main__about-content-title {
    font-size: 28px;
    line-height: 31px;
  }
}
@media (max-width: 400px) {
  .main__about-content-title {
    font-size: 24px;
  }
}

.main__about-content-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  text-align: center;
  color: #162333;
  max-width: 688px;
}
@media (max-width: 800px) {
  .main__about-content-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    max-width: 611px;
  }
}
@media (max-width: 700px) {
  .main__about-content-text {
    font-size: 15px;
  }
}
@media (max-width: 500px) {
  .main__about-content-text {
    font-size: 14px;
  }
}

.container.about-content-container {
  display: flex;
  justify-content: center;
}

.contacts {
  background-image: url(/assets/contacts-bg-1c5a087277ad6203a0ace86c46826d168176ba5cb3d19ebcfcc3069b88c675cd.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 100px;
}

.contacts-wrapper {
  display: flex;
  justify-content: center;
  padding: 225px 0 164px 0;
  position: relative;
}
.contacts-wrapper::before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(149, 165, 191, 0.4);
  position: absolute;
  left: 0;
  bottom: -50px;
}

.contacts-title {
  font-weight: 900;
  font-size: 48px;
  line-height: 61px;
  color: #FFFEFE;
  text-shadow: 0px 4px 4px rgba(255, 254, 254, 0.18);
}
@media (max-width: 900px) {
  .contacts-title {
    font-size: 44px;
    line-height: 56px;
  }
}
@media (max-width: 800px) {
  .contacts-title {
    font-size: 40px;
    line-height: 51px;
  }
}
@media (max-width: 600px) {
  .contacts-title {
    font-size: 35px;
    line-height: 46px;
  }
}
@media (max-width: 400px) {
  .contacts-title {
    font-size: 32px;
    line-height: 41px;
  }
}

.news {
  background-image: url(/assets/news-bg-4686640da87466457cfab5da6dccf9b3426b855d34ab4438c53475a030f181b4.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 100px;
}

.news-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40vh;
  position: relative;
}

.posts__wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 150px;
  justify-content: center;
}

.posts-decor-img {
  position: absolute;
  top: -25px;
  left: 25px;
  z-index: -1;
}
@media (max-width: 1225px) {
  .posts-decor-img {
    width: 54px;
    height: 54px;
    top: -20px;
    left: 35px;
  }
}
@media (max-width: 1095px) {
  .posts-decor-img {
    width: 54px;
    height: 54px;
    top: -20px;
    left: 25px;
  }
}
@media (max-width: 920px) {
  .posts-decor-img {
    left: 10px;
  }
}

.posts-decor2-img {
  position: absolute;
  bottom: 810px;
  left: 25px;
  z-index: -1;
}
@media (max-width: 1225px) {
  .posts-decor2-img {
    width: 54px;
    height: 54px;
    bottom: 830px;
    left: 35px;
  }
}
@media (max-width: 1095px) {
  .posts-decor2-img {
    bottom: 805px;
    left: 25px;
  }
}
@media (max-width: 920px) {
  .posts-decor2-img {
    bottom: 770px;
    left: 10px;
  }
}
@media (max-width: 711px) {
  .posts-decor2-img {
    bottom: 1305px;
  }
}
@media (max-width: 500px) {
  .posts-decor2-img {
    bottom: 1358px;
  }
}

.posts-decor3-img {
  position: absolute;
  bottom: 215px;
  right: 25px;
  z-index: -1;
  transform: rotate(180deg);
}
@media (max-width: 1225px) {
  .posts-decor3-img {
    width: 54px;
    height: 54px;
    bottom: 225px;
    right: 35px;
  }
}
@media (max-width: 1095px) {
  .posts-decor3-img {
    bottom: 225px;
    right: 25px;
  }
}
@media (max-width: 920px) {
  .posts-decor3-img {
    right: 10px;
  }
}

.posts-decor4-img {
  position: absolute;
  top: 565px;
  right: 25px;
  z-index: -1;
  transform: rotate(180deg);
}
@media (max-width: 1225px) {
  .posts-decor4-img {
    width: 54px;
    height: 54px;
    top: 585px;
    right: 35px;
  }
}
@media (max-width: 1095px) {
  .posts-decor4-img {
    top: 560px;
    right: 25px;
  }
}
@media (max-width: 920px) {
  .posts-decor4-img {
    top: 525px;
    right: 10px;
  }
}
@media (max-width: 711px) {
  .posts-decor4-img {
    top: 1060px;
  }
}
@media (max-width: 500px) {
  .posts-decor4-img {
    top: 1113px;
  }
}

.posts-item {
  max-width: 620px;
  width: 100%;
  height: 620px;
  background: #FFFEFE;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  margin: 0 20px 50px 20px;
}
@media (max-width: 1390px) {
  .posts-item {
    max-width: 540px;
  }
}
@media (max-width: 1225px) {
  .posts-item {
    margin: 0 15px 50px 15px;
    max-width: 480px;
  }
}
@media (max-width: 1095px) {
  .posts-item {
    height: 595px;
    max-width: 400px;
  }
}
@media (max-width: 920px) {
  .posts-item {
    height: 563px;
    max-width: 339px;
  }
}
@media (max-width: 920px) {
  .posts-item {
    height: 563px;
    max-width: 339px;
  }
}
@media (max-width: 767px) {
  .posts-item {
    max-width: 311px;
  }
}
@media (max-width: 711px) {
  .posts-item {
    max-width: 620px;
    height: 523px;
  }
}
@media (max-width: 500px) {
  .posts-item {
    height: 549px;
  }
}

.posts-img {
  max-width: 620px;
  width: 100%;
  height: 323px;
  object-fit: cover;
}
@media (max-width: 1095px) {
  .posts-img {
    height: 300px;
  }
}
@media (max-width: 500px) {
  .posts-img {
    height: 278px;
  }
}

.posts-content {
  padding: 30px 15px 15px 25px;
}
@media (max-width: 1095px) {
  .posts-content {
    padding: 25px 25px 15px 25px;
  }
}
@media (max-width: 767px) {
  .posts-content {
    padding: 15px 10px 15px 10px;
  }
}
@media (max-width: 711px) {
  .posts-content {
    padding: 25px 25px 15px 25px;
  }
}
@media (max-width: 500px) {
  .posts-content {
    padding: 20px 11px 13px 15px;
  }
}

.posts-content__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}
@media (max-width: 920px) {
  .posts-content__title {
    font-size: 18px;
    line-height: 21px;
  }
}

.posts-content__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  color: #162333;
  max-width: 551px;
  margin-top: 20px;
  height: 148px;
}
@media (max-width: 1225px) {
  .posts-content__text {
    font-size: 17px;
  }
}
@media (max-width: 920px) {
  .posts-content__text {
    font-size: 16px;
    margin-top: 15px;
    height: 127px;
  }
}
@media (max-width: 711px) {
  .posts-content__text {
    height: 85px;
  }
}
@media (max-width: 500px) {
  .posts-content__text {
    height: 139px;
  }
}

.posts-content-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: end;
}

.container-posts {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
}
@media (max-width: 1390px) {
  .container-posts {
    max-width: 1220px;
  }
}
@media (max-width: 1225px) {
  .container-posts {
    max-width: 1095px;
  }
}
@media (max-width: 1095px) {
  .container-posts {
    max-width: 920px;
  }
}
@media (max-width: 920px) {
  .container-posts {
    max-width: 768px;
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .container-posts {
    max-width: 712px;
  }
}

.home__page-info-btn.posts-btn {
  padding: 0;
  width: 270px;
  height: 60px;
}
@media (max-width: 920px) {
  .home__page-info-btn.posts-btn {
    max-width: 300px;
    width: 100%;
    margin-right: 0;
  }
}

.post__show {
  margin: 120px 0 200px 0;
}
@media (max-width: 920px) {
  .post__show {
    margin: 100px 0 100px 0;
  }
}

.post__show-back {
  display: flex;
  align-items: center;
  margin-bottom: 46px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #162333;
  text-decoration: none;
}
@media (max-width: 520px) {
  .post__show-back {
    font-size: 14px;
  }
}
.post__show-back .post__show-back-img {
  margin-right: 10px;
}

.post__show-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1250px) {
  .post__show-wrapper {
    align-items: start;
  }
}
@media (max-width: 660px) {
  .post__show-wrapper {
    flex-wrap: wrap;
  }
}

.post__show-img-box {
  position: relative;
  margin-right: 60px;
}
@media (max-width: 1090px) {
  .post__show-img-box {
    margin-right: 30px;
  }
}
@media (max-width: 660px) {
  .post__show-img-box {
    margin-right: 0;
  }
}

.post__show-img {
  width: 550px;
  height: 500px;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
@media (max-width: 1250px) {
  .post__show-img {
    width: 439px;
    height: 408px;
  }
}
@media (max-width: 920px) {
  .post__show-img {
    width: 339px;
    height: 308px;
  }
}
@media (max-width: 750px) {
  .post__show-img {
    width: 289px;
    height: 258px;
  }
}
@media (max-width: 660px) {
  .post__show-img {
    max-width: 550px;
    width: 100%;
    height: auto;
  }
}

.post__show-decor-img {
  position: absolute;
  top: -30px;
  left: -30px;
}
@media (max-width: 1395px) {
  .post__show-decor-img {
    top: -20px;
    left: -20px;
  }
}
@media (max-width: 1250px) {
  .post__show-decor-img {
    width: 439px;
    height: 408px;
  }
}
@media (max-width: 920px) {
  .post__show-decor-img {
    width: 339px;
    height: 308px;
    top: -10px;
    left: -10px;
  }
}
@media (max-width: 750px) {
  .post__show-decor-img {
    width: 289px;
    height: 258px;
  }
}
@media (max-width: 660px) {
  .post__show-decor-img {
    max-width: 550px;
    width: 100%;
    height: auto;
  }
}

@media (max-width: 660px) {
  .post__show-decor-img-inner {
    display: block;
    height: 280px;
  }
}

.post__show-decor-dots-img {
  position: absolute;
  top: 50px;
  right: 0;
}
@media (max-width: 1200px) {
  .post__show-decor-dots-img {
    top: -20px;
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 660px) {
  .post__show-decor-dots-img {
    top: -30px;
    right: -20px;
    width: 48px;
    height: 48px;
  }
}

.post__show-title {
  font-weight: 900;
  font-size: 32px;
  line-height: 41px;
  color: #162333;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.18);
  margin-bottom: 43px;
}
@media (max-width: 1200px) {
  .post__show-title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 1000px) {
  .post__show-title {
    font-size: 26px;
    line-height: 33px;
  }
}
@media (max-width: 920px) {
  .post__show-title {
    margin-bottom: 18px;
  }
}
@media (max-width: 800px) {
  .post__show-title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media (max-width: 660px) {
  .post__show-title {
    margin: 25px 0;
  }
}

.post__show-content {
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  color: #162333;
  max-width: 621px;
}
@media (max-width: 1200px) {
  .post__show-content {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .post__show-content {
    font-size: 15px;
  }
}
@media (max-width: 400px) {
  .post__show-content {
    font-size: 14px;
  }
}

.post__show-content-box > div {
  transform: scale(1);
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  color: #162333;
}

#build_queue_display {
  position: relative;
}

#plan-box {
  position: absolute;
  top: -100px;
}