/* Compiled: 2026-06-04 16:30:36 */
/*
    Телефонная версия уменьшеная
*/

/*
    Телефонная версия
*/

/*
    После того, как решили не делать брекпоинтов
    с десктопа вплоть до вертикального планшета,
    размер @screenM фактически не имеет смысла
    (напоминалка на всякий случай)
*/

/*
    На горизонтальном айпаде всё ещё показываем
    десктопную версию, если меньше — планшетную
*/

/*
    При общем масштабировании тексты на ноутбуках
    становятся слишком мелкими, поэтому ввели
    дополнительный брекпоинт, на котором увеличиваем
    размер шрифтов некоторых элементов
*/

@font-face {
    font-family: "Suisse";
    src: url("../fonts/suisse-new/SuisseIntl-Book.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Suisse";
    src: url("../fonts/suisse-new/SuisseIntl-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Suisse";
    src: url("../fonts/suisse-new/SuisseIntl-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Suisse";
    src: url("../fonts/suisse-new/SuisseIntl-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Suisse";
    src: url("../fonts/suisse-new/SuisseIntl-Semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Suisse";
    src: url("../fonts/suisse-new/SuisseIntl-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

/* Общее
 ------------------------------ */

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

html {
    font-family: "Suisse", sans-serif;
    font-size: 1vw;
    line-height: 1.5em;
    font-weight: normal;
    color: #272727;
    height: 100%;
    min-height: 320px;
    min-width: 320px;
    background: #fff;
}

html._no-visible-focus * {
    outline: 0 !important;
}

body {
    position: relative;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    font-size: 0.8rem;
    line-height: 1rem;
    letter-spacing: -0.03em;
}

._noscroll {
    overflow: hidden;
}

.link-underline {
    position: relative;
}

.link-underline::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.desktop .link-underline:hover::after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

._noscroll-animate {
    overflow: hidden !important;
}

._noscroll-animate body {
    overflow: hidden !important;
}

.no-mt {
    margin-top: 0 !important;
}

.mt-70 {
    margin-top: 70px !important;
}

::selection {
    color: #272727;
    background: #4fd321;
}

::-webkit-input-placeholder {
    color: #272727;
    opacity: 1;
}

::-moz-placeholder {
    color: #272727;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #272727;
}

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

::-ms-reveal {
    display: none;
}

select::-ms-expand {
    display: none;
}

select::-ms-value {
    background: none;
    color: currentColor;
}

input::-webkit-contacts-auto-fill-button {
    display: none !important;
}

html:not(.mobile) {
    scrollbar-width: thin;
    scrollbar-color: #000 #eee;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

html:not(.mobile)::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #eee;
}

html:not(.mobile)::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #000;
}

:disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Простые теги
------------------------------ */

img {
    margin: 0;
}

a {
    text-decoration: underline;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #272727;
    text-decoration-skip-ink: none;
    text-underline-offset: 15%;
}

html.desktop a:hover {
    text-decoration: none;
}

nav ul {
    margin: 0;
    padding: 0;
}

button,
input[type="checkbox"],
input[type="radio"] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

textarea,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"] {
    border-radius: 0;
    -webkit-appearance: none;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

figure,
figcaption {
    margin: 0;
    padding: 0;
}

template {
    display: none;
}

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

/*
     Миксины
*/

.SmartCaptcha-Shield_position_bottom {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.page-main-v2._overlay::after,
.page-contacts._overlay::after,
.page-stream._overlay::after,
.page-about._overlay::after,
.page-projects._overlay::after,
.page-case-new-design._overlay::after,
.page-design-accompaniment._overlay::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
}

.wrap {
    width: 97rem;
    margin: 0 auto;
    position: relative;
}

.wrap-page {
    width: 100rem;
    position: relative;
    left: 50%;
    margin-left: -50rem;
}

.content {
    padding-top: 4.5rem;
}

/*.container-page {
    will-change: transform;
    transition: transform 0.2s ease-out 0.5s;
}*/

/* Сетка
------------------------------ */

.row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

/* Общая типографика
------------------------------ */

/*h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: @lineHeight;
}

h1 {
    font-size: 7.8rem;
    line-height: 10.2rem;
    margin: 0;
    font-weight: 300;
}

h2 {
    font-size: 4.7rem;
    line-height: 6.1rem;
    margin: 0;
    font-weight: 300;

        @media (max-width: @screenL), (min-width: (@screenL + 1)) and (orientation: portrait) {
            font-size: 8.8rem;
            line-height: 11.4rem;
        }
}

h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
}

h4, h5, h6 {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 300;
}


.title-h1 {
    &:extend(h1);
}

.title-h2 {
    &:extend(h2);
}

.title-h3 {
    &:extend(h3);
}

.title-h4 {
    &:extend(h4);
}*/

p {
    font-size: 0.8rem;
    line-height: 1rem;
    margin: 1rem 0;
}

b,
strong {
    font-weight: bold;
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

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

.swiper-horizontal {
    touch-action: pan-y;
}

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

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

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

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

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

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

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

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

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

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

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition:
        0.2s transform,
        0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition:
        0.2s transform,
        0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:
        0.2s transform,
        0.2s right;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

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

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

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

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

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

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}

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

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

/* a11y */

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    height: 100%;
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow 0.3s ease;
    z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%;
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}

.plyr:focus {
    outline: 0;
}

.plyr--full-ui {
    box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
    box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation;
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none;
}

.plyr__captions {
    animation: plyr-fade-in 0.3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform 0.4s ease-in-out;
    width: 100%;
}

.plyr__captions span:empty {
    display: none;
}

.plyr--captions-active .plyr__captions {
    display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    transform: translateY(calc(10px * -4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
    background: rgba(0, 0, 0, 0.8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: 0.2em 0.5em;
    white-space: pre-wrap;
}

.plyr__caption div {
    display: inline;
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(10px * 0.7);
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
    position: relative;
    transition: all 0.3s ease;
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
    outline: 0;
}

.plyr__control.plyr__tab-focus {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}

a.plyr__control {
    text-decoration: none;
}

a.plyr__control::after,
a.plyr__control::before {
    display: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none;
}

.plyr--full-ui ::-webkit-media-controls {
    display: none;
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center;
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0;
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(10px / 4);
    margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(10px / 4);
    padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(10px / 2);
    padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0;
}

.plyr__controls:empty {
    display: none;
}

.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"] {
    display: none;
}

.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
    display: inline-block;
}

.plyr__menu {
    display: flex;
    position: relative;
}

.plyr__menu .plyr__control svg {
    transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded="true"] svg {
    transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
    display: none;
}

.plyr__menu__container {
    animation: plyr-popup 0.2s ease;
    background: rgba(255, 255, 255, 0.9);
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}

.plyr__menu__container > div {
    overflow: hidden;
    transition:
        height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
    border: 4px solid transparent;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: rgba(255, 255, 255, 0.9);
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(((18px / 2) + calc(10px * 0.7)) - (4px / 2));
    right: calc(
        ((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) -
            (var(--plyr-menu-arrow-size, 4px) / 2)
    );
    top: 100%;
    width: 0;
}

.plyr__menu__container [role="menu"] {
    padding: calc(10px * 0.7);
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
    margin-top: 2px;
}

.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
    margin-top: 0;
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding-bottom: calc(calc(10px * 0.7) / 1.5);
    padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
    padding-left: calc(calc(10px * 0.7) * 1.5);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
    padding-right: calc(calc(10px * 0.7) * 1.5);
    padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
    padding-top: calc(calc(10px * 0.7) / 1.5);
    padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}

.plyr__menu__container .plyr__control > span {
    align-items: inherit;
    display: flex;
    width: 100%;
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(calc(10px * 0.7) * 4);
    padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: calc((calc(10px * 0.7) * 1.5) - 4px);
    right: calc(
        (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)
    );
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: calc(10px * 0.7);
    margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
    margin-bottom: calc(calc(10px * 0.7) / 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
    padding-left: calc(calc(10px * 0.7) * 4);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
    position: relative;
    width: calc(100% - (calc(10px * 0.7) * 2));
    width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: calc((calc(10px * 0.7) * 1.5) - 4px);
    left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back::before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(calc(10px * 0.7) / 2);
    margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role="menuitemradio"] {
    padding-left: calc(10px * 0.7);
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::after,
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
    border-radius: 100%;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all 0.3s ease;
    width: 16px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
    width: 6px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
    background: #00b3ff;
    background: var(
        --plyr-control-toggle-checked-background,
        var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
    );
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before {
    background: rgba(35, 40, 47, 0.1);
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc((calc(10px * 0.7) - 2) * -1);
    margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
    overflow: hidden;
    padding-left: calc(calc(10px * 0.7) * 3.5);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
    pointer-events: none;
}

.plyr--full-ui input[type="range"] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: calc(13px * 2);
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: #00b3ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    display: block;
    height: calc((3px * 2) + 13px);
    height: calc(
        (var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px)
    );
    margin: 0;
    padding: 0;
    transition: box-shadow 0.3s ease;
    width: 100%;
}

.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right, currentColor 0, transparent 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}

.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: var(
        --plyr-range-thumb-shadow,
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2)
    );
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    -webkit-appearance: none;
    margin-top: calc(((13px - 5px) / 2) * -1);
    margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1);
}

.plyr--full-ui input[type="range"]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    -moz-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type="range"]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: var(
        --plyr-range-thumb-shadow,
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2)
    );
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type="range"]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type="range"]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
}

.plyr--full-ui input[type="range"]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type="range"]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor;
}

.plyr--full-ui input[type="range"]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: var(
        --plyr-range-thumb-shadow,
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2)
    );
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
}

.plyr--full-ui input[type="range"]::-ms-tooltip {
    display: none;
}

.plyr--full-ui input[type="range"]:focus {
    outline: 0;
}

.plyr--full-ui input[type="range"]::-moz-focus-outer {
    border: 0;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease;
    width: 100%;
    z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1;
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time::before {
    content: "\2044";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
}

.plyr__tooltip {
    background: rgba(255, 255, 255, 0.9);
    background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius, 3px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(calc(10px / 2) * 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
    opacity: 0;
    padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
    padding: calc(var(--plyr-control-spacing, 10px) / 2)
        calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition:
        transform 0.2s 0.1s ease,
        opacity 0.2s 0.1s ease;
    white-space: nowrap;
    z-index: 2;
}

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid
        var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: calc(4px * -1);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
    left: calc((18px / 2) + calc(10px * 0.7));
    left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: calc((18px / 2) + calc(10px * 0.7));
    right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
    transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1);
}

.plyr__progress {
    left: calc(13px * 0.5);
    left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative;
}

.plyr__progress input[type="range"],
.plyr__progress__buffer {
    margin-left: calc(13px * -0.5);
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    margin-right: calc(13px * -0.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type="range"] {
    position: relative;
    z-index: 2;
}

.plyr__progress .plyr__tooltip {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0;
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc((5px / 2) * -1);
    margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
    padding: 0;
    position: absolute;
    top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(
        -45deg,
        rgba(35, 40, 47, 0.6) 25%,
        transparent 25%,
        transparent 50%,
        rgba(35, 40, 47, 0.6) 50%,
        rgba(35, 40, 47, 0.6) 75%,
        transparent 75%,
        transparent
    );
    background-image: linear-gradient(
        -45deg,
        var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
        transparent 25%,
        transparent 50%,
        var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
        var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
        transparent 75%,
        transparent
    );
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, 0.25);
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%;
}

.plyr__volume input[type="range"] {
    margin-left: calc(10px / 2);
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
    margin-right: calc(10px / 2);
    margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
    position: relative;
    z-index: 2;
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto;
}

.plyr--audio {
    display: block;
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
    background: #00b3ff;
    background: var(
        --plyr-audio-control-background-hover,
        var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
    );
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(
        --plyr-audio-range-track-background,
        var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
    );
}

.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(
        --plyr-audio-range-track-background,
        var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
    );
}

.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(
        --plyr-audio-range-track-background,
        var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
    );
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2),
        0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow:
        var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
        0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
            var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2),
        0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow:
        var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
        0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
            var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2),
        0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow:
        var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
        0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
            var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, 0.6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
    background: #000;
    overflow: hidden;
}

.plyr--video.plyr--menu-open {
    overflow: visible;
}

.plyr__video-wrapper {
    background: #000;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    left: 0;
    position: absolute;
    top: 0;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(10px / 2);
    padding: calc(var(--plyr-control-spacing, 10px) / 2);
    padding-top: calc(10px * 2);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
    position: absolute;
    right: 0;
    transition:
        opacity 0.4s ease-in-out,
        transform 0.4s ease-in-out;
    z-index: 3;
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
    background: #00b3ff;
    background: var(
        --plyr-video-control-background-hover,
        var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
    );
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
    background: #00b3ff;
    background: var(
        --plyr-video-control-background-hover,
        var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
    );
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: 0.9;
    padding: calc(10px * 1.5);
    padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
    z-index: 2;
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block;
}

.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, 0.25);
    background-color: var(
        --plyr-video-range-track-background,
        var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
    );
}

.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
    background-color: rgba(255, 255, 255, 0.25);
    background-color: var(
        --plyr-video-range-track-background,
        var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
    );
}

.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
    background-color: rgba(255, 255, 255, 0.25);
    background-color: var(
        --plyr-video-range-track-background,
        var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
    );
}

.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2),
        0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow:
        var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
        0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
            var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2),
        0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow:
        var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
        0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
            var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
    box-shadow:
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2),
        0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow:
        var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
        0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
            var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--video .plyr__progress__buffer {
    color: rgba(255, 255, 255, 0.25);
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-webkit-full-screen video {
    height: 100%;
}

.plyr:-ms-fullscreen video {
    height: 100%;
}

.plyr:fullscreen video {
    height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none;
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-webkit-full-screen video {
    height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-moz-full-screen video {
    height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none;
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-ms-fullscreen video {
    height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000;
}

.plyr--fullscreen-fallback video {
    height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static;
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none;
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}

.plyr__ads::after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3;
}

.plyr__ads::after:empty {
    display: none;
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin: calc(-var(--plyr-range-track-height, 5px) / 2) 0 0;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3;
}

.plyr__preview-thumb {
    background-color: rgba(255, 255, 255, 0.9);
    background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    margin-bottom: calc(calc(10px / 2) * 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
    opacity: 0;
    padding: 3px;
    padding: var(--plyr-tooltip-radius, 3px);
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition:
        transform 0.2s 0.1s ease,
        opacity 0.2s 0.1s ease;
    z-index: 2;
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid
        var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: calc(4px * -1);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(3px - 1px);
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3;
}

.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: calc(3px - 1px);
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    padding: 3px 6px;
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.3s ease;
    width: 100%;
    z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1;
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr--no-transition {
    transition: none !important;
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.plyr [hidden] {
    display: none !important;
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
    opacity: 1;
    z-index: 1;
}

.splide--rtl {
    direction: rtl;
}

.splide__track--ttb > .splide__list {
    display: block;
}

.splide__container {
    box-sizing: border-box;
    position: relative;
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none;
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
    display: none;
}

.splide__progress__bar {
    width: 0;
}

.splide {
    position: relative;
    visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible;
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
}

.splide__slide img {
    vertical-align: bottom;
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline;
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.splide__container {
    box-sizing: border-box;
    position: relative;
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none;
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
    display: none;
}

.splide__progress__bar {
    width: 0;
}

.splide {
    position: relative;
    visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible;
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
}

.splide__slide img {
    vertical-align: bottom;
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline;
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
    opacity: 1;
    z-index: 1;
}

.splide--rtl {
    direction: rtl;
}

.splide__track--ttb > .splide__list {
    display: block;
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1;
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
    opacity: 0.9;
}

.splide__arrow:disabled {
    opacity: 0.3;
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__arrow--prev {
    left: 1em;
}

.splide__arrow--prev svg {
    transform: scaleX(-1);
}

.splide__arrow--next {
    right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__pagination {
    bottom: 0.5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1;
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    transition: transform 0.2s linear;
    width: 8px;
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1;
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__progress__bar {
    background: #ccc;
    height: 3px;
}

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

.splide__slide:focus {
    outline: 0;
}

.splide__toggle {
    cursor: pointer;
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg);
}

.splide__pagination--ttb {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: 0.5em;
    top: 0;
}

.header-wrap {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 0;
    z-index: 50;
    transition: transform 0.2s linear;
}

.header-wrap._header-hidden {
    transform: translateY(-4.16666667rem);
}

.page-case .header-wrap .logo-image span img:first-child {
    opacity: 1;
    visibility: visible;
}

.page-case .header-wrap .logo-image span img:last-child {
    opacity: 0;
    visibility: hidden;
}

.page-case .header-wrap._header-white .logo-image span img:first-child {
    opacity: 0;
    visibility: hidden;
}

.page-case .header-wrap._header-white .logo-image span img:last-child {
    opacity: 1;
    visibility: visible;
}

.page-case .header-wrap._header-white .header {
    background: #fff;
}

.page-case .header-wrap._header-white .burger-text {
    color: #272727;
}

.page-case .header-wrap._header-white .burger-wrap .burger > i {
    background: #272727;
}

.page-case .header-wrap._header-white .header__presetnation-btn:before {
    background: #272727;
    color: #fff;
}

.page-case .header-wrap._header-white .header__new-project-btn {
    color: #272727;
}

.page-case .header-wrap._header-white .logo {
    color: #272727;
}

.page-case .header-wrap._header-white .logo-image:before {
    border-color: #272727;
}

.page-case-new-design._form-open .burger-text {
    color: #272727;
}

.header {
    border-bottom: 1px solid #b5b5b5;
    height: 4.16666667rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.page-main-v2 .header,
.page-contacts .header,
.page-about .header,
.page-stream .header,
.page-projects .header,
.page-case-new-design .header,
.page-category .header,
.page-category-new .header,
.page-design-accompaniment .header {
    height: 4.16666667rem;
}

.page-main-v2 .header .form-layer__header,
.page-contacts .header .form-layer__header,
.page-about .header .form-layer__header,
.page-stream .header .form-layer__header,
.page-projects .header .form-layer__header,
.page-case-new-design .header .form-layer__header,
.page-category .header .form-layer__header,
.page-category-new .header .form-layer__header,
.page-design-accompaniment .header .form-layer__header {
    height: 0;
}

.header__inner {
    position: relative;
    height: 100%;
}

.page-main-v2 .header__inner,
.page-contacts .header__inner,
.page-about .header__inner,
.page-stream .header__inner,
.page-projects .header__inner,
.page-case-new-design .header__inner,
.page-category .header__inner,
.page-category-new .header__inner,
.page-design-accompaniment .header__inner {
    height: 4.16666667rem;
}

.logo {
    display: block;
    width: 7.03125rem;
    height: 0.98958333rem;
    text-indent: 100rem;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1px;
    background: url(../img/logo.svg) no-repeat 0 0;
    background-size: 100% auto;
    position: absolute;
    left: 3rem;
    top: 50%;
    margin-top: -0.47rem;
}

._menu-open .logo {
    background: url(../img/logo_white.svg) no-repeat 0 0;
    background-size: 100% auto;
}

.page-case-new-design._form-open .logo {
    color: #272727;
}

.logo:hover + .logo-image:before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}

.page-main-v2 .logo,
.page-contacts .logo,
.page-about .logo,
.page-stream .logo,
.page-projects .logo,
.page-case-new-design .logo,
.page-category .logo,
.page-category-new .logo,
.page-design-accompaniment .logo {
    left: 2.5rem;
}

.logo-image {
    position: relative;
    display: block;
    width: 2.08333333rem;
    height: 2.08333333rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.logo-image img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.logo-image img.logo-man-white {
    display: none;
}

.page-404 .logo-image img.logo-man-white {
    display: block;
}

.logo-image:before {
    position: absolute;
    content: "";
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    transition: all 0.3s;
}

.page-case-new-design._form-open .logo-image:before {
    border-color: #000;
}

.page-404 .logo-image:before {
    border: 1px solid #fff;
}

.logo-image:hover:before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}

.page-main-v2 .logo-image,
.page-contacts .logo-image,
.page-about .logo-image,
.page-stream .logo-image,
.page-projects .logo-image,
.page-case-new-design .logo-image,
.page-category .logo-image,
.page-category-new .logo-image,
.page-design-accompaniment .logo-image {
    width: 2.08333333rem;
    height: 2.08333333rem;
}

.burger {
    display: block;
    padding: 0;
    width: 1.66666667rem;
    height: 1.66666667rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.7rem 0 0 -1rem;
    overflow: hidden;
    text-indent: 10rem;
    font-size: 1px;
    white-space: nowrap;
    background: none;
    border: 0;
}

.burger__1,
.burger__2,
.burger__3 {
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 3px;
    top: 50%;
    transition:
        margin-top 0.2s linear,
        background 0.2s linear;
}

.burger__1 {
    margin-top: -8px;
}

.burger__3 {
    margin-top: 8px;
}

.arrow {
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 0;
    width: 1.2rem;
    height: 16px;
    transform: translateY(-50%);
}

.arrow img {
    height: 16px;
    float: right;
    line-height: 1;
}

.header__right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0 20px;
}

.header__right--with-arrow {
    padding-right: 2rem;
    display: none;
}

.header__form-link {
    display: block;
    font-size: 0.8rem;
    line-height: 1rem;
    position: relative;
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    background: none;
    border: 0;
}

.header__form-link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.1em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
}

html.desktop .header__form-link:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.header__form-close {
    display: block;
    position: relative;
    width: 2.6rem;
    height: 2.6rem;
    overflow: hidden;
    text-indent: 10rem;
    font-size: 1px;
    white-space: nowrap;
    background: transparent;
    border: 0;
    color: #fff;
    box-sizing: border-box;
    transition: all 0.1s ease;
}

.header__form-close:before,
.header__form-close:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    background: currentColor;
    transform: translateX(-50%) rotate(45deg);
    transition: width 0.4s;
}

.header__form-close:after {
    transform: translateX(-50%) rotate(-45deg);
}

html.desktop .header__form-close:hover:before,
html.desktop .header__form-close:hover:after {
    width: 70%;
}

.header__new-project {
    font-size: 2.3rem;
    line-height: 1.09em;
    letter-spacing: -0.03em;
    font-weight: 300;
    color: #4fd321;
    border: none;
    background: none;
    padding: 0;
    display: inline-block;
    position: relative;
}

.header__new-project:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    border-bottom: 0.05em solid #4fd321;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .header__new-project:hover:before {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.header__new-project-link {
    cursor: pointer;
    display: block;
}

.header__new-project-link.underline:after {
    bottom: 0.1em;
}

.header__presetnation-btn {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 5px;
    text-decoration: none;
    padding: 0.72916667rem 2.23958333rem 0.67708333rem 2.70833333rem;
    border-radius: 60px;
    color: #272727;
    border: 1px solid #000;
    font-size: 0.72916667rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
    color: #fff;
    background: #000;
}

.header__presetnation-btn img {
    position: absolute;
    top: 50%;
    left: 1.19791667rem;
    transform: translateY(-50%);
    transition: opacity 0.1s linear;
}

.header__presetnation-btn img:first-child {
    opacity: 1;
}

.header__presetnation-btn img:last-child {
    opacity: 0;
}

.desktop .header__presetnation-btn:hover {
    background: #fff;
    color: #000;
}

.desktop .header__presetnation-btn:hover img:first-child {
    opacity: 0;
}

.desktop .header__presetnation-btn:hover img:last-child {
    opacity: 1;
}

._menu-open .header__presetnation-btn {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

._menu-open .header__presetnation-btn img:first-child {
    opacity: 1;
}

._menu-open .header__presetnation-btn img:last-child {
    opacity: 0;
}

.header__new-project-btn {
    cursor: pointer;
    display: block;
    padding: 0.52083333rem 2.08333333rem 0.52083333rem;
    border: 0.05208333rem solid #000;
    border-radius: 60px;
    transition: all 0.2s ease-out;
    color: #272727;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 127%; /* 22.86px */
    letter-spacing: -0.01875rem;
    position: relative;
    z-index: 5;
}

.desktop .header__new-project-btn:hover {
    background: #000;
    color: #fff;
}

._menu-open.desktop .header__new-project-btn:hover {
    background: transparent;
    color: #fff;
}

._menu-open .header__new-project-btn {
    background: #fff;
    color: #272727;
    border-color: #fff;
}

.header__new-project-btn.underline {
    font-weight: 400;
}

.header__new-project-btn.underline:after {
    content: none;
}

.desktop .burger-wrap:hover .burger .burger__1,
.desktop .burger-wrap:hover .burger .burger__2,
.desktop .burger-wrap:hover .burger .burger__3 {
    background: #9d9d9d;
}

.page-main-v2 .burger-wrap,
.page-contacts .burger-wrap,
.page-stream .burger-wrap,
.page-projects .burger-wrap,
.page-case .burger-wrap,
.page-case-new-design .burger-wrap,
.page-about .burger-wrap,
.page-category .burger-wrap,
.page-category-new .burger-wrap,
.page-design-accompaniment .burger-wrap,
.page-subscribe .burger-wrap {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    gap: 0 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    overflow: hidden;
}

.page-main-v2 .burger-wrap .burger-text,
.page-contacts .burger-wrap .burger-text,
.page-stream .burger-wrap .burger-text,
.page-projects .burger-wrap .burger-text,
.page-case .burger-wrap .burger-text,
.page-case-new-design .burger-wrap .burger-text,
.page-about .burger-wrap .burger-text,
.page-category .burger-wrap .burger-text,
.page-category-new .burger-wrap .burger-text,
.page-design-accompaniment .burger-wrap .burger-text,
.page-subscribe .burger-wrap .burger-text {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
}

.page-main-v2 .burger-wrap .burger,
.page-contacts .burger-wrap .burger,
.page-stream .burger-wrap .burger,
.page-projects .burger-wrap .burger,
.page-case .burger-wrap .burger,
.page-case-new-design .burger-wrap .burger,
.page-about .burger-wrap .burger,
.page-category .burger-wrap .burger,
.page-category-new .burger-wrap .burger,
.page-design-accompaniment .burger-wrap .burger,
.page-subscribe .burger-wrap .burger {
    position: relative;
    left: initial;
    top: initial;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0.1rem 0 0 0;
    overflow: visible;
}

.page-main-v2 .burger-wrap .burger > i,
.page-contacts .burger-wrap .burger > i,
.page-stream .burger-wrap .burger > i,
.page-projects .burger-wrap .burger > i,
.page-case .burger-wrap .burger > i,
.page-case-new-design .burger-wrap .burger > i,
.page-about .burger-wrap .burger > i,
.page-category .burger-wrap .burger > i,
.page-category-new .burger-wrap .burger > i,
.page-design-accompaniment .burger-wrap .burger > i,
.page-subscribe .burger-wrap .burger > i {
    background: #000;
    color: #fff;
}

.page-main-v2 .burger-wrap .burger .burger__1,
.page-contacts .burger-wrap .burger .burger__1,
.page-stream .burger-wrap .burger .burger__1,
.page-projects .burger-wrap .burger .burger__1,
.page-case .burger-wrap .burger .burger__1,
.page-case-new-design .burger-wrap .burger .burger__1,
.page-about .burger-wrap .burger .burger__1,
.page-category .burger-wrap .burger .burger__1,
.page-category-new .burger-wrap .burger .burger__1,
.page-design-accompaniment .burger-wrap .burger .burger__1,
.page-subscribe .burger-wrap .burger .burger__1,
.page-main-v2 .burger-wrap .burger .burger__2,
.page-contacts .burger-wrap .burger .burger__2,
.page-stream .burger-wrap .burger .burger__2,
.page-projects .burger-wrap .burger .burger__2,
.page-case .burger-wrap .burger .burger__2,
.page-case-new-design .burger-wrap .burger .burger__2,
.page-about .burger-wrap .burger .burger__2,
.page-category .burger-wrap .burger .burger__2,
.page-category-new .burger-wrap .burger .burger__2,
.page-design-accompaniment .burger-wrap .burger .burger__2,
.page-subscribe .burger-wrap .burger .burger__2,
.page-main-v2 .burger-wrap .burger .burger__3,
.page-contacts .burger-wrap .burger .burger__3,
.page-stream .burger-wrap .burger .burger__3,
.page-projects .burger-wrap .burger .burger__3,
.page-case .burger-wrap .burger .burger__3,
.page-case-new-design .burger-wrap .burger .burger__3,
.page-about .burger-wrap .burger .burger__3,
.page-category .burger-wrap .burger .burger__3,
.page-category-new .burger-wrap .burger .burger__3,
.page-design-accompaniment .burger-wrap .burger .burger__3,
.page-subscribe .burger-wrap .burger .burger__3 {
    width: 0.9375rem;
}

.page-main-v2 .burger-wrap .burger .burger__1,
.page-contacts .burger-wrap .burger .burger__1,
.page-stream .burger-wrap .burger .burger__1,
.page-projects .burger-wrap .burger .burger__1,
.page-case .burger-wrap .burger .burger__1,
.page-case-new-design .burger-wrap .burger .burger__1,
.page-about .burger-wrap .burger .burger__1,
.page-category .burger-wrap .burger .burger__1,
.page-category-new .burger-wrap .burger .burger__1,
.page-design-accompaniment .burger-wrap .burger .burger__1,
.page-subscribe .burger-wrap .burger .burger__1 {
    margin: 0;
    top: 0.28645833rem;
}

.page-main-v2 .burger-wrap .burger .burger__3,
.page-contacts .burger-wrap .burger .burger__3,
.page-stream .burger-wrap .burger .burger__3,
.page-projects .burger-wrap .burger .burger__3,
.page-case .burger-wrap .burger .burger__3,
.page-case-new-design .burger-wrap .burger .burger__3,
.page-about .burger-wrap .burger .burger__3,
.page-category .burger-wrap .burger .burger__3,
.page-category-new .burger-wrap .burger .burger__3,
.page-design-accompaniment .burger-wrap .burger .burger__3,
.page-subscribe .burger-wrap .burger .burger__3 {
    top: initial;
    bottom: 0.26041667rem;
}

.desktop .burger:hover .burger__1 {
    margin-top: 0;
}

.desktop .burger:hover .burger__3 {
    margin-top: 0;
}

.cp20years {
    position: absolute;
    left: 13rem;
    height: 3rem;
    font-size: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.cp20years img {
    margin-right: 10px;
    width: 2.5rem;
    height: 2.5rem;
}

.page-404 .cp20years img {
    display: none;
}

.cp20years img.black-img-20years {
    display: none;
}

.page-404 .cp20years img.black-img-20years {
    display: block;
}

.menu-wrap .cp20years,
.form--dark .cp20years {
    color: #fff;
}

.footer {
    height: 7rem;
    transform: none !important;
}

.page-design-accompaniment .footer {
    background: #272727;
}

.company-name {
    margin-top: 1rem;
}

.company-name.company-name--mobile {
    display: none;
}

.company-name span {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.8rem;
    line-height: 1rem;
}

.footer__inner {
    position: relative;
    height: 100%;
}

.footer__img {
    height: 100%;
    position: relative;
    background-color: #b5b5b5;
}

.footer__img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.footer__img-inner._loaded {
    opacity: 1;
}

.footer__img-inner img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.footer__img-inner--desktop {
    display: none;
}

.footer__img-inner--tab {
    display: none;
}

.footer__img-inner--mobile {
    display: none;
}

.babl-event {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 20;
}

.babl-event img {
    max-width: 100%;
    max-height: 100%;
}

.footer-new {
    display: flex;
    flex-direction: column;
    background: #272727;
    padding: 4.2rem 0 1.05rem 0;
    color: #fff;
}

.footer-new .appear {
    transform: translateY(0) !important;
}

.footer-new .marquee.marquee--title-1 {
    border: none;
}

.footer-new .marquee.marquee--title-1 .marquee__inner > * {
    color: #fff;
    font-size: 5.20833333rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.05208333rem;
}

.footer-new .marquee.marquee--title-1 .marquee__inner > * {
    color: #fff;
    font-size: 100px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -2px;
}

.footer-new .marquee.marquee--title-1 .marquee__inner > * img {
    width: 87px;
    height: 87px;
    margin-bottom: -0.5rem;
}

.footer-new .marquee.marquee--title-1 {
    padding: 9.15rem 0;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 1.5rem;
    gap: 0 20px;
}

.footer-top .footer-top__links {
    margin-top: 4.42708333rem;
}

.footer-top .footer-top__links.footer-top__links--mobile {
    display: none;
}

.footer-top .footer-top__links.footer-top__links--mobile a {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
    margin-bottom: 1.30208333rem;
}

.footer-top .footer-top__links.footer-top__links--mobile a:last-child {
    margin-bottom: 0;
}

.footer-top .footer-top__left {
    display: flex;
    flex-direction: column;
    width: 49.507%;
}

.footer-top .footer-top__left p {
    color: #fff;
    margin-top: 0;
    font-size: 0.94rem;
    line-height: 127%;
    letter-spacing: -0.36px;
    margin-bottom: 2.085rem;
}

.footer-top .footer-top__left p > a {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 0.94rem;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.footer-top .footer-top__left .footer-top__links {
    margin-top: 4.42708333rem;
}

.footer-top .footer-top__left .footer-top__links.footer-top__links--desktop {
    display: none;
}

.footer-top .footer-top__left a {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
    color: #fff;
    font-size: 1.67rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.64px;
    text-decoration: none;
}

.footer-top .footer-top__left a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .footer-top .footer-top__left a:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.footer-top .footer-top__left a::after {
    border-bottom: 0.08em solid currentColor;
}

.footer-top .footer-top__left a.data-policy-link,
.footer-top .footer-top__left a.data-organization-link {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
    margin-bottom: 1.30208333rem;
}

.footer-top .footer-top__left a.data-policy-link:last-child,
.footer-top .footer-top__left a.data-organization-link:last-child {
    margin-bottom: 0;
}

.footer-top .footer-top__right {
    display: flex;
    flex-direction: column;
    width: calc(100% - 20px - 49.507%);
}

.footer-column-menu-title {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.01875rem;
    margin-bottom: 1.04166667rem;
}

.footer-top__right-top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 20px;
    margin-bottom: 1.565rem;
}

.footer-top__right-top .footer-column-menu {
    max-width: 294px;
    width: 100%;
}

.footer-top__right-top .footer-column-menu a.tel {
    color: #fff;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
    text-decoration: none;
    margin-bottom: 0.52083333rem;
}

.footer-top__right-top .footer-column-menu a.tel:last-child {
    margin-bottom: 0;
}

.footer-top__right-top .footer-column-menu span {
    display: block;
    margin-bottom: 0.52083333rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.01875rem;
}

.footer-top__right-top .footer-column-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.52083333rem;
}

.footer-top__right-top .footer-column-menu ul li:last-child {
    margin-bottom: 0;
}

.footer-top__right-top .footer-column-menu ul li,
.footer-top__right-top .footer-column-menu ul a {
    position: relative;
    color: #fff;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.9375rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 127%;
    letter-spacing: -0.01875rem;
}

.footer-top__right-top .footer-column-menu ul li::after,
.footer-top__right-top .footer-column-menu ul a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.footer-top__right-bottom a {
    position: relative;
    color: #fff;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
    text-decoration: none;
}

.footer-top__right-bottom a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 0.1em solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .footer-top__right-bottom a:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.footer-bottom-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 20px;
    padding: 0 1.5rem;
}

.footer-bottom-line .footer-copyright {
    color: #fff;
    font-size: 0.94rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.footer-bottom-line a {
    color: #fff;
    font-size: 0.94rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.footer-bottom-line .company-name {
    margin-left: auto;
    color: #fff;
    font-size: 0.94rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.policy-more.policy-more-mobile {
    display: none;
}

.top {
    margin-top: 3.1rem;
    margin-bottom: 4.2rem;
}

.top [class^="col"] > *:not(.mp-hero):not(.case-title):first-child {
    margin-top: 0 !important;
}

.top [class^="col"] > *:last-child {
    margin-bottom: 0 !important;
}

.top a {
    text-decoration: none;
}

.top a:not([href^="tel"]):not(.underline) {
    font-weight: 400;
    position: relative;
    text-decoration: none;
}

.top a:not([href^="tel"]):not(.underline):after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

html.desktop .top a:not([href^="tel"]):not(.underline):hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.3s ease,
        width 0s linear 0.3s;
}

.top__socials {
    margin-bottom: 2rem;
}

.top__socials .unmarked-list {
    margin-top: 1rem;
    margin-bottom: 0 !important;
}

.top__right {
    text-align: right;
}

.top__left {
    text-align: left;
}

.section-head {
    margin-top: 5.2rem;
    border-top: 1px solid #b5b5b5;
}

.case-siblings .section-head {
    margin-top: 0;
}

.section-head h1 {
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 400;
    margin: 0;
    padding: 3.3rem 0;
}

.section-head--noborder {
    border-top-color: transparent;
    margin-top: -6rem;
}

.section-head--noborder .section-title {
    padding-top: 0;
}

.case-slider + .section .section-head--noborder {
    margin-top: 0;
}

.section-head--nomargintop {
    margin-top: 0 !important;
}

.section-head--notitle {
    height: 2rem;
}

.section-head--notitle .section-title {
    display: none;
}

.section-head--notitle.section-head--noborder {
    display: none;
}

.section-title,
.section-head--nomargintop .section-title {
    font-size: 0.8rem;
    line-height: 1rem;
    margin: 0;
    padding: 3.3rem 0;
}

.get-in-touch-wrap {
    background: #272727;
    width: 100rem;
    margin: 0 -1.5rem;
    padding: 0 1.5rem 5rem 1.5rem;
    box-sizing: border-box;
    color: #fff;
}

.get-in-touch-wrap .section-title {
    padding: 3.3rem 0 1.3rem 0;
}

.get-in-touch {
    margin-bottom: 6.3rem;
}

.get-in-touch.get-in-touch-design-accompaniment .form__checkbox-cell a {
    color: #fff;
}

.get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"] {
    display: inline-block;
    position: relative;
}

.desktop .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"]:hover {
    background-size: 0% 0.05208333rem;
}

.get-in-touch.get-in-touch-design-accompaniment .form__submit {
    max-width: 12.23958333rem;
    width: 100%;
    color: #000;
    padding: 10px 0;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
    border-radius: 100px;
    border: 1px solid #000;
    background: #fff;
}

.get-in-touch.get-in-touch-design-accompaniment .form__submit span {
    padding-left: 0;
    padding-right: 0;
}

html.desktop .get-in-touch.get-in-touch-design-accompaniment .form__submit:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .get-in-touch.get-in-touch-design-accompaniment .form__submit:hover {
    background: #000;
    color: #fff;
}

.get-in-touch.get-in-touch-design-accompaniment .form__submit[disabled],
.get-in-touch.get-in-touch-design-accompaniment .form__submit ._disabled {
    color: #272727;
    opacity: 0.25;
    pointer-events: none;
}

.get-in-touch.get-in-touch-design-accompaniment .form__submit[disabled]:after,
.get-in-touch.get-in-touch-design-accompaniment .form__submit ._disabled:after {
    display: none;
}

.get-in-touch.get-in-touch-design-accompaniment .subscribe-runline {
    margin-top: 175px;
}

.get-in-touch.get-in-touch-design-accompaniment .section-title {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

.get-in-touch.get-in-touch-design-accompaniment .accent {
    line-height: 110%;
    font-size: 1.6rem;
    margin-bottom: 1.7rem;
}

.get-in-touch.get-in-touch-design-accompaniment .p_small {
    font-size: 0.8rem;
    line-height: 127%;
    margin: 0;
}

.get-in-touch.get-in-touch-design-accompaniment .form-column__input {
    font-size: 0.8rem;
}

.get-in-touch.get-in-touch-design-accompaniment .subscribe-popup-form__agree-text,
.get-in-touch.get-in-touch-design-accompaniment .form__checkbox-item span:not(.form__checkbox-custom) {
    font-size: 0.63rem;
}

.get-in-touch.get-in-touch-design-accompaniment p {
    margin: 1.7rem 0;
    font-size: 0.8rem;
    line-height: 127%;
}

.get-in-touch.get-in-touch-design-accompaniment .unmarked-list a {
    font-size: 0.8rem;
    line-height: 127%;
}

.get-in-touch-wrap .get-in-touch {
    margin-bottom: 0;
}

.get-in-touch p {
    margin: 1.7rem 0;
}

.get-in-touch-wrap .get-in-touch p {
    color: #fff;
}

.get-in-touch-wrap .get-in-touch p a {
    color: #fff;
}

.get-in-touch a.underline:after {
    bottom: 0.05em;
    border-width: 1px !important;
}

.get-in-touch .get-in-touch__privacy {
    margin-top: 2rem;
}

.get-in-touch .get-in-touch__privacy a.underline {
    font-weight: normal;
}

.preview-cards {
    margin: 0;
}

.preview-cards:not(.other-clients__preview-cards, .vacancies):has(.preview-card) {
    margin: 2.6rem 0 10.5rem 0;
}

.preview-cards__inner {
    width: 100%;
    display: flex;
}

.preview-card {
    width: 25%;
    margin-right: 1rem;
    position: relative;
    white-space: normal;
}

.preview-card:last-child {
    margin-right: 0 !important;
}

.preview-card__img {
    position: relative;
    padding-bottom: 100%;
    background-color: #4fd321;
}

.preview-card__img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.preview-card__img-inner._loaded {
    opacity: 1;
}

.preview-card__img-inner img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.preview-card__top-title {
    text-align: right;
    font-size: 0.7rem;
    line-height: 1.3em;
    margin-bottom: 0.6rem;
}

.preview-card__text {
    font-size: 1.1rem;
    line-height: 1.3em;
    margin-top: 0.5rem;
}

.projects {
    margin-top: 6.5rem;
    margin-bottom: -1rem;
}

.projects-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.projects-row .project-card {
    /* три элемента */ /* два элемента */ /* один элемент */
}

.projects-row .project-card:nth-child(1):nth-last-child(3),
.projects-row .project-card:nth-child(2):nth-last-child(2),
.projects-row .project-card:nth-child(3):nth-last-child(1) {
    width: 33.3333%;
}

.projects-row .project-card:nth-child(1):nth-last-child(2),
.projects-row .project-card:nth-child(2):nth-last-child(1) {
    width: 50%;
}

.projects-row .project-card:nth-child(1):nth-last-child(1) {
    width: 100%;
}

.project-card {
    display: block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-bottom: 6.3rem;
    box-sizing: border-box;
}

.project-card__link {
    display: block;
    position: relative;
    text-decoration: none;
}

.project-card--size-big {
    width: 100%;
    margin-right: 0;
}

.project-card--size-big .project-card__img {
    padding-top: 56.057%;
}

.project-card--size-3 {
    width: 50%;
}

.project-card--size-2 {
    width: 33.33%;
}

.project-card--size-1 {
    width: 16.66%;
}

.project-card__img {
    position: relative;
    padding-top: 56.4%;
}

.project-card__img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.project-card__img-inner._loaded {
    opacity: 1;
}

.project-card__img-inner img,
.project-card__img-inner video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.project-card__img-inner video {
    opacity: 1;
}

.project-card__img-inner img._mobile {
    display: none;
}

._window-resized .project-card__img-inner._lazy-detected {
    background: none !important;
}

._window-resized .project-card__img-inner._lazy-detected img {
    opacity: 1;
}

.project-card__title {
    font-size: 1.1rem;
    line-height: 1.3em;
    margin-top: 0.5rem;
    position: relative;
}

.project-card__title span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

a .project-card__title span {
    text-decoration: underline;
}

html.desktop a:hover .project-card__title span {
    text-decoration: none;
}

.project-card__title .soon {
    background-color: #4fd321;
}

.more-projects {
    display: flex;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: 6.3rem;
}

.more-projects._hidden {
    display: none;
}

.more-projects__quntity {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    width: 33.33%;
    margin-bottom: 6.3rem;
    box-sizing: border-box;
}

.more-projects__quntity-number {
    font-size: 9.27rem;
    line-height: 0.9em;
    letter-spacing: -5.56534px;
}

.more-projects__quantity-text {
    font-size: 0.67rem;
    line-height: 1em;
    letter-spacing: -0.5px;
}

.more-projects__list {
    width: 16.6%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
}

html.desktop .more-projects__list._hover + .more-projects__cards {
    opacity: 0;
    z-index: -999;
    position: relative;
    transition: opacity 0.2s linear;
}

.more-projects__list--2 {
    width: 33.33%;
}

.more-projects__list--2 + .more-projects__cards {
    width: 33.33%;
}

.more-projects__list--2 + .more-projects__cards .more-projects__cards-item {
    width: calc(50% - 10px);
    padding-top: 27.3%;
}

.more-projects__list--2 + .more-projects__cards .more-projects__cards-item:nth-child(3) {
    display: none;
}

.more-projects__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.more-projects__col._odd
    + .more-projects__col
    .more-projects__list-link:nth-child(2n + 1)
    .more-projects__img-mob {
    height: calc(42vw + 4.4rem);
}

.more-projects__col._odd
    + .more-projects__col
    .more-projects__list-link:nth-child(2n + 1)
    .more-projects__img-mob._odd {
    display: none;
}

.more-projects__col._odd
    + .more-projects__col
    .more-projects__list-link:nth-child(2n)
    .more-projects__img-mob {
    height: 27.2vw;
}

.more-projects__col._odd
    + .more-projects__col
    .more-projects__list-link:nth-child(2n)
    .more-projects__img-mob._even {
    display: none;
}

.more-projects__list-link {
    margin-bottom: 14px;
}

.more-projects__img-hover {
    width: calc((100vw - 3rem) / 3 - 0.7rem);
    height: 18.75vw;
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    z-index: -999;
    transition: opacity 0.2s linear;
    margin-left: 0.5rem;
}

.more-projects__img-hover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.more-projects__img-mob {
    display: none;
}

.more-projects__cards {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    transition: 0.2s opacity 0.2s linear;
}

.more-projects__cards-item {
    width: calc(33.33% - 20px * 2 / 3);
    padding-top: 18%;
    position: relative;
}

.more-projects__cards-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.marquee {
    white-space: nowrap;
    overflow: hidden;
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    pointer-events: none;
}

.marquee__inner {
    font-size: 0;
}

.marquee__inner > *,
.marquee__inner:after {
    display: inline-block !important;
    vertical-align: top;
    white-space: nowrap;
    position: relative;
    margin: 0 !important;
}

.marquee__inner > :first-child {
    animation: marquee 20s linear infinite;
    animation-duration: inherit;
}

.marquee--title-1 {
    padding: 4rem 0;
    border-bottom: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5;
    margin-top: -1px;
}

.marquee--subscribe {
    width: 32vw;
    position: relative;
    left: auto;
    margin-left: 0;
    margin-bottom: 1rem;
    transition: opacity 0.2s ease;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    z-index: 3;
}

.desktop .marquee--subscribe:hover {
    opacity: 0.5;
}

.desktop .marquee--subscribe:hover .marquee__inner > div {
    animation-play-state: paused !important;
}

.marquee--subscribe .marquee__inner p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-right: 5rem !important;
}

.marquee--subscribe .marquee__inner > div {
    animation-duration: 10s !important; /*& > div {
                padding-right: 5rem!important;

                @media (max-width: @screenS) {
                    padding-right: 40px!important;
                }
            }*/
}

.marquee--subscribe .marquee__inner span {
    display: inline-block;
    position: relative;
    margin-left: 1.5rem;
    color: #a4a4a4;
    padding-right: 1rem;
}

.marquee--subscribe .marquee__inner span:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjAwMDE4NDM2NyAzLjUyNDg2QzAuMDAwMTg0Mzc5IDMuMzkxMzMgMC4wNTMyMjg4IDMuMjYzMjcgMC4xNDc2NDggMy4xNjg4NUMwLjI0MjA2OCAzLjA3NDQzIDAuMzcwMTI4IDMuMDIxMzkgMC41MDM2NTcgMy4wMjEzOUw2LjMzNjg5IDMuMDIxMzlMNC4xNzQ5OCAwLjg2MDQ4NkM0LjEyODE3IDAuODEzNjc1IDQuMDkxMDMgMC43NTgxMDMgNC4wNjU3IDAuNjk2OTQyQzQuMDQwMzcgMC42MzU3ODEgNC4wMjczMyAwLjU3MDIyOCA0LjAyNzMzIDAuNTA0MDI4QzQuMDI3MzMgMC40Mzc4MjggNC4wNDAzNyAwLjM3MjI3NSA0LjA2NTcgMC4zMTExMTRDNC4wOTEwMyAwLjI0OTk1MyA0LjEyODE3IDAuMTk0MzggNC4xNzQ5OCAwLjE0NzU2OUM0LjIyMTc5IDAuMTAwNzU5IDQuMjc3MzYgMC4wNjM2MjY0IDQuMzM4NTIgMC4wMzgyOTI2QzQuMzk5NjggMC4wMTI5NTg4IDQuNDY1MjMgLTcuOTk0NThlLTA1IDQuNTMxNDQgLTcuOTk0ZS0wNUM0LjU5NzY0IC03Ljk5MzQyZS0wNSA0LjY2MzE5IDAuMDEyOTU4OCA0LjcyNDM1IDAuMDM4MjkyNkM0Ljc4NTUxIDAuMDYzNjI2NCA0Ljg0MTA4IDAuMTAwNzU5IDQuODg3ODkgMC4xNDc1NjlMNy45MDg3MyAzLjE2ODRDNy45NTU2MSAzLjIxNTE3IDcuOTkyODEgMy4yNzA3MyA4LjAxODE5IDMuMzMxOUM4LjA0MzU4IDMuMzkzMDcgOC4wNTY2NCAzLjQ1ODY0IDguMDU2NjQgMy41MjQ4NkM4LjA1NjY0IDMuNTkxMDkgOC4wNDM1OCAzLjY1NjY2IDguMDE4MTkgMy43MTc4M0M3Ljk5MjgxIDMuNzc4OTkgNy45NTU2MSAzLjgzNDU1IDcuOTA4NzMgMy44ODEzMkw0Ljg4Nzg5IDYuOTAyMTVDNC43OTMzNSA2Ljk5NjY5IDQuNjY1MTMgNy4wNDk4IDQuNTMxNDMgNy4wNDk4QzQuMzk3NzQgNy4wNDk4IDQuMjY5NTEgNi45OTY2OSA0LjE3NDk4IDYuOTAyMTVDNC4wODA0NCA2LjgwNzYyIDQuMDI3MzMgNi42NzkzOSA0LjAyNzMzIDYuNTQ1N0M0LjAyNzMzIDYuNDEyIDQuMDgwNDQgNi4yODM3OCA0LjE3NDk4IDYuMTg5MjRMNi4zMzY4OSA0LjAyODMzTDAuNTAzNjU3IDQuMDI4MzNDMC4zNzAxMjggNC4wMjgzMyAwLjI0MjA2NyAzLjk3NTI5IDAuMTQ3NjQ4IDMuODgwODdDMC4wNTMyMjg4IDMuNzg2NDUgMC4wMDAxODQzNTYgMy42NTgzOSAwLjAwMDE4NDM2NyAzLjUyNDg2WiIgZmlsbD0iI0E0QTRBNCIvPg0KPC9zdmc+DQo=)
        no-repeat center;
    width: 0.7rem;
    height: 0.7rem;
    display: block;
    margin-left: 0.3rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "";
}

.marquee--subscribe .marquee__inner span:before {
    background: #a4a4a4;
    position: absolute;
    width: 100%;
    height: 1px;
    display: block;
    top: 100%;
    left: 0;
    margin-top: -0.2rem;
    content: "";
}

html._menu-open .menu {
    visibility: visible;
    transition: none;
}

html._menu-open .menu-bg {
    transform: scale(1, 1);
    transition: all 0.2s ease;
}

html._menu-open .menu-wrap {
    pointer-events: auto;
}

html._menu-open .menu__inner {
    opacity: 1;
    transform: translateY(0) !important;
    transition: all 0.5s ease;
}

html._menu-open .menu__header {
    height: 4.16666667rem;
    top: 0;
}

html._menu-open .menu__header .logo,
html._menu-open .menu__header .header__right {
    opacity: 1;
    transition: opacity 0.3s ease 0.2s;
}

html._menu-open .menu__close {
    opacity: 1;
    transition: all 0.3s ease;
}

html._menu-open .airplane-circle {
    opacity: 1;
    transition: all 0.3s ease;
}

.menu-wrap {
    position: fixed;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 55;
    overflow: hidden;
    pointer-events: none;
}

.menu-wrap .header__new-project-link {
    color: #fff;
}

.menu {
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    color: #fff;
    will-change: transform;
    visibility: hidden;
    transition: all 0s linear 0.5s;
}

.menu-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #272727;
    z-index: 1;
    transition: all 0.2s ease 0.1s;
    transform-origin: top;
    transform: scale(1, 0);
    will-change: transform;
}

.header.menu__header {
    position: absolute;
    width: 100vw;
    left: 0;
    top: -1px;
    z-index: 2;
    background: #272727;
    border-color: rgba(181, 181, 181, 0.4);
    color: #fff;
    transition: all 0.3s ease;
    height: 0;
    overflow: hidden;
}

.header.menu__header .header__form-link {
    color: #fff;
}

.header.menu__header .logo {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.header.menu__header .logo-image:before {
    border: 1px solid #fff;
}

.header.menu__header .header__right {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.header.menu__header .burger {
    color: #fff;
}

.menu__inner {
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    opacity: 0;
    transform: translateY(2rem);
    transition: all 0.2s ease;
}

html:not(.mobile) .menu__inner {
    scrollbar-width: thin;
    scrollbar-color: #000 #eee;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

html:not(.mobile) .menu__inner::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #eee;
}

html:not(.mobile) .menu__inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #000;
}

.menu__inner [class^="col-"]:last-child {
    text-align: left;
}

.menu__inner p:first-child,
.menu__inner ul:first-child {
    margin-top: 0;
}

.menu__inner p:last-child,
.menu__inner ul:last-child {
    margin-bottom: 0;
}

.menu__inner a {
    color: #fff;
}

.menu__inner a[data-alias="Presentation"] {
    color: #4fd321;
}

.menu__inner a:not([href^="tel:"]) {
    text-decoration: none;
    position: relative;
    font-weight: 400;
}

.menu__inner a:not([href^="tel:"]):after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
}

html.desktop .menu__inner a:not([href^="tel:"]):hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.menu__inner a[href^="tel:"] {
    text-decoration: none;
}

.menu__inner a.underline-default {
    text-decoration: underline;
}

.menu__inner a.underline-default:hover {
    text-decoration: none;
}

.menu__inner a.underline-default:after {
    display: none;
}

.menu__scroll-wrap {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-top: 8rem;
    padding-bottom: 10rem;
}

.menu__img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 8rem;
}

.menu__img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.menu__img-inner._loaded {
    opacity: 1;
}

.menu__img-inner--desktop {
    display: none;
}

.menu__img-inner--tab {
    display: none;
}

.menu__img-inner--mobile {
    display: none;
}

.menu__cell-top-1 p {
    font-size: 1.05rem;
    margin-bottom: 1rem;
}

.menu__cell-top-1 .menu__list:first-of-type {
    margin-bottom: 5.6rem;
}

.mobile-only-menu {
    display: none;
}

.menu__cell-top-2 p {
    font-size: 1.05rem;
    margin-bottom: 1rem;
    margin-top: 0;
}

.menu__cell-top-4 {
    text-align: right;
}

.menu__mobile-about {
    display: none;
    margin-top: 8rem;
}

.menu__list .menu__mobile-newproject {
    display: none;
    margin-top: 8rem;
}

.menu__career {
    margin-bottom: 2rem;
}

.menu__middle {
    align-items: flex-end;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.menu__bottom {
    align-items: flex-end;
    margin-top: auto;
}

.menu__cell-bottom-0 {
    display: flex;
}

.menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.menu__list li {
    font-size: 2.3rem;
    line-height: 1.1;
    font-weight: 300;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

.menu__list a {
    text-decoration: none;
    position: relative;
    font-weight: 300 !important;
}

.menu__list a:after {
    content: none !important;
}

.menu__list a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0.05em;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.page-main-v2 .menu__list a:before,
.page-contacts .menu__list a:before,
.page-about .menu__list a:before,
.page-stream .menu__list a:before,
.page-projects .menu__list a:before,
.page-case-new-design .menu__list a:before,
.page-category .menu__list a:before,
.page-category-new .menu__list a:before,
.page-design-accompaniment .menu__list a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: -0.08em;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .menu__list a:hover:before {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.menu__list span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu-item-active a:before {
    width: 100%;
    transform: scale(1, 1);
}

.menu__socials {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.menu__socials li {
    margin-right: 8rem;
}

.menu__socials li:last-child {
    margin-right: 0;
}

.menu__close {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    text-indent: 10rem;
    font-size: 1px;
    white-space: nowrap;
    background: transparent;
    border: 0;
    color: #fff;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.1s ease;
}

.menu__close:before,
.menu__close:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    background: currentColor;
    transform: translateX(-50%) rotate(45deg);
    transition: background 0.2s;
}

.menu__close:after {
    transform: translateX(-50%) rotate(-45deg);
}

.airplane-circle {
    position: absolute !important;
    bottom: -15px;
    right: 0;
    width: 6%;
}

.airplane-circle svg {
    overflow: visible;
    width: 100%;
}

.airplane-circle:after {
    content: none !important;
}

.first-screen__bottom .airplane-circle {
    bottom: -10px;
    right: -16px;
}

.airplane-circle__link {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: calc(50% - 8px);
    margin-bottom: -0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    padding-right: 16px;
}

.airplane-circle__link:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0.15em;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.desktop .airplane-circle:hover .airplane-circle__link:before {
    width: calc(100% - 16px);
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.airplane-block {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 6%;
}

.airplane-block .airplane-circle {
    color: #fff;
    bottom: 10rem;
    margin-bottom: -15px;
    right: -15px;
    width: 100% !important;
    display: block;
}

.menu-wrap-new .header.menu__header {
    border: none;
    height: 0;
}

._menu-open .menu-wrap-new .header.menu__header {
    height: 4.16666667rem;
    top: 0;
}

.menu-wrap-new .header.menu__header .header__inner {
    height: 4.16666667rem;
}

.menu-wrap-new .menu__top {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0 20px;
}

.menu-wrap-new .header__new-project {
    display: block;
    height: 1.66666667rem;
    width: -webkit-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1.67rem;
    line-height: 1.1;
    font-weight: 300;
    white-space: nowrap;
    margin-top: auto;
}

.menu-wrap-new .header__new-project::before {
    content: none;
}

.menu-wrap-new .header__new-project::after {
    bottom: -0.08em;
    border-bottom: 0.05em solid currentColor;
}

.menu-wrap-new .menu__top-item .menu__list li a.link-presentation::before {
    content: none;
}

.menu-wrap-new .menu__top-item .menu__list li a.link-presentation::after {
    content: "" !important;
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: -0.08em;
    transform-origin: right center;
    transform: scale(1, 1);
    pointer-events: none;
    border-bottom: 0.05em solid currentcolor;
    transition: width 0.2s;
}

.desktop .menu-wrap-new .menu__top-item .menu__list li a.link-presentation:hover::after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.menu-wrap-new .menu__top-item {
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 20px * 2 / 3);
}

.menu-wrap-new .menu__top-item ul li a {
    font-size: 1.67rem;
    line-height: 1.1;
    font-weight: 300 !important;
    white-space: nowrap;
}

.menu-wrap-new .menu__top-item p {
    color: #9d9d9d;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%; /* 22.86px */
    letter-spacing: -0.01875rem;
    margin-bottom: 2.08333333rem;
}

.menu-wrap-new .menu__close {
    text-indent: initial;
    font-size: 0.9375rem;
    width: 8rem;
    left: 48.7%;
}

.desktop .menu-wrap-new .menu__close:hover:before,
.desktop .menu-wrap-new .menu__close:hover:after {
    background: #9d9d9d;
}

.menu-wrap-new .menu__close:before,
.menu-wrap-new .menu__close:after {
    width: 15%;
    left: 82%;
}

.menu-wrap-new .menu__scroll-wrap {
    padding-top: 6.25rem;
    padding-bottom: 4.17rem;
}

.menu-wrap-new .menu-showreel {
    position: relative;
    height: 0;
    padding-bottom: 20.172%;
    width: 49.464%;
}

.menu-wrap-new .menu-showreel img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.menu-wrap-new .play-menu-showreel {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 10;
}

.menu-wrap-new .menu-slider-cases.swiper {
    margin-right: 0;
}

.menu-wrap-new .menu-slider-cases .swiper-wrapper a.swiper-slide::after {
    content: none;
}

.menu-wrap-new .menu-slider-cases-slide-img {
    position: relative;
    height: 0;
    padding-bottom: 56.086%;
    margin-bottom: 0.52rem;
}

.menu-wrap-new .menu-slider-cases-slide-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.menu-wrap-new .menu-slider-cases {
    width: 32.6181%;
}

.menu-wrap-new .menu__bottom {
    display: flex;
    justify-content: space-between;
}

.menu-wrap-new .menu-slider-cases-slide-text {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.18px;
    padding-bottom: 0.15625rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.menu-wrap-new .menu-slider-cases-slide-text::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
}

.menu-wrap-new .menu-slider-cases-slide.swiper-slide-active .menu-slider-cases-slide-text {
    opacity: 1;
}

.menu-wrap-new .menu-slider-cases-slide.swiper-slide-active .menu-slider-cases-slide-text::after {
    animation-name: width-from-0-to-100;
    animation-duration: 5s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

.menu-wrap-new .slider-cases-btns > div {
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 100%; /* 18px */
    letter-spacing: -0.36px;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
}

.menu-wrap-new .slider-cases-btns > div.slider-cases-button-prev {
    display: none;
}

.menu-wrap-new .menu-slider-cases-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.52rem;
}

.menu-wrap-new .slider-cases-pagination {
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 100%; /* 18px */
    letter-spacing: -0.36px;
}

html._form-open .form-layer-wrap {
    pointer-events: auto;
}

html._form-open .video-sticky {
    pointer-events: none;
}

html._form-open .video-sticky video {
    pointer-events: none;
    visibility: hidden;
}

html._form-open .form-layer {
    visibility: visible;
    transition: none;
}

html._form-open .form-layer .burger {
    opacity: 1;
    transition: all 0.3s ease;
}

html._form-open .form-bg {
    transform: scale(1, 1);
    transition: all 0.2s ease;
}

html._form-open .form-layer__inner {
    opacity: 1;
    transform: translateY(0) !important;
    transition: all 0.5s ease;
}

html._form-open .form-layer__header {
    height: 4.16666667rem;
    top: 0;
}

html._form-open .form-layer__header .logo,
html._form-open .form-layer__header .header__right {
    opacity: 1;
    transition: opacity 0.3s ease 0.2s;
}

.form-white-new .form-layer-top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 80.72916667rem;
    width: 100%;
    gap: 0 1.04166667rem;
    margin-bottom: 8.33333333rem;
}

.form-white-new .form-layer-top .form-layer-top__left {
    width: 31.66666667rem;
}

.form-white-new .form-layer-top .form-layer-top__left .form-column__preview {
    display: none;
}

.form-white-new .form-layer-top .form-layer-top__right {
    padding-top: 0.78125rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% - 1.04166667rem - 31.66666667rem);
}

.form-white-new .form-layer-top .form-layer-phone {
    font-size: 1.67rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
}

.form-white-new .title-h3,
.form-white-new .marquee--title-3 .marquee__inner > *,
.form-white-new .marquee--title-3 .marquee__inner:after {
    font-weight: 400;
    font-size: 3.75rem;
    line-height: 120%;
    letter-spacing: -0.72px;
}

.form-white-new .form-column__preview {
    max-width: 308px;
    margin-bottom: 0;
}

.form-layer-wrap.form--white .form-layer__header {
    background: #fff;
}

.form-layer-wrap.form--white .input-text-line--two {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 28px;
}

.form-layer-wrap.form--white .input-text-line--two .input-text-line__inner {
    min-width: initial;
    width: 50%;
}

.form-layer-wrap.form--white .input-text-line--two .input-text-line__inner._error-wrap i {
    color: #f2306e;
}

.form-layer-wrap.form--white .input-text-line--two .input-text-line__inner._error-wrap input,
.form-layer-wrap.form--white .input-text-line--two .input-text-line__inner._error-wrap textarea {
    border-color: #f2306e;
}

.form-layer-wrap.form--white .input-text-line--two .input-text-line__inner + .input-text-line__inner {
    margin-left: 0;
}

.form-layer-wrap.form--white .input-text-line._error-wrap .form-column__input {
    border-color: #f2306e;
}

.form-layer-wrap.form--white .input-text-line.input-text-line--column {
    margin-top: 2.70833333rem;
    padding: 0;
    flex-direction: column;
}

.form-layer-wrap.form--white .input-text-line._error-wrap .form-column__label {
    display: block !important;
}

.form-layer-wrap.form--white .input-text-line__inner._error-wrap .form-column__label {
    display: block !important;
}

.form-layer-wrap.form--white .form-check-tags .check-tag {
    display: none;
}

.form-layer-wrap.form--white .form-check-tags .check-tag:nth-child(-n + 6) {
    display: block;
}

.form-layer-wrap.form--white .form-check-tags .check-tag label {
    color: #272727;
    font-size: 0.83333333rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.00833333rem;
    border-radius: 3.125rem;
    background: #f0f0f0;
    border: none;
}

.form-layer-wrap.form--white .form-line-flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 0 1.25rem;
    margin-top: 2.7rem;
}

.form-layer-wrap.form--white .form-column__label--small {
    color: #515151;
    font-size: 0.73rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.14px;
    margin-bottom: 1.25rem;
}

.form-layer-wrap.form--white .form-column__label--big {
    color: #000;
    font-size: 3.35rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.64px;
}

.form-layer-wrap.form--white.form-layer-wrap.form--white .textarea-block .form-column__label.error-label {
    top: 105%;
}

.form-layer-wrap.form--white .textarea-block {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 8px;
    margin-top: 1.25rem;
}

.form-layer-wrap.form--white .textarea-block textarea {
    padding: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    resize: vertical;
    min-height: 0;
    height: 0;
    resize: none;
    overflow: hidden;
}

.form-layer-wrap.form--white .form-white-new .textarea-block textarea {
    margin-top: 2px;
}

.form-layer-wrap.form--white .form-column__label {
    color: #000;
    font-size: 1.04rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.6px;
}

.form-layer-wrap.form--white .form-column__label.error-label {
    position: absolute;
    top: 75%;
    color: #f2306e;
    font-size: 0.62rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.12px;
}

.form-layer-wrap.form--white .form-column__label.error-label a {
    color: #f2306e;
}

.form-layer-wrap.form--white .form-column__input {
    border-bottom: 1px solid #000;
    color: #000;
    outline: none;
}

.form-layer-wrap.form--white .input-text-line._error-wrap .textarea-block i {
    color: #f2306e;
}

.form-layer-wrap.form--white .input-text-line._error-wrap .textarea-block textarea {
    border-color: #f2306e;
}

.form-layer-wrap.form--white .form-block {
    padding-bottom: 0;
}

.form-layer-wrap.form--white .form-block._error-wrap .form-column__label--small {
    color: #f2306e;
}

.form-layer-wrap.form--white .form-block.form-block-person-information {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.form-layer-wrap.form--white .form-columns {
    display: flex;
    flex-direction: column;
    gap: 8.33333333rem 0;
    max-width: 80.72916667rem;
    width: 100%;
}

.form-layer-wrap.form--white .form-column {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 1.04166667rem;
    max-width: 100%;
}

.form-layer-wrap.form--white .form-column .form-column__left {
    width: 31.66666667rem;
}

.form-layer-wrap.form--white .form-column .form-column__right {
    width: calc(100% - 1.04166667rem - 31.66666667rem);
}

.form-layer-wrap.form--white .form-column .form-layer-subtitle {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.72px;
}

.form-layer-wrap {
    position: fixed;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 65;
    overflow: hidden;
    pointer-events: none;
}

.form-layer-wrap .footer-new a:not([href^="tel:"]) {
    font-weight: 400;
}

.form-layer-wrap .footer-top {
    padding: 0;
}

.form-layer-wrap .marquee.marquee--title-1 {
    padding: 9.15rem 0;
}

.form-layer {
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    will-change: transform;
    visibility: hidden;
    transition: all 0s linear 0.5s;
}

.form-layer ::selection {
    color: #fff;
    background: #272727;
}

.form-layer .header__form-link {
    color: #272727 !important;
}

.form-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 1;
    transition: all 0.2s ease 0.1s;
    transform-origin: top;
    transform: scale(1, 0);
    will-change: transform;
}

.header.form-layer__header {
    position: absolute;
    width: 100vw;
    left: 0;
    top: -1px;
    z-index: 2;
    background: #fff;
    border-bottom-color: #565656;
    transition: all 0.3s ease;
    height: 0;
    overflow: hidden;
}

.header.form-layer__header .header__inner {
    height: 4.16666667rem;
}

.header.form-layer__header .logo {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.header.form-layer__header .header__right {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.header.form-layer__header .burger {
    color: #fff;
}

.page-case-new-design._form-open .header.form-layer__header .burger {
    color: #272727;
}

.form-layer__inner {
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    opacity: 0;
    transform: translateY(2rem);
    transition: all 0.2s ease;
    background: #fff;
}

html:not(.mobile) .form-layer__inner {
    scrollbar-width: thin;
    scrollbar-color: #000 #eee;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

html:not(.mobile) .form-layer__inner::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #eee;
}

html:not(.mobile) .form-layer__inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #000;
}

.form-layer__inner p:first-child,
.form-layer__inner ul:first-child {
    margin-top: 0;
}

.form-layer__inner p:last-child,
.form-layer__inner ul:last-child {
    margin-bottom: 0;
}

.form-layer__inner a:not([href^="tel:"]) {
    text-decoration: none;
    position: relative;
    font-weight: 400;
}

.form-layer__inner a:not([href^="tel:"]):after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
}

html.desktop .form-layer__inner a:not([href^="tel:"]):hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.form-layer__inner a[href^="tel:"] {
    text-decoration: none;
    white-space: nowrap;
}

.form-layer__inner .form__submit-wrap a {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.form-layer__inner .form__submit-wrap a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.1em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .form-layer__inner .form__submit-wrap a:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.form-layer__inner .form__submit-wrap a:after {
    content: "" !important;
}

.form-layer__top {
    display: flex;
}

.form-layer__scroll-wrap {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: 8rem;
    padding-bottom: 0;
}

.form-layer__scroll-wrap._success {
    justify-content: center;
}

.form-layer__scroll-wrap._success .form-layer-top,
.form-layer__scroll-wrap._success .form-columns {
    display: none;
}

.form-layer__scroll-wrap._success .form-msg--success {
    visibility: visible;
    opacity: 1;
}

.form-layer__scroll-wrap._success .input-wrap,
.form-layer__scroll-wrap._success .form-attach,
.form-layer__scroll-wrap._success .form-layer__brief {
    opacity: 0;
    pointer-events: none;
}

.form-layer__scroll-wrap._success .form-layer__success {
    display: flex;
}

.form-layer__scroll-wrap._error .form-msg--error {
    visibility: visible;
    opacity: 1;
}

.form-layer__scroll-wrap._error .input-wrap,
.form-layer__scroll-wrap._error .form-attach,
.form-layer__scroll-wrap._error .form-layer__brief {
    opacity: 0;
    pointer-events: none;
}

.form-layer__title {
    width: 80%;
    color: #000;
    font-size: 5.20833333rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -1px;
    margin-bottom: 0;
}

.form-layer__desc {
    font-size: 15px;
    line-height: 127%;
    letter-spacing: -0.03em;
    margin-bottom: 60px;
}

.form-layer__desc span {
    display: none;
}

.form__checkbox {
    display: flex;
    flex-wrap: wrap;
    max-height: 380px;
}

.form__checkbox-item {
    margin-right: 35px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.form__checkbox-item input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.form__checkbox-item input._error ~ .error-label a {
    color: #f2306e;
}

.form__checkbox-item input:not(:checked) + .form__checkbox-custom {
    background-image: none !important;
}

.form__checkbox-item input:checked + .form__checkbox-custom {
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
}

.form__checkbox-item span:not(.form__checkbox-custom) {
    position: relative;
    display: inline-block;
}

.form__checkbox-item span:not(.form__checkbox-custom):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .form__checkbox-item:hover span:not(.form__checkbox-custom):before {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.form__checkbox-custom {
    position: relative;
    border: 1px solid #272727;
    height: 20px;
    width: 20px;
    margin-right: 0;
    flex-shrink: 0;
    top: 2px;
}

.form__checkbox-container {
    display: flex;
}

.form__checkbox-title {
    width: 70px;
    margin-right: 20px;
}

.form__checkbox-more span {
    cursor: pointer;
    position: relative;
}

.form__checkbox-more span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
}

html.desktop .form__checkbox-more span:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.form__checkbox-more ~ .form__checkbox-item {
    display: none;
}

.form__checkbox--show-all .form__checkbox-more ~ .form__checkbox-item {
    display: flex;
}

.form__checkbox--show-all .form__checkbox-more {
    display: none;
}

.form-layer__img {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 8rem;
}

.form-layer__img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.form-layer__img-inner._loaded {
    opacity: 1;
}

.form__form {
    width: 100%;
    position: relative;
}

.form__inner {
    width: 100%;
    display: flex;
}

.form__top {
    padding-top: 6rem;
    width: 100%;
}

.form__bottom {
    width: 100%;
}

.form-layer__brief {
    transition: opacity 0.2s ease;
}

.form-layer__success {
    display: none;
    position: static;
    top: 0rem;
    left: 0;
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    padding-bottom: 7.8125rem;
    z-index: 5;
}

.form-layer__success .form-layer__success-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 7.8125rem;
}

.form-layer__success .form-layer__success-showreel {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 42.2212%;
}

.form-layer__success .form-layer__success-showreel video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.form-white-new .form-layer__success {
    bottom: 0;
    margin-left: 0;
    left: -1.458rem;
}

.form-layer__success .wrap {
    display: flex;
    flex-direction: column;
}

.form-layer__success p {
    margin: 0 0 39px;
}

.form-layer__success a {
    color: #000;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.009375rem;
}

.form-layer__success-right {
    text-align: right;
    margin-left: 30px;
    padding-top: 8px;
}

.form-layer__success-right .underline {
    cursor: pointer;
}

.form-layer__success-link {
    display: inline-block;
    padding: 0;
    border: 0;
    font-size: 1.8rem;
    line-height: 1.1em;
    font-weight: 300 !important;
    position: relative;
    text-decoration: none;
    letter-spacing: -0.03em;
    transition: all 0.2s ease;
    margin-bottom: 15px;
}

.form-layer__success-link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0.1em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .form-layer__success-link:hover:after {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.form-layer__success-link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.2em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
}

html.desktop .form-layer__success-link:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.form__close {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.3rem 0 0 -1.3rem;
    overflow: hidden;
    text-indent: 100rem;
    font-size: 1px;
    white-space: nowrap;
    background: none;
    border: 0;
    color: #272727;
}

.form__close:before,
.form__close:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: currentColor;
    transform: rotate(45deg);
}

.form__close:after {
    transform: rotate(-45deg);
}

.form__inputs-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    place-self: center;
}

.form__input-cell {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    z-index: 1;
}

.form__select-cell {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 40px;
}

.form__select-cell select {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-bottom: 1px solid #272727;
    width: calc(100% - 90px);
    padding-bottom: 10px;
    cursor: pointer;
}

.form__select-cell select::-ms-expand {
    display: none;
}

.form__select-label {
    font-size: 15px;
    line-height: 127%;
    letter-spacing: -0.03em;
}

.form__radio-cell {
    display: flex;
    position: relative;
    font-size: 15px;
    line-height: 127%;
    letter-spacing: -0.03em;
}

.form__radio-cel-desc {
    margin-bottom: 22px;
    margin-right: 40px;
    font-size: 0.8rem;
    line-height: 19px;
}

.form__radio-cel-note {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 180px;
    text-align: right;
}

.form__radio-item {
    display: flex;
    align-items: center;
    height: 21px;
    margin-bottom: 8px;
    margin-right: 30px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form__radio-item input {
    -webkit-appearance: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
}

.form__radio-item > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid currentColor;
    margin-right: 11px;
    background: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    margin-top: -2px;
}

.form__radio-item > i:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.form__radio-item input:checked ~ i:before {
    opacity: 1;
}

.form__radio-item input:focus ~ i {
    outline: 1px dotted currentColor;
    outline: 5px auto -webkit-focus-ring-color;
}

.form__radio-item span {
    position: relative;
    font-size: 0.8rem;
    line-height: 1.3;
}

.form__radio-item span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .form__radio-item:hover span:before {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.form__radio-item:last-child {
    margin-right: 0;
}

.form__input-cell--wide {
    width: 100% !important;
}

.form__input-cell--right {
    margin-left: auto;
}

.input-wrap {
    position: relative;
    height: 2rem;
    transition: opacity 0.2s ease;
}

.input-wrap input:-webkit-autofill,
.input-wrap input:-webkit-autofill:hover,
.input-wrap input:-webkit-autofill:focus,
.input-wrap input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px #4fd321 inset !important;
    background-color: #4fd321 !important;
    background-clip: content-box !important;
}

.form__input,
.form__textarea {
    display: block;
    width: 100%;
    height: 2rem;
    font-family: "Suisse", sans-serif;
    font-size: 0.8rem;
    line-height: 1.3;
    letter-spacing: -0.03em;
    border: 0;
    border-bottom: 1px solid #272727;
    color: #272727;
    padding: 0;
    box-sizing: border-box;
    background: transparent;
    transition: all 0.2s ease;
}

.form__input:focus,
.form__textarea:focus {
    outline: none;
    -webkit-appearance: none;
}

.form__input._error,
.form__textarea._error {
    border-color: #ff1111;
}

.form__textarea {
    resize: none;
    padding: 0.4rem 0;
}

._focused .form__textarea,
.form__textarea:focus {
    height: 5.5rem;
}

.form__textarea-cell {
    position: relative;
    margin-bottom: 40px;
    width: 100%;
}

.form__label {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    white-space: nowrap;
    line-height: 1.5;
    font-size: 0.8rem;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent;
    background-color: transparent !important;
}

input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 1000px transparent;
    background-color: transparent !important;
}

:-ms-input-placeholder {
    opacity: 0;
}

::-ms-input-placeholder {
    opacity: 0;
}

:-ms-input-placeholder {
    opacity: 0;
}

::placeholder {
    opacity: 0;
}

::-webkit-input-placeholder {
    opacity: 0;
}

.form__placeholder {
    position: absolute;
    font-size: 0.8rem;
    line-height: 2rem;
    top: 0;
    left: 0;
    transition: top 0.2s;
    z-index: -1;
}

input:focus ~ .form__placeholder,
input:not(:placeholder-shown) ~ .form__placeholder,
textarea:focus ~ .form__placeholder,
textarea:not(:placeholder-shown) ~ .form__placeholder,
.form-dropdown._opened .form__placeholder,
._placeholder-up .form__placeholder,
._placeholder-up ~ .form__placeholder,
.select2-container--focus ~ .form__placeholder,
.select2-container--open ~ .form__placeholder {
    top: -25px;
    z-index: 0;
}

.form-attach {
    margin-top: 4rem;
    transition: opacity 0.2s ease;
}

.form__file {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 0;
}

.form__file-btn {
    display: inline-block;
    vertical-align: top;
    height: 2rem;
    cursor: pointer;
    line-height: 2rem;
    position: relative;
    text-decoration: none;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /*.form__file:focus ~ & {
            .focused();
        }

        .form__file._active ~ & {
            display: none;
        }

        .form__file._error ~ & {
            border-color: red;
        }*/
}

.form__file-btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.8em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .form__file-btn:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.form__file-btn._active {
    background: red;
    pointer-events: none;
    display: none;
}

.form__file-labels {
    position: relative;
    margin-bottom: 1rem;
}

.form__file-fake-label {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    position: relative;
    font-weight: 500;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form__file-fake-label:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.8em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
}

._active + ._active + ._active + .form__file-fake-label {
    pointer-events: none;
}

._active + ._active + ._active + .form__file-fake-label:after {
    display: none;
}

html.desktop .form__file-btn:hover ~ .form__file-fake-label:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .form__file-btn:focus ~ .form__file-fake-label {
    outline: 1px dotted currentColor;
    outline: 5px auto -webkit-focus-ring-color;
}

.input-wrap--file {
    position: relative;
    left: -1rem;
    height: 1.5rem;
    white-space: nowrap;
}

.input-wrap--file .form__label {
    left: auto;
    right: 100%;
    text-align: right;
    top: 0;
    line-height: 2rem;
}

.form__file-preview {
    display: none;
    vertical-align: top;
    line-height: 2rem;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 0.2s ease;
    max-width: calc(100% - 3rem);
    font-weight: 500;
}

.form__file-preview span {
    display: block;
    max-width: 100%;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    text-decoration: none;
}

.form__file-preview span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.8em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .form__file-preview span:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.form__file._active ~ .form__file-preview {
    display: inline-block;
}

.form__file:focus ~ .form__file-preview {
    outline: 1px dotted currentColor;
    outline: 5px auto -webkit-focus-ring-color;
}

.form__file-remove {
    display: none;
    vertical-align: top;
    width: 2rem;
    height: 2rem;
    background: none;
    border: 0;
    padding: 0;
    font-size: 1px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    cursor: pointer;
    color: #272727;
    position: relative;
    top: -0.1rem;
}

.form__file-remove:before,
.form__file-remove:after {
    content: "";
    display: block;
    width: 0.7rem;
    height: 1px;
    background: currentColor;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -0.1rem;
    transform: rotate(45deg);
    transition: all 0.2s ease;
}

.form__file-remove:after {
    transform: rotate(135deg);
}

html.desktop .form__file-remove:hover {
    color: #565656;
}

.form__file._active ~ .form__file-remove {
    display: inline-block;
}

.form-column .form__submit {
    max-width: 12.23958333rem;
    width: 100%;
    color: #000;
    padding: 10px 0;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
    border-radius: 100px;
    border: 1px solid #000;
    background: #fff;
}

.form-column .form__submit:disabled {
    background: #eaeaea;
    color: #c3c3c3;
    border-color: #eaeaea;
}

.form-column .form__submit span {
    padding-left: 0;
    padding-right: 0;
}

html.desktop .form-column .form__submit:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.form-column .form__submit[disabled],
.form-column .form__submit ._disabled {
    background: #eaeaea;
    color: #c3c3c3;
    border-color: #eaeaea;
    pointer-events: none;
}

.form-column .form__submit[disabled]:after,
.form-column .form__submit ._disabled:after {
    display: none;
}

.form__submit-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.form__submit-cell .form__input-cell {
    max-width: 370px;
}

.form__submit-cell .form__checkbox-item {
    margin-right: 0;
}

.form__submit-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.form__submit-wrap p {
    text-align: right;
    margin: 0;
    max-width: 270px;
}

.form__submit-wrap a {
    color: #272727 !important;
}

.form__submit-wrap .form__checkbox-cell {
    width: 50%;
    font-size: 0.67708333rem;
    line-height: 127%; /* 16.51px */
    letter-spacing: -0.0203125rem;
    text-align: right;
    letter-spacing: -0.03em;
}

.form__submit-wrap .form__checkbox-cell span.error-label a {
    color: #f2306e;
}

/*.form-message {
    width: 100%;
    height: 100%;
    background: @colorGreen;
    align-items: center;
    padding: 10rem;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(255,0,0,0.5);
}

.form-message--success {

        .form._success & {
            display: flex;
        }
}

.form-message--error {

        .form._error & {
            display: flex;
        }
}

.form-message__title {
    width: 100%;
}

.form-message__text {
    width: 100%;
}*/

.form-msg {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    visibility: hidden;
    transition: all 0.2s ease;
    opacity: 0;
    border-bottom: 1px solid #272727;
}

.form-msg__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 7.8rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: -0.06em;
}

.form__data-policy,
.form__data-organization {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #272727;
    color: #fff;
    z-index: 70;
    padding: 2rem 0 2.5rem 0;
    transform: scale(1, 0);
    transition: all 0.2s ease;
    transform-origin: bottom;
    max-height: 100vh;
    box-sizing: border-box;
    overflow-y: auto;
}

html._menu-open .form__data-policy,
html._menu-open .form__data-organization,
html.page-design-accompaniment .form__data-policy,
html.page-design-accompaniment .form__data-organization {
    color: #272727;
    background: #fff;
}

.form__data-policy._open,
.form__data-organization._open {
    transform: scale(1, 1);
}

.form__data-policy .data-organization-text,
.form__data-organization .data-organization-text {
    width: 65%;
    overflow-y: auto;
}

.form__data-policy .data-organization-text p,
.form__data-organization .data-organization-text p {
    color: #fff;
    font-size: 0.8rem;
    line-height: 1rem;
    margin: 1rem 0;
}

.form__data-policy a,
.form__data-organization a {
    display: inline !important;
    color: currentColor;
    font-weight: normal;
    text-decoration: underline !important;
}

.form__data-policy a:after,
.form__data-organization a:after {
    content: none !important;
}

html.desktop .form__data-policy a:hover,
html.desktop .form__data-organization a:hover {
    text-decoration: none !important;
}

.form__data-policy p:first-child,
.form__data-organization p:first-child,
.form__data-policy ul:first-child,
.form__data-organization ul:first-child {
    margin-top: 0;
}

.form__data-policy p:last-child,
.form__data-organization p:last-child,
.form__data-policy ul:last-child,
.form__data-organization ul:last-child {
    margin-bottom: 0;
}

.form__data-policy-inner,
.form__data-organization-inner {
    display: flex;
    justify-content: flex-start;
    opacity: 0;
    transition: opacity 0.1s;
}

.form__data-policy._open .form__data-policy-inner,
.form__data-policy._open .form__data-organization-inner,
.form__data-organization._open .form__data-policy-inner,
.form__data-organization._open .form__data-organization-inner {
    opacity: 1;
    transition: opacity 0.15s ease 0.1s;
}

.form__data-policy-col,
.form__data-organization-col {
    width: 15rem;
    margin-right: 1.8rem;
}

.form__data-policy-close,
.form__data-organization-close {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    right: 1.3rem;
    top: 1.3rem;
    overflow: hidden;
    text-indent: 10rem;
    font-size: 1px;
    white-space: nowrap;
    background: transparent;
    border: 0;
    color: #fff;
    box-sizing: border-box;
    transition: all 0.1s ease;
}

html._menu-open .form__data-policy-close,
html._menu-open .form__data-organization-close,
html.page-design-accompaniment .form__data-policy-close,
html.page-design-accompaniment .form__data-organization-close {
    color: #272727;
}

.form__data-policy-close:before,
.form__data-organization-close:before,
.form__data-policy-close:after,
.form__data-organization-close:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: currentColor;
    transform: rotate(45deg);
}

.form__data-policy-close:after,
.form__data-organization-close:after {
    transform: rotate(-45deg);
}

.form__checkbox-cell-labels {
    padding-top: 0.41666667rem;
    display: flex;
}

.form__checkbox-cell-labels .form__checkbox-custom {
    top: 0.20833333rem;
}

.form__checkbox-cell {
    margin-bottom: 10px;
}

.form__checkbox-cell .form__checkbox-item span:not(.form__checkbox-custom) {
    font-size: 13px;
}

.form__checkbox-cell .form__checkbox-item span:not(.form__checkbox-custom):before {
    content: none !important;
}

.form__checkbox-cell a {
    display: inline;
    position: relative;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 0.05208333rem;
    transition: background-size 0.3s;
}

.form__checkbox-cell a span {
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 0.1rem;
    transition: background-size 0.3s;
    padding-bottom: 0.5rem;
}

.desktop a:hover .form__checkbox-cell a span,
.desktop a:focus .form__checkbox-cell a span,
.desktop .form__checkbox-cell a:hover span,
.desktop .form__checkbox-cell a:focus span {
    background-size: 100% 0.1rem;
}

.desktop .form__checkbox-cell a:hover {
    background-size: 0% 0.05208333rem;
}

.desktop .desktop .form__checkbox-cell a:hover:hover {
    background-size: 0% 0.05208333rem;
}

.form__checkbox-cell a:after {
    content: none;
}

.form-dropdown {
    font-family: inherit;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

._error ~ .form-dropdown .form-dropdown-current {
    border-bottom-color: #ff1111;
}

.form-dropdown-current {
    position: relative;
    padding: 0 30px 0 0;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2rem;
    box-sizing: border-box;
    font-size: 0.8rem;
    line-height: 2rem;
    border-bottom: 1px solid #272727;
}

.form-dropdown-current:focus:after,
.form-dropdown-current:hover:after {
    opacity: 1;
}

.form-dropdown-current:after,
.form-dropdown-current:before {
    content: "";
    position: absolute;
    top: 1.1rem;
    right: 0;
    transform: rotate(-45deg);
    height: 1px;
    width: 14px;
    background: #272727;
}

.form-dropdown-current:before {
    transform: rotate(45deg);
    right: 10px;
}

.form-dropdown._opened .form-dropdown-current:before {
    transform: rotate(-45deg);
}

.form-dropdown._opened .form-dropdown-current:after {
    transform: rotate(45deg);
}

.form-dropdown-list {
    display: none;
    position: absolute;
    border: 1px solid #272727;
    background: #4fd321;
    z-index: 2;
    width: 100%;
    top: 100%;
    box-sizing: border-box;
    padding: 14px 24px;
    margin-top: -1px;
}

.form-dropdown-item {
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    position: relative;
}

.form-dropdown-item span {
    text-decoration: none;
    display: inline-block;
    padding: 10px 0;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-dropdown-item span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 10px;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .form-dropdown-item span:hover:after {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.form__file-input {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 0;
    font-size: 0.8rem;
    line-height: 1.3;
}

.form__file-row {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form__file-row ~ .form__file-row,
.form__file-row:not(._active) ~ .form__file-row:not(._active) {
    display: none;
}

.form__file-row._active {
    display: block;
}

.form__file-row._active + .form__file-row {
    display: flex;
}

.form__file-row-disabled {
    opacity: 0.25;
    pointer-events: none;
}

.form__file-button {
    display: inline-block;
    letter-spacing: -0.03em;
    color: #272727;
    cursor: pointer;
    position: relative;
    transition: color 0.2s ease;
    font-size: 0.8rem;
    line-height: 1.3;
}

html.desktop .form__file-button:hover i:before,
html.desktop .form__file-button:hover i:after {
    background-color: #272727;
}

.form__file-button i {
    display: block;
    width: 11px;
    height: 11px;
    position: relative;
    box-sizing: border-box;
    transition: color 0.2s ease;
}

.form__file-button i:before,
.form__file-button i:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}

.form__file-button i:before {
    width: 100%;
    height: 1px;
    background-color: #272727;
    top: 5px;
    left: 0;
}

.form__file-button i:after {
    width: 1px;
    height: 100%;
    background-color: #272727;
    top: 0;
    left: 5px;
}

.form__file-input._active ~ .form__file-button {
    display: none;
}

.form__file-button span {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form__file-button span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .form__file-button:hover span:before {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.form__file-preview-btn {
    display: none;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    color: #272727;
    padding-left: 25px;
    padding-right: 20px;
    position: relative;
    margin-bottom: 10px;
    margin-right: 15px;
    font-size: 0.8rem;
    line-height: 1.3;
}

.form__file-preview-btn span {
    display: block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.form__file-preview-btn span:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zLjQyMDk3IDE2Ljk1MDlDMi42MDE0NCAxNi45NTA5IDEuODMxMzggMTYuNjMxNiAxLjI1MjIyIDE2LjA1MjVDMC4wNTY1NTI4IDE0Ljg1NjcgMC4wNTY1NTI4IDEyLjkxMDkgMS4yNTIyMiAxMS43MTUyTDEwLjczMzQgMi4yMzM1NkMxMS40OTczIDEuNDY4OTEgMTIuNTEzOSAxLjA0ODM0IDEzLjU5NDggMS4wNDgzNEMxNC42NzU5IDEuMDQ4MzQgMTUuNjkyNSAxLjQ2ODkxIDE2LjQ1NjMgMi4yMzM1NkMxNy4yMjA5IDIuOTk4IDE3LjY0MiA0LjAxNDA1IDE3LjY0MiA1LjA5NDg5QzE3LjY0MiA2LjE3NTk1IDE3LjIyMTQgNy4xOTE5NyAxNi40NTcgNy45NTU5NUw4Ljk5MzIgMTUuNDE5QzguNzY5MTIgMTUuNjQzIDguNDA2MjMgMTUuNjQzIDguMTgyMjUgMTUuNDE5QzcuOTU4MTcgMTUuMTk1IDcuOTU4MTcgMTQuODMyMSA4LjE4MjI1IDE0LjYwOEwxNS42NDU5IDcuMTQ0ODlDMTYuMTkzNyA2LjU5NzE2IDE2LjQ5NSA1Ljg2OTA0IDE2LjQ5NSA1LjA5NDg5QzE2LjQ5NSA0LjMyMDg5IDE2LjE5MzEgMy41OTIzMiAxNS42NDU0IDMuMDQ0NTFDMTUuMDk3NSAyLjQ5Njc4IDE0LjM2OTQgMi4xOTUzNSAxMy41OTQ4IDIuMTk1MzVDMTIuODIwMyAyLjE5NTM1IDEyLjA5MjIgMi40OTY3OCAxMS41NDQ0IDMuMDQ0NTFMMi4wNjMyNyAxMi41MjYyQzEuMzE1MDQgMTMuMjc1MSAxLjMxNTA0IDE0LjQ5MjggMi4wNjMyNyAxNS4yNDE0QzIuNzg5MDcgMTUuOTY2MyA0LjA1MjczIDE1Ljk2NjMgNC43Nzg0OSAxNS4yNDE0TDExLjE0NSA4Ljg3NDQ3QzExLjMxODEgOC43MDEzNiAxMS40MTczIDguNDYxNzQgMTEuNDE3MyA4LjIxNzQ3QzExLjQxNzMgNy45Njk4IDExLjMyMDQgNy43MzYzMiAxMS4xNDQ1IDcuNTYwNDRDMTAuNzgyNyA3LjE5ODY0IDEwLjE5MjkgNy4xOTc1NSA5LjgzMTEyIDcuNTYwNDRMNS40ODMxIDExLjkwODlDNS4yNTkxNSAxMi4xMzMxIDQuODk2MDkgMTIuMTMzMSA0LjY3MjE1IDExLjkwODlDNC40NDgwNiAxMS42ODUgNC40NDgwNiAxMS4zMjE5IDQuNjcyMTUgMTEuMDk4TDkuMDIwMDIgNi43NDk1MkM5LjgyODc5IDUuOTQwNzkgMTEuMTQ1NiA1Ljk0MDc5IDExLjk1NTUgNi43NDk1MkMxMi4zNDgxIDcuMTQyMDggMTIuNTY0MyA3LjY2MzU5IDEyLjU2NDMgOC4yMTc1MUMxMi41NjQzIDguNzY0MDggMTIuMzQyNSA5LjI5ODk4IDExLjk1NjEgOS42ODU0Mkw1LjU4OTU4IDE2LjA1MjVDNS4wMTA0MiAxNi42MzE2IDQuMjQwMzIgMTYuOTUwOSAzLjQyMDk3IDE2Ljk1MDlaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=)
        center center no-repeat;
}

.form__file-preview-btn._active {
    display: inline-block;
}

.form__file-delete {
    display: block;
    width: 12px;
    height: 12px;
    right: 0;
    top: 50%;
    margin-top: -6px;
    border-radius: 50%;
    border: 0;
    box-sizing: border-box;
    transition: color 0.2s ease;
    background: none;
    font-size: 0;
    position: absolute;
    cursor: pointer;
}

.form__file-delete:before,
.form__file-delete:after {
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -6px;
    background: #272727;
    transform: rotate(45deg);
}

.form__file-delete:after {
    transform: rotate(-45deg);
}

.form__file-input._active ~ .form__file-delete {
    display: inline-block;
}

.error-label {
    display: none;
}

._error + .form__label,
._error ~ .form__label {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.03em;
    color: #ff1111;
}

.form__project-select {
    margin-bottom: 40px;
    position: relative;
}

.form__project-select .select2 {
    width: 100% !important;
    display: block;
    border-bottom: 1px solid #272727;
    min-height: 2rem;
}

.form__project-select ._error + .select2 {
    border-bottom-color: #ff1111;
}

.form__project-select .select2-selection {
    position: relative;
}

.form__project-select .select2-selection:after,
.form__project-select .select2-selection:before {
    content: "";
    position: absolute;
    top: 13px;
    top: 1.1rem;
    right: 0;
    transform: rotate(-45deg);
    height: 1px;
    width: 14px;
    background: #272727;
}

.form__project-select .select2-selection:before {
    transform: rotate(45deg);
    right: 10px;
}

.form__project-select .select2-container--open {
    top: 100% !important;
    left: 0 !important;
}

.form__project-select .select2-container--open .select2-selection:before {
    transform: rotate(-45deg);
}

.form__project-select .select2-container--open .select2-selection:after {
    transform: rotate(45deg);
}

.form__project-select .select2-container--default .select2-selection--multiple {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: 0;
    height: 100%;
    cursor: pointer;
}

.form__project-select .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 30px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.form__project-select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: none;
    border: none;
    border-radius: 0;
    padding: 2px 22px 2px 0;
    position: relative;
    margin-top: 0;
    margin-right: 15px;
    display: inline-block;
    color: #272727;
    height: 2rem;
    box-sizing: border-box;
    line-height: 2rem;
}

.form__project-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 0;
    font-size: 0;
    top: 50%;
    margin-top: -5px;
    color: currentColor;
}

.form__project-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:before,
.form__project-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -7px;
    background: currentColor;
    transform: rotate(45deg);
}

.form__project-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:after {
    transform: rotate(-45deg);
}

.form__project-select .select2-container--default .select2-selection--multiple .select2-search__field {
    display: none;
}

.form__project-select .select2-container--default .select2-selection--multiple .select2-search--inline {
    margin: 0;
    height: 2rem;
}

.form__select-dropdown {
    border: 1px solid #272727;
    background: #4fd321;
    border-radius: 0 !important;
    padding: 24px 24px 8px;
    margin-top: -1px;
}

.form__select-dropdown.select2-dropdown--above {
    border-bottom: 1px solid #272727;
}

.form__select-dropdown.select2-dropdown--below {
    border-top: 1px solid #272727;
}

.form__select-dropdown .select2-results > .select2-results__options {
    display: flex;
    flex-wrap: wrap;
    max-height: none !important;
}

.form__select-dropdown .select2-results__option {
    padding: 0;
    margin: 0 40px 24px 0;
    background: none !important;
    transition: color 0.1s ease;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
}

.form__select-dropdown .select2-results__option:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .form__select-dropdown .select2-results__option:hover:after {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.form__select-dropdown .select2-results__option[aria-selected="true"] {
    text-decoration: none;
    color: #272727;
}

.form__select-dropdown .select2-results__option[aria-selected="true"]:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .form__select-dropdown .select2-results__option[aria-selected="true"]:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.form__select-dropdown .select2-results__option--highlighted[aria-selected="false"] {
    color: #272727;
}

.form-layer__close {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    overflow: hidden;
    text-indent: 100rem;
    font-size: 1px;
    white-space: nowrap;
    background: transparent;
    border: 0;
    color: #fff;
    box-sizing: border-box;
    transition: all 0.1s ease;
    position: relative;
    top: -1rem;
    cursor: pointer;
}

.form-layer__close:before,
.form-layer__close:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    background: currentColor;
    transform: translateX(-50%) rotate(45deg);
    transition: width 0.4s;
}

.form-layer__close:after {
    transform: translateX(-50%) rotate(-45deg);
}

html.desktop .form-layer__close:hover:before,
html.desktop .form-layer__close:hover:after {
    width: 70%;
}

.form-layer__close-btn {
    display: none;
}

html._form-open .form--dark .form-layer__header {
    background: #272727;
    color: #fff;
}

.form--dark .form-layer__inner {
    background: #272727;
}

.form--dark .form-layer {
    color: #fff;
}

.form--dark .form-layer .header__form-link,
.form--dark .form-layer a {
    color: #fff !important;
}

.form--dark .form-layer .logo {
    background-image: url(../img/logo_white.svg);
}

.form--dark .form-layer .logo-image:before {
    border: 1px solid #fff;
}

.form--dark .form-bg {
    background: #272727;
}

.form--dark .form__checkbox-item input:checked + .form__checkbox-custom {
    background-color: #272727;
}

.form--dark .form__checkbox-custom {
    position: relative;
    border: 1px solid #fff;
    height: 20px;
    width: 20px;
    margin-right: 0;
    flex-shrink: 0;
    top: 2px;
    box-sizing: border-box;
}

.form--dark .checkbox_top-left {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.form--dark .checkbox_top-left:before {
    position: absolute;
    content: "" !important;
    top: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
}

.form--dark .checkbox_top-left:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 0;
    background-color: #fff;
}

.form--dark .form__checkbox-custom:hover .checkbox_top-left:before {
    width: 100%;
    transition: width 0.1s linear;
}

.form--dark .form__checkbox-custom:hover .checkbox_top-left:after {
    height: 100%;
    transition: height 0.1s linear 0.1s;
}

.form--dark .checkbox_bottom-right {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.form--dark .checkbox_bottom-right:before {
    position: absolute;
    content: "" !important;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
}

.form--dark .checkbox_bottom-right:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 1px;
    height: 0;
    background-color: #fff;
}

.form__checkbox-custom:hover .form--dark .checkbox_bottom-right:after {
    height: 100%;
    transition: height 0.3s ease-out 0.3s;
}

.form--dark .form__checkbox-custom:hover .checkbox_bottom-right:before {
    width: 100%;
    transition: width 0.1s linear 0.2s;
}

.form--dark .form__checkbox-custom:hover .checkbox_bottom-right:after {
    height: 100%;
    transition: height 0.3s ease-out 0.3s;
}

.form--dark .form__inner._wrap {
    flex-wrap: wrap !important;
}

.form--dark .form__input-cell {
    border-bottom: 1px solid #fff;
}

.form--dark .error-label a {
    color: #fff !important;
    transition: none;
}

.form--dark ._error-wrap .form__placeholder {
    display: none;
}

.form--dark ._error-wrap .error-label {
    display: block;
    color: #ff2d55;
}

.form--dark ._error-wrap .error-label a {
    color: #ff2d55 !important;
}

.form--dark ._error-wrap .form__radio-cel-desc {
    color: #ff2d55;
}

.form--dark .form__input,
.form--dark .form__textarea {
    border-bottom: none;
    color: #fff;
}

.form--dark .form__input._error,
.form--dark .form__textarea._error {
    border: none;
}

.form--dark .form__file-remove {
    color: #fff;
}

.form--dark .form__submit-cell {
    align-items: stretch;
}

.form--dark .form__submit-wrap {
    align-items: flex-start;
    text-align: left;
}

.form--dark .form__submit-wrap a {
    color: #fff !important;
}

.form--dark .form__checkbox-cell {
    max-width: none;
    text-align: left;
    letter-spacing: -0.03em;
}

.form--dark .form__checkbox-cell ._error-wrap .error-label {
    display: inline;
}

.form--dark .form-msg {
    border-bottom: 1px solid #fff;
}

.form--dark .form__data-policy {
    background: #fff;
}

.form--dark ._error ~ .form-dropdown .form-dropdown-current {
    border-bottom: 1px solid #fff;
}

.form--dark .form-dropdown-current {
    border-bottom: none;
}

.form--dark .form-dropdown-current:after,
.form--dark .form-dropdown-current:before {
    background: #fff;
}

.form--dark .form-dropdown-list {
    border: 1px solid #fff;
    background: #272727;
}

.form--dark .form__files-cell {
    max-width: 370px;
}

.form--dark .form__file-button {
    color: #fff;
}

html.desktop .form--dark .form__file-button:hover {
    background-color: transparent;
}

html.desktop .form--dark .form__file-button:hover i:before,
html.desktop .form--dark .form__file-button:hover i:after {
    background-color: #fff;
}

.form--dark .form__file-button i:before,
.form--dark .form__file-button i:after {
    background-color: #fff;
}

.form--dark .form__file-preview-btn {
    color: #fff;
}

.form--dark .form__file-preview-btn span:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zLjQyMDk3IDE2Ljk1MDlDMi42MDE0NCAxNi45NTA5IDEuODMxMzggMTYuNjMxNiAxLjI1MjIyIDE2LjA1MjVDMC4wNTY1NTI4IDE0Ljg1NjcgMC4wNTY1NTI4IDEyLjkxMDkgMS4yNTIyMiAxMS43MTUyTDEwLjczMzQgMi4yMzM1NkMxMS40OTczIDEuNDY4OTEgMTIuNTEzOSAxLjA0ODM0IDEzLjU5NDggMS4wNDgzNEMxNC42NzU5IDEuMDQ4MzQgMTUuNjkyNSAxLjQ2ODkxIDE2LjQ1NjMgMi4yMzM1NkMxNy4yMjA5IDIuOTk4IDE3LjY0MiA0LjAxNDA1IDE3LjY0MiA1LjA5NDg5QzE3LjY0MiA2LjE3NTk1IDE3LjIyMTQgNy4xOTE5NyAxNi40NTcgNy45NTU5NUw4Ljk5MzIgMTUuNDE5QzguNzY5MTIgMTUuNjQzIDguNDA2MjMgMTUuNjQzIDguMTgyMjUgMTUuNDE5QzcuOTU4MTcgMTUuMTk1IDcuOTU4MTcgMTQuODMyMSA4LjE4MjI1IDE0LjYwOEwxNS42NDU5IDcuMTQ0ODlDMTYuMTkzNyA2LjU5NzE2IDE2LjQ5NSA1Ljg2OTA0IDE2LjQ5NSA1LjA5NDg5QzE2LjQ5NSA0LjMyMDg5IDE2LjE5MzEgMy41OTIzMiAxNS42NDU0IDMuMDQ0NTFDMTUuMDk3NSAyLjQ5Njc4IDE0LjM2OTQgMi4xOTUzNSAxMy41OTQ4IDIuMTk1MzVDMTIuODIwMyAyLjE5NTM1IDEyLjA5MjIgMi40OTY3OCAxMS41NDQ0IDMuMDQ0NTFMMi4wNjMyNyAxMi41MjYyQzEuMzE1MDQgMTMuMjc1MSAxLjMxNTA0IDE0LjQ5MjggMi4wNjMyNyAxNS4yNDE0QzIuNzg5MDcgMTUuOTY2MyA0LjA1MjczIDE1Ljk2NjMgNC43Nzg0OSAxNS4yNDE0TDExLjE0NSA4Ljg3NDQ3QzExLjMxODEgOC43MDEzNiAxMS40MTczIDguNDYxNzQgMTEuNDE3MyA4LjIxNzQ3QzExLjQxNzMgNy45Njk4IDExLjMyMDQgNy43MzYzMiAxMS4xNDQ1IDcuNTYwNDRDMTAuNzgyNyA3LjE5ODY0IDEwLjE5MjkgNy4xOTc1NSA5LjgzMTEyIDcuNTYwNDRMNS40ODMxIDExLjkwODlDNS4yNTkxNSAxMi4xMzMxIDQuODk2MDkgMTIuMTMzMSA0LjY3MjE1IDExLjkwODlDNC40NDgwNiAxMS42ODUgNC40NDgwNiAxMS4zMjE5IDQuNjcyMTUgMTEuMDk4TDkuMDIwMDIgNi43NDk1MkM5LjgyODc5IDUuOTQwNzkgMTEuMTQ1NiA1Ljk0MDc5IDExLjk1NTUgNi43NDk1MkMxMi4zNDgxIDcuMTQyMDggMTIuNTY0MyA3LjY2MzU5IDEyLjU2NDMgOC4yMTc1MUMxMi41NjQzIDguNzY0MDggMTIuMzQyNSA5LjI5ODk4IDExLjk1NjEgOS42ODU0Mkw1LjU4OTU4IDE2LjA1MjVDNS4wMTA0MiAxNi42MzE2IDQuMjQwMzIgMTYuOTUwOSAzLjQyMDk3IDE2Ljk1MDlaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=)
        center center no-repeat;
}

.form--dark .form__file-delete:before,
.form--dark .form__file-delete:after {
    background: #fff;
}

.form--dark ._error + .form__label,
.form--dark ._error ~ .form__label {
    color: #ff2d55;
}

.form--dark .form__project-select .select2 {
    border-bottom: 1px solid #fff;
}

.form--dark .form__project-select .select2-selection:after,
.form--dark .form__project-select .select2-selection:before {
    background: #fff;
}

.form--dark
    .form__project-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    color: #fff;
}

.form--dark .form__project-select .form__select-dropdown {
    border: 1px solid #fff;
    background: #272727;
}

.form--dark .form__project-select .form__select-dropdown.select2-dropdown--above {
    border-bottom: 1px solid #fff;
}

.form--dark .form__project-select .form__select-dropdown.select2-dropdown--below {
    border-top: 1px solid #fff;
}

.form--dark .form__project-select .select2-results__option[aria-selected="true"] {
    color: #fff;
}

.form--dark .form__project-select .select2-results__option--highlighted[aria-selected="false"] {
    color: #fff;
}

.form--dark .burger__1,
.form--dark .burger__2,
.form--dark .burger__3 {
    background: #fff;
}

.form--dark .header__form-link {
    font-size: 0 !important;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjE3Ljk1NDEiIHk9IjAuNjcxODc1IiB3aWR0aD0iMjMuNzM0OCIgaGVpZ2h0PSIwLjk0OTM5NCIgdHJhbnNmb3JtPSJyb3RhdGUoMTM1IDE3Ljk1NDEgMC42NzE4NzUpIiBmaWxsPSJ3aGl0ZSIvPg0KPHJlY3QgeD0iMS4xNzI4NSIgd2lkdGg9IjIzLjczNDgiIGhlaWdodD0iMC45NDkzOTQiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEuMTcyODUgMCkiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==)
        center center no-repeat;
}

.form--dark .header__form-link:after {
    content: none;
}

.form--dark .form-layer__success {
    background-color: #fff;
    color: #272727;
}

.form--dark .form-layer__success .form-layer__close {
    color: #272727;
}

.form--dark .input-wrap input:-webkit-autofill,
.form--dark .input-wrap input:-webkit-autofill:hover,
.form--dark .input-wrap input:-webkit-autofill:focus,
.form--dark .input-wrap input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #272727 inset !important;
    background-color: #272727 !important;
    background-clip: content-box !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.form--dark input:-webkit-autofill,
.form--dark input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0px 40px #272727 inset;
    background-color: #272727 !important;
    background-clip: content-box !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.video {
    display: block;
    width: 100%;
    margin-bottom: 10rem;
    position: relative;
}

.video__img {
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-size 0.5s;
}

.video__img:hover {
    background-size: 130%;
}

.video__img._loaded,
._visible .video__img {
    opacity: 1;
}

.video__img video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.video__showreel {
    position: absolute;
    top: -3.5rem;
    left: 66.9%;
    padding-left: 0.5rem;
}

.video__title {
    display: block;
    font-size: 4.7rem;
    position: absolute;
    z-index: 2;
    color: #fff;
    bottom: 0;
    right: 0;
    width: 31.7rem;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.3;
    letter-spacing: -0.05em;
    font-weight: 300;
}

.video-block {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.video-block__container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.video-block__container .plyr--video {
    height: 100%;
}

.video-block__video {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.video-block__video iframe {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.project-card__img .video-block,
.case-img__img .video-block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.project-card__img .video-block__container,
.case-img__img .video-block__container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.project-card__img .video-block__video,
.case-img__img .video-block__video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.project-card__img .video-block__video iframe,
.case-img__img .video-block__video iframe {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.video-block__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 3;
    background-size: cover;
    background-position: center center;
}

.video-block__img._loaded {
    opacity: 1;
}

.video-block__pause {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.video-block__pause--hide {
    opacity: 0;
    z-index: -1;
}

.video-block__progress {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 16px;
    cursor: pointer;
    z-index: 2;
}

.video-block__progress:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 8px;
    background: rgba(255, 255, 255, 0.4);
}

.video-block__progress--hide {
    opacity: 0;
    z-index: -1;
}

.video-block__progress-line {
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 1px;
    width: 0;
    background: #fff;
    pointer-events: none;
    z-index: 3;
}

.video-block__progress-buffer {
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 1px;
    width: 0;
    background: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    z-index: 2;
}

.video-popup {
    position: fixed;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    background: #272727;
    z-index: 5;
    color: #fff;
    pointer-events: none;
    transform: translateY(-100%);
    transition: transform 0.3s cubic-bezier(0, 0.38, 0.29, 0.99);
    will-change: transform;
}

html._video-open {
    /*.container-page {
            transform: translateY(-4.5rem);
            transition: transform 0.2s ease-in;

                @media (max-width: @screenL), (min-width: (@screenL + 1)) and (orientation: portrait) {
                    transform: translateY(-8.5rem);
                }

                @media (max-width: @screenS) {
                    transform: translateY(-14rem);
                }
        }*/ /*.menu__inner,
        .menu__header {
            opacity: 1;
            transform: translateY(0);
            transition: all 0.5s cubic-bezier(0,.38,.29,.99) 0.7s;
        }*/
}

html._video-open .video-popup {
    transform: translateY(0);
    pointer-events: auto;
    transition: transform 0.2s cubic-bezier(0, 0.38, 0.29, 0.99) 0.5s;
}

html._video-open .header-wrap {
    transform: translateY(-4.5rem);
    transition: transform 0.2s ease-in;
}

.video-popup__header {
    position: absolute;
    width: 100vw;
    left: 0;
    top: 0;
    z-index: 2;
    background: #272727;
    border-color: rgba(181, 181, 181, 0.4);
    color: #fff;
    transition: all 0.1s ease;
}

.video-popup__header .header__form-link {
    color: #fff;
}

.video-popup__header .logo {
    background-image: url("../img/logo_white.svg");
}

.video-popup__header .burger {
    color: #fff;
}

.video-popup__close {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    text-indent: 10rem;
    font-size: 1px;
    white-space: nowrap;
    background: none;
    border: 0;
    color: #fff;
}

.video-popup__close:before,
.video-popup__close:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    background: currentColor;
    transform: translateX(-50%) rotate(45deg);
    transition: width 0.4s;
}

.video-popup__close:after {
    transform: translateX(-50%) rotate(-45deg);
}

html.desktop .video-popup__close:hover:before,
html.desktop .video-popup__close:hover:after {
    width: 70%;
}

.video-popup__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding-top: 6rem;
    padding-bottom: 2rem;
}

html:not(.mobile) .video-popup__inner {
    scrollbar-width: thin;
    scrollbar-color: #000 #eee;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

html:not(.mobile) .video-popup__inner::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #eee;
}

html:not(.mobile) .video-popup__inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #000;
}

.video-popup__scroll-wrap {
    display: flex;
    align-items: center;
    min-height: 100%;
}

.video-popup__video-container {
    position: relative;
    padding-bottom: 5rem;
    box-sizing: border-box;
}

.video-popup__video {
    position: relative;
    padding-top: 56.25%;
}

.video-popup__video-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #4fd321;
    opacity: 0;
}

.video-popup__video-inner:before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2rem 0 0 -2rem;
    z-index: 1;
    border: 1px solid #272727;
    border-top-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    will-change: transform;
}

html._video-open .video-popup__video-inner {
    opacity: 1;
}

html._video-open .video-popup__video-inner:before {
    animation: spin 2s linear infinite;
}

.video-popup__video-inner iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: #000;
}

.video-popup__video-pause {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    border-radius: 0;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
    letter-spacing: -0.05em;
    font-weight: 300;
    overflow: visible;
    font-size: 2.3rem;
    background: #4fd321;
    transition: opacity 0s linear 0.3s;
}

.video-popup__video-pause:before {
    content: "";
    display: block;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5rem 0 0 -5rem;
}

html.mobile .video-popup__video-pause {
    opacity: 1;
}

.video-popup__video-inner._playing ~ .video-popup__video-pause {
    opacity: 0;
    transition: none;
}

.video-popup__progress {
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 16px;
    cursor: pointer;
}

.video-popup__progress:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 8px;
    background: rgba(255, 255, 255, 0.4);
}

.video-popup__progress-inner {
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 1px;
    width: 0;
    background: #fff;
    pointer-events: none;
    z-index: 2;
}

.video-popup__progress-buffer {
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 1px;
    width: 0;
    background: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    z-index: 1;
}

html.mobile .video-popup__mute-btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    top: 50%;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.mobile .video-popup__mute-btn._muted:before {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

html.mobile .video-popup__mute-btn._muted:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .video-popup__mute-btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    opacity: 0;
}

html.desktop .video-popup__mute-btn:hover:before {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .video-popup__mute-btn._muted:after {
    opacity: 0;
}

html.desktop .video-popup__mute-btn._muted:before {
    opacity: 1;
}

.plyr-player {
    --plyr-color-main: #4fd321;
}

.video-main {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: calc(100vh - 5.5rem);
    overflow: hidden;
}

.sound-switch {
    cursor: pointer;
    position: absolute;
    width: 55px;
    height: 55px;
    top: 30px;
    right: 30px;
    z-index: 5;
    border-radius: 50%;
}

.sound-switch.sound-switch-default img {
    width: 100%;
    height: 100%;
}

.sound-switch.sound-switch-green {
    background: #4fd321;
}

.sound-switch.sound-switch-bordered {
    border: 3px solid #4fd321;
}

.sound-switch img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.sound-switch img.sound-on {
    display: none;
}

.sound-switch._active .sound-on,
._sound-on .sound-switch .sound-on {
    display: block;
}

.sound-switch._active .sound-off,
._sound-on .sound-switch .sound-off {
    display: none;
}

.video-sticky {
    height: 200vh;
    position: relative;
}

.video-sticky .video-main,
.video-sticky .video-main._visible {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
}

.plyr--stopped .plyr__controls {
    display: none;
}

.random-slider {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-top: 2.6rem;
    cursor: move;
    cursor: grab;
}

.random-slider__slide {
    width: auto;
    margin-left: 1rem;
    box-sizing: border-box;
}

.random-slider__slide:first-child {
    margin-left: 1.5rem;
}

.random-slider__slide:last-child {
    margin-right: 1.5rem;
}

.random-slider__slide--type-1 {
    width: 31.7rem;
}

.random-slider__slide--type-1 .random-slider__slide-img {
    padding-top: 56.4%;
}

.random-slider__slide--type-2 {
    width: 24rem;
}

.random-slider__slide--type-2 .random-slider__slide-img {
    padding-top: 100%;
}

.random-slider__slide--type-3 {
    width: 24rem;
}

.random-slider__slide--type-3 .random-slider__slide-img {
    padding-top: 56.4%;
}

.random-slider__slide--type-4 {
    width: 15.3rem;
}

.random-slider__slide--type-4 .random-slider__slide-img {
    padding-top: 177%;
}

.random-slider__slide-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.random-slider__slide-img:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #4fd321;
    z-index: 1;
}

.random-slider__slide-img img,
.random-slider__slide-img video {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
    margin: 0;
    z-index: 2;
}

.page-design-accompaniment .random-slider__slide-img img,
.page-design-accompaniment .random-slider__slide-img video {
    width: initial;
    height: initial;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.random-slider__slide-img img.swiper-lazy-loaded,
.random-slider__slide-img video.swiper-lazy-loaded,
.random-slider__slide-img img._lazy-detected,
.random-slider__slide-img video._lazy-detected {
    opacity: 1;
}

.random-slider__slide-img video {
    opacity: 1;
}

.random-slider__slide-title {
    text-align: right;
    font-size: 0.7rem;
    line-height: 1.3em;
    height: 0.9rem;
    margin-bottom: 0.6rem;
    overflow: hidden;
    width: 100%;
}

.random-slider__slide-text {
    font-size: 1.1rem;
    line-height: 1.3;
    margin-top: 0.5rem;
    position: relative;
}

.page-design-accompaniment .random-slider__slide-text {
    font-size: 0.8rem;
}

.awards__text-list .unmarked-list {
    padding: 0 0 0 1rem;
}

.case-slider {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-top: 11rem;
    margin-bottom: 0;
    cursor: move;
    cursor: grab;
}

.section + .case-slider {
    margin-top: -0.9rem;
}

.case-images + .case-slider {
    margin-top: -6rem;
}

.case-slider__slide {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1rem;
    box-sizing: border-box;
}

.case-slider__slide:first-child {
    margin-left: 1.5rem;
}

.case-slider__slide:last-child {
    margin-right: 1.5rem;
}

.case-slider__slide--img,
.case-slider__slide--video {
    width: 41.667rem;
}

.case-slider__slide--text {
    width: 32rem;
}

.case-slider__slide-img {
    width: 41.667rem;
    height: 41.667rem;
    position: relative;
    overflow: hidden;
    background: #4fd321;
    flex-shrink: 0;
}

.case-slider__slide-img img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.case-slider__slide-img img.swiper-lazy-loaded,
.case-slider__slide-img img._lazy-detected {
    opacity: 1;
}

.case-slider__slide-img video {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: opacity 0.5s ease;
}

.case-slider__slide-img video.swiper-lazy-loaded {
    opacity: 1;
}

.case-slider__slide-img video {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

.case-slider__slide-img--no-background {
    background: none;
}

.case-slider__slide--text .case-slider__slide-text {
    width: 24rem;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1.3;
}

.case-slider__slide--text .case-slider__slide-text > :first-child {
    margin-top: 0;
}

.case-slider__slide--text .case-slider__slide-text > :last-child {
    margin-bottom: 0;
}

.case-slider__slide--img .case-slider__slide-text {
    width: 30%;
    margin-top: 1rem;
}

.case-slider__slide--img .case-slider__slide-text > :first-child {
    margin-top: 0;
}

.case-slider__slide--img .case-slider__slide-text > :last-child {
    margin-bottom: 0;
}

.case-slider__slide-title {
    width: 100%;
    text-align: right;
    font-size: 0.7rem;
    line-height: 1.3em;
    height: 1.5rem;
    padding-right: 0.1em;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multi-sections {
    margin-top: 8.5rem;
    padding-bottom: 4rem;
}

.multi-section {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-bottom: 5rem;
}

.multi-section:last-child {
    margin-bottom: 0;
}

.multi-item {
    display: block;
    width: calc(50% - 0.5rem);
    position: relative;
    text-decoration: none;
    z-index: 1;
    white-space: normal;
}

.multi-item__img {
    position: relative;
    width: 100%;
    padding-top: 56.7%;
    left: 0;
    top: 0;
    background: #4fd321;
}

.multi-item__img img {
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.multi-item__img video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

html.desktop .multi-item__img:hover .multi-item__img-inner {
    opacity: 0;
    transition: opacity 0.1s ease;
}

.multi-item__img-inner {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.1s ease;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    z-index: 2;
}

.multi-item__img-inner._loaded {
    opacity: 1;
}

.multi-item__title {
    text-align: right;
    font-size: 0.7rem;
    line-height: 1.3em;
    height: 0.9rem;
    margin-bottom: 0.6rem;
    overflow: hidden;
    width: 100%;
}

.multi-item__text {
    font-size: 0.8rem;
    line-height: 1.3;
    margin-top: 0.5rem;
    position: relative;
    text-decoration: underline;
    letter-spacing: -0.03em;
}

.multi-section__marquee {
    position: absolute;
    top: 22rem;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.multi-section__marquee._visible {
    opacity: 1;
}

html.desktop .multi-item:hover ~ .multi-section__marquee {
    z-index: 0;
}

html:not(.safari) .multi-section__marquee .marquee__inner > *,
html:not(.safari) .multi-section__marquee .marquee__inner:after {
    animation-play-state: paused;
}

html:not(.safari) .multi-section__marquee._visible .marquee__inner > *,
html:not(.safari) .multi-section__marquee._visible .marquee__inner:after {
    animation-play-state: running;
}

.expertise__marquee {
    display: none;
}

.multi-item__hovers {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
}

html.mobile .multi-item__hovers {
    display: none;
}

.multi-item__hover {
    width: 100%;
    opacity: 0;
    transition: opacity 0.1s ease;
}

.multi-item__hover:hover {
    opacity: 1;
}

.multi-item__hover-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-size: cover;
    background-position: center center;
}

html.mobile .multi-item__hover-inner {
    background-image: none !important;
}

html._preloading {
    overflow: hidden !important;
}

html._preloading body {
    overflow: hidden !important;
    pointer-events: none;
}

html._preloading .preloader__line {
    transform: scale(0.7, 1);
    transition: transform 10s ease-out;
}

html._unloading body {
    pointer-events: none;
}

html._preloaded .preloader {
    pointer-events: none;
    transition: all 0.1s ease 0.45s;
    visibility: hidden;
}

html._preloaded .preloader .logo {
    opacity: 0;
    transition: all 0.5s ease;
    transform: translateY(-1rem);
}

html._preloaded .preloader-bg {
    transform: scale(1, 0);
    transition: all 0.2s ease 0.3s;
}

html._preloaded .preloader__line {
    transform: scale(1, 1);
    opacity: 0;
    transition:
        transform 0.225s ease-out,
        opacity 0.1s ease 0.225s;
}

html._preloaded .preloader__text {
    opacity: 0;
    transform: translateY(1rem);
    transition: all 0.5s ease;
}

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    overflow: hidden;
}

.preloader .logo {
    background-image: url("../img/logo_white.svg");
    opacity: 1;
    top: 2.25rem;
    left: 1.5rem;
    transition: all 0.3s ease 0.2s;
    z-index: 2;
}

.preloader-case {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    left: 0;
    bottom: 0;
    height: 0.5rem;
    overflow: hidden;
}

.preloader-case--next {
    z-index: 999;
}

.preloader-case--next .preloader-case__line {
    transform: scale(1, 1);
    opacity: 1;
}

.preloader-case__line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    background: #4fd321;
    z-index: 2;
    transform-origin: left;
    transform: scale(0.1, 1);
    transition:
        opacity 0.3s ease 0.2s,
        transform 4s ease;
    opacity: 0;
}

.preloader-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #272727;
    z-index: 1;
    transition: all 0.2s ease;
    transform-origin: top;
    will-change: transform;
}

.preloader__line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    background: #4fd321;
    z-index: 2;
    transform-origin: left;
    transform: scale(0.1, 1);
    transition: opacity 0.3s ease 0.2s;
}

.preloader__text {
    position: absolute;
    color: #fff;
    bottom: 3rem;
    left: 1.5rem;
    font-size: 0.8rem;
    line-height: 1;
    z-index: 2;
    transition: all 0.3s ease 0.2s;
}

.appear {
    transition: all 1s ease;
    opacity: 0;
    transform: translateY(2rem);
    pointer-events: none;
}

.appear.appear-left .section-title {
    margin-bottom: 64px;
}

.appear.appear-border {
    padding-top: 3rem;
    border-top: 1px solid #b5b5b5;
}

.appear.appear-border .section-title {
    padding: 0;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.96px;
}

.appear.appear-border p {
    font-size: 1.05rem;
    font-weight: 300;
    margin-bottom: 1.7rem;
    padding-right: 1rem;
}

.appear.appear-category .section-title {
    padding-top: 36px;
    padding-bottom: 0;
}

.appear.appear-category .random-slider__slide-text {
    margin-top: 1rem;
}

.appear.appear-category .random-slider__slide-desc {
    font-size: 0.8rem;
    line-height: 1.1;
    margin-top: 0.5rem;
    color: rgba(39, 39, 39, 0.6);
}

.appear.appear-category .random-slider__slide {
    width: 29.67rem;
}

.appear.appear-category .random-slider__slide .random-slider__slide-img {
    padding-top: 59.21%;
}

.appear._visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.appear:focus-within {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.appear .subscribe-runline {
    margin-top: 54px;
}

.disclaimer-and-subscribe {
    position: fixed;
    bottom: 1.5625rem;
    left: 1.45833333rem;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 0.625rem;
    z-index: 5;
}

.disclaimer {
    position: relative;
    background: #272727;
    width: 35%;
    min-width: 680px;
    padding: 1.5rem 1.3rem;
    box-sizing: border-box;
    left: auto;
    bottom: auto;
    color: #fff;
    z-index: 70;
    transition: 0.3s ease;
}

.disclaimer .wrap {
    width: auto !important;
}

.disclaimer-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #272727;
    z-index: 70;
    color: #fff;
    padding-top: 1.5rem;
}

.disclaimer-box .disclaimer__inner {
    width: 33rem;
    height: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 1rem 0 0;
    box-sizing: border-box;
    margin-bottom: 2rem;
}

.disclaimer-box .disclaimer__agree-btn {
    display: inline-block;
    border: 0;
    background: none;
    padding: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.disclaimer-box .disclaimer__text {
    box-sizing: border-box;
    display: flex;
}

.disclaimer-box .disclaimer__text p {
    font-size: 0.8rem;
    line-height: 1rem;
    margin: 1rem 0;
}

.disclaimer-box .disclaimer__text p:first-child {
    margin-top: 0 !important;
}

.disclaimer-box .disclaimer__text-col {
    width: 50%;
    padding-right: 1.8rem;
}

.disclaimer-box .disclaimer__agree-btn.underline:after {
    bottom: 0.1em;
    margin-top: 0;
}

.disclaimer__inner {
    -webkit-overflow-scrolling: touch;
    padding: 0 1rem 0 0;
    box-sizing: border-box;
}

html.desktop .disclaimer__inner {
    scrollbar-width: thin;
    scrollbar-color: #000 rgba(255, 255, 255, 0.4);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

html.desktop .disclaimer__inner::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.4);
}

html.desktop .disclaimer__inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #fff;
}

.disclaimer__text {
    box-sizing: border-box;
}

.disclaimer__text p {
    line-height: 130%;
    font-size: 0.9375rem;
    margin: 1.25rem 0;
}

.disclaimer__text p:first-child {
    margin-top: 0 !important;
}

.disclaimer__text p:last-child {
    margin-bottom: 0 !important;
}

.disclaimer__text a {
    color: #fff;
}

.disclaimer__agree-btn {
    display: inline-block;
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    margin-top: 3.33333333rem;
    font-size: 0.9375rem;
}

.disclaimer__agree-btn.underline:after {
    position: relative;
    margin-top: 0.2rem;
    bottom: 0;
}

.disclaimer__marquee {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.popup-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #272727;
    color: #fff;
    z-index: 70;
    transform: scale(1, 0);
    transition: transform 0.2s ease;
    transform-origin: bottom;
    padding: 2rem 0 2.5rem 0;
}

.popup-bottom[data-popup-name="subscribe"],
.popup-bottom[data-popup-name="subscribe-info"] {
    width: 35%;
    min-width: 680px;
    padding: 1.5rem 1.3rem;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    height: 0;
    transition: 0.3s ease;
}

.popup-bottom .form-column__input,
.popup-bottom .form-column__label:not(.error-label) {
    font-size: 15px;
}

.popup-bottom .popup-bottom__inner {
    width: auto !important;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
}

.popup-bottom .form__submit {
    border: 0.05208333rem solid #fff;
    border-radius: 3.125rem;
    transition:
        background 0.2s linear,
        color 0.2s linear;
    background: #fff;
}

.popup-bottom .form__submit span {
    display: block;
    padding: 0.72916667rem 2.39583333rem;
}

.desktop .popup-bottom .form__submit:hover {
    background: #272727;
    color: #fff;
}

.popup-bottom .input-text-line .form-column__label.form-column__label-agree {
    margin-top: 1.5rem;
}

.popup-bottom .subscribe-letter-items {
    margin-top: 2.08333333rem;
    gap: 0.72916667rem 0.625rem;
}

.popup-bottom .subscribe-popup-form-wrap {
    margin-top: 4.16666667rem;
    margin-bottom: 0;
}

.popup-bottom .subscribe-popup-form__agree-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1.25rem;
}

.popup-bottom .subscribe-popup-form__agree-block .form__checkbox-item {
    margin-right: 15px;
}

.popup-bottom .subscribe-popup-form__agree-block p {
    margin-top: 0;
}

.popup-bottom .subscribe-popup-form__agree-block ._error + span {
    border-color: #ff2d55;
}

.popup-bottom .subscribe-popup-form__agree-block.mobile {
    display: none;
}

.popup-bottom .subscribe-popup-form__agree-text {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    padding-right: 10%;
    box-sizing: border-box;
}

.popup-bottom[data-popup-name="subscribe-info"] {
    background: #fff;
    color: #272727;
}

.popup-bottom[data-popup-name="subscribe-info"] > * {
    color: #272727 !important;
}

.popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__close:before,
.popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__close:after {
    background: #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"],
._menu-open .popup-bottom[data-popup-name="subscribe-info"],
._form-open .popup-bottom[data-popup-name="subscribe"],
._menu-open .popup-bottom[data-popup-name="subscribe"] {
    background: #fff;
    color: #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] input + .form__checkbox-custom,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] input + .form__checkbox-custom,
._form-open .popup-bottom[data-popup-name="subscribe"] input + .form__checkbox-custom,
._menu-open .popup-bottom[data-popup-name="subscribe"] input + .form__checkbox-custom {
    border: 1px solid #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] input + .form__checkbox-custom:hover,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] input + .form__checkbox-custom:hover,
._form-open .popup-bottom[data-popup-name="subscribe"] input + .form__checkbox-custom:hover,
._menu-open .popup-bottom[data-popup-name="subscribe"] input + .form__checkbox-custom:hover {
    border: 1px solid #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] input:checked + .form__checkbox-custom:hover,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] input:checked + .form__checkbox-custom:hover,
._form-open .popup-bottom[data-popup-name="subscribe"] input:checked + .form__checkbox-custom:hover,
._menu-open .popup-bottom[data-popup-name="subscribe"] input:checked + .form__checkbox-custom:hover {
    border: 1px solid #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] input._error + .form__checkbox-custom,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] input._error + .form__checkbox-custom,
._form-open .popup-bottom[data-popup-name="subscribe"] input._error + .form__checkbox-custom,
._menu-open .popup-bottom[data-popup-name="subscribe"] input._error + .form__checkbox-custom {
    border: 1px solid #ff2d55;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] input._error + .form__checkbox-custom:hover,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] input._error + .form__checkbox-custom:hover,
._form-open .popup-bottom[data-popup-name="subscribe"] input._error + .form__checkbox-custom:hover,
._menu-open .popup-bottom[data-popup-name="subscribe"] input._error + .form__checkbox-custom:hover {
    border: 1px solid #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__close:before,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__close:before,
._form-open .popup-bottom[data-popup-name="subscribe"] .popup-bottom__close:before,
._menu-open .popup-bottom[data-popup-name="subscribe"] .popup-bottom__close:before,
._form-open .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__close:after,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__close:after,
._form-open .popup-bottom[data-popup-name="subscribe"] .popup-bottom__close:after,
._menu-open .popup-bottom[data-popup-name="subscribe"] .popup-bottom__close:after {
    background: #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] .form-column__input,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] .form-column__input,
._form-open .popup-bottom[data-popup-name="subscribe"] .form-column__input,
._menu-open .popup-bottom[data-popup-name="subscribe"] .form-column__input {
    color: #272727;
    border-bottom: 1px solid #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] .form__submit,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] .form__submit,
._form-open .popup-bottom[data-popup-name="subscribe"] .form__submit,
._menu-open .popup-bottom[data-popup-name="subscribe"] .form__submit {
    background: #272727;
    color: #fff;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] .form__submit span:before,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] .form__submit span:before,
._form-open .popup-bottom[data-popup-name="subscribe"] .form__submit span:before,
._menu-open .popup-bottom[data-popup-name="subscribe"] .form__submit span:before {
    background: #272727;
    color: #fff;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] .form__submit span:after,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] .form__submit span:after,
._form-open .popup-bottom[data-popup-name="subscribe"] .form__submit span:after,
._menu-open .popup-bottom[data-popup-name="subscribe"] .form__submit span:after {
    background: #272727;
}

._form-open .popup-bottom[data-popup-name="subscribe-info"] a,
._menu-open .popup-bottom[data-popup-name="subscribe-info"] a,
._form-open .popup-bottom[data-popup-name="subscribe"] a,
._menu-open .popup-bottom[data-popup-name="subscribe"] a {
    color: #989898;
}

.popup-bottom._open {
    transform: scale(1, 1);
    height: auto;
}

.popup-bottom a {
    display: inline !important;
    color: #989898;
    font-weight: normal;
    text-decoration: underline !important;
}

.popup-bottom a:after {
    content: none !important;
}

html.desktop .popup-bottom a:hover {
    text-decoration: none !important;
}

.popup-bottom p:first-child,
.popup-bottom ul:first-child {
    margin-top: 0;
}

.popup-bottom p:last-child,
.popup-bottom ul:last-child {
    margin-bottom: 0;
}

.popup-bottom__inner {
    display: flex;
    justify-content: flex-start;
    opacity: 0;
    transition: opacity 0.1s;
}

.popup-bottom._open .popup-bottom__inner {
    opacity: 1;
    transition: opacity 0.15s ease 0.1s;
}

.popup-bottom__inner-col {
    width: 15rem;
    margin-right: 1.8rem;
}

.popup-bottom__close {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    right: 1.3rem;
    top: 1.3rem;
    overflow: hidden;
    text-indent: 10rem;
    font-size: 1px;
    white-space: nowrap;
    background: transparent;
    border: 0;
    color: #272727;
    box-sizing: border-box;
    transition: all 0.1s ease;
    z-index: 3; /*html.desktop &:hover:before,
        html.desktop &:hover:after {
            width: 70%;
        }*/
}

.popup-bottom__close:before,
.popup-bottom__close:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.popup-bottom__close:after {
    transform: rotate(-45deg);
}

html.desktop .popup-bottom__close:hover:before {
    transform: scale(0.7) rotate(45deg);
}

html.desktop .popup-bottom__close:hover:after {
    transform: scale(0.7) rotate(-45deg);
}

[data-popup-name="subscribe-info"] .full-col {
    width: 100% !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box;
}

[data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__text {
    width: 100%;
    padding-right: 3%;
    box-sizing: border-box;
    display: flex !important;
    margin-top: 0.8rem;
    align-items: center; /*align-items: flex-start;*/
}

[data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__subtitle {
    width: 19rem;
    padding-right: 2rem !important;
    box-sizing: border-box; /*p {
                font-size: 0.83rem!important;
                line-height: 120% !important;

                @media (max-width: @screenL + 1) {
                    font-size: 1rem!important;
                }

                @media (max-width: @screenS + 1) {
                    font-size: 2rem!important;
                }

                @media (max-width: @screenS) {
                    font-size: 3.2rem!important;
                }
            }*/
}

[data-popup-name="subscribe-info"] .full-col .subscribe-letter-items {
    width: calc(100% - 30rem);
    margin-top: 0;
    padding-right: 2rem;
    box-sizing: border-box;
}

[data-popup-name="subscribe-info"] .full-col .subscribe-letter-item:not(.light-text) {
    width: auto !important;
}

[data-popup-name="subscribe-info"] .full-col .subscribe-letter-item.light-text {
    width: 12rem !important;
    color: #989898;
}

[data-popup-name="subscribe-info"] .full-col .full-col-tablet-mobile-only {
    display: none;
}

.events-wrap {
    margin-bottom: 10.42rem;
}

.projects-list ~ .events-wrap {
    margin-top: 15.625rem;
}

.events-item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0 20px;
    text-decoration: none;
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
    border-bottom: 1px solid #000;
}

.events-item .events-item__left {
    width: 49.507%;
}

.events-item .events-item__right {
    width: calc(100% - 20px - 49.507%);
    display: flex;
    flex-direction: column;
}

.events-item-title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 2.1rem;
}

.events-item-type {
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.events-item-date-place {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 20px;
}

.events-item-date-place span {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.events-item-date-place span:first-child::after {
    content: "|";
    position: absolute;
    top: 0;
    right: -11px;
}

.events-item-date-autor {
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.events-item-date-theme {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.events-item-date-theme::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.events-wrap-title {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.8px;
    margin-bottom: 3.15rem;
}

.events-item__right-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 7.5rem;
}

.events-item__right-bottom {
    margin-top: auto;
}

.case-card[data-in-view-once] {
    position: relative;
    opacity: 0;
    transition: opacity 0.4s;
}

.case-card[data-in-view-once]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: currentColor;
    z-index: 2;
    outline: 1px solid currentColor;
    transition: transform 0.4s;
    transform-origin: 50% 100%;
}

.case-card[data-in-view-once="true"] {
    opacity: 1;
    transition: opacity 1.2s;
}

.case-card[data-in-view-once="true"]::after {
    transform: scaleY(0);
    transition: transform 1.2s;
}

a.case-card {
    text-decoration: none;
}

.desktop a.case-card:hover img {
    transform: scale(1.1);
}

.case-card._full {
    width: 100%;
}

.case-card._medium {
    width: calc(97rem / 2 - 10px);
}

.case-card._small {
    width: calc((97rem + 20px) / 3 - 20px);
}

.case-card._large {
    width: calc((97rem + 20px) / 12 * 8 - 20px);
}

.case-card__img {
    position: relative;
    z-index: 1;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.case-card__img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
}

.case-card__img.active::after {
    height: 0;
    animation-name: height-from-100-to-0;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
}

.case-card__img video,
.case-card__img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: transform 1.2s;
    will-change: transform;
}

.case-card__img .sound-switch img {
    width: auto;
    height: auto;
}

.case-card__title {
    color: #000;
    font-weight: 400;
    font-size: 1.66666667rem;
    letter-spacing: -0.01666667rem;
    line-height: 120%;
    position: relative;
    margin-top: 0.78125rem;
}

.case-card__title span {
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.3s;
    padding-bottom: 5px;
}

.desktop a:hover .case-card__title span,
.desktop a:focus .case-card__title span,
.desktop .case-card__title:hover span,
.desktop .case-card__title:focus span {
    background-size: 100% 2px;
}

.case-card__subtitle {
    color: #272727;
    font-size: 0.9375rem;
    letter-spacing: -0.01875rem;
    font-weight: 400;
    line-height: 110%;
    margin-top: 0.98958333rem;
    padding-bottom: 3px;
}

.case-card-categories {
    width: 100%;
}

.spoiler {
    position: relative;
    border-bottom: 1px solid #eaeaea;
}

.spoiler::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 1px solid #272727;
    transform-origin: right;
    transform: scale(0, 1);
    transition: transform 0.8s cubic-bezier(0.4, 0.6, 0, 1);
}

.spoiler._opened::after {
    transform: scale(1, 1);
}

[data-theme="dark"] > .spoiler:not([data-theme]),
[data-theme="dark"] > *:not([data-theme]) .spoiler:not([data-theme]),
.spoiler[data-theme="dark"] {
    border-bottom-color: #3c3c3c;
}

[data-theme="dark"] > .spoiler:not([data-theme])::after,
[data-theme="dark"] > *:not([data-theme]) .spoiler:not([data-theme])::after,
.spoiler[data-theme="dark"]::after {
    border-bottom-color: #fff;
}

[data-theme="dark"] > .spoiler:not([data-theme]) .spoiler__icon,
[data-theme="dark"] > *:not([data-theme]) .spoiler:not([data-theme]) .spoiler__icon,
.spoiler[data-theme="dark"] .spoiler__icon {
    color: #3c3c3c;
}

[data-theme="dark"] > .spoiler:not([data-theme])._opened .spoiler__icon,
[data-theme="dark"] > *:not([data-theme]) .spoiler:not([data-theme])._opened .spoiler__icon,
.spoiler[data-theme="dark"]._opened .spoiler__icon {
    color: #fff;
}

[data-theme="dark"] > .spoiler:not([data-theme]) .spoiler__toggle,
[data-theme="dark"] > *:not([data-theme]) .spoiler:not([data-theme]) .spoiler__toggle,
.spoiler[data-theme="dark"] .spoiler__toggle {
    color: #fff;
}

.spoiler__toggle {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #000;
    font-size: 2.08333333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02083333rem;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    padding: 0;
}

.desktop .spoiler__toggle:hover .spoiler__icon {
    color: #272727;
}

.desktop .projects-awards .spoiler__toggle:hover .spoiler__icon {
    color: #fff;
}

.spoiler__icon {
    margin: auto 0 auto auto;
    width: 1.66666667rem;
    height: 1.66666667rem;
    color: #eaeaea;
    flex-shrink: 0;
    transition:
        color 0.5s,
        transform 0.5s,
        opacity 0.5s;
    animation: spoiler-icon-hide 0.4s both;
}

.spoiler._opened .spoiler__icon {
    color: #272727;
    animation: spoiler-icon-show 0.4s forwards;
}

.spoiler__content {
    display: none;
}

.spoiler:not(._opened) .spoiler__content {
    display: none;
}

.pirate-block-main p.accent {
    margin-bottom: 1.30208333rem;
}

.pirate-block {
    margin-top: 12.5rem;
    margin-bottom: 12.5rem;
    position: relative;
    padding: 4.16666667rem 3.02083333rem 19.89583333rem 2.8125rem;
    background: #ffe55b;
}

.pirate-block .pirate-block-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.14583333rem 0;
    margin-bottom: 1.04166667rem;
}

.pirate-block .pirate-block-top span {
    color: #000;
    font-size: 0.67708333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.83333333rem;
    letter-spacing: -0.00677083rem;
    opacity: 0.4;
}

.pirate-block .pirate-symbol {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.pirate-block .pirate-block-title {
    font-size: 4.6875rem;
    font-weight: 300;
    line-height: 105%;
    letter-spacing: -0.1875rem;
    margin-bottom: 1.04166667rem;
}

.pirate-block .pirate-block-logos {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 0.625rem;
    margin-bottom: 8.17708333rem;
}

.pirate-block .pirate-block-logos .logo-cp {
    display: block;
}

.pirate-block .pirate-block-logos .logo-piratecode {
    display: block;
}

.pirate-block .pirate-block-logos img {
    max-width: 100%;
    max-height: 100%;
}

.pirate-block .pirate-block-subtitle {
    color: #000;
    font-size: 2.91666667rem;
    font-weight: 300;
    line-height: 118%;
    letter-spacing: -0.02916667rem;
    margin-bottom: 2.44791667rem;
}

.pirate-block .pirate-block-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5625rem 4.21875rem;
}

.pirate-block .pirate-block-list span {
    font-size: 2.08333333rem;
    font-style: normal;
    font-weight: 300;
    white-space: nowrap;
    line-height: 118%;
    letter-spacing: -0.02083333rem;
}

.pirate-block .pirate-block-list span:nth-child(1),
.pirate-block .pirate-block-list span:nth-child(4) {
    width: 32%;
}

.pirate-block .pirate-block-list span:nth-child(3) {
    margin-left: 6.77083333rem;
}

.about-partners p.accent {
    margin-bottom: 1.5625rem;
}

.about-partners .awards-marquee {
    margin-top: 5.20833333rem;
    margin-bottom: 4.16666667rem;
}

.about-partners .about-partners-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0 0.98958333rem;
}

.about-partners .about-partners-item {
    position: relative;
    width: calc(25% - 19px * 3 / 4);
    text-decoration: none;
}

.desktop
    .about-partners
    .about-partners-item.about-partners-item--piratecode:hover
    .about-partners-item--img {
    background: #ffe55b;
}

.about-partners .about-partners-item.about-partners-item--wolfenfox {
    position: relative;
}

.about-partners .about-partners-item.about-partners-item--wolfenfox .about-partners-item--img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition:
        0.2s opacity linear,
        0.2s visibility linear;
}

.about-partners
    .about-partners-item.about-partners-item--wolfenfox
    .about-partners-item--img
    img:first-child {
    opacity: 1;
    visibility: visible;
}

.about-partners .about-partners-item.about-partners-item--wolfenfox .about-partners-item--img img:last-child {
    opacity: 0;
    visibility: hidden;
}

.desktop .about-partners .about-partners-item.about-partners-item--wolfenfox:hover .about-partners-item--img {
    background: #2f40a5;
}

.desktop
    .about-partners
    .about-partners-item.about-partners-item--wolfenfox:hover
    .about-partners-item--img
    img:first-child {
    opacity: 0;
    visibility: hidden;
}

.desktop
    .about-partners
    .about-partners-item.about-partners-item--wolfenfox:hover
    .about-partners-item--img
    img:last-child {
    opacity: 1;
    visibility: visible;
}

.about-partners .about-partners-item.about-partners-item--kirarock .about-partners-item--img img {
    filter: brightness(0);
}

.desktop .about-partners .about-partners-item.about-partners-item--kirarock:hover .about-partners-item--img {
    background: #000;
}

.desktop
    .about-partners
    .about-partners-item.about-partners-item--kirarock:hover
    .about-partners-item--img
    img {
    filter: brightness(1);
}

.desktop .about-partners .about-partners-item.about-partners-item--media:hover .about-partners-item--img {
    background: #dbff6d;
}

.about-partners .about-partners-item--img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.19791667rem;
    min-height: 15.46875rem;
    height: 15.46875rem;
    background: #fafafa;
    box-sizing: border-box;
    transition: 0.2s linear background;
}

.about-partners .about-partners-item--img img {
    max-width: 100%;
    max-height: 100%;
}

.about-partners .about-partners-item--text {
    color: #272727;
    font-size: 1.09036458rem;
    font-weight: 400;
    line-height: 1.43020833rem;
    letter-spacing: -0.02401042rem;
}

.pirate-block-wrap {
    margin-bottom: 9.375rem;
}

.pirate-block-wrap .category-text-right {
    margin-left: auto;
    margin-top: 9.375rem;
}

.pirate-block-wrap .pirate-block {
    margin-top: 0;
    margin-bottom: 0;
    padding: 3.38541667rem 2.96875rem 3.02083333rem 2.96875rem;
}

.pirate-block-wrap .pirate-block .pirate-block-title {
    line-height: 105%;
    letter-spacing: -0.1875rem;
    margin-bottom: 8.02083333rem;
}

.pirate-block-wrap .pirate-block .logo-cp {
    position: relative;
    width: 38.59375rem;
}

.pirate-block-wrap .pirate-block .logo-cp + .pirate-block-direction {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 0.41666667rem 0.625rem;
    color: #ffe55b;
    font-size: 1.45833333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625rem;
    border-radius: 12px;
    background: #343434;
    margin-left: 8.75rem;
}

.pirate-block-wrap .pirate-block .logo-piratecode {
    position: relative;
    width: 37.44791667rem;
}

.pirate-block-wrap .pirate-block .logo-piratecode + .pirate-block-direction {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 0.41666667rem 0.625rem;
    color: #ffe55b;
    font-size: 1.45833333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625rem;
    border-radius: 12px;
    background: #343434;
    margin-left: 8.75rem;
}

.pirate-block-wrap .pirate-block-logos {
    gap: 0 3.64583333rem;
    margin-bottom: 0;
    align-items: flex-start;
}

.pirate-block-wrap .pirate-block-logos .separator {
    position: relative;
    width: 5.10416667rem;
    height: 4px;
    margin-top: 3.69791667rem;
    background: #000;
}

.pirate-block-wrap .pirate-block-logos .separator::after {
    content: "";
    display: block;
    width: 5.10416667rem;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background: #000;
}

.pirate-block-wrap .pirate-symbol {
    position: absolute;
    top: 8.54166667rem;
    right: 7.1875rem;
    left: initial;
    width: 24.01041667rem;
}

.pirate-block-wrap .pirate-block-subtitle {
    color: #000;
    font-size: 1.45833333rem;
    font-weight: 400;
    line-height: 1.5625rem;
    width: 25.41666667rem;
    margin-bottom: 12.5rem;
}

.pirate-block-wrap .pirate-block-wrap-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0.52083333rem;
    padding-right: 3.38541667rem;
}

.pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__left {
    width: 45%;
}

.pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__right {
    width: 30.22%;
    margin-top: 6.25rem;
}

.pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__right p {
    padding-right: 0;
    margin-top: 0;
    color: #272727;
    font-size: 1.04166667rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.171875rem;
    letter-spacing: -0.02098958rem;
}

.pirate-block-wrap-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2.60416667rem;
}

.pirate-block-wrap-top .pirate-block-wrap-top__left {
    width: 38%;
}

.pirate-block-wrap-top .pirate-block-wrap-top__right {
    width: 30%;
}

.pirate-block-wrap-top .pirate-block-wrap-top__right p {
    color: #272727;
    font-size: 1.04166667rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.27083333rem;
    letter-spacing: -0.02098958rem;
}

.pirate-block-bg {
    display: flex;
    align-items: flex-end;
    position: relative;
    height: 700px;
}

.pirate-block-bg .pirate-block-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.pirate-block-bg-content {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    box-sizing: border-box;
    gap: 0 2.5rem;
    padding: 0 0 2.60416667rem 18.22916667rem;
}

.pirate-block-bg-subtitle {
    color: #fff;
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%; /* 76.8px */
    letter-spacing: -0.02083333rem;
}

.pirate-block-bg-logos {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pirate-block-bg-logos img {
    position: relative;
    width: 9.375rem;
    height: 9.375rem;
    transform: translate3d(0, 0, 0);
    z-index: 5;
}

.pirate-block-bg-logos img:last-child {
    margin-left: -2.29166667rem;
    z-index: 3;
}

.pirate-block-bg-content__right {
    width: 52%;
}

.pirate-block-bg-content__right a {
    width: -webkit-fit-content;
    width: fit-content;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%; /* 76.8px */
    letter-spacing: -0.01875rem;
    padding: 0.52083333rem 2.03125rem;
    background: #fff;
    border-radius: 5.20833333rem;
    text-decoration: none;
    margin-top: 2.08333333rem;
    transition:
        color 0.2s linear,
        background 0.2s linear;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.desktop .pirate-block-bg-content__right a:hover {
    background: #272727;
    color: #fff;
}

.underline {
    position: relative;
    text-decoration: none;
}

.underline:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .underline:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .underline:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.underline-default {
    text-decoration: underline;
}

.underline-default:hover {
    text-decoration: none;
}

.underline-default:after {
    display: none;
}

.link-green {
    color: #272727;
    margin-right: 5px;
}

.underline-in {
    position: relative;
    font-weight: 500;
    text-decoration: none;
}

.underline-in:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0.15em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

html.desktop .underline-in:hover:after {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.big-link {
    color: #4fd321;
    font-size: 0.8rem;
}

.accent,
p.accent {
    font-size: 1.6rem;
    line-height: 1.11em;
    font-weight: 300;
    margin: 0;
    letter-spacing: -0.02em;
}

.accent:first-child,
p.accent:first-child {
    margin-top: 0 !important;
}

.accent:last-child,
p.accent:last-child {
    margin-bottom: 0 !important;
}

.accent .underline,
p.accent .underline {
    font-weight: 300 !important;
}

.big-numbers {
    display: block;
    font-size: 4.7rem;
    line-height: 1;
    margin: -0.05em 0 0 0;
    font-weight: 300;
}

.list-title {
    font-size: 1.1rem;
    line-height: 1.3em;
    margin: 0.3em 0;
    padding-left: 1rem;
}

.list-title:first-child {
    margin-top: 0;
}

.unmarked-list {
    list-style: none;
    margin: 0.3em 0;
    padding: 0;
}

.unmarked-list li {
    position: relative;
}

.unmarked-list a {
    color: currentColor;
}

.hover-preview {
    position: absolute;
    width: 8rem;
    height: 5.8rem;
    left: -10rem;
    top: -0.5rem;
    opacity: 0;
    transform: translateY(-0.5rem);
    transition: all 0.3s ease;
    background-size: cover;
    background-position: center center;
    pointer-events: none;
}

html.mobile .hover-preview {
    display: none;
}

a:hover + .hover-preview {
    opacity: 1;
    transform: translateY(0) !important;
}

.title-h1,
.marquee--title-1 .marquee__inner > *,
.marquee--title-1 .marquee__inner:after {
    font-size: 7.8rem;
    line-height: 1.3em;
    margin: 0;
    font-weight: 300;
    letter-spacing: -0.05em;
}

.title-h2,
.marquee--title-2 .marquee__inner > *,
.marquee--title-2 .marquee__inner:after {
    font-size: 4.7rem;
    line-height: 1.3em;
    margin: 0;
    font-weight: 300;
    letter-spacing: -0.05em;
}

.title-h2,
.marquee--title-2 .marquee__inner > *,
.marquee--title-2 .marquee__inner:after {
    font-size: 4.7rem;
    line-height: 1.3em;
    margin: 0;
    font-weight: 300;
    letter-spacing: -0.05em;
}

.title-h3,
.marquee--title-3 .marquee__inner > *,
.marquee--title-3 .marquee__inner:after {
    font-size: 2.3rem;
    line-height: 1.3em;
    margin: 0;
    font-weight: 300;
    letter-spacing: -0.05em;
}

[data-barba-namespace="category"] .content {
    padding-top: 8rem;
}

[data-barba-namespace="category"] .first-screen {
    box-sizing: border-box;
    padding-top: 1.5rem;
    padding-bottom: 6.7rem;
}

[data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top .top__right {
    padding-top: 1.1rem;
    padding-right: 1.3rem;
}

[data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top h1 {
    font-size: 4.6rem;
    line-height: 110%;
    font-weight: 300;
    letter-spacing: -4.4px;
}

[data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top p {
    font-size: 1.6rem;
    text-align: left;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.6px;
    margin-bottom: 1.7rem;
}

[data-barba-namespace="category"] .policy-link.policy-link-wide {
    position: relative;
    width: 32vw;
    z-index: 5;
}

[data-barba-namespace="category"] .top {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[data-barba-namespace="category"] .top .accent {
    margin-right: 70px;
}

.other-projects {
    margin-bottom: 10rem;
}

.other-projects .unmarked-list {
    margin-bottom: 3rem;
    padding: 0 0 0 1rem;
    color: #565656;
}

.other-projects .unmarked-list:last-child {
    margin-bottom: 0 !important;
}

.other-projects__awwwards {
    text-align: right;
}

.other-projects__awwwards .unmarked-list {
    color: #272727;
}

.category-top-nav {
    padding: 0 28px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 4;
    background: #fff;
    left: 0;
    top: 4.5rem;
    margin: 0;
    list-style: none;
    gap: 0 60px;
}

.category-top-nav li a {
    display: block;
    padding: 1rem 0;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.3px;
    text-decoration: none;
    color: #b5b5b5;
}

.category-top-nav li a:hover,
.category-top-nav li a._active {
    color: #000;
}

[data-barba-namespace="about"] .first-screen {
    box-sizing: border-box;
    padding-bottom: 7rem;
    min-height: calc(var(--vh, 1vh) * 100 - 4.5rem - 8rem);
}

[data-barba-namespace="about"] .first-screen .policy-link.policy-link-wide {
    position: relative;
    width: 32vw;
    z-index: 5;
}

[data-barba-namespace="about"] .top {
    margin-bottom: 0 !important;
}

[data-barba-namespace="about"] .top__socials .unmarked-list {
    margin-top: 1.5rem;
}

.page-about .content {
    padding-top: 4.05rem;
}

[class^="col"] > p:first-child {
    margin-top: 0;
}

.vacancies .preview-cards__inner {
    flex-wrap: wrap;
    gap: 0 1%;
}

.vacancies .preview-card {
    width: 24.25%;
    margin: 0;
    margin-bottom: 2%;
}

.vacancies .all-vacancies {
    padding-top: 5%;
    padding-left: 50%;
}

.all-vacancies {
    width: 25%;
    position: relative;
    padding-top: 32%;
}

.all-vacancies__link {
    display: inline-block;
    font-size: 4.7rem;
    line-height: 1.3;
    position: relative;
    font-weight: 300;
    letter-spacing: -0.05em;
    text-decoration: none;
}

.all-vacancies__link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.15em;
    border-bottom: 0.04em solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .all-vacancies__link:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.vacancies-marquee {
    margin-top: 12.5rem;
}

.vacancies-mobile__inner {
    width: calc(50% - 2.2rem);
    margin-top: 26rem;
    padding-bottom: 9rem;
}

.vacancies-mobile__inner .underline {
    white-space: nowrap;
}

.other-clients {
    margin-top: 12.5rem;
    padding-bottom: 3rem;
}

.other-clients__list {
    margin-top: 2.5rem;
}

.other-clients__list .unmarked-list {
    margin-bottom: 3rem;
    padding: 0 0 0 1rem;
    color: #565656;
}

.other-clients__list .unmarked-list:last-child {
    margin-bottom: 0 !important;
}

.other-clients__preview-cards {
    margin-top: 8.5rem;
    margin-bottom: 0;
}

.other-clients__preview-cards .preview-cards__inner {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.other-clients__single-cards {
    margin-top: 8.5rem;
    margin-bottom: 0;
}

.other-clients__single-cards .preview-cards__inner {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.awards {
    padding-bottom: 3rem;
}

.awards-marquee {
    margin-top: 12.5rem;
}

.page-main .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"] {
    position: relative;
    display: inline;
    width: -webkit-fit-content;
    width: fit-content;
}

.desktop .page-main .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"]:hover {
    background-size: 0% 0.05208333rem;
}

.page-main.desktop .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"]:hover {
    background-size: 0% 0.05208333rem;
}

.timer-event {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.timer-event h2 {
    margin: 0 20px 0 0;
}

.countdownHolder span {
    font-size: 16px;
    font-weight: 500;
}

[data-barba-namespace="main"] .first-screen {
    box-sizing: border-box;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    position: relative;
}

[data-barba-namespace="main"] .top__socials .unmarked-list {
    margin-top: 2rem;
}

[data-barba-namespace="main"] .top-info {
    display: flex;
    flex-direction: column;
}

[data-barba-namespace="main"] .top-info p,
[data-barba-namespace="main"] .top-info .top__socials .unmarked-list {
    margin-top: 0;
}

[data-barba-namespace="main"] .policy-link {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 1rem;
}

[data-barba-namespace="main"] .policy-link.policy-link-wide {
    position: relative;
    width: 32vw;
    z-index: 5;
}

[data-barba-namespace="main"] .policy-link a {
    text-decoration: underline;
}

[data-barba-namespace="main"] .policy-link a:hover {
    text-decoration: none;
}

[data-barba-namespace="main"] .policy-link a:after {
    content: none;
}

[data-barba-namespace="main"] .first-screen__cpeople {
    margin-top: 13rem;
}

.first-screen__bottom {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    padding-top: 3rem;
    position: relative;
}

.section-details {
    display: inline-block;
    font-size: 0.8rem;
    line-height: 1rem;
}

.section-footer {
    margin-top: 3.5rem;
    margin-bottom: 10rem;
}

.mp-hero {
    font-size: 7.8rem;
    line-height: 1;
    letter-spacing: -0.06em;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -0.7rem;
}

.mp-hero__line {
    position: relative;
    display: inline-flex;
}

.mp-hero__line.mp-hero__line--text {
    width: 163%;
}

.mp-hero__icon {
    position: absolute;
    left: 100%;
    margin-left: 2.16rem;
    height: 5rem;
    bottom: 50%;
    margin-bottom: -2.7rem;
    opacity: 1;
    transition: all 0.5s;
    transform: rotate(0) scale(1);
    max-width: 10rem;
}

.mp-hero__icon._hidden {
    opacity: 0;
}

.mp-hero__icon._hidden._rotate {
    transform: rotate(-180deg);
}

.mp-hero__icon._hidden._left {
    left: calc(100% + 100px);
}

.mp-hero__icon._hidden._scale {
    transform: scale(0.005);
}

.mp-hero__icon._hidden._scaleX {
    transform: scaleX(-2);
}

.mp-about-link {
    display: inline-block;
    position: relative;
    margin-top: 3.1rem;
}

.mp-showreel {
    margin-top: 13rem;
}

.preload-main-icons {
    width: 0;
    height: 0;
    overflow: hidden;
    position: fixed;
    z-index: -1000;
    opacity: 0;
}

.airplane-animation {
    position: absolute;
    right: -1.8rem;
    bottom: 8rem;
    width: 37%;
}

.airplane-animation svg {
    overflow: visible;
    width: 100%;
    height: auto;
}

.airplane-link {
    position: absolute;
    z-index: 2;
    right: 1.8rem;
    bottom: 4px;
    font-size: 0.75rem;
    line-height: 1rem;
    width: 14%;
    padding-bottom: 6%;
    padding-top: 6%;
    text-align: center;
    text-decoration: none;
    opacity: 0;
    transition: opacity 0.5s linear;
    pointer-events: none;
}

.airplane-link._active {
    opacity: 1;
    pointer-events: unset;
}

.airplane-link span {
    position: relative;
}

.airplane-link span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0.15em;
    border-bottom: 0.05em solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.desktop .airplane-link:hover span:before {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.page-main-new.page-main-v2 .form-layer__header,
.page-contacts.page-main-v2 .form-layer__header {
    height: 0;
}

.page-main-new.page-main-v2._form-open .form-layer__header,
.page-contacts.page-main-v2._form-open .form-layer__header {
    height: 4.16666667rem;
}

.page-main-new.page-main-v2._form-open .form-layer__header .header__inner,
.page-contacts.page-main-v2._form-open .form-layer__header .header__inner {
    height: 4.16666667rem;
}

.page-main-new .expertise,
.page-contacts .expertise {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 151px;
}

.page-main-new .expertise .expertise-title,
.page-contacts .expertise .expertise-title {
    color: #272727;
    font-size: 62px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -1.86px;
    margin-bottom: 128px;
}

.page-main-new .expertise .expertise-subtitle,
.page-contacts .expertise .expertise-subtitle {
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    margin-bottom: 128px;
}

.page-main-new .expertise .expertise__left,
.page-contacts .expertise .expertise__left {
    width: 44%;
}

.page-main-new .expertise .expertise__left img,
.page-contacts .expertise .expertise__left img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.page-main-new .expertise .expertise__right,
.page-contacts .expertise .expertise__right {
    width: 49.5%;
}

.page-main-new .expertise .expertise__right p,
.page-contacts .expertise .expertise__right p {
    padding-right: 50px;
    color: #272727;
    font-size: 48px;
    font-weight: 300;
    line-height: 100%;
    text-indent: 127px;
    letter-spacing: -0.96px;
}

.page-main-new .video,
.page-contacts .video {
    margin-bottom: 5rem;
}

.page-main-new .expertise-projects,
.page-contacts .expertise-projects {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 120px;
    padding-right: 235px;
}

.page-main-new .expertise-projects span,
.page-contacts .expertise-projects span {
    position: absolute;
    top: 0;
    left: -35%;
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.4px;
}

.page-main-new .expertise-projects a,
.page-contacts .expertise-projects a {
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.4px;
    align-self: flex-end;
}

.page-main-new .expertise-projects .projects-list,
.page-contacts .expertise-projects .projects-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.page-main-new .expertise-projects .projects-list a,
.page-contacts .expertise-projects .projects-list a {
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}

.page-main-new .working,
.page-contacts .working {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0 20px;
    padding-bottom: 38px;
    border-bottom: 1px solid #272727;
    margin-bottom: 192px;
}

.page-main-new .working .working-title,
.page-contacts .working .working-title {
    color: #272727;
    font-size: 62px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -1.86px;
    margin-bottom: 263px;
}

.page-main-new .working p,
.page-contacts .working p {
    color: #272727;
    font-size: 36px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.72px;
    text-indent: 98px;
    margin: 0;
}

.page-main-new .working p span,
.page-contacts .working p span {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.page-main-new .working .working__left,
.page-contacts .working .working__left {
    width: calc(100% - 49.8% - 20px);
    border-right: 2px solid #272727;
    padding-right: 50px;
}

.page-main-new .working .working__right,
.page-contacts .working .working__right {
    width: 49.8%;
}

.page-main-new .text-block,
.page-contacts .text-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 192px;
}

.page-main-new .text-block p,
.page-contacts .text-block p {
    color: #272727;
    font-size: 62px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -1.86px;
    margin: 0;
}

.page-main-new .text-block .text-block__left,
.page-contacts .text-block .text-block__left {
    width: 32%;
}

.page-main-new .text-block .text-block__right,
.page-contacts .text-block .text-block__right {
    width: 66.367%;
}

.page-main-new .text-block .text-block__right p,
.page-contacts .text-block .text-block__right p {
    text-indent: 100px;
}

.page-main-new .awards,
.page-contacts .awards {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 192px;
}

.page-main-new .awards .awards-numbers div,
.page-contacts .awards .awards-numbers div {
    color: #272727;
    font-size: 48px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.96px;
}

.page-main-new .awards .awards-item,
.page-contacts .awards .awards-item {
    box-sizing: border-box;
}

.page-main-new .awards .awards-item:first-child,
.page-contacts .awards .awards-item:first-child {
    width: 33%;
    margin-right: auto;
}

.page-main-new .awards .awards-item:nth-child(2),
.page-contacts .awards .awards-item:nth-child(2) {
    width: 20%;
    margin-top: 10px;
}

.page-main-new .awards .awards-item:last-child,
.page-contacts .awards .awards-item:last-child {
    width: 15%;
    margin-left: auto;
}

.page-main-new .awards .awards-item span,
.page-contacts .awards .awards-item span {
    display: block;
    margin-bottom: 20px;
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.4px;
}

.page-main-new .awards a,
.page-contacts .awards a {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}

.page-main-new .awards ul,
.page-contacts .awards ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.page-main-new .awards ul li,
.page-contacts .awards ul li {
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.4px;
}

.big-case {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0 20px;
    margin-bottom: 137px;
}

.big-case .big-case__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 48.433%;
    border-left: 1px solid #272727;
    padding-left: 20px;
}

.big-case .big-case__right {
    display: flex;
    flex-direction: column;
    width: calc(100% - 48.433% - 43px);
}

.big-case--name {
    color: #272727;
    font-size: 62px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -2.48px;
    margin-bottom: 24px;
}

.big-case--imgs {
    position: relative;
    height: 0;
    padding-bottom: 70.732%;
}

.big-case--img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.big-case--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
}

.big-case--img-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.big-case--img-list img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    width: 0;
    transition:
        opacity 0.15s linear,
        width 0.15s linear;
    z-index: 1;
}

.big-case--img-list img._active {
    width: 100%;
    opacity: 1;
}

.big-case--img-list img._z-index {
    z-index: 15;
}

.case-services-list._hide li {
    opacity: 0.4;
}

.case-services-list._hide li._active {
    opacity: 1;
}

.case-services-list li {
    transition: opacity 0.2s linear;
}

.case-services-list li._active {
    opacity: 1;
}

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

.big-case-top .big-case--desc {
    display: none;
    margin: 0;
}

.big-case--desc {
    margin-bottom: 120px;
}

.big-case--desc > div {
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.4px;
}

.big-case--title {
    color: #272727;
    font-size: 48px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.96px;
    text-indent: 105px;
    padding-right: 150px;
}

.big-case--product-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: auto;
    padding-right: 150px;
}

.big-case--product-list._hide ul li a:not(._active) {
    opacity: 0.4;
}

.big-case--product-list > div span {
    display: block;
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
    margin-bottom: 24px;
}

.big-case--product-list > div ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.big-case--product-list > div ul li {
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
}

.big-case--product-list > div ul li a {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
    line-height: 127%;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    overflow: hidden;
    border-bottom: 1px solid #272727;
}

.big-case--product-list > div ul li a i {
    display: block;
    font-style: normal;
    margin: 0;
    opacity: 0;
}

.big-case--product-list > div ul li a::after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.2s linear;
}

.big-case--product-list > div ul li a::before {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 86%;
    left: 0;
    transition: transform 0.2s linear;
}

.cases-wrap {
    margin-bottom: 10rem;
}

.cases-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0 20px;
}

.case-item--content {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 92%;
    opacity: 0;
    visibility: hidden;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    background: #fff;
    transition:
        opacity 0.2s linear,
        visibility 0.2s linear;
}

._active .case-item--content {
    opacity: 1;
    visibility: visible;
}

.case-item--content p {
    display: none;
    font-size: 24px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.48px;
    margin-top: 0;
    margin-bottom: 48px;
}

.case-item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    border-left: 1px solid #272727;
    width: calc(33.33% - 20px * 2 / 3);
}

.case-item > p {
    color: #272727;
    font-size: 36px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.72px;
    text-indent: 105px;
    margin-top: auto;
    margin-bottom: 0;
}

.case-item--title {
    color: #272727;
    font-size: 62px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -2.48px;
    margin-bottom: 18px;
}

.case-item--desc {
    margin-bottom: 550px;
}

.case-item--desc div {
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
}

.case-item--img {
    margin-bottom: 32px;
}

.case-item--img img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.case-item--services {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 160px;
    margin-top: auto;
}

.case-item--services > div span {
    display: block;
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
    margin-bottom: 24px;
}

.case-item--services > div ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.case-item--services > div ul li {
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.case-item--services > div ul li._showed {
    opacity: 1;
}

.text-style {
    margin-bottom: 292px;
}

.text-style img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.text-style p {
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
    max-width: 442px;
    width: 100%;
}

.first-screen-main {
    padding: 48px 0 116px 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.first-screen__subtitle {
    color: #272727;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    width: 10%;
}

.first-screen__h1 {
    margin: 0;
}

.first-screen__h1 .span-1 {
    display: block !important;
    min-height: 5rem;
}

.first-screen__h1._animate-start .span-1 {
    height: 0;
    min-height: 0;
}

.first-screen__h1._animate-start .span-1,
.first-screen__h1._animate-start .span-3 {
    max-width: 0;
    opacity: 0;
    margin: 0;
    transform: translateY(-10px);
}

.first-screen__h1._animate-start .span-2:first-letter {
    text-transform: uppercase;
}

.first-screen__title {
    color: #272727;
    font-size: 62px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -1.86px;
    width: 57.5%;
    margin-left: 456px;
}

.first-screen__title .first-screen__title-h1-span {
    display: inline-block;
    max-width: 1000px;
    opacity: 1;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 0.25em;
    transition:
        max-width 0.5s ease,
        min-height 0.5s ease,
        height 0.5s ease,
        opacity 0.5s ease,
        margin 0.5s ease,
        transform 0.5s ease;
}

.first-screen__title span:not([class]) {
    display: flex;
    text-indent: 427px;
    transition: 0.3s opacity;
}

.first-screen__title span:not([class]) b {
    display: block;
    font-weight: 300;
    text-indent: 150px;
}

.page-main-v2,
.page-contacts,
.page-stream,
.page-projects,
.page-case-new-design,
.page-design-accompaniment {
    /* Стили для прогресс-бара (если добавляете в CSS) */
}

.page-main-v2 .multi-item,
.page-contacts .multi-item,
.page-stream .multi-item,
.page-projects .multi-item,
.page-case-new-design .multi-item,
.page-design-accompaniment .multi-item {
    pointer-events: none;
}

.page-main-v2 .multi-item.case-big::before,
.page-contacts .multi-item.case-big::before,
.page-stream .multi-item.case-big::before,
.page-projects .multi-item.case-big::before,
.page-case-new-design .multi-item.case-big::before,
.page-design-accompaniment .multi-item.case-big::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
}

.page-main-v2 .multi-item.case-small::before,
.page-contacts .multi-item.case-small::before,
.page-stream .multi-item.case-small::before,
.page-projects .multi-item.case-small::before,
.page-case-new-design .multi-item.case-small::before,
.page-design-accompaniment .multi-item.case-small::before {
    content: "";
    position: absolute;
    top: 0;
    left: 49.5%;
    transform: translateX(-50%);
    width: 50vw;
    height: 100%;
    z-index: -1;
}

.page-main-v2 .multi-item.case-small + .case-small::before,
.page-contacts .multi-item.case-small + .case-small::before,
.page-stream .multi-item.case-small + .case-small::before,
.page-projects .multi-item.case-small + .case-small::before,
.page-case-new-design .multi-item.case-small + .case-small::before,
.page-design-accompaniment .multi-item.case-small + .case-small::before {
    left: 51%;
}

.page-main-v2 .multi-item._hover-in,
.page-contacts .multi-item._hover-in,
.page-stream .multi-item._hover-in,
.page-projects .multi-item._hover-in,
.page-case-new-design .multi-item._hover-in,
.page-design-accompaniment .multi-item._hover-in {
    pointer-events: all;
}

.page-main-v2 .multi-item._animate .multi-item__imgs-wrap::after,
.page-contacts .multi-item._animate .multi-item__imgs-wrap::after,
.page-stream .multi-item._animate .multi-item__imgs-wrap::after,
.page-projects .multi-item._animate .multi-item__imgs-wrap::after,
.page-case-new-design .multi-item._animate .multi-item__imgs-wrap::after,
.page-design-accompaniment .multi-item._animate .multi-item__imgs-wrap::after {
    height: 0;
}

.page-main-v2 .multi-item._animate .case-top-text::after,
.page-contacts .multi-item._animate .case-top-text::after,
.page-stream .multi-item._animate .case-top-text::after,
.page-projects .multi-item._animate .case-top-text::after,
.page-case-new-design .multi-item._animate .case-top-text::after,
.page-design-accompaniment .multi-item._animate .case-top-text::after,
.page-main-v2 .multi-item._animate .case-content-wrap::after,
.page-contacts .multi-item._animate .case-content-wrap::after,
.page-stream .multi-item._animate .case-content-wrap::after,
.page-projects .multi-item._animate .case-content-wrap::after,
.page-case-new-design .multi-item._animate .case-content-wrap::after,
.page-design-accompaniment .multi-item._animate .case-content-wrap::after {
    animation-name: bg-white-full;
    animation-delay: 1.2s;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.page-main-v2 .multi-item._animate .case-content__right,
.page-contacts .multi-item._animate .case-content__right,
.page-stream .multi-item._animate .case-content__right,
.page-projects .multi-item._animate .case-content__right,
.page-case-new-design .multi-item._animate .case-content__right,
.page-design-accompaniment .multi-item._animate .case-content__right {
    animation-name: x-to-0;
    animation-delay: 1.5s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.page-main-v2 .multi-item__imgs-wrap,
.page-contacts .multi-item__imgs-wrap,
.page-stream .multi-item__imgs-wrap,
.page-projects .multi-item__imgs-wrap,
.page-case-new-design .multi-item__imgs-wrap,
.page-design-accompaniment .multi-item__imgs-wrap {
    position: relative;
    width: 100%;
    z-index: 5;
}

.page-main-v2 .multi-item__imgs-wrap::after,
.page-contacts .multi-item__imgs-wrap::after,
.page-stream .multi-item__imgs-wrap::after,
.page-projects .multi-item__imgs-wrap::after,
.page-case-new-design .multi-item__imgs-wrap::after,
.page-design-accompaniment .multi-item__imgs-wrap::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: height 1.25s ease-in-out;
    z-index: 10;
}

.page-main-v2 .multi-item__imgs,
.page-contacts .multi-item__imgs,
.page-stream .multi-item__imgs,
.page-projects .multi-item__imgs,
.page-case-new-design .multi-item__imgs,
.page-design-accompaniment .multi-item__imgs {
    position: relative;
    height: 0;
    padding-bottom: 52.59%;
    z-index: 5;
}

.page-main-v2 .multi-item__imgs img,
.page-contacts .multi-item__imgs img,
.page-stream .multi-item__imgs img,
.page-projects .multi-item__imgs img,
.page-case-new-design .multi-item__imgs img,
.page-design-accompaniment .multi-item__imgs img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.page-main-v2 .multi-item__imgs img.active,
.page-contacts .multi-item__imgs img.active,
.page-stream .multi-item__imgs img.active,
.page-projects .multi-item__imgs img.active,
.page-case-new-design .multi-item__imgs img.active,
.page-design-accompaniment .multi-item__imgs img.active {
    opacity: 1;
}

.page-main-v2 .case-progress-container,
.page-contacts .case-progress-container,
.page-stream .case-progress-container,
.page-projects .case-progress-container,
.page-case-new-design .case-progress-container,
.page-design-accompaniment .case-progress-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: transparent;
    overflow: hidden;
    z-index: 10;
}

.page-main-v2 .case-progress-bar,
.page-contacts .case-progress-bar,
.page-stream .case-progress-bar,
.page-projects .case-progress-bar,
.page-case-new-design .case-progress-bar,
.page-design-accompaniment .case-progress-bar {
    width: 0%;
    height: 100%;
    background-color: #4fd321;
    transition: none;
}

.page-main-v2 .bg-start,
.page-contacts .bg-start,
.page-stream .bg-start,
.page-projects .bg-start,
.page-case-new-design .bg-start,
.page-design-accompaniment .bg-start {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    height: 39vh;
    background: #fff;
    z-index: 99;
    transition: width 1.5s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.page-main-v2 .bg-start._animate,
.page-contacts .bg-start._animate,
.page-stream .bg-start._animate,
.page-projects .bg-start._animate,
.page-case-new-design .bg-start._animate,
.page-design-accompaniment .bg-start._animate {
    width: 0;
}

.page-main-v2 .wrap,
.page-contacts .wrap,
.page-stream .wrap,
.page-projects .wrap,
.page-case-new-design .wrap,
.page-design-accompaniment .wrap {
    width: 97.084rem;
}

.page-main-v2 .video-sticky,
.page-contacts .video-sticky,
.page-stream .video-sticky,
.page-projects .video-sticky,
.page-case-new-design .video-sticky,
.page-design-accompaniment .video-sticky {
    height: 100vh;
    border: none;
}

.page-main-v2 .video-sticky::after,
.page-contacts .video-sticky::after,
.page-stream .video-sticky::after,
.page-projects .video-sticky::after,
.page-case-new-design .video-sticky::after,
.page-design-accompaniment .video-sticky::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: height 1.5s ease;
}

.page-main-v2 .video-sticky._animate,
.page-contacts .video-sticky._animate,
.page-stream .video-sticky._animate,
.page-projects .video-sticky._animate,
.page-case-new-design .video-sticky._animate,
.page-design-accompaniment .video-sticky._animate {
    border-color: transparent;
}

.page-main-v2 .video-sticky._animate::after,
.page-contacts .video-sticky._animate::after,
.page-stream .video-sticky._animate::after,
.page-projects .video-sticky._animate::after,
.page-case-new-design .video-sticky._animate::after,
.page-design-accompaniment .video-sticky._animate::after {
    height: 0;
}

.page-main-v2 .first-screen-main,
.page-contacts .first-screen-main,
.page-stream .first-screen-main,
.page-projects .first-screen-main,
.page-case-new-design .first-screen-main,
.page-design-accompaniment .first-screen-main {
    padding: 3.12rem 0 2.6rem 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.page-main-v2 .first-screen-main .first-screen-main__left,
.page-contacts .first-screen-main .first-screen-main__left,
.page-stream .first-screen-main .first-screen-main__left,
.page-projects .first-screen-main .first-screen-main__left,
.page-case-new-design .first-screen-main .first-screen-main__left,
.page-design-accompaniment .first-screen-main .first-screen-main__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 50%;
}

.page-main-v2 .first-screen-main .first-screen-main__right,
.page-contacts .first-screen-main .first-screen-main__right,
.page-stream .first-screen-main .first-screen-main__right,
.page-projects .first-screen-main .first-screen-main__right,
.page-case-new-design .first-screen-main .first-screen-main__right,
.page-design-accompaniment .first-screen-main .first-screen-main__right {
    padding-right: 60px;
    display: flex;
    justify-content: flex-end;
    width: 50%;
}

.page-main-v2 .video,
.page-contacts .video,
.page-stream .video,
.page-projects .video,
.page-case-new-design .video,
.page-design-accompaniment .video {
    margin-bottom: 15.65rem;
}

.page-main-v2 .first-screen__title,
.page-contacts .first-screen__title,
.page-stream .first-screen__title,
.page-projects .first-screen__title,
.page-case-new-design .first-screen__title,
.page-design-accompaniment .first-screen__title {
    width: 100%;
    color: #000;
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -1.44px;
    margin-left: 0;
}

.page-main-v2 .first-screen__title-items,
.page-contacts .first-screen__title-items,
.page-stream .first-screen__title-items,
.page-projects .first-screen__title-items,
.page-case-new-design .first-screen__title-items,
.page-design-accompaniment .first-screen__title-items {
    position: relative;
    width: 100%;
}

.page-main-v2 .first-screen__title-items .first-screen__title-item,
.page-contacts .first-screen__title-items .first-screen__title-item,
.page-stream .first-screen__title-items .first-screen__title-item,
.page-projects .first-screen__title-items .first-screen__title-item,
.page-case-new-design .first-screen__title-items .first-screen__title-item,
.page-design-accompaniment .first-screen__title-items .first-screen__title-item {
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-fit-content;
    width: fit-content;
    white-space: nowrap;
    font-size: 3.75rem;
    text-decoration: none;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -1.44px;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.1s ease,
        visibility 0.1s ease;
}

.page-main-v2 .first-screen__title-items .first-screen__title-item::after,
.page-contacts .first-screen__title-items .first-screen__title-item::after,
.page-stream .first-screen__title-items .first-screen__title-item::after,
.page-projects .first-screen__title-items .first-screen__title-item::after,
.page-case-new-design .first-screen__title-items .first-screen__title-item::after,
.page-design-accompaniment .first-screen__title-items .first-screen__title-item::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: #000;
}

.page-main-v2 .first-screen__title-items .first-screen__title-item._active,
.page-contacts .first-screen__title-items .first-screen__title-item._active,
.page-stream .first-screen__title-items .first-screen__title-item._active,
.page-projects .first-screen__title-items .first-screen__title-item._active,
.page-case-new-design .first-screen__title-items .first-screen__title-item._active,
.page-design-accompaniment .first-screen__title-items .first-screen__title-item._active {
    opacity: 1;
    visibility: visible;
}

.page-main-v2 .first-screen__title-items .first-screen__title-item._active::after,
.page-contacts .first-screen__title-items .first-screen__title-item._active::after,
.page-stream .first-screen__title-items .first-screen__title-item._active::after,
.page-projects .first-screen__title-items .first-screen__title-item._active::after,
.page-case-new-design .first-screen__title-items .first-screen__title-item._active::after,
.page-design-accompaniment .first-screen__title-items .first-screen__title-item._active::after {
    animation-name: width-from-0-to-100;
    animation-duration: 3.4s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

.page-main-v2 .first-screen__advantage,
.page-contacts .first-screen__advantage,
.page-stream .first-screen__advantage,
.page-projects .first-screen__advantage,
.page-case-new-design .first-screen__advantage,
.page-design-accompaniment .first-screen__advantage {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    transform: translateX(-60px);
    transition: transform 0.8s ease;
}

.page-main-v2 .first-screen__advantage._animate,
.page-contacts .first-screen__advantage._animate,
.page-stream .first-screen__advantage._animate,
.page-projects .first-screen__advantage._animate,
.page-case-new-design .first-screen__advantage._animate,
.page-design-accompaniment .first-screen__advantage._animate {
    transform: translateX(0);
}

.page-main-v2 .first-screen__advantage-item,
.page-contacts .first-screen__advantage-item,
.page-stream .first-screen__advantage-item,
.page-projects .first-screen__advantage-item,
.page-case-new-design .first-screen__advantage-item,
.page-design-accompaniment .first-screen__advantage-item {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 0 10px;
}

.page-main-v2 .first-screen__advantage-item.first-screen__advantage-item--column,
.page-contacts .first-screen__advantage-item.first-screen__advantage-item--column,
.page-stream .first-screen__advantage-item.first-screen__advantage-item--column,
.page-projects .first-screen__advantage-item.first-screen__advantage-item--column,
.page-case-new-design .first-screen__advantage-item.first-screen__advantage-item--column,
.page-design-accompaniment .first-screen__advantage-item.first-screen__advantage-item--column {
    flex-direction: column;
}

.page-main-v2 .first-screen__advantage-item.first-screen__advantage-item--column span,
.page-contacts .first-screen__advantage-item.first-screen__advantage-item--column span,
.page-stream .first-screen__advantage-item.first-screen__advantage-item--column span,
.page-projects .first-screen__advantage-item.first-screen__advantage-item--column span,
.page-case-new-design .first-screen__advantage-item.first-screen__advantage-item--column span,
.page-design-accompaniment .first-screen__advantage-item.first-screen__advantage-item--column span {
    margin-bottom: 2.09rem;
}

.page-main-v2 .first-screen__advantage-item span,
.page-contacts .first-screen__advantage-item span,
.page-stream .first-screen__advantage-item span,
.page-projects .first-screen__advantage-item span,
.page-case-new-design .first-screen__advantage-item span,
.page-design-accompaniment .first-screen__advantage-item span {
    color: #000;
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -1.44px;
}

.page-main-v2 .first-screen__advantage-item small,
.page-contacts .first-screen__advantage-item small,
.page-stream .first-screen__advantage-item small,
.page-projects .first-screen__advantage-item small,
.page-case-new-design .first-screen__advantage-item small,
.page-design-accompaniment .first-screen__advantage-item small {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.48px;
}

.page-main-v2 .first-screen__advantage-item small sup,
.page-contacts .first-screen__advantage-item small sup,
.page-stream .first-screen__advantage-item small sup,
.page-projects .first-screen__advantage-item small sup,
.page-case-new-design .first-screen__advantage-item small sup,
.page-design-accompaniment .first-screen__advantage-item small sup {
    font-size: 90%;
}

.page-main-v2 .video-main,
.page-contacts .video-main,
.page-stream .video-main,
.page-projects .video-main,
.page-case-new-design .video-main,
.page-design-accompaniment .video-main {
    max-height: calc(100vh - 6.875rem);
}

.page-main-v2 .expertise__right-top,
.page-contacts .expertise__right-top,
.page-stream .expertise__right-top,
.page-projects .expertise__right-top,
.page-case-new-design .expertise__right-top,
.page-design-accompaniment .expertise__right-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-main-v2 .expertise-list,
.page-contacts .expertise-list,
.page-stream .expertise-list,
.page-projects .expertise-list,
.page-case-new-design .expertise-list,
.page-design-accompaniment .expertise-list {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 1rem 0 0;
    gap: 10px 0;
    transform: translateX(-50px);
    transition: transform 1s ease;
}

.page-main-v2 .expertise-list::after,
.page-contacts .expertise-list::after,
.page-stream .expertise-list::after,
.page-projects .expertise-list::after,
.page-case-new-design .expertise-list::after,
.page-design-accompaniment .expertise-list::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    width: 100%;
    height: 102%;
    transition: width 1s ease;
}

.page-main-v2 .expertise-list a,
.page-contacts .expertise-list a,
.page-stream .expertise-list a,
.page-projects .expertise-list a,
.page-case-new-design .expertise-list a,
.page-design-accompaniment .expertise-list a,
.page-main-v2 .expertise-list div,
.page-contacts .expertise-list div,
.page-stream .expertise-list div,
.page-projects .expertise-list div,
.page-case-new-design .expertise-list div,
.page-design-accompaniment .expertise-list div {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    white-space: nowrap;
    color: #000;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.18px;
    text-decoration: none;
}

.page-main-v2 .expertise-list a::after,
.page-contacts .expertise-list a::after,
.page-stream .expertise-list a::after,
.page-projects .expertise-list a::after,
.page-case-new-design .expertise-list a::after,
.page-design-accompaniment .expertise-list a::after,
.page-main-v2 .expertise-list div::after,
.page-contacts .expertise-list div::after,
.page-stream .expertise-list div::after,
.page-projects .expertise-list div::after,
.page-case-new-design .expertise-list div::after,
.page-design-accompaniment .expertise-list div::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.page-main-v2 .swiper-pagination-progress-body,
.page-contacts .swiper-pagination-progress-body,
.page-stream .swiper-pagination-progress-body,
.page-projects .swiper-pagination-progress-body,
.page-case-new-design .swiper-pagination-progress-body,
.page-design-accompaniment .swiper-pagination-progress-body {
    position: relative;
    display: block;
    width: 100%;
    height: 0.25rem;
    background-color: rgba(55, 125, 255, 0.1);
}

.page-main-v2 .autoplay-progress,
.page-contacts .autoplay-progress,
.page-stream .autoplay-progress,
.page-projects .autoplay-progress,
.page-case-new-design .autoplay-progress,
.page-design-accompaniment .autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
}

.page-main-v2 .autoplay-progress svg,
.page-contacts .autoplay-progress svg,
.page-stream .autoplay-progress svg,
.page-projects .autoplay-progress svg,
.page-case-new-design .autoplay-progress svg,
.page-design-accompaniment .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.page-main-v2 .expertise,
.page-contacts .expertise,
.page-stream .expertise,
.page-projects .expertise,
.page-case-new-design .expertise,
.page-design-accompaniment .expertise {
    margin-bottom: 15.65rem;
}

.page-main-v2 .expertise._animate .expertise-list,
.page-contacts .expertise._animate .expertise-list,
.page-stream .expertise._animate .expertise-list,
.page-projects .expertise._animate .expertise-list,
.page-case-new-design .expertise._animate .expertise-list,
.page-design-accompaniment .expertise._animate .expertise-list {
    transform: translateX(0);
}

.page-main-v2 .expertise._animate .expertise-list::after,
.page-contacts .expertise._animate .expertise-list::after,
.page-stream .expertise._animate .expertise-list::after,
.page-projects .expertise._animate .expertise-list::after,
.page-case-new-design .expertise._animate .expertise-list::after,
.page-design-accompaniment .expertise._animate .expertise-list::after {
    width: 0;
}

.page-main-v2 .expertise .autoplay-progress-wrap,
.page-contacts .expertise .autoplay-progress-wrap,
.page-stream .expertise .autoplay-progress-wrap,
.page-projects .expertise .autoplay-progress-wrap,
.page-case-new-design .expertise .autoplay-progress-wrap,
.page-design-accompaniment .expertise .autoplay-progress-wrap {
    position: relative;
    top: initial;
    left: 0;
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid: 1fr;
    margin-bottom: 0.57291667rem;
    z-index: 15;
}

.page-main-v2 .expertise .autoplay-progress-wrap::after,
.page-contacts .expertise .autoplay-progress-wrap::after,
.page-stream .expertise .autoplay-progress-wrap::after,
.page-projects .expertise .autoplay-progress-wrap::after,
.page-case-new-design .expertise .autoplay-progress-wrap::after,
.page-design-accompaniment .expertise .autoplay-progress-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 105%;
    background: #fff;
    transform: translateY(100%);
    transition: transform 0.9s ease-in-out;
    z-index: 99999;
}

.page-main-v2 .expertise .autoplay-progress-wrap._active-curtain::after,
.page-contacts .expertise .autoplay-progress-wrap._active-curtain::after,
.page-stream .expertise .autoplay-progress-wrap._active-curtain::after,
.page-projects .expertise .autoplay-progress-wrap._active-curtain::after,
.page-case-new-design .expertise .autoplay-progress-wrap._active-curtain::after,
.page-design-accompaniment .expertise .autoplay-progress-wrap._active-curtain::after {
    transform: translateY(0);
}

.page-main-v2 .expertise .autoplay-progress-big-slider,
.page-contacts .expertise .autoplay-progress-big-slider,
.page-stream .expertise .autoplay-progress-big-slider,
.page-projects .expertise .autoplay-progress-big-slider,
.page-case-new-design .expertise .autoplay-progress-big-slider,
.page-design-accompaniment .expertise .autoplay-progress-big-slider {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    cursor: pointer;
    position: static;
    width: -webkit-fit-content;
    width: fit-content;
    height: auto;
    opacity: 0;
    visibility: hidden;
    z-index: 101;
}

.page-main-v2 .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
.page-contacts .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
.page-stream .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
.page-projects .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
.page-case-new-design .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
.page-design-accompaniment .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text {
    background-size: 100% 2px;
}

.page-main-v2 .expertise .autoplay-progress-big-slider._active-curtain i,
.page-contacts .expertise .autoplay-progress-big-slider._active-curtain i,
.page-stream .expertise .autoplay-progress-big-slider._active-curtain i,
.page-projects .expertise .autoplay-progress-big-slider._active-curtain i,
.page-case-new-design .expertise .autoplay-progress-big-slider._active-curtain i,
.page-design-accompaniment .expertise .autoplay-progress-big-slider._active-curtain i {
    transform: translateY(0);
}

.page-main-v2
    .expertise
    .autoplay-progress-big-slider._first-time-autoplay-progress
    .expertise-big-slider-text,
.page-contacts
    .expertise
    .autoplay-progress-big-slider._first-time-autoplay-progress
    .expertise-big-slider-text,
.page-stream
    .expertise
    .autoplay-progress-big-slider._first-time-autoplay-progress
    .expertise-big-slider-text,
.page-projects
    .expertise
    .autoplay-progress-big-slider._first-time-autoplay-progress
    .expertise-big-slider-text,
.page-case-new-design
    .expertise
    .autoplay-progress-big-slider._first-time-autoplay-progress
    .expertise-big-slider-text,
.page-design-accompaniment
    .expertise
    .autoplay-progress-big-slider._first-time-autoplay-progress
    .expertise-big-slider-text {
    transition: background-size 5s linear;
}

.page-main-v2 .expertise .autoplay-progress-big-slider._active,
.page-contacts .expertise .autoplay-progress-big-slider._active,
.page-stream .expertise .autoplay-progress-big-slider._active,
.page-projects .expertise .autoplay-progress-big-slider._active,
.page-case-new-design .expertise .autoplay-progress-big-slider._active,
.page-design-accompaniment .expertise .autoplay-progress-big-slider._active {
    opacity: 1;
    visibility: visible;
    z-index: 151;
}

.page-main-v2 .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
.page-contacts .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
.page-stream .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
.page-projects .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
.page-case-new-design .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
.page-design-accompaniment .expertise .autoplay-progress-big-slider .expertise-big-slider-text {
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 4.2s linear;
    transition-delay: 0.5s;
    padding-bottom: 1px;
}

.page-main-v2 .expertise-big-slider,
.page-contacts .expertise-big-slider,
.page-stream .expertise-big-slider,
.page-projects .expertise-big-slider,
.page-case-new-design .expertise-big-slider,
.page-design-accompaniment .expertise-big-slider {
    overflow: hidden;
    margin: 0;
}

.page-main-v2 .expertise-big-slider .expertise-big-slider-text,
.page-contacts .expertise-big-slider .expertise-big-slider-text,
.page-stream .expertise-big-slider .expertise-big-slider-text,
.page-projects .expertise-big-slider .expertise-big-slider-text,
.page-case-new-design .expertise-big-slider .expertise-big-slider-text,
.page-design-accompaniment .expertise-big-slider .expertise-big-slider-text {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    padding-bottom: 10px;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.05s ease,
        visibility 0.05s ease;
}

.page-main-v2 .expertise-big-slider .expertise-big-slider-text::before,
.page-contacts .expertise-big-slider .expertise-big-slider-text::before,
.page-stream .expertise-big-slider .expertise-big-slider-text::before,
.page-projects .expertise-big-slider .expertise-big-slider-text::before,
.page-case-new-design .expertise-big-slider .expertise-big-slider-text::before,
.page-design-accompaniment .expertise-big-slider .expertise-big-slider-text::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 0;
    height: 2px;
    background: #000;
    transition: width 0.35s linear;
}

.page-main-v2 .expertise-big-slider .expertise-big-slider-text::after,
.page-contacts .expertise-big-slider .expertise-big-slider-text::after,
.page-stream .expertise-big-slider .expertise-big-slider-text::after,
.page-projects .expertise-big-slider .expertise-big-slider-text::after,
.page-case-new-design .expertise-big-slider .expertise-big-slider-text::after,
.page-design-accompaniment .expertise-big-slider .expertise-big-slider-text::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    height: 2px;
    background: #000;
}

.page-main-v2 .expertise-big-slider .expertise-big-slider-img::before,
.page-contacts .expertise-big-slider .expertise-big-slider-img::before,
.page-stream .expertise-big-slider .expertise-big-slider-img::before,
.page-projects .expertise-big-slider .expertise-big-slider-img::before,
.page-case-new-design .expertise-big-slider .expertise-big-slider-img::before,
.page-design-accompaniment .expertise-big-slider .expertise-big-slider-img::before {
    content: "";
    content: none;
    display: block;
    position: absolute;
    bottom: 0;
    left: -0.5rem;
    width: 105%;
    height: 0;
    background: #fff;
    z-index: 5;
}

.page-main-v2 .expertise-big-slider .swiper-slide,
.page-contacts .expertise-big-slider .swiper-slide,
.page-stream .expertise-big-slider .swiper-slide,
.page-projects .expertise-big-slider .swiper-slide,
.page-case-new-design .expertise-big-slider .swiper-slide,
.page-design-accompaniment .expertise-big-slider .swiper-slide {
    transition: opacity 0.01s linear !important;
    pointer-events: all;
    text-decoration: none;
}

.page-main-v2 .expertise-big-slider .swiper-slide-prev,
.page-contacts .expertise-big-slider .swiper-slide-prev,
.page-stream .expertise-big-slider .swiper-slide-prev,
.page-projects .expertise-big-slider .swiper-slide-prev,
.page-case-new-design .expertise-big-slider .swiper-slide-prev,
.page-design-accompaniment .expertise-big-slider .swiper-slide-prev {
    opacity: 1;
    z-index: 999;
    animation-name: height-from-0-to-100-opacity;
    animation-duration: 0.01s;
    animation-iteration-count: 1;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-big-slider .swiper-slide-prev .expertise-big-slider-img::before,
.page-contacts .expertise-big-slider .swiper-slide-prev .expertise-big-slider-img::before,
.page-stream .expertise-big-slider .swiper-slide-prev .expertise-big-slider-img::before,
.page-projects .expertise-big-slider .swiper-slide-prev .expertise-big-slider-img::before,
.page-case-new-design .expertise-big-slider .swiper-slide-prev .expertise-big-slider-img::before,
.page-design-accompaniment .expertise-big-slider .swiper-slide-prev .expertise-big-slider-img::before {
    animation-name: height-from-0-to-100;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active.active-slide-visible,
.page-contacts .expertise-big-slider .swiper-slide-active.active-slide-visible,
.page-stream .expertise-big-slider .swiper-slide-active.active-slide-visible,
.page-projects .expertise-big-slider .swiper-slide-active.active-slide-visible,
.page-case-new-design .expertise-big-slider .swiper-slide-active.active-slide-visible,
.page-design-accompaniment .expertise-big-slider .swiper-slide-active.active-slide-visible {
    z-index: 99999;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active,
.page-contacts .expertise-big-slider .swiper-slide-active,
.page-stream .expertise-big-slider .swiper-slide-active,
.page-projects .expertise-big-slider .swiper-slide-active,
.page-case-new-design .expertise-big-slider .swiper-slide-active,
.page-design-accompaniment .expertise-big-slider .swiper-slide-active {
    animation-name: z-index-from-0-to-9999;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-img::before,
.page-contacts .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-img::before,
.page-stream .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-img::before,
.page-projects .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-img::before,
.page-case-new-design
    .expertise-big-slider
    .swiper-slide-active:not(.last-slide)
    .expertise-big-slider-img::before,
.page-design-accompaniment
    .expertise-big-slider
    .swiper-slide-active:not(.last-slide)
    .expertise-big-slider-img::before {
    animation-name: height-from-100-to-0;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text,
.page-contacts .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text,
.page-stream .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text,
.page-projects .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text,
.page-case-new-design .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text,
.page-design-accompaniment
    .expertise-big-slider
    .swiper-slide-active:not(.last-slide)
    .expertise-big-slider-text {
    opacity: 1;
    visibility: visible;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text::after,
.page-contacts .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text::after,
.page-stream .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text::after,
.page-projects .expertise-big-slider .swiper-slide-active:not(.last-slide) .expertise-big-slider-text::after,
.page-case-new-design
    .expertise-big-slider
    .swiper-slide-active:not(.last-slide)
    .expertise-big-slider-text::after,
.page-design-accompaniment
    .expertise-big-slider
    .swiper-slide-active:not(.last-slide)
    .expertise-big-slider-text::after {
    animation-name: width-from-0-to-100;
    animation-duration: 7s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active.last-slide,
.page-contacts .expertise-big-slider .swiper-slide-active.last-slide,
.page-stream .expertise-big-slider .swiper-slide-active.last-slide,
.page-projects .expertise-big-slider .swiper-slide-active.last-slide,
.page-case-new-design .expertise-big-slider .swiper-slide-active.last-slide,
.page-design-accompaniment .expertise-big-slider .swiper-slide-active.last-slide {
    opacity: 1;
    z-index: 9999;
    animation-name: height-from-0-to-100-opacity;
    animation-duration: 0.01s;
    animation-iteration-count: 1;
    animation-delay: 6.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-img::before,
.page-contacts .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-img::before,
.page-stream .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-img::before,
.page-projects .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-img::before,
.page-case-new-design .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-img::before,
.page-design-accompaniment
    .expertise-big-slider
    .swiper-slide-active.last-slide
    .expertise-big-slider-img::before {
    animation-name: height-from-100-to-0;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text,
.page-contacts .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text,
.page-stream .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text,
.page-projects .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text,
.page-case-new-design .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text,
.page-design-accompaniment .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text {
    opacity: 1;
    visibility: visible;
}

.page-main-v2 .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text::after,
.page-contacts .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text::after,
.page-stream .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text::after,
.page-projects .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text::after,
.page-case-new-design .expertise-big-slider .swiper-slide-active.last-slide .expertise-big-slider-text::after,
.page-design-accompaniment
    .expertise-big-slider
    .swiper-slide-active.last-slide
    .expertise-big-slider-text::after {
    animation-name: width-from-0-to-100;
    animation-duration: 7s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

.page-main-v2 .expertise-big-slider-text,
.page-contacts .expertise-big-slider-text,
.page-stream .expertise-big-slider-text,
.page-projects .expertise-big-slider-text,
.page-case-new-design .expertise-big-slider-text,
.page-design-accompaniment .expertise-big-slider-text {
    position: relative;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
}

.page-main-v2 .expertise-small-slider,
.page-contacts .expertise-small-slider,
.page-stream .expertise-small-slider,
.page-projects .expertise-small-slider,
.page-case-new-design .expertise-small-slider,
.page-design-accompaniment .expertise-small-slider {
    max-width: 608px;
    width: 100%;
    margin-right: 0;
}

.page-main-v2 .expertise-small-slider .swiper-slide-prev,
.page-contacts .expertise-small-slider .swiper-slide-prev,
.page-stream .expertise-small-slider .swiper-slide-prev,
.page-projects .expertise-small-slider .swiper-slide-prev,
.page-case-new-design .expertise-small-slider .swiper-slide-prev,
.page-design-accompaniment .expertise-small-slider .swiper-slide-prev {
    opacity: 1;
    z-index: 9999;
    animation-name: height-from-0-to-100-opacity;
    animation-duration: 0.01s;
    animation-iteration-count: 1;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-small-slider .swiper-slide-prev .expertise-small-slider-img::before,
.page-contacts .expertise-small-slider .swiper-slide-prev .expertise-small-slider-img::before,
.page-stream .expertise-small-slider .swiper-slide-prev .expertise-small-slider-img::before,
.page-projects .expertise-small-slider .swiper-slide-prev .expertise-small-slider-img::before,
.page-case-new-design .expertise-small-slider .swiper-slide-prev .expertise-small-slider-img::before,
.page-design-accompaniment .expertise-small-slider .swiper-slide-prev .expertise-small-slider-img::before {
    animation-name: height-from-0-to-100;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-small-slider .swiper-slide-active .expertise-small-slider-img::before,
.page-contacts .expertise-small-slider .swiper-slide-active .expertise-small-slider-img::before,
.page-stream .expertise-small-slider .swiper-slide-active .expertise-small-slider-img::before,
.page-projects .expertise-small-slider .swiper-slide-active .expertise-small-slider-img::before,
.page-case-new-design .expertise-small-slider .swiper-slide-active .expertise-small-slider-img::before,
.page-design-accompaniment .expertise-small-slider .swiper-slide-active .expertise-small-slider-img::before {
    animation-name: height-from-100-to-0;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.page-main-v2 .expertise-small-slider .swiper-slide-active .expertise-small-slider-text,
.page-contacts .expertise-small-slider .swiper-slide-active .expertise-small-slider-text,
.page-stream .expertise-small-slider .swiper-slide-active .expertise-small-slider-text,
.page-projects .expertise-small-slider .swiper-slide-active .expertise-small-slider-text,
.page-case-new-design .expertise-small-slider .swiper-slide-active .expertise-small-slider-text,
.page-design-accompaniment .expertise-small-slider .swiper-slide-active .expertise-small-slider-text {
    opacity: 1;
    visibility: visible;
}

.page-main-v2 .expertise-small-slider .swiper-slide-active .expertise-small-slider-text::after,
.page-contacts .expertise-small-slider .swiper-slide-active .expertise-small-slider-text::after,
.page-stream .expertise-small-slider .swiper-slide-active .expertise-small-slider-text::after,
.page-projects .expertise-small-slider .swiper-slide-active .expertise-small-slider-text::after,
.page-case-new-design .expertise-small-slider .swiper-slide-active .expertise-small-slider-text::after,
.page-design-accompaniment .expertise-small-slider .swiper-slide-active .expertise-small-slider-text::after {
    animation-name: width-from-0-to-100;
    animation-duration: 7s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

.page-main-v2 .expertise-small-slider-text,
.page-contacts .expertise-small-slider-text,
.page-stream .expertise-small-slider-text,
.page-projects .expertise-small-slider-text,
.page-case-new-design .expertise-small-slider-text,
.page-design-accompaniment .expertise-small-slider-text {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 10px;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.05s ease,
        visibility 0.05s ease;
    z-index: 99999;
}

.page-main-v2 .expertise-small-slider-text span,
.page-contacts .expertise-small-slider-text span,
.page-stream .expertise-small-slider-text span,
.page-projects .expertise-small-slider-text span,
.page-case-new-design .expertise-small-slider-text span,
.page-design-accompaniment .expertise-small-slider-text span {
    display: block;
    color: #c4c4c4;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
}

.page-main-v2 .expertise-small-slider-text b,
.page-contacts .expertise-small-slider-text b,
.page-stream .expertise-small-slider-text b,
.page-projects .expertise-small-slider-text b,
.page-case-new-design .expertise-small-slider-text b,
.page-design-accompaniment .expertise-small-slider-text b {
    display: block;
    color: #000;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
}

.page-main-v2 .expertise-small-slider-img,
.page-contacts .expertise-small-slider-img,
.page-stream .expertise-small-slider-img,
.page-projects .expertise-small-slider-img,
.page-case-new-design .expertise-small-slider-img,
.page-design-accompaniment .expertise-small-slider-img {
    position: relative;
    z-index: 99999;
    height: 0;
    padding-bottom: 54.23%;
    margin-bottom: 0.78rem;
}

.page-main-v2 .expertise-small-slider-img::before,
.page-contacts .expertise-small-slider-img::before,
.page-stream .expertise-small-slider-img::before,
.page-projects .expertise-small-slider-img::before,
.page-case-new-design .expertise-small-slider-img::before,
.page-design-accompaniment .expertise-small-slider-img::before {
    content: "";
    content: none;
    display: block;
    position: absolute;
    bottom: 0;
    left: -0.5rem;
    width: 110%;
    height: 0;
    background: #fff;
    z-index: 5;
}

.page-main-v2 .expertise-small-slider-img img,
.page-contacts .expertise-small-slider-img img,
.page-stream .expertise-small-slider-img img,
.page-projects .expertise-small-slider-img img,
.page-case-new-design .expertise-small-slider-img img,
.page-design-accompaniment .expertise-small-slider-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.page-main-v2 .expertise-big-slider-img,
.page-contacts .expertise-big-slider-img,
.page-stream .expertise-big-slider-img,
.page-projects .expertise-big-slider-img,
.page-case-new-design .expertise-big-slider-img,
.page-design-accompaniment .expertise-big-slider-img {
    position: relative;
    height: 0;
    padding-bottom: 54.23%;
    margin-bottom: 0.78rem;
}

.page-main-v2 .expertise-big-slider-img img,
.page-contacts .expertise-big-slider-img img,
.page-stream .expertise-big-slider-img img,
.page-projects .expertise-big-slider-img img,
.page-case-new-design .expertise-big-slider-img img,
.page-design-accompaniment .expertise-big-slider-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.page-main-v2 .expertise,
.page-contacts .expertise,
.page-stream .expertise,
.page-projects .expertise,
.page-case-new-design .expertise,
.page-design-accompaniment .expertise {
    align-items: stretch;
}

.page-main-v2 .expertise .expertise__left,
.page-contacts .expertise .expertise__left,
.page-stream .expertise .expertise__left,
.page-projects .expertise .expertise__left,
.page-case-new-design .expertise .expertise__left,
.page-design-accompaniment .expertise .expertise__left {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    width: 49.507%;
}

.page-main-v2 .expertise .expertise__right,
.page-contacts .expertise .expertise__right,
.page-stream .expertise .expertise__right,
.page-projects .expertise .expertise__right,
.page-case-new-design .expertise .expertise__right,
.page-design-accompaniment .expertise .expertise__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 41.614%;
}

.page-main-v2 .expertise .expertise-title,
.page-contacts .expertise .expertise-title,
.page-stream .expertise .expertise-title,
.page-projects .expertise .expertise-title,
.page-case-new-design .expertise .expertise-title,
.page-design-accompaniment .expertise .expertise-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    order: 1;
    gap: 0 10px;
    color: #000;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.8px;
    margin-bottom: 1.57rem;
}

.page-main-v2 .expertise .expertise-title sup,
.page-contacts .expertise .expertise-title sup,
.page-stream .expertise .expertise-title sup,
.page-projects .expertise .expertise-title sup,
.page-case-new-design .expertise .expertise-title sup,
.page-design-accompaniment .expertise .expertise-title sup {
    color: #000;
    font-size: 38%;
    vertical-align: baseline;
    top: -38%;
    margin-top: -30px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.48px;
}

.page-main-v2 .expertise .expertise-subtitle,
.page-contacts .expertise .expertise-subtitle,
.page-stream .expertise .expertise-subtitle,
.page-projects .expertise .expertise-subtitle,
.page-case-new-design .expertise .expertise-subtitle,
.page-design-accompaniment .expertise .expertise-subtitle {
    position: relative;
    color: #000;
    font-size: 1.25rem;
    text-transform: none;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
    margin-bottom: 0;
    transform: translateX(-50px) translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 1s ease;
}

.page-main-v2 .expertise .expertise-subtitle::after,
.page-contacts .expertise .expertise-subtitle::after,
.page-stream .expertise .expertise-subtitle::after,
.page-projects .expertise .expertise-subtitle::after,
.page-case-new-design .expertise .expertise-subtitle::after,
.page-design-accompaniment .expertise .expertise-subtitle::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    transition: width 1s ease;
}

.page-main-v2 .expertise .expertise-subtitle._animate,
.page-contacts .expertise .expertise-subtitle._animate,
.page-stream .expertise .expertise-subtitle._animate,
.page-projects .expertise .expertise-subtitle._animate,
.page-case-new-design .expertise .expertise-subtitle._animate,
.page-design-accompaniment .expertise .expertise-subtitle._animate {
    transform: translateX(0) translateZ(0);
}

.page-main-v2 .expertise .expertise-subtitle._animate::after,
.page-contacts .expertise .expertise-subtitle._animate::after,
.page-stream .expertise .expertise-subtitle._animate::after,
.page-projects .expertise .expertise-subtitle._animate::after,
.page-case-new-design .expertise .expertise-subtitle._animate::after,
.page-design-accompaniment .expertise .expertise-subtitle._animate::after {
    width: 0;
}

.page-main-v2 .section-title,
.page-contacts .section-title,
.page-stream .section-title,
.page-projects .section-title,
.page-case-new-design .section-title,
.page-design-accompaniment .section-title {
    color: #000;
    font-size: 3.33rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -1.28px;
}

.page-main-v2 .experience-subtitle,
.page-contacts .experience-subtitle,
.page-stream .experience-subtitle,
.page-projects .experience-subtitle,
.page-case-new-design .experience-subtitle,
.page-design-accompaniment .experience-subtitle {
    max-width: 77%;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.48px;
}

.page-main-v2 .experience,
.page-contacts .experience,
.page-stream .experience,
.page-projects .experience,
.page-case-new-design .experience,
.page-design-accompaniment .experience {
    margin-bottom: 15.65rem;
}

.page-main-v2 .experience-top,
.page-contacts .experience-top,
.page-stream .experience-top,
.page-projects .experience-top,
.page-case-new-design .experience-top,
.page-design-accompaniment .experience-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5.25rem;
}

.page-main-v2 .experience-top .experience-top-bg,
.page-contacts .experience-top .experience-top-bg,
.page-stream .experience-top .experience-top-bg,
.page-projects .experience-top .experience-top-bg,
.page-case-new-design .experience-top .experience-top-bg,
.page-design-accompaniment .experience-top .experience-top-bg {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 102%;
    background: #fff;
    z-index: 99;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.page-main-v2 .experience-top._animate .experience-top-bg,
.page-contacts .experience-top._animate .experience-top-bg,
.page-stream .experience-top._animate .experience-top-bg,
.page-projects .experience-top._animate .experience-top-bg,
.page-case-new-design .experience-top._animate .experience-top-bg,
.page-design-accompaniment .experience-top._animate .experience-top-bg {
    width: 0;
}

.page-main-v2 .experience-top .experience-top__left,
.page-contacts .experience-top .experience-top__left,
.page-stream .experience-top .experience-top__left,
.page-projects .experience-top .experience-top__left,
.page-case-new-design .experience-top .experience-top__left,
.page-design-accompaniment .experience-top .experience-top__left {
    width: 65%;
}

.page-main-v2 .experience-top .experience-top__right,
.page-contacts .experience-top .experience-top__right,
.page-stream .experience-top .experience-top__right,
.page-projects .experience-top .experience-top__right,
.page-case-new-design .experience-top .experience-top__right,
.page-design-accompaniment .experience-top .experience-top__right {
    width: 32.647%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.page-main-v2 .experience-top .experience-top__right a,
.page-contacts .experience-top .experience-top__right a,
.page-stream .experience-top .experience-top__right a,
.page-projects .experience-top .experience-top__right a,
.page-case-new-design .experience-top .experience-top__right a,
.page-design-accompaniment .experience-top .experience-top__right a {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    color: #000;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 127%;
    text-decoration: none;
    letter-spacing: -0.54px;
    transition: transform 0.3s linear;
}

.page-main-v2 .experience-top .experience-top__right a._animate,
.page-contacts .experience-top .experience-top__right a._animate,
.page-stream .experience-top .experience-top__right a._animate,
.page-projects .experience-top .experience-top__right a._animate,
.page-case-new-design .experience-top .experience-top__right a._animate,
.page-design-accompaniment .experience-top .experience-top__right a._animate {
    animation-name: transform;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

.page-main-v2 .experience-top .experience-top__right a::after,
.page-contacts .experience-top .experience-top__right a::after,
.page-stream .experience-top .experience-top__right a::after,
.page-projects .experience-top .experience-top__right a::after,
.page-case-new-design .experience-top .experience-top__right a::after,
.page-design-accompaniment .experience-top .experience-top__right a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.page-main-v2 .experience-top .section-title,
.page-contacts .experience-top .section-title,
.page-stream .experience-top .section-title,
.page-projects .experience-top .section-title,
.page-case-new-design .experience-top .section-title,
.page-design-accompaniment .experience-top .section-title {
    padding: 0;
    margin-bottom: 3.125rem;
}

.page-main-v2 .clients-title,
.page-contacts .clients-title,
.page-stream .clients-title,
.page-projects .clients-title,
.page-case-new-design .clients-title,
.page-design-accompaniment .clients-title {
    position: relative;
    font-size: 3.35rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -1.28px;
    width: 66.3%;
    transform: translateX(-150px);
    transition: transform 1s ease;
}

.page-main-v2 .clients-title::after,
.page-contacts .clients-title::after,
.page-stream .clients-title::after,
.page-projects .clients-title::after,
.page-case-new-design .clients-title::after,
.page-design-accompaniment .clients-title::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    background: #fff;
    z-index: 99;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.page-main-v2 .clients-title._animate,
.page-contacts .clients-title._animate,
.page-stream .clients-title._animate,
.page-projects .clients-title._animate,
.page-case-new-design .clients-title._animate,
.page-design-accompaniment .clients-title._animate {
    transform: translateX(0);
}

.page-main-v2 .clients-title._animate::after,
.page-contacts .clients-title._animate::after,
.page-stream .clients-title._animate::after,
.page-projects .clients-title._animate::after,
.page-case-new-design .clients-title._animate::after,
.page-design-accompaniment .clients-title._animate::after {
    width: 0;
}

.page-main-v2 .clients,
.page-contacts .clients,
.page-stream .clients,
.page-projects .clients,
.page-case-new-design .clients,
.page-design-accompaniment .clients {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 15rem;
}

.page-main-v2 .competencies-title,
.page-contacts .competencies-title,
.page-stream .competencies-title,
.page-projects .competencies-title,
.page-case-new-design .competencies-title,
.page-design-accompaniment .competencies-title {
    color: #000;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
    margin-bottom: 2.3rem;
}

.page-main-v2 .competencies-list,
.page-contacts .competencies-list,
.page-stream .competencies-list,
.page-projects .competencies-list,
.page-case-new-design .competencies-list,
.page-design-accompaniment .competencies-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px 0;
}

.page-main-v2 .competencies-list span,
.page-contacts .competencies-list span,
.page-stream .competencies-list span,
.page-projects .competencies-list span,
.page-case-new-design .competencies-list span,
.page-design-accompaniment .competencies-list span {
    display: block;
    color: #000;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.page-main-v2 .clients-top,
.page-contacts .clients-top,
.page-stream .clients-top,
.page-projects .clients-top,
.page-case-new-design .clients-top,
.page-design-accompaniment .clients-top {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 15.65rem;
}

.page-main-v2 .clients-top._animate .clients-top-bg,
.page-contacts .clients-top._animate .clients-top-bg,
.page-stream .clients-top._animate .clients-top-bg,
.page-projects .clients-top._animate .clients-top-bg,
.page-case-new-design .clients-top._animate .clients-top-bg,
.page-design-accompaniment .clients-top._animate .clients-top-bg {
    width: 0;
}

.page-main-v2 .clients-top .clients-top__left,
.page-contacts .clients-top .clients-top__left,
.page-stream .clients-top .clients-top__left,
.page-projects .clients-top .clients-top__left,
.page-case-new-design .clients-top .clients-top__left,
.page-design-accompaniment .clients-top .clients-top__left {
    width: 46%;
}

.page-main-v2 .clients-top .clients-top__right,
.page-contacts .clients-top .clients-top__right,
.page-stream .clients-top .clients-top__right,
.page-projects .clients-top .clients-top__right,
.page-case-new-design .clients-top .clients-top__right,
.page-design-accompaniment .clients-top .clients-top__right {
    width: 16.5%;
}

.page-main-v2 .clients-top .section-title,
.page-contacts .clients-top .section-title,
.page-stream .clients-top .section-title,
.page-projects .clients-top .section-title,
.page-case-new-design .clients-top .section-title,
.page-design-accompaniment .clients-top .section-title {
    padding: 0;
    margin-bottom: 5.21rem;
}

.page-main-v2 .clients-subtitle,
.page-contacts .clients-subtitle,
.page-stream .clients-subtitle,
.page-projects .clients-subtitle,
.page-case-new-design .clients-subtitle,
.page-design-accompaniment .clients-subtitle {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.48px;
}

.page-main-v2 .cases-wrap,
.page-contacts .cases-wrap,
.page-stream .cases-wrap,
.page-projects .cases-wrap,
.page-case-new-design .cases-wrap,
.page-design-accompaniment .cases-wrap {
    display: flex;
    flex-direction: column;
}

.page-main-v2 .cases-wrap._animate .cases-wrap-top__left::after,
.page-contacts .cases-wrap._animate .cases-wrap-top__left::after,
.page-stream .cases-wrap._animate .cases-wrap-top__left::after,
.page-projects .cases-wrap._animate .cases-wrap-top__left::after,
.page-case-new-design .cases-wrap._animate .cases-wrap-top__left::after,
.page-design-accompaniment .cases-wrap._animate .cases-wrap-top__left::after,
.page-main-v2 .cases-wrap._animate .cases-wrap-top__right::after,
.page-contacts .cases-wrap._animate .cases-wrap-top__right::after,
.page-stream .cases-wrap._animate .cases-wrap-top__right::after,
.page-projects .cases-wrap._animate .cases-wrap-top__right::after,
.page-case-new-design .cases-wrap._animate .cases-wrap-top__right::after,
.page-design-accompaniment .cases-wrap._animate .cases-wrap-top__right::after {
    width: 0;
}

.page-main-v2 .cases-wrap .case-title,
.page-contacts .cases-wrap .case-title,
.page-stream .cases-wrap .case-title,
.page-projects .cases-wrap .case-title,
.page-case-new-design .cases-wrap .case-title,
.page-design-accompaniment .cases-wrap .case-title {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.48px;
}

.page-main-v2 .cases-wrap-top,
.page-contacts .cases-wrap-top,
.page-stream .cases-wrap-top,
.page-projects .cases-wrap-top,
.page-case-new-design .cases-wrap-top,
.page-design-accompaniment .cases-wrap-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-main-v2 .cases-wrap-top__left,
.page-contacts .cases-wrap-top__left,
.page-stream .cases-wrap-top__left,
.page-projects .cases-wrap-top__left,
.page-case-new-design .cases-wrap-top__left,
.page-design-accompaniment .cases-wrap-top__left {
    padding-top: 8px;
    position: relative;
    width: 32.647%;
}

.page-main-v2 .cases-wrap-top__left::after,
.page-contacts .cases-wrap-top__left::after,
.page-stream .cases-wrap-top__left::after,
.page-projects .cases-wrap-top__left::after,
.page-case-new-design .cases-wrap-top__left::after,
.page-design-accompaniment .cases-wrap-top__left::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    background: #fff;
    z-index: 99;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.page-main-v2 .cases-wrap-top__right,
.page-contacts .cases-wrap-top__right,
.page-stream .cases-wrap-top__right,
.page-projects .cases-wrap-top__right,
.page-case-new-design .cases-wrap-top__right,
.page-design-accompaniment .cases-wrap-top__right {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 48.713%;
}

.page-main-v2 .cases-wrap-top__right::after,
.page-contacts .cases-wrap-top__right::after,
.page-stream .cases-wrap-top__right::after,
.page-projects .cases-wrap-top__right::after,
.page-case-new-design .cases-wrap-top__right::after,
.page-design-accompaniment .cases-wrap-top__right::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    background: #fff;
    z-index: 99;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.page-main-v2 .cases-wrap-top__right a,
.page-contacts .cases-wrap-top__right a,
.page-stream .cases-wrap-top__right a,
.page-projects .cases-wrap-top__right a,
.page-case-new-design .cases-wrap-top__right a,
.page-design-accompaniment .cases-wrap-top__right a {
    color: #272727;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.009375rem;
}

.page-main-v2 .cases-items,
.page-contacts .cases-items,
.page-stream .cases-items,
.page-projects .cases-items,
.page-case-new-design .cases-items,
.page-design-accompaniment .cases-items {
    padding-top: 15.62rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 150px 20px;
}

.page-main-v2 .cases-items .case,
.page-contacts .cases-items .case,
.page-stream .cases-items .case,
.page-projects .cases-items .case,
.page-case-new-design .cases-items .case,
.page-design-accompaniment .cases-items .case {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.page-main-v2 .cases-items .case._animate .multi-item__img::after,
.page-contacts .cases-items .case._animate .multi-item__img::after,
.page-stream .cases-items .case._animate .multi-item__img::after,
.page-projects .cases-items .case._animate .multi-item__img::after,
.page-case-new-design .cases-items .case._animate .multi-item__img::after,
.page-design-accompaniment .cases-items .case._animate .multi-item__img::after {
    height: 0;
}

.page-main-v2 .cases-items .case .case-content-wrap,
.page-contacts .cases-items .case .case-content-wrap,
.page-stream .cases-items .case .case-content-wrap,
.page-projects .cases-items .case .case-content-wrap,
.page-case-new-design .cases-items .case .case-content-wrap,
.page-design-accompaniment .cases-items .case .case-content-wrap {
    position: relative;
    width: 100%;
    display: flex;
}

.page-main-v2 .cases-items .case .case-content-wrap::after,
.page-contacts .cases-items .case .case-content-wrap::after,
.page-stream .cases-items .case .case-content-wrap::after,
.page-projects .cases-items .case .case-content-wrap::after,
.page-case-new-design .cases-items .case .case-content-wrap::after,
.page-design-accompaniment .cases-items .case .case-content-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.page-main-v2 .cases-items .case .case-content-wrap .case-content,
.page-contacts .cases-items .case .case-content-wrap .case-content,
.page-stream .cases-items .case .case-content-wrap .case-content,
.page-projects .cases-items .case .case-content-wrap .case-content,
.page-case-new-design .cases-items .case .case-content-wrap .case-content,
.page-design-accompaniment .cases-items .case .case-content-wrap .case-content {
    margin-top: 0;
}

.page-main-v2 .cases-items .case .case-content-wrap .case-content .case-content-bottom,
.page-contacts .cases-items .case .case-content-wrap .case-content .case-content-bottom,
.page-stream .cases-items .case .case-content-wrap .case-content .case-content-bottom,
.page-projects .cases-items .case .case-content-wrap .case-content .case-content-bottom,
.page-case-new-design .cases-items .case .case-content-wrap .case-content .case-content-bottom,
.page-design-accompaniment .cases-items .case .case-content-wrap .case-content .case-content-bottom {
    order: 2;
}

.page-main-v2 .cases-items .case .multi-item__img,
.page-contacts .cases-items .case .multi-item__img,
.page-stream .cases-items .case .multi-item__img,
.page-projects .cases-items .case .multi-item__img,
.page-case-new-design .cases-items .case .multi-item__img,
.page-design-accompaniment .cases-items .case .multi-item__img {
    position: relative;
    padding-top: 0;
    background: transparent;
}

.page-main-v2 .cases-items .case .multi-item__img::after,
.page-contacts .cases-items .case .multi-item__img::after,
.page-stream .cases-items .case .multi-item__img::after,
.page-projects .cases-items .case .multi-item__img::after,
.page-case-new-design .cases-items .case .multi-item__img::after,
.page-design-accompaniment .cases-items .case .multi-item__img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: height 1.2s cubic-bezier(0.71, 0.02, 0.55, 0.99);
    z-index: 5;
}

.page-main-v2 .cases-items .case .multi-item__hover._active,
.page-contacts .cases-items .case .multi-item__hover._active,
.page-stream .cases-items .case .multi-item__hover._active,
.page-projects .cases-items .case .multi-item__hover._active,
.page-case-new-design .cases-items .case .multi-item__hover._active,
.page-design-accompaniment .cases-items .case .multi-item__hover._active {
    opacity: 1;
}

.page-main-v2 .cases-items .case .case-top-line,
.page-contacts .cases-items .case .case-top-line,
.page-stream .cases-items .case .case-top-line,
.page-projects .cases-items .case .case-top-line,
.page-case-new-design .cases-items .case .case-top-line,
.page-design-accompaniment .cases-items .case .case-top-line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4.18rem;
}

.page-main-v2 .cases-items .case .case-top-line .case-bottom-text,
.page-contacts .cases-items .case .case-top-line .case-bottom-text,
.page-stream .cases-items .case .case-top-line .case-bottom-text,
.page-projects .cases-items .case .case-top-line .case-bottom-text,
.page-case-new-design .cases-items .case .case-top-line .case-bottom-text,
.page-design-accompaniment .cases-items .case .case-top-line .case-bottom-text {
    margin-top: 0;
}

.page-main-v2 .cases-items .case.case-small,
.page-contacts .cases-items .case.case-small,
.page-stream .cases-items .case.case-small,
.page-projects .cases-items .case.case-small,
.page-case-new-design .cases-items .case.case-small,
.page-design-accompaniment .cases-items .case.case-small {
    width: calc(50% - 20px * 1 / 2);
}

.page-main-v2 .cases-items .case.case-small .case-bottom-text,
.page-contacts .cases-items .case.case-small .case-bottom-text,
.page-stream .cases-items .case.case-small .case-bottom-text,
.page-projects .cases-items .case.case-small .case-bottom-text,
.page-case-new-design .cases-items .case.case-small .case-bottom-text,
.page-design-accompaniment .cases-items .case.case-small .case-bottom-text {
    margin-top: 8.35rem;
}

.page-main-v2 .cases-items .case.case-small .case-top-line,
.page-contacts .cases-items .case.case-small .case-top-line,
.page-stream .cases-items .case.case-small .case-top-line,
.page-projects .cases-items .case.case-small .case-top-line,
.page-case-new-design .cases-items .case.case-small .case-top-line,
.page-design-accompaniment .cases-items .case.case-small .case-top-line {
    margin-bottom: 2.08333333rem;
}

.page-main-v2 .cases-items .case.case-small .case-top-line .case-bottom-text,
.page-contacts .cases-items .case.case-small .case-top-line .case-bottom-text,
.page-stream .cases-items .case.case-small .case-top-line .case-bottom-text,
.page-projects .cases-items .case.case-small .case-top-line .case-bottom-text,
.page-case-new-design .cases-items .case.case-small .case-top-line .case-bottom-text,
.page-design-accompaniment .cases-items .case.case-small .case-top-line .case-bottom-text {
    margin-top: 0;
}

.page-main-v2 .cases-items .case.case-big,
.page-contacts .cases-items .case.case-big,
.page-stream .cases-items .case.case-big,
.page-projects .cases-items .case.case-big,
.page-case-new-design .cases-items .case.case-big,
.page-design-accompaniment .cases-items .case.case-big {
    width: 66.3091%;
    margin: 0 auto;
    align-items: stretch;
}

.page-main-v2 .cases-items .case.case-big .case-bottom-text,
.page-contacts .cases-items .case.case-big .case-bottom-text,
.page-stream .cases-items .case.case-big .case-bottom-text,
.page-projects .cases-items .case.case-big .case-bottom-text,
.page-case-new-design .cases-items .case.case-big .case-bottom-text,
.page-design-accompaniment .cases-items .case.case-big .case-bottom-text {
    margin-bottom: 1.45rem;
}

.page-main-v2 .cases-items .case.case-big .case-img,
.page-contacts .cases-items .case.case-big .case-img,
.page-stream .cases-items .case.case-big .case-img,
.page-projects .cases-items .case.case-big .case-img,
.page-case-new-design .cases-items .case.case-big .case-img,
.page-design-accompaniment .cases-items .case.case-big .case-img {
    width: calc(100% - 20px - 32.647%);
    padding-bottom: 37.5865%;
    margin-bottom: 0;
}

.page-main-v2 .cases-items .case.case-big .case-content-bottom,
.page-contacts .cases-items .case.case-big .case-content-bottom,
.page-stream .cases-items .case.case-big .case-content-bottom,
.page-projects .cases-items .case.case-big .case-content-bottom,
.page-case-new-design .cases-items .case.case-big .case-content-bottom,
.page-design-accompaniment .cases-items .case.case-big .case-content-bottom {
    margin-top: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.page-main-v2 .cases-items .case.case-big .case-content-bottom .case-bottom-text,
.page-contacts .cases-items .case.case-big .case-content-bottom .case-bottom-text,
.page-stream .cases-items .case.case-big .case-content-bottom .case-bottom-text,
.page-projects .cases-items .case.case-big .case-content-bottom .case-bottom-text,
.page-case-new-design .cases-items .case.case-big .case-content-bottom .case-bottom-text,
.page-design-accompaniment .cases-items .case.case-big .case-content-bottom .case-bottom-text {
    order: 2;
    margin-bottom: 40px;
}

.page-main-v2 .cases-items .case.case-big .case-content-bottom .case-list,
.page-contacts .cases-items .case.case-big .case-content-bottom .case-list,
.page-stream .cases-items .case.case-big .case-content-bottom .case-list,
.page-projects .cases-items .case.case-big .case-content-bottom .case-list,
.page-case-new-design .cases-items .case.case-big .case-content-bottom .case-list,
.page-design-accompaniment .cases-items .case.case-big .case-content-bottom .case-list {
    order: 1;
}

.page-main-v2 .cases-items .case.case-big .case-content-bottom .case-desc,
.page-contacts .cases-items .case.case-big .case-content-bottom .case-desc,
.page-stream .cases-items .case.case-big .case-content-bottom .case-desc,
.page-projects .cases-items .case.case-big .case-content-bottom .case-desc,
.page-case-new-design .cases-items .case.case-big .case-content-bottom .case-desc,
.page-design-accompaniment .cases-items .case.case-big .case-content-bottom .case-desc {
    order: 3;
}

.page-main-v2 .cases-items .case .case-img,
.page-contacts .cases-items .case .case-img,
.page-stream .cases-items .case .case-img,
.page-projects .cases-items .case .case-img,
.page-case-new-design .cases-items .case .case-img,
.page-design-accompaniment .cases-items .case .case-img {
    position: relative;
    width: 100%;
    padding: 0;
    height: 0;
    padding-bottom: 82.238%;
    margin-bottom: 2.09rem;
}

.page-main-v2 .cases-items .case .case-img img,
.page-contacts .cases-items .case .case-img img,
.page-stream .cases-items .case .case-img img,
.page-projects .cases-items .case .case-img img,
.page-case-new-design .cases-items .case .case-img img,
.page-design-accompaniment .cases-items .case .case-img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-main-v2 .cases-items .case .case-content,
.page-contacts .cases-items .case .case-content,
.page-stream .cases-items .case .case-content,
.page-projects .cases-items .case .case-content,
.page-case-new-design .cases-items .case .case-content,
.page-design-accompaniment .cases-items .case .case-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-main-v2 .cases-items .case .case-content .case-top-text,
.page-contacts .cases-items .case .case-content .case-top-text,
.page-stream .cases-items .case .case-content .case-top-text,
.page-projects .cases-items .case .case-content .case-top-text,
.page-case-new-design .cases-items .case .case-content .case-top-text,
.page-design-accompaniment .cases-items .case .case-content .case-top-text {
    display: none;
}

.page-main-v2 .cases-items .case .case-content .case-content__left,
.page-contacts .cases-items .case .case-content .case-content__left,
.page-stream .cases-items .case .case-content .case-content__left,
.page-projects .cases-items .case .case-content .case-content__left,
.page-case-new-design .cases-items .case .case-content .case-content__left,
.page-design-accompaniment .cases-items .case .case-content .case-content__left {
    width: 48%;
    box-sizing: border-box;
}

.page-main-v2 .cases-items .case .case-content .case-content__right,
.page-contacts .cases-items .case .case-content .case-content__right,
.page-stream .cases-items .case .case-content .case-content__right,
.page-projects .cases-items .case .case-content .case-content__right,
.page-case-new-design .cases-items .case .case-content .case-content__right,
.page-design-accompaniment .cases-items .case .case-content .case-content__right {
    display: flex;
    justify-content: flex-end;
    padding-right: 5.05208333rem;
    width: 48%;
    box-sizing: border-box;
    transform: translateX(-60px);
}

.page-main-v2 .cases-items .case .case-name,
.page-contacts .cases-items .case .case-name,
.page-stream .cases-items .case .case-name,
.page-projects .cases-items .case .case-name,
.page-case-new-design .cases-items .case .case-name,
.page-design-accompaniment .cases-items .case .case-name {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    text-decoration: none;
    color: #000;
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02083333rem;
    margin-bottom: 1.5625rem;
}

.page-main-v2 .cases-items .case .case-desc,
.page-contacts .cases-items .case .case-desc,
.page-stream .cases-items .case .case-desc,
.page-projects .cases-items .case .case-desc,
.page-case-new-design .cases-items .case .case-desc,
.page-design-accompaniment .cases-items .case .case-desc {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0125rem;
}

.page-main-v2 .cases-items .case .case-list,
.page-contacts .cases-items .case .case-list,
.page-stream .cases-items .case .case-list,
.page-projects .cases-items .case .case-list,
.page-case-new-design .cases-items .case .case-list,
.page-design-accompaniment .cases-items .case .case-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
    margin-bottom: auto;
}

.page-main-v2 .cases-items .case .case-list a,
.page-contacts .cases-items .case .case-list a,
.page-stream .cases-items .case .case-list a,
.page-projects .cases-items .case .case-list a,
.page-case-new-design .cases-items .case .case-list a,
.page-design-accompaniment .cases-items .case .case-list a,
.page-main-v2 .cases-items .case .case-list div,
.page-contacts .cases-items .case .case-list div,
.page-stream .cases-items .case .case-list div,
.page-projects .cases-items .case .case-list div,
.page-case-new-design .cases-items .case .case-list div,
.page-design-accompaniment .cases-items .case .case-list div {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    white-space: nowrap;
    color: #000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%;
    text-decoration: none;
    letter-spacing: -0.009375rem;
}

.page-main-v2 .cases-items .case .case-list a::after,
.page-contacts .cases-items .case .case-list a::after,
.page-stream .cases-items .case .case-list a::after,
.page-projects .cases-items .case .case-list a::after,
.page-case-new-design .cases-items .case .case-list a::after,
.page-design-accompaniment .cases-items .case .case-list a::after,
.page-main-v2 .cases-items .case .case-list div::after,
.page-contacts .cases-items .case .case-list div::after,
.page-stream .cases-items .case .case-list div::after,
.page-projects .cases-items .case .case-list div::after,
.page-case-new-design .cases-items .case .case-list div::after,
.page-design-accompaniment .cases-items .case .case-list div::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.page-main-v2 .cases-items .case .case-list > div,
.page-contacts .cases-items .case .case-list > div,
.page-stream .cases-items .case .case-list > div,
.page-projects .cases-items .case .case-list > div,
.page-case-new-design .cases-items .case .case-list > div,
.page-design-accompaniment .cases-items .case .case-list > div {
    cursor: default;
}

.page-main-v2 .cases-items .case .case-list > div::after,
.page-contacts .cases-items .case .case-list > div::after,
.page-stream .cases-items .case .case-list > div::after,
.page-projects .cases-items .case .case-list > div::after,
.page-case-new-design .cases-items .case .case-list > div::after,
.page-design-accompaniment .cases-items .case .case-list > div::after {
    content: none;
}

.page-main-v2 .cases-items .case .case-top-text,
.page-contacts .cases-items .case .case-top-text,
.page-stream .cases-items .case .case-top-text,
.page-projects .cases-items .case .case-top-text,
.page-case-new-design .cases-items .case .case-top-text,
.page-design-accompaniment .cases-items .case .case-top-text {
    position: relative;
    color: #000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
}

.page-main-v2 .cases-items .case .case-top-text::after,
.page-contacts .cases-items .case .case-top-text::after,
.page-stream .cases-items .case .case-top-text::after,
.page-projects .cases-items .case .case-top-text::after,
.page-case-new-design .cases-items .case .case-top-text::after,
.page-design-accompaniment .cases-items .case .case-top-text::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.page-main-v2 .runline-slider .swiper-wrapper,
.page-contacts .runline-slider .swiper-wrapper,
.page-stream .runline-slider .swiper-wrapper,
.page-projects .runline-slider .swiper-wrapper,
.page-case-new-design .runline-slider .swiper-wrapper,
.page-design-accompaniment .runline-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.page-main-v2 .runline-slider__slide,
.page-contacts .runline-slider__slide,
.page-stream .runline-slider__slide,
.page-projects .runline-slider__slide,
.page-case-new-design .runline-slider__slide,
.page-design-accompaniment .runline-slider__slide {
    text-decoration: none;
    cursor: pointer;
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
}

.page-main-v2 .runline-slider__slide:hover .runline-slider__slide-photo,
.page-contacts .runline-slider__slide:hover .runline-slider__slide-photo,
.page-stream .runline-slider__slide:hover .runline-slider__slide-photo,
.page-projects .runline-slider__slide:hover .runline-slider__slide-photo,
.page-case-new-design .runline-slider__slide:hover .runline-slider__slide-photo,
.page-design-accompaniment .runline-slider__slide:hover .runline-slider__slide-photo {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1) translateZ(0);
    z-index: 99999;
}

.page-main-v2 .runline-slider__slide:hover .runline-slider__slide-text,
.page-contacts .runline-slider__slide:hover .runline-slider__slide-text,
.page-stream .runline-slider__slide:hover .runline-slider__slide-text,
.page-projects .runline-slider__slide:hover .runline-slider__slide-text,
.page-case-new-design .runline-slider__slide:hover .runline-slider__slide-text,
.page-design-accompaniment .runline-slider__slide:hover .runline-slider__slide-text {
    color: #000 !important;
}

.page-main-v2 .splide,
.page-contacts .splide,
.page-stream .splide,
.page-projects .splide,
.page-case-new-design .splide,
.page-design-accompaniment .splide {
    position: relative;
    margin-bottom: 1.045rem;
}

.page-main-v2 .splide._veiew-splide,
.page-contacts .splide._veiew-splide,
.page-stream .splide._veiew-splide,
.page-projects .splide._veiew-splide,
.page-case-new-design .splide._veiew-splide,
.page-design-accompaniment .splide._veiew-splide {
    z-index: 15;
}

.page-main-v2 .splide._veiew-splide ~ .splide .runline-slider__slide-text,
.page-contacts .splide._veiew-splide ~ .splide .runline-slider__slide-text,
.page-stream .splide._veiew-splide ~ .splide .runline-slider__slide-text,
.page-projects .splide._veiew-splide ~ .splide .runline-slider__slide-text,
.page-case-new-design .splide._veiew-splide ~ .splide .runline-slider__slide-text,
.page-design-accompaniment .splide._veiew-splide ~ .splide .runline-slider__slide-text {
    color: #c3c3c3;
}

.page-main-v2 .splide._veiew-splide .runline-slider__slide-text,
.page-contacts .splide._veiew-splide .runline-slider__slide-text,
.page-stream .splide._veiew-splide .runline-slider__slide-text,
.page-projects .splide._veiew-splide .runline-slider__slide-text,
.page-case-new-design .splide._veiew-splide .runline-slider__slide-text,
.page-design-accompaniment .splide._veiew-splide .runline-slider__slide-text {
    color: #c3c3c3;
}

.page-main-v2 .splide._active-splide .runline-slider__slide-text,
.page-contacts .splide._active-splide .runline-slider__slide-text,
.page-stream .splide._active-splide .runline-slider__slide-text,
.page-projects .splide._active-splide .runline-slider__slide-text,
.page-case-new-design .splide._active-splide .runline-slider__slide-text,
.page-design-accompaniment .splide._active-splide .runline-slider__slide-text {
    color: #c3c3c3;
}

.page-main-v2 .splide:last-child,
.page-contacts .splide:last-child,
.page-stream .splide:last-child,
.page-projects .splide:last-child,
.page-case-new-design .splide:last-child,
.page-design-accompaniment .splide:last-child {
    margin-bottom: 0;
}

.page-main-v2 .splide__list,
.page-contacts .splide__list,
.page-stream .splide__list,
.page-projects .splide__list,
.page-case-new-design .splide__list,
.page-design-accompaniment .splide__list {
    gap: 0 80px;
}

.page-main-v2 .splide__track,
.page-contacts .splide__track,
.page-stream .splide__track,
.page-projects .splide__track,
.page-case-new-design .splide__track,
.page-design-accompaniment .splide__track {
    overflow: visible;
}

.page-main-v2 .splide__arrows,
.page-contacts .splide__arrows,
.page-stream .splide__arrows,
.page-projects .splide__arrows,
.page-case-new-design .splide__arrows,
.page-design-accompaniment .splide__arrows,
.page-main-v2 .splide__pagination,
.page-contacts .splide__pagination,
.page-stream .splide__pagination,
.page-projects .splide__pagination,
.page-case-new-design .splide__pagination,
.page-design-accompaniment .splide__pagination {
    display: none;
}

.page-main-v2 .runline-slider__slide-text,
.page-contacts .runline-slider__slide-text,
.page-stream .runline-slider__slide-text,
.page-projects .runline-slider__slide-text,
.page-case-new-design .runline-slider__slide-text,
.page-design-accompaniment .runline-slider__slide-text {
    color: #c3c3c3;
    font-size: 5.21rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -2px;
    transition: color 0.2s ease;
}

.page-main-v2 .runline-slider__slide-photo,
.page-contacts .runline-slider__slide-photo,
.page-stream .runline-slider__slide-photo,
.page-projects .runline-slider__slide-photo,
.page-case-new-design .runline-slider__slide-photo,
.page-design-accompaniment .runline-slider__slide-photo {
    width: 350px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5) translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.5s ease,
        visibility 0.5s ease,
        transform 0.5s ease;
    z-index: 25;
}

.page-main-v2 .runline-slider__slide-photo img,
.page-contacts .runline-slider__slide-photo img,
.page-stream .runline-slider__slide-photo img,
.page-projects .runline-slider__slide-photo img,
.page-case-new-design .runline-slider__slide-photo img,
.page-design-accompaniment .runline-slider__slide-photo img {
    max-width: 100%;
    max-height: 100%;
}

.page-main-v2 .stream-wrap,
.page-contacts .stream-wrap,
.page-stream .stream-wrap,
.page-projects .stream-wrap,
.page-case-new-design .stream-wrap,
.page-design-accompaniment .stream-wrap {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5.21rem;
    margin-bottom: 5.21rem;
}

.page-main-v2 .stream-wrap .swiper-wrapper,
.page-contacts .stream-wrap .swiper-wrapper,
.page-stream .stream-wrap .swiper-wrapper,
.page-projects .stream-wrap .swiper-wrapper,
.page-case-new-design .stream-wrap .swiper-wrapper,
.page-design-accompaniment .stream-wrap .swiper-wrapper {
    align-items: stretch;
}

.page-main-v2 .stream-wrap .stream-wrap-top,
.page-contacts .stream-wrap .stream-wrap-top,
.page-stream .stream-wrap .stream-wrap-top,
.page-projects .stream-wrap .stream-wrap-top,
.page-case-new-design .stream-wrap .stream-wrap-top,
.page-design-accompaniment .stream-wrap .stream-wrap-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 30px;
    margin-bottom: 5.21rem;
}

.page-main-v2 .stream-wrap .stream-wrap-title,
.page-contacts .stream-wrap .stream-wrap-title,
.page-stream .stream-wrap .stream-wrap-title,
.page-projects .stream-wrap .stream-wrap-title,
.page-case-new-design .stream-wrap .stream-wrap-title,
.page-design-accompaniment .stream-wrap .stream-wrap-title {
    font-size: 3.33rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.64px;
}

.page-main-v2 .stream-wrap .stream-wrap-tags,
.page-contacts .stream-wrap .stream-wrap-tags,
.page-stream .stream-wrap .stream-wrap-tags,
.page-projects .stream-wrap .stream-wrap-tags,
.page-case-new-design .stream-wrap .stream-wrap-tags,
.page-design-accompaniment .stream-wrap .stream-wrap-tags {
    margin-top: 0.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 40px;
}

.page-main-v2 .stream-wrap .stream-wrap-tags span,
.page-contacts .stream-wrap .stream-wrap-tags span,
.page-stream .stream-wrap .stream-wrap-tags span,
.page-projects .stream-wrap .stream-wrap-tags span,
.page-case-new-design .stream-wrap .stream-wrap-tags span,
.page-design-accompaniment .stream-wrap .stream-wrap-tags span {
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.page-main-v2 .stream-wrap .stream-wrap-tags span sup,
.page-contacts .stream-wrap .stream-wrap-tags span sup,
.page-stream .stream-wrap .stream-wrap-tags span sup,
.page-projects .stream-wrap .stream-wrap-tags span sup,
.page-case-new-design .stream-wrap .stream-wrap-tags span sup,
.page-design-accompaniment .stream-wrap .stream-wrap-tags span sup {
    font-size: 78%;
    vertical-align: super;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide,
.page-contacts .stream-wrap .stream-wrap-slider__slide,
.page-stream .stream-wrap .stream-wrap-slider__slide,
.page-projects .stream-wrap .stream-wrap-slider__slide,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide {
    display: flex;
    flex-direction: column;
    max-width: 49.464%;
    height: initial;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide[data-in-view-once],
.page-contacts .stream-wrap .stream-wrap-slider__slide[data-in-view-once],
.page-stream .stream-wrap .stream-wrap-slider__slide[data-in-view-once],
.page-projects .stream-wrap .stream-wrap-slider__slide[data-in-view-once],
.page-case-new-design .stream-wrap .stream-wrap-slider__slide[data-in-view-once],
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide[data-in-view-once] {
    opacity: 0;
    transition: opacity 0.4s;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide[data-in-view-once]::after,
.page-contacts .stream-wrap .stream-wrap-slider__slide[data-in-view-once]::after,
.page-stream .stream-wrap .stream-wrap-slider__slide[data-in-view-once]::after,
.page-projects .stream-wrap .stream-wrap-slider__slide[data-in-view-once]::after,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide[data-in-view-once]::after,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide[data-in-view-once]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: currentColor;
    z-index: 2;
    outline: 1px solid currentColor;
    transition: transform 0.4s;
    transform-origin: 50% 100%;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"],
.page-contacts .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"],
.page-stream .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"],
.page-projects .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"],
.page-case-new-design .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"],
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"] {
    opacity: 1;
    transition: opacity 1.2s;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"]::after,
.page-contacts .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"]::after,
.page-stream .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"]::after,
.page-projects .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"]::after,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"]::after,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide[data-in-view-once="true"]::after {
    transform: scaleY(0);
    transition: transform 1.2s;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide > a,
.page-contacts .stream-wrap .stream-wrap-slider__slide > a,
.page-stream .stream-wrap .stream-wrap-slider__slide > a,
.page-projects .stream-wrap .stream-wrap-slider__slide > a,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide > a,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide > a {
    display: block;
    text-decoration: none;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--content,
.page-contacts .stream-wrap .stream-wrap-slider__slide--content,
.page-stream .stream-wrap .stream-wrap-slider__slide--content,
.page-projects .stream-wrap .stream-wrap-slider__slide--content,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--content,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--content,
.page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date,
.page-contacts .stream-wrap .stream-wrap-slider__slide--link-date,
.page-stream .stream-wrap .stream-wrap-slider__slide--link-date,
.page-projects .stream-wrap .stream-wrap-slider__slide--link-date,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date {
    padding: 0 4px;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title,
.page-contacts .stream-wrap .stream-wrap-slider__slide--type-title,
.page-stream .stream-wrap .stream-wrap-slider__slide--type-title,
.page-projects .stream-wrap .stream-wrap-slider__slide--type-title,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title {
    margin-bottom: 27px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title span,
.page-contacts .stream-wrap .stream-wrap-slider__slide--type-title span,
.page-stream .stream-wrap .stream-wrap-slider__slide--type-title span,
.page-projects .stream-wrap .stream-wrap-slider__slide--type-title span,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title span,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title span {
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.36px;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title b,
.page-contacts .stream-wrap .stream-wrap-slider__slide--type-title b,
.page-stream .stream-wrap .stream-wrap-slider__slide--type-title b,
.page-projects .stream-wrap .stream-wrap-slider__slide--type-title b,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title b,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title b {
    width: 65%;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.48px;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date,
.page-contacts .stream-wrap .stream-wrap-slider__slide--link-date,
.page-stream .stream-wrap .stream-wrap-slider__slide--link-date,
.page-projects .stream-wrap .stream-wrap-slider__slide--link-date,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: auto;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date a,
.page-contacts .stream-wrap .stream-wrap-slider__slide--link-date a,
.page-stream .stream-wrap .stream-wrap-slider__slide--link-date a,
.page-projects .stream-wrap .stream-wrap-slider__slide--link-date a,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date a,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date a {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.94rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date a::after,
.page-contacts .stream-wrap .stream-wrap-slider__slide--link-date a::after,
.page-stream .stream-wrap .stream-wrap-slider__slide--link-date a::after,
.page-projects .stream-wrap .stream-wrap-slider__slide--link-date a::after,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date a::after,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date div,
.page-contacts .stream-wrap .stream-wrap-slider__slide--link-date div,
.page-stream .stream-wrap .stream-wrap-slider__slide--link-date div,
.page-projects .stream-wrap .stream-wrap-slider__slide--link-date div,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date div,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date div {
    width: 55.2%;
    margin-left: auto;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.36px;
}

.page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date span,
.page-contacts .stream-wrap .stream-wrap-slider__slide--link-date span,
.page-stream .stream-wrap .stream-wrap-slider__slide--link-date span,
.page-projects .stream-wrap .stream-wrap-slider__slide--link-date span,
.page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date span,
.page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date span {
    color: #c4c4c4;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.36px;
}

.page-main-v2 .stream-wrap-slider-navigation,
.page-contacts .stream-wrap-slider-navigation,
.page-stream .stream-wrap-slider-navigation,
.page-projects .stream-wrap-slider-navigation,
.page-case-new-design .stream-wrap-slider-navigation,
.page-design-accompaniment .stream-wrap-slider-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    gap: 0 20px;
}

.page-main-v2 .stream-wrap-slider-btn-prev,
.page-contacts .stream-wrap-slider-btn-prev,
.page-stream .stream-wrap-slider-btn-prev,
.page-projects .stream-wrap-slider-btn-prev,
.page-case-new-design .stream-wrap-slider-btn-prev,
.page-design-accompaniment .stream-wrap-slider-btn-prev,
.page-main-v2 .stream-wrap-slider-btn-next,
.page-contacts .stream-wrap-slider-btn-next,
.page-stream .stream-wrap-slider-btn-next,
.page-projects .stream-wrap-slider-btn-next,
.page-case-new-design .stream-wrap-slider-btn-next,
.page-design-accompaniment .stream-wrap-slider-btn-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
}

.page-main-v2 .stream-wrap-slider-btn-prev img,
.page-contacts .stream-wrap-slider-btn-prev img,
.page-stream .stream-wrap-slider-btn-prev img,
.page-projects .stream-wrap-slider-btn-prev img,
.page-case-new-design .stream-wrap-slider-btn-prev img,
.page-design-accompaniment .stream-wrap-slider-btn-prev img,
.page-main-v2 .stream-wrap-slider-btn-next img,
.page-contacts .stream-wrap-slider-btn-next img,
.page-stream .stream-wrap-slider-btn-next img,
.page-projects .stream-wrap-slider-btn-next img,
.page-case-new-design .stream-wrap-slider-btn-next img,
.page-design-accompaniment .stream-wrap-slider-btn-next img {
    max-width: 100%;
    max-height: 100%;
}

.page-main-v2 .stream-wrap-slider-btn-prev.swiper-button-disabled,
.page-contacts .stream-wrap-slider-btn-prev.swiper-button-disabled,
.page-stream .stream-wrap-slider-btn-prev.swiper-button-disabled,
.page-projects .stream-wrap-slider-btn-prev.swiper-button-disabled,
.page-case-new-design .stream-wrap-slider-btn-prev.swiper-button-disabled,
.page-design-accompaniment .stream-wrap-slider-btn-prev.swiper-button-disabled,
.page-main-v2 .stream-wrap-slider-btn-next.swiper-button-disabled,
.page-contacts .stream-wrap-slider-btn-next.swiper-button-disabled,
.page-stream .stream-wrap-slider-btn-next.swiper-button-disabled,
.page-projects .stream-wrap-slider-btn-next.swiper-button-disabled,
.page-case-new-design .stream-wrap-slider-btn-next.swiper-button-disabled,
.page-design-accompaniment .stream-wrap-slider-btn-next.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.page-main-v2 .stream-wrap-slider-pagination,
.page-contacts .stream-wrap-slider-pagination,
.page-stream .stream-wrap-slider-pagination,
.page-projects .stream-wrap-slider-pagination,
.page-case-new-design .stream-wrap-slider-pagination,
.page-design-accompaniment .stream-wrap-slider-pagination {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 8px;
}

.page-main-v2 .stream-wrap-slider-pagination .swiper-pagination-bullet,
.page-contacts .stream-wrap-slider-pagination .swiper-pagination-bullet,
.page-stream .stream-wrap-slider-pagination .swiper-pagination-bullet,
.page-projects .stream-wrap-slider-pagination .swiper-pagination-bullet,
.page-case-new-design .stream-wrap-slider-pagination .swiper-pagination-bullet,
.page-design-accompaniment .stream-wrap-slider-pagination .swiper-pagination-bullet {
    height: 3px;
    width: 5px;
    background: #c4c4c4;
    opacity: 1;
    border-radius: 0;
    transition: width 0.2s linear;
    margin: 0;
}

.page-main-v2 .stream-wrap-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page-contacts .stream-wrap-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page-stream .stream-wrap-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page-projects .stream-wrap-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page-case-new-design
    .stream-wrap-slider-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page-design-accompaniment
    .stream-wrap-slider-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 60px;
    background: #000;
}

.video-popup-close {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    right: 2rem;
    top: 1rem;
    overflow: hidden;
    text-indent: 10rem;
    font-size: 1px;
    white-space: nowrap;
    background: transparent;
    border: 0;
    color: #272727;
    box-sizing: border-box;
    transition: all 0.1s ease;
    z-index: 999999;
    cursor: pointer;
}

.video-popup-close::before,
.video-popup-close::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.video-popup-close::after {
    transform: rotate(-45deg);
}

.desktop .video-popup-close:hover::before {
    transform: scale(0.7) rotate(45deg);
}

.desktop .video-popup-close:hover::after {
    transform: scale(0.7) rotate(-45deg);
}

.video-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 50px);
    max-height: 95vh;
    margin: auto;
    opacity: 0;
    transform: translateY(-50vw);
    visibility: hidden;
    transition:
        transform 0.4s ease-out,
        opacity 0.4s ease-out,
        visibility 0.4s linear;
    overflow: hidden;
    z-index: 9999;
    background: transparent;
    pointer-events: auto;
}

.video-popup._active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.video-popup video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.text-form-open {
    width: 83%;
    color: #000;
    font-size: 3.33333333rem;
    font-weight: 400;
    line-height: 120%;
    margin: 6.25rem 0;
}

.text-form-open span {
    cursor: pointer;
}

.expertise-big-slider .expertise-big-slider-img,
.expertise-small-slider .expertise-big-slider-img,
.expertise-big-slider .expertise-small-slider-img,
.expertise-small-slider .expertise-small-slider-img {
    overflow: hidden;
}

.expertise-big-slider .expertise-big-slider-img img,
.expertise-small-slider .expertise-big-slider-img img,
.expertise-big-slider .expertise-small-slider-img img,
.expertise-small-slider .expertise-small-slider-img img {
    transition: transform 0.2s linear;
}

.expertise-big-slider .expertise-big-slider-img img,
.expertise-small-slider .expertise-big-slider-img img,
.expertise-big-slider .expertise-small-slider-img img,
.expertise-small-slider .expertise-small-slider-img img {
    transition: transform 1.2s;
    will-change: transform;
}

.desktop .expertise-big-slider .expertise-big-slider-img img:hover,
.desktop .expertise-small-slider .expertise-big-slider-img img:hover,
.desktop .expertise-big-slider .expertise-small-slider-img img:hover,
.desktop .expertise-small-slider .expertise-small-slider-img img:hover {
    transform: scale(1.25);
}

.desktop .expertise-big-slider .swiper-slide:hover .expertise-big-slider-text::before,
.desktop .expertise-small-slider .swiper-slide:hover .expertise-big-slider-text::before {
    width: 100%;
}

.desktop .expertise-big-slider .swiper-slide:hover .expertise-big-slider-text::after,
.desktop .expertise-small-slider .swiper-slide:hover .expertise-big-slider-text::after {
    opacity: 0;
    visibility: hidden;
}

.expertise-small-slider .swiper-slide {
    text-decoration: none;
}

.desktop .expertise-small-slider .swiper-slide:hover b.underline::after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.experience-items {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0 20px;
}

.experience-items._animate .experience-item::after {
    height: 0;
}

.experience-items .experience-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem;
    background: #fafafa;
    box-sizing: border-box;
}

.experience-items .experience-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    transition: height 1s ease;
}

.experience-items .experience-item.size-1 {
    width: 32.647%;
}

.experience-items .experience-item.size-2 {
    width: 15.679%;
}

.experience-items .experience-item.height-1 {
    height: 24.01041667rem;
}

.experience-items .experience-item.height-2 {
    height: 17.91666667rem;
}

.experience-items .experience-item .experience-item--num {
    color: #000;
    font-size: 4.17rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -2.4px;
}

.experience-items .experience-item .experience-item--text {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.48px;
}

.curtain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    transform: translateY(100%);
    transition: transform 0.9s ease-in-out;
}

.curtain.active {
    transform: translateY(0);
}

[data-barba-namespace="case"] .first-screen {
    box-sizing: border-box;
    padding-top: 3.1rem;
    padding-bottom: 3.1rem;
    min-height: calc(var(--vh, 1vh) * 100 - 4.5rem - 8rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: min-height 2s ease;
    position: relative;
    justify-content: flex-start;
}

[data-barba-namespace="case"] .first-screen + * {
    margin-top: 0 !important;
}

[data-barba-namespace="case"] .video-block {
    aspect-ratio: 1.77777778;
    position: relative;
}

[data-barba-namespace="case"] .first-screen--footer {
    min-height: 0 !important;
}

[data-barba-namespace="case"] .first-screen__hide {
    position: absolute;
    transform: translateY(200%);
    width: 100%;
    height: calc(100% - 3.1rem);
    min-height: calc(var(--vh, 1vh) * 100 - 4.5rem - 8rem - 2 * 3.1rem);
    transition: transform 1s 1s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

[data-barba-namespace="case"] .top {
    min-height: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 1.5rem;
}

[data-barba-namespace="case"] .top.top-mt {
    padding-top: 3.1rem;
}

[data-barba-namespace="case"] .top h1 {
    font-size: 4.7rem;
    line-height: 1.1em;
    margin: -0.5rem 0 0 0 !important;
    font-weight: 300;
    letter-spacing: -0.05em;
}

[data-barba-namespace="case"] .section {
    margin: 3rem 0;
}

.page-case-new-design .case-img__img-inner {
    background-position: center top;
}

.page-case-new-design [data-barba-namespace="case"] .first-screen-case + .wrap.content > .top-screen-case {
    padding-top: 0;
}

.page-case-new-design [data-barba-namespace="case"] .top-screen-case {
    padding-top: 4.21875rem;
}

.page-case-new-design [data-barba-namespace="case"] .top-screen-case .top {
    padding-top: 3.75rem;
}

.page-case-new-design [data-barba-namespace="case"] .top-screen-case .top .back-to-portfolio {
    position: absolute;
    top: 0;
    right: 2px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    text-decoration: none;
}

.page-case-new-design [data-barba-namespace="case"] .top-screen-case .top .back-to-portfolio span {
    color: #272727;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0125rem;
}

.page-case-new-design [data-barba-namespace="case"] .top-screen-case .top .back-to-portfolio img {
    flex-shrink: 0;
}

.page-case-new-design [data-barba-namespace="case"] .top-screen-case .top .back-to-portfolio::after {
    content: none;
}

.page-case-new-design [data-barba-namespace="case"] .header__right--with-arrow {
    display: none;
}

.page-case-new-design .case-siblings .back-link {
    padding-right: 0;
}

.page-case-new-design.desktop .top-screen-case-slider-thumbs .swiper-slide:hover {
    border-color: #fff;
}

.page-case-new-design .top-screen-case-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-case-new-design .top-screen-case-slider-thumbs {
    position: absolute;
    bottom: 4.16666667rem;
    left: 0;
    right: 0;
    margin: 0;
}

.page-case-new-design .top-screen-case-slider-thumbs .swiper-wrapper {
    align-items: flex-end;
    justify-content: center;
}

.page-case-new-design .top-screen-case-slider-thumbs .swiper-slide {
    cursor: pointer;
    max-width: 9.89583333rem;
    width: 100%;
    height: 6.5625rem;
    border: 0.15625rem solid transparent;
    transition:
        width 0.2s linear,
        height 0.2s linear,
        border-color 0.2s linear;
    box-sizing: border-box;
}

.page-case-new-design .top-screen-case-slider-thumbs .swiper-slide.swiper-slide-thumb-active {
    border-color: #fff;
    max-width: 11.45833333rem;
    height: 7.8125rem;
}

.page-case-new-design .top-screen-case-slider-thumbs .swiper-slide img {
    position: static;
}

.page-case-new-design .case-title,
.page-case-new-design .top [class^="col"] .case-title {
    font-size: 1.66666667rem;
    font-style: normal;
    font-weight: 400;
    margin: 0 !important;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.01666667rem;
}

.page-case-new-design [data-barba-namespace="case"] .first-screen--footer {
    padding-bottom: 1.04166667rem;
}

.page-case-new-design [data-barba-namespace="case"] .first-screen--footer .back-link a {
    font-size: 1.66666667rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.01666667rem;
    text-decoration: none;
}

.page-case-new-design .section {
    margin: 10.41666667rem 0;
}

.page-case-new-design .section.section-team {
    margin: 10.41666667rem 0 10.41666667rem 0;
}

.page-case-new-design .section p {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.0125rem;
}

.page-case-new-design .section ul,
.page-case-new-design .section ol {
    margin-top: 4.16666667rem;
    display: flex;
    flex-direction: column;
    gap: 2.08333333rem 0;
    padding: 0 0 0 2.29166667rem;
}

.page-case-new-design .section ul li,
.page-case-new-design .section ol li {
    padding-right: 7.8125rem;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.0125rem;
}

.page-case-new-design .section ol {
    counter-reset: item;
    list-style: none;
}

.page-case-new-design .section ol li {
    padding-left: 1.14583333rem;
    counter-increment: item;
    position: relative;
}

.page-case-new-design .section ol li:before {
    content: counter(item, decimal-leading-zero) "/";
    position: absolute;
    left: -2.29166667rem;
    top: 0;
}

.page-case-new-design .section ul li {
    list-style: none;
    position: relative;
}

.page-case-new-design .section ul li:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDcuNTE2NkgyME0xNC42NjY3IDAuNTE2NjAyTDIwIDcuNTE2NkwxNC42NjY3IDE0LjUxNjYiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS43MDM0NSIvPg0KPC9zdmc+DQo=)
        no-repeat center center;
    background-size: contain;
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    content: "";
    position: absolute;
    left: -2.8125rem;
    top: 0.10416667rem;
}

.page-case-new-design .first-screen-case {
    position: relative;
    margin-top: 4.16666667rem;
}

.page-case-new-design .first-screen-case.first-screen-case {
    background: #000;
}

.page-case-new-design .first-screen-case img,
.page-case-new-design .first-screen-case video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
}

.page-case-new-design .top-screen-case h1 {
    width: 70%;
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.0375rem;
}

.page-case-new-design .case-info {
    padding-top: 3.64583333rem;
}

.page-case-new-design .case-info::before {
    content: none;
}

.page-case-new-design .case-info span {
    display: block;
    color: #c3c3c3;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.009375rem;
    margin-bottom: 1.5625rem;
}

.page-case-new-design .case-info__list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.page-case-new-design .case-info__services-list,
.page-case-new-design .case-info__links {
    display: flex;
    flex-direction: column;
    gap: 0.78125rem 0;
}

.page-case-new-design .case-info__services-list span,
.page-case-new-design .case-info__links span {
    position: relative;
    display: block;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.0125rem;
    width: -webkit-fit-content;
    width: fit-content;
    text-decoration: none;
    color: #272727;
    margin: 0;
}

.underline-reverse {
    position: relative;
}

.underline-reverse::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: -0.15em;
    transform-origin: right center;
    width: 0%;
    transform: scale(0, 1);
    pointer-events: none;
    border-bottom: 2px solid currentcolor;
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.desktop .underline-reverse:hover::after {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s ease;
}

.case-title,
.top [class^="col"] .case-title {
    font-size: 4.7rem;
    line-height: 1.1em;
    margin: -0.5rem 0 0 0 !important;
    font-weight: 300;
    letter-spacing: -0.05em;
}

.close-project-link {
    position: relative;
    top: 1rem;
    padding-right: 2rem;
}

.close-project-link:after {
    width: calc(100% - 2rem);
}

.close-project-link__1,
.close-project-link__2 {
    display: block;
    width: 1.6rem;
    height: 1px;
    background: #272727;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(45deg);
}

.close-project-link__2 {
    transform: rotate(-45deg);
}

.case-info-description {
    border-top: 1px solid #eaeaea;
    padding: 4.16666667rem 0;
    margin-bottom: 5.20833333rem;
}

.case-info-description p {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.0125rem;
}

.case-info-description p:last-child {
    margin-bottom: 0;
}

.case-info-description-box {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0 1.04166667rem;
}

.case-info-description-box .case-info-description__left,
.case-info-description-box .case-info-description__right {
    width: 31.874%;
}

.case-info-description-box .case-info-description__left > span:first-child,
.case-info-description-box .case-info-description__right > span:first-child {
    color: #c3c3c3;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.009375rem;
    margin-bottom: 1.5625rem;
}

.case-info-description-box .case-info-description__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 7.8125rem;
}

.case-info-description-box .case-info-description__left:first-child:last-child {
    min-height: 9.89583333rem;
}

.case-info-description-box .case-info-description__left span {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.009375rem;
}

.case-info-description-box .case-info-description__left span:last-child {
    margin-top: 6.14583333rem;
}

.case-info-description-box .case-info-description__right a {
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.009375rem;
}

.case-info-description-box .case-info-description__right ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.26041667rem 0;
}

.case-info-description-box .case-info-description__right ul li {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.009375rem;
}

.case-info {
    padding-top: 3.1rem;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 5.20833333rem;
}

.case-info .case-info__top a {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    text-decoration: none;
    letter-spacing: -0.0125rem;
}

.case-info .case-info__top a.underline::after {
    bottom: -0.15em;
    border-width: 2px;
}

.case-info.case-info-1 {
    padding-top: 0;
}

.case-info.case-info-1::before {
    content: none;
}

.case-info:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    top: 0;
    border-top: 1px solid #b5b5b5;
}

.case-info__mobile-top div:last-child {
    text-align: right;
}

.case-info__params p {
    margin: 3rem 0;
}

.case-info__params p.case-info__list-title {
    margin-bottom: 0 !important;
}

.case-info__1 p:first-child,
.case-info__2 p:first-child {
    margin-top: 0;
}

.case-footer {
    margin-bottom: 2rem;
}

.case-images {
    margin-top: 2rem;
    margin-bottom: 7rem;
}

.case-images.case-images-1 {
    margin-bottom: 0;
}

.case-images + .section .section-head--notitle + .row {
    margin-top: -5rem;
}

.case-images__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -2rem;
}

.case-img {
    display: block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-bottom: 2rem;
    box-sizing: border-box;
}

.case-img__img {
    position: relative;
    padding-top: 50%;
}

.case-img__img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.case-img__img-inner._loaded {
    opacity: 1;
}

.case-img__img-inner img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.case-img__img-inner video,
.case-img__img-inner iframe {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.case-img--size-4 {
    width: 100%;
    margin-bottom: 0;
}

.case-img--size-4 .case-img__img {
    padding-top: 37.5861%;
}

.case-img--size-3 {
    width: 100%;
}

.case-img--size-3 .case-img__img {
    padding-top: 50%;
}

.case-img--size-2 {
    width: 50%;
}

.case-img--size-2 .case-img__img {
    padding-top: 100%;
}

.case-img--size-1 {
    width: 33.33%;
}

.case-img--size-1 .case-img__img {
    padding-top: 100%;
}

.case-bottom {
    padding-top: 4rem;
    margin-top: 0;
    position: relative;
}

.case-bottom:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #b5b5b5;
    position: absolute;
    top: 0;
    left: 0;
}

.case-bottom__line {
    margin-bottom: 7rem;
}

.case-bottom__line:after {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #b5b5b5;
    opacity: 0.5;
}

.case-bottom__title-wrap {
    margin-bottom: 2rem;
    min-height: 12rem;
}

.case-bottom__footer {
    margin-top: 3.5rem;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.case-bottom__params {
    margin-top: 5.5rem;
}

.case-bottom__params p {
    margin-bottom: 2rem;
    margin-top: 0;
}

.case-img__title {
    text-align: right;
    font-size: 0.7rem;
    line-height: 1.3em;
    margin-bottom: 0.6rem;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-img__text {
    width: 30%;
    margin-bottom: 0 !important;
}

.case-siblings {
    padding-top: 6.97916667rem;
    border-top: 1px solid #eaeaea;
    height: 62vh;
    overflow: hidden;
    position: relative;
}

.case-siblings .projects {
    margin-top: 0;
}

.case-siblings .section-title {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.case-siblings .first-screen {
    padding-top: 0;
    min-height: calc(var(--vh, 1vh) * 100 - 4.5rem - 8rem - 3.1rem);
}

.case-siblings .back-link {
    position: relative;
    z-index: 100;
}

.case-siblings__next {
    height: calc(100vh + 1px);
}

.case-siblings__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.case-siblings--hover {
    cursor: pointer;
}

.case-siblings--hover:hover .case-img__img-inner {
    background-size: 110%;
}

.case-siblings--hover .case-img__img-inner {
    background-size: 100%;
    transition: background-size 0.5s;
}

.case-all {
    display: none;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 4rem;
    padding-bottom: 5rem;
}

.case-all:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #b5b5b5;
    position: absolute;
    top: 0;
    left: 0;
}

.case-all__title {
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.27em;
}

.case-all__title a {
    text-decoration: none;
}

.back-link {
    position: relative;
    padding-right: 2rem;
    white-space: nowrap;
}

.back-link span {
    white-space: nowrap;
}

.case-img--size-3 .case-img__video {
    position: relative;
    padding-top: 56.25%;
}

.case-img--size-1 .case-img__video .plyr__video-embed,
.case-img--size-2 .case-img__video .plyr__video-embed,
.case-img--size-1 .case-img__video .plyr__video-wrapper--fixed-ratio,
.case-img--size-2 .case-img__video .plyr__video-wrapper--fixed-ratio {
    padding-bottom: 0;
    height: 100%;
}

.section-case-team-items {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.08333333rem 1.04166667rem;
    margin-top: 0.83333333rem;
}

.section-case-team-item {
    width: calc(50% - 20px * 1 / 2);
}

.section-case-team-item b {
    display: block;
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.0125rem;
    margin-bottom: 0.26041667rem;
}

.section-case-team-item span {
    display: block;
    color: #c3c3c3;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.009375rem;
}

.section-case-team-title {
    color: #000;
    font-size: 2.08333333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 48px */
    letter-spacing: -0.02083333rem;
}

.section-subtitle {
    color: #000;
    font-size: 2.08333333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 48px */
    letter-spacing: -0.02083333rem;
}

.page-404 {
    background: #272727;
}

.page-404 body {
    background: #272727;
    overflow: hidden;
}

.page-404 .header-wrap .header {
    background: transparent;
    border-bottom-color: rgba(181, 181, 181, 0.4);
}

.page-404 .header-wrap .header a,
.page-404 .header-wrap .header button {
    color: #fff;
}

.page-404 .header-wrap .header .logo {
    background-image: url("../img/logo_white.svg");
}

.page-404 .header-wrap .burger__1,
.page-404 .header-wrap .burger__2,
.page-404 .header-wrap .burger__3 {
    background: #fff;
}

[data-barba-namespace="404"] {
    color: #fff;
    position: relative;
}

[data-barba-namespace="404"] .first-screen {
    box-sizing: border-box;
    padding-top: 3.1rem;
    padding-bottom: 8rem;
    min-height: calc(var(--vh, 1vh) * 100 - 4.5rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

[data-barba-namespace="404"] .first-screen__bottom {
    margin-top: 2rem;
}

[data-barba-namespace="404"] .first-screen__bottom a {
    color: #fff;
}

[data-barba-namespace="404"] .top {
    margin-top: 0 !important;
}

[data-barba-namespace="404"] .top a,
[data-barba-namespace="404"] .top button {
    color: #fff;
}

[data-barba-namespace="404"] .top__socials {
    margin-top: 0 !important;
}

.bg-404 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bg-404__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #272727 url("../img/404.png");
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.bg-404__inner._loaded {
    opacity: 1;
}

.page-unsubscribe-success,
.page-subscribe-success {
    /*min-height: 700px;*/ /*body {
        overflow: hidden;
    }*/
}

.page-unsubscribe-success .wrap-page,
.page-subscribe-success .wrap-page {
    overflow: hidden;
}

.page-unsubscribe-success .content,
.page-subscribe-success .content {
    height: calc(100vh - 7rem);
    min-height: 600px;
    transform: none !important;
    box-sizing: border-box;
    position: relative; /*@media (max-width: @screenL), (min-width: (@screenL + 1)) and (orientation: portrait) {
            height: calc(100vh - 14rem);
        }*/ /*@media (max-width: @screenS) {*/
}

.page-unsubscribe-success .first-screen,
.page-subscribe-success .first-screen {
    height: 100%;
    padding-bottom: 4rem;
    box-sizing: border-box;
}

.page-unsubscribe-success .subscribe-wrap__title,
.page-subscribe-success .subscribe-wrap__title {
    font-size: 6.1rem;
    line-height: 130%;
}

.page-unsubscribe-success .footer,
.page-subscribe-success .footer {
    position: relative;
    z-index: 2;
}

.subscribe-wrap {
    display: flex;
    position: relative;
    height: 100%;
}

.subscribe-wrap:before {
    width: 1px;
    height: 300vh;
    top: 0;
    left: 50%;
}

.subscribe-wrap:after {
    width: 150vw;
    height: 1px;
    top: calc(57vh - 8rem);
    left: 50%;
    transform: translateX(-50%);
}

.subscribe-wrap:before,
.subscribe-wrap:after {
    background: rgba(39, 39, 39, 0.34);
    position: absolute;
    content: "";
    display: block;
    z-index: 2;
}

.subscribe-wrap__content {
    width: 65%;
}

.subscribe-wrap__img {
    width: 35%;
    padding-right: 6rem;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 3;
}

.subscribe-wrap__img img {
    max-width: 35vw;
    margin-top: 4rem;
}

.subscribe-wrap__title-wrap {
    margin: 1.8rem 0 1rem;
}

.subscribe-wrap__title {
    display: block;
    font-size: 5.7rem;
    line-height: 7.5rem;
    font-family: "Suisse", sans-serif;
    font-weight: 300;
    margin: 0;
}

.subscribe-wrap__text p {
    font-size: 1rem;
    line-height: 130%;
    margin: 0 0 2rem 0;
}

.subscribe-back-link-wrap {
    position: absolute;
    bottom: 1.5rem;
}

html._form-success .subscribe-popup-form-success-wrap {
    opacity: 1;
    pointer-events: auto;
}

.page-subscribe {
    /*min-height: 700px;*/ /*.subscribe-popup-form__inner {
        .form__submit {
            span {
                padding: 7px 18px!important;
            }
        }
    }*/
}

.page-subscribe .footer__img {
    transition: all 0.2s ease;
}

.page-subscribe._form-success .footer {
    background: #272727;
}

.page-subscribe._form-success .footer__img {
    opacity: 0;
}

.page-subscribe .footer {
    background: #f2f2f2;
    transition: all 0.2s ease;
}

.page-subscribe .content {
    min-height: calc(100vh - 7rem);
    height: 100%;
    transform: none !important;
    box-sizing: border-box;
}

.page-subscribe .subscribe-content-wrap,
.page-subscribe .first-screen {
    min-height: calc(100vh - 11.5rem);
}

.page-subscribe .first-screen {
    padding-bottom: 0 !important;
}

.page-subscribe .subscribe-content {
    display: flex;
    flex-direction: column;
    position: relative;
}

.page-subscribe .subscribe-content-upper-block {
    height: 100%;
    padding-bottom: 4rem;
    box-sizing: border-box;
}

.page-subscribe .subscribe-content-upper-block h1 {
    font-size: 0.83rem;
    line-height: 1rem;
    font-weight: 400;
    color: #989898;
}

.page-subscribe.desktop .subscribe-popup-form-wrap.grey-form .form__submit:hover {
    background: #fff;
    color: #000;
}

.page-subscribe .subscribe-popup-form-wrap {
    margin-bottom: 0 !important;
}

.page-subscribe .subscribe-popup-form-wrap.grey-form {
    flex-grow: 1;
}

.page-subscribe .subscribe-popup-form-wrap.grey-form .form__submit {
    max-width: 12.23958333rem;
    width: 100%;
    color: #fff;
    padding: 0.52083333rem 0;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
    border-radius: 100px;
    border: 0.05208333rem solid #000;
    background: #000;
}

.page-subscribe .subscribe-popup-form-wrap .subscribe-popup-form__submit-block-inline-form {
    justify-content: flex-start;
}

.page-subscribe
    .subscribe-popup-form-wrap
    .subscribe-popup-form__submit-block-inline-form
    .form__checkbox-item {
    margin-top: 1rem;
    margin-right: 15px;
}

.page-subscribe
    .subscribe-popup-form-wrap
    .subscribe-popup-form__submit-block-inline-form
    .form__checkbox-item
    input._error
    + .form__checkbox-custom {
    border-color: #ff2d55;
}

.page-subscribe
    .subscribe-popup-form-wrap
    .subscribe-popup-form__submit-block-inline-form
    .form__checkbox-item
    input:checked
    + .form__checkbox-custom {
    background-color: transparent;
}

.page-subscribe
    .subscribe-popup-form-wrap
    .subscribe-popup-form__submit-block-inline-form
    .form__checkbox-item
    .form__checkbox-custom {
    position: static;
    margin-right: 0;
    border-color: #888888;
}

.page-subscribe.desktop .form__checkbox-custom:hover {
    border: 1px solid #888888;
}

.page-subscribe .subscribe-letter-item__text p {
    margin: 0 !important;
}

.page-subscribe .input-text-line .form-column__input {
    padding: 0.2rem 0;
}

.page-subscribe .input-text-line__inner {
    min-width: 280px !important;
}

.page-subscribe .form-column__label {
    margin-top: 0.75rem;
}

.page-subscribe .subscribe-popup-form__agree-text {
    min-width: 296px;
    width: 41.5%;
    max-width: 308px;
}

.popup-subscribe-content {
    width: 100%;
    padding: 1.1rem 0; /*align-content: flex-end;
    align-items: flex-end;*/
    align-content: flex-start;
    align-items: flex-start;
    margin: 0 !important;
}

.subscribe-popup-form-wrap {
    margin-top: 1rem;
    position: relative;
}

.page-subscribe .subscribe-popup-form-wrap .input-text-line__inner input:-internal-autofill-selected,
.page-subscribe .subscribe-popup-form-wrap .input-text-line__inner input:-webkit-autofill,
.page-subscribe .subscribe-popup-form-wrap .input-text-line__inner input:-webkit-autofill:focus,
.page-subscribe .subscribe-popup-form-wrap .input-text-line__inner input:-webkit-autofill:active,
.page-subscribe .subscribe-popup-form-wrap .input-text-line__inner input:focus {
    -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
    color: #272727 !important;
    -webkit-text-fill-color: #272727;
    outline: none;
}

.subscribe-popup-form-wrap .subscribe-popup-form .input-text-line__inner input:-internal-autofill-selected,
.subscribe-popup-form-wrap .subscribe-popup-form .input-text-line__inner input:-webkit-autofill,
.subscribe-popup-form-wrap .subscribe-popup-form .input-text-line__inner input:-webkit-autofill:focus,
.subscribe-popup-form-wrap .subscribe-popup-form .input-text-line__inner input:-webkit-autofill:active,
.subscribe-popup-form-wrap .subscribe-popup-form .input-text-line__inner input:focus {
    -webkit-box-shadow: 0 0 0px 1000px #272727 inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    outline: none;
}

._menu-open .subscribe-popup-form-wrap .input-text-line__inner input:-internal-autofill-selected,
._menu-open .subscribe-popup-form-wrap .input-text-line__inner input:-webkit-autofill,
._menu-open .subscribe-popup-form-wrap .input-text-line__inner input:-webkit-autofill:focus,
._menu-open .subscribe-popup-form-wrap .input-text-line__inner input:-webkit-autofill:active,
._menu-open .subscribe-popup-form-wrap .input-text-line__inner input:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
    color: #272727 !important;
    -webkit-text-fill-color: #272727;
    outline: none;
}

.subscribe-popup-form-wrap.grey-form {
    background: #f2f2f2;
    width: 100vw;
    padding: 3rem 0;
    margin-left: -1.5rem;
}

.subscribe-popup-form-wrap.grey-form .input-text-line {
    align-items: flex-end;
}

.subscribe-popup-form-wrap.grey-form .subscribe-popup-form__inner {
    display: block;
}

.subscribe-popup-form-wrap.grey-form .subscribe-popup-form__submit-block {
    align-items: flex-start;
    margin-left: 0;
    max-width: 590px;
}

.subscribe-popup-form-wrap.grey-form .subscribe-popup-form__agree-text {
    font-size: 0.6rem;
}

.subscribe-popup-form-wrap.grey-form .input-text-line__inner {
    min-width: 220px;
}

.subscribe-popup-form-wrap.grey-form .form-column__input {
    color: #272727;
    border-bottom: 1px solid #272727;
}

.subscribe-popup-form-wrap.grey-form .form__submit {
    background: #272727;
    margin-left: 1.8rem;
    font-size: 0.9rem;
}

.subscribe-popup-form-wrap.grey-form .form__submit span:before {
    background: #272727;
    color: #fff;
    font-size: 0.8rem;
}

.subscribe-popup-form-wrap.grey-form .form__submit span:after {
    background: #272727;
}

.subscribe-popup-form-wrap.grey-form a {
    color: #989898;
}

.subscribe-popup-form__agree-text {
    min-width: 296px;
    width: 41.5%;
    max-width: 308px;
    font-size: 0.573rem;
    line-height: 127%;
    color: #989898;
}

.subscribe-popup-form__inner {
    position: relative;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
}

.subscribe-popup-form__inner .subscribe-active-message {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: -20px;
    left: 0;
    font-size: 14px;
    color: #ff2d55;
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;
}

.subscribe-popup-form__inner .subscribe-active-message._active {
    opacity: 1;
    visibility: visible;
}

.subscribe-popup-form__inner .error-label,
.subscribe-popup-form__inner .form-column__label {
    transition: opacity 0.2s ease;
    position: absolute;
    pointer-events: none;
}

.subscribe-popup-form__inner ._focused .form-column__label {
    display: none;
}

.subscribe-popup-form__inner ._focused._error-wrap .error-label {
    display: block !important;
}

.subscribe-popup-form__inner .error-label {
    top: 100%;
    margin-top: 0.1rem;
    font-size: 0.6rem;
}

.subscribe-popup-form__inner .input-text-line {
    padding-bottom: 0;
    padding-top: 0;
}

.subscribe-popup-form__inner .input-text-line .form-column__input {
    padding: 12px 0;
}

.subscribe-popup-form__inner .input-text-line .form-column__input:focus + .form-column__label {
    opacity: 0;
}

.subscribe-popup-form__inner .input-text-line__inner {
    position: relative;
}

.subscribe-popup-form__inner .form__submit {
    margin-right: 0.7rem;
    margin-bottom: 0 !important; /*@media (max-width: @screenS) {
            font-size: 4rem;
            margin-right: 0;
            margin-bottom: 6rem!important;

            span {

                padding: 12px 42px!important;

                &:before {
                    font-size: 4rem;
                }
            }
        }*/
}

.subscribe-popup-form__submit-block {
    display: flex;
    margin-left: 1.8rem;
    align-items: flex-end;
    align-content: flex-end;
}

.popup-subscribe-content__title .accent,
.popup-subscribe-content__title p.accent {
    line-height: 100%;
    font-size: 1.66666667rem;
    margin-bottom: 2.08333333rem;
}

.popup-subscribe-content__subtitle {
    padding-right: 30%;
    padding-top: 0.5rem;
}

.subscribe-letter-items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    gap: 1.5rem 2.1rem;
}

.subscribe-letter-item {
    display: flex;
    align-items: center;
    align-content: center;
}

.subscribe-letter-item__icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: flex;
}

.subscribe-letter-item__icon img {
    max-width: 100%;
    max-height: 100%;
}

.subscribe-letter-item__text {
    padding-left: 0.6rem; /*white-space: nowrap;*/
}

.subscribe-letter-item__text p {
    font-size: 0.83333333rem;
}

.subscribe-runline__link:after {
    display: none !important;
}

.subscribe-content-wrap {
    height: 100%;
    box-sizing: border-box;
    padding-top: 2rem;
}

.subscribe-content-wrap p {
    font-size: 0.83rem;
}

.subscribe-content-wrap .accent,
.subscribe-content-wrap p.accent {
    font-size: 1.7rem;
    line-height: 120%;
}

.subscribe-content-wrap .subscribe-content__title {
    width: 50%;
    margin-top: 3.5rem;
}

.subscribe-content-wrap .popup-subscribe-content__subtitle {
    width: 35%;
    margin-top: 1.2rem;
}

.subscribe-content-wrap .subscribe-letter-items {
    width: 100%;
    margin-top: 2.7rem;
    gap: 1.5rem 2.2rem;
}

.subscribe-content-wrap .subscribe-letter-item__icon {
    width: 1.3rem;
    height: 1.3rem;
}

.subscribe-content-wrap .subscribe-letter-item__text {
    padding-left: 0.35rem;
}

.subscribe-content-wrap .form-column__input {
    padding: 6px 0;
}

.subscribe-content-img {
    position: absolute;
    width: 21rem;
    height: 41rem;
    bottom: -7rem;
    right: 10rem;
    overflow: hidden;
    z-index: 2; /*@media (max-width: @screenXXL) {
        width: 26rem;
        height: 53rem;
        right: -2.3rem;
    }*/
}

.subscribe-content-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.subscribe-popup-form-success-wrap {
    background: #272727;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 0 1.5rem;
    z-index: 2;
    transition: all 0.2s ease;
    opacity: 0;
    pointer-events: none;
    box-sizing: border-box;
}

._form-open .subscribe-popup-form-success-wrap,
._menu-open .subscribe-popup-form-success-wrap {
    background: #fff;
    color: #272727;
}

._form-open .subscribe-popup-form-success-wrap .popup-bottom__close:before,
._menu-open .subscribe-popup-form-success-wrap .popup-bottom__close:before,
._form-open .subscribe-popup-form-success-wrap .popup-bottom__close:after,
._menu-open .subscribe-popup-form-success-wrap .popup-bottom__close:after {
    background: #272727;
}

._form-open .subscribe-popup-form-success-wrap > *,
._menu-open .subscribe-popup-form-success-wrap > * {
    color: #272727 !important;
}

.subscribe-popup-form-success-wrap .subscribe-content__title {
    margin-bottom: 1.5rem;
}

.popup-bottom .subscribe-popup-form-success-wrap {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}

.subscribe-popup-form-success-wrap > * {
    color: #fff !important;
}

.page-design-accompaniment .title-h3,
.page-design-accompaniment .marquee--title-3 .marquee__inner > *,
.page-design-accompaniment .marquee--title-3 .marquee__inner:after {
    font-size: 2.5rem;
    line-height: 110%;
    letter-spacing: -0.03em;
}

.page-design-accompaniment [data-barba-namespace="design-accompaniment"] .cases-items {
    width: 100%;
    padding: 0;
    display: block;
}

.page-design-accompaniment [data-barba-namespace="design-accompaniment"] .section-title {
    font-size: 0.83333333rem;
    color: #fff;
    letter-spacing: 0;
}

.page-design-accompaniment [data-barba-namespace="design-accompaniment"] .get-in-touch-wrap {
    padding: 0 5.5rem 5rem 5.5rem;
}

.page-design-accompaniment .section-head {
    border: none;
}

.page-design-accompaniment .policy-link a {
    text-decoration: underline;
}

.page-design-accompaniment .policy-link a:hover {
    text-decoration: none;
}

.page-design-accompaniment .policy-link a:after {
    content: none;
}

.page-design-accompaniment .marquee__inner > div > div > div {
    display: flex;
    align-items: center;
}

.page-design-accompaniment .marquee__inner > div > div > div img {
    transform: translate3d(0, 0, 0);
    margin: 0 2.15rem;
}

.design-accompaniment-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 28px 0 0 0;
}

.design-accompaniment-title {
    width: 60%;
    font-size: 4.6rem;
    line-height: 1.1em;
    font-weight: 300;
    letter-spacing: -0.05em;
}

.design-accompaniment-desc {
    padding-top: 1.3rem;
    width: 35.6%;
    font-size: 1.57rem;
    line-height: 1.1em;
    font-weight: 300;
    letter-spacing: -0.023em;
}

.design-accompaniment-img {
    width: 100vw;
    margin: 5rem -1.5rem 9rem -1.5rem;
    display: flex;
    align-items: flex-end;
    height: 0;
    overflow: hidden;
    padding-top: 40%;
}

.design-accompaniment-img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.design-accompaniment-img video {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
}

.slider-awards {
    cursor: default;
}

.form-design-accompaniment {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 8rem;
}

.form-design-accompaniment .form__checkbox-cell {
    width: 48%;
    margin-left: 0;
    max-width: initial;
}

.form-design-accompaniment .form__checkbox-cell .form__checkbox-custom {
    margin-right: 16px;
}

.form-design-accompaniment .form__checkbox-cell a {
    text-decoration: none;
}

.form-design-accompaniment .form-design-accompaniment__success {
    display: none;
    position: static;
    flex-direction: column;
    background: #272727;
}

.form-design-accompaniment .form-design-accompaniment__success .form-design-accompaniment__success__title {
    color: #fff;
    font-size: 2.3rem;
    line-height: 1.1;
    font-weight: 300;
    margin-bottom: 0.5rem;
}

.form-design-accompaniment .form-design-accompaniment__success p {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.form-design-accompaniment._success .form-design-accompaniment__success {
    display: flex;
}

.form-design-accompaniment._success .input-text-line,
.form-design-accompaniment._success .subscribe-popup-form__submit-block {
    display: none;
}

.form-design-accompaniment.form--dark .form__checkbox-custom:hover {
    border: 1px solid #fff;
}

.form-design-accompaniment.form--dark ._error + .form__checkbox-custom {
    border-color: #ff2d55;
}

.form-design-accompaniment .subscribe-popup-form__agree-block {
    display: flex;
    align-items: flex-start;
    width: 52%;
}

.form-design-accompaniment .subscribe-popup-form__agree-text {
    min-width: 86%;
    font-size: 0.63rem;
}

.form-design-accompaniment .form__checkbox-item {
    margin-right: 16px;
}

.form-design-accompaniment .subscribe-popup-form__submit-block {
    width: 100%;
    align-items: flex-start;
    margin-left: 0;
    flex-wrap: wrap;
}

.get-in-touch .form-design-accompaniment p {
    margin: 0;
}

.form-design-accompaniment .input-text-line {
    width: 48%;
    margin-bottom: 1rem;
}

.form-design-accompaniment .input-text-line__inner {
    width: 100%;
    position: relative;
}

.form-design-accompaniment .input-text-line__inner .error-label {
    font-size: 0.6rem;
    margin-top: 1.8rem;
}

.form-design-accompaniment .input-text-line__inner._focused .form-column__label {
    display: none;
}

.form-design-accompaniment .input-text-line__inner._error-wrap .error-label {
    display: block;
}

.form-design-accompaniment .input-text-line__inner input {
    width: 100%;
    padding: 0.2rem 0;
}

.form-design-accompaniment .form-column__label {
    position: absolute;
}

.form-design-accompaniment .form-column__input + .form-column__label {
    transition: opacity 0.2s ease;
    position: absolute;
    pointer-events: none;
    font-size: 0.8rem;
}

.form-design-accompaniment .form-column__input:focus + .form-column__label {
    opacity: 0;
}

.p_small {
    width: 50%;
}

.how-we-working {
    border-top: 1px solid #c4c4c4;
    padding-top: 3.4rem;
    margin-bottom: 7.45rem;
}

.how-we-working__list {
    margin-top: 3.2rem;
}

.how-we-working-full-text .how-we-working__list {
    margin-top: 0;
}

.how-we-working__item {
    margin-bottom: 2rem;
    border-bottom: 1px solid #c4c4c4;
}

.how-we-working-subtitle {
    font-size: 1rem;
    line-height: 127%;
    margin-bottom: 1.15rem;
}

.how-we-working-title {
    font-size: 1.5rem;
    line-height: 110%;
    font-weight: 300;
    margin-bottom: 1.45rem;
}

.how-we-working-elem {
    margin-bottom: 3rem;
}

.teams-spec {
    padding-top: 3.4rem;
    border-top: 1px solid #c4c4c4;
    margin-bottom: 9.05rem;
}

.teams-spec__title {
    width: 50%;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.03em;
    margin-bottom: 4.8rem;
}

.teams-spec__items {
    position: relative;
}

.teams-spec-line {
    position: absolute;
    height: 100%;
    width: 1px;
    left: 0;
    top: 0;
    z-index: -1;
}

.teams-spec-line:nth-child(2) {
    left: 23.73%;
    height: 80%;
}

.teams-spec-line:nth-child(3) {
    left: 49.3%;
}

.teams-spec-line:nth-child(4) {
    left: 74.65%;
}

.teams-spec-line:nth-child(5) {
    left: 99.94%;
}

.teams-spec-line::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #c4c4c4;
}

.teams-spec-line.teams-spec-double-line::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 1.55rem;
    width: 1px;
    height: 100%;
    background: #c4c4c4;
}

.teams-spec__item {
    width: 23.021rem;
}

.teams-spec__item.teams-spec__item--only-mobile {
    display: none;
}

.teams-spec__item.teams-spec__item--only-desktop {
    display: block;
}

.teams-spec__item.big {
    width: 47.8rem;
}

.teams-spec__item.big .teams-spec__item-title {
    width: 47%;
}

.teams-spec__item-img {
    width: 100%;
    height: 23.021rem;
    position: relative;
    background: #4fd321;
    margin-bottom: 1.65rem;
    overflow: hidden;
}

.teams-spec__item-img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.teams-spec__item-img.img-bottom img {
    left: initial;
    top: initial;
}

.teams-spec__items-top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8.15rem;
    gap: 0 1.5rem;
}

.teams-spec__items-top > div:nth-child(2) .teams-spec__item-img img {
    top: initial;
}

.teams-spec__items-top .teams-spec__item:first-child {
    margin-right: auto;
}

.teams-spec__items-bottom {
    display: flex;
    justify-content: space-between;
}

.teams-spec__items-bottom .teams-spec__item:first-child {
    margin-right: auto;
}

.teams-spec__item-num {
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 127%;
    margin-bottom: 0.85rem;
    margin-left: 1.3rem;
}

.teams-spec__item-title {
    width: 90%;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.02em;
    margin-left: 1.3rem;
}

.workers {
    padding-top: 3.4rem;
    border-top: 1px solid #c4c4c4;
    margin-bottom: 10rem;
}

.workers .marquee__inner img {
    max-width: 120px;
}

.workers .title-h3,
.workers .marquee--title-3 .marquee__inner > *,
.workers .marquee--title-3 .marquee__inner:after {
    width: 50%;
    margin-bottom: 3.3rem;
}

.workers-top {
    margin-top: 5rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.workers-top__title {
    width: 49%;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.03em;
}

.workers-top__desc {
    width: 30.5%;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.03em;
}

.workers-line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0 1.5rem;
    padding-top: 1.3rem;
    border-top: 1px solid #c4c4c4;
    margin-bottom: 10rem;
}

.workers-line__item-title {
    height: 3.5rem;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
}

.workers-line-group-head .workers-line__item-title {
    margin-bottom: auto;
}

.workers-line__item-list div {
    font-size: 1.06rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.03em;
    margin-bottom: 0.25rem;
}

.workers-line__item {
    position: relative;
    width: 25%;
}

.workers-line__item .workers-line__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.workers-line-group-head .workers-line__item .workers-line__content {
    justify-content: flex-end;
}

.workers-line__item .workers-line__content img {
    max-width: 100%;
    max-height: 100%;
}

.workers-line__item:nth-child(3) p {
    padding-right: 6rem;
}

.workers-line__item:nth-child(4) p {
    padding-right: 0;
}

.workers-line-group-head .workers-line__item {
    min-height: 458px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.workers-line__item p {
    font-size: 1.05rem;
    line-height: 127%;
    letter-spacing: -0.03em;
    margin-bottom: 0;
    padding-right: 3rem;
}

.workers-line__item:first-child .workers-line__content {
    padding: 1.2rem;
    box-sizing: border-box;
    background: #efefef;
}

.workers-line__item:first-child .workers-line__item-title {
    font-size: 1.9rem;
}

.how-we-working-type-work {
    font-size: 1.56rem;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.02em;
    margin-bottom: 2rem;
}

.how-we-working-full-text .how-we-working__item {
    margin-bottom: 0;
}

.how-we-working-full-text .how-we-working-line {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.how-we-working-full-text .how-we-working-line-box {
    margin-bottom: 1rem;
    width: 100%;
}

.how-we-working-full-text .how-we-working-line-box:nth-child(3) {
    margin-top: 1rem;
}

.how-we-working-full-text p {
    width: 50%;
    font-size: 1.05rem;
    line-height: 127%;
    letter-spacing: -0.03em;
}

.how-we-working-full-text .how-we-working-subtitle {
    font-size: 1.88rem;
    font-weight: 300;
}

.how-we-working-full-text .how-we-working-title {
    font-size: 2.2rem;
}

.how-we-working-full-text .marquee {
    margin-bottom: 4.5rem;
}

.cases {
    padding-top: 3.4rem;
    border-top: 1px solid #c4c4c4;
    margin-bottom: 10rem;
}

.cases .title-h3,
.cases .marquee--title-3 .marquee__inner > *,
.cases .marquee--title-3 .marquee__inner:after {
    width: 50%;
    margin-bottom: 4rem;
}

.cases .cases-item__description {
    width: 100%;
}

.cases .cases-item__description .random-slider__slide-title {
    font-size: 1.78rem;
    line-height: 110%;
    font-weight: 300;
    text-align: left;
    letter-spacing: -0.02em;
    color: #272727;
    height: auto;
    margin-bottom: 0;
}

.cases .cases-item__description .random-slider__slide-content {
    height: 25.1045rem;
    padding: 1.2rem;
    box-sizing: border-box;
    background: #fbfbfb;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cases .random-slider__slide-tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.cases .random-slider__slide-tags > div {
    white-space: nowrap;
    display: block;
    padding: 0.628rem 0.84rem;
    font-size: 0.8rem;
    text-decoration: none;
    box-sizing: border-box;
    background: #efefef;
    line-height: 127%;
    color: #272727;
    letter-spacing: -0.02em;
    margin-right: 0.21rem;
    margin-bottom: 0.21rem;
    border-radius: 100px;
}

.cases .random-slider__slide-tags > div:last-child {
    margin-right: 0;
}

.cases .random-slider {
    width: 110vw;
    margin-left: -74rem;
    margin-top: 3.5rem;
}

.cases .random-slider .random-slider__slide-text {
    font-size: 1.05rem;
}

.cases .random-slider .swiper-slide {
    width: 25.1045rem;
    text-decoration: none;
}

.cases .random-slider .swiper-slide:first-child {
    width: 72rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.cases .random-slider .swiper-slide:first-child .random-slider__slide-title {
    font-size: 1.78rem;
    line-height: 110%;
    font-weight: 300;
    text-align: left;
    letter-spacing: -0.02em;
    color: #272727;
    height: auto;
    margin-bottom: 0;
}

.cases .random-slider .swiper-slide:first-child .random-slider__slide-content {
    width: 35.521rem;
    height: 25.1045rem;
    padding: 1.2rem;
    box-sizing: border-box;
    background: #fbfbfb;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cases .swiper-wrapper {
    padding: 0;
}

.cases .random-slider__slide-img {
    width: 25.1045rem;
    height: 25.1045rem;
}

.cases .random-slider__slide-img img,
.cases .random-slider__slide-img video {
    padding: 0;
    pointer-events: none;
}

.cases-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 7.4rem;
}

.cases-item__description.mobile {
    display: none;
}

.cases-item__left {
    padding: 0.5rem 0 0 0;
    width: 20%;
}

.cases-item__right {
    width: 71.3%;
}

.cases-item__info {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 7rem 0 0;
}

.cases-item__info::after {
    content: "";
    display: block;
    position: absolute;
    right: -39px;
    bottom: -25px;
    width: 104.8%;
    height: 1px;
    background: #b5b5b5;
}

.cases-item__info > div small {
    display: block;
    font-size: 0.8rem;
    letter-spacing: -0.02em;
    color: #565656;
    line-height: 127%;
    margin-bottom: 0.35rem;
}

.cases-item__info > div b {
    display: block;
    font-size: 1.78rem;
    letter-spacing: -0.02em;
    color: #272727;
    line-height: 110%;
    font-weight: 500;
}

.cases-item__logo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.cases-item__logo img {
    max-width: 50px;
    margin-right: 0.8rem;
}

.cases-item__logo span {
    line-height: 110%;
    font-size: 2.6rem;
    letter-spacing: -0.02em;
    color: #272727;
}

.rewards {
    padding-top: 3.4rem;
    border-top: 1px solid #c4c4c4;
    margin-bottom: 9.5rem;
}

.rewards .random-slider__slide-desc-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    background: #fafafa;
}

.rewards .random-slider__slide-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    width: -webkit-fit-content;
    width: fit-content;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: auto;
}

.rewards .random-slider__slide-subtitle {
    margin: auto;
    font-weight: 300;
    font-size: 6.25rem;
    line-height: 6.25rem;
    letter-spacing: -5.565px;
}

.rewards .random-slider__slide-desc {
    font-size: 0.68rem;
    line-height: 0.8rem;
    letter-spacing: -0.5px;
}

.rewards .random-slider__slide--type-4 .random-slider__slide-desc-wrap {
    height: 520px;
    padding-top: 0;
}

.rewards .random-slider__slide--type-1 .random-slider__slide-desc-wrap {
    height: 344px;
    padding-top: 0;
}

.rewards .random-slider__slide-text {
    font-weight: 450;
    margin-top: 0.85rem;
}

.rewards .random-slider__slide-text a {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
}

.rewards .marquee {
    margin-bottom: 5rem;
}

.rewards .random-slider__slide-img {
    background: #fafafa;
}

.wrap-page-event {
    min-height: 100svh;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    width: 100%;
    background: linear-gradient(to bottom, #f77361, #4e1a72);
    padding: 42px;
    box-sizing: border-box;
    overflow: hidden;
}

.wrap-page-event .container-page {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100dvh - 62px);
}

.img-text-mobile {
    max-width: 100%;
}

.wrap-page-event-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.wrap-page-event-bottom {
    position: relative;
    z-index: 30;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrap-page-event-bottom a {
    color: #aa8eb8;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
}

.event-desc {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.event-desc-img {
    margin-right: 27px;
}

.event-desc-img img:first-child {
    display: block;
}

.event-desc-img img:last-child {
    display: none;
}

.event-desc-text {
    font-family: "Press Start 2P", sans-serif;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 120%;
    max-width: 670px;
    width: 100%;
}

.wrap-page-event-bottom__left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 16px;
}

.img-purple-mobile {
    display: none;
    position: absolute;
    bottom: -3%;
    left: 71%;
}

.event-social {
    position: relative;
    z-index: 20;
    max-width: 447px;
    width: 100%;
    padding: 35px 42px 42px 45px;
    border: 3px solid #000;
    background: #b8b8b8;
    box-sizing: border-box;
}

.event-social-text {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    padding-right: 50px;
    margin-bottom: 22px;
}

.btn-green {
    display: block;
    padding: 21px 0 22px 0;
    background: #4fd321;
    border: 3px solid #000;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    text-decoration: none;
}

.desktop .btn-green:hover {
    color: #4fd321;
    background: #fff;
}

.btn-green:active {
    color: #4fd321;
    background: #fff;
}

.event-social-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.wrap-page-event-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: calc(100% - 100px);
    z-index: 10;
}

.wrap-page-event-content .btn-green {
    max-width: 365px;
    width: 100%;
    position: absolute;
    top: 73%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.img-title-box {
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translateX(-50%);
}

.img-tree {
    position: absolute;
    bottom: 0;
    height: 100%;
}

.img-tree-mobile {
    display: none;
}

.time {
    position: absolute;
    top: 39.4%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    background: #19bafe;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
}

.cursors img {
    position: absolute;
    z-index: 50;
}

.cursor-1 {
    bottom: 8%;
    left: 41%;
}

.cursor-2 {
    top: 32%;
    left: 89%;
}

.cursor-3 {
    bottom: 20%;
    left: 65%;
}

.cursor-4 {
    top: 13%;
    left: 49%;
}

.cursor-5 {
    top: 29%;
    left: 63%;
}

.cursor-6 {
    bottom: 75%;
    left: 14%;
}

.cursor-7 {
    bottom: 8%;
    left: 85%;
}

.cursor-8 {
    bottom: 10%;
    left: 23%;
}

.img-title-box-img-1 {
    position: absolute;
    top: -38%;
    left: 19%;
}

.img-title-box-img-2 {
    position: absolute;
    top: 81%;
    left: 1%;
}

.img-title-box-img-3 {
    position: absolute;
    top: 160%;
    left: 58%;
}

.page-stream [data-barba-namespace="category"] .content,
.page-projects [data-barba-namespace="category"] .content {
    padding-top: 4rem;
}

.page-stream.desktop .stream-wrap-slider__slide .stream-slider-link,
.page-projects.desktop .stream-wrap-slider__slide .stream-slider-link {
    transition:
        transform 0.1s linear,
        width 0.1s linear 0.1s;
}

.page-stream.desktop .stream-wrap-slider__slide:hover .stream-slider-link::after,
.page-projects.desktop .stream-wrap-slider__slide:hover .stream-slider-link::after {
    width: 100%;
    transform: scale(1, 1);
    transition:
        transform 0.1s ease,
        width 0.1s linear 0.1s;
}

.page-stream.desktop .stream-wrap-slider__slide._slide-read:hover a,
.page-projects.desktop .stream-wrap-slider__slide._slide-read:hover a {
    cursor:
        url(/_html/img/stream/cursor-read.png) 60 60,
        default;
}

.page-stream.desktop .stream-wrap-slider__slide._slide-watch:hover a,
.page-projects.desktop .stream-wrap-slider__slide._slide-watch:hover a {
    cursor:
        url(/_html/img/stream/cursor-watch.png) 60 60,
        default;
}

.page-stream .stream-wrap-events,
.page-projects .stream-wrap-events {
    padding-bottom: 0;
    margin-bottom: 10.46875rem;
    overflow-x: hidden;
}

.page-stream .stream-wrap-events .stream-wrap-slider-content .swiper-wrapper,
.page-projects .stream-wrap-events .stream-wrap-slider-content .swiper-wrapper {
    align-items: stretch;
}

.page-stream .stream-wrap-events .stream-wrap-slider-content .swiper-wrapper .stream-slider-link,
.page-projects .stream-wrap-events .stream-wrap-slider-content .swiper-wrapper .stream-slider-link {
    margin-top: auto;
}

.page-stream .stream-wrap-events .stream-wrap-slider__slide--content,
.page-projects .stream-wrap-events .stream-wrap-slider__slide--content {
    width: calc(100% - 66.3095% - 1.04166667rem);
    padding: 0;
}

.page-stream .stream-wrap-events .stream-slider-link,
.page-projects .stream-wrap-events .stream-slider-link {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    line-height: 130%;
    padding: 0.72916667rem 2.23958333rem 0.67708333rem 2.70833333rem;
    border-radius: 60px;
    text-decoration: none;
    color: #272727;
    border: 1px solid #000;
    font-size: 0.72916667rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
    color: #fff;
    background: #000;
    letter-spacing: -0.009375rem;
}

.desktop .page-stream .stream-wrap-events .stream-slider-link:hover,
.desktop .page-projects .stream-wrap-events .stream-slider-link:hover {
    background: #fff;
    color: #000;
}

.page-stream .stream-wrap .stream-wrap-top,
.page-projects .stream-wrap .stream-wrap-top {
    margin-bottom: 4.16666667rem;
}

.page-stream .stream-wrap .stream-wrap-title,
.page-projects .stream-wrap .stream-wrap-title {
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02083333rem;
}

.page-stream .form-dropdown,
.page-projects .form-dropdown {
    max-width: 442px;
    width: 100%;
    z-index: 5;
}

.page-stream .first-screen,
.page-projects .first-screen {
    padding-bottom: 5.7rem;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 3.35rem;
}

.page-stream .future-events-wrap,
.page-projects .future-events-wrap {
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.page-stream .stream-wrap-slider-content .swiper-wrapper,
.page-projects .stream-wrap-slider-content .swiper-wrapper {
    align-items: flex-start;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide,
.page-projects .stream-wrap-slider-content .stream-wrap-slider__slide {
    max-width: initial;
    box-sizing: border-box;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide .stream-wrap-slider__slide-box,
.page-projects .stream-wrap-slider-content .stream-wrap-slider__slide .stream-wrap-slider__slide-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1.04166667rem;
    text-decoration: none;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small,
.page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small {
    width: 32.6181%;
}

.page-stream
    .stream-wrap-slider-content
    .stream-wrap-slider__slide.slide-small
    .stream-wrap-slider__slide--img,
.page-projects
    .stream-wrap-slider-content
    .stream-wrap-slider__slide.slide-small
    .stream-wrap-slider__slide--img {
    height: 0;
    padding-bottom: 59.583%;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small .stream-slider-autors,
.page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small .stream-slider-autors {
    margin-left: 0;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big,
.page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big {
    width: 66.3095%;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big .stream-wrap-slider__slide--img,
.page-projects
    .stream-wrap-slider-content
    .stream-wrap-slider__slide.slide-big
    .stream-wrap-slider__slide--img {
    padding-bottom: 56.23%;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big .stream-slider-autors,
.page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big .stream-slider-autors {
    margin-left: 0;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium,
.page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium {
    width: 49.464%;
}

.page-stream
    .stream-wrap-slider-content
    .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img
    .stream-wrap-slider__slide--img,
.page-projects
    .stream-wrap-slider-content
    .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img
    .stream-wrap-slider__slide--img {
    padding-bottom: 102.82%;
}

.page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium .stream-slider-autors,
.page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium .stream-slider-autors {
    margin-left: 0;
}

.page-stream
    .stream-wrap-slider-content
    .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle
    .stream-wrap-slider__slide--img,
.page-projects
    .stream-wrap-slider-content
    .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle
    .stream-wrap-slider__slide--img {
    padding-bottom: 56.5%;
}

.page-stream .stream-wrap,
.page-projects .stream-wrap {
    border: none;
}

.all-events-content .stream-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4.16666667rem 1.04166667rem;
}

.all-events-content .stream-wrap .swiper-slide {
    max-width: 100%;
    max-width: initial;
    padding: 0.83333333rem;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
}

.all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle {
    width: 66.3095%;
}

.all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle + .stream-slide-rectangle {
    width: calc(100% - 66.3095% - 1.04166667rem);
}

.all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle + .stream-slide-square {
    width: 32.6185%;
    margin-left: calc(100% - 32.6185% - 49.464% - 1.04166667rem);
}

.all-events-content .stream-wrap .swiper-slide.stream-slide-square {
    width: 32.6185%;
    margin-left: calc(100% - 32.6185% - 49.464% - 1.04166667rem);
}

.all-events-content .stream-wrap .swiper-slide.stream-slide-square:first-child {
    width: 49.464%;
    margin-left: 0;
}

.all-events-content .stream-wrap .swiper-slide.stream-slide-square .stream-wrap-slider__slide--img {
    padding-bottom: 100%;
}

.all-events-content .stream-wrap .swiper-slide.stream-slide-square + .stream-slide-square {
    width: 49.464%;
    margin-left: 0;
}

.all-events-content .stream-wrap .swiper-slide.stream-slide-square + .stream-slide-rectangle {
    width: calc(100% - 66.3095% - 1.04166667rem);
}

.all-events-content .stream-wrap .swiper-slide .stream-wrap-slider__slide--img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 57.9041%;
    margin-bottom: 1.04166667rem;
}

.all-events-content .stream-wrap .swiper-slide .stream-wrap-slider__slide--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.all-events-content._last-page + .btn-more-events {
    display: none;
}

.stream-top__left {
    width: calc(50% -32px * 1 / 2);
}

.stream-top__right {
    width: calc(51.7% - 32px * 1 / 2);
}

.stream-title {
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02083333rem;
}

.events-future .stream-title {
    margin-bottom: 5.21rem;
}

.all-events .stream-title {
    margin-bottom: 80px;
}

.all-events-filters {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0 1.04166667rem;
    margin-bottom: 4.16666667rem;
}

.all-events-filters > div {
    width: calc(50% - 20px * 1 / 2);
}

.events-subtitle {
    position: relative;
    color: #c3c3c3;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.009375rem;
    margin-bottom: 1.66666667rem;
    padding-bottom: 0.9375rem;
    z-index: 5;
}

.events-subtitle::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw - 53px);
    height: 100%;
    cursor: pointer;
}

.stream-wrap {
    position: relative;
    padding: 0 0 220px 0;
}

.stream-wrap._events .future-events-wrap {
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.stream-wrap._events .future-events .stream-card-img {
    padding-bottom: 0;
    height: auto;
}

.stream-wrap._events .future-events .stream-card-img img {
    position: static;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    margin-bottom: 20px;
}

.stream-wrap._events .marquee {
    margin-top: 20px;
    margin-bottom: 80px;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.stream-wrap._events .stream-card-speakers {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
}

.stream-wrap._events .stream-content .stream-card.event .stream-card-date {
    display: none;
}

.stream-wrap._events .stream-content .stream-card.event .stream-card-title,
.stream-wrap._events .stream-content .stream-card.event .stream-card-speaker-name {
    color: #272727;
}

.stream-wrap._events .stream-content .stream-card.event .stream-card-content {
    background: transparent;
    padding: 0;
}

.stream-wrap._events .stream-content .stream-card.event .stream-card-img {
    height: 322px;
    margin-bottom: 32px;
}

.stream-wrap._events .stream-content .stream-card.event .stream-card-img img {
    margin-bottom: 0;
}

.stream-wrap._events .stream-content .stream-card.event .stream-card-img {
    padding-bottom: 0;
    height: auto;
}

.stream-wrap._events .stream-content .stream-card.event .stream-card-img img {
    position: static;
    -o-object-fit: contain;
    object-fit: contain;
}

.future-events {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 32px;
    padding-bottom: 80px;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 80px;
}

.future-events .stream-card {
    margin: 0 !important;
    width: calc(50% - 32px * 1 / 2);
}

.title-events {
    color: #000;
    font-size: 48px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.96px;
    margin-bottom: 80px;
}

.stream-types {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 8px;
}

.stream-types .stream-type {
    cursor: pointer;
}

.stream-types .stream-type input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.stream-types .stream-type input:checked + span {
    border: 1px solid #4fd321;
    background: #4fd321;
}

.stream-types .stream-type span {
    display: block;
    padding: 17px 30px;
    width: -webkit-fit-content;
    width: fit-content;
    border-radius: 23px;
    border: 1px dashed #272727;
    color: #272727;
    font-size: 15px;
    font-weight: 400;
    line-height: 8.5px;
    letter-spacing: -0.15px;
    text-decoration: none;
    transition:
        background 0.1s linear,
        border 0.1s linear;
}

.desktop .stream-types .stream-type span:hover {
    border: 1px solid #4fd321;
    background: #4fd321;
}

.stream-types div {
    cursor: pointer;
    display: block;
    padding: 17px 30px;
    width: -webkit-fit-content;
    width: fit-content;
    border-radius: 23px;
    border: 1px dashed #272727;
    color: #272727;
    font-size: 15px;
    font-weight: 400;
    line-height: 8.5px;
    letter-spacing: -0.15px;
    text-decoration: none;
    transition:
        background 0.1s linear,
        border 0.1s linear;
}

.desktop .stream-types div:hover,
.stream-types div._active {
    background: #4fd321;
    border: 1px solid #4fd321;
}

.stream-types div._active {
    pointer-events: none;
}

.stream-tags {
    max-width: 442px;
    width: 100%;
}

.stream-tags._hidden {
    opacity: 0.2;
    pointer-events: none;
}

.stream-content {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 80px 32px;
}

.stream-card {
    width: calc(25% - 32px * 3 / 4);
    text-decoration: none;
    cursor:
        url("../img/cursor.svg") 50 50,
        auto;
}

.stream-card.event .stream-card-content {
    padding-top: 124px;
    background: #2c292a;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
}

.stream-card.event .stream-card-content .stream-card-img {
    padding-bottom: 0;
    height: auto;
}

.stream-card.event .stream-card-content .stream-card-img img {
    position: static;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.stream-card.event .stream-card-content img {
    display: block;
    margin: 0 auto;
    margin-bottom: 100px;
    max-width: 100%;
    max-height: 100%;
}

.stream-card.event .stream-card-title {
    color: #fff;
    margin-bottom: 24px;
}

.stream-card:nth-child(12n - 11) {
    margin-right: calc(25% - -10px * 3 / 4);
}

.stream-card:nth-child(12n - 7) {
    margin-right: calc(25% - -10px * 3 / 4);
}

.stream-card:nth-child(12n - 3) {
    margin-right: calc(25% - -10px * 3 / 4);
}

.stream-card:nth-child(12n - 2) {
    margin-left: calc(25% - -10px * 3 / 4);
}

.stream-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.stream-card-img {
    position: relative;
    margin-bottom: 32px;
    height: 0;
    padding-bottom: 100%;
}

.stream-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.stream-card-title {
    color: #272727;
    font-size: 24px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 24px;
}

.stream-card-type {
    color: #9d9d9d;
    font-size: 16px;
    font-weight: 450;
    line-height: 120%;
    letter-spacing: -0.32px;
}

.filters-btn {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 0.83333333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.00833333rem;
    padding: 0.83333333rem 1.25rem;
    border-radius: 3.125rem;
    background: #f0f0f0;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.5s linear,
        transform 0.3s linear;
}

.filters-btn.filters-btn-tablet {
    display: none;
}

.all-events-filters-wrap._fixed {
    position: fixed;
    top: 1.45833333rem;
    left: 1.45833333rem;
    width: -webkit-fit-content;
    width: fit-content;
    border-radius: 3.125rem;
    background: transparent;
    overflow: hidden;
    z-index: 999;
    transition: top 0.2s linear;
}

.all-events-filters-wrap._fixed._filter-header-visible {
    top: 5.20833333rem;
}

.all-events-filters-wrap._fixed .all-events-filters {
    background: #f0f0f0;
    transform: translateX(-100%);
    padding: 0.83333333rem 1.25rem;
    margin: 0;
    gap: 0 8.33333333rem;
    border-radius: 3.125rem;
    animation: hide 0s linear 0.3s 1 normal;
}

.all-events-filters-wrap._fixed .all-events-filters._active {
    transform: translateX(0);
    opacity: 1;
    animation: in 0.3s linear 0s 1 normal;
}

.desktop .all-events-filters-wrap._fixed:hover .all-events-filters {
    transform: translateX(0);
    opacity: 1;
    animation: in 0.3s linear 0s 1 normal;
}

.desktop .all-events-filters-wrap._fixed:hover .filters-btn {
    opacity: 0;
    transform: translateX(-100%);
}

.all-events-filters-wrap._fixed .filters-btn {
    display: block;
    visibility: visible;
    opacity: 1;
}

.all-events-filters-wrap._fixed .events-subtitle {
    margin: 0;
    font-size: 0.83333333rem;
    letter-spacing: -0.00833333rem;
}

.all-events-filters-wrap._fixed .all-events-filters__left,
.all-events-filters-wrap._fixed .all-events-filters__right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 2.08333333rem;
}

.all-events-filters-wrap._fixed .all-events-types,
.all-events-filters-wrap._fixed .all-events-theme {
    flex-wrap: nowrap;
}

.all-events-filters-wrap._fixed .all-events-types div,
.all-events-filters-wrap._fixed .all-events-theme div {
    white-space: nowrap;
}

.stream-card-format {
    color: #272727;
    font-size: 16px;
    font-weight: 450;
    line-height: 120%;
    letter-spacing: -0.32px;
}

.stream-card-date {
    color: #4fd321;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
    margin-bottom: 8px;
}

.stream-card-speaker {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 10px;
}

.stream-card-speaker img {
    margin: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.stream-card-speaker-name {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
    margin-bottom: 5px;
}

.stream-card-speaker-post {
    color: #c4c4c4;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.26px;
}

.stream-card-speakers {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px 0;
}

.stream-tags-top {
    position: relative;
    cursor: pointer;
    max-width: 442px;
    width: 100%;
    height: 32px;
    z-index: 5;
    border-bottom: 1px solid #272727;
}

.stream-tags {
    position: relative;
    width: inherit;
}

.stream-tags:after,
.stream-tags:before {
    content: "";
    position: absolute;
    top: 0.8rem;
    right: 0;
    transform: rotate(-45deg);
    height: 1px;
    width: 14px;
    background: #272727;
}

.stream-tags:before {
    transform: rotate(45deg);
    right: 10px;
}

.stream-tags._active .stream-tags-dropdown {
    display: block;
}

.stream-tags._active:before {
    transform: rotate(-45deg);
}

.stream-tags._active:after {
    transform: rotate(45deg);
}

.stream-tags-dropdown {
    display: none;
    position: absolute;
    border: 1px solid #272727;
    background: #4fd321;
    z-index: 2;
    width: 100%;
    top: 100%;
    box-sizing: border-box;
    padding: 14px 24px;
    margin-top: -1px;
}

.form-dropdown-current {
    position: relative;
    padding: 0 30px 0 0;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2rem;
    box-sizing: border-box;
    font-size: 0.8rem;
    line-height: 2rem;
    border-bottom: 1px solid #272727;
}

.stream-tags-placeholder {
    position: absolute;
    top: 3px;
    color: #c4c4c4;
    font-size: 15px;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.45px;
}

.stream-tags-placeholder._hide {
    display: none;
}

.stream-tag-item {
    cursor: pointer;
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.45px;
    margin: 10px 0;
}

.stream-tag-item::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.desktop .stream-tag-item:hover:after {
    width: 100%;
    transform: scale(1, 1);
    transition: width 0.2s linear;
}

.stream-tags-current {
    position: absolute;
    top: 3px;
    font-size: 15px;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.45px;
}

.spinner {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    animation: rotator 1.4s linear infinite;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.08s linear,
        visibility 0.08s linear;
}

._loading .spinner {
    opacity: 1;
    visibility: visible;
}

.path {
    stroke: #c4c4c4;
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s ease-in-out infinite;
}

.anchor {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 28px;
    bottom: 100px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.3s linear,
        visibility 0.3s linear;
}

.anchor._active {
    opacity: 1;
    visibility: visible;
}

.anchor .anchor-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
}

.anchor img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.anchor span {
    font-size: 16px;
    font-weight: 450;
    line-height: 110%;
    letter-spacing: -0.32px;
    mix-blend-mode: difference;
}

.stream-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 6.25rem;
    margin-bottom: 9.375rem;
}

.stream-top::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    transition: width 1.5s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.stream-top._animate::after {
    width: 0;
}

.stream-top._animate p {
    transform: translateX(0);
}

.stream-top h1 {
    font-size: 4.27083333rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.04270833rem;
    margin: 0;
}

.stream-top p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0125rem;
    transform: translateX(-60px);
    transition: transform 0.8s ease;
    transition-delay: 1s;
}

.stream-top .stream-top__left {
    width: 30%;
    box-sizing: border-box;
}

.stream-top .stream-top__right {
    padding-right: 4.16666667rem;
    width: 32.65%;
    box-sizing: border-box;
}

.stream-top .event-link {
    text-decoration: none;
}

.stream-top .event-autors span,
.stream-top .event-link span {
    color: #000;
    font-size: 0.938rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.stream-top-mobile-title {
    position: relative;
    display: none;
    font-size: 6.25rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.72px;
    margin-top: 5.85rem;
    margin-bottom: 5.85rem;
}

.stream-top-event {
    position: relative;
    display: block;
    text-decoration: none;
}

.stream-top-event .event-title {
    width: 32.5%;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.36px;
}

.stream-top-event .event-theme {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
}

.stream-top-event .event-theme span {
    color: #000;
    font-size: 0.938rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.stream-top-event .event-autors {
    display: flex;
    flex-direction: column;
    gap: 5px 0;
}

.stream-top-event__img {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 43.992%;
    margin-bottom: 2.08rem;
    cursor:
        url(/_html/img/stream/cursor-view.png) 60 60,
        auto;
}

.stream-top-event__img picture,
.stream-top-event__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.stream-top-event__info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.event-speakers {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 15.625rem 0 15.625rem 0;
}

.event-speakers::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 105%;
    background: #fff;
    transition: width 1.5s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.event-speakers._animate::after {
    width: 0;
}

.event-speakers-title {
    position: relative;
    font-size: 3.33333333rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.03333333rem;
}

.event-speakers-title a.underline::after {
    border-bottom: 0.04em solid currentColor;
}

.stream-wrap-slider__slide--top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.83333333rem;
}

.stream-wrap-slider.stream-slider-tablet .swiper-wrapper {
    flex-wrap: wrap;
    gap: 4.16666667rem 1.04166667rem;
}

.stream-wrap-slider .stream-wrap-slider__slide--img {
    position: relative;
    width: 66.3095%;
    padding-bottom: 24.142%;
}

.stream-wrap-slider .stream-wrap-slider__slide--img::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    transition: height 0.8s ease;
    transition-delay: 2.5s;
    z-index: 99;
}

.stream-wrap-slider .stream-wrap-slider__slide--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.stream-wrap-slider .swiper-slide._no-animate .stream-wrap-slider__slide--img::after {
    content: none;
}

.stream-wrap-slider._animate .stream-wrap-slider__slide--img::after {
    height: 0;
}

.animate-to-right._animate:after {
    width: 0;
}

.animate-to-bottom::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: height 1.5s ease;
}

.animate-to-bottom._animate:after {
    height: 0;
}

.stream-slider-title {
    width: 100%;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.0125rem;
    margin-bottom: 4.11458333rem;
}

.anchor-filters-mobile {
    display: none;
    position: fixed;
    right: 2.60416667rem;
    bottom: 2.60416667rem;
    justify-content: center;
    align-items: center;
    gap: 0 1.04166667rem;
    padding: 1.04166667rem 2.08333333rem;
    background: #f0f0f0;
    border-radius: 7.8125rem;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.2s linear,
        visibility 0.2s linear;
    z-index: 999;
}

.anchor-filters-mobile span {
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.015625rem;
}

.stream-wrap-slider__slide--content {
    display: flex;
    flex-direction: column;
}

.stream-slider-date-types {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.04166667rem;
}

.stream-slider-date-types span {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.009375rem;
}

.stream-wrap-slider__slide--content-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.stream-wrap-slider__slide--content-top .stream-slider-themes {
    margin-bottom: 0;
}

.stream-wrap-slider__slide--content-top .stream-slider-autors {
    margin-top: 0;
}

.stream-slider-autors {
    margin-top: 3.12rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: 12px;
}

.stream-slider-autors span {
    color: #000;
    font-size: 0.938rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.36px;
}

.stream-slider-themes {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.52083333rem;
    margin-bottom: 1.04166667rem;
}

.stream-slider-themes span {
    color: #000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
}

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

.hot-news-top .hot-news__left {
    width: 100%;
}

.hot-news-top .hot-news__right {
    display: none;
}

.hot-news {
    margin-bottom: 15.625rem;
}

.hot-news .stream-wrap-slider {
    margin-bottom: 4.16666667rem;
}

.hot-news .stream-wrap-slider:last-child {
    margin-bottom: 0;
}

.hot-news-title {
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02083333rem;
    margin-bottom: 4.16666667rem;
}

.stream-slider-link {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 0.72916667rem;
    font-weight: 400;
    line-height: 130%;
    color: #272727;
    line-height: normal;
    text-decoration: none;
    letter-spacing: -0.009375rem;
}

.stream-slider-link::after {
    width: 0;
}

.desktop .stream-slider-link:hover {
    background: #fff;
    color: #000;
}

.stream-slider-date,
.stream-slider-type {
    color: #000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.01875rem;
}

.all-events .stream-wrap {
    border: none;
    margin: 0;
}

.all-events-types,
.all-events-theme {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.625rem;
}

._fixed .all-events-types,
._fixed .all-events-theme {
    gap: 0 1.66666667rem;
}

.all-events-types > div,
.all-events-theme > div {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    cursor: pointer;
    color: #8c8c8c;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.0125rem;
    transition:
        color 0.1s linear,
        background 0.1s linear;
    margin-bottom: 1.25rem;
}

.all-events-types > div.event-type-hot::before,
.all-events-theme > div.event-type-hot::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -36px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuMzE2IDEzLjAwMmE5LjQ0MiA5LjQ0MiAwIDAgMC0yLjI1Mi0zLjEzbC0uNzkxLS43MjZhLjIyLjIyIDAgMCAwLS4zNTMuMDlsLS4zNTQgMS4wMTNjLS4yMi42MzYtLjYyNCAxLjI4NS0xLjE5OCAxLjkyNGEuMTcuMTcgMCAwIDEtLjExMS4wNTQuMTUuMTUgMCAwIDEtLjExNy0uMDQuMTYuMTYgMCAwIDEtLjA1NC0uMTMxYy4xLTEuNjM2LS4zODktMy40OC0xLjQ2LTUuNDg5LS44ODUtMS42NjgtMi4xMTYtMi45Ny0zLjY1NC0zLjg3N2wtMS4xMjItLjY2YS4yMTguMjE4IDAgMCAwLS4zMjYuMTk4bC4wNiAxLjMwNGMuMDQuODkyLS4wNjMgMS42OC0uMzA3IDIuMzM0YTcuNzQ3IDcuNzQ3IDAgMCAxLTEuMjc4IDIuMjE1IDguMDMxIDguMDMxIDAgMCAxLTEuMjkgMS4yNTIgOS41ODEgOS41ODEgMCAwIDAtMi43MjUgMy4zMDIgOS40NDggOS40NDggMCAwIDAtLjIzMSA3Ljg4OCA5LjU0NiA5LjU0NiAwIDAgMCA1LjA5MiA1LjA0MyA5LjU2IDkuNTYgMCAwIDAgMy43Mi43NDRjMS4yOSAwIDIuNTQtLjI1IDMuNzE5LS43NDJhOS40NzEgOS40NzEgMCAwIDAgMy4wNC0yLjAzIDkuNDA1IDkuNDA1IDAgMCAwIDIuODA0LTYuNzA4IDkuMzUyIDkuMzUyIDAgMCAwLS44MTItMy44Mjh6bS0zLjI5IDkuMjE5YTcuNzAzIDcuNzAzIDAgMCAxLTUuNDYyIDIuMjM5IDcuNzAzIDcuNzAzIDAgMCAxLTUuNDYxLTIuMjQgNy41NDUgNy41NDUgMCAwIDEtMi4yNTUtNS4zOWMwLTEuMTgyLjI2Ni0yLjMxNS43OS0zLjM3YTcuNjg2IDcuNjg2IDAgMCAxIDIuMTk2LTIuNjYgOS41IDkuNSAwIDAgMCAxLjU5Mi0xLjU0MyA5LjYyNCA5LjYyNCAwIDAgMCAxLjU4MS0yLjc0NGMuMTUyLS40MDkuMjYyLS44MzIuMzMtMS4yNjMuNjU0LjYwMyAxLjIwMyAxLjMzMSAxLjY2MiAyLjE4NC45MDcgMS43MDEgMS4zMjYgMy4yMTUgMS4yNDQgNC41MDNhMi4wMSAyLjAxIDAgMCAwIDMuNSAxLjQ3MiA4LjkzIDguOTMgMCAwIDAgLjkzNS0xLjIzOWMuMzguNDg2LjY5OCAxLjAxNi45NSAxLjU4Ny40MzMuOTczLjY1MyAyLjAwOC42NTMgMy4wNzNhNy41NCA3LjU0IDAgMCAxLTIuMjU1IDUuMzl6IiBmaWxsPSIjMDBFRDAxIi8+PC9zdmc+)
        no-repeat center;
}

.all-events-types > div.underline::after,
.all-events-theme > div.underline::after {
    right: 0;
    width: 0;
    bottom: -0.15em;
    transform: scale(0, 1);
    transition:
        transform 0.1s linear,
        width 0.1s linear 0.1s;
}

.all-events-types > div.underline._active,
.all-events-theme > div.underline._active {
    pointer-events: none;
}

.all-events-types > div.underline._active::after,
.all-events-theme > div.underline._active::after {
    width: 100%;
    transform: scale(1, 1);
    transition:
        transform 0.1s ease,
        width 0.1s linear 0.1s;
}

._fixed .all-events-types > div,
._fixed .all-events-theme > div {
    padding: 0;
    background: none;
}

.desktop ._fixed .all-events-types > div:hover,
.desktop ._fixed .all-events-theme > div:hover {
    color: #272727;
    background: none;
}

.desktop ._fixed .all-events-types > div:hover::after,
.desktop ._fixed .all-events-theme > div:hover::after {
    width: 100%;
    transform: scale(1, 1);
    transition:
        transform 0.1s ease,
        width 0.1s linear 0.1s;
}

._fixed .all-events-types > div._active::after,
._fixed .all-events-theme > div._active::after {
    opacity: 1;
}

.desktop .all-events-types > div:hover,
.desktop .all-events-theme > div:hover,
.all-events-types > div._active,
.all-events-theme > div._active {
    color: #000;
}

.desktop .all-events-types > div:hover::after,
.desktop .all-events-theme > div:hover::after,
.all-events-types > div._active::after,
.all-events-theme > div._active::after {
    width: 100%;
    transform: scale(1, 1);
    transition:
        transform 0.1s ease,
        width 0.1s linear 0.1s;
}

.search-not-found {
    margin: 250px 0;
    display: none;
    text-align: center;
}

.search-not-found._active {
    display: block;
}

.search-not-found._active ~ .btn-more-events {
    display: none;
}

.search-not-found h3 {
    color: #c3c3c3;
    font-size: 64px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.64px;
}

.all-events-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0 1.04166667rem;
    margin-bottom: 4.16666667rem;
}

.all-events-top .all-events-top__left,
.all-events-top .all-events-top__right {
    width: calc(50% - 1.04166667rem * 1 / 2);
}

.all-events-top .all-events-top__left .stream-title {
    margin-bottom: 0;
}

.all-events-top .all-events-top__right p {
    max-width: 67%;
    margin: 0;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0125rem;
}

.img-filter-ico {
    display: block;
}

.img-filter-ico-close {
    display: none;
}

.btn-more-events {
    cursor: pointer;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0125rem;
    margin: 0 auto;
    margin-top: 0;
    padding-bottom: 2px;
    text-decoration: none;
}

.btn-more-events:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 0.1em solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .btn-more-events:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.all-events-filter-btn {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 6px;
    cursor: pointer;
    padding-bottom: 2px;
}

.all-events-filter-btn._active .img-filter-ico {
    display: none;
}

.all-events-filter-btn._active .img-filter-ico-close {
    display: block;
}

.all-events-filter-btn span {
    color: #000;
    font-size: 0.938rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
}

.all-events-filter-btn img {
    width: 24px;
    height: 24px;
}

.event-speakers__left {
    width: 49.564%;
}

.event-speakers__right {
    position: relative;
    width: 32.6182%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.03125rem 0;
    padding-right: 4.6875rem;
}

._animate .event-speakers__right {
    animation-name: transform;
    animation-duration: 1.2s;
    animation-delay: 0.8s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1;
}

.event-speakers__right div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-speakers__right div span,
.event-speakers__right div a {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0125rem;
}

.event-speakers__right div a {
    text-decoration: none;
}

.event-speakers__right div a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 0.1em solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .event-speakers__right div a:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.events-filters-accordeon {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.events-filters-accordeon::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #272727;
    transition: width 0.8s ease-in-out;
}

._animate .events-filters-accordeon::after {
    width: 100%;
}

.events-filters-accordeon._active .events-filters-accordeon-arrow {
    transform: translateY(-50%) rotate(180deg);
}

.events-filters-accordeon .events-subtitle {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.0125rem;
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0;
    transition: font-size 0.2s ease-in-out;
}

.events-filters-accordeon__top {
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 2.03125rem;
    z-index: 3;
}

.all-events-types {
    display: none;
}

.active-filters {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 2.03125rem;
    z-index: 25;
}

.events-filters-accordeon-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: transform 0.2s ease-in-out;
}

.active-filters__item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    z-index: 25;
}

.active-filters__item span {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.0125rem;
    cursor: context-menu;
    white-space: nowrap;
}

.active-filters__item img {
    position: relative;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    z-index: 25;
    cursor: pointer;
}

.all-events-filters-box {
    display: flex;
    flex-direction: column;
    gap: 2.03125rem;
    margin-bottom: 5.20833333rem;
}

.stream-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.85);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out;
    z-index: 999;
}

.stream-overlay._active {
    opacity: 1;
    visibility: visible;
}

.stream-overlay h3 {
    color: #272727;
    font-size: 1.66666667rem;
}

.stream-detail-top {
    display: flex;
    flex-direction: column;
    margin-top: 4.16666667rem;
    margin-bottom: 2.03125rem;
}

.stream-detail-top h1 {
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.0375rem;
    margin: 2.03125rem 0;
}

.stream-detail-back {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    gap: 16px;
    margin-left: auto;
}

.stream-detail-back span {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0125rem;
}

.stream-detail-back img {
    width: 32px;
    height: 32px;
}

.stream-detail-tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 0.625rem;
}

.stream-detail-tags span {
    padding: 0.52083333rem 1.25rem;
    color: #272727;
    font-size: 0.83333333rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.00833333rem;
    background: #f0f0f0;
    border-radius: 60px;
    cursor: pointer;
}

.stream-detail-content {
    margin-bottom: 10.41666667rem;
}

.stream-detail-content .row {
    margin: 0 !important;
}

.stream-detail-content .row > div[class^="col"] > p:first-child {
    margin: 0;
}

.stream-detail-content picture,
.stream-detail-content img {
    margin-bottom: 10.41666667rem;
    width: 100%;
    max-width: 100%;
}

.stream-detail-content .case-images {
    margin-top: 10.41666667rem;
    margin-bottom: 10.41666667rem;
}

.stream-detail-content p {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.0125rem;
}

.stream-detail-content p:last-child {
    margin-bottom: 0;
}

.stream-wrap + .event-speakers {
    margin-top: 10.41666667rem;
    margin-bottom: 10.41666667rem;
}

.stream-wrap-slider-three-row .stream-wrap-slider__slide {
    width: 32.5%;
    border: 1px solid #eaeaea;
}

.stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide-box {
    padding: 0.83333333rem;
    text-decoration: none;
}

.stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--img {
    width: 100%;
    padding-bottom: 59.375%;
    margin-bottom: 1.04166667rem;
}

.stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--img::after {
    content: none;
}

.stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--content {
    width: 100%;
}

.stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-link {
    color: #000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.009375rem;
    padding: 0;
    background: transparent;
    border: none;
}

.contacts-top {
    padding-top: 4.2rem;
}

.two-column-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0 20px;
}

.two-column-box > div {
    width: 50%;
}

.contacts-links,
.contacts-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 100px 0;
}

.contacts-info {
    padding: 0 4.9rem 0 15rem;
}

.contacts-info .contacts-info-item {
    justify-content: space-between;
}

.contacts-info .contacts-info-item span {
    width: initial;
}

.contacts-info .contacts-info-item > div {
    width: 42%;
}

.contacts-info .contacts-info-item > div p {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
}

.policy-text {
    position: relative;
    width: 95%;
    margin-top: 1.5rem;
}

.policy-text._animate::after {
    width: 0;
}

.policy-text::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 103%;
    background: #fff;
    z-index: 3;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.policy-text p {
    font-size: 0.72916667rem;
    margin-top: 0;
}

.policy-text a {
    font-size: 0.73rem;
}

.contacts-links-item {
    position: relative;
}

.contacts-links-item._animate::after {
    width: 0;
}

.contacts-links-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 104%;
    background: #fff;
    z-index: 3;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.contacts-info-item {
    position: relative;
    transform: translateX(-80px);
    transition: transform 1.2s ease;
}

.contacts-info-item._animate {
    transform: translateX(0);
}

.contacts-info-item._animate::after {
    width: 0;
}

.contacts-info-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 104%;
    background: #fff;
    z-index: 3;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.contacts-links-item,
.contacts-info-item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.contacts-links-item span,
.contacts-info-item span {
    display: block;
    width: 69%;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
}

.contacts-links-item > div,
.contacts-info-item > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px 0;
}

.contacts-links-item > div a,
.contacts-info-item > div a,
.contacts-links-item > div span,
.contacts-info-item > div span {
    display: block;
    cursor: pointer;
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    text-decoration: none;
    letter-spacing: -0.24px;
}

.desktop .contacts-links-item > div a:hover::after,
.desktop .contacts-info-item > div a:hover::after,
.desktop .contacts-links-item > div span:hover::after,
.desktop .contacts-info-item > div span:hover::after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.3s ease,
        width 0s linear 0.3s;
}

.contacts-links-item > div a:after,
.contacts-info-item > div a:after,
.contacts-links-item > div span:after,
.contacts-info-item > div span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.05em;
    border-bottom: 2px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.contacts-social-list {
    transform: translateX(-80px);
    transition: transform 1.2s ease;
}

._animate .contacts-social-list {
    transform: translateX(0);
}

._animate .contacts-social-list::after {
    width: 0;
}

.contacts-social-list::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 104%;
    background: #fff;
    z-index: 3;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.contacts-social {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 7rem;
}

.contacts-social .unmarked-list {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.contacts-social .two-column-box__right {
    display: flex;
    justify-content: flex-end;
    padding-right: 11rem;
}

.contacts-social .two-column-box {
    gap: 40px 0;
}

.contacts-social-title {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    color: #000;
    font-size: 3.33rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -1.28px;
}

._animate .contacts-social-title::after {
    width: 0;
}

.contacts-social-title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 3;
    transition: width 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.contacts-social-list a {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
}

.desktop .contacts-social-list a:hover::after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.3s ease,
        width 0s linear 0.3s;
}

.contacts-social-list a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 2px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.3s ease;
}

.person-list {
    margin-top: 4.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 230px 0;
    margin-bottom: 10rem;
}

.person-list-item {
    display: flex;
    flex-direction: column;
}

.person-list-item._animate .person-list-item--img::after {
    height: 0;
}

.person-list-item--img {
    position: relative;
    margin-bottom: 2.08rem;
}

.person-list-item--img::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99;
    transition: height 1s cubic-bezier(0.71, 0.02, 0.55, 0.99);
}

.person-list-item--img img {
    max-width: 100%;
    max-height: 100%;
}

.person-list-item--name {
    color: #000;
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.04166667rem;
    margin-bottom: 1.04166667rem;
}

.person-list-item--post {
    color: #000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.009375rem;
}

.person-list-item--desc {
    margin-top: 4.17rem;
    display: flex;
    justify-content: space-between;
}

.person-list-item--desc p {
    margin: 0;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0125rem;
}

.person-list-item--mail {
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}

.person-list-item--mail span {
    white-space: nowrap;
    color: #000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.01875rem;
}

.person-list-item--mail a {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    color: #000;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.36px;
    text-decoration: none;
}

.person-list-item--mail a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.15em;
    border-bottom: 0.1em solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .person-list-item--mail a:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

._person-size-1 {
    width: 32.6185%;
}

._person-size-1 .person-list-item--mail {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    margin-top: 4.17rem;
}

._person-size-1 .person-list-item--desc {
    flex-direction: column;
}

._person-size-2 {
    width: 49.464%;
}

._person-size-2 .person-list-item--desc {
    flex-direction: row;
    justify-content: space-between;
    gap: 0 161px;
}

._person-size-3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 0 20px;
    width: 100%;
}

._person-size-3 .person-list-item--img {
    position: relative;
    width: 66.308%;
    margin-bottom: 0;
}

._person-size-3 .person-list-item--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

._person-size-3 .person-list-item--desc {
    flex-direction: column;
}

._person-size-3 .person-list-item--mail {
    margin-top: 8.15rem;
    align-self: flex-start;
}

._person-size-3 .person-list-item-content {
    width: 32.565%;
}

.page-projects .projects-awards,
.page-projects .events-wrap,
.page-projects .footer-showreel {
    margin-top: 15.625rem;
}

.page-projects .footer-showreel {
    margin-bottom: 15.625rem;
}

.projects-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    row-gap: 15.625rem;
    margin-top: 5.20833333rem;
}

.projects-list .projects-list__promo {
    width: 100%;
}

.projects-list .case-card._large {
    margin-left: calc((97rem + 20px) / 6);
    margin-right: calc((97rem + 20px) / 6);
    justify-self: center;
}

.projects-list .case-card._large + ._small {
    align-self: flex-start;
}

.projects-list__title {
    font-size: 5.20833333rem;
    letter-spacing: -0.05208333rem;
    line-height: 110%;
    font-weight: 400;
    margin: 3.64583333rem 0 0 0;
    color: #000;
}

.projects-list__categories {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.64583333rem;
    gap: 1.66666667rem;
    color: #8c8c8c;
    font-size: 1.25rem;
    letter-spacing: -0.0125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.projects-list__categories a {
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
}

.projects-list__categories a._active {
    color: #000;
}

.desktop .projects-list__categories a:hover {
    color: #000;
}

.projects-list__more {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 5.20833333rem;
}

.projects-list__more .spinner {
    top: 50%;
    bottom: auto;
    margin: -1.66666667rem 0 0 -1.66666667rem;
    opacity: 1;
    visibility: visible;
    opacity: 0;
    pointer-events: none;
}

.projects-list__more[hidden] {
    display: none;
}

.projects-list__more-button {
    position: relative;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    color: #000;
    font-size: 1.25rem;
    letter-spacing: -0.0125rem;
    text-decoration: none;
}

.projects-list__more-button:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -0.32em;
    border-bottom: 2px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .projects-list__more-button:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.projects-list__more-button[disabled] {
    opacity: 0;
}

.projects-list__more-button[disabled] ~ .spinner {
    opacity: 1;
}

.projects-awards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [12];
    grid-template-columns: repeat(12, 1fr);
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    gap: 3.64583333rem 1.04166667rem;
    background-color: #272727;
    box-shadow:
        50vw 0px 0px 0px #272727,
        -50vw 0px 0px 0px #272727;
    color: #fff;
    padding: 6.25rem 0;
}

.projects-awards a {
    color: inherit;
    display: inline-table;
}

.projects-awards__heading {
    color: #fff;
    font-size: 3.75rem;
    letter-spacing: -0.0375rem;
    font-weight: 450;
    line-height: 120%;
    margin-bottom: 3.64583333rem;
}

.projects-awards__header {
    -ms-grid-column-span: 4;
    -ms-grid-column: 1;
    grid-column: 1 / span 4;
    -ms-grid-row-span: 1;
    -ms-grid-row: 1;
    grid-row: 1 / span 1;
    position: -webkit-sticky;
    position: sticky;
    top: 1.66666667rem;
    margin-top: -1.30208333rem;
    transition: top 0.2s linear;
}

.projects-awards__header._projects-awards__header-header-visible {
    top: 5.83333333rem;
}

.projects-awards__filter {
    -ms-grid-column-span: 4;
    -ms-grid-column: 1;
    grid-column: 1 / span 4;
    -ms-grid-row-span: 1;
    -ms-grid-row: 2;
    grid-row: 2 / span 1;
}

.projects-awards__list {
    -ms-grid-column-span: 8;
    -ms-grid-column: 5;
    grid-column: 5 / span 8;
    -ms-grid-row-span: 2;
    -ms-grid-row: 1;
    grid-row: 1 / span 2;
}

.projects-awards__list [data-filter]._hidden {
    display: none;
}

.projects-awards-filter {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.04166667rem;
    position: -webkit-sticky;
    position: sticky;
    top: 9.52395833rem;
    font-size: 0.83333333rem;
    letter-spacing: -0.00833333rem;
    background: #272727;
    transition: top 0.2s linear;
}

.projects-awards-filter._projects-awards-filter-header-visible {
    top: 13.690625rem;
}

.projects-awards-filter button {
    color: #000;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.16px;
    padding: 0px 1.25rem 0;
    border-radius: 100px;
    border: none;
    color: #fff;
    background-color: #363636;
    height: 2.13541667rem;
    display: flex;
    align-items: center;
    transition:
        color 0.3s,
        background-color 0.3s;
}

.projects-awards-filter button._active {
    color: #000;
    background-color: #fff;
}

.desktop .projects-awards-filter button:hover {
    color: #000;
    background-color: #fff;
}

.projects-awards__group {
    font-size: 1.66666667rem;
    line-height: 120%;
    letter-spacing: 0.02083333rem;
    display: flex;
    padding: 2.13541667rem 0;
}

.projects-awards__group > *:first-child {
    width: calc((97rem + 20px) / 6);
}

.projects-award__content {
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.01041667rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc((100% + 20px) / 4) auto;
    grid-template-columns: calc((100% + 20px) / 4) auto;
    flex-direction: column;
    padding-bottom: 2.76041667rem;
}

.projects-award__year {
    -ms-grid-column: 2;
    grid-column: 2;
    color: #c3c3c3;
    font-size: 0.9375rem;
    letter-spacing: -0.009375rem;
    line-height: 100%;
    padding-top: 0.3125rem;
    padding-bottom: 1.66666667rem;
}

.projects-award__link + .projects-award__year {
    margin-top: 1.09375rem;
}

.projects-award__link {
    position: relative;
    -ms-grid-column: 2;
    grid-column: 2;
    width: -webkit-fit-content;
    width: fit-content;
    margin-bottom: 1.25rem;
    text-decoration: none;
}

.projects-award__link span {
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.3s;
    padding-bottom: 5px;
}

.desktop a:hover .projects-award__link span,
.desktop a:focus .projects-award__link span,
.desktop .projects-award__link:hover span,
.desktop .projects-award__link:focus span {
    background-size: 100% 2px;
}

.projects-award__link._no-case {
    pointer-events: none;
}

.projects-award__link img {
    position: absolute;
    right: 100%;
    margin-right: 2.08333333rem;
    margin-top: -1.25rem;
    width: 6.14583333rem;
    height: 4.21875rem;
    pointer-events: none;
    opacity: 0;
    transform: scale(0.9);
    transition:
        opacity 0.3s,
        transform 0.5s;
}

.desktop .projects-award__link:hover img {
    opacity: 1;
    transform: none;
}

.projects-award__more,
.projects-award__less {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-top: 0.10416667rem;
    font-size: 0.9375rem;
    letter-spacing: -0.009375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    width: -webkit-fit-content;
    width: fit-content;
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    position: relative;
    text-decoration: none;
}

.projects-award__more:after,
.projects-award__less:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -5px;
    border-bottom: 1px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .projects-award__more:hover:after,
html.desktop .projects-award__less:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.projects-award__more ~ *,
.projects-award__less ~ * {
    animation: awardFadeIn 0.4s both;
}

.projects-award__more:not([hidden]) ~ *,
.projects-award__less:not([hidden]) ~ * {
    display: none;
    animation: none;
}

.projects-award__more button,
.projects-award__less button {
    background: none;
    border: none;
    color: inherit;
    padding: 0;
    font-size: inherit;
}

.footer-showreel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-showreel[data-in-view-once] {
    position: relative;
    opacity: 0;
    transition: opacity 0.4s;
}

.footer-showreel[data-in-view-once]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: currentColor;
    z-index: 2;
    outline: 1px solid currentColor;
    transition: transform 0.4s;
    transform-origin: 50% 100%;
}

.footer-showreel[data-in-view-once="true"] {
    opacity: 1;
    transition: opacity 1.2s;
}

.footer-showreel[data-in-view-once="true"]::after {
    transform: scaleY(0);
    transition: transform 1.2s;
}

.footer-showreel .sound-switch img {
    width: auto;
    height: auto;
}

.footer-showreel .arrow-link {
    margin-top: 0.88541667rem;
}

.footer-showreel__img {
    width: 100%;
    position: relative;
    padding-bottom: calc(787 / 1864 * 100%);
    z-index: 1;
}

.footer-showreel__img video,
.footer-showreel__img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.arrow-link {
    color: #000;
    font-size: 1.25rem;
    letter-spacing: -0.0125rem;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.arrow-link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -8px;
    border-bottom: 2px solid currentColor;
    transform-origin: right;
    transform: scale(1, 1);
    transition: width 0.2s ease;
    pointer-events: none;
}

html.desktop .arrow-link:hover:after {
    width: 0%;
    transform: scale(0, 1);
    transition:
        transform 0.2s ease,
        width 0s linear 0.2s;
}

.arrow-link:after {
    bottom: -0.32em;
}

.arrow-link svg {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    margin: 0 0 -0.2em 0.25em;
}

.safari .arrow-link svg {
    margin-bottom: -1px;
}

.projects-services {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1.04166667rem;
    color: #000;
    font-style: normal;
    font-weight: 400;
    max-width: 100%;
}

.projects-services__nav {
    color: #8c8c8c;
    align-self: self-end;
    font-size: 1.66666667rem;
    letter-spacing: -0.01666667rem;
    line-height: 120%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.625rem;
}

.projects-services__nav > * {
    flex-shrink: 0;
    display: inline-block;
    cursor: pointer;
    transition: color 0.3s;
    background: none;
    border: none;
    padding: 0;
    color: inherit;
}

.projects-services__nav > *._active {
    color: #000;
}

.projects-services__content {
    -ms-grid-row-align: self-end;
    align-self: self-end;
    font-size: 2.08333333rem;
    letter-spacing: -0.02083333rem;
    line-height: 120%;
    display: -ms-grid;
    display: grid;
}

.projects-services__content > div {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.3s,
        visibility 0.3s;
}

.projects-services__content > div._active {
    opacity: 1;
    visibility: visible;
    transition:
        opacity 0.3s 0.3s,
        visibility 0.3s 0.3s;
}

.projects-services__content > div > span {
    display: flex;
    align-items: flex-end;
    height: 4.8em;
}

.projects-services__content .arrow-link {
    margin-top: 2.70833333rem;
}

.page-category-new {
    width: 100%;
}

.page-category-new [data-barba-namespace="category"] .first-screen {
    padding-bottom: 1.25rem;
}

.page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top h1 {
    font-size: 5.20833333rem;
    font-weight: 400;
    line-height: 110%; /* 110px */
    letter-spacing: -0.05208333rem;
}

.page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top p {
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%;
}

.page-category-new .top-description {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 1.04166667rem;
    margin-top: 10.41666667rem;
}

.page-category-new .top-description__item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.page-category-new .top-description__item small {
    align-self: flex-end;
    margin-bottom: 0.10416667rem;
    display: block;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.0125rem;
}

.page-category-new .top-description__item b {
    display: block;
    font-size: 3.125rem;
    font-weight: 400;
    line-height: 110%;
    margin-right: 0.625rem;
}

.page-category-new .top-description__item span {
    display: block;
    text-align: left;
    max-width: 11.97916667rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 150%;
}

.page-category-new .block-media {
    position: relative;
    margin-bottom: 0.83333333rem;
}

.page-category-new .block-media img,
.page-category-new .block-media video {
    max-width: 100%;
    max-height: 100%;
}

.page-category-new .partners-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 3.125rem 1.04166667rem;
}

.page-category-new .partners-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(16.66% - 1.04166667rem * 5 / 6);
}

.page-category-new .partners-item img {
    max-width: 100%;
    max-height: 100%;
}

.page-category-new .information-block {
    margin-top: 10.41666667rem;
    margin-bottom: 15.625rem;
}

.page-category-new .information-block p {
    color: #000;
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%;
    padding-right: 1.04166667rem;
}

.page-category-new .information-block-title {
    width: 88%;
    color: #000;
    font-size: 3.33333333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 9.375rem;
}

.page-category-new .projects-list {
    align-items: stretch;
}

.page-category-new .projects-list .projects-list__left,
.page-category-new .projects-list .projects-list__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-category-new .projects-list .projects-list__left .underline,
.page-category-new .projects-list .projects-list__right .underline {
    width: -webkit-fit-content;
    width: fit-content;
    color: #000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.009375rem;
}

.page-category-new .case-card[data-in-view-once="true"] {
    display: block;
}

.page-category-new .case-card._large {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.page-category-new .team-specifications {
    margin-top: 15.625rem;
    margin-bottom: 15.625rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0 1.04166667rem;
}

.page-category-new .team-specifications-item {
    width: calc(33.33% - 1.04166667rem * 2 / 3);
}

.page-category-new .specifications-title {
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 3.125rem;
}

.page-category-new .specifications-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.25rem;
}

.page-category-new .specifications-list span {
    display: block;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.0125rem;
}

.page-category-new .experience-title {
    color: #000;
    font-size: 3.33333333rem;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 4.16666667rem;
}

.page-category-new .experience-item .experience-item--num {
    color: #000;
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 120%; /* 86.4px */
    letter-spacing: -0.0375rem;
}

.page-category-new .experience-item .experience-item--text {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.0125rem;
}

.page-category-new .experience-items {
    margin-bottom: 15.625rem;
}

.page-category-new .category-big-title {
    color: #000;
    font-size: 3.33333333rem;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 9.375rem;
}

.page-category-new .category-text-information {
    display: flex;
    flex-direction: column;
    margin-top: 15.625rem;
    margin-bottom: 15.625rem;
}

.page-category-new .category-text-right {
    align-self: flex-end;
    width: 49.5%;
    color: #000;
    font-size: 2.08333333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.page-category-new .category-subtitle {
    color: #000;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 120%;
}

.page-category-new .category-specialist-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.83333333rem 0;
}

.page-category-new .category-specialist-list div {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.0125rem;
}

.page-category-new .category-list-items {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 23.95833333rem;
}

.page-category-new .partners-list-wrap {
    margin-top: 15.625rem;
    margin-bottom: 15.625rem;
}

.page-category-new .category-company-information {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0 1.04166667rem;
    margin-bottom: 15.625rem;
}

.page-category-new .category-company-information .footer-top__left p,
.page-category-new .category-company-information .footer-top__left a {
    color: #000;
}

.page-category-new .category-company-information .footer-column-menu a.tel {
    color: #000;
}

.page-category-new .category-company-information .footer-top__right-bottom {
    margin-top: auto;
}

.page-category-new .category-company-information .footer-top__right-bottom a {
    color: #000;
}

.page-category-new .category-company-information .footer-top__right-top .footer-column-menu ul a,
.page-category-new .category-company-information .footer-top__right-top .footer-column-menu ul li {
    color: #000;
}

.page-category-new .category-large-title {
    width: 85%;
    color: #000;
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 120%;
    margin-top: 15.625rem;
    margin-bottom: 12.5rem;
    box-sizing: border-box;
}

.page-category-new .category-large-title span {
    cursor: pointer;
    color: #000;
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 120%;
}

.page-category-new .category-large-title .underline::after {
    border-bottom: 0.03em solid currentColor;
}

.page-category-new .projects-awards {
    margin-bottom: 15.625rem;
}

.page-category-new .projects-awards .projects-awards__heading {
    font-weight: 400;
}

.page-category-new [data-barba-namespace="category"] .back-link {
    padding-right: 0;
}

.page-category-new [data-barba-namespace="category"] .case-siblings {
    height: 85.528vh;
}

.page-category-new [data-barba-namespace="category"] .first-screen--footer {
    padding-bottom: 1.04166667rem;
    min-height: 0 !important;
}

.page-category-new [data-barba-namespace="category"] .first-screen--footer .row {
    flex-direction: row-reverse;
}

.page-category-new [data-barba-namespace="category"] .first-screen--footer .row .top__left {
    display: flex;
    justify-content: flex-end;
}

.page-category-new [data-barba-namespace="category"] .first-screen--footer .row .top__right {
    display: flex;
    justify-content: flex-start;
}

.page-category-new [data-barba-namespace="category"] .first-screen--footer .row .top__right a {
    font-size: 1.66666667rem;
    font-weight: 400;
    line-height: 2rem;
}

.page-category-new [data-barba-namespace="category"] .first-screen__hide {
    position: absolute;
    transform: translateY(200%);
    width: 100%;
    height: calc(100% - 3.1rem);
    min-height: calc(var(--vh, 1vh) * 100 - 4.5rem - 8rem - 2 * 3.1rem);
    transition: transform 1s 1sease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.page-category-new .case-title,
.page-category-new .top [class^="col"] .case-title {
    font-size: 1.66666667rem;
    font-style: normal;
    font-weight: 400;
    margin: 0 !important;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.01666667rem;
}

.page-category-new [data-barba-namespace="category"] .first-screen--footer {
    padding-bottom: 1.04166667rem;
}

.page-category-new [data-barba-namespace="category"] .first-screen--footer .back-link a {
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.01666667rem;
    text-decoration: none;
}

.page-category-new .appear-steps-working-wrap {
    height: 185vh;
    position: relative;
    margin-bottom: 39.0625rem;
}

.page-category-new .appear-steps-working-wrap._sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
}

.page-category-new .steps-working-wrap {
    position: relative;
    height: 100%;
    margin-top: 15.625rem;
    margin-bottom: 15.625rem;
    z-index: 20;
}

.page-category-new .steps-working-wrap::after {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1.5rem;
    background: #fff;
    z-index: -1;
}

.page-category-new .steps-working-wrap .row > div:first-child {
    width: 41.66666667%;
}

.page-category-new .steps-working-wrap .row > div:last-child {
    width: 56.405%;
}

.page-category-new .steps-working-title {
    color: #000;
    font-size: 3.54166667rem;
    font-weight: 400;
    line-height: 140%;
    background: #fff;
    margin-bottom: 8.33333333rem;
}

.page-category-new .steps-working-subtitle {
    position: relative;
    color: #000;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 110%;
    margin-top: 1.5625rem;
}

.page-category-new .steps-working-subtitle i {
    display: block;
    width: 100vw;
    height: 1px;
    position: absolute;
    bottom: -0.78125rem;
    left: 0;
    opacity: 0;
    background: #eaeaea;
}

.page-category-new .steps-working-small-title {
    color: #000;
    font-size: 1.66666667rem;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.01666667rem;
    display: flex;
    padding: 2.13541667rem 1.04166667rem 2.13541667rem 0;
}

.page-category-new .steps-working-small-title > *:first-child {
    width: calc((97rem + 20px) / 6);
}

.page-category-new .steps-working-text {
    padding: 0.98958333rem 0 3.125rem 0;
}

.page-category-new .steps-working-text p {
    margin: 0;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.0125rem;
}

.page-category-new .steps-working-group {
    position: absolute;
    width: 100%;
    background: #fff;
    margin-bottom: 6.25rem;
    transition:
        background 0.3s linear,
        padding 0.3s linear,
        top 0.3s linear,
        border 0.3s linear;
}

.page-category-new .steps-working-group:nth-child(2) {
    top: 15%;
    z-index: 10;
}

.page-category-new .steps-working-group:nth-child(3) {
    top: 45%;
    z-index: 15;
}

.page-category-new .steps-working-group:nth-child(4) {
    top: 75%;
    z-index: 20;
}

.page-category-new .steps-working-group:nth-child(4) {
    top: 105%;
    z-index: 25;
}

.page-category-new .steps-working-group::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -11.45833333rem;
    left: 0;
    width: 100%;
    height: 11.45833333rem;
    background: #fff;
}

.page-category-new .steps-working-group._no-click .steps-working-spoilers {
    pointer-events: none;
}

._open .page-category-new .steps-working-group {
    transform: translateY(-150px);
}

.page-category-new .quest-solution {
    margin-top: 15.625rem;
    margin-bottom: 15.625rem;
}

.page-category-new .quest-solution .steps-working-subtitle {
    font-size: 3.33333333rem;
    line-height: 120%;
}

.page-category-new .category-specialist-wrap .row > div:first-child {
    width: 41.66666667%;
}

.page-category-new .category-specialist-wrap .row > div:last-child {
    width: 56.405%;
}

.page-category-new [data-barba-namespace="category"] .top .accent {
    margin-right: 0;
}

.page-category-new .format-work-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-category-new .format-work-box__left {
    width: 20%;
}

.page-category-new .format-work-box__right {
    position: relative;
    width: 49.5%;
    height: 13.02083333rem;
}

.page-category-new .format-work {
    margin: 15.625rem 0;
}

.page-category-new .format-work-title {
    font-size: 3.33333333rem;
    font-weight: 400;
    line-height: 120%; /* 76.8px */
    letter-spacing: -0.03333333rem;
    margin-bottom: 6.25rem;
}

.page-category-new .format-work-box__left {
    display: flex;
    flex-direction: column;
    gap: 0.625rem 0;
}

.page-category-new .format-work-subtitle {
    color: #272727;
    font-size: 1.66666667rem;
    font-weight: 400;
    line-height: 120%; /* 76.8px */
    letter-spacing: -0.01666667rem;
    transition: color 0.2s linear;
}

.page-category-new .format-work-subtitle._active {
    pointer-events: none;
    color: #272727;
}

.page-category-new .format-work-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 120%; /* 76.8px */
    letter-spacing: -0.02083333rem;
}

.page-category-new .projects-awards {
    margin-top: 15.625rem;
}

.page-category-new .category-text-right p {
    font-size: 2.08333333rem;
    font-weight: 400;
    line-height: 130%; /* 52px */
    letter-spacing: -0.02083333rem;
}

.page-category-new .category-text-information {
    margin: 9.375rem 0;
}

.page-category-new .category-text-information .category-text-right p {
    margin: 0 0 2.34375rem 0;
}

.page-category-new .category-text-information .category-text-right p:last-child {
    margin: 0;
}

.page-category-new .case-siblings {
    padding: 0;
    border: none;
}

.page-category-new .footer-top .footer-top__left a.btn-open-data-policy {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 127%; /* 22.86px */
    font-size: -0.01875rem;
    margin-top: 4.58333333rem;
}

.text-from-left-to-right {
    position: relative;
}

.text-from-left-to-right::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: width 1.2s cubic-bezier(0.71, 0.02, 0.55, 0.99);
    z-index: 99;
}

.text-from-left-to-right._animate::after {
    width: 0;
}

.small-description {
    color: #c3c3c3;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
    margin-bottom: 3.125rem;
}

.form-columns {
    display: flex;
}

.form-column-title {
    margin-bottom: 24px;
    padding-right: 96px;
}

.form-column-title .title-h3,
.form-column-title .marquee--title-3 .marquee__inner > *,
.form-column-title .marquee--title-3 .marquee__inner:after {
    font-size: 45px;
    line-height: 1em;
    letter-spacing: -1px;
}

.form-column {
    max-width: 1004px;
    width: 100%;
    flex-shrink: 0;
    font-size: 15px;
}

.form-column .form__file-preview-btn:hover span {
    color: #4fd321;
}

.form-column .form__file-delete {
    margin-top: -7px;
}

.form-column .form__files-cell {
    max-width: none;
    font-size: 0.67rem;
}

.form-column .form__file-delete {
    padding: 0;
    width: 15px;
    height: 15px;
}

.form-column .form__file-delete:before,
.form-column .form__file-delete:after {
    width: 16px;
}

.form-column p,
.form-column .form__files-cell,
.form-column .form__file-button,
.form-column .error-label {
    font-size: 13px;
}

.form-column .form__file-button {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
}

.form-column .form__file-button span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form-column .form__file-button span i {
    margin-right: 0.26041667rem;
}

.form-column .form__file-button span::before {
    content: none;
}

.form-column .form__file-button span::after {
    bottom: -0.15em;
}

.form-column ._error-wrap .error-label {
    display: block;
    color: #ff2d55;
    white-space: nowrap;
}

.form-column .form-block .download-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 6px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.009375rem;
}

.form-column .form-block .download-link::after {
    bottom: -0.15em;
}

.form-column .form-block .download-link:before {
    content: none;
    left: -20px;
}

.form-column .form__checkbox-custom {
    margin-right: 16px;
    font-size: 15px;
    box-sizing: border-box;
}

.form-column__preview {
    margin-bottom: 56px;
    max-width: 460px;
}

.form-column__preview p {
    margin-top: 0;
    font-size: 0.78125rem;
    line-height: 127%;
}

.form-column__title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 127%;
    letter-spacing: -0.03em;
    padding-top: 20px;
}

.form-block {
    padding-bottom: 20px;
}

html._form-open
    .form-layer-wrap.form--white
    .form-block.form-block-person-information
    .form-column__label.error-label {
    top: 75%;
}

html._form-open
    .form-layer-wrap.form--white
    .form-block.form-block-person-information
    .input-text-line--two
    .form-column__label.error-label {
    top: 110%;
}

html._form-open .form-layer-wrap.form--white .form-block .form-column__label.error-label {
    top: 110%;
}

.form-layer-wrap__bottom {
    width: initial;
    padding: 0 1.458rem;
    background: #272727;
    margin: 0 -1.458rem;
}

.form-layer-wrap__bottom .footer-bottom-line {
    padding: 0;
}

.form-block__label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.form--white .form-block__label {
    margin-bottom: 0;
}

.form-check-tags {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.625rem;
    margin-right: -0.83333333rem;
}

.form-check-tags._active .check-tag {
    display: block;
}

.form-check-tags__col {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 36%;
    gap: 16px;
}

.form-check-tags__col:last-child {
    width: 22%;
}

.check-tag input {
    width: 1px;
    height: 1px;
    opacity: 0;
    visibility: hidden;
}

.check-tag input:checked + label {
    background-color: #4fd321;
    border: 1px solid #4fd321;
    color: #4f4f4f;
}

html._form-open .form-layer-wrap.form--white .check-tag input:checked + label {
    background: #272727;
    color: #fff;
}

html._form-open .form-layer-wrap.form--white .check-tag input:checked + label:hover {
    background: #272727;
    color: #fff;
}

.check-tag label {
    display: inline-block;
    padding: 0.52083333rem 1.19791667rem;
    box-sizing: border-box;
    font-size: 0.78125rem;
    line-height: 127%;
    border: 0.05208333rem dashed #9d9d9d;
    border-radius: 3.125rem;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition:
        border-color 0.2s linear,
        background 0.2s linear;
    letter-spacing: -0.03em;
}

html.desktop._form-open .form-layer-wrap.form--white .check-tag label:hover {
    background: #e2e2e2;
    color: #000;
}

.desktop .check-tag label:hover {
    border-color: #4fd321;
}

.form-column__textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 18px;
    border: 1px solid #9d9d9d;
    margin-bottom: 12px;
    line-height: 1.3;
    height: 150px;
    resize: none;
    background: none;
    color: #fff;
}

.form-column__textarea::selection {
    background: #4fd321;
    color: #272727;
}

.form-column__textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.6;
}

.form-column__textarea::-moz-placeholder {
    color: #fff;
    opacity: 0.6;
}

.input-text-line {
    padding: 16px 0 20px;
    display: flex;
    align-items: flex-start;
}

.form-block-information .input-text-line {
    padding: 16px 0 20px;
}

.input-text-line input,
.input-text-line textarea {
    font-size: 1.04166667rem;
    font-weight: 400;
    line-height: 127%;
    letter-spacing: -0.003125rem;
    outline: none;
}

.input-text-line .form-column__label {
    padding-right: 8px;
    white-space: nowrap;
}

.input-text-line._error-wrap i {
    color: #f2306e;
}

.input-text-line._error-wrap input {
    border-color: #f2306e;
}

.input-text-line__inner {
    position: relative;
    display: flex;
    align-items: baseline; /*width: calc(50% - 10px);*/
    min-width: 280px;
}

.input-text-line__inner._error-wrap i {
    color: #f2306e;
}

.input-text-line__inner._error-wrap input {
    border-color: #f2306e;
}

.input-text-line__inner + .input-text-line__inner {
    margin-left: 20px;
}

.form-column__input {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    flex-grow: 1;
    color: #fff;
}

._error-wrap .form-column__label {
    display: none;
}

.service-list .input-text-line {
    display: block;
}

html._form-open
    .form-layer-wrap.form--white
    .service-list._active
    .form-block
    .form-column__label.error-label {
    top: 107%;
}

html._form-open .form-layer-wrap.form--white .service-list._active .form-check-tags .check-tag {
    display: block;
}

.service-list._active .input-text-line {
    display: block;
}

.show-more-tags {
    color: #000;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.18px;
    cursor: pointer;
    margin-top: 1.67rem;
}

.form-block--bottom {
    display: flex;
    align-items: flex-start;
    margin-top: 4.27083333rem;
    margin-bottom: 2.70833333rem;
}

.form-block--bottom > .underline.open-data-policy--mobile {
    display: none;
}

.form-block--bottom + .underline {
    font-size: 0.67708333rem;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    margin-bottom: 7.8125rem;
    margin-left: 14.27083333rem;
}

.form-block--bottom + .underline.open-data-policy--mobile {
    display: none;
}

.form-block--bottom > .underline.mobile-only {
    display: none;
}

.form-block--bottom + .read-more-policy {
    display: none;
    width: -webkit-fit-content;
    width: fit-content;
    margin-left: 210px;
    font-size: 13px;
    line-height: 127%;
    margin-bottom: 97px;
}

.form-block--bottom > .underline:not([href^="tel:"]) {
    font-size: 0.67708333rem;
    font-weight: 400;
    line-height: 127%; /* 16.51px */
    letter-spacing: -0.0203125rem;
    order: 2;
    margin: 2.70833333rem 0 1.25rem 14.3625rem;
}

.form-block--bottom > .underline:not([href^="tel:"])::after {
    bottom: 0.05em;
}

.form-block--bottom .form__submit {
    margin-bottom: 0 !important;
    transition:
        background 0.1s linear,
        color 0.1s linear;
}

.form-layer-wrap-black-form .form-block--bottom .form__submit {
    border: 1px solid transparent;
}

.desktop .form-layer-wrap-black-form .form-block--bottom .form__submit:hover {
    border-color: #fff;
    background: transparent;
}

.desktop .form-block--bottom .form__submit:hover {
    background: #000;
    color: #fff;
}

.form-block--bottom .form__checkbox-cell {
    margin-bottom: 0;
    margin-left: 2.08333333rem;
}

.form-block--bottom .form__checkbox-cell .error-label {
    display: inline;
    white-space: initial;
}

.form-block--bottom .form__checkbox-cell .error-label a:after {
    content: none !important;
}

.form-block--bottom .form__checkbox-cell a {
    display: inline;
    position: relative;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 0.05208333rem;
    transition: background-size 0.3s;
}

.form-block--bottom .form__checkbox-cell a span {
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 0.1rem;
    transition: background-size 0.3s;
    padding-bottom: 0.5rem;
}

.desktop a:hover .form-block--bottom .form__checkbox-cell a span,
.desktop a:focus .form-block--bottom .form__checkbox-cell a span,
.desktop .form-block--bottom .form__checkbox-cell a:hover span,
.desktop .form-block--bottom .form__checkbox-cell a:focus span {
    background-size: 100% 0.1rem;
}

.desktop .form-block--bottom .form__checkbox-cell a:hover {
    background-size: 0% 0.05208333rem;
}

.form-block--bottom .form__checkbox-cell a:after {
    content: none;
}

.form-block--bottom .form__checkbox-item {
    margin-bottom: 0;
    margin-right: 0;
    align-items: flex-start;
    line-height: 120%;
}

.form-block--bottom .form__checkbox-item._error-wrap .error-label a {
    color: #f2306e;
}

.download-link {
    position: relative;
}

.download-link:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS42NDYgMTIuMzU0YS41LjUgMCAwIDAgLjcwOCAwbDMuMTgyLTMuMTgyYS41LjUgMCAxIDAtLjcwOC0uNzA4TDYgMTEuMjkzIDMuMTcyIDguNDY0YS41LjUgMCAwIDAtLjcwOC43MDhsMy4xODIgMy4xODJ6TTUuNSAwdjEyaDFWMGgtMXoiIGZpbGw9IiNmZmYiLz48cGF0aCBzdHJva2U9IiNmZmYiIGQ9Ik0wIDE1LjVoMTIiLz48L3N2Zz4=)
        center center no-repeat;
    background-size: contain;
    left: -16px;
    top: 50%;
    margin-top: -8px;
}

.form--white .header__form-close {
    color: #272727;
}

/* Вспомогательные классы OOCSS
--------------------------- */

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
    clear: both;
}

.align-right {
    text-align: right;
}

.inline-btn {
    display: inline;
    background: transparent;
    padding: 0;
    border: 0;
}

.white-selection {
    color: #272727;
    display: inline !important;
    position: relative;
    padding: 0 2px;
}

.white-selection:after {
    background: #fff;
    width: 100%;
    height: 112%;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
}

.grey-text {
    color: #989898;
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf;
    }

    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf;
    }

    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf;
    }
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: calc(10px * 2);
        padding: calc(var(--plyr-control-spacing, 10px) * 2);
    }

    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: calc(10px * 3.5);
        padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
    }
}

@media (max-width: 767px) and (min-width: 640px) and (orientation: portrait) {
    .page-unsubscribe-success .content,
    .page-subscribe-success .content {
        height: 100vh;
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px);
    }

    html.desktop .more-projects__list-link:hover .more-projects__img-hover {
        transition: 0.2s opacity 0.2s linear;
        opacity: 1;
        z-index: 2;
    }

    .more-projects__list-link._mob-visible {
        display: none !important;
    }

    .form--dark .form__checkbox-custom:hover {
        border: none;
    }

    .plyr__controls button[data-plyr="play"] {
        display: none;
    }

    .case-slider__slide--text .case-slider__slide-text p {
        font-size: inherit;
        line-height: inherit;
    }

    .popup-bottom .subscribe-popup-form__agree-block .form__checkbox-custom:hover {
        border: 1px solid #fff;
    }

    .mobile-only {
        display: none;
    }
}

@media (max-width: 1023px), (min-width: 1024px) and (orientation: portrait), (max-width: 767px) {
    .section + .case-slider {
        margin-top: -0.9rem;
    }
}

@media (max-width: 1023px) and (orientation: portrait), (min-width: 1024px) and (orientation: portrait) {
    .video-popup__video {
        margin-top: 10rem;
    }

    .video-popup__progress {
        margin-bottom: 3rem;
        margin-top: 1rem;
    }
}

@media (max-width: 1023px) and (min-width: 768px), (min-width: 1024px) and (orientation: portrait) {
    .col-l,
    .col-l-1,
    .col-l-2,
    .col-l-3,
    .col-l-4,
    .col-l-5,
    .col-l-6,
    .col-l-7,
    .col-l-8 {
        width: 12.5%;
        box-sizing: border-box;
        min-height: 1px;
        padding-left: 1rem;
        padding-right: 1rem;
        position: relative;
    }

    .col-l-0 {
        display: none;
    }

    .col-l-1 {
        width: 12.5%;
    }

    .col-l-2 {
        width: 25%;
    }

    .col-l-3 {
        width: 37.5%;
    }

    .col-l-4 {
        width: 50%;
    }

    .col-l-5 {
        width: 62.5%;
    }

    .col-l-6 {
        width: 75%;
    }

    .col-l-7 {
        width: 87.5%;
    }

    .col-l-8 {
        width: 100%;
    }

    .col-l-offset-0 {
        margin-left: 0%;
    }

    .col-l-offset-1 {
        margin-left: 12.5%;
    }

    .col-l-offset-2 {
        margin-left: 25%;
    }

    .col-l-offset-3 {
        margin-left: 37.5%;
    }

    .col-l-offset-4 {
        margin-left: 50%;
    }

    .col-l-offset-5 {
        margin-left: 62.5%;
    }

    .col-l-offset-6 {
        margin-left: 75%;
    }

    .col-l-offset-7 {
        margin-left: 87.5%;
    }

    .hidden-l {
        display: none;
    }

    .footer__img-inner--tab {
        display: block;
    }

    .menu__img-inner--tab {
        display: block;
    }

    .about-partners .col-l-3 {
        width: 50%;
    }

    .airplane-animation {
        width: 54%;
        right: -2rem;
    }

    .airplane-link {
        font-size: 1.15rem;
        line-height: 1.9rem;
        padding-bottom: 5.5%;
        padding-top: 5.5%;
        right: 2.5rem;
    }
}

@media (min-width: 1023px) {
    [data-popup-name="subscribe-info"] .popup-bottom__close {
        top: 2.3rem;
    }
}

@media (max-width: 1023px) and (min-width: 767px), (min-width: 1024px) and (orientation: portrait) {
    .other-clients__preview-cards .preview-card {
        width: 100%;
        margin-bottom: 5rem;
    }
}

@media (max-width: 1023px), (min-width: 1024px) and (orientation: portrait) {
    body {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }

    .wrap {
        width: 96rem;
    }

    .content {
        padding-top: 8.5rem;
    }

    .row {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    p {
        font-size: 1.5rem;
        line-height: 1.9rem;
        margin: 1.9rem 0;
    }

    .header__form-link {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }

    .header__form-close {
        width: 5rem;
        height: 5rem;
    }

    .cp20years {
        left: 20rem;
        height: 5rem;
        font-size: 1.3rem;
    }

    .cp20years img {
        width: 4rem;
        height: 4rem;
    }

    .footer {
        height: 14rem;
    }

    .company-name span {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }

    .top {
        margin-top: 6.5rem;
        margin-bottom: 6.8rem;
    }

    .top__socials {
        margin-top: 3.5rem;
    }

    .top__socials .unmarked-list {
        margin-top: 1.9rem;
    }

    .section-head {
        margin-top: 7.8rem;
    }

    .section-head h1 {
        font-size: 1.5rem;
        line-height: 1.9rem;
        padding: 6.1rem 0;
    }

    .section-head--noborder {
        margin-top: -11rem;
    }

    .case-slider + .section .section-head--noborder {
        margin-top: 1rem;
    }

    .section-title,
    .section-head--nomargintop .section-title {
        font-size: 1.5rem;
        line-height: 1.9rem;
        padding: 6.1rem 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment .form__submit {
        font-size: 3.3rem;
    }

    .get-in-touch .menu__career {
        margin-bottom: 0;
    }

    .get-in-touch .row .top__socials {
        margin-top: 3.5rem;
    }

    .get-in-touch .get-in-touch__privacy {
        margin-top: 3.5rem;
    }

    .preview-cards {
        margin: 10rem 0 8rem 0;
    }

    .preview-cards__inner {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .preview-card {
        width: calc(50% - 1rem);
        margin-right: 0;
        margin-bottom: 3.9rem;
    }

    .preview-card__top-title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    .preview-card__text {
        font-size: 2rem;
        margin-top: 1rem;
    }

    .projects {
        margin-top: 7.8rem;
        margin-bottom: -4rem;
    }

    .projects-row {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .project-card {
        margin-bottom: 7.8rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .project-card--size-2 {
        width: 50%;
    }

    .project-card--size-1 {
        width: 50%;
    }

    .project-card__title {
        font-size: 2rem;
        margin-top: 1rem;
    }

    .more-projects {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .more-projects__quntity {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .more-projects__quantity-text {
        font-size: 1.2rem;
    }

    .more-projects__list {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .more-projects__img-hover {
        margin-left: 1rem;
        width: calc((100vw - 3rem) / 3 - 1.7rem);
    }

    .more-projects__cards {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .menu__inner {
        transform: translateY(3rem);
    }

    .menu__scroll-wrap {
        justify-content: space-between;
        align-items: stretch;
        padding-top: 15rem;
        padding-bottom: 18rem;
    }

    .menu__img {
        height: 15rem;
    }

    .menu__career {
        margin-bottom: 3.5rem;
    }

    .menu__middle {
        margin-top: 2.5rem;
        margin-bottom: 3.5rem;
    }

    .menu__bottom {
        flex-wrap: wrap;
        height: 50%;
        flex-grow: 1;
        padding-bottom: 3.5rem;
    }

    .menu__bottom [class^="col-"]:nth-child(3) {
        text-align: right;
    }

    .menu__cell-bottom-4 {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .menu__list li {
        font-size: 4.4rem;
    }

    .menu__close {
        width: 5rem;
        height: 5rem;
    }

    .airplane-circle {
        width: 12%;
        right: -12px;
        bottom: 20px;
    }

    .airplane-circle__link {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }

    .airplane-block {
        width: 12%;
    }

    .airplane-block .airplane-circle {
        bottom: 21.5rem;
        margin-bottom: 0;
    }

    .form-layer__inner {
        transform: translateY(3rem);
    }

    .form-layer__scroll-wrap {
        justify-content: space-between;
        align-items: stretch;
        padding-top: 15rem;
        padding-bottom: 18rem;
    }

    .form-layer__middle {
        display: flex;
    }

    .form-layer__title {
        font-size: 4.4rem;
    }

    .form-layer__img {
        height: 15rem;
    }

    .form__inner {
        display: flex;
        flex-wrap: wrap;
    }

    .form__top {
        padding-top: 16rem;
        padding-bottom: 6rem;
    }

    .form__bottom {
        margin-top: 0;
    }

    .form-layer__success-link {
        font-size: 3.3rem;
    }

    .form__close {
        width: 5rem;
        height: 5rem;
        margin: -2.5rem 0 0 -2.5rem;
    }

    .form__radio-cel-desc {
        font-size: 1.5rem;
    }

    .form__radio-item span {
        font-size: 1.5rem;
    }

    .input-wrap {
        height: 4rem;
    }

    .form__input,
    .form__textarea {
        font-size: 1.5rem;
        height: 3rem;
    }

    .form__input:focus,
    .form__textarea:focus {
        height: 3rem;
    }

    ._focused .form__textarea,
    .form__textarea:focus {
        height: 80px;
    }

    .form__label {
        font-size: 1.5rem;
    }

    .form__placeholder {
        font-size: 1.5rem;
        height: 3rem;
    }

    .form-attach {
        text-align: right;
        margin-top: 0;
    }

    .form__file-btn {
        height: 4rem;
        line-height: 4rem;
        left: auto;
        right: 0;
    }

    .form__file-labels {
        margin-bottom: 9rem;
    }

    .form__file-fake-label:after {
        bottom: 0.2em;
    }

    .input-wrap--file {
        left: 0;
        text-align: right;
        height: 3rem;
    }

    .input-wrap--file .form__label {
        position: relative;
        display: inline-block;
        vertical-align: top;
        right: 0;
        top: 1rem;
    }

    .form__file-preview {
        max-width: calc(100% - 4rem);
    }

    .form__file-preview span {
        height: 4rem;
        line-height: 4rem;
    }

    .form__file-remove {
        width: 3rem;
        height: 4rem;
    }

    .form__file-remove:before,
    .form__file-remove:after {
        width: 2rem;
        margin-left: -1rem;
    }

    .form-column .form__submit {
        font-size: 3.3rem;
    }

    .form-msg__inner {
        font-size: 14.6rem;
    }

    .form__data-policy,
    .form__data-organization {
        padding: 3rem 0 5rem 0;
    }

    .form__data-policy .data-organization-text p,
    .form__data-organization .data-organization-text p {
        font-size: 1.5rem;
        line-height: 1.9rem;
        margin: 1.9rem 0;
    }

    .form__data-policy-inner,
    .form__data-organization-inner {
        width: 93rem;
    }

    .form__data-policy-col,
    .form__data-organization-col {
        width: 27rem;
        margin-right: 3rem;
    }

    .form__data-policy-close,
    .form__data-organization-close {
        width: 5rem;
        height: 5rem;
        right: 1.6rem;
        top: 2.5rem;
    }

    .form-dropdown-current {
        font-size: 1.5rem;
        height: 3rem;
        line-height: 3rem;
    }

    .form__file-button {
        font-size: 1.5rem;
    }

    .form__file-preview-btn {
        font-size: 1.5rem;
    }

    .form__project-select .select2 {
        height: auto;
        min-height: 3rem;
    }

    .form-layer__close {
        width: 5rem;
        height: 5rem;
    }

    .video {
        margin-bottom: 12rem;
    }

    .video__showreel {
        left: 50%;
        padding-left: 1rem;
        top: -5rem;
    }

    .video__title {
        font-size: 8.8rem;
        width: calc(50% - 1rem);
    }

    html._video-open .header-wrap {
        transform: translateY(-8.5rem);
    }

    .video-popup__close {
        width: 5rem;
        height: 5rem;
    }

    .video-popup__inner {
        padding-top: 10rem;
        padding-bottom: 5rem;
    }

    .video-popup__scroll-wrap {
        align-items: stretch;
    }

    .video-popup__video-container {
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding-bottom: 0;
    }

    .video-popup__video-inner:before {
        width: 4rem;
        height: 4rem;
        margin: -2rem 0 0 -2rem;
    }

    .video-popup__video-pause {
        font-size: 6.4rem;
    }

    .video-popup__video-pause:before {
        width: 20rem;
        height: 20rem;
        margin: -10rem 0 0 -10rem;
    }

    .video-popup__progress {
        position: relative;
        margin-top: 5rem;
    }

    .video-main {
        max-height: calc(100vh - 9.5rem);
    }

    .video-sticky .video-main,
    .video-sticky .video-main._visible {
        top: 30vh;
    }

    .random-slider {
        margin-top: 12.7rem;
    }

    .random-slider__slide {
        margin-left: 2rem;
    }

    .random-slider__slide:first-child {
        margin-left: 2rem;
    }

    .random-slider__slide:last-child {
        margin-right: 2rem;
    }

    .random-slider__slide--type-1 {
        width: 47rem;
    }

    .random-slider__slide--type-2 {
        width: 47rem;
    }

    .random-slider__slide--type-3 {
        width: 35.6rem;
    }

    .random-slider__slide--type-4 {
        width: 26.5rem;
    }

    .random-slider__slide-title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
        height: 1.69rem;
    }

    .random-slider__slide-text {
        font-size: 2rem;
        margin-top: 1rem;
    }

    .case-slider {
        margin-top: 15rem;
    }

    .case-images + .case-slider {
        margin-top: -11rem;
    }

    .case-slider__slide {
        margin-left: 2rem;
        width: 71rem;
    }

    .case-slider__slide:first-child {
        margin-left: 2rem;
    }

    .case-slider__slide:last-child {
        margin-right: 2rem;
    }

    .case-slider__slide--img,
    .case-slider__slide--video {
        width: 47rem;
    }

    .case-slider__slide--text {
        width: 22.5rem;
    }

    .case-slider__slide-img {
        width: 47rem;
        height: 47rem;
    }

    .case-slider__slide--text .case-slider__slide-text {
        width: 24rem;
        font-size: 2rem;
        font-size: 1.5rem;
    }

    .case-slider__slide--img .case-slider__slide-text {
        width: 50%;
        margin-top: 1.9rem;
    }

    .case-slider__slide-title {
        font-size: 1.3rem;
        height: 2.5rem;
    }

    .multi-sections {
        margin-top: 14.5rem;
    }

    .multi-section {
        margin-bottom: 12rem;
    }

    .multi-item {
        width: 100%;
    }

    .multi-item__title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
        height: 1.69rem;
    }

    .multi-item__text {
        font-size: 1.5rem;
        margin-top: 1rem;
        margin-left: calc(50% + 0.5rem);
    }

    .multi-section__marquee {
        top: 45rem;
    }

    html._preloaded .preloader .logo {
        transform: translateY(-1.5rem);
    }

    .preloader .logo {
        left: 2rem;
        top: 4.25rem;
    }

    .preloader-case {
        height: 1rem;
    }

    .preloader-case__line {
        height: 1rem;
    }

    .preloader__line {
        height: 1rem;
    }

    .preloader__text {
        font-size: 1.5rem;
        bottom: 5rem;
        left: 3rem;
    }

    .appear {
        transform: translateY(3rem);
    }

    .disclaimer {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .disclaimer-box .disclaimer {
        padding-top: 3rem;
    }

    .disclaimer-box .disclaimer__inner {
        margin-bottom: 3rem;
        width: 60rem;
        height: 12.1rem;
        padding-right: 2rem;
    }

    .disclaimer-box .disclaimer__text p {
        font-size: 1.5rem;
        line-height: 1.9rem;
        margin: 1.9rem 0;
    }

    .disclaimer-box .disclaimer__text-col {
        padding-right: 3rem;
    }

    .disclaimer__inner {
        padding-right: 2rem;
    }

    .disclaimer__marquee {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .popup-bottom {
        padding: 3rem 0 5rem 0;
    }

    .popup-bottom__inner {
        width: 93rem;
    }

    .popup-bottom__inner-col {
        width: 27rem;
        margin-right: 3rem;
    }

    .popup-bottom__close {
        width: 5rem;
        height: 5rem;
        right: 1.6rem;
        top: 2.5rem;
    }

    .accent,
    p.accent {
        font-size: 2.4rem;
        line-height: 1.14em;
    }

    .big-numbers {
        font-size: 8.8rem;
    }

    .list-title {
        font-size: 2rem;
        padding-left: 2rem;
    }

    .hover-preview {
        width: 15rem;
        height: 11rem;
        left: -19rem;
        top: -1rem;
        transform: translateY(-1rem);
        display: none;
    }

    .title-h1,
    .marquee--title-1 .marquee__inner > *,
    .marquee--title-1 .marquee__inner:after {
        font-size: 14.7rem;
    }

    .title-h2,
    .marquee--title-2 .marquee__inner > *,
    .marquee--title-2 .marquee__inner:after {
        font-size: 8.8rem;
    }

    .title-h2,
    .marquee--title-2 .marquee__inner > *,
    .marquee--title-2 .marquee__inner:after {
        font-size: 8.8rem;
    }

    .title-h3,
    .marquee--title-3 .marquee__inner > *,
    .marquee--title-3 .marquee__inner:after {
        font-size: 4.4rem;
    }

    [data-barba-namespace="category"] .first-screen {
        padding-bottom: 5rem;
    }

    .other-projects .unmarked-list {
        margin-bottom: 4rem;
        padding-left: 2rem;
    }

    [data-barba-namespace="about"] .first-screen {
        min-height: calc(var(--vh, 1vh) * 100 - 8.5rem - 17rem);
        padding-bottom: 10rem;
    }

    [data-barba-namespace="about"] .top__socials {
        margin-top: 2rem;
    }

    .all-vacancies {
        width: calc(50% - 1rem);
        padding-top: 24%;
    }

    .all-vacancies__link {
        font-size: 8.8rem;
    }

    .vacancies-marquee {
        margin-top: 26rem;
    }

    .other-clients {
        margin-top: 26rem;
        padding-bottom: 0;
    }

    .other-clients__list {
        margin-top: 5rem;
    }

    .other-clients__list .unmarked-list {
        margin-bottom: 4rem;
        padding-left: 2rem;
    }

    .other-clients__preview-cards {
        margin-top: 21rem;
        margin-bottom: 0;
    }

    .awards-marquee {
        margin-top: 26rem;
    }

    [data-barba-namespace="main"] .first-screen {
        padding-bottom: 11rem;
    }

    [data-barba-namespace="main"] .first-screen .top__socials {
        margin-top: 2rem;
    }

    [data-barba-namespace="main"] .top__socials {
        margin-top: 6rem;
    }

    [data-barba-namespace="main"] .projects {
        margin-top: 20rem;
    }

    .section-details {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }

    .section-footer {
        margin-top: 3.8rem;
        margin-bottom: 11rem;
    }

    .mp-hero {
        font-size: 5.3rem;
    }

    .mp-hero__line--cp {
        display: none;
    }

    .mp-about-link {
        margin-top: 7.8rem;
    }

    .mp-showreel {
        margin-top: 24rem;
    }

    [data-barba-namespace="case"] .first-screen {
        min-height: calc(var(--vh, 1vh) * 100 - 8.5rem - 17rem);
        padding-top: 7rem;
        padding-bottom: 4rem;
    }

    [data-barba-namespace="case"] .first-screen__hide {
        min-height: calc(var(--vh, 1vh) * 100 - 8.5rem - 17rem - 2 * 4rem);
    }

    [data-barba-namespace="case"] .top {
        padding-bottom: 3.5rem;
    }

    [data-barba-namespace="case"] .top h1 {
        font-size: 8.8rem;
        margin-top: -1.8rem !important;
    }

    .case-title,
    .top [class^="col"] .case-title {
        font-size: 8.8rem;
        margin-top: -1.8rem !important;
    }

    .case-info:before {
        left: 1rem;
        right: 1rem;
    }

    .case-info {
        padding-top: 7rem;
    }

    .case-info__params p {
        margin: 5rem 0;
    }

    .case-images {
        margin-top: 2rem;
        margin-bottom: 12rem;
    }

    .case-images + .section .section-head--notitle + .row {
        margin-top: -10rem;
    }

    .case-images__row {
        margin-left: -1rem;
        margin-right: -1rem;
        margin-bottom: -4rem;
    }

    .case-img {
        margin-bottom: 2rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .case-bottom {
        padding-top: 6rem;
    }

    .case-bottom__title-wrap {
        margin-bottom: 4.5rem;
        min-height: 18rem;
    }

    .case-bottom__footer {
        margin-top: 3rem;
    }

    .case-bottom__params {
        margin-top: 0;
    }

    .case-bottom__params p {
        margin-bottom: 4rem;
    }

    .case-img__title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    .case-img__text {
        width: 50%;
    }

    .case-siblings .first-screen {
        min-height: calc(var(--vh, 1vh) * 100 - 8.5rem - 17rem - 4rem);
        padding-top: 0;
    }

    .case-all__title {
        font-size: 5rem;
    }

    [data-barba-namespace="404"] .first-screen {
        min-height: calc(var(--vh, 1vh) * 100 - 8.5rem);
        padding-bottom: 15rem;
    }

    .page-subscribe .content {
        min-height: calc(100vh - 14rem);
    }

    .page-subscribe .subscribe-content-wrap,
    .page-subscribe .first-screen {
        min-height: calc(100vh - 22.5rem);
    }

    .page-subscribe .subscribe-content-upper-block h1 {
        font-size: 1.55rem;
        line-height: 1.4em;
    }

    .subscribe-popup-form-wrap.grey-form {
        margin-left: -2rem;
    }

    .subscribe-content-img {
        bottom: -14rem;
    }

    .subscribe-popup-form-success-wrap {
        padding: 0 2rem;
    }

    .design-accompaniment-img {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen__hide {
        min-height: calc(var(--vh, 1vh) * 100 - 8.5rem - 17rem - 2 * 4rem);
    }

    .large-only {
        display: none;
    }
}

@media (min-width: 1024px) {
    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        width: 8.33333333%;
        box-sizing: border-box;
        min-height: 1px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        position: relative;
    }

    .col-0 {
        display: none;
    }

    .col-1 {
        width: 8.33333333%;
    }

    .col-2 {
        width: 16.66666667%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33333333%;
    }

    .col-5 {
        width: 41.66666667%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33333333%;
    }

    .col-8 {
        width: 66.66666667%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33333333%;
    }

    .col-11 {
        width: 91.66666667%;
    }

    .col-12 {
        width: 100%;
    }

    .col-offset-0 {
        margin-left: 0%;
    }

    .col-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-offset-3 {
        margin-left: 25%;
    }

    .col-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-offset-6 {
        margin-left: 50%;
    }

    .col-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-offset-9 {
        margin-left: 75%;
    }

    .col-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-offset-11 {
        margin-left: 91.66666667%;
    }

    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }

    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }

    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }

    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }

    .footer__img-inner--desktop {
        display: block;
    }

    .menu__img-inner--desktop {
        display: block;
    }

    .form-layer-wrap.form--white .form-column__label--small.form-column__label--small--mobile {
        display: none;
    }

    .vacancies .preview-card {
        /* один элемент */
    }

    .vacancies .preview-card:nth-child(2):nth-last-child(2) {
        margin-right: 25.25%;
    }

    .vacancies .preview-card:nth-child(2):nth-last-child(4) {
        margin-right: 25.25%;
    }

    .vacancies .preview-card:nth-child(4):nth-last-child(2) {
        margin-left: 25.25%;
    }

    .vacancies .preview-card:nth-child(2):nth-last-child(5) {
        margin-right: 25.25%;
    }

    .vacancies .preview-card:nth-child(4):nth-last-child(3) {
        margin-right: 25.25%;
    }

    .vacancies .preview-card:nth-child(2):nth-last-child(6) {
        margin-right: 25.25%;
    }

    .vacancies .preview-card:nth-child(2):nth-last-child(7) {
        margin-right: 25.25%;
    }

    .vacancies .preview-card:nth-child(4):nth-last-child(5) {
        margin-right: 25.25%;
    }

    .vacancies .preview-card:nth-child(7):nth-last-child(2) {
        margin-left: 25%;
    }

    .all-vacancies {
        order: 3;
        margin-right: 1rem;
    }

    .other-clients__preview-cards .preview-card {
        width: calc(50% - 0.5rem);
        margin-right: 0;
        margin-bottom: 2rem;
    }

    .other-clients__preview-cards .preview-card:nth-child(even) {
        margin-left: 1rem;
    }

    .other-clients__preview-cards .preview-card:last-child {
        display: none;
    }

    .other-clients__single-cards .preview-card {
        width: calc(75% - 0.25rem);
        margin-right: 0;
        margin-bottom: 2rem;
    }

    .other-clients__single-cards .preview-card:nth-child(even) {
        margin-left: 1rem;
    }

    .rewards .random-slider__slide--type-1 {
        width: 27.344rem;
    }

    .not-large {
        display: none;
    }
}

@media (min-width: 1025px) {
    .footer-top__right-top .footer-column-menu ul li:hover::after,
    .footer-top__right-top .footer-column-menu ul a:hover::after {
        width: 0%;
        transform: scale(0, 1);
        transition:
            transform 0.3s ease,
            width 0s linear 0.3s;
    }

    .events-item-date-theme:hover::after {
        width: 0%;
        transform: scale(0, 1);
        transition:
            transform 0.3s ease,
            width 0s linear 0.3s;
    }

    .spoiler:hover::after {
        left: 0;
        transform: scale(1, 1);
        transform-origin: left;
        transition: transform 0.8s 0.1s cubic-bezier(0.4, 0.6, 0, 1);
    }

    .page-main-v2 .expertise-list a:hover::after,
    .page-contacts .expertise-list a:hover::after,
    .page-stream .expertise-list a:hover::after,
    .page-projects .expertise-list a:hover::after,
    .page-case-new-design .expertise-list a:hover::after,
    .page-design-accompaniment .expertise-list a:hover::after,
    .page-main-v2 .expertise-list div:hover::after,
    .page-contacts .expertise-list div:hover::after,
    .page-stream .expertise-list div:hover::after,
    .page-projects .expertise-list div:hover::after,
    .page-case-new-design .expertise-list div:hover::after,
    .page-design-accompaniment .expertise-list div:hover::after {
        width: 0%;
        transform: scale(0, 1);
        transition:
            transform 0.3s ease,
            width 0s linear 0.3s;
    }

    .page-main-v2 .experience-top .experience-top__right a:hover::after,
    .page-contacts .experience-top .experience-top__right a:hover::after,
    .page-stream .experience-top .experience-top__right a:hover::after,
    .page-projects .experience-top .experience-top__right a:hover::after,
    .page-case-new-design .experience-top .experience-top__right a:hover::after,
    .page-design-accompaniment .experience-top .experience-top__right a:hover::after {
        width: 0%;
        transform: scale(0, 1);
        transition:
            transform 0.3s ease,
            width 0s linear 0.3s;
    }

    .page-main-v2 .cases-items .case .case-list a:hover::after,
    .page-contacts .cases-items .case .case-list a:hover::after,
    .page-stream .cases-items .case .case-list a:hover::after,
    .page-projects .cases-items .case .case-list a:hover::after,
    .page-case-new-design .cases-items .case .case-list a:hover::after,
    .page-design-accompaniment .cases-items .case .case-list a:hover::after,
    .page-main-v2 .cases-items .case .case-list div:hover::after,
    .page-contacts .cases-items .case .case-list div:hover::after,
    .page-stream .cases-items .case .case-list div:hover::after,
    .page-projects .cases-items .case .case-list div:hover::after,
    .page-case-new-design .cases-items .case .case-list div:hover::after,
    .page-design-accompaniment .cases-items .case .case-list div:hover::after {
        width: 0%;
        transform: scale(0, 1);
        transition:
            transform 0.3s ease,
            width 0s linear 0.3s;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date a:hover::after,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date a:hover::after,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date a:hover::after,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date a:hover::after,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date a:hover::after,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date a:hover::after {
        width: 0%;
        transform: scale(0, 1);
        transition:
            transform 0.3s ease,
            width 0s linear 0.3s;
    }
}

@media (min-width: 1279px) {
    .big-case--product-list > div ul li a:hover::before {
        transform: translateY(-19px);
    }

    .big-case--product-list > div ul li a:hover::after {
        transform: translateY(-19px);
    }
}

@media (max-width: 1279px) and (min-width: 768px), (min-width: 1280px) and (orientation: portrait) {
    .col-ll,
    .col-ll-1,
    .col-ll-2,
    .col-ll-3,
    .col-ll-4,
    .col-ll-5,
    .col-ll-6,
    .col-ll-7,
    .col-ll-8 {
        width: 12.5%;
        box-sizing: border-box;
        min-height: 1px;
        padding-left: 1rem;
        padding-right: 1rem;
        position: relative;
    }

    .col-ll-0 {
        display: none;
    }

    .col-ll-1 {
        width: 12.5%;
    }

    .col-ll-2 {
        width: 25%;
    }

    .col-ll-3 {
        width: 37.5%;
    }

    .col-ll-4 {
        width: 50%;
    }

    .col-ll-5 {
        width: 62.5%;
    }

    .col-ll-6 {
        width: 75%;
    }

    .col-ll-7 {
        width: 87.5%;
    }

    .col-ll-8 {
        width: 100%;
    }

    .col-offset-ll-0 {
        margin-left: 0%;
    }

    .col-offset-ll-1 {
        margin-left: 12.5%;
    }

    .col-offset-ll-2 {
        margin-left: 25%;
    }

    .col-offset-ll-3 {
        margin-left: 37.5%;
    }

    .col-offset-ll-4 {
        margin-left: 50%;
    }

    .col-offset-ll-5 {
        margin-left: 62.5%;
    }

    .col-offset-ll-6 {
        margin-left: 75%;
    }

    .col-offset-ll-7 {
        margin-left: 87.5%;
    }
}

@media (min-width: 1280px) {
    .footer-top .footer-top__left .footer-top__links.footer-top__links--desktop {
        display: block;
    }

    .form--dark .form__input-cell {
        border-bottom: none;
    }

    .form--dark .form__input-cell:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #fff;
        right: 0;
        bottom: 0;
    }

    .form--dark .form__input-cell:after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background-color: #fff;
        left: 0;
        bottom: 0;
    }

    .form--dark .form__input-cell:hover:before {
        width: 0;
        transition: width 0.8s ease;
    }

    .form--dark .form__input-cell:hover:after {
        width: 100%;
        transition: width 0.8s ease 0.5s;
    }

    .form--dark .form__textarea-cell:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #fff;
        right: 0;
        bottom: 0;
    }

    .form--dark .form__textarea-cell:after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background-color: #fff;
        left: 0;
        bottom: 0;
    }

    .form--dark .form__textarea-cell:hover:before {
        width: 0;
        transition: width 0.8s ease;
    }

    .form--dark .form__textarea-cell:hover:after {
        width: 100%;
        transition: width 0.8s ease 0.5s;
    }

    .form--dark .form__submit-cell {
        order: 3;
    }

    .form--dark .form-dropdown:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #fff;
        right: 0;
        bottom: 0;
    }

    .form--dark .form-dropdown:after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background-color: #fff;
        left: 0;
        bottom: 0;
    }

    .form--dark .form-dropdown:hover:before {
        width: 0;
        transition: width 0.8s ease;
    }

    .form--dark .form-dropdown:hover:after {
        width: 100%;
        transition: width 0.8s ease 0.5s;
    }

    .form--dark .form__project-select .select2 {
        border-bottom: none;
    }

    .form--dark .form__project-select .select2:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #fff;
        right: 0;
        bottom: 0;
    }

    .form--dark .form__project-select .select2:after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background-color: #fff;
        left: 0;
        bottom: 0;
    }

    .form--dark .form__project-select .select2:hover:before {
        width: 0;
        transition: width 0.8s ease;
    }

    .form--dark .form__project-select .select2:hover:after {
        width: 100%;
        transition: width 0.8s ease 0.5s;
    }

    .page-main-v2 .expertise .autoplay-progress-big-slider:hover .expertise-big-slider-text,
    .page-contacts .expertise .autoplay-progress-big-slider:hover .expertise-big-slider-text,
    .page-stream .expertise .autoplay-progress-big-slider:hover .expertise-big-slider-text,
    .page-projects .expertise .autoplay-progress-big-slider:hover .expertise-big-slider-text,
    .page-case-new-design .expertise .autoplay-progress-big-slider:hover .expertise-big-slider-text,
    .page-design-accompaniment .expertise .autoplay-progress-big-slider:hover .expertise-big-slider-text {
        animation-name: line-to-full;
        animation-duration: 0.3s;
        animation-timing-function: ease;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
}

@media (min-width: 1281px) {
    ._noscroll-animate {
        width: calc(100% - 11px);
    }

    ._noscroll-animate .header {
        width: calc(100% - 11px);
    }
}

@media (max-width: 1399px) and (min-width: 1280px) {
    .col-xl {
        width: 12.5%;
        box-sizing: border-box;
        min-height: 1px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        position: relative;
    }

    .col-xl-0 {
        display: none;
    }

    .col-offset-xl-0 {
        margin-left: 0 !important;
    }

    .col-xl-1 {
        width: 12.5%;
    }

    .col-xl-2 {
        width: 25%;
    }

    .col-xl-3 {
        width: 37.5%;
    }

    .col-xl-4 {
        width: 50%;
    }

    .col-xl-5 {
        width: 62.5%;
    }

    .col-xl-6 {
        width: 75%;
    }

    .col-xl-7 {
        width: 87.5%;
    }

    .col-xl-8 {
        width: 100%;
    }

    .col-xl-9 {
        width: 112.5%;
    }

    .col-xl-10 {
        width: 125%;
    }

    .col-xl-11 {
        width: 137.5%;
    }

    .col-xl-12 {
        width: 150%;
    }

    .form__checkbox-container {
        font-size: 0.95rem;
    }
}

@media (max-width: 1399px) and (min-width: 1024px) {
    body {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    p {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .header__form-link {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .cp20years {
        left: 15rem;
    }

    .company-name span {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .section-head h1 {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .section-title,
    .section-head--nomargintop .section-title {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .preview-card__top-title {
        font-size: 1rem;
    }

    .project-card__title {
        font-size: 1.3rem;
    }

    html._menu-open .menu__middle {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .airplane-circle {
        width: 9%;
        right: -10px;
        bottom: 0;
    }

    .airplane-circle__link {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .airplane-block {
        width: 9%;
    }

    .airplane-block .airplane-circle {
        margin-bottom: 0;
    }

    .form__radio-cel-desc {
        font-size: 1.1rem;
    }

    .form__radio-item span {
        font-size: 1.1rem;
    }

    .form__input,
    .form__textarea {
        font-size: 1.1rem;
    }

    .form__label {
        font-size: 1rem;
    }

    .form__placeholder {
        font-size: 1.1rem;
    }

    .form__file-fake-label:after {
        bottom: 0.4em;
    }

    .form__data-policy .data-organization-text p,
    .form__data-organization .data-organization-text p {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .form-dropdown-current {
        font-size: 1.1rem;
    }

    .form__file-button {
        font-size: 1.1rem;
    }

    .form__file-preview-btn {
        font-size: 1.1rem;
    }

    .case-slider__slide--text .case-slider__slide-text {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .case-slider__slide-title {
        font-size: 1rem;
    }

    .multi-item__title {
        font-size: 1rem;
        height: 1.3rem;
    }

    .multi-item__text {
        font-size: 1rem;
    }

    .preloader__text {
        font-size: 1rem;
    }

    .disclaimer-box .disclaimer__text p {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .list-title {
        font-size: 1.3rem;
    }

    .section-details {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .case-img__title {
        font-size: 1rem;
    }

    .page-subscribe .subscribe-content-upper-block h1 {
        font-size: 1.15rem;
        line-height: 125%;
    }
}

@media (min-width: 1400px) {
    .case-img p:not([class]) {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .not-xlarge {
        display: none;
    }
}

@media (min-width: 1921px) {
    .airplane-circle__link {
        font-size: 15px;
        line-height: 20px;
    }

    .pirate-block-bg-content {
        padding: 0 0 1.22395833rem 24.73958333rem;
        gap: 0 1.45833333rem;
    }

    .pirate-block-bg-subtitle {
        font-size: 1.5625rem;
    }

    .pirate-block-bg-logos img {
        width: 7.03125rem;
        height: 7.03125rem;
    }

    .pirate-block-bg-logos img:last-child {
        margin-left: -1.45833333rem;
    }

    .pirate-block-bg-content__right a {
        margin-top: 1.5625rem;
        font-size: 0.9375rem;
        padding: 0.4609375rem 1.38020833rem;
    }

    .cases-item__logo {
        align-items: stretch;
    }

    .cases-item__logo img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center 10px;
        object-position: center 10px;
    }
}

@media (max-width: 1770px) {
    .first-screen__subtitle {
        width: 15%;
    }

    .first-screen__title {
        margin-left: 320px;
        font-size: 52px;
    }
}

@media (max-width: 1680px) {
    .header-wrap._header-hidden {
        transform: translateY(-5rem);
    }

    .header {
        height: 5rem;
    }

    .page-main-v2 .header,
    .page-contacts .header,
    .page-about .header,
    .page-stream .header,
    .page-projects .header,
    .page-case-new-design .header,
    .page-category .header,
    .page-category-new .header,
    .page-design-accompaniment .header {
        height: 5rem;
    }

    .page-main-v2 .header__inner,
    .page-contacts .header__inner,
    .page-about .header__inner,
    .page-stream .header__inner,
    .page-projects .header__inner,
    .page-case-new-design .header__inner,
    .page-category .header__inner,
    .page-category-new .header__inner,
    .page-design-accompaniment .header__inner {
        height: 5rem;
    }

    .logo {
        width: 7.03125rem;
        height: 0.98958333rem;
    }

    .page-main-v2 .logo,
    .page-contacts .logo,
    .page-about .logo,
    .page-stream .logo,
    .page-projects .logo,
    .page-case-new-design .logo,
    .page-category .logo,
    .page-category-new .logo,
    .page-design-accompaniment .logo {
        left: 2.8rem;
        width: 7.03125rem;
        height: 0.98958333rem;
    }

    .page-main-v2 .logo-image,
    .page-contacts .logo-image,
    .page-about .logo-image,
    .page-stream .logo-image,
    .page-projects .logo-image,
    .page-case-new-design .logo-image,
    .page-category .logo-image,
    .page-category-new .logo-image,
    .page-design-accompaniment .logo-image {
        width: 2.34375rem;
        height: 2.34375rem;
    }

    .burger {
        margin: -0.95rem 0 0 -1rem;
        width: 1.82291667rem;
        height: 1.82291667rem;
    }

    .header__presetnation-btn {
        font-size: 0.9765625rem;
        padding: 0.98958333rem 2.34375rem 0.98958333rem 3.125rem;
    }

    .header__new-project-btn {
        font-size: 1.04166667rem;
        padding: 0.9375rem 2.08333333rem 0.9375rem;
    }

    .page-main-v2 .burger-wrap .burger-text,
    .page-contacts .burger-wrap .burger-text,
    .page-stream .burger-wrap .burger-text,
    .page-projects .burger-wrap .burger-text,
    .page-case .burger-wrap .burger-text,
    .page-case-new-design .burger-wrap .burger-text,
    .page-about .burger-wrap .burger-text,
    .page-category .burger-wrap .burger-text,
    .page-category-new .burger-wrap .burger-text,
    .page-design-accompaniment .burger-wrap .burger-text,
    .page-subscribe .burger-wrap .burger-text {
        font-size: 1.12792969rem;
    }

    .page-main-v2 .burger-wrap .burger,
    .page-contacts .burger-wrap .burger,
    .page-stream .burger-wrap .burger,
    .page-projects .burger-wrap .burger,
    .page-case .burger-wrap .burger,
    .page-case-new-design .burger-wrap .burger,
    .page-about .burger-wrap .burger,
    .page-category .burger-wrap .burger,
    .page-category-new .burger-wrap .burger,
    .page-design-accompaniment .burger-wrap .burger,
    .page-subscribe .burger-wrap .burger {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0;
    }

    .page-main-v2 .burger-wrap .burger .burger__1,
    .page-contacts .burger-wrap .burger .burger__1,
    .page-stream .burger-wrap .burger .burger__1,
    .page-projects .burger-wrap .burger .burger__1,
    .page-case .burger-wrap .burger .burger__1,
    .page-case-new-design .burger-wrap .burger .burger__1,
    .page-about .burger-wrap .burger .burger__1,
    .page-category .burger-wrap .burger .burger__1,
    .page-category-new .burger-wrap .burger .burger__1,
    .page-design-accompaniment .burger-wrap .burger .burger__1,
    .page-subscribe .burger-wrap .burger .burger__1,
    .page-main-v2 .burger-wrap .burger .burger__2,
    .page-contacts .burger-wrap .burger .burger__2,
    .page-stream .burger-wrap .burger .burger__2,
    .page-projects .burger-wrap .burger .burger__2,
    .page-case .burger-wrap .burger .burger__2,
    .page-case-new-design .burger-wrap .burger .burger__2,
    .page-about .burger-wrap .burger .burger__2,
    .page-category .burger-wrap .burger .burger__2,
    .page-category-new .burger-wrap .burger .burger__2,
    .page-design-accompaniment .burger-wrap .burger .burger__2,
    .page-subscribe .burger-wrap .burger .burger__2,
    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        width: 1.14583333rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        bottom: 0.26041667rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"] {
        background-size: 100% 0.05208333rem;
    }

    .desktop .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.05208333rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .form__submit {
        max-width: 11.19791667rem;
    }

    html._menu-open .menu__header {
        height: 5rem;
    }

    ._menu-open .menu-wrap-new .header.menu__header {
        height: 5rem;
    }

    .menu-wrap-new .header.menu__header .header__inner {
        height: 5rem;
    }

    .menu-wrap-new .menu__close {
        font-size: 1.12792969rem;
    }

    .menu-wrap-new .menu__close:before,
    .menu-wrap-new .menu__close:after {
        margin-top: 0;
        left: 86%;
    }

    html._form-open .form-layer__header {
        height: 5rem;
    }

    .form-white-new .form-layer-top .form-layer-top__left {
        width: 31.25rem;
    }

    .form-white-new .form-layer-top .form-layer-top__right {
        width: calc(100% - 1.04166667rem - 31.25rem);
    }

    .header.form-layer__header .header__inner {
        height: 5rem;
    }

    .form-layer__scroll-wrap {
        padding-top: 12.5rem;
    }

    .form-layer__success a {
        font-size: 1.04166667rem;
    }

    .form-column .form__submit {
        max-width: 11.19791667rem;
    }

    .form__checkbox-cell .form__checkbox-item span:not(.form__checkbox-custom) br {
        display: none;
    }

    .desktop .desktop .form__checkbox-cell a:hover:hover {
        background-size: 0% 0.05208333rem;
    }

    .page-main .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"] {
        background-size: 100% 0.05208333rem;
    }

    .desktop
        .page-main
        .form-block--bottom
        .form__checkbox-item
        span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.05208333rem;
    }

    .page-main.desktop .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.05208333rem;
    }

    [data-barba-namespace="main"] .first-screen {
        padding-top: 3rem;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header,
    .page-contacts.page-main-v2._form-open .form-layer__header {
        height: 5rem;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header .header__inner,
    .page-contacts.page-main-v2._form-open .form-layer__header .header__inner {
        height: 5rem;
    }

    .cases-wrap {
        margin-bottom: 10rem;
    }

    .page-main-v2 .expertise-list a,
    .page-contacts .expertise-list a,
    .page-stream .expertise-list a,
    .page-projects .expertise-list a,
    .page-case-new-design .expertise-list a,
    .page-design-accompaniment .expertise-list a,
    .page-main-v2 .expertise-list div,
    .page-contacts .expertise-list div,
    .page-stream .expertise-list div,
    .page-projects .expertise-list div,
    .page-case-new-design .expertise-list div,
    .page-design-accompaniment .expertise-list div {
        font-size: 1.125rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .cases-items .case .case-list a,
    .page-contacts .cases-items .case .case-list a,
    .page-stream .cases-items .case .case-list a,
    .page-projects .cases-items .case .case-list a,
    .page-case-new-design .cases-items .case .case-list a,
    .page-design-accompaniment .cases-items .case .case-list a,
    .page-main-v2 .cases-items .case .case-list div,
    .page-contacts .cases-items .case .case-list div,
    .page-stream .cases-items .case .case-list div,
    .page-projects .cases-items .case .case-list div,
    .page-case-new-design .cases-items .case .case-list div,
    .page-design-accompaniment .cases-items .case .case-list div {
        font-size: 1.125rem;
    }

    .page-case-new-design .first-screen-case {
        margin-top: 5rem;
    }

    .case-info .case-info__top a.underline::after {
        border-width: 1px;
    }

    .page-design-accompaniment .header.form-layer__header {
        height: 0;
    }

    .page-design-accompaniment._form-open .header.form-layer__header {
        height: 5rem;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small {
        width: calc(33.33% - 1.04166667rem * 2 / 3);
    }

    .all-events-filters-wrap._fixed._filter-header-visible {
        top: 5.98958333rem;
    }

    .contacts-links-item > div a:after,
    .contacts-info-item > div a:after,
    .contacts-links-item > div span:after,
    .contacts-info-item > div span:after {
        border-bottom: 1px solid currentColor;
    }

    .form-column .form__file-button {
        font-size: 0.9375rem;
    }

    .form-column .form-block .download-link {
        font-size: 0.9375rem;
    }

    .form-column__preview p {
        font-size: 0.9375rem;
    }

    .form-block--bottom + .underline {
        font-size: 0.8125rem;
        margin-left: 12.60416667rem;
    }

    .form-block--bottom > .underline:not([href^="tel:"]) {
        font-size: 0.88541667rem;
        margin: 2.70833333rem 0 1.25rem 12.60416667rem;
    }

    .form-block--bottom .form__checkbox-cell {
        margin-left: 1.30208333rem;
    }

    .form-block--bottom .form__checkbox-cell:first-child {
        width: 45%;
    }

    .form-block--bottom .form__checkbox-cell:last-child {
        width: 53%;
    }

    .form-block--bottom .form__checkbox-cell a {
        background-size: 100% 1px;
    }

    .desktop .form-block--bottom .form__checkbox-cell a:hover {
        background-size: 0% 1px;
    }
}

@media (max-width: 1600px) {
    .mt-70 {
        margin-top: 64px !important;
    }

    .popup-bottom[data-popup-name="subscribe"],
    .popup-bottom[data-popup-name="subscribe-info"] {
        /*.popup-subscribe-content__title {
                .accent,
                p.accent {
                    font-size: 2.15rem;
                }
            }*/ /*.subscribe-popup-form-wrap {
                margin-top: 2.5rem;
            }*/ /*.subscribe-letter-item {
                width: calc(50% - 2.1rem / 2);
            }*/
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-bottom__inner,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__inner {
        padding-bottom: 3.5rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle {
        padding-right: 10%;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle p,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle p {
        font-size: 1.04rem;
        line-height: 120%;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-items,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-items {
        margin-top: 2.7rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-item__text p,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-item__text p {
        font-size: 0.83333333rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-item__icon,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-item__icon {
        width: 1.2rem;
        height: 1.2rem;
    }

    [data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__text {
        margin-top: 1.5rem;
    }

    [data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__subtitle {
        width: 29rem;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-items {
        width: calc(100% - 43rem);
        padding-right: 4rem;
    }

    .big-link {
        font-size: 1rem;
    }

    .page-unsubscribe-success .subscribe-wrap__title,
    .page-subscribe-success .subscribe-wrap__title {
        font-size: 5.6rem;
    }

    .subscribe-wrap__img img {
        margin-top: 9rem;
    }

    .subscribe-wrap__title-wrap {
        margin-bottom: 0.5rem;
    }

    .subscribe-wrap__text p {
        font-size: 1.18rem;
    }

    .page-subscribe .form-column__input,
    .page-subscribe .form-column__label {
        font-size: 0.95rem;
    }

    .page-subscribe .form-column__label {
        margin-top: 0.5rem;
    }

    .page-subscribe .subscribe-popup-form__agree-text {
        min-width: 296px;
        font-size: 0.7rem;
    }

    .subscribe-popup-form__agree-text {
        min-width: 300px;
        font-size: 0.7rem;
    }

    .subscribe-popup-form__inner .error-label {
        font-size: 0.65rem;
        margin-top: 0.1rem;
    }

    .popup-subscribe-content__subtitle {
        padding-top: 0.8rem;
    }

    .subscribe-content-wrap {
        padding-top: 2.8rem;
    }

    .subscribe-content-wrap p {
        font-size: 1rem;
        line-height: 125%;
    }

    .subscribe-content-wrap .accent,
    .subscribe-content-wrap p.accent {
        font-size: 2.03rem;
        line-height: 125%;
    }

    .subscribe-content-wrap .subscribe-content__title {
        width: 65%;
        margin-top: 4rem;
    }

    .subscribe-content-wrap .popup-subscribe-content__subtitle {
        width: 43%;
        margin-top: 1.5rem;
    }

    .subscribe-content-wrap .subscribe-letter-items {
        width: 120%;
        margin-top: 3.2rem;
        gap: 1.5rem 2.5rem;
    }

    .subscribe-content-wrap .subscribe-letter-item__icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .subscribe-content-wrap .subscribe-letter-item__text {
        padding-left: 0.5rem;
    }

    .subscribe-content-wrap .form-column__input {
        padding: 9px 0 !important;
        font-size: 0.95rem;
    }

    .subscribe-content-img {
        right: 0;
    }

    .rewards .random-slider__slide--type-4 .random-slider__slide-desc-wrap {
        height: 380px;
    }

    .rewards .random-slider__slide--type-1 .random-slider__slide-desc-wrap {
        height: 225px;
    }
}

@media (max-width: 1599px) {
    .header-wrap._header-hidden {
        transform: translateY(-5.57291667rem);
    }

    .header {
        height: 5.57291667rem;
    }

    .page-main-v2 .header,
    .page-contacts .header,
    .page-about .header,
    .page-stream .header,
    .page-projects .header,
    .page-case-new-design .header,
    .page-category .header,
    .page-category-new .header,
    .page-design-accompaniment .header {
        height: 5.57291667rem;
    }

    .page-main-v2 .header__inner,
    .page-contacts .header__inner,
    .page-about .header__inner,
    .page-stream .header__inner,
    .page-projects .header__inner,
    .page-case-new-design .header__inner,
    .page-category .header__inner,
    .page-category-new .header__inner,
    .page-design-accompaniment .header__inner {
        height: 5.57291667rem;
    }

    .page-main-v2 .logo,
    .page-contacts .logo,
    .page-about .logo,
    .page-stream .logo,
    .page-projects .logo,
    .page-case-new-design .logo,
    .page-category .logo,
    .page-category-new .logo,
    .page-design-accompaniment .logo {
        left: 3.2rem;
        width: 9.34895833rem;
        height: 1.31510417rem;
    }

    .page-main-v2 .logo-image,
    .page-contacts .logo-image,
    .page-about .logo-image,
    .page-stream .logo-image,
    .page-projects .logo-image,
    .page-case-new-design .logo-image,
    .page-category .logo-image,
    .page-category-new .logo-image,
    .page-design-accompaniment .logo-image {
        width: 2.60416667rem;
        height: 2.60416667rem;
    }

    .burger {
        width: 2.34375rem;
        height: 2.34375rem;
    }

    .page-main-v2 .burger-wrap .burger-text,
    .page-contacts .burger-wrap .burger-text,
    .page-stream .burger-wrap .burger-text,
    .page-projects .burger-wrap .burger-text,
    .page-case .burger-wrap .burger-text,
    .page-case-new-design .burger-wrap .burger-text,
    .page-about .burger-wrap .burger-text,
    .page-category .burger-wrap .burger-text,
    .page-category-new .burger-wrap .burger-text,
    .page-design-accompaniment .burger-wrap .burger-text,
    .page-subscribe .burger-wrap .burger-text {
        font-size: 1.25rem;
    }

    .page-main-v2 .burger-wrap .burger,
    .page-contacts .burger-wrap .burger,
    .page-stream .burger-wrap .burger,
    .page-projects .burger-wrap .burger,
    .page-case .burger-wrap .burger,
    .page-case-new-design .burger-wrap .burger,
    .page-about .burger-wrap .burger,
    .page-category .burger-wrap .burger,
    .page-category-new .burger-wrap .burger,
    .page-design-accompaniment .burger-wrap .burger,
    .page-subscribe .burger-wrap .burger {
        width: 1.66666667rem;
        height: 1.66666667rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__1,
    .page-contacts .burger-wrap .burger .burger__1,
    .page-stream .burger-wrap .burger .burger__1,
    .page-projects .burger-wrap .burger .burger__1,
    .page-case .burger-wrap .burger .burger__1,
    .page-case-new-design .burger-wrap .burger .burger__1,
    .page-about .burger-wrap .burger .burger__1,
    .page-category .burger-wrap .burger .burger__1,
    .page-category-new .burger-wrap .burger .burger__1,
    .page-design-accompaniment .burger-wrap .burger .burger__1,
    .page-subscribe .burger-wrap .burger .burger__1,
    .page-main-v2 .burger-wrap .burger .burger__2,
    .page-contacts .burger-wrap .burger .burger__2,
    .page-stream .burger-wrap .burger .burger__2,
    .page-projects .burger-wrap .burger .burger__2,
    .page-case .burger-wrap .burger .burger__2,
    .page-case-new-design .burger-wrap .burger .burger__2,
    .page-about .burger-wrap .burger .burger__2,
    .page-category .burger-wrap .burger .burger__2,
    .page-category-new .burger-wrap .burger .burger__2,
    .page-design-accompaniment .burger-wrap .burger .burger__2,
    .page-subscribe .burger-wrap .burger .burger__2,
    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        width: 1.25rem;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * {
        font-size: 3.33333333rem;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * img {
        width: 3.02083333rem;
        height: 3.02083333rem;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * img {
        margin-bottom: -0.35rem;
    }

    html._menu-open .menu__header {
        height: 5.57291667rem;
    }

    .menu__close {
        top: 48%;
    }

    ._menu-open .menu-wrap-new .header.menu__header {
        height: 5.57291667rem;
    }

    .menu-wrap-new .header.menu__header .header__inner {
        height: 5.57291667rem;
    }

    .menu-wrap-new .menu__close {
        font-size: 1.25rem;
        left: 48.5%;
    }

    .menu-wrap-new .menu__close:before,
    .menu-wrap-new .menu__close:after {
        left: 91%;
    }

    html._form-open .form-layer__header {
        height: 5.57291667rem;
    }

    .form-layer-wrap.form--white .form-check-tags .check-tag label {
        font-size: 1.04166667rem;
    }

    .form-layer-wrap.form--white .form-column__label--small {
        font-size: 0.85rem;
    }

    .form-layer-wrap.form--white .textarea-block .form-column__label {
        margin-top: 5px;
    }

    .header.form-layer__header .header__inner {
        height: 5.57291667rem;
    }

    .sound-switch {
        top: 20px;
        right: 20px;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item.light-text {
        width: 14rem !important;
    }

    .category-top-nav li a {
        font-size: 1rem;
        padding: 1.2rem 0;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header,
    .page-contacts.page-main-v2._form-open .form-layer__header {
        height: 5.57291667rem;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header .header__inner,
    .page-contacts.page-main-v2._form-open .form-layer__header .header__inner {
        height: 5.57291667rem;
    }

    .page-main-new .expertise .expertise-title,
    .page-contacts .expertise .expertise-title {
        font-size: 50px;
    }

    .page-main-new .expertise .expertise-subtitle,
    .page-contacts .expertise .expertise-subtitle {
        font-size: 18px;
    }

    .page-main-new .expertise .expertise__right p,
    .page-contacts .expertise .expertise__right p {
        font-size: 38px;
    }

    .page-main-new .expertise-projects .projects-list a,
    .page-contacts .expertise-projects .projects-list a {
        font-size: 18px;
    }

    .page-main-new .working .working-title,
    .page-contacts .working .working-title {
        font-size: 50px;
    }

    .page-main-new .working p,
    .page-contacts .working p {
        font-size: 28px;
    }

    .page-main-new .text-block p,
    .page-contacts .text-block p {
        font-size: 50px;
    }

    .page-main-new .awards .awards-numbers div,
    .page-contacts .awards .awards-numbers div {
        font-size: 38px;
    }

    .page-main-new .awards a,
    .page-contacts .awards a {
        font-size: 18px;
    }

    .page-main-new .awards ul li,
    .page-contacts .awards ul li {
        font-size: 18px;
    }

    .big-case--name {
        font-size: 50px;
    }

    .big-case--desc {
        margin-bottom: 75px;
    }

    .big-case--desc {
        margin-bottom: 35px;
    }

    .big-case--title {
        font-size: 38px;
    }

    .big-case--product-list > div ul li {
        font-size: 18px;
    }

    .big-case--product-list > div ul li a {
        font-size: 18px;
    }

    .cases-wrap {
        margin-bottom: 10rem;
    }

    .case-item > p {
        font-size: 28px;
    }

    .case-item--title {
        font-size: 50px;
    }

    .case-item--desc div {
        font-size: 18px;
    }

    .case-item--services > div ul li {
        font-size: 18px;
    }

    .text-style p {
        font-size: 18px;
    }

    .first-screen__title {
        margin-left: 220px;
        width: 60%;
    }

    .first-screen__title span:not([class]) {
        text-indent: 325px;
    }

    .page-main-v2 .bg-start,
    .page-contacts .bg-start,
    .page-stream .bg-start,
    .page-projects .bg-start,
    .page-case-new-design .bg-start,
    .page-design-accompaniment .bg-start {
        height: 35vh;
    }

    .page-main-v2 .expertise-list a,
    .page-contacts .expertise-list a,
    .page-stream .expertise-list a,
    .page-projects .expertise-list a,
    .page-case-new-design .expertise-list a,
    .page-design-accompaniment .expertise-list a,
    .page-main-v2 .expertise-list div,
    .page-contacts .expertise-list div,
    .page-stream .expertise-list div,
    .page-projects .expertise-list div,
    .page-case-new-design .expertise-list div,
    .page-design-accompaniment .expertise-list div {
        font-size: 1.25rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .expertise-small-slider,
    .page-contacts .expertise-small-slider,
    .page-stream .expertise-small-slider,
    .page-projects .expertise-small-slider,
    .page-case-new-design .expertise-small-slider,
    .page-design-accompaniment .expertise-small-slider {
        max-width: initial;
        width: 72.5%;
    }

    .page-main-v2 .expertise .expertise-title,
    .page-contacts .expertise .expertise-title,
    .page-stream .expertise .expertise-title,
    .page-projects .expertise .expertise-title,
    .page-case-new-design .expertise .expertise-title,
    .page-design-accompaniment .expertise .expertise-title {
        font-size: 2.1rem;
    }

    .page-main-v2 .expertise .expertise-subtitle,
    .page-contacts .expertise .expertise-subtitle,
    .page-stream .expertise .expertise-subtitle,
    .page-projects .expertise .expertise-subtitle,
    .page-case-new-design .expertise .expertise-subtitle,
    .page-design-accompaniment .expertise .expertise-subtitle {
        font-size: 1.6rem;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .cases-items .case .case-list a,
    .page-contacts .cases-items .case .case-list a,
    .page-stream .cases-items .case .case-list a,
    .page-projects .cases-items .case .case-list a,
    .page-case-new-design .cases-items .case .case-list a,
    .page-design-accompaniment .cases-items .case .case-list a,
    .page-main-v2 .cases-items .case .case-list div,
    .page-contacts .cases-items .case .case-list div,
    .page-stream .cases-items .case .case-list div,
    .page-projects .cases-items .case .case-list div,
    .page-case-new-design .cases-items .case .case-list div,
    .page-design-accompaniment .cases-items .case .case-list div {
        font-size: 1.09375rem;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case {
        padding-top: 4.94791667rem;
    }

    .page-case-new-design .section ol li {
        padding-left: 2.29166667rem;
    }

    .page-case-new-design .section ul li {
        padding-left: 2.29166667rem;
    }

    .page-case-new-design .section ul li:before {
        width: 2.08333333rem;
        height: 2.08333333rem;
        left: -1.875rem;
        top: -0.10416667rem;
    }

    .page-case-new-design .first-screen-case {
        margin-top: 5.57291667rem;
    }

    .case-info-description-box .case-info-description__left span:last-child {
        margin-top: 2.05729167rem;
    }

    .subscribe-popup-form-wrap.grey-form .subscribe-popup-form__agree-text {
        font-size: 0.7rem;
    }

    .page-design-accompaniment .header.form-layer__header {
        height: 0;
    }

    .page-design-accompaniment._form-open .header.form-layer__header {
        height: 5.57291667rem;
    }

    .workers-line-group-head .workers-line__item {
        min-height: initial;
        height: 0;
        padding-bottom: 23%;
    }

    .cases .random-slider {
        margin-left: -73.5rem;
    }

    .stream-card-title {
        font-size: 20px;
    }

    .all-events-filters-wrap._fixed._filter-header-visible {
        top: 6.51041667rem;
    }

    .stream-card-speaker-post {
        font-size: 12px;
    }

    .contacts-links-item > div a:after,
    .contacts-info-item > div a:after,
    .contacts-links-item > div span:after,
    .contacts-info-item > div span:after {
        border-bottom: 1px solid currentColor;
    }

    .form-column__preview p {
        font-size: 1.04166667rem;
    }

    .form-column__preview p {
        font-size: 1.10416667rem;
    }

    .form-check-tags__col {
        width: 35%;
    }

    .check-tag label {
        font-size: 1.06770833rem;
        padding: 0.65104167rem 1.61458333rem;
    }

    .form-block--bottom + .underline {
        font-size: 0.90364583rem;
    }
}

@media (max-width: 1560px) {
    .wrap-page-event {
        padding: 16px 24px;
    }

    .wrap-page-event-bottom a {
        font-size: 14px;
    }

    .event-desc-text {
        font-size: 24px;
        max-width: 510px;
    }

    .wrap-page-event-bottom__left {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px 0;
    }

    .event-social {
        padding: 25px 30px 25px 30px;
    }

    .wrap-page-event-content .btn-green {
        top: 60%;
    }

    .img-title {
        max-width: 100%;
    }

    .img-title-box-img-1 {
        width: 10%;
        left: 11%;
    }

    .img-title-box-img-3 {
        top: 207%;
    }
}

@media (max-width: 1500px) {
    .page-main-v2 .bg-start,
    .page-contacts .bg-start,
    .page-stream .bg-start,
    .page-projects .bg-start,
    .page-case-new-design .bg-start,
    .page-design-accompaniment .bg-start {
        height: 32vh;
    }

    .teams-spec__item-img img {
        max-width: 93%;
        max-height: 93%;
    }

    .form-column-title {
        padding-right: 32px;
        max-width: 340px;
        box-sizing: border-box;
        min-width: 310px;
    }
}

@media (max-width: 1400px) {
    .popup-bottom[data-popup-name="subscribe"],
    .popup-bottom[data-popup-name="subscribe-info"] {
        /*.subscribe-popup-form-wrap {
                margin-top: 2.2rem;
            }*/ /*.subscribe-popup-form__submit-block {
                margin-left: 2.5rem;
                width: 36rem;
            }*/ /*.subscribe-letter-items {
                margin-top: 1.3rem;
                gap: 1rem 2.1rem;
            }*/ /*.popup-subscribe-content__title {
                .accent,
                p.accent {
                    font-size: 2.55rem;
                    line-height: 120%;
                }
            }*/
    }

    .popup-bottom[data-popup-name="subscribe"] .form-column__input,
    .popup-bottom[data-popup-name="subscribe-info"] .form-column__input {
        padding: 10px 0;
    }

    .popup-bottom[data-popup-name="subscribe"] .form-column__input,
    .popup-bottom[data-popup-name="subscribe-info"] .form-column__input,
    .popup-bottom[data-popup-name="subscribe"] .form-column__label:not(.error-label),
    .popup-bottom[data-popup-name="subscribe-info"] .form-column__label:not(.error-label) {
        font-size: 1.2rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .form__submit,
    .popup-bottom[data-popup-name="subscribe-info"] .form__submit {
        margin-left: 0 !important;
        margin-right: 1.2rem;
        font-size: 1.2rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .form__submit span,
    .popup-bottom[data-popup-name="subscribe-info"] .form__submit span {
        padding: 14px 46px !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .form__submit span:before,
    .popup-bottom[data-popup-name="subscribe-info"] .form__submit span:before {
        font-size: 1.2rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__agree-text,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__agree-text {
        width: 100%;
        font-size: 0.8rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle {
        padding-right: 20%;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle p,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle p {
        font-size: 1.15rem;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item.light-text {
        width: 13rem !important;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item.light-text p {
        font-size: 0.9rem !important;
        line-height: 120% !important;
    }

    .big-link {
        font-size: 1.15rem;
    }

    .page-unsubscribe-success .subscribe-wrap__title,
    .page-subscribe-success .subscribe-wrap__title {
        font-size: 6.6rem;
    }

    .subscribe-wrap__title-wrap {
        margin-bottom: 1.5rem;
    }

    .subscribe-wrap__text p {
        font-size: 1.4rem;
    }

    .page-subscribe .input-text-line__inner {
        min-width: 21rem !important;
    }

    .page-subscribe .form-column__input,
    .page-subscribe .form-column__label {
        font-size: 1rem;
    }

    .page-subscribe .form-column__label {
        margin-top: 1rem;
    }

    .page-subscribe .subscribe-popup-form__submit-block {
        width: 25rem;
    }

    .page-subscribe .subscribe-popup-form__agree-text {
        font-size: 0.8rem !important;
    }

    .subscribe-popup-form__inner .error-label {
        margin-top: 0;
        font-size: 0.8rem !important;
    }

    .subscribe-content-wrap {
        padding-top: 3.3rem;
    }

    .subscribe-content-wrap p {
        font-size: 1.15rem;
    }

    .subscribe-content-wrap .accent,
    .subscribe-content-wrap p.accent {
        font-size: 2.5rem;
        line-height: 120%;
    }

    .subscribe-content-wrap .subscribe-content__title {
        width: 75%;
        margin-top: 2.2rem;
    }

    .subscribe-content-wrap .popup-subscribe-content__subtitle {
        width: 50%;
    }

    .subscribe-content-wrap .subscribe-letter-items {
        width: 80%;
        gap: 1.5rem 3.1rem;
    }

    .subscribe-content-wrap .subscribe-letter-item__text {
        padding-left: 0.8rem;
    }

    .subscribe-content-wrap .form-column__input {
        padding: 13px 0 !important;
        font-size: 1rem;
    }

    .form-column .form-block {
        padding-bottom: 24px;
    }
}

@media (max-width: 1399px) {
    .page-main-v2 .burger-wrap .burger,
    .page-contacts .burger-wrap .burger,
    .page-stream .burger-wrap .burger,
    .page-projects .burger-wrap .burger,
    .page-case .burger-wrap .burger,
    .page-case-new-design .burger-wrap .burger,
    .page-about .burger-wrap .burger,
    .page-category .burger-wrap .burger,
    .page-category-new .burger-wrap .burger,
    .page-design-accompaniment .burger-wrap .burger,
    .page-subscribe .burger-wrap .burger {
        margin: 0.1rem 0 0 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment .form__submit {
        max-width: 11.71875rem;
        font-size: 1.171875rem;
        padding: 7px 0;
    }

    .form-layer-wrap.form--white .form-column__label--small {
        font-size: 1.385rem;
    }

    .form-layer-wrap.form--white .form-column__label--big {
        font-size: 4.78rem;
        margin-bottom: 2.45rem;
    }

    .form-layer-wrap.form--white .form-column__label.error-label {
        font-size: 0.9rem;
    }

    .form-layer__desc {
        max-width: 465px;
    }

    .form-layer__desc span {
        display: inline;
    }

    .form__checkbox {
        max-height: 405px;
        margin-bottom: 35px;
    }

    .form__checkbox-item {
        margin-bottom: 17px;
    }

    .form__inner {
        flex-wrap: wrap;
    }

    .form-layer__success a {
        font-size: 1.14583333rem;
    }

    .form__radio-cell {
        padding-left: 0;
        margin-bottom: 25px;
    }

    .form-column .form__submit {
        max-width: 11.71875rem;
        font-size: 1.171875rem;
        padding: 7px 0;
    }

    .form__submit-wrap .form__checkbox-cell {
        max-width: 270px;
    }

    .form--dark .form__checkbox-cell {
        max-width: 300px;
    }

    .disclaimer-box .disclaimer__inner {
        height: 21rem;
    }

    .about-partners .about-partners-item.about-partners-item--wolfenfox .about-partners-item--img img {
        width: 86%;
    }

    .first-screen__subtitle {
        width: 18%;
    }

    .first-screen__title {
        margin-left: 130px;
        font-size: 38px;
    }

    .first-screen__title span:not([class]) {
        text-indent: 230px;
    }

    .page-main-v2 .bg-start,
    .page-contacts .bg-start,
    .page-stream .bg-start,
    .page-projects .bg-start,
    .page-case-new-design .bg-start,
    .page-design-accompaniment .bg-start {
        height: 31vh;
    }

    .case-siblings__next {
        height: calc(100vh + 0.4rem);
    }

    .back-link span {
        display: block;
        text-align: right;
    }

    .section-case-team-items {
        margin-top: 0.390625rem;
    }

    .form-design-accompaniment .form__checkbox-cell {
        max-width: initial;
    }

    .cases .random-slider {
        margin-left: -73.1rem;
    }

    .form-column {
        width: auto;
        flex-shrink: unset;
    }

    .form-block .form-column__label.error-label {
        font-size: 1rem;
    }

    html._form-open
        .form-layer-wrap.form--white
        .form-block.form-block-person-information
        .form-column__label.error-label {
        top: 73%;
    }

    html._form-open
        .form-layer-wrap.form--white
        .form-block.form-block-person-information
        .input-text-line--two
        .form-column__label.error-label {
        top: 115%;
    }

    html._form-open .form-layer-wrap.form--white .form-block .form-column__label.error-label {
        top: 110%;
    }

    .form-block--bottom + .underline {
        font-size: 0.953125rem;
        margin-left: 13.02083333rem;
    }

    .form-block--bottom > .underline:not([href^="tel:"]) {
        font-size: 0.9765625rem;
        margin: 3.80859375rem 0 2.34375rem 13.18359375rem;
    }

    .form-block--bottom {
        margin-top: 7.03125rem;
    }

    .xlarge-only {
        display: none;
    }
}

@media (max-width: 1300px) {
    .popup-bottom[data-popup-name="subscribe"],
    .popup-bottom[data-popup-name="subscribe-info"] {
        /*.form-column__input,
                .form-column__label {
                    font-size: 1.35rem;
                }*/ /*.subscribe-letter-items {
                margin-bottom: 2rem;
                gap: 2.2rem 2.1rem;
                max-width: 100%;
            }*/ /*.subscribe-letter-item__text {
                padding-left: 1.2rem;

                p {
                    font-size: 1.5rem;
                }
            }*/
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-bottom__inner,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__inner {
        padding-bottom: 2.8rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__title,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__title {
        margin-bottom: 0;
        padding-right: 20%;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__inner,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__inner {
        flex-wrap: wrap;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__agree-block,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__agree-block {
        display: none;
    }

    .popup-bottom[data-popup-name="subscribe"]
        .subscribe-popup-form__agree-block
        .subscribe-popup-form__agree-text,
    .popup-bottom[data-popup-name="subscribe-info"]
        .subscribe-popup-form__agree-block
        .subscribe-popup-form__agree-text {
        width: 100%;
        max-width: 100% !important;
        font-size: 1.09rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__agree-block .form__checkbox-item,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__agree-block .form__checkbox-item {
        margin-right: 10px;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__agree-block.mobile,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__agree-block.mobile {
        /*width: 75%;*/
        display: flex;
        margin-top: 2.5rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .input-text-line,
    .popup-bottom[data-popup-name="subscribe-info"] .input-text-line {
        width: 20rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__submit-block,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__submit-block {
        width: calc(100% - 24.5rem);
        margin-left: 3.5rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .input-text-line__inner,
    .popup-bottom[data-popup-name="subscribe-info"] .input-text-line__inner {
        width: 20rem !important;
        min-width: 20rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .form-column__input,
    .popup-bottom[data-popup-name="subscribe-info"] .form-column__input,
    .popup-bottom[data-popup-name="subscribe"] .form-column__label:not(.error-label),
    .popup-bottom[data-popup-name="subscribe-info"] .form-column__label:not(.error-label) {
        font-size: 1.2rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__text,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__text {
        display: block;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle {
        max-width: 100%;
        padding-right: 20%;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle p,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle p {
        font-size: 1.52rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-item__icon,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-item__icon {
        width: 2rem;
        height: 2rem;
    }

    .popup-bottom .input-text-line .form-column__label {
        margin-top: 0.6rem;
    }
}

@media (max-width: 1280px) {
    .subscribe-popup-form__agree-text {
        width: 70%;
        font-size: 10px;
    }

    .check-tag label {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width: 1279px) {
    .header-wrap._header-hidden {
        transform: translateY(-6.34765625rem);
    }

    .header {
        height: 6.34765625rem;
    }

    .page-main-v2 .header,
    .page-contacts .header,
    .page-about .header,
    .page-stream .header,
    .page-projects .header,
    .page-case-new-design .header,
    .page-category .header,
    .page-category-new .header,
    .page-design-accompaniment .header {
        height: 6.34765625rem;
    }

    .page-main-v2 .header__inner,
    .page-contacts .header__inner,
    .page-about .header__inner,
    .page-stream .header__inner,
    .page-projects .header__inner,
    .page-case-new-design .header__inner,
    .page-category .header__inner,
    .page-category-new .header__inner,
    .page-design-accompaniment .header__inner {
        height: 6.34765625rem;
    }

    .page-main-v2 .logo,
    .page-contacts .logo,
    .page-about .logo,
    .page-stream .logo,
    .page-projects .logo,
    .page-case-new-design .logo,
    .page-category .logo,
    .page-category-new .logo,
    .page-design-accompaniment .logo {
        width: 11.71875rem;
        height: 1.66015625rem;
        left: 3.85rem;
        margin-top: -0.65rem;
    }

    .page-main-v2 .logo-image,
    .page-contacts .logo-image,
    .page-about .logo-image,
    .page-stream .logo-image,
    .page-projects .logo-image,
    .page-case-new-design .logo-image,
    .page-category .logo-image,
    .page-category-new .logo-image,
    .page-design-accompaniment .logo-image {
        width: 2.9296875rem;
        height: 2.9296875rem;
    }

    .burger {
        width: 2.734375rem;
        height: 2.734375rem;
        margin: -1.25rem 0 0 -1.5rem;
    }

    .header__presetnation-btn {
        display: none;
    }

    .header__new-project-btn {
        font-size: 1.3671875rem;
        padding: 0.78125rem 1.953125rem;
    }

    .page-main-v2 .header__new-project-btn,
    .page-contacts .header__new-project-btn,
    .page-stream .header__new-project-btn,
    .page-projects .header__new-project-btn,
    .page-about .header__new-project-btn,
    .page-category .header__new-project-btn,
    .page-category-new .header__new-project-btn,
    .page-case-new-design .header__new-project-btn,
    .page-design-accompaniment .header__new-project-btn {
        font-size: 1.3671875rem;
        line-height: 130%; /* 20.8px */
        letter-spacing: -0.02734375rem;
    }

    .page-main-v2 .burger-wrap .burger-text,
    .page-contacts .burger-wrap .burger-text,
    .page-stream .burger-wrap .burger-text,
    .page-projects .burger-wrap .burger-text,
    .page-case .burger-wrap .burger-text,
    .page-case-new-design .burger-wrap .burger-text,
    .page-about .burger-wrap .burger-text,
    .page-category .burger-wrap .burger-text,
    .page-category-new .burger-wrap .burger-text,
    .page-design-accompaniment .burger-wrap .burger-text,
    .page-subscribe .burger-wrap .burger-text {
        font-size: 1.3671875rem;
        line-height: 130%; /* 20.8px */
        letter-spacing: -0.00833333rem;
    }

    .page-main-v2 .burger-wrap .burger,
    .page-contacts .burger-wrap .burger,
    .page-stream .burger-wrap .burger,
    .page-projects .burger-wrap .burger,
    .page-case .burger-wrap .burger,
    .page-case-new-design .burger-wrap .burger,
    .page-about .burger-wrap .burger,
    .page-category .burger-wrap .burger,
    .page-category-new .burger-wrap .burger,
    .page-design-accompaniment .burger-wrap .burger,
    .page-subscribe .burger-wrap .burger {
        width: 2.34375rem;
        height: 2.34375rem;
        margin: 0;
    }

    .page-main-v2 .burger-wrap .burger .burger__1,
    .page-contacts .burger-wrap .burger .burger__1,
    .page-stream .burger-wrap .burger .burger__1,
    .page-projects .burger-wrap .burger .burger__1,
    .page-case .burger-wrap .burger .burger__1,
    .page-case-new-design .burger-wrap .burger .burger__1,
    .page-about .burger-wrap .burger .burger__1,
    .page-category .burger-wrap .burger .burger__1,
    .page-category-new .burger-wrap .burger .burger__1,
    .page-design-accompaniment .burger-wrap .burger .burger__1,
    .page-subscribe .burger-wrap .burger .burger__1,
    .page-main-v2 .burger-wrap .burger .burger__2,
    .page-contacts .burger-wrap .burger .burger__2,
    .page-stream .burger-wrap .burger .burger__2,
    .page-projects .burger-wrap .burger .burger__2,
    .page-case .burger-wrap .burger .burger__2,
    .page-case-new-design .burger-wrap .burger .burger__2,
    .page-about .burger-wrap .burger .burger__2,
    .page-category .burger-wrap .burger .burger__2,
    .page-category-new .burger-wrap .burger .burger__2,
    .page-design-accompaniment .burger-wrap .burger .burger__2,
    .page-subscribe .burger-wrap .burger .burger__2,
    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        width: 1.7578125rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__1,
    .page-contacts .burger-wrap .burger .burger__1,
    .page-stream .burger-wrap .burger .burger__1,
    .page-projects .burger-wrap .burger .burger__1,
    .page-case .burger-wrap .burger .burger__1,
    .page-case-new-design .burger-wrap .burger .burger__1,
    .page-about .burger-wrap .burger .burger__1,
    .page-category .burger-wrap .burger .burger__1,
    .page-category-new .burger-wrap .burger .burger__1,
    .page-design-accompaniment .burger-wrap .burger .burger__1,
    .page-subscribe .burger-wrap .burger .burger__1 {
        top: 0.63476563rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        bottom: 0.5859375rem;
    }

    .babl-event {
        width: 211px;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * {
        font-size: 8rem;
        line-height: 110%;
        letter-spacing: -1.6px;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * img {
        width: 80px;
        height: 80px;
    }

    .footer-top {
        flex-direction: column;
    }

    .footer-top .footer-top__links.footer-top__links--mobile a {
        font-size: 1.953125rem;
        margin-bottom: 2.44140625rem;
    }

    .footer-top .footer-top__links.footer-top__links--mobile {
        display: block;
    }

    .footer-top .footer-top__left {
        width: 100%;
        margin-bottom: 9.765625rem;
    }

    .footer-top .footer-top__left p {
        font-size: 1.8rem;
        margin-bottom: 4rem;
    }

    .footer-top .footer-top__left p > a {
        font-size: 1.8rem;
    }

    .footer-top .footer-top__left a.data-policy-link,
    .footer-top .footer-top__left a.data-organization-link {
        font-size: 2.1484375rem;
    }

    .footer-top .footer-top__left a {
        font-size: 3.2rem;
        line-height: 120%;
        letter-spacing: -0.64px;
    }

    .footer-top .footer-top__right {
        width: 100%;
    }

    .footer-column-menu-title {
        font-size: 1.5625rem;
        margin-bottom: 1.953125rem;
        letter-spacing: -0.015625rem;
    }

    .footer-top__right-top {
        margin-bottom: 4.4rem;
    }

    .footer-top__right-top .footer-column-menu {
        max-width: 100%;
        width: calc(33.33% - 20px * 2 / 3);
    }

    .footer-top__right-top .footer-column-menu a.tel {
        font-size: 1.5625rem;
        line-height: 130%;
        letter-spacing: -0.015625rem;
        margin-bottom: 1.46484375rem;
    }

    .footer-top__right-top .footer-column-menu span {
        font-size: 1.5625rem;
        margin-bottom: 0.9765625rem;
    }

    .footer-top__right-top .footer-column-menu ul {
        gap: 0.9765625rem;
    }

    .footer-top__right-top .footer-column-menu ul li,
    .footer-top__right-top .footer-column-menu ul a {
        font-size: 1.5625rem;
    }

    .footer-top__right-bottom a {
        font-size: 1.8rem;
    }

    .footer-bottom-line .footer-copyright {
        font-size: 1.8rem;
    }

    .footer-bottom-line a {
        font-size: 1.8rem;
    }

    .footer-bottom-line .company-name {
        font-size: 1.8rem;
    }

    .policy-more {
        display: none;
    }

    .policy-more.policy-more-mobile {
        display: block;
    }

    .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"] {
        background-size: 100% 0.09765625rem;
    }

    .desktop .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.09765625rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .form__submit {
        max-width: 15.72265625rem;
        font-size: 1.3671875rem;
        line-height: 127%;
        letter-spacing: -0.02734375rem;
    }

    html._menu-open .menu__header {
        height: 6.34765625rem;
    }

    ._menu-open .menu-wrap-new .header.menu__header {
        height: 6.34765625rem;
    }

    .menu-wrap-new .header.menu__header .header__inner {
        height: 6.34765625rem;
    }

    .menu-wrap-new .header__presetnation-btn {
        display: none;
    }

    .page-main-v2 .menu-wrap-new .header__new-project-btn,
    .page-contacts .menu-wrap-new .header__new-project-btn {
        font-size: 1.4rem;
    }

    .menu-wrap-new .menu__top {
        gap: 0 104px;
    }

    .menu-wrap-new .header__new-project {
        font-size: 2.4rem;
    }

    .menu-wrap-new .header__new-project.underline {
        height: auto;
    }

    .menu-wrap-new .menu__top-item {
        width: auto;
    }

    .menu-wrap-new .menu__top-item ul li {
        margin-bottom: 1rem;
    }

    .menu-wrap-new .menu__top-item ul li:last-child {
        margin-bottom: 0;
    }

    .menu-wrap-new .menu__top-item ul li a {
        font-size: 2.4rem;
    }

    .menu-wrap-new .menu__top-item p {
        font-size: 1.6rem;
        margin-bottom: 4rem;
    }

    .menu-wrap-new .menu__close {
        font-size: 1.3671875rem;
        width: 11rem;
        left: 48%;
        line-height: 130%; /* 20.8px */
        letter-spacing: -0.00833333rem;
    }

    .menu-wrap-new .menu__close:before,
    .menu-wrap-new .menu__close:after {
        width: 20%;
        left: 87%;
    }

    .menu-wrap-new .menu__scroll-wrap {
        padding-top: 12rem;
        padding-bottom: 9rem;
    }

    .menu-wrap-new .menu-showreel {
        width: 40.464%;
        padding-bottom: 20.834%;
    }

    .menu-wrap-new .play-menu-showreel {
        width: 32px;
        height: 32px;
    }

    .menu-wrap-new .menu-slider-cases-slide-img {
        padding-bottom: 54.52%;
        margin-bottom: 1rem;
    }

    .menu-wrap-new .menu-slider-cases {
        width: 32.826%;
    }

    .menu-wrap-new .menu-slider-cases-slide-text {
        font-size: 1.2rem;
    }

    .menu-wrap-new .slider-cases-btns > div {
        font-size: 1.2rem;
    }

    .menu-wrap-new .menu-slider-cases-top {
        margin-bottom: 1rem;
    }

    .menu-wrap-new .slider-cases-pagination {
        font-size: 1.2rem;
    }

    html._form-open .form-layer__header {
        height: 6.34765625rem;
    }

    .form-white-new .form-layer-top {
        max-width: 100%;
        align-items: flex-start;
        margin-bottom: 13.671875rem;
    }

    .form-white-new .form-layer-top .form-layer-top__left {
        width: 42%;
        flex-shrink: 0;
        margin-top: -0.9765625rem;
    }

    .form-white-new .form-layer-top .form-layer-top__right {
        width: calc(100% - 4.1015625rem);
        justify-content: flex-start;
        gap: 0 9.765625rem;
    }

    .form-white-new .form-layer-top .form-layer-phone {
        font-size: 2.35rem;
    }

    .form-white-new .title-h3,
    .form-white-new .marquee--title-3 .marquee__inner > *,
    .form-white-new .marquee--title-3 .marquee__inner:after {
        font-size: 4.6875rem;
        line-height: 110%;
        letter-spacing: -0.046875rem;
    }

    .form-white-new .form-column__preview {
        max-width: 231px;
    }

    .form-layer-wrap.form--white .form-check-tags .check-tag label {
        font-size: 1.385rem;
    }

    .form-layer-wrap.form--white .form-line-flex {
        margin-top: 5.078125rem;
        gap: 0 2.34375rem;
    }

    .form-layer-wrap.form--white .form-column__label--small {
        margin-bottom: 2.34375rem;
    }

    .form-layer-wrap.form--white .textarea-block .form-column__label {
        margin-top: 5px;
    }

    .form-layer-wrap.form--white .form-column__label {
        line-height: 1;
        font-size: 1.57rem;
        padding-right: 1.5625rem;
    }

    .form-layer-wrap.form--white .form-column__label.error-label {
        font-size: 1rem;
    }

    .form-layer-wrap.form--white .form-block.form-block-person-information {
        gap: 5.078125rem 0;
    }

    .form-layer-wrap.form--white .form-columns {
        gap: 13.671875rem 0;
        max-width: 100%;
    }

    .form-layer-wrap.form--white .form-column {
        gap: 0;
    }

    .form-layer-wrap.form--white .form-column .form-column__left {
        width: 24.51171875rem;
        padding-right: 0.9765625rem;
        box-sizing: border-box;
    }

    .form-layer-wrap.form--white .form-column .form-column__right {
        width: calc(100% - 24.51171875rem);
        box-sizing: border-box;
    }

    .form-layer-wrap.form--white .form-column .form-layer-subtitle {
        font-size: 1.5625rem;
    }

    .header.form-layer__header .header__inner {
        height: 6.34765625rem;
    }

    .form-layer__scroll-wrap {
        padding-top: 14.6484375rem;
    }

    .form-layer__title {
        font-size: 4.6875rem;
        letter-spacing: -0.046875rem;
        width: 70%;
    }

    .form__checkbox-more {
        display: none;
    }

    .form__checkbox-more ~ .form__checkbox-item {
        display: flex;
    }

    .form-layer__success {
        padding-bottom: 14.6484375rem;
    }

    .form-layer__success .wrap {
        width: 100% !important;
    }

    .form-layer__success .form-layer__success-top {
        margin-bottom: 5.859375rem;
    }

    .form-layer__success .form-layer__success-showreel {
        padding-bottom: 58.944%;
    }

    .form-white-new .form-layer__success {
        left: -20px;
    }

    .form-layer__success a {
        font-size: 1.5625rem;
    }

    .form__radio-cell {
        flex-wrap: wrap;
    }

    .form__radio-cel-desc {
        width: 100%;
    }

    .form__radio-cel-note {
        display: none;
    }

    .form-column .form__submit {
        max-width: 15.72265625rem;
        font-size: 1.3671875rem;
        line-height: 127%;
        letter-spacing: -0.02734375rem;
    }

    .form__submit-cell {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .form__checkbox-cell .form__checkbox-item span:not(.form__checkbox-custom) {
        font-size: 1.26953125rem;
        line-height: 127%;
        letter-spacing: -0.03808594rem;
    }

    .form__checkbox-cell .form__checkbox-item span:not(.form__checkbox-custom) br {
        display: block;
    }

    .form__checkbox-cell a {
        background-size: 100% 0.09765625rem;
    }

    .desktop .desktop .form__checkbox-cell a:hover:hover {
        background-size: 0% 0.09765625rem;
    }

    .form__file-row .form__file-button span {
        font-size: 1.171875rem;
        line-height: 120%;
        letter-spacing: -0.01171875rem;
    }

    .form__file-row .form__file-button span img {
        width: 1.5625rem;
        height: 1.5625rem;
    }

    .form__file-row .form__file-button a.download-link {
        font-size: 1.171875rem;
        line-height: 120%;
        letter-spacing: -0.01171875rem;
    }

    .form__file-button span,
    .form__file-button a {
        font-size: 1.185rem;
    }

    .form--dark .form__radio-cell {
        margin-bottom: 72px;
    }

    .form--dark .form__textarea {
        border-bottom: 1px solid #fff;
    }

    .form--dark .form__textarea._error {
        border-bottom: 1px solid #fff;
    }

    .form--dark .form-dropdown-current {
        border-bottom: 1px solid #fff;
    }

    .disclaimer {
        width: 67%;
        padding: 40px 28px;
    }

    .popup-bottom[data-popup-name="subscribe"],
    .popup-bottom[data-popup-name="subscribe-info"] {
        width: 67%;
        padding: 40px 28px;
    }

    .popup-bottom .form__submit {
        border-radius: 5.859375rem;
    }

    .events-wrap {
        margin-bottom: 19.5rem;
    }

    .events-item {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .events-item-title {
        font-size: 1.6rem;
        margin-bottom: 5rem;
    }

    .events-item-type {
        font-size: 1.2rem;
    }

    .events-item-date-place span {
        font-size: 1.2rem;
    }

    .events-item-date-autor {
        font-size: 1.2rem;
    }

    .events-item-date-theme {
        font-size: 1.2rem;
    }

    .events-wrap-title {
        font-size: 2.4rem;
        margin-bottom: 7rem;
    }

    .pirate-block {
        padding: 4.1015625rem 2.9296875rem 20.21484375rem 2.9296875rem;
    }

    .pirate-block .pirate-block-title {
        font-size: 4.6875rem;
        margin-bottom: 1.171875rem;
    }

    .pirate-block .pirate-block-logos {
        margin-bottom: 9.765625rem;
    }

    .pirate-block .pirate-block-logos .logo-cp {
        width: 12.98828125rem;
        height: 2.34375rem;
    }

    .pirate-block .pirate-block-logos .logo-piratecode {
        width: 12.59765625rem;
        height: 2.24609375rem;
    }

    .pirate-block .pirate-block-subtitle {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
        margin-bottom: 3.90625rem;
    }

    .pirate-block .pirate-block-list {
        gap: 1.953125rem 9.765625rem;
    }

    .pirate-block .pirate-block-list span {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
    }

    .pirate-block .pirate-block-list span:nth-child(1),
    .pirate-block .pirate-block-list span:nth-child(4) {
        width: 23.5%;
    }

    .pirate-block .pirate-block-list span:nth-child(3) {
        margin-left: 0;
    }

    .about-partners .awards-marquee {
        margin-top: 10.44921875rem;
        margin-bottom: 2.44140625rem;
    }

    .about-partners .about-partners-list {
        gap: 0 0.87890625rem;
    }

    .about-partners .about-partners-item {
        width: calc(25% - 9px * 3 / 4);
    }

    .about-partners .about-partners-item--img {
        padding: 0 1.953125rem;
        min-height: 23.4375rem;
        margin-bottom: 0.78125rem;
    }

    .about-partners .about-partners-item--text {
        font-size: 1.3671875rem;
        line-height: 120%;
    }

    .pirate-block-wrap .pirate-block {
        padding: 3.3203125rem 2.9296875rem 3.02734375rem 2.9296875rem;
    }

    .pirate-block-wrap .pirate-block .pirate-block-title {
        margin-bottom: 8.0078125rem;
    }

    .pirate-block-wrap .pirate-block .logo-cp {
        width: 38.57421875rem;
        height: auto;
    }

    .pirate-block-wrap .pirate-block .logo-cp img {
        width: 100%;
        height: 7.03125rem;
        max-width: initial;
        max-height: initial;
    }

    .pirate-block-wrap .pirate-block .logo-cp + .pirate-block-direction {
        padding: 0.390625rem 0.5859375rem;
        font-size: 1.46484375rem;
        line-height: 1.5625rem;
        border-radius: 0.625rem;
    }

    .pirate-block-wrap .pirate-block .logo-piratecode {
        width: 37.40234375rem;
        height: auto;
    }

    .pirate-block-wrap .pirate-block .logo-piratecode img {
        width: 100%;
        height: 6.73828125rem;
        max-width: initial;
        max-height: initial;
    }

    .pirate-block-wrap .pirate-block .logo-piratecode + .pirate-block-direction {
        padding: 0.390625rem 0.5859375rem;
        font-size: 1.46484375rem;
        line-height: 1.5625rem;
        border-radius: 0.625rem;
    }

    .pirate-block-wrap .pirate-block-logos {
        margin-bottom: 0;
    }

    .pirate-block-wrap .pirate-block-logos .separator::after {
        width: 4.6875rem;
        height: 2px;
    }

    .pirate-block-wrap .pirate-block-logos .separator {
        width: 4.6875rem;
        height: 2px;
    }

    .pirate-block-wrap .pirate-block-subtitle {
        font-size: 1.46484375rem;
        line-height: 1.5625rem;
        margin-bottom: 12.5rem;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__left a {
        font-size: 1.26953125rem;
    }

    .pirate-block-bg {
        height: 0;
        padding-bottom: 60.105%;
    }

    .pirate-block-bg-content {
        align-items: flex-start;
        gap: 0 2.44140625rem;
        padding: 0 0 4.1015625rem 7.32421875rem;
    }

    .pirate-block-bg-subtitle {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
    }

    .pirate-block-bg-logos img {
        width: 10.44921875rem;
        height: 10.44921875rem;
    }

    .pirate-block-bg-content__right a {
        font-size: 1.7578125rem;
        letter-spacing: -0.03515625rem;
        padding: 0.9765625rem 3.80859375rem;
        margin-top: 2.34375rem;
    }

    .category-top-nav li a {
        font-size: 1.2rem;
        padding: 1.4rem 0;
    }

    .page-main .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"] {
        background-size: 100% 0.09765625rem;
    }

    .desktop
        .page-main
        .form-block--bottom
        .form__checkbox-item
        span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.09765625rem;
    }

    .page-main.desktop .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.09765625rem;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header,
    .page-contacts.page-main-v2._form-open .form-layer__header {
        height: 6.34765625rem;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header .header__inner,
    .page-contacts.page-main-v2._form-open .form-layer__header .header__inner {
        height: 6.34765625rem;
    }

    .page-main-new .expertise .expertise-title,
    .page-contacts .expertise .expertise-title {
        font-size: 38px;
    }

    .page-main-new .expertise .expertise__right p,
    .page-contacts .expertise .expertise__right p {
        font-size: 32px;
    }

    .page-main-new .video-sticky,
    .page-contacts .video-sticky {
        height: 130vh;
    }

    .page-main-new .working .working-title,
    .page-contacts .working .working-title {
        font-size: 38px;
    }

    .page-main-new .working p,
    .page-contacts .working p {
        font-size: 24px;
    }

    .page-main-new .text-block p,
    .page-contacts .text-block p {
        font-size: 38px;
    }

    .page-main-new .awards .awards-numbers div,
    .page-contacts .awards .awards-numbers div {
        font-size: 24px;
    }

    .page-main-new .awards .awards-item:nth-child(2),
    .page-contacts .awards .awards-item:nth-child(2) {
        margin-top: 0;
    }

    .page-main-new .awards .awards-item:last-child,
    .page-contacts .awards .awards-item:last-child {
        width: 20%;
    }

    .page-main-new .awards a,
    .page-contacts .awards a {
        white-space: nowrap;
    }

    .big-case .big-case__left {
        width: 43%;
    }

    .big-case .big-case__right {
        width: 52%;
    }

    .big-case--name {
        font-size: 38px;
    }

    .big-case--desc > div {
        font-size: 18px;
    }

    .big-case--title {
        font-size: 24px;
        padding-right: 100px;
    }

    .big-case--title {
        padding-right: 0;
        text-indent: 0;
        margin-bottom: 48px;
    }

    .big-case--product-list {
        padding-right: 100px;
    }

    .big-case--product-list > div span {
        font-size: 18px;
    }

    .big-case--product-list > div ul li {
        font-size: 16px;
    }

    .big-case--product-list > div ul li a {
        font-size: 16px;
    }

    .cases-wrap {
        margin-bottom: 14.6484375rem;
    }

    .case-item--content {
        height: 93%;
    }

    .case-item > p {
        font-size: 24px;
    }

    .case-item--title {
        font-size: 38px;
    }

    .case-item--desc {
        margin-bottom: 330px;
    }

    .page-main-v2 .bg-start,
    .page-contacts .bg-start,
    .page-stream .bg-start,
    .page-projects .bg-start,
    .page-case-new-design .bg-start,
    .page-design-accompaniment .bg-start {
        height: 42vh;
    }

    .page-main-v2 .wrap,
    .page-contacts .wrap,
    .page-stream .wrap,
    .page-projects .wrap,
    .page-case-new-design .wrap,
    .page-design-accompaniment .wrap {
        width: calc(100% - 40px);
    }

    .page-main-v2 .first-screen-main,
    .page-contacts .first-screen-main,
    .page-stream .first-screen-main,
    .page-projects .first-screen-main,
    .page-case-new-design .first-screen-main,
    .page-design-accompaniment .first-screen-main {
        margin-bottom: 6rem;
        padding: 7.5rem 0 2.6rem 0;
    }

    .page-main-v2 .video,
    .page-contacts .video,
    .page-stream .video,
    .page-projects .video,
    .page-case-new-design .video,
    .page-design-accompaniment .video {
        margin-bottom: 20rem;
    }

    .page-main-v2 .first-screen__title,
    .page-contacts .first-screen__title,
    .page-stream .first-screen__title,
    .page-projects .first-screen__title,
    .page-case-new-design .first-screen__title,
    .page-design-accompaniment .first-screen__title {
        font-size: 4.7rem;
        letter-spacing: -0.96px;
    }

    .page-main-v2 .first-screen__title-items .first-screen__title-item,
    .page-contacts .first-screen__title-items .first-screen__title-item,
    .page-stream .first-screen__title-items .first-screen__title-item,
    .page-projects .first-screen__title-items .first-screen__title-item,
    .page-case-new-design .first-screen__title-items .first-screen__title-item,
    .page-design-accompaniment .first-screen__title-items .first-screen__title-item {
        font-size: 4.7rem;
        letter-spacing: -0.96px;
    }

    .page-main-v2 .first-screen__advantage-item.first-screen__advantage-item--column span,
    .page-contacts .first-screen__advantage-item.first-screen__advantage-item--column span,
    .page-stream .first-screen__advantage-item.first-screen__advantage-item--column span,
    .page-projects .first-screen__advantage-item.first-screen__advantage-item--column span,
    .page-case-new-design .first-screen__advantage-item.first-screen__advantage-item--column span,
    .page-design-accompaniment .first-screen__advantage-item.first-screen__advantage-item--column span {
        margin-bottom: 1.2rem;
    }

    .page-main-v2 .first-screen__advantage-item span,
    .page-contacts .first-screen__advantage-item span,
    .page-stream .first-screen__advantage-item span,
    .page-projects .first-screen__advantage-item span,
    .page-case-new-design .first-screen__advantage-item span,
    .page-design-accompaniment .first-screen__advantage-item span {
        font-size: 4.7rem;
        letter-spacing: -0.36px;
    }

    .page-main-v2 .first-screen__advantage-item small,
    .page-contacts .first-screen__advantage-item small,
    .page-stream .first-screen__advantage-item small,
    .page-projects .first-screen__advantage-item small,
    .page-case-new-design .first-screen__advantage-item small,
    .page-design-accompaniment .first-screen__advantage-item small {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
    }

    .page-main-v2 .expertise-list a,
    .page-contacts .expertise-list a,
    .page-stream .expertise-list a,
    .page-projects .expertise-list a,
    .page-case-new-design .expertise-list a,
    .page-design-accompaniment .expertise-list a,
    .page-main-v2 .expertise-list div,
    .page-contacts .expertise-list div,
    .page-stream .expertise-list div,
    .page-projects .expertise-list div,
    .page-case-new-design .expertise-list div,
    .page-design-accompaniment .expertise-list div {
        font-size: 1.175rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .expertise-big-slider .expertise-big-slider-text::after,
    .page-contacts .expertise-big-slider .expertise-big-slider-text::after,
    .page-stream .expertise-big-slider .expertise-big-slider-text::after,
    .page-projects .expertise-big-slider .expertise-big-slider-text::after,
    .page-case-new-design .expertise-big-slider .expertise-big-slider-text::after,
    .page-design-accompaniment .expertise-big-slider .expertise-big-slider-text::after {
        height: 1px;
    }

    .page-main-v2 .expertise-big-slider-text,
    .page-contacts .expertise-big-slider-text,
    .page-stream .expertise-big-slider-text,
    .page-projects .expertise-big-slider-text,
    .page-case-new-design .expertise-big-slider-text,
    .page-design-accompaniment .expertise-big-slider-text {
        font-size: 1.57rem;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .expertise-small-slider-text b,
    .page-contacts .expertise-small-slider-text b,
    .page-stream .expertise-small-slider-text b,
    .page-projects .expertise-small-slider-text b,
    .page-case-new-design .expertise-small-slider-text b,
    .page-design-accompaniment .expertise-small-slider-text b {
        font-size: 1.2rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .expertise-small-slider-img,
    .page-contacts .expertise-small-slider-img,
    .page-stream .expertise-small-slider-img,
    .page-projects .expertise-small-slider-img,
    .page-case-new-design .expertise-small-slider-img,
    .page-design-accompaniment .expertise-small-slider-img {
        padding-bottom: 50.65%;
        margin-bottom: 0.7rem;
    }

    .page-main-v2 .expertise-big-slider-img,
    .page-contacts .expertise-big-slider-img,
    .page-stream .expertise-big-slider-img,
    .page-projects .expertise-big-slider-img,
    .page-case-new-design .expertise-big-slider-img,
    .page-design-accompaniment .expertise-big-slider-img {
        margin-bottom: 1.5rem;
    }

    .page-main-v2 .expertise .expertise__left,
    .page-contacts .expertise .expertise__left,
    .page-stream .expertise .expertise__left,
    .page-projects .expertise .expertise__left,
    .page-case-new-design .expertise .expertise__left,
    .page-design-accompaniment .expertise .expertise__left {
        width: 48.984%;
    }

    .page-main-v2 .expertise .expertise-title,
    .page-contacts .expertise .expertise-title,
    .page-stream .expertise .expertise-title,
    .page-projects .expertise .expertise-title,
    .page-case-new-design .expertise .expertise-title,
    .page-design-accompaniment .expertise .expertise-title {
        font-size: 2.35rem;
        margin-bottom: 1.95rem;
    }

    .page-main-v2 .expertise .expertise-subtitle,
    .page-contacts .expertise .expertise-subtitle,
    .page-stream .expertise .expertise-subtitle,
    .page-projects .expertise .expertise-subtitle,
    .page-case-new-design .expertise .expertise-subtitle,
    .page-design-accompaniment .expertise .expertise-subtitle {
        font-size: 1.563rem;
    }

    .page-main-v2 .section-title,
    .page-contacts .section-title,
    .page-stream .section-title,
    .page-projects .section-title,
    .page-case-new-design .section-title,
    .page-design-accompaniment .section-title {
        font-size: 4rem;
        letter-spacing: -0.8px;
    }

    .page-main-v2 .experience-top,
    .page-contacts .experience-top,
    .page-stream .experience-top,
    .page-projects .experience-top,
    .page-case-new-design .experience-top,
    .page-design-accompaniment .experience-top {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 15rem;
    }

    .page-main-v2 .experience-top .experience-top__left,
    .page-contacts .experience-top .experience-top__left,
    .page-stream .experience-top .experience-top__left,
    .page-projects .experience-top .experience-top__left,
    .page-case-new-design .experience-top .experience-top__left,
    .page-design-accompaniment .experience-top .experience-top__left {
        width: 100%;
    }

    .page-main-v2 .experience-top .experience-top__right,
    .page-contacts .experience-top .experience-top__right,
    .page-stream .experience-top .experience-top__right,
    .page-projects .experience-top .experience-top__right,
    .page-case-new-design .experience-top .experience-top__right,
    .page-design-accompaniment .experience-top .experience-top__right {
        width: 100%;
        align-items: flex-start;
    }

    .page-main-v2 .experience-top .experience-top__right a,
    .page-contacts .experience-top .experience-top__right a,
    .page-stream .experience-top .experience-top__right a,
    .page-projects .experience-top .experience-top__right a,
    .page-case-new-design .experience-top .experience-top__right a,
    .page-design-accompaniment .experience-top .experience-top__right a {
        font-size: 1.6rem;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .clients-title,
    .page-contacts .clients-title,
    .page-stream .clients-title,
    .page-projects .clients-title,
    .page-case-new-design .clients-title,
    .page-design-accompaniment .clients-title {
        width: 74.6%;
        font-size: 4rem;
        letter-spacing: -0.4px;
    }

    .page-main-v2 .clients,
    .page-contacts .clients,
    .page-stream .clients,
    .page-projects .clients,
    .page-case-new-design .clients,
    .page-design-accompaniment .clients {
        margin-bottom: 20rem;
    }

    .page-main-v2 .competencies-title,
    .page-contacts .competencies-title,
    .page-stream .competencies-title,
    .page-projects .competencies-title,
    .page-case-new-design .competencies-title,
    .page-design-accompaniment .competencies-title {
        font-size: 1.2rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .competencies-list span,
    .page-contacts .competencies-list span,
    .page-stream .competencies-list span,
    .page-projects .competencies-list span,
    .page-case-new-design .competencies-list span,
    .page-design-accompaniment .competencies-list span {
        font-size: 1.2rem;
        white-space: nowrap;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .clients-top .clients-top__right,
    .page-contacts .clients-top .clients-top__right,
    .page-stream .clients-top .clients-top__right,
    .page-projects .clients-top .clients-top__right,
    .page-case-new-design .clients-top .clients-top__right,
    .page-design-accompaniment .clients-top .clients-top__right {
        width: 25.5%;
    }

    .page-main-v2 .clients-subtitle,
    .page-contacts .clients-subtitle,
    .page-stream .clients-subtitle,
    .page-projects .clients-subtitle,
    .page-case-new-design .clients-subtitle,
    .page-design-accompaniment .clients-subtitle {
        font-size: 1.6rem;
        line-height: 130%;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .cases-wrap .case-title,
    .page-contacts .cases-wrap .case-title,
    .page-stream .cases-wrap .case-title,
    .page-projects .cases-wrap .case-title,
    .page-case-new-design .cases-wrap .case-title,
    .page-design-accompaniment .cases-wrap .case-title {
        font-size: 1.6rem;
        line-height: 130%;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .cases-wrap-top__left,
    .page-contacts .cases-wrap-top__left,
    .page-stream .cases-wrap-top__left,
    .page-projects .cases-wrap-top__left,
    .page-case-new-design .cases-wrap-top__left,
    .page-design-accompaniment .cases-wrap-top__left {
        width: 39.87%;
    }

    .page-main-v2 .cases-wrap-top__right a,
    .page-contacts .cases-wrap-top__right a,
    .page-stream .cases-wrap-top__right a,
    .page-projects .cases-wrap-top__right a,
    .page-case-new-design .cases-wrap-top__right a,
    .page-design-accompaniment .cases-wrap-top__right a {
        font-size: 1.171875rem;
        letter-spacing: -0.01171875rem;
    }

    .page-main-v2 .cases-wrap-top__right,
    .page-contacts .cases-wrap-top__right,
    .page-stream .cases-wrap-top__right,
    .page-projects .cases-wrap-top__right,
    .page-case-new-design .cases-wrap-top__right,
    .page-design-accompaniment .cases-wrap-top__right {
        width: 48.527%;
    }

    .page-main-v2 .cases-items .case,
    .page-contacts .cases-items .case,
    .page-stream .cases-items .case,
    .page-projects .cases-items .case,
    .page-case-new-design .cases-items .case,
    .page-design-accompaniment .cases-items .case {
        gap: 16px;
    }

    .page-main-v2 .cases-items .case.case-big,
    .page-contacts .cases-items .case.case-big,
    .page-stream .cases-items .case.case-big,
    .page-projects .cases-items .case.case-big,
    .page-case-new-design .cases-items .case.case-big,
    .page-design-accompaniment .cases-items .case.case-big {
        width: 66.058%;
    }

    .page-main-v2 .cases-items .case .case-img,
    .page-contacts .cases-items .case .case-img,
    .page-stream .cases-items .case .case-img,
    .page-projects .cases-items .case .case-img,
    .page-case-new-design .cases-items .case .case-img,
    .page-design-accompaniment .cases-items .case .case-img {
        margin-bottom: 4rem;
    }

    .page-main-v2 .cases-items .case .case-content .case-content__left,
    .page-contacts .cases-items .case .case-content .case-content__left,
    .page-stream .cases-items .case .case-content .case-content__left,
    .page-projects .cases-items .case .case-content .case-content__left,
    .page-case-new-design .cases-items .case .case-content .case-content__left,
    .page-design-accompaniment .cases-items .case .case-content .case-content__left {
        width: 65.35%;
        padding-right: 1.46484375rem;
    }

    .page-main-v2 .cases-items .case .case-content .case-content__right,
    .page-contacts .cases-items .case .case-content .case-content__right,
    .page-stream .cases-items .case .case-content .case-content__right,
    .page-projects .cases-items .case .case-content .case-content__right,
    .page-case-new-design .cases-items .case .case-content .case-content__right,
    .page-design-accompaniment .cases-items .case .case-content .case-content__right {
        padding-right: 1.46484375rem;
        width: calc(100% - 65.35%);
    }

    .page-main-v2 .cases-items .case .case-name,
    .page-contacts .cases-items .case .case-name,
    .page-stream .cases-items .case .case-name,
    .page-projects .cases-items .case .case-name,
    .page-case-new-design .cases-items .case .case-name,
    .page-design-accompaniment .cases-items .case .case-name {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
        margin-bottom: 2.9296875rem;
    }

    .page-main-v2 .cases-items .case .case-desc,
    .page-contacts .cases-items .case .case-desc,
    .page-stream .cases-items .case .case-desc,
    .page-projects .cases-items .case .case-desc,
    .page-case-new-design .cases-items .case .case-desc,
    .page-design-accompaniment .cases-items .case .case-desc {
        font-size: 1.6rem;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .cases-items .case .case-list a,
    .page-contacts .cases-items .case .case-list a,
    .page-stream .cases-items .case .case-list a,
    .page-projects .cases-items .case .case-list a,
    .page-case-new-design .cases-items .case .case-list a,
    .page-design-accompaniment .cases-items .case .case-list a,
    .page-main-v2 .cases-items .case .case-list div,
    .page-contacts .cases-items .case .case-list div,
    .page-stream .cases-items .case .case-list div,
    .page-projects .cases-items .case .case-list div,
    .page-case-new-design .cases-items .case .case-list div,
    .page-design-accompaniment .cases-items .case .case-list div {
        font-size: 1.171875rem;
        letter-spacing: -0.01171875rem;
    }

    .page-main-v2 .cases-items .case .case-top-text,
    .page-contacts .cases-items .case .case-top-text,
    .page-stream .cases-items .case .case-top-text,
    .page-projects .cases-items .case .case-top-text,
    .page-case-new-design .cases-items .case .case-top-text,
    .page-design-accompaniment .cases-items .case .case-top-text {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .page-main-v2 .splide,
    .page-contacts .splide,
    .page-stream .splide,
    .page-projects .splide,
    .page-case-new-design .splide,
    .page-design-accompaniment .splide {
        margin-bottom: 4rem;
    }

    .page-main-v2 .runline-slider__slide-text,
    .page-contacts .runline-slider__slide-text,
    .page-stream .runline-slider__slide-text,
    .page-projects .runline-slider__slide-text,
    .page-case-new-design .runline-slider__slide-text,
    .page-design-accompaniment .runline-slider__slide-text {
        font-size: 6.4rem;
        letter-spacing: -1.28px;
        color: #c3c3c3;
    }

    .page-main-v2 .stream-wrap .stream-wrap-top,
    .page-contacts .stream-wrap .stream-wrap-top,
    .page-stream .stream-wrap .stream-wrap-top,
    .page-projects .stream-wrap .stream-wrap-top,
    .page-case-new-design .stream-wrap .stream-wrap-top,
    .page-design-accompaniment .stream-wrap .stream-wrap-top {
        margin-bottom: 3.80859375rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-title,
    .page-contacts .stream-wrap .stream-wrap-title,
    .page-stream .stream-wrap .stream-wrap-title,
    .page-projects .stream-wrap .stream-wrap-title,
    .page-case-new-design .stream-wrap .stream-wrap-title,
    .page-design-accompaniment .stream-wrap .stream-wrap-title {
        font-size: 4rem;
        letter-spacing: -0.4px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-tags,
    .page-contacts .stream-wrap .stream-wrap-tags,
    .page-stream .stream-wrap .stream-wrap-tags,
    .page-projects .stream-wrap .stream-wrap-tags,
    .page-case-new-design .stream-wrap .stream-wrap-tags,
    .page-design-accompaniment .stream-wrap .stream-wrap-tags {
        margin-top: 0.8rem;
        gap: 0 10px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-tags span,
    .page-contacts .stream-wrap .stream-wrap-tags span,
    .page-stream .stream-wrap .stream-wrap-tags span,
    .page-projects .stream-wrap .stream-wrap-tags span,
    .page-case-new-design .stream-wrap .stream-wrap-tags span,
    .page-design-accompaniment .stream-wrap .stream-wrap-tags span {
        font-size: 1.2rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-stream .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-projects .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title span {
        font-size: 1.2rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-stream .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-projects .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title b {
        font-size: 1.6rem;
        line-height: 130%;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date a {
        font-size: 1.2rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date div {
        font-size: 1.2rem;
        letter-spacing: -0.12px;
        white-space: break-spaces;
        padding-right: 1rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date span {
        font-size: 1.2rem;
        letter-spacing: -0.12px;
    }

    .text-form-open {
        font-size: 4.1015625rem;
    }

    .experience-items .experience-item {
        padding: 2rem;
    }

    .experience-items .experience-item.size-1 {
        width: calc(25% - 20px * 3 / 4);
    }

    .experience-items .experience-item.size-2 {
        width: calc(25% - 20px * 3 / 4);
    }

    .experience-items .experience-item.height-1 {
        height: 33.59375rem;
    }

    .experience-items .experience-item.height-2 {
        height: 27.734375rem;
    }

    .experience-items .experience-item .experience-item--num {
        font-size: 4.8rem;
        letter-spacing: -1.44px;
    }

    .experience-items .experience-item .experience-item--text {
        font-size: 1.6rem;
        letter-spacing: -0.36px;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case {
        padding-top: 5.37109375rem;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case .top .back-to-portfolio span {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .page-case-new-design .case-siblings {
        height: 34vh;
    }

    .page-case-new-design .case-siblings .back-link a.underline-reverse {
        font-size: 1.7578125rem;
        line-height: 120%; /* 23.4px */
        letter-spacing: -0.01757812rem;
    }

    .page-case-new-design [class^="col"] > p:first-child {
        margin-top: 0;
    }

    .page-case-new-design .top-screen-case-slider-thumbs {
        bottom: 3.80859375rem;
    }

    .page-case-new-design .case-title,
    .page-case-new-design .top [class^="col"] .case-title {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
    }

    .page-case-new-design .section p {
        font-size: 1.5625rem;
        line-height: 150%; /* 23.4px */
        letter-spacing: -0.015625rem;
    }

    .page-case-new-design .section ul li,
    .page-case-new-design .section ol li {
        font-size: 1.5625rem;
        line-height: 130%; /* 23.4px */
        letter-spacing: -0.015625rem;
    }

    .page-case-new-design .first-screen-case {
        margin-top: 6.34765625rem;
    }

    .page-case-new-design .first-screen-case img,
    .page-case-new-design .first-screen-case video {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .page-case-new-design .top-screen-case h1 {
        width: 100%;
        font-size: 4.6875rem;
        line-height: 110%; /* 52.8px */
        letter-spacing: -0.046875rem;
    }

    .page-case-new-design .case-info span {
        font-size: 1.171875rem;
        line-height: 120%;
        letter-spacing: -0.01171875rem;
        margin-bottom: 1.953125rem;
    }

    .page-case-new-design .case-info__services-list,
    .page-case-new-design .case-info__links {
        gap: 0.9765625rem 0;
    }

    .page-case-new-design .case-info__services-list span,
    .page-case-new-design .case-info__links span {
        font-size: 1.5625rem;
        line-height: 130%;
        letter-spacing: -0.015625rem;
        margin: 0;
    }

    .case-info-description {
        padding: 5.859375rem 0;
    }

    .case-info-description p {
        font-size: 1.5625rem;
        line-height: 150%; /* 23.4px */
        letter-spacing: -0.015625rem;
    }

    .case-info-description-box .case-info-description__left > span:first-child,
    .case-info-description-box .case-info-description__right > span:first-child {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
        margin-bottom: 1.953125rem;
    }

    .case-info-description-box .case-info-description__left span:last-child {
        margin-top: 8.49609375rem;
    }

    .case-info-description-box .case-info-description__left span {
        font-size: 1.5625rem;
        font-weight: 400;
        line-height: 130%; /* 23.4px */
        letter-spacing: -0.015625rem;
    }

    .case-info-description-box .case-info-description__right a {
        font-size: 1.5625rem;
        font-weight: 400;
        line-height: 130%; /* 23.4px */
        letter-spacing: -0.015625rem;
    }

    .case-info-description-box .case-info-description__right ul {
        gap: 0.9765625rem 0;
    }

    .case-info-description-box .case-info-description__right ul li {
        font-size: 1.5625rem;
        line-height: 130%; /* 23.4px */
        letter-spacing: -0.015625rem;
    }

    .case-info {
        margin-bottom: 5.859375rem;
    }

    .case-info .case-info__top a {
        font-size: 1.5625rem;
        line-height: 130%;
        letter-spacing: -0.00833333rem;
    }

    .case-siblings {
        padding-top: 7.8125rem;
    }

    .back-link {
        padding-right: 2.5rem;
    }

    .back-link .arrow {
        right: 6px;
    }

    .back-link .arrow img {
        width: 18px;
    }

    .section-case-team-item b {
        font-size: 1.5625rem;
        line-height: 150%;
        letter-spacing: -0.015625rem;
    }

    .section-case-team-item span {
        font-size: 1.171875rem;
        line-height: 120%;
        letter-spacing: -0.01171875rem;
    }

    .section-case-team-title {
        font-size: 2.34375rem;
        line-height: 120%;
        letter-spacing: -0.0234375rem;
    }

    .section-subtitle {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .page-design-accompaniment
        [data-barba-namespace="design-accompaniment"]
        .get-in-touch.get-in-touch-design-accompaniment
        .form__submit {
        width: -webkit-fit-content;
        width: fit-content;
        white-space: nowrap;
        max-width: initial;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .page-design-accompaniment .header.form-layer__header {
        height: 0;
    }

    .page-design-accompaniment._form-open .header.form-layer__header {
        height: 6.34765625rem;
    }

    .page-design-accompaniment .input-text-line {
        margin-bottom: 3rem;
    }

    .page-design-accompaniment .input-text-line .form-column__label {
        top: 5px;
    }

    .design-accompaniment-img {
        padding-top: 45%;
        margin-bottom: 5rem;
    }

    .design-accompaniment-img video {
        width: 100%;
    }

    .slider-awards .random-slider__inner {
        display: flex;
        flex-wrap: wrap;
    }

    .slider-awards .random-slider__inner .random-slider__slide {
        width: 48%;
        margin-bottom: 64px;
    }

    .slider-awards .random-slider__inner .random-slider__slide-desc-wrap {
        height: 450px;
        padding-top: 0;
    }

    .form-design-accompaniment .input-text-line__inner {
        min-width: initial;
    }

    .form-design-accompaniment .input-text-line__inner .error-label {
        font-size: 1.2rem;
        margin-top: 2.5rem;
    }

    .wrap-page-event {
        padding: 16px;
    }

    .wrap-page-event .container-page {
        height: calc(100dvh - 26px);
    }

    .wrap-page-event-top {
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    .wrap-page-event-bottom {
        margin-top: auto;
        flex-direction: column;
    }

    .wrap-page-event-bottom a {
        font-size: 12px;
    }

    .event-desc {
        flex-direction: column;
    }

    .event-desc-img img:first-child {
        display: none;
    }

    .event-desc-img img:last-child {
        display: block;
    }

    .event-desc-text {
        font-size: 11.4px;
        line-height: 120%;
        margin-top: 8px;
    }

    .wrap-page-event-bottom__left {
        flex-direction: row;
        gap: 0 12px;
        margin-bottom: 12px;
    }

    .img-purple-mobile {
        display: block;
    }

    .event-social {
        position: absolute;
        bottom: 15px;
        padding: 15px 12px 20px 12px;
        left: 0;
        right: 0;
        margin: auto;
        border: 2px solid #000;
        width: 85.5%;
    }

    .event-social-text {
        font-size: 14px;
        line-height: normal;
        text-align: center;
        margin-bottom: 20px;
        padding: 0 12px;
    }

    .btn-green {
        font-size: 15px;
        font-weight: 600;
        padding: 15px 0;
        border: 2px solid #000;
    }

    .event-social-close {
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    .event-social-close img {
        width: 100%;
        height: 100%;
    }

    .wrap-page-event-content {
        position: static;
        transform: translateX(0);
        height: auto;
    }

    .wrap-page-event-content .btn-green {
        top: 45%;
        background: transparent;
        padding: 0;
        color: #fff;
        text-decoration: underline;
        border: none;
        font-weight: 600;
    }

    .img-title {
        display: none;
    }

    .img-tree {
        display: none;
    }

    .img-tree-mobile {
        display: block;
        max-height: 414px;
    }

    .time {
        display: none;
    }

    .cursor-1 {
        display: none;
    }

    .cursor-2 {
        display: none;
    }

    .cursor-3 {
        display: none;
    }

    .cursor-4 {
        display: none;
    }

    .cursor-5 {
        display: none;
    }

    .cursor-6 {
        display: none;
    }

    .cursor-7 {
        display: none;
    }

    .cursor-8 {
        display: none;
    }

    .img-title-box-img-1 {
        display: none;
    }

    .img-title-box-img-2 {
        display: none;
    }

    .img-title-box-img-3 {
        display: none;
    }

    .page-stream .stream-wrap-events,
    .page-projects .stream-wrap-events {
        margin-bottom: 5.859375rem;
    }

    .page-stream .stream-wrap-events .stream-wrap-slider__slide--content,
    .page-projects .stream-wrap-events .stream-wrap-slider__slide--content {
        width: calc(100% - 48.985% - 1.953125rem);
    }

    .page-stream .stream-wrap-events .stream-slider-link,
    .page-projects .stream-wrap-events .stream-slider-link {
        padding: 1.3671875rem 3.80859375rem;
        font-size: 1.3671875rem;
        line-height: normal;
        letter-spacing: 0;
    }

    .page-stream .stream-wrap .stream-wrap-top,
    .page-projects .stream-wrap .stream-wrap-top {
        margin-bottom: 5.859375rem;
    }

    .page-stream .stream-wrap .stream-wrap-title,
    .page-projects .stream-wrap .stream-wrap-title {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
    }

    .page-stream .stream-logo,
    .page-projects .stream-logo {
        width: 313px;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small {
        max-width: initial;
        width: 32.013%;
        width: calc(33.33% - 1.953125rem * 2 / 3);
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big {
        max-width: initial;
        width: 65.956%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium {
        max-width: initial;
        width: 49.086%;
    }

    .page-stream
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium
        .stream-wrap-slider__slide--img,
    .page-projects
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium
        .stream-wrap-slider__slide--img {
        padding-bottom: 56.11%;
    }

    .page-stream
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle
        .stream-wrap-slider__slide--img,
    .page-projects
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle
        .stream-wrap-slider__slide--img {
        padding-bottom: 50%;
    }

    .all-events-content .stream-wrap {
        gap: 7.8125rem 1.953125rem;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle + .stream-slide-rectangle {
        width: calc(100% - 66.3095% - 1.953125rem);
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle + .stream-slide-square {
        margin-left: calc(100% - 32.6185% - 49.464% - 1.953125rem);
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-square {
        margin-left: calc(100% - 32.6185% - 49.464% - 1.953125rem);
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-square + .stream-slide-rectangle {
        width: calc(100% - 66.3095% - 1.953125rem);
    }

    .all-events-content .stream-wrap .swiper-slide {
        padding: 0.78125rem;
    }

    .stream-top__left {
        width: 66%;
    }

    .stream-top__right {
        width: calc(100% - 66% - 20px);
    }

    .stream-title {
        font-size: 3.125rem;
        line-height: 120%;
        letter-spacing: -0.03125rem;
    }

    .events-future .stream-title {
        margin-bottom: 70px;
    }

    .all-events-filters {
        justify-content: flex-start;
        margin-bottom: 9.765625rem;
        gap: 0 1.953125rem;
    }

    .all-events-filters > div {
        width: auto;
    }

    .events-subtitle {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
        margin-bottom: 2.34375rem;
    }

    .stream-wrap._events .stream-card-speakers {
        gap: 16px;
    }

    .stream-content {
        gap: 40px 20px;
    }

    .stream-card {
        width: calc(33.33% - 20px * 2 / 3);
    }

    .stream-card.event .stream-card-content {
        padding-top: 61px;
        padding-bottom: 23px;
    }

    .stream-card.event .stream-card-content img {
        margin-bottom: 56px;
    }

    .stream-card:nth-child(12n - 11) {
        margin-right: initial;
    }

    .stream-card:nth-child(12n - 7) {
        margin-right: initial;
    }

    .stream-card:nth-child(12n - 3) {
        margin-right: initial;
    }

    .stream-card:nth-child(12n - 2) {
        margin-left: initial;
    }

    .stream-card:nth-child(6n - 5) {
        margin-left: calc(33.33% -10px * 2 / 3);
    }

    .stream-card:nth-child(6n - 3) {
        margin-right: calc(33.33% -10px * 2 / 3);
    }

    .stream-card-img {
        margin-bottom: 24px;
    }

    .stream-card-title {
        font-size: 18px;
    }

    .stream-card-type {
        font-size: 14px;
    }

    .filters-btn.filters-btn-tablet {
        display: block;
        font-size: 1.3671875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 127%;
        letter-spacing: -0.01367187rem;
        padding: 1.5625rem 2.34375rem;
        border-radius: 5.859375rem;
        background: #f0f0f0;
    }

    .all-events-filters-wrap._fixed._filter-header-visible {
        width: 95%;
        top: 9.27734375rem;
    }

    .all-events-filters-wrap._fixed {
        width: 95%;
        top: 3.125rem;
    }

    .all-events-filters-wrap._fixed .all-events-filters {
        padding: 1.5625rem 2.34375rem;
        gap: 0 2.34375rem;
    }

    .all-events-filters-wrap._fixed .events-subtitle {
        display: none;
        font-size: 1.171875rem;
        letter-spacing: -0.01171875rem;
        white-space: nowrap;
    }

    .all-events-filters-wrap._fixed .all-events-types,
    .all-events-filters-wrap._fixed .all-events-theme {
        gap: 0 2.34375rem;
    }

    .all-events-filters-wrap._fixed .all-events-types div,
    .all-events-filters-wrap._fixed .all-events-theme div {
        font-size: 1.171875rem;
        letter-spacing: -0.01171875rem;
        white-space: nowrap;
    }

    .stream-card-format {
        font-size: 14px;
    }

    .stream-card-date {
        font-size: 12px;
    }

    .stream-tags {
        width: 100%;
    }

    .stream-tags:after,
    .stream-tags:before {
        top: 1.1rem;
    }

    .stream-top {
        gap: 0 1.953125rem;
        margin-top: 11.71875rem;
        margin-bottom: 19.53125rem;
    }

    .stream-top h1 {
        font-size: 6.25rem;
        line-height: 110%;
        letter-spacing: -0.03333333rem;
    }

    .stream-top .stream-top__left {
        width: 49%;
    }

    .stream-top .stream-top__right {
        width: 40.45%;
        padding-right: 0;
    }

    .stream-top .stream-top__right p {
        font-size: 1.7578125rem;
        line-height: 120%;
        margin: 0;
    }

    .stream-top .event-autors span,
    .stream-top .event-link span {
        font-size: 1.18rem;
    }

    .stream-top-mobile-title {
        margin-top: 8.3rem;
        display: block;
    }

    .stream-top-event .event-title {
        font-size: 1.58rem;
        width: 32%;
    }

    .stream-top-event .event-theme span {
        font-size: 1.18rem;
    }

    .stream-top-event__img {
        padding-bottom: 50.814%;
        margin-bottom: 1.58rem;
    }

    .event-speakers {
        margin: 19.53125rem 0 14.6484375rem 0;
        align-items: stretch;
    }

    .event-speakers-title {
        font-size: 3.90625rem;
        letter-spacing: -0.0390625rem;
    }

    .stream-wrap-slider__slide--top {
        margin-bottom: 0.78125rem;
    }

    .stream-wrap-slider.stream-slider-tablet .swiper-wrapper {
        gap: 7.8125rem 1.953125rem;
    }

    .stream-wrap-slider .stream-wrap-slider__slide--img {
        width: 48.985%;
        padding-bottom: 25.509%;
    }

    .stream-slider-title {
        width: 100%;
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .swiper-slide-big-img .stream-slider-title {
        width: 58%;
    }

    .stream-slider-date-types {
        margin-bottom: 1.953125rem;
    }

    .stream-slider-date-types span {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
    }

    .stream-wrap-slider__slide--content-top {
        margin-bottom: 30px;
    }

    .stream-slider-autors {
        margin-top: 3.9rem;
    }

    .stream-slider-autors span {
        font-size: 1.18rem;
    }

    .stream-slider-themes {
        gap: 0.9765625rem;
        margin-bottom: 1.171875rem;
    }

    .stream-slider-themes span {
        font-size: 1.171875rem;
        letter-spacing: -0.01171875rem;
    }

    .hot-news .stream-wrap-slider {
        margin-bottom: 5.859375rem;
    }

    .hot-news-title {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
        margin-bottom: 5.859375rem;
    }

    .stream-slider-link {
        font-size: 1.171875rem;
        line-height: 120%;
        letter-spacing: -0.01171875rem;
    }

    .stream-slider-date,
    .stream-slider-type {
        font-size: 1.171875rem;
        letter-spacing: -0.01171875rem;
    }

    .all-events-types,
    .all-events-theme {
        gap: 1.171875rem;
    }

    .all-events-types > div,
    .all-events-theme > div {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .all-events-top {
        margin-bottom: 5.859375rem;
    }

    .all-events-top .all-events-top__right p {
        max-width: 82%;
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .btn-more-events {
        font-size: 1.7578125rem;
        line-height: 120%;
        letter-spacing: -0.01757812rem;
        margin-top: 9.765625rem;
    }

    .all-events-filter-btn span {
        font-size: 1.18rem;
    }

    .event-speakers__left {
        width: 40.564%;
    }

    .event-speakers__right {
        width: 41%;
        gap: 3.90625rem 0;
        justify-content: flex-start;
    }

    .event-speakers__right div span,
    .event-speakers__right div a {
        font-size: 1.5625rem;
        line-height: 120%;
        letter-spacing: -0.015625rem;
    }

    .events-filters-accordeon .events-subtitle {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
        padding-bottom: 1.7578125rem;
    }

    .events-filters-accordeon__top {
        gap: 3.80859375rem;
    }

    .active-filters__item span {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .all-events-filters-box {
        gap: 3.80859375rem;
    }

    .stream-detail-top {
        margin-top: 7.8125rem;
        margin-bottom: 3.80859375rem;
    }

    .stream-detail-top h1 {
        font-size: 6.25rem;
        line-height: 110%;
        letter-spacing: -0.0625rem;
        margin: 3.80859375rem 0;
    }

    .stream-detail-back span {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .stream-detail-tags {
        gap: 0 1.171875rem;
    }

    .stream-detail-tags span {
        padding: 0.9765625rem 2.34375rem;
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .stream-detail-content {
        margin-bottom: 19.53125rem;
    }

    .stream-detail-content + .stream-wrap-events .stream-wrap-top {
        margin-bottom: 3.80859375rem;
    }

    .page-stream .stream-detail-content + .stream-wrap-events .stream-wrap-title {
        font-size: 3.90625rem;
        letter-spacing: -0.0390625rem;
    }

    .stream-detail-content picture,
    .stream-detail-content img {
        margin-bottom: 7.03125rem;
    }

    .stream-detail-content .case-images {
        margin-top: 7.03125rem;
        margin-bottom: 7.03125rem;
    }

    .stream-detail-content p {
        font-size: 1.5625rem;
        line-height: 150%;
        letter-spacing: -0.015625rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide {
        width: calc(50% - 27px * 1 / 2);
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--top {
        margin-bottom: 1.5625rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide-box {
        padding: 1.5625rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-type,
    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-date {
        font-size: 1.7578125rem;
        line-height: 127%;
        letter-spacing: -0.03515625rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-themes {
        margin-bottom: 1.953125rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-themes span {
        font-size: 1.7578125rem;
        line-height: 127%;
        letter-spacing: -0.01757812rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-title {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
        margin-bottom: 3.80859375rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--img {
        margin-bottom: 1.953125rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--content {
        width: 100%;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-link {
        padding: 0;
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
    }

    .contacts-top {
        padding-top: 9.5rem;
    }

    .two-column-box > div {
        width: 45%;
    }

    .contacts-links,
    .contacts-info {
        gap: 60px 0;
    }

    .contacts-info {
        padding: 0 0 0 10rem;
    }

    .contacts-info .contacts-info-item > div p {
        font-size: 1.56rem;
        letter-spacing: -0.16px;
    }

    .policy-text {
        margin-top: 5.85rem;
        width: 95%;
    }

    .policy-text p {
        font-size: 1.171875rem;
        margin-bottom: 2rem;
    }

    .policy-text a {
        font-size: 1.18rem;
    }

    .contacts-links-item,
    .contacts-info-item {
        gap: 0 85px;
    }

    .contacts-links-item span,
    .contacts-info-item span {
        width: 33%;
        font-size: 1.56rem;
        letter-spacing: -0.16px;
    }

    .contacts-links-item > div a,
    .contacts-info-item > div a,
    .contacts-links-item > div span,
    .contacts-info-item > div span {
        font-size: 1.56rem;
    }

    .contacts-social {
        margin-top: 15rem;
    }

    .contacts-social .unmarked-list {
        gap: 10px 0;
    }

    .contacts-social .two-column-box__right {
        padding-right: 8.5rem;
    }

    .contacts-social-title {
        font-size: 3.9rem;
    }

    .contacts-social-list a {
        font-size: 1.18rem;
    }

    .person-list {
        margin-top: 15rem;
        gap: 155px 0;
        margin-bottom: 20rem;
    }

    .person-list-item--img {
        margin-bottom: 3rem;
    }

    .person-list-item--name {
        font-size: 3.90625rem;
        margin-bottom: 1.953125rem;
    }

    .person-list-item--post {
        font-size: 1.58rem;
    }

    .person-list-item--desc {
        margin-top: 6rem;
    }

    .person-list-item--desc p {
        font-size: 1.8rem;
    }

    .person-list-item--mail span {
        font-size: 1.7578125rem;
        letter-spacing: -0.0234375rem;
    }

    .person-list-item--mail a {
        font-size: 1.18rem;
        letter-spacing: -0.24px;
    }

    ._person-size-1 {
        width: 40.448%;
    }

    ._person-size-2 .person-list-item--desc {
        flex-direction: column;
        gap: 60px 0;
    }

    ._person-size-2 .person-list-item--desc p {
        width: 100%;
    }

    ._person-size-2 .person-list-item--img {
        position: relative;
        height: 495px;
    }

    ._person-size-2 .person-list-item--img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    ._person-size-2 .person-list-item--mail {
        flex-direction: row;
        justify-content: space-between;
    }

    ._person-size-3 .person-list-item--desc {
        margin-top: 4rem;
    }

    ._person-size-3 .person-list-item--mail {
        margin-top: 10rem;
        gap: 20px 0;
    }

    ._person-size-3 .person-list-item--name {
        margin-bottom: 1rem;
    }

    .page-projects .footer-showreel {
        margin-bottom: 19.53125rem;
    }

    .projects-awards__header {
        top: 3.125rem;
    }

    .projects-awards__header._projects-awards__header-header-visible {
        top: 10.9375rem;
    }

    .projects-awards-filter {
        top: 17.85742188rem;
    }

    .projects-awards-filter._projects-awards-filter-header-visible {
        top: 25.66992188rem;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top h1 {
        font-size: 7.03125rem;
        line-height: 120%;
        letter-spacing: -0.0703125rem;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top p {
        font-size: 3.125rem;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top p.accent {
        margin-right: 0;
    }

    .page-category-new .top-description {
        margin-top: 14.6484375rem;
        gap: 0 1.953125rem;
    }

    .page-category-new .top-description__item small {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
        margin-right: 0.1953125rem;
        margin-bottom: 0.29296875rem;
    }

    .page-category-new .top-description__item b {
        font-size: 4.6875rem;
        margin-right: 0.78125rem;
    }

    .page-category-new .top-description__item span {
        max-width: 17.578125rem;
        font-size: 1.3671875rem;
        letter-spacing: -0.01367187rem;
    }

    .page-category-new .partners-list {
        gap: 3.90625rem 1.953125rem;
    }

    .page-category-new .partners-item {
        width: calc(16.66% - 1.953125rem * 5 / 6);
    }

    .page-category-new .information-block {
        margin-top: 19.53125rem;
        margin-bottom: 19.53125rem;
    }

    .page-category-new .information-block .row {
        justify-content: space-between;
    }

    .page-category-new .information-block .col-6 {
        width: 39.563%;
    }

    .page-category-new .information-block p {
        font-size: 2.34375rem;
        padding-right: 0;
    }

    .page-category-new .information-block-title {
        width: 100%;
        font-size: 3.90625rem;
        margin-bottom: 11.71875rem;
    }

    .page-category-new .projects-list .projects-list__left .underline,
    .page-category-new .projects-list .projects-list__right .underline {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
    }

    .page-category-new .specifications-title {
        font-size: 2.34375rem;
        margin-bottom: 3.90625rem;
    }

    .page-category-new .specifications-list {
        gap: 1.953125rem;
    }

    .page-category-new .specifications-list span {
        font-size: 1.5625rem;
        letter-spacing: 0;
        line-height: 120%;
    }

    .page-category-new .experience-title {
        font-size: 3.90625rem;
        margin-bottom: 5.859375rem;
    }

    .page-category-new .experience-title {
        font-size: 4.16666667rem;
        margin-bottom: 10.41666667rem;
    }

    .page-category-new .category-big-title {
        font-size: 3.90625rem;
        margin-bottom: 11.71875rem;
    }

    .page-category-new .category-text-information {
        margin-top: 19.53125rem;
        margin-bottom: 19.53125rem;
    }

    .page-category-new .category-text-right {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .page-category-new .category-subtitle {
        font-size: 3.125rem;
    }

    .page-category-new .category-specialist-list {
        gap: 1.5625rem 0;
    }

    .page-category-new .category-specialist-list div {
        font-size: 1.953125rem;
        letter-spacing: -0.01953125rem;
    }

    .page-category-new .category-list-items {
        gap: 0 16.40625rem;
    }

    .page-category-new .partners-list-wrap {
        margin-top: 19.53125rem;
        margin-bottom: 19.53125rem;
    }

    .page-category-new .category-company-information .footer-top__left {
        display: none;
    }

    .page-category-new .category-large-title {
        width: 100%;
        font-size: 3.90625rem;
        margin-bottom: 14.6484375rem;
        padding-right: 7.8125rem;
    }

    .page-category-new .category-large-title .underline::after {
        border-bottom: 0.06em solid currentColor;
    }

    .page-category-new [data-barba-namespace="category"] .case-siblings {
        height: 78.528vh;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen--footer .row .top__right a {
        font-size: 2.34375rem;
        line-height: 2.8125rem;
    }

    .page-category-new .case-title,
    .page-category-new .top [class^="col"] .case-title {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
    }

    .page-category-new .steps-working-title {
        font-size: 3.90625rem;
        line-height: 120%;
        margin-bottom: 11.71875rem;
    }

    .page-category-new .steps-working-subtitle {
        font-size: 3.125rem;
        line-height: 120%;
        letter-spacing: -0.03125rem;
        margin-top: 3.41796875rem;
    }

    .page-category-new .steps-working-small-title {
        font-size: 2.34375rem;
        line-height: 140%;
        letter-spacing: -0.0234375rem;
        padding: 4.00390625rem 1.953125rem 4.00390625rem 0;
    }

    .page-category-new .steps-working-text p {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .page-category-new .quest-solution .col-6 {
        width: 56.405%;
        margin-left: 0;
    }

    .page-category-new .quest-solution .steps-working-subtitle {
        font-size: 3.90625rem;
        line-height: 120%;
    }

    .page-category-new .format-work-box__right {
        width: 57%;
    }

    .page-category-new .format-work-title {
        font-size: 3.90625rem;
        letter-spacing: 0;
        margin-bottom: 11.71875rem;
    }

    .page-category-new .format-work-box__left {
        gap: 1.171875rem 0;
    }

    .page-category-new .format-work-subtitle {
        font-size: 1.7578125rem;
        line-height: 100%; /* 76.8px */
        letter-spacing: -0.01757812rem;
    }

    .page-category-new .format-work-item {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .page-category-new .category-text-information {
        margin: 11.71875rem 0;
    }

    .page-category-new .category-text-information .category-text-right p {
        font-size: 2.34375rem;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: -0.0234375rem;
    }

    .page-category-new .footer-top .footer-top__left a.btn-open-data-policy {
        font-size: 1.5625rem;
        line-height: 127%;
        margin-bottom: -0.015625rem;
    }

    .small-description {
        font-size: 1.7578125rem;
        margin-bottom: 2.734375rem;
    }

    .form-column-title {
        max-width: 235px;
        min-width: 235px;
        padding-right: 25px;
    }

    .form-column .form__file-button {
        font-size: 1.171875rem;
    }

    .form-column .form-block .download-link {
        font-size: 1.171875rem;
    }

    .form-column .form-block .download-link img {
        width: 16px;
        height: 16px;
    }

    .form-column__preview p {
        font-size: 1.46484375rem;
        letter-spacing: -0.04394531rem;
    }

    .form-block .form-column__label.error-label {
        font-size: 1rem;
    }

    html._form-open
        .form-layer-wrap.form--white
        .form-block.form-block-person-information
        .form-column__label.error-label {
        top: 105%;
    }

    html._form-open
        .form-layer-wrap.form--white
        .form-block.form-block-person-information
        .input-text-line--two
        .form-column__label.error-label {
        top: 115%;
    }

    html._form-open .form-layer-wrap.form--white .form-block .form-column__label.error-label {
        top: 105%;
    }

    .form-layer-wrap__bottom {
        padding: 2rem 1.9525rem;
        margin: 0 -2.605rem;
    }

    .form-block__label-right a {
        font-size: 1.185rem;
    }

    .form-check-tags {
        gap: 12px;
    }

    .form-check-tags__col {
        width: 38%;
    }

    .form-check-tags__col:first-child {
        width: 33.5%;
    }

    .form-check-tags__col:last-child {
        width: 25%;
    }

    .check-tag label {
        padding: 0.78125rem 1.953125rem;
    }

    .input-text-line {
        padding: 0;
        align-items: flex-end;
        margin-bottom: 0;
    }

    .input-text-line input,
    .input-text-line textarea {
        font-size: 1.5625rem;
        letter-spacing: -0.00585937rem;
    }

    .input-text-line__inner {
        align-items: flex-end;
    }

    .form-white-new .form-column__label {
        margin-bottom: 0.45rem;
    }

    .show-more-tags {
        font-size: 1.285rem;
        margin-top: 2.385rem;
    }

    .form-block--bottom + .underline {
        font-size: 1.26953125rem;
        margin-left: 17.578125rem;
        margin-bottom: 14.6484375rem;
    }

    .form-block--bottom > .underline:not([href^="tel:"]) {
        letter-spacing: -0.03808594rem;
        font-size: 1.26953125rem;
        margin: 5.078125rem 0 0rem 17.08984375rem;
    }

    .form-block--bottom {
        margin-top: 7.03125rem;
        margin-bottom: 5.078125rem;
    }

    .form-block--bottom .form__checkbox-cell {
        margin-left: 1.953125rem;
    }

    .form-block--bottom .form__checkbox-cell:first-child {
        width: 48%;
    }

    .form-block--bottom .form__checkbox-cell:last-child {
        width: 48%;
    }

    .form-block--bottom .form__checkbox-cell a {
        background-size: 100% 0.09765625rem;
    }

    .desktop .form-block--bottom .form__checkbox-cell a:hover {
        background-size: 0% 0.09765625rem;
    }

    .form-block--bottom .form__checkbox-item span:not(.form__checkbox-custom) {
        width: 22.4609375rem;
    }
}

@media (max-width: 1200px) {
    .cases .random-slider {
        margin-left: -73rem;
    }

    .cases-item__info::after {
        right: -31px;
    }
}

@media (max-width: 1150px) {
    .page-main-v2 .bg-start,
    .page-contacts .bg-start,
    .page-stream .bg-start,
    .page-projects .bg-start,
    .page-case-new-design .bg-start,
    .page-design-accompaniment .bg-start {
        height: 35vh;
    }
}

@media (max-width: 1100px) {
    .page-main-v2 .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
    .page-contacts .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
    .page-stream .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
    .page-projects .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
    .page-case-new-design .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text,
    .page-design-accompaniment .expertise .autoplay-progress-big-slider._active .expertise-big-slider-text {
        background-size: 100% 1px;
    }

    .page-main-v2 .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-contacts .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-stream .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-projects .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-case-new-design .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-design-accompaniment .expertise .autoplay-progress-big-slider .expertise-big-slider-text {
        background-size: 0% 1px;
        padding-bottom: 2px;
    }
}

@media (max-width: 1024px) and (max-width: 768px) {
    .workers-line__item .workers-line__item-title {
        font-size: 3.15rem;
    }

    .workers-line__item:first-child .workers-line__item-title {
        font-size: 4.2rem;
    }

    .workers-line__item:first-child {
        margin-bottom: 0;
    }
}

@media (max-width: 1024px) {
    .mt-70 {
        margin-top: 42px !important;
    }

    [class^="col"].top__left > p:first-child {
        margin-top: 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment .row .col-6 {
        width: 100%;
    }

    .get-in-touch.get-in-touch-design-accompaniment .row .col-2 {
        width: 100%;
        margin-left: 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment .subscribe-runline {
        margin-top: 48px;
    }

    .get-in-touch.get-in-touch-design-accompaniment .section-title {
        font-size: 1.6rem;
        margin-bottom: 2.4rem;
        padding: 6.4rem 0 0 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment .accent {
        font-size: 3.4rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .p_small {
        font-size: 1.6rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .form-column__input {
        font-size: 1.5rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .subscribe-popup-form__agree-text,
    .get-in-touch.get-in-touch-design-accompaniment .form__checkbox-item span:not(.form__checkbox-custom) {
        font-size: 1.2rem;
        margin: 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment p {
        font-size: 1.6rem;
        margin: 3.2rem 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment .unmarked-list a {
        font-size: 1.6rem;
    }

    .disclaimer-and-subscribe {
        bottom: 1.04166667rem;
        left: 1.45833333rem;
    }

    .disclaimer__text p {
        font-size: 1.7578125rem;
        margin: 2.34375rem 0;
    }

    .disclaimer__agree-btn {
        margin-top: 6.25rem;
        font-size: 1.7578125rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content {
        padding: 0;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-item__text p,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-item__text p {
        font-size: 1.5625rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-items,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-items {
        margin-top: 3.90625rem;
        gap: 1.3671875rem 1.171875rem;
    }

    .popup-bottom .subscribe-letter-items {
        max-width: 100%;
    }

    .popup-bottom .subscribe-popup-form-wrap {
        margin-top: 2.5rem;
    }

    [data-popup-name="subscribe-info"] .full-col {
        padding-left: 0;
        padding-right: 0;
    }

    [data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__subtitle {
        width: 24rem;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-items {
        width: calc(100% - 30rem);
        gap: 1.5rem 2.1rem;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item.light-text p {
        font-size: 1.09rem !important;
    }

    .projects-list ~ .events-wrap {
        margin-top: 19.53125rem;
    }

    .case-card._large {
        width: 100%;
    }

    .case-card__title {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
        line-height: 130%;
        margin-top: 1.66015625rem;
    }

    .case-card__title span {
        display: inline;
        text-decoration: none;
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size 0.3s;
        padding-bottom: 0;
    }

    .desktop a:hover .case-card__title span,
    .desktop a:focus .case-card__title span,
    .desktop .case-card__title:hover span,
    .desktop .case-card__title:focus span {
        background-size: 100% 1px;
    }

    .case-card__subtitle {
        font-size: 1.5625rem;
        letter-spacing: -0.00833333rem;
        margin-top: 1.85546875rem;
    }

    .spoiler__toggle {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
    }

    .spoiler__icon {
        width: 3.125rem;
        height: 3.125rem;
    }

    .big-link {
        font-size: 1.5rem;
    }

    [class^="col"] > p:first-child {
        margin-top: -2.6rem;
    }

    .page-case-new-design .section ul,
    .page-case-new-design .section ol {
        margin-top: 2.60416667rem;
    }

    .page-unsubscribe-success .subscribe-wrap__title,
    .page-subscribe-success .subscribe-wrap__title {
        font-size: 8.6rem;
    }

    .subscribe-wrap__content {
        width: 75%;
    }

    .subscribe-wrap__img {
        width: 45%;
    }

    .subscribe-wrap__img img {
        position: relative;
        max-width: 100vw; /*width: 40vw;
            margin-top: 17rem;
            right: 13rem;*/
        width: 70vw;
        margin-top: 5rem;
        right: -4rem;
    }

    .subscribe-wrap__title-wrap {
        margin-top: 2.8rem;
        margin-bottom: 0.8rem;
    }

    .subscribe-wrap__text p {
        font-size: 1.8rem;
    }

    .subscribe-back-link-wrap {
        bottom: 2.5rem;
    }

    .page-subscribe .row {
        margin-left: 0;
        margin-right: 0;
    }

    .page-subscribe
        .subscribe-popup-form-wrap
        .subscribe-popup-form__submit-block-inline-form
        .form__checkbox-item {
        margin-top: 2rem;
    }

    .page-subscribe .input-text-line {
        width: 50%;
    }

    .page-subscribe .input-text-line__inner {
        min-width: 29rem !important;
    }

    .page-subscribe .form-column__input,
    .page-subscribe .form-column__label {
        font-size: 1.3rem;
    }

    .page-subscribe .subscribe-popup-form__submit-block {
        width: 60rem;
        max-width: 60rem;
    }

    .page-subscribe .subscribe-popup-form__agree-text {
        max-width: 60% !important;
        font-size: 1.1rem !important;
        line-height: 1.3rem !important;
    }

    .subscribe-popup-form-wrap.grey-form {
        padding: 4.5rem 0;
        margin-left: -2rem !important;
    }

    .subscribe-popup-form-wrap {
        margin-bottom: 5rem;
    }

    .subscribe-popup-form__inner .error-label {
        margin-top: 0.1rem;
        font-size: 1rem !important;
    }

    .subscribe-popup-form__inner .input-text-line {
        width: 50%;
    }

    .subscribe-popup-form__inner .form__submit {
        margin-right: 2rem;
    }

    .subscribe-popup-form__submit-block {
        width: calc(70% - 2rem);
        margin-left: 2rem;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.5rem;
    }

    .popup-subscribe-content__text {
        display: flex;
    }

    .popup-subscribe-content__title .accent,
    .popup-subscribe-content__title p.accent {
        /*font-size: 32px;
            margin-bottom: 40px;*/
        font-size: 3.125rem;
        margin-bottom: 3.90625rem;
    }

    .popup-subscribe-content__subtitle {
        max-width: 50%;
        padding-right: 5%;
    }

    .subscribe-letter-items {
        max-width: 60%;
        margin-top: 0;
    }

    .subscribe-letter-item__icon {
        width: 2rem;
        height: 2rem;
    }

    .subscribe-content-wrap {
        padding-top: 4.5rem;
    }

    .subscribe-content-wrap p {
        font-size: 1.55rem;
        line-height: 1.4em;
    }

    .subscribe-content-wrap .accent,
    .subscribe-content-wrap p.accent {
        font-size: 3.4rem;
        line-height: 110%;
    }

    .subscribe-content-wrap .subscribe-content__title {
        width: 100%;
        margin-top: 3.5rem;
    }

    .subscribe-content-wrap .popup-subscribe-content__subtitle {
        width: 100%;
        margin-top: 2rem;
        max-width: 65%;
    }

    .subscribe-content-wrap .subscribe-letter-items {
        width: 100%;
        max-width: 100%;
        margin-top: 3.5rem;
        gap: 1.2rem 4.5rem;
    }

    .subscribe-content-wrap .subscribe-letter-item__icon {
        width: 2rem;
        height: 2rem;
    }

    .subscribe-content-wrap .subscribe-letter-item__text {
        padding-left: 1rem;
    }

    .subscribe-content-wrap .subscribe-letter-item__text p {
        font-size: 1.45rem;
    }

    .subscribe-content-img {
        width: 35rem;
        height: 67rem;
        right: -5rem;
    }

    .page-design-accompaniment .marquee__inner > * {
        font-size: 8.5rem;
    }

    .design-accompaniment-top {
        flex-direction: column;
    }

    .design-accompaniment-title {
        width: 100%;
        font-size: 6.4rem;
    }

    .design-accompaniment-desc {
        font-size: 2.4rem;
        margin-left: auto;
        width: 50%;
    }

    .form-design-accompaniment .subscribe-popup-form__submit-block {
        margin-bottom: 6.4rem;
    }

    .form-design-accompaniment .input-text-line {
        width: 49%;
    }

    .form-design-accompaniment .form-column__input + .form-column__label {
        font-size: 1.5rem;
    }

    .how-we-working-subtitle {
        font-size: 1.58rem;
    }

    .how-we-working-title {
        font-size: 2.35rem;
    }

    .teams-spec__title {
        width: 100%;
        font-size: 4.8rem;
    }

    .teams-spec-line {
        display: none;
    }

    .teams-spec__item {
        width: 33.33%;
    }

    .teams-spec__item.big {
        width: 66%;
    }

    .teams-spec__item.big .teams-spec__item-img {
        padding-bottom: 48.94%;
    }

    .teams-spec__item-img {
        height: 0;
        padding-bottom: 100%;
    }

    .teams-spec__items-bottom {
        gap: 0 1.5rem;
    }

    .teams-spec__items-bottom .teams-spec__item:last-child {
        width: 32.3%;
    }

    .teams-spec__item-num {
        margin-left: 0;
        font-size: 1.5rem;
    }

    .teams-spec__item-title {
        margin-left: 0;
        font-size: 2.4rem;
    }

    .workers .title-h3,
    .workers .marquee--title-3 .marquee__inner > *,
    .workers .marquee--title-3 .marquee__inner:after {
        width: 93%;
        font-size: 4.8rem;
        margin-bottom: 6.4rem;
    }

    .workers-top {
        flex-direction: column;
        margin-bottom: 6.4rem;
    }

    .workers-top__title {
        width: 100%;
        font-size: 4.8rem;
        margin-bottom: 2.4rem;
    }

    .workers-top__desc {
        margin-left: auto;
        width: 49.4%;
        font-size: 1.6rem;
    }

    .workers-line {
        flex-wrap: wrap;
        padding-top: 2.4rem;
        margin-bottom: 6.4rem;
    }

    .workers-line__item-list div {
        font-size: 1.6rem;
    }

    .workers-line__item {
        width: 32%;
        padding-right: 1rem;
        box-sizing: border-box;
    }

    .workers-line__item .workers-line__item-title {
        font-size: 3.15rem;
        height: auto;
        margin-bottom: 2.4rem;
    }

    .workers-line__item:first-child {
        width: 100%;
    }

    .workers-line__item:first-child .workers-line__item-title {
        font-size: 4.2rem;
        margin-bottom: 5.4rem;
    }

    .workers-line-group-head .workers-line__item:first-child {
        margin-bottom: 2.4rem;
    }

    .workers-line-group-head .workers-line__item:first-child .workers-line__content {
        flex-direction: row;
    }

    .workers-line-group-head .workers-line__item .workers-line__item-title {
        margin-bottom: 0;
    }

    .workers-line__item p {
        font-size: 1.6rem;
    }

    .how-we-working-type-work {
        font-size: 2.4rem;
    }

    .how-we-working-full-text .how-we-working-line-box .row {
        flex-direction: column;
    }

    .how-we-working-full-text .how-we-working-line-box .row > div:last-child {
        margin-left: auto;
        margin-top: 4.8rem;
    }

    .how-we-working-full-text p {
        font-size: 1.6rem;
        width: 100%;
    }

    .how-we-working-full-text .how-we-working-subtitle {
        font-size: 3.2rem;
    }

    .how-we-working-full-text .how-we-working-title {
        font-size: 2.4rem;
    }

    .cases .title-h3,
    .cases .marquee--title-3 .marquee__inner > *,
    .cases .marquee--title-3 .marquee__inner:after {
        width: 100%;
        font-size: 4.8rem;
    }

    .cases .cases-item__description .random-slider__slide-title {
        font-size: 3.2rem;
        margin-bottom: 3.2rem;
    }

    .cases .cases-item__description .random-slider__slide-content {
        height: auto;
        padding: 2.4rem;
    }

    .cases .random-slider__slide-tags > div {
        font-size: 1.5rem;
        margin-right: 0.4rem;
    }

    .cases .random-slider {
        margin-left: -50rem;
        width: 100vw;
    }

    .cases .random-slider .random-slider__slide-text {
        font-size: 2rem;
        margin-top: 1rem;
    }

    .cases .random-slider .swiper-slide {
        max-width: 47.071rem;
        width: 100%;
        margin-left: 0;
    }

    .cases .random-slider .swiper-slide:first-child {
        display: none;
    }

    .cases .swiper-wrapper {
        padding: 0 1.4rem;
    }

    .cases .random-slider__slide-img {
        width: 100%;
        height: 47.071rem;
    }

    .cases .random-slider__slide-img img,
    .cases .random-slider__slide-img video {
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .cases-item {
        flex-direction: column;
    }

    .cases-item__description.mobile {
        display: block;
    }

    .cases-item__left {
        width: 100%;
        margin-bottom: 7.2rem;
    }

    .cases-item__right {
        width: 100%;
    }

    .cases-item__info {
        margin-bottom: 6.25rem;
    }

    .cases-item__info::after {
        width: 100%;
        right: 0;
    }

    .cases-item__info > div small {
        font-size: 1.6rem;
        margin-bottom: 0.8rem;
    }

    .cases-item__info > div b {
        font-size: 3.2rem;
        font-weight: 400;
    }

    .cases-item__logo {
        align-items: center;
    }

    .cases-item__logo span {
        font-size: 4.8rem;
    }

    .rewards .random-slider__slide-desc {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }

    .rewards .random-slider__slide-title {
        font-size: 1.3rem;
        height: auto;
    }

    .rewards .random-slider__slide-text {
        font-size: 1.2rem;
    }

    .page-projects .projects-awards,
    .page-projects .events-wrap,
    .page-projects .footer-showreel {
        margin-top: 19.53125rem;
    }

    .projects-list {
        row-gap: 19.53125rem;
        margin-top: 9.765625rem;
    }

    .projects-list .case-card._large {
        margin-left: 0;
        margin-right: 0;
    }

    .projects-list__title {
        font-size: 7.03125rem;
        letter-spacing: -0.0703125rem;
        margin-top: 7.51953125rem;
        width: 100%;
    }

    .projects-list__categories {
        font-size: 2.34375rem;
        letter-spacing: -0.0125rem;
        margin-top: 5.17578125rem;
        gap: 2.34375rem;
    }

    .projects-list__more {
        margin-top: 7.8125rem;
    }

    .projects-list__more-button {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
    }

    .projects-list__more-button:after {
        border-width: 1px;
    }

    .projects-awards {
        padding: 7.8125rem 0;
        gap: 7.32421875rem 1.953125rem;
    }

    .projects-awards__header {
        font-size: 4.6875rem;
        letter-spacing: -0.046875rem;
        margin-top: -1.7578125rem;
    }

    .projects-awards-filter {
        gap: 1.5625rem;
        font-size: 1.3671875rem;
        letter-spacing: -0.01367187rem;
    }

    .projects-awards-filter button {
        height: 3.3203125rem;
        padding: 0.78125rem 1.953125rem;
    }

    .projects-awards__group {
        font-size: 3.125rem;
        padding: 3.515625rem 0;
    }

    .projects-award__content {
        font-size: 1.953125rem;
        letter-spacing: -0.01953125rem;
        padding-bottom: 4.8828125rem;
    }

    .projects-award__year {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
        padding-bottom: 2.1484375rem;
        padding-top: 0;
    }

    .projects-award__link + .projects-award__year {
        margin-top: 2.34375rem;
    }

    .projects-award__link {
        margin-bottom: 1.46484375rem;
        width: 100%;
    }

    .projects-award__link span {
        display: inline;
        text-decoration: none;
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size 0.3s;
        padding-bottom: 0;
    }

    .desktop a:hover .projects-award__link span,
    .desktop a:focus .projects-award__link span,
    .desktop .projects-award__link:hover span,
    .desktop .projects-award__link:focus span {
        background-size: 100% 1px;
    }

    .projects-award__link span {
        background-size: 100% 1px;
    }

    .projects-award__link:last-child {
        margin-bottom: 0;
    }

    .projects-award__link:last-child span {
        border: none;
    }

    .projects-award__more,
    .projects-award__less {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
        margin-top: 0.1953125rem;
    }

    .footer-showreel .arrow-link {
        margin-top: 1.66015625rem;
    }

    .arrow-link {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
    }

    .arrow-link:after {
        border-width: 1px;
    }

    .arrow-link:after {
        bottom: -0.22em;
    }

    .arrow-link svg {
        width: 2.34375rem;
        height: 2.34375rem;
        margin: 0 0 -0.2em 0.3em;
    }

    .projects-services {
        gap: 1.953125rem;
        -ms-grid-columns: 0.41666667fr 0.58333333fr;
        grid-template-columns: 0.41666667fr 0.58333333fr;
    }

    .projects-services__nav {
        font-size: 1.7578125rem;
        letter-spacing: -0.01757812rem;
        line-height: 100%;
        gap: 1.171875rem;
    }

    .projects-services__content {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .projects-services__content .arrow-link {
        margin-top: 2.1484375rem;
    }
}

@media (max-width: 1024px) and (max-width: 575px) {
    .workers-line__item .workers-line__item-title {
        margin-bottom: 12.8rem;
    }
}

@media (max-width: 1023px) {
    .wrap-page {
        overflow-x: hidden;
    }

    .header-wrap._header-hidden {
        transform: translateY(-8.46354167rem);
    }

    .header {
        height: 8.46354167rem;
    }

    .page-main-v2 .header,
    .page-contacts .header,
    .page-about .header,
    .page-stream .header,
    .page-projects .header,
    .page-case-new-design .header,
    .page-category .header,
    .page-category-new .header,
    .page-design-accompaniment .header {
        height: 8.46354167rem;
    }

    .page-main-v2 .header__inner,
    .page-contacts .header__inner,
    .page-about .header__inner,
    .page-stream .header__inner,
    .page-projects .header__inner,
    .page-case-new-design .header__inner,
    .page-category .header__inner,
    .page-category-new .header__inner,
    .page-design-accompaniment .header__inner {
        height: 8.46354167rem;
    }

    .page-main-v2 .logo,
    .page-contacts .logo,
    .page-about .logo,
    .page-stream .logo,
    .page-projects .logo,
    .page-case-new-design .logo,
    .page-category .logo,
    .page-category-new .logo,
    .page-design-accompaniment .logo {
        width: 15.625rem;
        height: 2.21354167rem;
        font-size: 1.82291667rem;
        letter-spacing: -0.01822917rem;
        left: 5rem;
        margin-top: -0.85rem;
    }

    .page-main-v2 .logo-image,
    .page-contacts .logo-image,
    .page-about .logo-image,
    .page-stream .logo-image,
    .page-projects .logo-image,
    .page-case-new-design .logo-image,
    .page-category .logo-image,
    .page-category-new .logo-image,
    .page-design-accompaniment .logo-image {
        width: 3.90625rem;
        height: 3.90625rem;
    }

    .burger {
        width: 3.64583333rem;
        height: 3.64583333rem;
        margin: -1.55rem 0 0 -1.65rem;
    }

    .header__new-project {
        font-size: 4.4rem;
    }

    .header__new-project-btn {
        font-size: 1.82291667rem;
        padding: 1.04166667rem 2.60416667rem;
    }

    .page-main-v2 .header__new-project-btn,
    .page-contacts .header__new-project-btn,
    .page-stream .header__new-project-btn,
    .page-projects .header__new-project-btn,
    .page-about .header__new-project-btn,
    .page-category .header__new-project-btn,
    .page-category-new .header__new-project-btn,
    .page-case-new-design .header__new-project-btn,
    .page-design-accompaniment .header__new-project-btn {
        font-size: 1.82291667rem;
        letter-spacing: -0.03645833rem;
    }

    .page-main-v2 .burger-wrap .burger-text,
    .page-contacts .burger-wrap .burger-text,
    .page-stream .burger-wrap .burger-text,
    .page-projects .burger-wrap .burger-text,
    .page-case .burger-wrap .burger-text,
    .page-case-new-design .burger-wrap .burger-text,
    .page-about .burger-wrap .burger-text,
    .page-category .burger-wrap .burger-text,
    .page-category-new .burger-wrap .burger-text,
    .page-design-accompaniment .burger-wrap .burger-text,
    .page-subscribe .burger-wrap .burger-text {
        font-size: 1.82291667rem;
        letter-spacing: -0.00729167rem;
    }

    .page-main-v2 .burger-wrap .burger,
    .page-contacts .burger-wrap .burger,
    .page-stream .burger-wrap .burger,
    .page-projects .burger-wrap .burger,
    .page-case .burger-wrap .burger,
    .page-case-new-design .burger-wrap .burger,
    .page-about .burger-wrap .burger,
    .page-category .burger-wrap .burger,
    .page-category-new .burger-wrap .burger,
    .page-design-accompaniment .burger-wrap .burger,
    .page-subscribe .burger-wrap .burger {
        width: 3.125rem;
        height: 3.125rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__1,
    .page-contacts .burger-wrap .burger .burger__1,
    .page-stream .burger-wrap .burger .burger__1,
    .page-projects .burger-wrap .burger .burger__1,
    .page-case .burger-wrap .burger .burger__1,
    .page-case-new-design .burger-wrap .burger .burger__1,
    .page-about .burger-wrap .burger .burger__1,
    .page-category .burger-wrap .burger .burger__1,
    .page-category-new .burger-wrap .burger .burger__1,
    .page-design-accompaniment .burger-wrap .burger .burger__1,
    .page-subscribe .burger-wrap .burger .burger__1,
    .page-main-v2 .burger-wrap .burger .burger__2,
    .page-contacts .burger-wrap .burger .burger__2,
    .page-stream .burger-wrap .burger .burger__2,
    .page-projects .burger-wrap .burger .burger__2,
    .page-case .burger-wrap .burger .burger__2,
    .page-case-new-design .burger-wrap .burger .burger__2,
    .page-about .burger-wrap .burger .burger__2,
    .page-category .burger-wrap .burger .burger__2,
    .page-category-new .burger-wrap .burger .burger__2,
    .page-design-accompaniment .burger-wrap .burger .burger__2,
    .page-subscribe .burger-wrap .burger .burger__2,
    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        width: 2.34375rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__1,
    .page-contacts .burger-wrap .burger .burger__1,
    .page-stream .burger-wrap .burger .burger__1,
    .page-projects .burger-wrap .burger .burger__1,
    .page-case .burger-wrap .burger .burger__1,
    .page-case-new-design .burger-wrap .burger .burger__1,
    .page-about .burger-wrap .burger .burger__1,
    .page-category .burger-wrap .burger .burger__1,
    .page-category-new .burger-wrap .burger .burger__1,
    .page-design-accompaniment .burger-wrap .burger .burger__1,
    .page-subscribe .burger-wrap .burger .burger__1 {
        top: 0.78125rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        bottom: 0.78125rem;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * {
        font-size: 6.25rem;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * img {
        width: 5.20833333rem;
        height: 5.20833333rem;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * img {
        margin-bottom: -0.5rem;
    }

    .footer-column-menu-title {
        font-size: 1.5625rem;
        margin-bottom: 5.20833333rem;
        letter-spacing: 0;
    }

    .footer-top__right-top .footer-column-menu a.tel {
        font-size: 1.5625rem;
        line-height: 130%;
        letter-spacing: -0.02083333rem;
        margin-bottom: 1.30208333rem;
    }

    .footer-top__right-top .footer-column-menu span {
        font-size: 1.5625rem;
        margin-bottom: 1.04166667rem;
    }

    .footer-top__right-top .footer-column-menu ul {
        gap: 1.30208333rem;
    }

    .get-in-touch-wrap {
        margin: 0 -2rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"] {
        background-size: 100% 0.13020833rem;
    }

    .desktop .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.13020833rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .form__submit {
        font-size: 1.83rem;
    }

    .marquee--subscribe {
        width: 50vw;
    }

    html._menu-open .menu__header {
        height: 8.46354167rem;
    }

    .mobile-only-menu {
        display: block;
    }

    .menu__cell-top-2 p {
        font-size: 2rem;
        margin-top: 4rem;
    }

    .menu__list {
        margin-bottom: 4rem;
    }

    ._menu-open .menu-wrap-new .header.menu__header {
        height: 8.46354167rem;
    }

    .menu-wrap-new .header.menu__header .header__inner {
        height: 8.46354167rem;
    }

    .page-main-v2 .menu-wrap-new .header__new-project-btn,
    .page-contacts .menu-wrap-new .header__new-project-btn {
        font-size: 1.83rem;
    }

    .menu-wrap-new .header__new-project {
        font-size: 2.35rem;
    }

    .menu-wrap-new .menu__top-item .menu__list li {
        font-size: initial;
        margin-bottom: 1.6rem;
    }

    .menu-wrap-new .menu__top-item .menu__list li:last-child {
        margin-bottom: 0;
    }

    .menu-wrap-new .menu__top-item .menu__list li a {
        font-size: 2.35rem;
    }

    .menu-wrap-new .menu__top-item p {
        font-size: 1.83rem;
        margin-bottom: 5.2rem;
    }

    .menu-wrap-new .menu__close {
        font-size: 1.82291667rem;
        letter-spacing: -0.00729167rem;
        width: 14rem;
    }

    .menu-wrap-new .menu-showreel {
        width: 48.24%;
        padding-bottom: 24.934%;
    }

    .menu-wrap-new .menu-slider-cases-slide-img {
        margin-bottom: 1.3rem;
    }

    .menu-wrap-new .menu-slider-cases {
        width: 39.838%;
    }

    .menu-wrap-new .menu-slider-cases-slide-text {
        font-size: 1.57rem;
    }

    .menu-wrap-new .slider-cases-btns > div {
        font-size: 1.57rem;
    }

    .menu-wrap-new .menu-slider-cases-top {
        margin-bottom: 1.3rem;
    }

    .menu-wrap-new .slider-cases-pagination {
        font-size: 1.57rem;
    }

    html._form-open .form-layer__header {
        height: 8.46354167rem;
    }

    .form-white-new .form-layer-top {
        align-items: baseline;
        gap: 0 15.49479167rem;
        margin-bottom: 15.625rem;
    }

    .form-white-new .form-layer-top .form-layer-top__left .form-column__preview {
        display: block;
    }

    .form-white-new .form-layer-top .form-layer-top__left {
        width: 53%;
    }

    .form-white-new .form-layer-top .form-layer-top__right {
        width: 25%;
    }

    .form-white-new .form-layer-top .form-layer-top__right .form-column__preview {
        display: none;
    }

    .form-white-new .form-layer-top .form-layer-phone {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
    }

    .form-white-new .title-h3,
    .form-white-new .marquee--title-3 .marquee__inner > *,
    .form-white-new .marquee--title-3 .marquee__inner:after {
        font-size: 6.25rem;
        margin-bottom: 3.15rem;
    }

    .form-white-new .form-column__preview {
        max-width: 292px;
    }

    .form-layer-wrap.form--white .input-text-line.input-text-line--column {
        margin-top: 3.125rem;
    }

    .form-layer-wrap.form--white .form-check-tags {
        width: initial;
        flex-wrap: wrap;
    }

    .form-layer-wrap.form--white .form-check-tags .check-tag label {
        font-size: 1.83rem;
    }

    .form-layer-wrap.form--white .form-line-flex {
        margin-top: 3.125rem;
        gap: 0 3.125rem;
    }

    .form-layer-wrap.form--white .form-column__label--small {
        font-size: 1.58rem;
        margin-bottom: 2.62rem;
    }

    .form-layer-wrap.form--white .form-column__label--big {
        font-size: 6.25rem;
    }

    .form-layer-wrap.form--white .textarea-block {
        margin-top: 0;
    }

    .form-layer-wrap.form--white .textarea-block .form-column__label {
        margin-top: 8px;
    }

    .form-layer-wrap.form--white .form-white-new .textarea-block textarea {
        margin-top: 7px;
    }

    .form-layer-wrap.form--white .form-column__label {
        font-size: 1.83rem;
        padding-right: 2.08333333rem;
    }

    .form-layer-wrap.form--white .form-column__label.error-label {
        font-size: 1.25rem;
    }

    .form-layer-wrap.form--white .form-block.form-block-person-information {
        gap: 3.125rem 0;
    }

    .form-layer-wrap.form--white .form-columns {
        gap: 120px 0;
    }

    .form-layer-wrap.form--white .form-column {
        flex-direction: column;
        gap: 24px 0;
    }

    .form-layer-wrap.form--white .form-column .form-column__left {
        width: 100%;
    }

    .form-layer-wrap.form--white .form-column .form-column__right {
        width: 100%;
    }

    .form-layer-wrap.form--white .form-column .form-layer-subtitle {
        display: none;
    }

    .header.form-layer__header .header__inner {
        height: 8.46354167rem;
    }

    .form-layer__scroll-wrap {
        padding-top: 15.625rem;
        padding-bottom: 0;
    }

    .form-layer__title {
        font-size: 5.20833333rem;
        letter-spacing: -0.05208333rem;
        width: 100%;
    }

    .form-layer__success {
        padding-bottom: 15.625rem;
    }

    .form-layer__success .form-layer__success-top {
        flex-direction: column;
        gap: 5.20833333rem 0;
        margin-bottom: 10.41666667rem;
    }

    .form-layer__success a {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .form-column .form__submit {
        font-size: 1.83rem;
    }

    .form__submit-wrap .form__checkbox-cell {
        max-width: 260px;
    }

    .form__data-policy .data-organization-text,
    .form__data-organization .data-organization-text {
        width: 100%;
    }

    .form__checkbox-cell .form__checkbox-item span:not(.form__checkbox-custom) {
        font-size: 1.69270833rem;
        line-height: 127%;
        letter-spacing: -0.05078125rem;
    }

    .form__checkbox-cell a {
        background-size: 100% 0.13020833rem;
    }

    .desktop .desktop .form__checkbox-cell a:hover:hover {
        background-size: 0% 0.13020833rem;
    }

    .form-dropdown-current:after,
    .form-dropdown-current:before {
        margin-top: 2px;
    }

    .form__file-row .form__file-button span {
        font-size: 1.5625rem;
        line-height: 120%;
        letter-spacing: -0.015625rem;
    }

    .form__file-row .form__file-button span img {
        width: 2.08333333rem;
        height: 2.08333333rem;
    }

    .form__file-button span,
    .form__file-button a {
        font-size: 1.58rem;
    }

    .form__project-select .select2-selection:after,
    .form__project-select .select2-selection:before {
        margin-top: 2px;
    }

    .form__project-select
        .select2-container--default
        .select2-selection--multiple
        .select2-selection__choice {
        height: 3rem;
        line-height: 3rem;
        padding-top: 0;
    }

    .form__project-select
        .select2-container--default
        .select2-selection--multiple
        .select2-selection__choice__remove {
        margin-top: -7px;
    }

    .form--dark .form__checkbox-cell {
        max-width: none;
    }

    .appear.appear-border .section-title {
        font-size: 8rem;
        margin-bottom: 6.4rem;
    }

    .appear.appear-border p {
        font-size: 4.25rem;
        margin-bottom: 8rem;
    }

    .popup-bottom .form__submit {
        border-radius: 7.8125rem;
    }

    .events-item {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .events-item-title {
        font-size: 2.1rem;
    }

    .events-item-type {
        font-size: 1.57rem;
    }

    .events-item-date-place span {
        font-size: 1.57rem;
    }

    .events-item-date-autor {
        font-size: 1.57rem;
    }

    .events-item-date-theme {
        font-size: 1.57rem;
    }

    .events-wrap-title {
        font-size: 3.15rem;
    }

    .pirate-block {
        padding: 4.16666667rem 2.99479167rem 19.79166667rem 2.99479167rem;
    }

    .pirate-block .pirate-block-title {
        font-size: 4.16666667rem;
        letter-spacing: -0.16666667rem;
        margin-bottom: 1.5625rem;
    }

    .pirate-block .pirate-block-logos {
        gap: 0 1.04166667rem;
        margin-bottom: 9.765625rem;
    }

    .pirate-block .pirate-block-logos .logo-cp {
        width: 12.890625rem;
        height: 2.34375rem;
    }

    .pirate-block .pirate-block-logos .logo-piratecode {
        width: 12.5rem;
        height: 2.21354167rem;
    }

    .pirate-block .pirate-block-subtitle {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
        margin-bottom: 3.90625rem;
    }

    .pirate-block .pirate-block-list {
        gap: 1.43229167rem 7.29166667rem;
    }

    .pirate-block .pirate-block-list span {
        font-size: 1.82291667rem;
        letter-spacing: -0.01822917rem;
    }

    .pirate-block .pirate-block-list span:nth-child(1),
    .pirate-block .pirate-block-list span:nth-child(4) {
        width: 27.5%;
    }

    .pirate-block .pirate-block-list span:nth-child(3) {
        margin-left: 2.34375rem;
    }

    .about-partners .awards-marquee {
        margin-top: 10.67708333rem;
        margin-bottom: 4.6875rem;
    }

    .about-partners .about-partners-list {
        gap: 0 2.08333333rem;
    }

    .about-partners .about-partners-item {
        width: calc(25% - 16px * 3 / 4);
    }

    .about-partners .about-partners-item--img {
        min-height: 22.13541667rem;
        margin-bottom: 1.04166667rem;
    }

    .about-partners .about-partners-item--text {
        font-size: 1.5625rem;
    }

    .pirate-block-wrap.appear.appear-border p {
        margin-top: 0;
        font-weight: 300;
        line-height: 4.84505208rem;
        letter-spacing: -0.08502604rem;
    }

    .pirate-block-wrap .pirate-block {
        padding: 3.38541667rem 2.86458333rem 2.99479167rem 2.86458333rem;
    }

    .pirate-block-wrap .pirate-block .pirate-block-title {
        font-size: 4.63541667rem;
        margin-bottom: 7.94270833rem;
    }

    .pirate-block-wrap .pirate-block .logo-cp {
        width: 38.28125rem;
        height: auto;
    }

    .pirate-block-wrap .pirate-block .logo-cp + .pirate-block-direction {
        font-size: 1.43229167rem;
    }

    .pirate-block-wrap .pirate-block .logo-piratecode {
        width: 37.109375rem;
        height: auto;
    }

    .pirate-block-wrap .pirate-block .logo-piratecode + .pirate-block-direction {
        font-size: 1.43229167rem;
    }

    .pirate-block-wrap .pirate-block-logos {
        margin-bottom: 0;
        gap: 0 3.64583333rem;
    }

    .pirate-block-wrap .pirate-block-logos .separator::after {
        width: 4.42708333rem;
    }

    .pirate-block-wrap .pirate-block-logos .separator {
        width: 4.42708333rem;
    }

    .pirate-block-wrap .pirate-symbol {
        width: 18.09895833rem;
        top: 12.23958333rem;
        right: 9.375rem;
    }

    .pirate-block-wrap .pirate-block-subtitle {
        width: 32rem;
        font-size: 1.82291667rem;
        line-height: 120%;
        margin-bottom: 9.765625rem;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom {
        flex-direction: column;
        padding-right: 0;
        margin-top: 0.84635417rem;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__left {
        width: 38%;
        margin-bottom: 7.8125rem;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__left a {
        margin-top: 0;
        font-size: 1.98958333rem;
        line-height: 2.60026042rem;
        letter-spacing: -0.04505208rem;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__right {
        width: 100%;
        margin-top: 0;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__right p {
        font-size: 4.24479167rem;
        font-weight: 300;
        line-height: 4.84505208rem;
        letter-spacing: -0.08502604rem;
    }

    .pirate-block-wrap-top {
        flex-direction: column;
    }

    .pirate-block-wrap-top .pirate-block-wrap-top__left {
        width: 100%;
    }

    .pirate-block-wrap-top .pirate-block-wrap-top__right {
        width: 100%;
    }

    .pirate-block-bg {
        padding-bottom: 60.5%;
    }

    .pirate-block-bg-content {
        align-items: flex-start;
        gap: 0 2.21354167rem;
        padding: 0 0 5.46875rem 8.46354167rem;
    }

    .pirate-block-bg-subtitle {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
    }

    .pirate-block-bg-logos img {
        width: 10.41666667rem;
        height: 10.41666667rem;
    }

    .pirate-block-bg-content__right a {
        font-size: 1.82291667rem;
        letter-spacing: -0.03645833rem;
        padding: 0.91145833rem 2.47395833rem;
        margin-top: 2.08333333rem;
    }

    [data-barba-namespace="category"] .first-screen.first-screen-fullwidth {
        padding-top: 6rem;
    }

    [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top .top__left {
        margin-bottom: 6.4rem;
    }

    [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top .top__right {
        padding-right: 0;
    }

    [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top h1 {
        font-size: 12.8rem;
        letter-spacing: -2px;
    }

    [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top p {
        font-size: 4rem;
        letter-spacing: -0.3px;
    }

    .category-top-nav {
        top: 8.5rem;
        flex-wrap: nowrap;
        gap: 0 24px;
        overflow-x: auto;
    }

    .category-top-nav li a {
        white-space: nowrap;
        font-size: 1.8rem;
        padding: 2rem 0;
    }

    .page-main .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"] {
        background-size: 100% 0.13020833rem;
    }

    .desktop
        .page-main
        .form-block--bottom
        .form__checkbox-item
        span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.13020833rem;
    }

    .page-main.desktop .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.13020833rem;
    }

    .mp-hero__line.mp-hero__line--text {
        width: initial;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header,
    .page-contacts.page-main-v2._form-open .form-layer__header {
        height: 8.46354167rem;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header .header__inner,
    .page-contacts.page-main-v2._form-open .form-layer__header .header__inner {
        height: 8.46354167rem;
    }

    .page-main-new .expertise,
    .page-contacts .expertise {
        flex-direction: column;
        margin-bottom: 97px;
    }

    .page-main-new .expertise .expertise-title,
    .page-contacts .expertise .expertise-title {
        font-size: 36px;
        margin-bottom: 64px;
    }

    .page-main-new .expertise .expertise-subtitle,
    .page-contacts .expertise .expertise-subtitle {
        width: 55%;
        align-self: flex-end;
        font-size: 14px;
        margin-bottom: 32px;
    }

    .page-main-new .expertise .expertise-subtitle br,
    .page-contacts .expertise .expertise-subtitle br {
        display: none;
    }

    .page-main-new .expertise .expertise__left,
    .page-contacts .expertise .expertise__left {
        width: 100%;
        margin-bottom: 64px;
    }

    .page-main-new .expertise .expertise__left img,
    .page-contacts .expertise .expertise__left img {
        margin-bottom: 64px;
        margin: 0 auto;
    }

    .page-main-new .expertise .expertise__right,
    .page-contacts .expertise .expertise__right {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .page-main-new .expertise .expertise__right p,
    .page-contacts .expertise .expertise__right p {
        font-size: 24px;
    }

    .page-main-new .video-sticky,
    .page-contacts .video-sticky {
        height: 60vh;
    }

    .page-main-new .expertise-projects,
    .page-contacts .expertise-projects {
        padding-right: 0;
        flex-wrap: wrap;
        margin-top: 64px;
    }

    .page-main-new .expertise-projects span,
    .page-contacts .expertise-projects span {
        width: 100%;
        position: static;
        font-size: 14px;
        margin-bottom: 16px;
    }

    .page-main-new .expertise-projects a,
    .page-contacts .expertise-projects a {
        font-size: 18px;
    }

    .page-main-new .expertise-projects .projects-list a,
    .page-contacts .expertise-projects .projects-list a {
        font-size: 16px;
    }

    .page-main-new .working p,
    .page-contacts .working p {
        text-indent: 0;
    }

    .big-case {
        flex-direction: column;
        gap: 47px 0;
        margin-bottom: 48px;
    }

    .big-case .big-case__left {
        width: 100%;
        border: none;
        padding-left: 0;
    }

    .big-case .big-case__right {
        width: 100%;
    }

    .big-case--name {
        font-size: 30px;
        letter-spacing: -1.2px;
        margin: 0;
    }

    .big-case--img {
        display: none;
    }

    .big-case--img-list img {
        position: static;
        opacity: 1;
        width: 93%;
    }

    .big-case-top {
        margin-bottom: 32px;
    }

    .big-case-top .big-case--desc {
        display: block;
    }

    .big-case__right .big-case--desc {
        display: none;
    }

    .big-case--desc > div {
        font-size: 12px;
    }

    .big-case--product-list {
        padding-right: 74px;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .big-case--product-list > div:first-child,
    .big-case--product-list > div:last-child {
        display: none;
    }

    .big-case--product-list > div span {
        font-size: 15px;
    }

    .big-case--product-list > div ul li a {
        font-size: 15px;
    }

    .cases-wrap {
        margin-bottom: 15.625rem;
    }

    .cases-list {
        flex-direction: column;
    }

    .case-item--top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 32px;
    }

    .case-item--content {
        position: static;
        padding: 0;
        height: auto;
        opacity: 1;
        visibility: visible;
    }

    .case-item--content p {
        display: block;
    }

    .case-item {
        width: 100%;
        padding-left: 0;
        padding-top: 50px;
        border-top: 1px solid #272727;
        border-left: none;
        padding-bottom: 50px;
    }

    .case-item > p {
        display: none;
    }

    .case-item--title {
        font-size: 30px;
        margin-bottom: 0;
    }

    .case-item--desc {
        margin-bottom: 0;
    }

    .case-item--desc div {
        font-size: 16px;
    }

    .case-item--services {
        padding-right: 74px;
    }

    .case-item--services > div span {
        font-size: 15px;
    }

    .case-item--services > div ul li {
        opacity: 1;
        font-size: 15px;
    }

    .text-style {
        margin-bottom: 120px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .text-style img {
        margin: 0 auto;
        margin-bottom: 32px;
    }

    .text-style p {
        font-size: 15px;
        max-width: initial;
        width: 50%;
        margin: 0;
        text-align: left;
    }

    .first-screen-main {
        flex-direction: column;
        padding: 32px 0 96px 0;
    }

    .first-screen__subtitle {
        width: 100%;
        font-size: 15px;
        margin-bottom: 24px;
    }

    .first-screen__subtitle br {
        display: none;
    }

    .first-screen__title {
        margin-left: 0;
        width: 100%;
        font-size: 36px;
    }

    .first-screen__title span:not([class]) {
        text-indent: 0;
    }

    .first-screen__title span:not([class]) b {
        text-indent: 0;
    }

    .page-main-v2 .bg-start,
    .page-contacts .bg-start,
    .page-stream .bg-start,
    .page-projects .bg-start,
    .page-case-new-design .bg-start,
    .page-design-accompaniment .bg-start {
        height: 30vh;
    }

    .page-main-v2 .video-sticky,
    .page-contacts .video-sticky,
    .page-stream .video-sticky,
    .page-projects .video-sticky,
    .page-case-new-design .video-sticky,
    .page-design-accompaniment .video-sticky {
        height: 50vh;
        margin-bottom: 10vh;
    }

    .page-main-v2 .first-screen-main,
    .page-contacts .first-screen-main,
    .page-stream .first-screen-main,
    .page-projects .first-screen-main,
    .page-case-new-design .first-screen-main,
    .page-design-accompaniment .first-screen-main {
        flex-direction: row;
    }

    .page-main-v2 .first-screen__title,
    .page-contacts .first-screen__title,
    .page-stream .first-screen__title,
    .page-projects .first-screen__title,
    .page-case-new-design .first-screen__title,
    .page-design-accompaniment .first-screen__title {
        font-size: 4.2rem;
        line-height: 110%; /* 35.2px */
        letter-spacing: -0.64px;
    }

    .page-main-v2 .first-screen__title-items .first-screen__title-item,
    .page-contacts .first-screen__title-items .first-screen__title-item,
    .page-stream .first-screen__title-items .first-screen__title-item,
    .page-projects .first-screen__title-items .first-screen__title-item,
    .page-case-new-design .first-screen__title-items .first-screen__title-item,
    .page-design-accompaniment .first-screen__title-items .first-screen__title-item {
        font-size: 4.2rem;
        line-height: 110%; /* 35.2px */
        letter-spacing: -0.64px;
    }

    .page-main-v2 .first-screen__advantage-item span,
    .page-contacts .first-screen__advantage-item span,
    .page-stream .first-screen__advantage-item span,
    .page-projects .first-screen__advantage-item span,
    .page-case-new-design .first-screen__advantage-item span,
    .page-design-accompaniment .first-screen__advantage-item span {
        font-size: 4.2rem;
        line-height: 110%; /* 35.2px */
        letter-spacing: -0.64px;
    }

    .page-main-v2 .first-screen__advantage-item small,
    .page-contacts .first-screen__advantage-item small,
    .page-stream .first-screen__advantage-item small,
    .page-projects .first-screen__advantage-item small,
    .page-case-new-design .first-screen__advantage-item small,
    .page-design-accompaniment .first-screen__advantage-item small {
        font-size: 1.85rem;
        line-height: 130%; /* 18.2px */
        letter-spacing: -0.14px;
    }

    .page-main-v2 .expertise-list a,
    .page-contacts .expertise-list a,
    .page-stream .expertise-list a,
    .page-projects .expertise-list a,
    .page-case-new-design .expertise-list a,
    .page-design-accompaniment .expertise-list a,
    .page-main-v2 .expertise-list div,
    .page-contacts .expertise-list div,
    .page-stream .expertise-list div,
    .page-projects .expertise-list div,
    .page-case-new-design .expertise-list div,
    .page-design-accompaniment .expertise-list div {
        font-size: 1.55rem;
    }

    .page-main-v2 .expertise .autoplay-progress-wrap::after,
    .page-contacts .expertise .autoplay-progress-wrap::after,
    .page-stream .expertise .autoplay-progress-wrap::after,
    .page-projects .expertise .autoplay-progress-wrap::after,
    .page-case-new-design .expertise .autoplay-progress-wrap::after,
    .page-design-accompaniment .expertise .autoplay-progress-wrap::after {
        transform: translateY(112%);
    }

    .page-main-v2 .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-contacts .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-stream .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-projects .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-case-new-design .expertise .autoplay-progress-big-slider .expertise-big-slider-text,
    .page-design-accompaniment .expertise .autoplay-progress-big-slider .expertise-big-slider-text {
        padding-bottom: 3px;
    }

    .page-main-v2 .expertise-big-slider .expertise-big-slider-img::before,
    .page-contacts .expertise-big-slider .expertise-big-slider-img::before,
    .page-stream .expertise-big-slider .expertise-big-slider-img::before,
    .page-projects .expertise-big-slider .expertise-big-slider-img::before,
    .page-case-new-design .expertise-big-slider .expertise-big-slider-img::before,
    .page-design-accompaniment .expertise-big-slider .expertise-big-slider-img::before {
        left: -0.25rem;
        width: 102%;
    }

    .page-main-v2 .expertise-big-slider-text,
    .page-contacts .expertise-big-slider-text,
    .page-stream .expertise-big-slider-text,
    .page-projects .expertise-big-slider-text,
    .page-case-new-design .expertise-big-slider-text,
    .page-design-accompaniment .expertise-big-slider-text {
        font-size: 2.1rem;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .expertise-small-slider,
    .page-contacts .expertise-small-slider,
    .page-stream .expertise-small-slider,
    .page-projects .expertise-small-slider,
    .page-case-new-design .expertise-small-slider,
    .page-design-accompaniment .expertise-small-slider {
        width: 48.152%;
    }

    .page-main-v2 .expertise-small-slider-text b,
    .page-contacts .expertise-small-slider-text b,
    .page-stream .expertise-small-slider-text b,
    .page-projects .expertise-small-slider-text b,
    .page-case-new-design .expertise-small-slider-text b,
    .page-design-accompaniment .expertise-small-slider-text b {
        font-size: 1.55rem;
        line-height: 120%; /* 14.4px */
        letter-spacing: -0.12px;
    }

    .page-main-v2 .expertise-small-slider-img,
    .page-contacts .expertise-small-slider-img,
    .page-stream .expertise-small-slider-img,
    .page-projects .expertise-small-slider-img,
    .page-case-new-design .expertise-small-slider-img,
    .page-design-accompaniment .expertise-small-slider-img {
        margin-bottom: 1.35rem;
    }

    .page-main-v2 .expertise-small-slider-img::before,
    .page-contacts .expertise-small-slider-img::before,
    .page-stream .expertise-small-slider-img::before,
    .page-projects .expertise-small-slider-img::before,
    .page-case-new-design .expertise-small-slider-img::before,
    .page-design-accompaniment .expertise-small-slider-img::before {
        left: -0.25rem;
        width: 103%;
    }

    .page-main-v2 .expertise-big-slider-img,
    .page-contacts .expertise-big-slider-img,
    .page-stream .expertise-big-slider-img,
    .page-projects .expertise-big-slider-img,
    .page-case-new-design .expertise-big-slider-img,
    .page-design-accompaniment .expertise-big-slider-img {
        margin-bottom: 1.35rem;
    }

    .page-main-v2 .expertise .expertise__left,
    .page-contacts .expertise .expertise__left,
    .page-stream .expertise .expertise__left,
    .page-projects .expertise .expertise__left,
    .page-case-new-design .expertise .expertise__left,
    .page-design-accompaniment .expertise .expertise__left {
        margin-bottom: 5.2rem;
    }

    .page-main-v2 .expertise .expertise-title,
    .page-contacts .expertise .expertise-title,
    .page-stream .expertise .expertise-title,
    .page-projects .expertise .expertise-title,
    .page-case-new-design .expertise .expertise-title,
    .page-design-accompaniment .expertise .expertise-title {
        font-size: 3.15rem;
        line-height: 100%; /* 24px */
        letter-spacing: -0.48px;
        margin-bottom: 3.25rem;
    }

    .page-main-v2 .expertise .expertise-subtitle,
    .page-contacts .expertise .expertise-subtitle,
    .page-stream .expertise .expertise-subtitle,
    .page-projects .expertise .expertise-subtitle,
    .page-case-new-design .expertise .expertise-subtitle,
    .page-design-accompaniment .expertise .expertise-subtitle {
        align-self: flex-start;
        margin-top: 5.2rem;
        font-size: 2.1rem;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .section-title,
    .page-contacts .section-title,
    .page-stream .section-title,
    .page-projects .section-title,
    .page-case-new-design .section-title,
    .page-design-accompaniment .section-title {
        font-size: 4.2rem;
        letter-spacing: -0.32px;
    }

    .page-main-v2 .experience-top .experience-top__right a._animate,
    .page-contacts .experience-top .experience-top__right a._animate,
    .page-stream .experience-top .experience-top__right a._animate,
    .page-projects .experience-top .experience-top__right a._animate,
    .page-case-new-design .experience-top .experience-top__right a._animate,
    .page-design-accompaniment .experience-top .experience-top__right a._animate {
        transform: translateX(0) !important;
    }

    .page-main-v2 .clients-title,
    .page-contacts .clients-title,
    .page-stream .clients-title,
    .page-projects .clients-title,
    .page-case-new-design .clients-title,
    .page-design-accompaniment .clients-title {
        width: 83.2%;
    }

    .page-main-v2 .competencies-title,
    .page-contacts .competencies-title,
    .page-stream .competencies-title,
    .page-projects .competencies-title,
    .page-case-new-design .competencies-title,
    .page-design-accompaniment .competencies-title {
        font-size: 1.58rem;
    }

    .page-main-v2 .competencies-list span,
    .page-contacts .competencies-list span,
    .page-stream .competencies-list span,
    .page-projects .competencies-list span,
    .page-case-new-design .competencies-list span,
    .page-design-accompaniment .competencies-list span {
        font-size: 1.58rem;
    }

    .page-main-v2 .cases-wrap .case-title,
    .page-contacts .cases-wrap .case-title,
    .page-stream .cases-wrap .case-title,
    .page-projects .cases-wrap .case-title,
    .page-case-new-design .cases-wrap .case-title,
    .page-design-accompaniment .cases-wrap .case-title {
        font-size: 2.1rem;
        letter-spacing: -0.16px;
        margin-top: 0 !important;
    }

    .page-main-v2 .cases-wrap-top__right a,
    .page-contacts .cases-wrap-top__right a,
    .page-stream .cases-wrap-top__right a,
    .page-projects .cases-wrap-top__right a,
    .page-case-new-design .cases-wrap-top__right a,
    .page-design-accompaniment .cases-wrap-top__right a {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .page-main-v2 .cases-wrap-top__right,
    .page-contacts .cases-wrap-top__right,
    .page-stream .cases-wrap-top__right,
    .page-projects .cases-wrap-top__right,
    .page-case-new-design .cases-wrap-top__right,
    .page-design-accompaniment .cases-wrap-top__right {
        width: 55%;
    }

    .page-main-v2 .cases-items,
    .page-contacts .cases-items,
    .page-stream .cases-items,
    .page-projects .cases-items,
    .page-case-new-design .cases-items,
    .page-design-accompaniment .cases-items {
        padding-top: 17.2rem;
        gap: 100px 0;
    }

    .page-main-v2 .cases-items .case,
    .page-contacts .cases-items .case,
    .page-stream .cases-items .case,
    .page-projects .cases-items .case,
    .page-case-new-design .cases-items .case,
    .page-design-accompaniment .cases-items .case {
        align-items: stretch;
    }

    .page-main-v2 .cases-items .case .case-img,
    .page-contacts .cases-items .case .case-img,
    .page-stream .cases-items .case .case-img,
    .page-projects .cases-items .case .case-img,
    .page-case-new-design .cases-items .case .case-img,
    .page-design-accompaniment .cases-items .case .case-img {
        width: 56.645%;
        padding-bottom: 51.678%;
    }

    .page-main-v2 .cases-items .case .case-top-line,
    .page-contacts .cases-items .case .case-top-line,
    .page-stream .cases-items .case .case-top-line,
    .page-projects .cases-items .case .case-top-line,
    .page-case-new-design .cases-items .case .case-top-line,
    .page-design-accompaniment .cases-items .case .case-top-line {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 80px;
    }

    .page-main-v2 .cases-items .case.case-small,
    .page-contacts .cases-items .case.case-small,
    .page-stream .cases-items .case.case-small,
    .page-projects .cases-items .case.case-small,
    .page-case-new-design .cases-items .case.case-small,
    .page-design-accompaniment .cases-items .case.case-small {
        width: 82.968%;
        margin: 0 auto;
    }

    .page-main-v2 .cases-items .case.case-small .case-bottom-text,
    .page-contacts .cases-items .case.case-small .case-bottom-text,
    .page-stream .cases-items .case.case-small .case-bottom-text,
    .page-projects .cases-items .case.case-small .case-bottom-text,
    .page-case-new-design .cases-items .case.case-small .case-bottom-text,
    .page-design-accompaniment .cases-items .case.case-small .case-bottom-text {
        margin-top: 0;
    }

    .page-main-v2 .cases-items .case.case-small .case-top-line,
    .page-contacts .cases-items .case.case-small .case-top-line,
    .page-stream .cases-items .case.case-small .case-top-line,
    .page-projects .cases-items .case.case-small .case-top-line,
    .page-case-new-design .cases-items .case.case-small .case-top-line,
    .page-design-accompaniment .cases-items .case.case-small .case-top-line {
        margin-bottom: 7.8125rem;
    }

    .page-main-v2 .cases-items .case.case-big,
    .page-contacts .cases-items .case.case-big,
    .page-stream .cases-items .case.case-big,
    .page-projects .cases-items .case.case-big,
    .page-case-new-design .cases-items .case.case-big,
    .page-design-accompaniment .cases-items .case.case-big {
        width: 82.968%;
    }

    .page-main-v2 .cases-items .case.case-big .case-bottom-text,
    .page-contacts .cases-items .case.case-big .case-bottom-text,
    .page-stream .cases-items .case.case-big .case-bottom-text,
    .page-projects .cases-items .case.case-big .case-bottom-text,
    .page-case-new-design .cases-items .case.case-big .case-bottom-text,
    .page-design-accompaniment .cases-items .case.case-big .case-bottom-text {
        margin-top: 0;
    }

    .page-main-v2 .cases-items .case.case-big .case-img,
    .page-contacts .cases-items .case.case-big .case-img,
    .page-stream .cases-items .case.case-big .case-img,
    .page-projects .cases-items .case.case-big .case-img,
    .page-case-new-design .cases-items .case.case-big .case-img,
    .page-design-accompaniment .cases-items .case.case-big .case-img {
        width: 56.645%;
        padding-bottom: 51.678%;
    }

    .page-main-v2 .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-contacts .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-stream .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-projects .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-case-new-design .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-design-accompaniment .cases-items .case.case-big .case-content-bottom .case-bottom-text {
        order: 1;
        margin-bottom: 80px;
    }

    .page-main-v2 .cases-items .case.case-big .case-content-bottom .case-list,
    .page-contacts .cases-items .case.case-big .case-content-bottom .case-list,
    .page-stream .cases-items .case.case-big .case-content-bottom .case-list,
    .page-projects .cases-items .case.case-big .case-content-bottom .case-list,
    .page-case-new-design .cases-items .case.case-big .case-content-bottom .case-list,
    .page-design-accompaniment .cases-items .case.case-big .case-content-bottom .case-list {
        order: 2;
    }

    .page-main-v2 .cases-items .case .case-img,
    .page-contacts .cases-items .case .case-img,
    .page-stream .cases-items .case .case-img,
    .page-projects .cases-items .case .case-img,
    .page-case-new-design .cases-items .case .case-img,
    .page-design-accompaniment .cases-items .case .case-img {
        width: 56.645%;
        padding-bottom: 51.678%;
        margin-bottom: 0;
    }

    .page-main-v2 .cases-items .case .case-content .case-content__left,
    .page-contacts .cases-items .case .case-content .case-content__left,
    .page-stream .cases-items .case .case-content .case-content__left,
    .page-projects .cases-items .case .case-content .case-content__left,
    .page-case-new-design .cases-items .case .case-content .case-content__left,
    .page-design-accompaniment .cases-items .case .case-content .case-content__left {
        width: 52%;
        padding-right: 1.953125rem;
    }

    .page-main-v2 .cases-items .case .case-content .case-content__right,
    .page-contacts .cases-items .case .case-content .case-content__right,
    .page-stream .cases-items .case .case-content .case-content__right,
    .page-projects .cases-items .case .case-content .case-content__right,
    .page-case-new-design .cases-items .case .case-content .case-content__right,
    .page-design-accompaniment .cases-items .case .case-content .case-content__right {
        padding-right: 1.953125rem;
        width: calc(100% - 52%);
    }

    .page-main-v2 .cases-items .case .case-name,
    .page-contacts .cases-items .case .case-name,
    .page-stream .cases-items .case .case-name,
    .page-projects .cases-items .case .case-name,
    .page-case-new-design .cases-items .case .case-name,
    .page-design-accompaniment .cases-items .case .case-name {
        font-size: 4.16666667rem;
        letter-spacing: -0.04166667rem;
        margin-bottom: 2.08333333rem;
    }

    .page-main-v2 .cases-items .case .case-desc,
    .page-contacts .cases-items .case .case-desc,
    .page-stream .cases-items .case .case-desc,
    .page-projects .cases-items .case .case-desc,
    .page-case-new-design .cases-items .case .case-desc,
    .page-design-accompaniment .cases-items .case .case-desc {
        font-size: 2.085rem;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .cases-items .case .case-list a,
    .page-contacts .cases-items .case .case-list a,
    .page-stream .cases-items .case .case-list a,
    .page-projects .cases-items .case .case-list a,
    .page-case-new-design .cases-items .case .case-list a,
    .page-design-accompaniment .cases-items .case .case-list a,
    .page-main-v2 .cases-items .case .case-list div,
    .page-contacts .cases-items .case .case-list div,
    .page-stream .cases-items .case .case-list div,
    .page-projects .cases-items .case .case-list div,
    .page-case-new-design .cases-items .case .case-list div,
    .page-design-accompaniment .cases-items .case .case-list div {
        font-size: 1.57rem;
    }

    .page-main-v2 .cases-items .case .case-top-text,
    .page-contacts .cases-items .case .case-top-text,
    .page-stream .cases-items .case .case-top-text,
    .page-projects .cases-items .case .case-top-text,
    .page-case-new-design .cases-items .case .case-top-text,
    .page-design-accompaniment .cases-items .case .case-top-text {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .page-main-v2 .splide__list,
    .page-contacts .splide__list,
    .page-stream .splide__list,
    .page-projects .splide__list,
    .page-case-new-design .splide__list,
    .page-design-accompaniment .splide__list {
        gap: 0 30px;
    }

    .page-main-v2 .runline-slider__slide-text,
    .page-contacts .runline-slider__slide-text,
    .page-stream .runline-slider__slide-text,
    .page-projects .runline-slider__slide-text,
    .page-case-new-design .runline-slider__slide-text,
    .page-design-accompaniment .runline-slider__slide-text {
        font-size: 6.25rem;
        letter-spacing: -0.96px;
    }

    .page-main-v2 .runline-slider__slide-photo,
    .page-contacts .runline-slider__slide-photo,
    .page-stream .runline-slider__slide-photo,
    .page-projects .runline-slider__slide-photo,
    .page-case-new-design .runline-slider__slide-photo,
    .page-design-accompaniment .runline-slider__slide-photo {
        width: 300px;
        height: 300px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-top,
    .page-contacts .stream-wrap .stream-wrap-top,
    .page-stream .stream-wrap .stream-wrap-top,
    .page-projects .stream-wrap .stream-wrap-top,
    .page-case-new-design .stream-wrap .stream-wrap-top,
    .page-design-accompaniment .stream-wrap .stream-wrap-top {
        margin-bottom: 6.5rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-title,
    .page-contacts .stream-wrap .stream-wrap-title,
    .page-stream .stream-wrap .stream-wrap-title,
    .page-projects .stream-wrap .stream-wrap-title,
    .page-case-new-design .stream-wrap .stream-wrap-title,
    .page-design-accompaniment .stream-wrap .stream-wrap-title {
        font-size: 4.2rem;
        letter-spacing: -0.32px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-tags,
    .page-contacts .stream-wrap .stream-wrap-tags,
    .page-stream .stream-wrap .stream-wrap-tags,
    .page-projects .stream-wrap .stream-wrap-tags,
    .page-case-new-design .stream-wrap .stream-wrap-tags,
    .page-design-accompaniment .stream-wrap .stream-wrap-tags {
        margin-top: 0;
    }

    .page-main-v2 .stream-wrap .stream-wrap-tags span,
    .page-contacts .stream-wrap .stream-wrap-tags span,
    .page-stream .stream-wrap .stream-wrap-tags span,
    .page-projects .stream-wrap .stream-wrap-tags span,
    .page-case-new-design .stream-wrap .stream-wrap-tags span,
    .page-design-accompaniment .stream-wrap .stream-wrap-tags span {
        font-size: 1.6rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide,
    .page-contacts .stream-wrap .stream-wrap-slider__slide,
    .page-stream .stream-wrap .stream-wrap-slider__slide,
    .page-projects .stream-wrap .stream-wrap-slider__slide,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide {
        max-width: 56.64%;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-stream .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-projects .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title span {
        font-size: 1.6rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-stream .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-projects .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title b {
        font-size: 2.1rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date a {
        font-size: 1.6rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date div {
        font-size: 1.6rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date span {
        font-size: 1.6rem;
    }

    .page-main-v2 .stream-wrap-slider-btn-prev,
    .page-contacts .stream-wrap-slider-btn-prev,
    .page-stream .stream-wrap-slider-btn-prev,
    .page-projects .stream-wrap-slider-btn-prev,
    .page-case-new-design .stream-wrap-slider-btn-prev,
    .page-design-accompaniment .stream-wrap-slider-btn-prev,
    .page-main-v2 .stream-wrap-slider-btn-next,
    .page-contacts .stream-wrap-slider-btn-next,
    .page-stream .stream-wrap-slider-btn-next,
    .page-projects .stream-wrap-slider-btn-next,
    .page-case-new-design .stream-wrap-slider-btn-next,
    .page-design-accompaniment .stream-wrap-slider-btn-next {
        width: 24px;
        height: 24px;
    }

    .page-main-v2 .stream-wrap-slider-pagination .swiper-pagination-bullet,
    .page-contacts .stream-wrap-slider-pagination .swiper-pagination-bullet,
    .page-stream .stream-wrap-slider-pagination .swiper-pagination-bullet,
    .page-projects .stream-wrap-slider-pagination .swiper-pagination-bullet,
    .page-case-new-design .stream-wrap-slider-pagination .swiper-pagination-bullet,
    .page-design-accompaniment .stream-wrap-slider-pagination .swiper-pagination-bullet {
        height: 2px;
    }

    .page-main-v2 .stream-wrap-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .page-contacts .stream-wrap-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .page-stream .stream-wrap-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .page-projects .stream-wrap-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .page-case-new-design
        .stream-wrap-slider-pagination
        .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .page-design-accompaniment
        .stream-wrap-slider-pagination
        .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 30px;
    }

    .text-form-open {
        font-size: 4.16666667rem;
    }

    .experience-items {
        flex-wrap: wrap;
        gap: 20px;
        align-items: stretch;
    }

    .experience-items .experience-item {
        width: calc(50% - 20px * 1 / 2);
        min-height: 180px;
        padding: 2.605rem;
    }

    .experience-items .experience-item.size-1 {
        width: calc(50% - 20px * 1 / 2);
    }

    .experience-items .experience-item.size-2 {
        width: calc(50% - 20px * 1 / 2);
    }

    .experience-items .experience-item.height-1 {
        height: auto;
    }

    .experience-items .experience-item.height-2 {
        height: auto;
    }

    .experience-items .experience-item .experience-item--num {
        font-size: 4.2rem;
        letter-spacing: -0.32px;
        margin-bottom: 5rem;
    }

    .experience-items .experience-item .experience-item--text {
        font-size: 2.1rem;
        letter-spacing: -0.16px;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case {
        padding-top: 5.46875rem;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case .top {
        padding-top: 7.16145833rem;
        padding-bottom: 9.11458333rem;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case .top .back-to-portfolio span {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .page-case-new-design .case-siblings .back-link a.underline-reverse {
        font-size: 1.953125rem;
        line-height: 120%; /* 23.4px */
        letter-spacing: -0.01953125rem;
    }

    .page-case-new-design .top-screen-case-slider-thumbs {
        bottom: 8.59375rem;
    }

    .page-case-new-design .top-screen-case-slider-thumbs .swiper-slide {
        max-width: 12.36979167rem;
        height: 8.33333333rem;
    }

    .page-case-new-design .top-screen-case-slider-thumbs .swiper-slide.swiper-slide-thumb-active {
        max-width: 14.58333333rem;
        height: 10.67708333rem;
    }

    .page-case-new-design .case-title,
    .page-case-new-design .top [class^="col"] .case-title {
        font-size: 1.953125rem;
        line-height: 120%;
        letter-spacing: -0.01953125rem;
        margin-top: 0 !important;
    }

    .page-case-new-design .section {
        margin: 7.8125rem 0;
    }

    .page-case-new-design .section p {
        font-size: 2.08333333rem;
        line-height: 140%; /* 23.4px */
        letter-spacing: -0.02083333rem;
    }

    .page-case-new-design .section ul li,
    .page-case-new-design .section ol li {
        font-size: 2.08333333rem;
        line-height: 140%; /* 23.4px */
        letter-spacing: -0.02083333rem;
    }

    .page-case-new-design .section ol li {
        font-size: 2.08333333rem;
        line-height: 140%; /* 23.4px */
        letter-spacing: -0.02083333rem;
        padding-left: 3.125rem;
    }

    .page-case-new-design .section ul li {
        padding-left: 3.125rem;
    }

    .page-case-new-design .section ul li:before {
        width: 2.9296875rem;
        height: 2.9296875rem;
        left: -2.34375rem;
        top: 0.390625rem;
    }

    .page-case-new-design .first-screen-case {
        margin-top: 8.46354167rem;
    }

    .page-case-new-design .top-screen-case h1 {
        font-size: 4.16666667rem;
        line-height: 120%; /* 52.8px */
        letter-spacing: -0.04166667rem;
    }

    .page-case-new-design .case-info {
        padding-top: 0;
        margin-bottom: 7.8125rem;
    }

    .page-case-new-design .case-info span {
        font-size: 1.5625rem;
        line-height: 120%;
        letter-spacing: -0.015625rem;
    }

    .page-case-new-design .case-info__services-list,
    .page-case-new-design .case-info__links {
        gap: 1.30208333rem 0;
    }

    .page-case-new-design .case-info__services-list span,
    .page-case-new-design .case-info__links span {
        font-size: 1.5625rem;
        line-height: 120%;
        letter-spacing: -0.015625rem;
        margin: 0;
    }

    .case-info-description p {
        font-size: 2.08333333rem;
        line-height: 140%; /* 23.4px */
        letter-spacing: -0.02083333rem;
    }

    .case-info-description-box {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0;
    }

    .case-info-description-box .case-info-description__left > span:first-child,
    .case-info-description-box .case-info-description__right > span:first-child {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
        margin-bottom: 1.5625rem;
    }

    .case-info-description-box .case-info-description__left {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0;
        margin-bottom: 1.953125rem;
    }

    .case-info-description-box .case-info-description__left span:last-child {
        margin-top: 0rem;
    }

    .case-info-description-box .case-info-description__left span:last-child.case-info-year {
        position: absolute;
        bottom: 0;
        left: 7px;
    }

    .case-info-description-box .case-info-description__right {
        width: 100%;
    }

    .case-info-description-box .case-info-description__right ul {
        gap: 1.30208333rem 0;
    }

    .case-info-description-box .case-info-description__right ul li {
        font-size: 1.5625rem;
        line-height: 120%; /* 23.4px */
        letter-spacing: -0.015625rem;
    }

    .case-info .case-info__top a.underline::after {
        bottom: -0.25em;
    }

    .case-siblings {
        padding-top: 10.41666667rem;
    }

    .case-siblings__next {
        height: calc(100vh - 1.3rem);
    }

    .back-link {
        padding-right: 0;
    }

    .back-link .arrow {
        display: none;
    }

    .section-case-team-item b {
        font-size: 1.82291667rem;
        line-height: 150%;
        letter-spacing: -0.01822917rem;
    }

    .section-case-team-item span {
        font-size: 1.5625rem;
        line-height: 120%;
        letter-spacing: -0.015625rem;
    }

    .section-case-team-title {
        font-size: 2.34375rem;
        line-height: 120%;
        letter-spacing: -0.0234375rem;
    }

    .section-subtitle {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
    }

    .page-subscribe .subscribe-content-upper-block {
        padding-right: 35rem;
    }

    .page-subscribe .subscribe-popup-form-wrap.grey-form .form__submit {
        max-width: 24.08854167rem;
        font-size: 1.4rem;
        padding: 0.9765625rem 0;
    }

    .subscribe-popup-form__agree-text {
        min-width: 308px;
    }

    .subscribe-popup-form__submit-block {
        margin-top: 0;
    }

    .subscribe-runline {
        width: 50vw;
    }

    .page-design-accompaniment
        [data-barba-namespace="design-accompaniment"]
        .get-in-touch.get-in-touch-design-accompaniment
        .form-column__input {
        font-size: 1.95rem;
    }

    .page-design-accompaniment .header.form-layer__header {
        height: 0;
    }

    .page-design-accompaniment._form-open .header.form-layer__header {
        height: 8.46354167rem;
    }

    .page-design-accompaniment .input-text-line .form-column__label {
        top: 12px;
    }

    .design-accompaniment-img {
        padding-top: 42%;
        margin-top: 7rem;
        margin-bottom: 10rem;
    }

    .rewards .slider-awards .random-slider__inner .random-slider__slide {
        width: 47%;
    }

    .rewards .slider-awards .random-slider__inner .random-slider__slide-desc-wrap {
        height: 350px;
        padding-top: 0;
    }

    .form-design-accompaniment .input-text-line__inner .error-label {
        font-size: 1.5rem !important;
        margin-top: 3.5rem;
    }

    .form-design-accompaniment .input-text-line__inner input {
        padding: 1rem 0;
    }

    .page-stream .events-list .events-item:last-child,
    .page-projects .events-list .events-item:last-child {
        display: none;
    }

    .page-stream .events-list .events-item__left,
    .page-projects .events-list .events-item__left {
        width: 33%;
    }

    .page-stream .events-list .events-item__right,
    .page-projects .events-list .events-item__right {
        width: 60%;
    }

    .page-stream .events-list .events-item__right-top,
    .page-projects .events-list .events-item__right-top {
        padding-right: 2.8rem;
    }

    .page-stream .events-list .events-item-title,
    .page-projects .events-list .events-item-title {
        font-size: 2.085rem;
    }

    .page-stream .stream-wrap-events .stream-slider-link,
    .page-projects .stream-wrap-events .stream-slider-link {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .page-stream .stream-wrap .stream-wrap-top,
    .page-projects .stream-wrap .stream-wrap-top {
        margin-bottom: 5.20833333rem;
    }

    .page-stream .stream-wrap .stream-wrap-top .stream-wrap-slider-navigation,
    .page-projects .stream-wrap .stream-wrap-top .stream-wrap-slider-navigation {
        display: flex;
        gap: 0 1.30208333rem;
    }

    .page-stream .stream-wrap .stream-wrap-title,
    .page-projects .stream-wrap .stream-wrap-title {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide {
        max-width: initial;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small {
        width: 40.11%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big {
        width: 57.145%;
    }

    .page-stream
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img
        .stream-wrap-slider__slide--img,
    .page-projects
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img
        .stream-wrap-slider__slide--img {
        padding-bottom: 91.59%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img {
        width: 57.143%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium {
        width: 48.628%;
    }

    .page-stream
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle
        .stream-wrap-slider__slide--img,
    .page-projects
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle
        .stream-wrap-slider__slide--img {
        padding-bottom: 55.65%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle,
    .page-projects
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle {
        width: 48.627%;
    }

    .all-events-content .stream-wrap {
        gap: 7.8125rem 2.08333333rem;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle {
        width: 57.418%;
        max-width: 100%;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle + .stream-slide-rectangle {
        width: calc(100% - 57.418% - 2.08333333rem);
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle + .stream-slide-square {
        width: 40.385%;
        margin-left: 0;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-square {
        width: 57.418%;
        max-width: 100%;
        margin-left: 0;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-square + .stream-slide-square {
        width: calc(100% - 40.385% - 2.08333333rem);
    }

    .all-events-content .stream-wrap .swiper-slide {
        padding: 1.04166667rem;
    }

    .stream-top__left {
        width: 100%;
    }

    .stream-top__right {
        width: 100%;
    }

    .stream-title {
        font-size: 4.16666667rem;
        letter-spacing: -0.04166667rem;
    }

    .all-events .stream-title {
        margin-bottom: 5.2rem;
    }

    .all-events-filters {
        flex-direction: column;
        gap: 5.20833333rem;
        margin-bottom: 10.41666667rem;
    }

    .all-events-filters > div {
        width: 100%;
    }

    .events-subtitle {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
        line-height: 140%;
        margin-bottom: 2.60416667rem;
    }

    .stream-wrap._events .stream-content .stream-card.event .stream-card-img {
        margin-bottom: 16px;
    }

    .stream-tags {
        max-width: 292px;
    }

    .stream-content {
        gap: 32px 16px;
    }

    .stream-card {
        width: calc(33.33% - 16px * 2 / 3);
    }

    .stream-card.event .stream-card-content {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .stream-card.event .stream-card-content img {
        margin-bottom: 42px;
    }

    .stream-card:nth-child(6n - 5) {
        margin-left: calc(33.33% -8px * 2 / 3);
    }

    .stream-card:nth-child(6n - 3) {
        margin-right: calc(33.33% -8px * 2 / 3);
    }

    .stream-card-img {
        margin-bottom: 16px;
    }

    .stream-card-title {
        font-size: 16px;
    }

    .stream-card-type {
        font-size: 10px;
    }

    .filters-btn {
        display: none;
    }

    .filters-btn.filters-btn-tablet {
        display: none;
    }

    .all-events-filters-wrap._fixed .filters-btn {
        display: none;
    }

    .stream-card-format {
        font-size: 10px;
    }

    .stream-card-date {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .stream-card-speaker img {
        width: 32px;
        height: 32px;
    }

    .stream-card-speaker-name {
        font-size: 14px;
    }

    .stream-tags:after,
    .stream-tags:before {
        top: 1.5rem;
    }

    .anchor .anchor-img {
        width: 65px;
        height: 65px;
        margin-bottom: 8px;
    }

    .stream-top {
        flex-direction: column;
        justify-content: flex-start;
        gap: 5.20833333rem 0;
        margin-top: 13.02083333rem;
        margin-bottom: 13.02083333rem;
    }

    .stream-top .stream-top__left {
        width: 100%;
    }

    .stream-top .stream-top__right {
        width: 100%;
    }

    .stream-top .stream-top__right p {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .stream-top .event-autors span,
    .stream-top .event-link span {
        font-size: 1.57rem;
        line-height: 130%;
        letter-spacing: -0.12px;
    }

    .stream-top-mobile-title {
        margin-top: 8.25rem;
        margin-bottom: 5.21rem;
    }

    .stream-top-event .event-title {
        width: 49%;
        font-size: 2.085rem;
    }

    .stream-top-event .event-theme {
        width: auto;
        padding-right: 2.22rem;
    }

    .stream-top-event .event-theme span {
        font-size: 1.57rem;
        white-space: nowrap;
    }

    .stream-top-event .event-autors {
        width: 80%;
    }

    .stream-top-event .event-link {
        width: -webkit-fit-content;
        width: fit-content;
        margin-right: 3.55rem;
    }

    .stream-top-event__info {
        flex-wrap: wrap;
        gap: 5.82rem 0;
    }

    .event-speakers {
        margin: 13.02083333rem 0 13.02083333rem 0;
        gap: 0 7.8125rem;
    }

    .event-speakers-title {
        font-size: 4.16666667rem;
        letter-spacing: -0.04166667rem;
    }

    .stream-wrap-slider__slide--top {
        margin-bottom: 1.04166667rem;
    }

    .stream-wrap-slider.stream-slider-tablet .swiper-wrapper {
        flex-wrap: nowrap;
    }

    .stream-wrap-slider.stream-slider-tablet.swiper-container-initialized .swiper-wrapper {
        flex-wrap: nowrap;
        gap: initial;
    }

    .stream-slider-title {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .swiper-slide-big-img .stream-slider-title {
        width: 77%;
    }

    .anchor-filters-mobile {
        display: flex;
        padding: 2.08333333rem 3.125rem;
    }

    .anchor-filters-mobile._active {
        opacity: 1;
        visibility: visible;
    }

    .stream-slider-date-types {
        margin-bottom: 2.60416667rem;
    }

    .stream-slider-date-types span {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .stream-slider-autors span {
        font-size: 1.57rem;
    }

    .stream-slider-themes {
        gap: 1.30208333rem;
        margin-bottom: 1.5625rem;
    }

    .stream-slider-themes span {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .hot-news-top {
        margin-bottom: 3.90625rem;
    }

    .hot-news-top .hot-news__right {
        display: block;
    }

    .hot-news-top .stream-wrap-slider-navigation {
        gap: 0 1.30208333rem;
    }

    .hot-news-top .stream-wrap-slider-navigation {
        display: flex;
    }

    .hot-news-title {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
        margin-bottom: 0;
    }

    .stream-slider-link {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .stream-slider-date,
    .stream-slider-type {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .all-events-types,
    .all-events-theme {
        gap: 1.5625rem;
    }

    .all-events-types > div,
    .all-events-theme > div {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
        margin-bottom: 2.60416667rem;
    }

    .all-events-top {
        margin-bottom: 7.8125rem;
    }

    .all-events-top .all-events-top__right p {
        max-width: 85%;
        font-size: 1.82291667rem;
        letter-spacing: -0.01822917rem;
    }

    .btn-more-events {
        margin-top: 7.8125rem;
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .all-events-filter-btn span {
        font-size: 1.57rem;
    }

    .event-speakers__left {
        width: 42.858%;
    }

    .event-speakers__right {
        width: calc(100% - 42.858% - 7.8125rem);
    }

    .event-speakers__right div span,
    .event-speakers__right div a {
        white-space: nowrap;
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .events-filters-accordeon .events-subtitle {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
        padding-bottom: 2.86458333rem;
    }

    .events-filters-accordeon__top {
        gap: 5.078125rem;
    }

    .active-filters__item span {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .active-filters__item img {
        width: 20px;
        height: 20px;
    }

    .all-events-filters-box {
        gap: 3.64583333rem;
    }

    .stream-detail-top {
        margin-top: 7.8125rem;
        margin-bottom: 3.64583333rem;
    }

    .stream-detail-top h1 {
        font-size: 6.25rem;
        letter-spacing: -0.0625rem;
        margin: 4.16666667rem 0 3.64583333rem 0;
    }

    .stream-detail-back span {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .stream-detail-tags {
        gap: 0 1.5625rem;
    }

    .stream-detail-tags span {
        padding: 1.04166667rem 2.08333333rem;
        font-size: 1.5625rem;
        line-height: 120%;
        letter-spacing: -0.015625rem;
    }

    .stream-detail-content {
        margin-bottom: 13.02083333rem;
    }

    .stream-detail-content + .stream-wrap-events .stream-wrap-top {
        margin-bottom: 5.078125rem;
    }

    .page-stream .stream-detail-content + .stream-wrap-events .stream-wrap-title {
        font-size: 4.16666667rem;
        letter-spacing: -0.04166667rem;
    }

    .stream-detail-content picture,
    .stream-detail-content img {
        margin-bottom: 9.375rem;
    }

    .stream-detail-content p {
        font-size: 2.08333333rem;
        line-height: 150%;
        letter-spacing: -0.02083333rem;
    }

    .stream-wrap + .event-speakers {
        margin-top: 13.02083333rem;
        margin-bottom: 13.02083333rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--top {
        margin-bottom: 2.08333333rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide-box {
        padding: 2.08333333rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-type,
    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-date {
        font-size: 2.34375rem;
        letter-spacing: -0.046875rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-themes {
        margin-bottom: 2.60416667rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-themes span {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-title {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
        margin-bottom: 5.078125rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--img {
        margin-bottom: 2.60416667rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-link {
        padding: 0;
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .two-column-box > div {
        width: 55%;
    }

    .two-column-box > div:last-child {
        width: 45%;
    }

    .contacts-links,
    .contacts-info {
        gap: 100px 0;
    }

    .contacts-info {
        padding: 0 0 0 3rem;
    }

    .contacts-info .contacts-info-item {
        gap: 0 16px;
        justify-content: flex-start;
    }

    .contacts-info .contacts-info-item span {
        white-space: nowrap;
        min-width: 109px;
    }

    .contacts-info .contacts-info-item > div {
        width: initial;
    }

    .contacts-info .contacts-info-item > div p {
        font-size: 2.08rem;
        letter-spacing: -0.16px;
    }

    .policy-text {
        margin-top: 6.5rem;
    }

    .policy-text p {
        font-size: 1.5625rem;
        letter-spacing: -0.12px;
    }

    .policy-text a {
        font-size: 1.57rem;
        letter-spacing: -0.12px;
    }

    .contacts-links-item span,
    .contacts-info-item span {
        font-size: 2.085rem;
    }

    .contacts-links-item > div a,
    .contacts-info-item > div a,
    .contacts-links-item > div span,
    .contacts-info-item > div span {
        font-size: 2.085rem;
        letter-spacing: -0.16px;
    }

    .contacts-social {
        margin-top: 13.1rem;
    }

    .contacts-social .two-column-box__right {
        padding-right: 14.5rem;
    }

    .contacts-social-title {
        font-size: 4.2rem;
    }

    .contacts-social-list a {
        font-size: 1.57rem;
    }

    .person-list {
        margin-top: 13.1rem;
        gap: 140px 0;
        margin-bottom: 23.5rem;
    }

    .person-list-item--name {
        font-size: 3.12rem;
        margin-bottom: 1.05rem;
    }

    .person-list-item--desc {
        margin-top: 5.2rem;
    }

    .person-list-item--desc p {
        font-size: 2.08rem;
    }

    .person-list-item--mail span {
        font-size: 1.57rem;
    }

    .person-list-item--mail a {
        font-size: 1.57rem;
    }

    ._person-size-1 {
        width: 39.838%;
    }

    ._person-size-1 .person-list-item--mail {
        margin-top: 7.8rem;
    }

    ._person-size-2 {
        width: 48.103%;
    }

    ._person-size-2 .person-list-item--img {
        height: 365px;
    }

    ._person-size-2 .person-list-item--mail {
        margin-top: 0;
    }

    ._person-size-3 .person-list-item--img {
        width: 56.64%;
    }

    ._person-size-3 .person-list-item--desc {
        margin-top: 5.7rem;
    }

    ._person-size-3 .person-list-item--mail {
        margin-top: 6.5rem;
    }

    ._person-size-3 .person-list-item-content {
        width: calc(100% - 56.64% - 20px);
    }

    .page-projects .footer-showreel {
        margin-bottom: 19.53125rem;
    }

    .projects-awards__header {
        position: initial;
    }

    .page-category-new .wrap-page {
        overflow-x: initial;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top {
        gap: 0 7.8125rem;
        justify-content: space-between;
        margin-bottom: 15.625rem;
    }

    .page-category-new
        [data-barba-namespace="category"]
        .first-screen.first-screen-fullwidth
        .top
        .col-6:first-child {
        width: 41.5%;
    }

    .page-category-new
        [data-barba-namespace="category"]
        .first-screen.first-screen-fullwidth
        .top
        .col-6:last-child {
        width: 47.5%;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top h1 {
        font-size: 7.29166667rem;
        letter-spacing: -0.07291667rem;
    }

    .page-category-new .top-description {
        justify-content: flex-end;
        gap: 0 2.08333333rem;
    }

    .page-category-new .top-description__item small {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
        margin-right: 0;
        margin-bottom: 0.390625rem;
    }

    .page-category-new .top-description__item b {
        font-size: 4.16666667rem;
        margin-right: 0.52083333rem;
    }

    .page-category-new .top-description__item span {
        max-width: 18.09895833rem;
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .page-category-new .top-description__item span br {
        display: none;
    }

    .page-category-new .partners-list {
        gap: 2.60416667rem 2.08333333rem;
    }

    .page-category-new .partners-item {
        width: calc(16.66% - 2.08333333rem * 5 / 6);
    }

    .page-category-new .information-block .row {
        gap: 0 2.08333333rem;
    }

    .page-category-new .information-block .col-6 {
        width: calc(50% - 2.08333333rem * 1 / 2);
    }

    .page-category-new .information-block p {
        font-size: 2.60416667rem;
    }

    .page-category-new .information-block-title {
        font-size: 4.16666667rem;
        margin-bottom: 10.41666667rem;
    }

    .page-category-new .team-specifications {
        margin-top: 19.53125rem;
        margin-bottom: 19.53125rem;
    }

    .page-category-new .specifications-title {
        font-size: 2.08333333rem;
        margin-bottom: 4.16666667rem;
    }

    .page-category-new .specifications-list {
        gap: 2.08333333rem;
    }

    .page-category-new .specifications-list span {
        font-size: 1.5625rem;
    }

    .page-category-new .experience-items {
        margin-bottom: 19.53125rem;
    }

    .page-category-new .category-big-title {
        font-size: 4.16666667rem;
        margin-bottom: 10.41666667rem;
    }

    .page-category-new .category-text-right {
        font-size: 2.60416667rem;
        letter-spacing: -0.02604167rem;
    }

    .page-category-new .category-specialist-list {
        gap: 2.08333333rem 0;
    }

    .page-category-new .category-specialist-list div {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .page-category-new .category-large-title {
        font-size: 4.16666667rem;
        padding-right: 0;
        margin-bottom: 10.41666667rem;
    }

    .page-category-new .category-large-title .underline::after {
        border-bottom: 0.07em solid currentColor;
    }

    .page-category-new [data-barba-namespace="category"] .case-siblings {
        height: 65.528vh;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen--footer .row .top__right a {
        font-size: 2.60416667rem;
        line-height: 3.125rem;
    }

    .page-category-new .case-title,
    .page-category-new .top [class^="col"] .case-title {
        font-size: 1.953125rem;
        line-height: 120%;
        letter-spacing: -0.01953125rem;
        margin-top: 0 !important;
    }

    .page-category-new .appear-steps-working-wrap {
        height: 100vh;
        margin-bottom: 78.125rem;
    }

    .page-category-new .steps-working-wrap {
        margin-bottom: 6.51041667rem;
    }

    .page-category-new .steps-working-wrap .steps-working-small-title {
        padding: 3.125rem 0;
        font-size: 2.60416667rem;
        letter-spacing: -0.02604167rem;
    }

    .page-category-new .steps-working-text p {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
    }

    .page-category-new .quest-solution .col-6 {
        width: 100%;
    }

    .page-category-new .quest-solution .steps-working-subtitle {
        font-size: 4.16666667rem;
        margin-bottom: 10.41666667rem;
    }

    .page-category-new .format-work-title {
        font-size: 4.16666667rem;
        margin-bottom: 10.41666667rem;
    }

    .page-category-new .format-work-box__left {
        gap: 1.04166667rem 0;
    }

    .page-category-new .format-work-subtitle {
        font-size: 2.08333333rem;
        line-height: 130%; /* 76.8px */
        letter-spacing: -0.02083333rem;
    }

    .page-category-new .format-work-item {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
    }

    .page-category-new .category-text-information {
        margin: 10.41666667rem 0;
    }

    .page-category-new .category-text-information .category-text-right p {
        font-size: 2.60416667rem;
        letter-spacing: -0.02604167rem;
    }

    .small-description {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
        margin-bottom: 3.125rem;
    }

    .form-columns {
        display: block;
    }

    .form-column-title {
        padding-right: 20px;
        max-width: 220px;
        max-width: none;
        min-width: 0;
        padding-right: 0;
    }

    .form-column-title .title-h3,
    .form-column-title .marquee--title-3 .marquee__inner > *,
    .form-column-title .marquee--title-3 .marquee__inner:after {
        font-size: 42px;
        margin-bottom: 35px;
    }

    .form-column .form__file-button {
        font-size: 1.5625rem;
    }

    .form-column .form__file-button span i {
        margin-right: 1.04166667rem;
    }

    .form-column .form-block .download-link {
        font-size: 1.5625rem;
    }

    .form-column__preview p {
        font-size: 1.953125rem;
        letter-spacing: -0.05859375rem;
    }

    .form-block .form-column__label.error-label {
        font-size: 1.5rem;
    }

    .form-check-tags-wrapper {
        width: calc(100% + 4rem);
        overflow: auto;
        padding: 5px 0;
        margin: -5px -2rem;
    }

    .form-check-tags {
        width: 1040px;
        flex-wrap: nowrap;
        padding: 0 2rem;
        box-sizing: border-box;
        margin-right: 0;
    }

    .form-check-tags.form-check-tags--line {
        width: auto;
    }

    .form-check-tags__col {
        width: 33%;
    }

    .form-check-tags__col:first-child {
        width: 32.5%;
    }

    .form-check-tags__col:last-child {
        width: 20%;
    }

    .check-tag label {
        font-size: 1.82291667rem;
        padding: 1.30208333rem 2.60416667rem;
    }

    .input-text-line input,
    .input-text-line textarea {
        font-size: 1.82291667rem;
        letter-spacing: -0.00546875rem;
    }

    .input-text-line__inner {
        width: 100%;
        min-width: auto;
    }

    .show-more-tags {
        font-size: 1.58rem;
        margin-top: 4.2rem;
    }

    .form-block--bottom + .underline {
        font-size: 1.69270833rem;
        margin-left: 23.4375rem;
        margin-bottom: 15.625rem;
    }

    .form-block--bottom + .read-more-policy {
        margin-left: 285px;
    }

    .form-block--bottom > .underline:not([href^="tel:"]) {
        font-size: 1.69270833rem;
        letter-spacing: -0.05078125rem;
        margin: 6.77083333rem 0 0rem 23.69791667rem;
    }

    .form-block--bottom {
        margin-top: 9.375rem;
        margin-bottom: 6.77083333rem;
        justify-content: space-between;
    }

    .form-block--bottom .form__submit {
        max-width: initial;
        width: 20.96354167rem;
        flex-shrink: 0;
    }

    .form-block--bottom .form__checkbox-cell {
        margin-left: 2.60416667rem;
    }

    .form-block--bottom .form__checkbox-cell a {
        background-size: 100% 0.13020833rem;
    }

    .desktop .form-block--bottom .form__checkbox-cell a:hover {
        background-size: 0% 0.13020833rem;
    }

    .form-block--bottom .form__checkbox-item span:not(.form__checkbox-custom) {
        width: 29.62239583rem;
    }
}

@media (max-width: 1000px) and (orientation: landscape) {
    .subscribe-wrap:after {
        top: 30rem;
    }
}

@media (max-width: 990px) {
    .form-block--bottom .form__checkbox-cell {
        max-width: initial;
    }
}

@media (max-width: 768px) {
    .get-in-touch.get-in-touch-design-accompaniment .section-title {
        font-size: 2.1rem;
        padding: 8.4rem 0 1.3rem 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment .accent {
        font-size: 4.45rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .p_small {
        font-size: 2.1rem;
        width: 100%;
    }

    .get-in-touch.get-in-touch-design-accompaniment .subscribe-popup-form__agree-text,
    .get-in-touch.get-in-touch-design-accompaniment .form__checkbox-item span:not(.form__checkbox-custom) {
        font-size: 1.6rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment p {
        font-size: 2.1rem;
    }

    .disclaimer-and-subscribe {
        bottom: 40px;
        left: 20px;
    }

    .disclaimer {
        width: calc(100% - 20px);
        min-width: auto;
    }

    .popup-bottom[data-popup-name="subscribe"],
    .popup-bottom[data-popup-name="subscribe-info"] {
        width: calc(100% - 20px);
        min-width: auto;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-bottom__inner,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__inner {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .popup-bottom[data-popup-name="subscribe"]
        .subscribe-popup-form__agree-block
        .subscribe-popup-form__agree-text,
    .popup-bottom[data-popup-name="subscribe-info"]
        .subscribe-popup-form__agree-block
        .subscribe-popup-form__agree-text {
        font-size: 1.4rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .form-column__input,
    .popup-bottom[data-popup-name="subscribe-info"] .form-column__input,
    .popup-bottom[data-popup-name="subscribe"] .form-column__label,
    .popup-bottom[data-popup-name="subscribe-info"] .form-column__label {
        font-size: 1.8rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__title,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__title {
        padding-right: 0;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__agree-block.mobile,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__agree-block.mobile {
        margin-top: 4.5rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .input-text-line__inner,
    .popup-bottom[data-popup-name="subscribe-info"] .input-text-line__inner {
        width: 27rem;
        min-width: auto;
        max-width: none;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-item,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-item {
        width: auto;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-item__icon,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-item__icon {
        width: 2.5rem;
        height: 2.5rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle p,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle p {
        font-size: 2rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-items,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-items {
        margin-top: 5.20833333rem;
        gap: 1.82291667rem 1.5625rem;
    }

    [data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__title {
        margin-bottom: 4rem !important;
    }

    [data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__text {
        display: block !important;
    }

    [data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__subtitle {
        width: 100%;
        max-width: 100%;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-items {
        width: 100%;
        padding-right: 10%;
        gap: 2rem 2.1rem !important;
        margin: 2rem 0;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item.light-text {
        width: 100% !important;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item.light-text p {
        font-size: 1.4rem !important;
    }

    [data-popup-name="subscribe-info"] .full-col .full-col-tablet-only {
        display: none;
    }

    [data-popup-name="subscribe-info"] .full-col .full-col-tablet-mobile-only {
        display: block;
    }

    .projects-list ~ .events-wrap {
        margin-top: 19.53125rem;
    }

    .case-card__title {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
        margin-top: 2.08333333rem;
    }

    .case-card__subtitle {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
        margin-top: 1.5625rem;
    }

    .spoiler__toggle {
        font-size: 3.125rem;
        letter-spacing: -0.03125rem;
    }

    .spoiler__icon {
        width: 3.125rem;
        height: 3.125rem;
    }

    .big-link {
        font-size: 2rem;
    }

    [class^="col"] > p:first-child {
        margin-top: -3.5rem;
    }

    .page-unsubscribe-success .subscribe-wrap__title,
    .page-subscribe-success .subscribe-wrap__title {
        font-size: 11.6rem;
        line-height: 115%;
    }

    .subscribe-wrap:after {
        top: calc(53vh - 8rem);
    }

    .subscribe-wrap__img {
        width: 70%;
    }

    .subscribe-wrap__img img {
        /*width: 59vw;
            margin-top: 34rem;
            right: 36rem;*/
        position: absolute;
        width: 60vw;
        margin-top: 13rem;
        right: 6rem;
    }

    .subscribe-wrap__text {
        max-width: 35rem;
    }

    .subscribe-wrap__text {
        max-width: 35rem;
    }

    .subscribe-wrap__text p {
        font-size: 2.5rem;
    }

    .subscribe-back-link-wrap {
        bottom: 3.5rem;
    }

    .page-subscribe .subscribe-content-upper-block {
        padding-right: 0;
    }

    .page-subscribe .subscribe-content-upper-block h1 {
        font-size: 2.1rem;
        line-height: 1.4em;
    }

    .page-subscribe .subscribe-popup-form-wrap .subscribe-popup-form__submit-block-inline-form {
        display: flex;
    }

    .page-subscribe
        .subscribe-popup-form-wrap
        .subscribe-popup-form__submit-block-inline-form
        .form__checkbox-item {
        margin-top: 0;
    }

    .page-subscribe .input-text-line__inner {
        min-width: 37rem !important;
    }

    .page-subscribe .form-column__input,
    .page-subscribe .form-column__label {
        font-size: 2rem;
    }

    .page-subscribe .subscribe-popup-form__agree-text {
        max-width: 70% !important;
        font-size: 1.4rem !important;
        line-height: 1.5rem !important;
    }

    .subscribe-popup-form-wrap.grey-form {
        padding: 7.5rem 0 9.5rem 0;
    }

    .subscribe-letter-items {
        max-width: 100%;
    }

    .subscribe-content-wrap {
        padding-top: 5.5rem;
    }

    .subscribe-content-wrap p {
        font-size: 2.1rem;
        line-height: 1.4em;
    }

    .subscribe-content-wrap .accent,
    .subscribe-content-wrap p.accent {
        font-size: 4.1rem;
        line-height: 125%;
    }

    .subscribe-content-wrap .subscribe-content__title {
        width: 80%;
        margin-top: 8rem;
    }

    .subscribe-content-wrap .popup-subscribe-content__subtitle {
        max-width: 60%;
        margin-top: 3rem;
    }

    .subscribe-content-wrap .subscribe-letter-items {
        max-width: 70%;
        margin-top: 7rem;
        gap: 2.7rem 0;
    }

    .subscribe-content-wrap .subscribe-letter-item {
        width: 50%;
    }

    .subscribe-content-wrap .subscribe-letter-item__icon {
        width: 3rem;
        height: 3rem;
    }

    .subscribe-content-wrap .subscribe-letter-item__text p {
        font-size: 2rem;
    }

    .subscribe-content-img {
        display: none;
    }

    .page-design-accompaniment .get-in-touch-wrap {
        margin: 0 -2rem;
    }

    .page-design-accompaniment .input-text-line .form-column__label {
        font-size: 1.95rem;
    }

    .page-design-accompaniment .marquee__inner > * {
        font-size: 11.5rem;
    }

    .design-accompaniment-title {
        font-size: 7.3rem;
    }

    .design-accompaniment-desc {
        font-size: 3.15rem;
        width: 100%;
    }

    .how-we-working .col-6 {
        width: 100%;
        margin-left: 0;
    }

    .how-we-working .how-we-working__list .how-we-working__item:last-child {
        border-bottom: none;
    }

    .how-we-working__list {
        margin-top: 7.6rem;
    }

    .how-we-working__item {
        margin-bottom: 4.7rem;
    }

    .how-we-working-subtitle {
        font-size: 2.1rem;
        margin-bottom: 2.1rem;
    }

    .how-we-working-title {
        font-size: 3.15rem;
        margin-bottom: 3.1rem;
    }

    .teams-spec__title {
        font-size: 6.3rem;
        margin-bottom: 8.73rem;
    }

    .teams-spec__item.teams-spec__item--only-mobile {
        display: block;
    }

    .teams-spec__item.teams-spec__item--only-desktop {
        display: none;
    }

    .teams-spec__item {
        width: 49%;
        margin-bottom: 8.3rem;
    }

    .teams-spec__item-img.img-bottom img {
        max-width: 100%;
    }

    .teams-spec__items-top {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .teams-spec__items-bottom .teams-spec__item:last-child {
        width: 100%;
    }

    .teams-spec__items-bottom .teams-spec__item:last-child .teams-spec__item-img {
        padding-bottom: 49%;
    }

    .teams-spec__items-bottom .teams-spec__item:last-child .teams-spec__item-img img {
        top: 0;
    }

    .teams-spec__item-num {
        font-size: 2rem;
    }

    .teams-spec__item-title {
        font-size: 3.2rem;
        width: 100%;
    }

    .workers .title-h3,
    .workers .marquee--title-3 .marquee__inner > *,
    .workers .marquee--title-3 .marquee__inner:after {
        width: 100%;
        font-size: 6.3rem;
        margin-bottom: 3.1rem;
    }

    .workers-top__title {
        width: 100%;
        font-size: 6.25rem;
    }

    .workers-top__desc {
        width: 100%;
        font-size: 2.1rem;
    }

    .workers-line.workers-line-group-head {
        justify-content: flex-end;
    }

    .workers-line__item-list div {
        font-size: 2.1rem;
    }

    .workers-line__item {
        width: 48%;
        margin-bottom: 8.3rem;
    }

    .workers-line-group-head .workers-line__item {
        width: 68%;
        height: auto;
        padding-bottom: 0;
        margin-bottom: 6.3rem;
    }

    .workers-line-group-head .workers-line__item:first-child {
        width: 100%;
        height: 0;
        padding-bottom: 27%;
    }

    .workers-line-group-head .workers-line__item:first-child .workers-line__content {
        position: absolute;
    }

    .workers-line-group-head .workers-line__item .workers-line__item-title {
        margin-bottom: 2.1rem;
    }

    .workers-line-group-head .workers-line__item .workers-line__content {
        position: static;
    }

    .workers-line-group-head .workers-line__item p {
        width: 100%;
        padding-right: 0;
        margin-top: 0;
    }

    .workers-line__item p {
        font-size: 2.1rem;
    }

    .workers-line__item:first-child .workers-line__content {
        padding: 3.1rem;
    }

    .how-we-working-type-work {
        font-size: 3.15rem;
    }

    .how-we-working-full-text .how-we-working-line-box:first-child {
        order: 4;
    }

    .how-we-working-full-text .how-we-working-line-box:first-child .row {
        flex-direction: column-reverse;
    }

    .how-we-working-full-text .how-we-working-line-box:first-child .row > .col-6 {
        margin-top: 4.8rem;
    }

    .how-we-working-full-text .how-we-working-line-box {
        width: 68%;
    }

    .how-we-working-full-text p {
        font-size: 2.1rem;
    }

    .how-we-working-full-text .how-we-working-subtitle {
        font-size: 4.2rem;
    }

    .how-we-working-full-text .how-we-working-title {
        font-size: 3.15rem;
    }

    .how-we-working-full-text .marquee {
        margin-bottom: 8.35rem;
    }

    .cases .title-h3,
    .cases .marquee--title-3 .marquee__inner > *,
    .cases .marquee--title-3 .marquee__inner:after {
        font-size: 6.25rem;
        margin-bottom: 14rem;
    }

    .cases .cases-item__description .random-slider__slide-title {
        font-size: 4.45rem;
    }

    .cases .random-slider__slide-tags > div {
        font-size: 2rem;
        padding: 1.6rem 2rem;
        margin-right: 0.8rem;
    }

    .cases .random-slider .swiper-slide {
        max-width: 62.761rem;
        width: 100%;
    }

    .cases .random-slider__slide-img {
        height: 62.761rem;
    }

    .cases-item__left {
        margin-bottom: 8.5rem;
    }

    .cases-item__info {
        justify-content: flex-start;
        padding: 0 2.4rem;
    }

    .cases-item__info > div {
        margin-right: 32px;
    }

    .cases-item__info > div:last-child {
        margin-right: 0;
    }

    .cases-item__info > div small {
        font-size: 2.1rem;
    }

    .cases-item__info > div b {
        font-size: 4.2rem;
    }

    .cases-item__logo img {
        margin-right: 2.1rem;
    }

    .cases-item__logo span {
        font-size: 6.25rem;
    }

    .rewards .random-slider__slide-subtitle {
        font-size: 10rem;
        line-height: 10rem;
    }

    .rewards .random-slider__slide-desc {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .rewards .random-slider__slide--type-4 .random-slider__slide-desc-wrap {
        height: 0;
        padding-top: 177%;
    }

    .rewards .random-slider__slide--type-1 .random-slider__slide-desc-wrap {
        height: 0;
        padding-top: 56.4%;
    }

    .rewards .random-slider__slide-text {
        font-size: 1.6rem;
        margin-top: 1.6rem;
    }

    .page-projects .projects-awards,
    .page-projects .events-wrap,
    .page-projects .footer-showreel {
        margin-top: 19.53125rem;
    }

    .projects-list {
        row-gap: 19.53125rem;
        margin-top: 10.41666667rem;
    }

    .projects-list__title {
        font-size: 8.33333333rem;
        letter-spacing: -0.08333333rem;
        margin-top: 7.8125rem;
    }

    .projects-list__categories {
        font-size: 2.60416667rem;
        letter-spacing: -0.01041667rem;
        margin-top: 6.77083333rem;
        gap: 3.125rem;
    }

    .projects-list__more {
        margin-top: 10.41666667rem;
    }

    .projects-list__more-button {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .projects-awards {
        padding: 5.20833333rem 0;
        display: flex;
        flex-direction: column;
        gap: 4.55729167rem;
    }

    .projects-awards__header {
        font-size: 5.20833333rem;
        letter-spacing: -0.05208333rem;
        margin-top: -1.82291667rem;
    }

    .projects-awards-filter {
        gap: 1.5625rem;
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        padding-left: calc((100vw - 97vw) / 2);
        padding-right: calc((100vw - 97vw) / 2);
        padding-bottom: 1.30208333rem;
        margin-left: calc((100vw - 97vw) / -2);
        margin-right: calc((100vw - 97vw) / -2);
        margin-bottom: 1.5625rem;
    }

    .projects-awards-filter button {
        height: 4.03645833rem;
        padding: 1.04166667rem 2.08333333rem;
        flex-shrink: 0;
    }

    .projects-awards__group {
        font-size: 3.125rem;
        padding: 4.16666667rem 0;
    }

    .projects-awards__group > *:first-child {
        width: calc((97rem + 20px) / 4);
    }

    .projects-award__content {
        font-size: 2.60416667rem;
        letter-spacing: -0.02604167rem;
        padding-bottom: 5.859375rem;
    }

    .projects-award__year {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
        padding-bottom: 3.25520833rem;
    }

    .projects-award__link {
        margin-bottom: 2.21354167rem;
    }

    .projects-award__link span {
        padding-bottom: 0.8rem;
    }

    .projects-award__more,
    .projects-award__less {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
        margin-top: 0.78125rem;
    }

    .footer-showreel .arrow-link {
        margin-top: 1.953125rem;
    }

    .arrow-link {
        font-size: 1.5625rem;
        letter-spacing: -0.015625rem;
    }

    .arrow-link:after {
        bottom: -0.32em;
    }

    .arrow-link svg {
        width: 2.08333333rem;
        height: 2.08333333rem;
    }

    .projects-services {
        gap: 2.60416667rem;
    }

    .projects-services__nav {
        font-size: 2.08333333rem;
        letter-spacing: -0.02083333rem;
        line-height: 130%;
        gap: 1.04166667rem;
    }

    .projects-services__content {
        font-size: 2.34375rem;
        letter-spacing: -0.0234375rem;
        line-height: 130%;
    }

    .projects-services__content .arrow-link {
        margin-top: 3.38541667rem;
    }

    .page-category-new .steps-working-small-title {
        font-size: 2.08333333rem;
        padding: 3.125rem 1.5625rem 3.125rem 0;
    }

    .page-category-new .steps-working-small-title > *:first-child {
        width: calc((97rem + 20px) / 4);
    }
}

@media (max-width: calc(768px - 1)) {
    .plyr__time + .plyr__time {
        display: none;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .mp-hero {
        font-size: 8rem;
    }

    .mp-hero__icon {
        height: 7rem;
        margin-bottom: -3.5rem;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 3.1rem;
        line-height: 4.7rem;
    }

    .wrap {
        width: 90rem;
    }

    .content {
        padding-top: 14rem;
    }

    .row {
        margin-left: -2.2rem;
        margin-right: -2.2rem;
    }

    .col-s,
    .col-s-1,
    .col-s-2,
    .col-s-3,
    .col-s-4 {
        width: 25%;
        box-sizing: border-box;
        min-height: 1px;
        padding-left: 2.2rem;
        padding-right: 2.2rem;
        position: relative;
    }

    .col-s-0 {
        display: none;
    }

    .col-s-0.top__right {
        display: block;
        text-align: left;
        padding-left: 2.2rem;
        margin-bottom: 5rem;
    }

    .col-s-1 {
        width: 25%;
    }

    .col-s-2 {
        width: 50%;
    }

    .col-s-3 {
        width: 75%;
    }

    .col-s-4 {
        width: 100%;
    }

    .col-s-offset-0 {
        margin-left: 0%;
    }

    .col-s-offset-1 {
        margin-left: 25%;
    }

    .col-s-offset-2 {
        margin-left: 50%;
    }

    .col-s-offset-3 {
        margin-left: 75%;
    }

    .col-s-offset-4 {
        margin-left: 100%;
    }

    .col-s-offset-5 {
        margin-left: 125%;
    }

    .col-s-offset-6 {
        margin-left: 150%;
    }

    .col-s-offset-7 {
        margin-left: 175%;
    }

    p {
        font-size: 3.1rem;
        line-height: 4.7rem;
        margin: 4.7rem 0;
    }

    .header-wrap._header-hidden {
        transform: translateY(-17.33333333rem);
    }

    .header {
        height: 17.33333333rem;
    }

    .page-main-v2 .header,
    .page-contacts .header,
    .page-about .header,
    .page-stream .header,
    .page-projects .header,
    .page-case-new-design .header,
    .page-category .header,
    .page-category-new .header,
    .page-design-accompaniment .header {
        height: 17.33333333rem;
    }

    .page-main-v2 .header__inner,
    .page-contacts .header__inner,
    .page-about .header__inner,
    .page-stream .header__inner,
    .page-projects .header__inner,
    .page-case-new-design .header__inner,
    .page-category .header__inner,
    .page-category-new .header__inner,
    .page-design-accompaniment .header__inner {
        height: 17.33333333rem;
    }

    .logo {
        width: 23rem;
        height: 3.5rem;
        margin-top: -0.85rem;
    }

    .page-main-v2 .logo,
    .page-contacts .logo,
    .page-about .logo,
    .page-stream .logo,
    .page-projects .logo,
    .page-case-new-design .logo,
    .page-category .logo,
    .page-category-new .logo,
    .page-design-accompaniment .logo {
        display: block;
        width: 28rem;
        height: 4rem;
        font-size: 3.75rem;
        left: 10.5rem;
        margin-top: -1.35rem;
    }

    .logo-image {
        right: auto;
        left: 0;
        width: 6.13333333rem;
        height: 6.13333333rem;
    }

    .page-main-v2 .logo-image,
    .page-contacts .logo-image,
    .page-about .logo-image,
    .page-stream .logo-image,
    .page-projects .logo-image,
    .page-case-new-design .logo-image,
    .page-category .logo-image,
    .page-category-new .logo-image,
    .page-design-accompaniment .logo-image {
        width: 8.53333333rem;
        height: 8.53333333rem;
    }

    .burger {
        width: 9.33333333rem;
        height: 6.66666667rem;
        margin: -3.35rem 0 0 0;
        left: auto;
        right: 0;
    }

    .burger__1 {
        margin-top: -8px;
    }

    .burger__3 {
        margin-top: 8px;
    }

    .header__right--hide-mobile {
        display: none;
    }

    .header__right--with-arrow {
        padding-right: 0;
        right: 15rem;
        left: auto;
    }

    .header__right--with-arrow span,
    .header__right--with-arrow .arrow {
        display: none;
    }

    [data-barba-namespace="case"] .header__right--with-arrow {
        display: block;
    }

    .header__right-mobile {
        display: none;
    }

    .header__form-link {
        font-size: 3.1rem;
        line-height: 4.7rem;
    }

    .header__new-project {
        font-size: 6.3rem;
    }

    .header__new-project-link {
        display: none;
    }

    .header__new-project-btn {
        font-size: 3.73333333rem;
        padding: 2.13333333rem 1.953125rem;
    }

    .header__new-project-btn {
        display: none;
    }

    .page-main-v2 .header__new-project-btn,
    .page-contacts .header__new-project-btn,
    .page-stream .header__new-project-btn,
    .page-projects .header__new-project-btn,
    .page-about .header__new-project-btn,
    .page-category .header__new-project-btn,
    .page-category-new .header__new-project-btn,
    .page-case-new-design .header__new-project-btn,
    .page-design-accompaniment .header__new-project-btn {
        font-size: 3.73333333rem;
        letter-spacing: -0.07466667rem;
    }

    .page-main-v2 .burger-wrap,
    .page-contacts .burger-wrap,
    .page-stream .burger-wrap,
    .page-projects .burger-wrap,
    .page-case .burger-wrap,
    .page-case-new-design .burger-wrap,
    .page-about .burger-wrap,
    .page-category .burger-wrap,
    .page-category-new .burger-wrap,
    .page-design-accompaniment .burger-wrap,
    .page-subscribe .burger-wrap {
        left: initial;
        right: 0;
        transform: translate(0, -50%);
    }

    .page-main-v2 .burger-wrap .burger-text,
    .page-contacts .burger-wrap .burger-text,
    .page-stream .burger-wrap .burger-text,
    .page-projects .burger-wrap .burger-text,
    .page-case .burger-wrap .burger-text,
    .page-case-new-design .burger-wrap .burger-text,
    .page-about .burger-wrap .burger-text,
    .page-category .burger-wrap .burger-text,
    .page-category-new .burger-wrap .burger-text,
    .page-design-accompaniment .burger-wrap .burger-text,
    .page-subscribe .burger-wrap .burger-text {
        font-size: 3.73333333rem;
        letter-spacing: -0.01458333rem;
    }

    .page-main-v2 .burger-wrap .burger,
    .page-contacts .burger-wrap .burger,
    .page-stream .burger-wrap .burger,
    .page-projects .burger-wrap .burger,
    .page-case .burger-wrap .burger,
    .page-case-new-design .burger-wrap .burger,
    .page-about .burger-wrap .burger,
    .page-category .burger-wrap .burger,
    .page-category-new .burger-wrap .burger,
    .page-design-accompaniment .burger-wrap .burger,
    .page-subscribe .burger-wrap .burger {
        width: 6.4rem;
        height: 6.4rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__1,
    .page-contacts .burger-wrap .burger .burger__1,
    .page-stream .burger-wrap .burger .burger__1,
    .page-projects .burger-wrap .burger .burger__1,
    .page-case .burger-wrap .burger .burger__1,
    .page-case-new-design .burger-wrap .burger .burger__1,
    .page-about .burger-wrap .burger .burger__1,
    .page-category .burger-wrap .burger .burger__1,
    .page-category-new .burger-wrap .burger .burger__1,
    .page-design-accompaniment .burger-wrap .burger .burger__1,
    .page-subscribe .burger-wrap .burger .burger__1,
    .page-main-v2 .burger-wrap .burger .burger__2,
    .page-contacts .burger-wrap .burger .burger__2,
    .page-stream .burger-wrap .burger .burger__2,
    .page-projects .burger-wrap .burger .burger__2,
    .page-case .burger-wrap .burger .burger__2,
    .page-case-new-design .burger-wrap .burger .burger__2,
    .page-about .burger-wrap .burger .burger__2,
    .page-category .burger-wrap .burger .burger__2,
    .page-category-new .burger-wrap .burger .burger__2,
    .page-design-accompaniment .burger-wrap .burger .burger__2,
    .page-subscribe .burger-wrap .burger .burger__2,
    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        width: 4.8rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__1,
    .page-contacts .burger-wrap .burger .burger__1,
    .page-stream .burger-wrap .burger .burger__1,
    .page-projects .burger-wrap .burger .burger__1,
    .page-case .burger-wrap .burger .burger__1,
    .page-case-new-design .burger-wrap .burger .burger__1,
    .page-about .burger-wrap .burger .burger__1,
    .page-category .burger-wrap .burger .burger__1,
    .page-category-new .burger-wrap .burger .burger__1,
    .page-design-accompaniment .burger-wrap .burger .burger__1,
    .page-subscribe .burger-wrap .burger .burger__1 {
        top: 1.73333333rem;
    }

    .page-main-v2 .burger-wrap .burger .burger__3,
    .page-contacts .burger-wrap .burger .burger__3,
    .page-stream .burger-wrap .burger .burger__3,
    .page-projects .burger-wrap .burger .burger__3,
    .page-case .burger-wrap .burger .burger__3,
    .page-case-new-design .burger-wrap .burger .burger__3,
    .page-about .burger-wrap .burger .burger__3,
    .page-category .burger-wrap .burger .burger__3,
    .page-category-new .burger-wrap .burger .burger__3,
    .page-design-accompaniment .burger-wrap .burger .burger__3,
    .page-subscribe .burger-wrap .burger .burger__3 {
        bottom: 1.6rem;
    }

    .cp20years {
        left: 9rem;
        height: 8rem;
        font-size: 2.5rem;
    }

    .cp20years img {
        width: calc(6rem - 2px);
        height: calc(6rem - 2px);
    }

    .footer {
        height: 20rem;
    }

    .company-name.company-name--mobile {
        display: block;
    }

    .company-name span {
        font-size: 3.4rem;
        line-height: 4.7rem;
    }

    .footer__img-inner--mobile {
        display: block;
    }

    .footer-new {
        padding: 10.65rem 0 0 0;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * {
        font-size: 12.8rem;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * img {
        width: 10.66666667rem;
        height: 10.66666667rem;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * {
        font-size: 12.8rem !important;
    }

    .footer-new .marquee.marquee--title-1 .marquee__inner > * img {
        width: 40px;
        height: 40px;
        margin-bottom: -0.8rem;
    }

    .footer-top {
        padding: 0 5.35rem;
    }

    .footer-top .footer-top__links {
        margin-top: 9.33333333rem;
    }

    .footer-top .footer-top__links.footer-top__links--mobile a {
        font-size: 3.2rem;
        margin-bottom: 2.66666667rem;
    }

    .footer-top .footer-top__left {
        margin-bottom: 21.33333333rem;
    }

    .footer-top .footer-top__left p {
        font-size: 3.75rem;
        line-height: 127%; /* 17.78px */
        letter-spacing: -0.28px;
        margin-bottom: 10.75rem;
    }

    .footer-top .footer-top__left p > a {
        font-size: 3.75rem;
        line-height: 127%;
        letter-spacing: -0.28px;
    }

    .footer-top .footer-top__left a {
        font-size: 6.4rem;
        line-height: 120%;
        letter-spacing: -0.48px;
    }

    .footer-column-menu-title {
        font-size: 3.73333333rem;
        margin-bottom: 10.66666667rem;
    }

    .footer-top__right-top {
        flex-direction: column;
    }

    .footer-top__right-top .footer-column-menu {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10.75rem;
    }

    .footer-top__right-top .footer-column-menu a.tel {
        font-size: 3.75rem;
        margin-bottom: 2.5rem;
    }

    .footer-top__right-top .footer-column-menu span {
        font-size: 3.73333333rem;
        margin-bottom: 2.13333333rem;
    }

    .footer-top__right-top .footer-column-menu ul {
        gap: 2.66666667rem;
    }

    .footer-top__right-top .footer-column-menu ul li,
    .footer-top__right-top .footer-column-menu ul a {
        font-size: 3.73333333rem;
        line-height: 120%;
        letter-spacing: 0;
    }

    .footer-top__right-top .footer-column-menu ul li:last-child,
    .footer-top__right-top .footer-column-menu ul a:last-child {
        margin-bottom: 0;
    }

    .footer-top__right-bottom a {
        font-size: 3.75rem;
    }

    .footer-bottom-line {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 5.35rem;
        padding-bottom: 5.35rem;
        gap: 20px 0;
    }

    .footer-bottom-line .footer-copyright {
        font-size: 3.75rem;
    }

    .footer-bottom-line a {
        font-size: 3.75rem;
    }

    .footer-bottom-line .company-name {
        font-size: 3.75rem;
        margin-left: 0;
    }

    .top {
        margin-top: 7.5rem;
        margin-bottom: 30rem;
    }

    .page-case .top {
        flex-direction: column-reverse;
    }

    .top__socials {
        display: none;
    }

    .section-head {
        margin-top: 15.6rem;
    }

    .section-head h1 {
        font-size: 3.4rem;
        line-height: 5rem;
        padding: 7.2rem 0;
    }

    .section-head--noborder {
        margin-top: -20.3rem;
    }

    .case-slider + .section .section-head--noborder {
        margin-top: 2rem;
    }

    .section-title,
    .section-head--nomargintop .section-title {
        font-size: 3.4rem;
        line-height: 5rem;
        padding: 7.2rem 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"] {
        background-size: 100% 0.26666667rem;
    }

    .desktop .get-in-touch.get-in-touch-design-accompaniment span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.26666667rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .form__submit {
        font-size: 3.75rem;
        max-width: 161px;
    }

    .preview-cards {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        font-size: 0;
        width: 100vw;
        position: relative;
        left: 50%;
        margin-top: 25rem;
        margin-left: -50vw;
        margin-bottom: 16rem;
    }

    .preview-cards__inner {
        padding-left: 5rem;
        width: auto;
        display: block;
        white-space: nowrap;
    }

    .preview-cards__inner:after {
        content: "";
        display: inline-block;
        vertical-align: top;
        width: 5rem;
    }

    .preview-card {
        width: 75rem;
        margin-right: 6.2rem;
        display: inline-block;
        vertical-align: bottom;
    }

    .web .preview-card {
        vertical-align: top;
    }

    .preview-card__top-title {
        font-size: 3.4rem;
        margin-bottom: 1.6rem;
    }

    .preview-card__text {
        font-size: 3.4rem;
        margin-top: 3.1rem;
    }

    .projects {
        margin-top: 25rem;
        margin-bottom: -3rem;
    }

    .projects-row {
        flex-wrap: wrap;
        margin-left: -2.2rem;
        margin-right: -2.2rem;
    }

    .projects-row--mob-4 .project-card--size-mob-3 + .project-card--size-mob-3 {
        margin-top: calc(-1 * (0.18 * 85.6rem + 4.4rem));
    }

    .project-card {
        padding-right: 2.2rem;
        padding-left: 2.2rem;
        margin-bottom: 12rem;
    }

    .project-card._mob-hidden {
        display: none !important;
    }

    .project-card--size-3 {
        width: 100%;
        margin-right: 0;
    }

    .project-card__img-inner video._desktop {
        display: none;
    }

    .project-card__img-inner video._mobile {
        display: inline-block;
        opacity: 1;
    }

    .project-card__img-inner img._desktop {
        display: none;
    }

    .project-card__img-inner img._mobile {
        display: inline-block;
        opacity: 1;
    }

    .project-card--size-mob-big {
        width: 100%;
    }

    .project-card--size-mob-big .project-card__link {
        overflow: hidden;
    }

    .project-card--size-mob-big .project-card__img {
        padding-top: calc(100% + 10rem);
        margin: 0 -5rem;
        box-sizing: border-box;
    }

    .project-card--size-mob-1 {
        width: 100%;
    }

    .project-card--size-mob-1 .project-card__img {
        padding-top: 60%;
    }

    .project-card--size-mob-2 {
        width: 50%;
    }

    .project-card--size-mob-2 .project-card__img {
        padding-top: 64%;
    }

    .project-card--size-mob-3 {
        width: 50%;
    }

    .project-card--size-mob-3 .project-card__img {
        padding-top: calc(100% + 4.4rem);
    }

    .project-card__title {
        font-size: 4.4rem;
        margin-top: 3.1rem;
    }

    .more-projects {
        flex-wrap: nowrap;
        margin-left: -5rem;
        margin-right: -5rem;
        overflow: auto;
    }

    .more-projects._hidden._mob-visible {
        display: flex;
    }

    .more-projects__quntity {
        padding-right: 5rem;
        padding-left: 5rem;
        width: 45.6vw;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .more-projects__quntity-number {
        font-size: 20rem;
    }

    .more-projects__quantity-text {
        display: none;
    }

    .more-projects__list {
        padding-right: 0.6rem;
        padding-left: 2.2rem;
        width: auto;
    }

    .more-projects__col {
        width: auto;
        flex-direction: row;
    }

    .more-projects__list-link {
        width: 42vw;
        padding-right: 4.4rem;
    }

    .more-projects__img-hover {
        margin-left: 2.2rem;
        display: none;
    }

    .more-projects__img-mob {
        position: static;
        z-index: auto;
        opacity: 1;
        display: inline-block;
        margin-bottom: 0.8rem;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        margin: 0;
    }

    .more-projects__list-link:nth-child(2n + 1) .more-projects__img-mob {
        height: 27.2vw;
    }

    .more-projects__list-link:nth-child(2n + 1) .more-projects__img-mob._even {
        display: none;
    }

    .more-projects__list-link:nth-child(2n) .more-projects__img-mob {
        height: calc(42vw + 4.4rem);
    }

    .more-projects__list-link:nth-child(2n) .more-projects__img-mob._odd {
        display: none;
    }

    .more-projects__cards {
        display: none;
    }

    .marquee--title-1 .marquee__inner > *,
    .marquee--title-1 .marquee__inner:after {
        font-size: 15rem !important;
    }

    .marquee--subscribe {
        width: 100vw;
    }

    .marquee--subscribe .marquee__inner p {
        padding-right: 40px !important;
    }

    .marquee--subscribe .marquee__inner span {
        margin-left: 20px;
        padding-right: 15px;
    }

    .marquee--subscribe .marquee__inner span:before {
        margin-top: -2px;
    }

    .marquee--subscribe .marquee__inner span:after {
        width: 10px;
        height: 10px;
    }

    html._menu-open .menu__inner {
        font-size: 2.8rem;
        line-height: 3.9rem;
        transition: none;
    }

    html._menu-open .menu__header {
        height: 17.33333333rem;
    }

    .menu__inner {
        font-size: 3.4rem;
        line-height: 4.7rem;
        transform: translateY(4rem);
        transition: none;
    }

    .menu__inner p,
    .menu__inner ul {
        font-size: 3.4rem;
        line-height: 4.7rem;
    }

    .menu__scroll-wrap {
        padding-top: 22rem;
        padding-bottom: 25rem;
    }

    .menu__img {
        height: 20.3rem;
    }

    .menu__img-inner--mobile {
        display: block;
    }

    .menu__top {
        flex-grow: 1;
    }

    .menu__cell-top-1 {
        order: 3;
    }

    .menu__cell-top-2 {
        order: 1;
        margin-bottom: 6.3rem;
        z-index: 2;
    }

    .menu__cell-top-3 {
        order: 5;
        margin-top: auto;
    }

    .menu__cell-top-4 {
        order: 2;
        z-index: 1;
    }

    .menu__cell-top-5 {
        order: 4;
    }

    .menu__mobile-about {
        display: block;
    }

    .menu__list .menu__mobile-newproject {
        display: block;
    }

    .menu__career {
        margin-bottom: 4rem;
    }

    .menu__middle {
        display: none;
    }

    .menu__bottom {
        align-items: flex-start;
        flex-grow: 0;
        padding-bottom: 0;
        margin-top: 5rem;
    }

    .menu__cell-bottom-1 {
        margin-bottom: 9.4rem;
    }

    .menu__cell-bottom-2 {
        margin-bottom: 9.4rem;
    }

    .menu__cell-bottom-4 {
        position: relative;
    }

    .menu__list li {
        font-size: 6.3rem;
    }

    .menu__close {
        width: 7.5rem;
        height: 7.5rem;
        left: auto;
        right: 0;
    }

    .airplane-circle {
        width: 18%;
        bottom: 0;
    }

    .page-case .airplane-circle {
        display: none;
    }

    .airplane-circle__link {
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .airplane-block {
        width: 18%;
        display: flex;
        align-items: flex-end;
        right: -15px;
        bottom: 25rem;
        height: calc(100% - 25rem);
    }

    .airplane-block .airplane-circle {
        bottom: 5rem;
        z-index: 1;
        opacity: 0;
        position: -webkit-sticky !important;
        position: sticky !important;
        right: 0;
    }

    ._menu-open .menu-wrap-new .header.menu__header {
        height: 17.33333333rem;
    }

    .menu-wrap-new .header.menu__header .header__inner {
        height: 17.33333333rem;
    }

    .menu-wrap-new .menu__top {
        flex-direction: column;
        gap: 60px 0;
        align-items: flex-start;
        margin-bottom: 60px;
    }

    .menu-wrap-new .header__new-project {
        font-size: 6.4rem;
        margin-top: 16rem;
    }

    .menu-wrap-new .menu__top-item .menu__list li {
        margin-bottom: 2.5rem;
    }

    .menu-wrap-new .menu__top-item .menu__list li a {
        font-size: 6.4rem;
    }

    .menu-wrap-new .menu__top-item p {
        font-size: 3.75rem;
        margin-bottom: 8.2rem;
    }

    .menu-wrap-new .menu__close {
        font-size: 3.73333333rem;
        letter-spacing: -0.01458333rem;
        width: 29rem;
        left: 80%;
    }

    .menu-wrap-new .menu__close:before,
    .menu-wrap-new .menu__close:after {
        left: 90%;
    }

    .menu-wrap-new .menu__scroll-wrap {
        padding-top: 20rem;
        padding-bottom: 12rem;
    }

    .menu-wrap-new .menu-showreel {
        width: 100%;
        padding-bottom: 51.645%;
        margin-bottom: 10.5rem;
    }

    .menu-wrap-new .menu-slider-cases-slide-img {
        margin-bottom: 2.7rem;
    }

    .menu-wrap-new .menu-slider-cases {
        width: 100%;
    }

    .menu-wrap-new .menu__bottom {
        flex-direction: column;
        justify-content: flex-start;
    }

    .menu-wrap-new .menu-slider-cases-slide-text {
        position: static;
        width: 100%;
    }

    .menu-wrap-new .menu-slider-cases-slide-text::after {
        top: 48rem;
    }

    .menu-wrap-new .menu-slider-cases-slide-text {
        font-size: 3.75rem;
    }

    .menu-wrap-new .menu-slider-cases-top {
        display: none;
    }

    html._form-open .form-layer__header {
        height: 17.33333333rem;
    }

    .form-white-new .form-layer-top {
        flex-direction: column;
        gap: 0;
        margin-bottom: 32rem;
    }

    .form-white-new .form-layer-top .form-layer-top__left {
        width: 100%;
    }

    .form-white-new .form-layer-top .form-layer-top__right {
        width: 100%;
    }

    .form-white-new .form-layer-top .form-layer-phone {
        font-size: 4.26666667rem;
        line-height: 130%;
        letter-spacing: -0.04266667rem;
    }

    .form-white-new .title-h3,
    .form-white-new .marquee--title-3 .marquee__inner > *,
    .form-white-new .marquee--title-3 .marquee__inner:after {
        font-size: 6.4rem;
        line-height: 120%;
        letter-spacing: -0.064rem;
        margin-bottom: 7.46666667rem;
    }

    .form-white-new .form-column__preview {
        max-width: 254px;
    }

    .form-layer-wrap.form--white .input-text-line--two .input-text-line__inner {
        width: 100%;
    }

    .form-layer-wrap.form--white .input-text-line {
        padding: 0;
    }

    .form-layer-wrap.form--white .form-check-tags .check-tag label {
        font-size: 3.73333333rem;
        letter-spacing: -0.03733333rem;
        padding: 2.13333333rem 5.33333333rem;
        border-radius: 16rem;
    }

    .form-layer-wrap.form--white .form-line-flex {
        align-items: flex-start;
        gap: 6.4rem;
        margin-top: 6.4rem;
    }

    .form-layer-wrap.form--white .form-column__label--small {
        display: block;
        font-size: 3.2rem;
        margin-bottom: 6.4rem;
    }

    .form-layer-wrap.form--white .form-column__label--big {
        display: block;
        font-size: 6.4rem;
        margin-bottom: 10.5rem;
    }

    .form-layer-wrap.form--white .textarea-block .form-column__label {
        margin-top: 10px;
    }

    .form-layer-wrap.form--white .form-white-new .textarea-block textarea {
        margin-top: 10px;
    }

    .form-layer-wrap.form--white .form-column__label {
        font-size: 3.75rem;
        padding-right: 4.26666667rem;
        letter-spacing: -0.03733333rem;
    }

    .form-layer-wrap.form--white .form-column__label.error-label {
        font-size: 2.5rem;
    }

    .form-layer-wrap.form--white .form-block.form-block-person-information {
        gap: 24px 0;
    }

    .form-layer-wrap.form--white .form-column .form-column__left {
        display: none;
    }

    .form-layer-wrap.form--white .form-column .form-layer-subtitle {
        font-size: 3.2rem;
    }

    .header.form-layer__header .header__inner {
        height: 17.33333333rem;
    }

    .form-layer-wrap-black-form .header.form-layer__header .burger {
        margin: -3.15rem 0 0 0;
    }

    .form-layer__inner {
        font-size: 3.4rem;
        line-height: 4.7rem;
        transform: translateY(4rem);
    }

    .form--white .form-layer__inner p {
        font-size: 4rem;
        line-height: 127%;
        letter-spacing: -0.12rem;
        margin-bottom: 7.46666667rem;
    }

    .form-layer__inner p,
    .form-layer__inner ul {
        font-size: 3.4rem;
        line-height: 4.7rem;
    }

    .form-layer__top {
        display: block;
    }

    .form-layer__scroll-wrap {
        padding-top: 22rem;
        padding-bottom: 26rem;
    }

    .form--white .form-layer__scroll-wrap {
        padding-top: 33.33333333rem;
        padding-bottom: 0;
    }

    .form-layer__scroll-wrap._success {
        justify-content: flex-start;
    }

    .form-layer__title {
        position: relative;
        font-size: 6.4rem;
        letter-spacing: -0.064rem;
    }

    .form-layer__desc {
        font-size: 12px;
        margin-bottom: 40px;
    }

    .form__checkbox {
        margin-bottom: 20px;
    }

    .form__checkbox-container {
        flex-direction: column;
    }

    .form__checkbox-title {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .form-layer__img {
        position: absolute;
        height: 20.3rem;
    }

    .form__inner {
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .form__top {
        place-self: flex-start;
        flex-grow: 1;
        padding-top: 0;
        padding-bottom: 0;
        flex-direction: column;
        justify-content: flex-end;
    }

    .form__bottom {
        flex-grow: 0;
    }

    .form-layer__success {
        padding-bottom: 32rem;
    }

    .form-layer__success .wrap {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .form-layer__success .form-layer__success-top {
        gap: 10.66666667rem 0;
        margin-bottom: 21.33333333rem;
    }

    .form-white-new .form-layer__success {
        left: -12px;
    }

    .form-layer__success {
        padding-top: 11px;
    }

    .form-layer__success .form-layer__title {
        font-size: 6.2rem;
    }

    .form-layer__success p {
        margin-bottom: 25px;
    }

    .form-layer__success a {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .form-layer__success .form-layer__close {
        width: 5rem;
        height: 5rem;
        position: static;
    }

    .form-layer__success-right {
        margin-top: 0.5rem;
        margin-right: -5px;
        margin-left: 0;
        position: relative;
    }

    .form-layer__success-link {
        margin-bottom: 12px;
    }

    .form-layer__success-link {
        font-size: 6.3rem;
    }

    .form__close {
        width: 7.5rem;
        height: 7.5rem;
        margin: -3.75rem 0 0 0;
        left: auto;
        right: 0;
    }

    .form__close:before,
    .form__close:after {
        height: 1px;
    }

    .form__radio-cell {
        font-size: 12px;
    }

    .form__radio-cel-desc {
        font-size: 12px;
        line-height: 127%;
    }

    .form__radio-item {
        width: 100%;
        margin-right: 0;
        pointer-events: none;
    }

    .form__radio-item > * {
        pointer-events: auto;
    }

    .form__radio-item span {
        font-size: 12px;
        line-height: 127%;
    }

    .form__textarea-wrap {
        padding-bottom: 45rem;
        margin-bottom: auto;
    }

    .input-wrap {
        height: 8.1rem;
    }

    .form__input,
    .form__textarea {
        font-size: 12px;
        line-height: 127%;
        height: 30px;
        padding-bottom: 13px;
    }

    .form__input:focus,
    .form__textarea:focus {
        height: 30px;
    }

    ._focused .form__textarea,
    .form__textarea:focus {
        height: 70px;
    }

    .form__label {
        font-size: 3.4rem;
    }

    .form__placeholder {
        font-size: 12px;
        line-height: 127%;
        height: auto;
        padding-bottom: 14px;
    }

    .form-column .form__submit {
        font-size: 3.75rem;
        max-width: 161px;
    }

    .form__submit-cell {
        display: block;
    }

    .form__submit-wrap p {
        max-width: 50%;
    }

    .form__submit-wrap .form__checkbox-cell {
        max-width: 250px;
    }

    .form-msg__inner {
        font-size: 15.6rem;
    }

    .form__data-policy,
    .form__data-organization {
        padding: 22rem 0 12.5rem 0;
    }

    .form__data-policy .data-organization-text p,
    .form__data-organization .data-organization-text p {
        font-size: 3.4rem;
        line-height: 4.7rem;
    }

    .form__data-policy p,
    .form__data-organization p,
    .form__data-policy ul,
    .form__data-organization ul {
        font-size: 3.4rem;
        line-height: 4.7rem;
    }

    .form__data-policy-inner,
    .form__data-organization-inner {
        display: block;
    }

    .form__data-policy-col,
    .form__data-organization-col {
        width: 100%;
    }

    .form__data-policy-close,
    .form__data-organization-close {
        width: 10rem;
        height: 10rem;
        right: auto;
        left: 50%;
        top: 6rem;
        margin-left: -5rem;
    }

    .form__data-policy-close:before,
    .form__data-organization-close:before,
    .form__data-policy-close:after,
    .form__data-organization-close:after {
        height: 1px;
    }

    .form__checkbox-cell-labels {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .form__checkbox-cell a {
        background-size: 100% 0.26666667rem;
    }

    .desktop .desktop .form__checkbox-cell a:hover:hover {
        background-size: 0% 0.26666667rem;
    }

    .form-dropdown-current {
        font-size: 12px;
        line-height: 127%;
        height: auto;
        padding-bottom: 14px;
        min-height: 31px;
    }

    .form-dropdown-current:after,
    .form-dropdown-current:before {
        width: 12px;
    }

    .form-dropdown-current:before {
        right: 8px;
    }

    .form__file-row .form__file-button span {
        font-size: 3.2rem;
        line-height: 120%;
        letter-spacing: -0.032rem;
    }

    .form__file-row .form__file-button span img {
        width: 4.26666667rem;
        height: 4.26666667rem;
    }

    .form__file-button span,
    .form__file-button a {
        font-size: 3.2rem;
    }

    .form__file-button {
        font-size: 12px;
        line-height: 127%;
    }

    .form__file-preview-btn {
        font-size: 12px;
        line-height: 127%;
    }

    .form__project-select .select2 {
        height: auto;
    }

    .form__project-select .select2-selection:after,
    .form__project-select .select2-selection:before {
        width: 12px;
        top: 6px;
    }

    .form__project-select .select2-selection:before {
        right: 8px;
    }

    .form__project-select .select2-container--default .select2-selection--multiple {
        height: auto;
    }

    .form__project-select
        .select2-container--default
        .select2-selection--multiple
        .select2-selection__rendered {
        font-size: 12px;
        line-height: 127%;
        height: auto;
        padding-bottom: 14px;
    }

    .form__project-select
        .select2-container--default
        .select2-selection--multiple
        .select2-selection__choice {
        font-size: 12px;
        line-height: 127%;
        height: auto;
        padding-bottom: 0;
    }

    .form-layer__close {
        width: 15rem;
        height: 15rem;
        position: absolute;
        right: 0;
        top: 0;
    }

    .form-layer__close-btn {
        position: absolute;
        width: 7.4rem;
        height: 7.4rem;
        right: 0;
        top: 50%;
        margin-top: -3.7rem;
        cursor: pointer;
    }

    .form-layer__close-btn:before,
    .form-layer__close-btn:after {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -1px;
        background: currentColor;
        transform: translateX(-50%) rotate(45deg);
        transition: width 0.4s;
    }

    .form-layer__close-btn:after {
        transform: translateX(-50%) rotate(-45deg);
    }

    html.desktop .form-layer__close-btn:hover:before,
    html.desktop .form-layer__close-btn:hover:after {
        width: 70%;
    }

    .form--dark .form__radio-cell {
        margin-bottom: 32px;
    }

    .form--dark .form__submit-cell {
        order: 3;
    }

    .form--dark .form__checkbox-cell {
        max-width: none;
    }

    .form--dark .form__files-cell {
        margin-bottom: 70px;
    }

    .form--dark .form-layer__close-btn {
        display: block;
    }

    .video {
        margin-bottom: 16rem;
    }

    .video__showreel {
        top: -8rem;
        right: 5rem;
        left: auto;
    }

    .video__title {
        left: 4.7rem;
        right: 4.7rem;
        width: auto;
        font-size: 15.6rem;
        bottom: 3rem;
    }

    html._video-open .header-wrap {
        transform: translateY(-14rem);
    }

    .video-popup__close {
        width: 7.5rem;
        height: 7.5rem;
        left: auto;
        right: 0;
    }

    .video-popup__video {
        margin-top: 0;
    }

    .video-popup__video-inner:before {
        width: 10rem;
        height: 10rem;
        margin: -5rem 0 0 -5rem;
    }

    .video-popup__video-pause {
        font-size: 14rem;
        display: none;
    }

    .video-popup__video-pause:before {
        width: 62rem;
        height: 62rem;
        margin: -31rem 0 0 -31rem;
    }

    .video-popup__progress {
        display: none;
    }

    .video-main {
        max-height: calc(100vh - 15rem);
    }

    .sound-switch {
        width: 45px;
        height: 45px;
        top: 10px;
        right: 10px;
    }

    .video-sticky {
        height: auto;
    }

    .video-sticky .video-main,
    .video-sticky .video-main._visible {
        top: 35vh;
    }

    .plyr__controls button[data-plyr="play"] {
        display: block;
    }

    .plyr--paused:not(.plyr--stopped) .plyr__control.plyr__control--overlaid[data-plyr="play"] {
        display: none;
    }

    .random-slider {
        margin-top: 23.7rem;
    }

    .random-slider__slide {
        margin-left: 6.2rem;
    }

    .random-slider__slide:first-child {
        margin-left: 5rem;
    }

    .random-slider__slide:last-child {
        margin-right: 6.2rem;
    }

    .random-slider__slide--type-1 {
        width: 90rem;
    }

    .random-slider__slide--type-2 {
        width: 75rem;
    }

    .random-slider__slide--type-3 {
        width: 90rem;
    }

    .random-slider__slide--type-4 {
        width: 26.3rem;
    }

    .random-slider__slide-title {
        font-size: 3.4rem;
        margin-bottom: 1.6rem;
        height: 4.4rem;
    }

    .random-slider__slide-text {
        font-size: 4.4rem;
        margin-top: 3.1rem;
    }

    .awards__text-list {
        margin-top: 39rem;
    }

    .awards__text-list .unmarked-list {
        padding: 0;
    }

    .case-slider {
        margin-top: 18rem;
    }

    .case-images + .case-slider {
        margin-top: -23rem;
    }

    .case-slider__slide {
        margin-left: 6.2rem;
        display: block;
    }

    .case-slider__slide:first-child {
        margin-left: 5rem;
    }

    .case-slider__slide:last-child {
        margin-right: 6.2rem;
    }

    .case-slider__slide--img,
    .case-slider__slide--video {
        width: 75rem;
    }

    .case-slider__slide--text {
        width: 90rem;
    }

    .case-slider__slide-img {
        width: 75rem;
        height: 75rem;
    }

    .case-slider__slide--text .case-slider__slide-text {
        width: 100%;
        font-size: 4.4rem;
        margin-top: 0;
    }

    .case-slider__slide--img .case-slider__slide-text {
        width: 100%;
        margin-top: 4.7rem;
    }

    .case-slider__slide-title {
        font-size: 3.4rem;
        height: 7rem;
        padding-right: 0;
    }

    .multi-sections {
        font-size: 0;
        white-space: nowrap;
        position: relative;
        padding-bottom: 2rem;
        margin-top: 23.5rem;
        display: flex;
        flex-direction: column;
    }

    .multi-section {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 9rem;
    }

    .multi-item__title {
        font-size: 10rem;
        line-height: 1.1em;
        font-weight: 300;
        margin-bottom: 1.6rem;
        height: auto;
        text-align: left;
    }

    .multi-item__text {
        font-size: 3.1rem;
        line-height: 4.7rem;
        margin-top: 3.1rem;
        margin-left: 0;
    }

    .multi-section__marquee {
        display: none;
    }

    .expertise__marquee {
        display: block;
        margin-top: 41rem;
    }

    html._preloaded .preloader .logo {
        transform: translateY(-1.5rem);
    }

    .preloader .logo {
        left: 5rem;
        top: 7rem;
    }

    .preloader-case {
        height: 3.1rem;
    }

    .preloader-case__line {
        height: 3.1rem;
    }

    .preloader__line {
        height: 3.1rem;
    }

    .preloader__text {
        font-size: 3rem;
        bottom: 7rem;
        left: 5rem;
    }

    .appear {
        transform: translateY(9rem);
    }

    .disclaimer-box {
        padding-top: 6.3rem;
    }

    .disclaimer-box .disclaimer__inner {
        width: 100%;
        padding-right: 4rem;
        height: 77.7rem;
        margin-bottom: 4rem;
    }

    .disclaimer-box .disclaimer__agree-btn {
        position: relative !important;
        margin-bottom: 4rem;
    }

    .disclaimer-box .disclaimer__text {
        display: block;
    }

    .disclaimer-box .disclaimer__text p {
        font-size: 3.1rem;
        line-height: 4.7rem;
        margin: 4.7rem 0;
    }

    .disclaimer-box .disclaimer__text-col {
        width: 100%;
        margin-bottom: 4.7rem;
    }

    .disclaimer__inner {
        padding-right: 4rem;
        margin-bottom: 4rem;
    }

    .disclaimer__marquee {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .popup-bottom[data-popup-name="subscribe"],
    .popup-bottom[data-popup-name="subscribe-info"] {
        /*.subscribe-letter-item {
                width: calc(50% - 2.1rem / 2);
            }*/
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__text,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__text {
        margin-top: 7rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content {
        display: block;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content > div,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content > div {
        width: 100%;
    }

    .popup-bottom[data-popup-name="subscribe"] .input-text-line,
    .popup-bottom[data-popup-name="subscribe-info"] .input-text-line {
        width: 100%;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__submit-block,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__submit-block {
        width: 100%;
        margin-left: 0;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-bottom__inner,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__inner {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-bottom__close,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-bottom__close {
        top: 5rem;
        right: 6rem;
        left: auto;
        margin-left: 0;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-item__icon,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-item__icon {
        width: 5rem;
        height: 5rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle {
        margin-bottom: 9rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle {
        max-width: 100%;
        padding-right: 10%;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__subtitle p,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__subtitle p {
        width: 100%;
        font-size: 3.9rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__agree-block.mobile,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__agree-block.mobile {
        width: 90%;
        margin-top: 6.5rem;
    }

    .popup-bottom[data-popup-name="subscribe"]
        .subscribe-popup-form__agree-block.mobile
        .subscribe-popup-form__agree-text,
    .popup-bottom[data-popup-name="subscribe-info"]
        .subscribe-popup-form__agree-block.mobile
        .subscribe-popup-form__agree-text {
        font-size: 2.7rem !important;
        line-height: 120% !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .form__submit,
    .popup-bottom[data-popup-name="subscribe-info"] .form__submit {
        font-size: 3.2rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .form__submit span,
    .popup-bottom[data-popup-name="subscribe-info"] .form__submit span {
        padding: 12px 38px !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .form__submit span:before,
    .popup-bottom[data-popup-name="subscribe-info"] .form__submit span:before {
        font-size: 3.2rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-popup-form__inner .input-text-line,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-popup-form__inner .input-text-line {
        margin-bottom: 6rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .input-text-line__inner,
    .popup-bottom[data-popup-name="subscribe-info"] .input-text-line__inner {
        width: 75rem !important;
        margin-bottom: 4rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .input-text-line__inner .form-column__label,
    .popup-bottom[data-popup-name="subscribe-info"] .input-text-line__inner .form-column__label {
        font-size: 3.7rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .input-text-line__inner .error-label,
    .popup-bottom[data-popup-name="subscribe-info"] .input-text-line__inner .error-label {
        font-size: 3rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .input-text-line__inner .form-column__input,
    .popup-bottom[data-popup-name="subscribe-info"] .input-text-line__inner .form-column__input {
        padding: 4.5rem 0 !important;
        font-size: 3.7rem !important;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__title,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__title {
        margin-bottom: 6rem;
        padding-right: 10rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__title .accent,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__title .accent,
    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__title p.accent,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__title p.accent {
        font-size: 4.16666667rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-items,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-items {
        margin-top: 5.20833333rem;
        gap: 1.82291667rem 1.5625rem;
    }

    .popup-bottom .form__submit {
        border-radius: 16rem;
    }

    .popup-bottom {
        padding: 22rem 0 12.5rem 0;
    }

    .popup-bottom p,
    .popup-bottom ul {
        font-size: 3.4rem;
        line-height: 4.7rem;
    }

    .popup-bottom__inner {
        display: block;
    }

    .popup-bottom__inner-col {
        width: 100%;
    }

    .popup-bottom__close {
        width: 10rem;
        height: 10rem;
        right: auto;
        left: 50%;
        top: 6rem;
        margin-left: -5rem;
    }

    .popup-bottom__close:before,
    .popup-bottom__close:after {
        height: 1px;
    }

    [data-popup-name="subscribe-info"] .full-col .popup-subscribe-content__subtitle {
        width: 100%;
        margin-bottom: 4rem;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-items {
        margin-bottom: 3rem;
        gap: 0;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item.light-text p {
        font-size: 2.7rem !important;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item {
        width: 100%;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item .subscribe-letter-item__text p {
        font-size: 2.08333333rem;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item .subscribe-letter-item__icon {
        width: 7rem;
        height: 7rem;
    }

    [data-popup-name="subscribe-info"] .full-col .subscribe-letter-item .subscribe-letter-item__icon img {
        max-width: 5rem;
    }

    .events-wrap {
        margin-bottom: 40rem;
    }

    .events-item {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 67px 0 78px 0;
        margin-bottom: 13.35rem;
    }

    .events-item:last-child {
        margin-bottom: 0;
    }

    .events-item .events-item__left {
        width: 100%;
    }

    .events-item .events-item__right {
        width: 100%;
    }

    .events-item-title {
        font-size: 4.25rem;
        line-height: 130%; /* 20.8px */
        letter-spacing: -0.32px;
    }

    .events-item-type {
        font-size: 3.25rem;
        line-height: 127%; /* 15.24px */
        letter-spacing: -0.24px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .events-item-date-place {
        position: absolute;
        bottom: 35px;
        right: 0;
        gap: 0 12px;
        width: 32%;
        justify-content: flex-end;
    }

    .events-item-date-place span {
        font-size: 3.2rem;
        letter-spacing: -0.24px;
    }

    .events-item-date-autor {
        font-size: 3.25rem;
        line-height: 127%; /* 15.24px */
        letter-spacing: -0.24px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .events-item-date-theme {
        max-width: 67%;
        width: -webkit-fit-content;
        width: fit-content;
        position: absolute;
        bottom: 35px;
        left: 0;
        font-size: 3.2rem;
        letter-spacing: -0.24px;
    }

    .events-wrap-title {
        font-size: 4.85rem;
        line-height: 100%; /* 18px */
        letter-spacing: -0.36px;
        margin-bottom: 13.35rem;
    }

    .page-category-new .case-card + a.underline {
        display: block;
        width: -webkit-fit-content;
        width: fit-content;
        font-size: 3.2rem !important;
        margin-top: 10.66666667rem;
    }

    .pirate-block {
        padding: 5.6rem 2.66666667rem 27.2rem 2.66666667rem;
    }

    .pirate-block .pirate-symbol {
        width: 112%;
    }

    .pirate-block .pirate-block-title {
        font-size: 6.4rem;
        letter-spacing: -0.256rem;
        margin-bottom: 4.26666667rem;
    }

    .pirate-block .pirate-block-logos {
        gap: 0 2.66666667rem;
        margin-bottom: 13.86666667rem;
    }

    .pirate-block .pirate-block-logos .logo-cp {
        width: 26.4rem;
        height: 4.53333333rem;
    }

    .pirate-block .pirate-block-logos .logo-piratecode {
        width: 25.6rem;
        height: 4.53333333rem;
    }

    .pirate-block .pirate-block-subtitle {
        font-size: 4.26666667rem;
        letter-spacing: -0.064rem;
        margin-bottom: 6.4rem;
    }

    .pirate-block .pirate-block-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.66666667rem 0;
        padding-right: 13.33333333rem;
    }

    .pirate-block .pirate-block-list span {
        white-space: initial;
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .pirate-block .pirate-block-list span:nth-child(1),
    .pirate-block .pirate-block-list span:nth-child(4) {
        width: 100%;
    }

    .pirate-block .pirate-block-list span:nth-child(3) {
        margin-left: 0;
    }

    .about-partners p.accent {
        margin-bottom: 5.33333333rem;
    }

    .about-partners .awards-marquee {
        margin-top: 10.66666667rem;
        margin-bottom: 13.33333333rem;
    }

    .about-partners .about-partners-list {
        flex-wrap: wrap;
        gap: 12rem 5.33333333rem;
    }

    .about-partners .about-partners-item.about-partners-item--wolfenfox .about-partners-item--img img {
        width: 88%;
    }

    .about-partners .about-partners-item {
        width: calc(50% - 5.33333333rem * 1 / 2);
    }

    .about-partners .about-partners-item--img {
        min-height: 41.86666667rem;
        margin-bottom: 2.66666667rem;
        padding: 0 4rem;
    }

    .about-partners .about-partners-item--text {
        font-size: 3.2rem;
    }

    .pirate-block-wrap .pirate-block {
        padding: 6.4rem 2.66666667rem 6.4rem 2.66666667rem;
    }

    .pirate-block-wrap .pirate-block .pirate-block-title {
        font-size: 6.4rem;
        letter-spacing: -0.256rem;
        margin-bottom: 14.66666667rem;
    }

    .pirate-block-wrap .pirate-block .logo-cp {
        width: 39.46666667rem;
        height: auto;
    }

    .pirate-block-wrap .pirate-block .logo-cp + .pirate-block-direction {
        font-size: 3.2rem;
        border-radius: 2.172px;
        line-height: 120%;
        padding: 0.53333333rem 1.06666667rem;
    }

    .pirate-block-wrap .pirate-block .logo-piratecode {
        width: 34.66666667rem;
        height: auto;
    }

    .pirate-block-wrap .pirate-block .logo-piratecode + .pirate-block-direction {
        font-size: 3.2rem;
        border-radius: 2.172px;
        line-height: 120%;
        padding: 0.53333333rem 1.06666667rem;
    }

    .pirate-block-wrap .pirate-block-logos {
        gap: 0 1.33333333rem;
        margin-bottom: 0;
    }

    .pirate-block-wrap .pirate-block-logos .separator::after {
        width: 3.73333333rem;
        height: 1px;
    }

    .pirate-block-wrap .pirate-block-logos .separator {
        width: 3.73333333rem;
        height: 1px;
    }

    .pirate-block-wrap .pirate-symbol {
        width: 24.8rem;
        top: 34.93333333rem;
        right: 5.06666667rem;
    }

    .pirate-block-wrap .pirate-block-subtitle {
        width: 56.8rem;
        font-size: 3.2rem;
        margin-bottom: 19.2rem;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom {
        margin-top: 3.2rem;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__left {
        width: 100%;
        margin-bottom: 12rem;
    }

    .pirate-block-wrap .pirate-block-wrap-bottom .pirate-block-wrap-bottom__left a {
        font-size: 4.36533333rem;
        line-height: 5.72rem;
        letter-spacing: -0.09306667rem;
    }

    .pirate-block-wrap-top {
        margin-bottom: 24rem;
    }

    .pirate-block-bg {
        padding-bottom: 127.113%;
    }

    .pirate-block-bg-content {
        flex-direction: column;
        padding: 0 0 8.53333333rem 8.53333333rem;
        gap: 4.26666667rem;
    }

    .pirate-block-bg-subtitle {
        font-size: 4.8rem;
        line-height: 100%;
        letter-spacing: -0.048rem;
    }

    .pirate-block-bg-logos img {
        width: 12.8rem;
        height: 12.8rem;
        margin-bottom: 0;
    }

    .pirate-block-bg-content__right {
        width: 75%;
    }

    .pirate-block-bg-content__right a {
        font-size: 3.73333333rem;
        letter-spacing: -0.07466667rem;
        padding: 1.86666667rem 5.06666667rem;
        margin-top: 4.26666667rem;
    }

    .link-green {
        margin-right: 0;
    }

    .big-link {
        font-size: 3.8rem;
    }

    .accent,
    p.accent {
        font-size: 4rem;
        line-height: 1.11em;
    }

    .big-numbers {
        font-size: 15.6rem;
        margin-top: -0.02em;
    }

    .list-title {
        font-size: 4.4rem;
        padding-left: 0;
    }

    .title-h1,
    .marquee--title-1 .marquee__inner > *,
    .marquee--title-1 .marquee__inner:after {
        font-size: 15.6rem;
    }

    .title-h2,
    .marquee--title-2 .marquee__inner > *,
    .marquee--title-2 .marquee__inner:after {
        font-size: 15.6rem;
    }

    .title-h2,
    .marquee--title-2 .marquee__inner > *,
    .marquee--title-2 .marquee__inner:after {
        font-size: 15.6rem;
    }

    .title-h3,
    .marquee--title-3 .marquee__inner > *,
    .marquee--title-3 .marquee__inner:after {
        font-size: 6.3rem;
    }

    [data-barba-namespace="category"] .first-screen.first-screen-fullwidth {
        padding-top: 25rem;
    }

    [data-barba-namespace="category"] .top .accent {
        margin-right: 0;
    }

    .other-projects {
        margin-bottom: 26rem;
    }

    .other-projects .unmarked-list {
        margin-bottom: 7rem;
        padding-left: 0;
    }

    .other-projects__awwwards {
        text-align: left;
        margin-top: 18.6rem;
    }

    .other-projects__text {
        margin-bottom: 24rem;
    }

    .category-top-nav {
        top: 14rem;
    }

    .category-top-nav::-webkit-scrollbar {
        width: 0;
    }

    .category-top-nav li:last-child {
        margin-right: 12rem;
    }

    .category-top-nav li a {
        font-size: 4rem;
        padding: 5rem 0;
    }

    [data-barba-namespace="about"] .first-screen {
        min-height: calc(var(--vh, 1vh) * 100 - 14rem - 20rem);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 3rem;
    }

    [data-barba-namespace="about"] .top {
        order: 1;
    }

    [data-barba-namespace="about"] .marquee--title-1 {
        order: 2;
    }

    [data-barba-namespace="about"] .first-screen__cpeople {
        order: 3;
    }

    .vacancies .preview-cards__inner {
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 0 3rem;
    }

    .vacancies .preview-card__img {
        margin-bottom: 2rem;
    }

    .vacancies .preview-card {
        vertical-align: bottom;
        width: 42vw;
        flex-shrink: 0;
    }

    .vacancies .preview-card:last-child {
        padding-right: 5rem;
    }

    .vacancies .preview-card:nth-child(3) {
        margin-right: 0;
    }

    .vacancies {
        margin-bottom: 11rem;
    }

    .all-vacancies {
        width: 100%;
        padding-top: 0;
        margin-bottom: 14rem;
    }

    .all-vacancies__link {
        font-size: 15.6rem;
    }

    .vacancies-marquee {
        margin-top: 33rem;
    }

    .other-clients {
        margin-top: 7rem;
        padding-bottom: 9rem;
    }

    .other-clients .title-h2,
    .other-clients .marquee--title-2 .marquee__inner > *,
    .other-clients .marquee--title-2 .marquee__inner:after {
        font-size: 10rem;
        line-height: 1.1em;
        font-weight: 300;
    }

    .other-clients__list {
        order: 3;
    }

    .other-clients__list .unmarked-list {
        margin-bottom: 7rem;
        padding-left: 0;
    }

    .other-clients__1 {
        order: 2;
        margin-top: 4rem;
    }

    .other-clients__2 {
        order: 1;
    }

    .clients-list {
        margin-top: 40rem;
    }

    .awards-marquee {
        margin-top: 33rem;
    }

    .page-main .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"] {
        background-size: 100% 0.26666667rem;
    }

    .desktop
        .page-main
        .form-block--bottom
        .form__checkbox-item
        span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.26666667rem;
    }

    .page-main.desktop .form-block--bottom .form__checkbox-item span[data-popup-name="subscribe-info"]:hover {
        background-size: 0% 0.26666667rem;
    }

    [data-barba-namespace="main"] .first-screen {
        min-height: 0;
        display: flex;
        padding-bottom: 3rem;
    }

    [data-barba-namespace="main"] .top {
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 10rem !important;
    }

    [data-barba-namespace="main"] .top__right {
        text-align: left;
        margin-top: 13rem;
    }

    [data-barba-namespace="main"] .top-info {
        display: none;
    }

    [data-barba-namespace="main"] .projects {
        margin-top: 25rem;
    }

    .first-screen__bottom {
        display: none;
    }

    .section-details {
        font-size: 3.4rem;
        line-height: 5.3rem;
    }

    .section-footer {
        margin-top: 6.3rem;
        margin-bottom: 25rem;
    }

    .mp-hero {
        font-size: 12rem;
        margin-top: 0;
    }

    .mp-about-link {
        margin-top: 18rem;
    }

    .mp-showreel {
        margin-top: 38rem;
        margin-bottom: -22rem;
    }

    .airplane-animation {
        display: none;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header,
    .page-contacts.page-main-v2._form-open .form-layer__header {
        height: 17.33333333rem;
    }

    .page-main-new.page-main-v2._form-open .form-layer__header .header__inner,
    .page-contacts.page-main-v2._form-open .form-layer__header .header__inner {
        height: 17.33333333rem;
    }

    .page-main-new .form--dark .burger__1,
    .page-contacts .form--dark .burger__1 {
        margin-top: -10px;
    }

    .page-main-new .form--dark .burger__3,
    .page-contacts .form--dark .burger__3 {
        margin-top: 10px;
    }

    .page-main-new .expertise,
    .page-contacts .expertise {
        gap: 21.33333333rem;
    }

    .page-main-new .expertise .expertise-subtitle,
    .page-contacts .expertise .expertise-subtitle {
        font-size: 12px;
    }

    .page-main-new .expertise .expertise__right p,
    .page-contacts .expertise .expertise__right p {
        text-indent: 0;
        padding-right: 0;
    }

    .page-main-new .video-sticky,
    .page-contacts .video-sticky {
        margin-top: 32px;
        height: auto;
        margin-bottom: 96px;
    }

    .page-main-new .expertise-projects span,
    .page-contacts .expertise-projects span {
        font-size: 12px;
    }

    .page-main-new .expertise-projects a,
    .page-contacts .expertise-projects a {
        font-size: 15px;
    }

    .page-main-new .expertise-projects .projects-list a,
    .page-contacts .expertise-projects .projects-list a {
        font-size: 15px;
    }

    .page-main-new .working,
    .page-contacts .working {
        flex-direction: column;
        border: none;
        margin-top: 64px;
        margin-bottom: 120px;
    }

    .page-main-new .working .working-title,
    .page-contacts .working .working-title {
        font-size: 36px;
        margin-bottom: 240px;
    }

    .page-main-new .working .working__left,
    .page-contacts .working .working__left {
        width: 100%;
        border-right: none;
        padding-right: 0;
        padding-bottom: 48px;
        border-bottom: 1px solid #272727;
        margin-bottom: 48px;
    }

    .page-main-new .working .working__right,
    .page-contacts .working .working__right {
        width: 100%;
        border-right: none;
        padding-right: 0;
        padding-bottom: 48px;
        border-bottom: 1px solid #272727;
    }

    .page-main-new .text-block,
    .page-contacts .text-block {
        flex-direction: column;
        margin-bottom: 64px;
    }

    .page-main-new .text-block p,
    .page-contacts .text-block p {
        font-size: 36px;
    }

    .page-main-new .text-block .text-block__left,
    .page-contacts .text-block .text-block__left {
        width: 100%;
        margin-bottom: 48px;
    }

    .page-main-new .text-block .text-block__right,
    .page-contacts .text-block .text-block__right {
        width: 100%;
    }

    .page-main-new .text-block .text-block__right p,
    .page-contacts .text-block .text-block__right p {
        text-indent: 0;
        font-size: 24px;
    }

    .page-main-new .awards,
    .page-contacts .awards {
        flex-direction: column;
        margin-bottom: 123px;
    }

    .page-main-new .awards .awards-item:first-child,
    .page-contacts .awards .awards-item:first-child {
        width: 100%;
        margin-right: 0;
        margin-bottom: 84px;
    }

    .page-main-new .awards .awards-item:nth-child(2),
    .page-contacts .awards .awards-item:nth-child(2) {
        width: 100%;
        padding-left: 150px;
    }

    .page-main-new .awards .awards-item:last-child,
    .page-contacts .awards .awards-item:last-child {
        width: 100%;
        margin-left: 0;
        padding-left: 150px;
    }

    .page-main-new .awards .awards-item span,
    .page-contacts .awards .awards-item span {
        font-size: 15px;
    }

    .page-main-new .awards a,
    .page-contacts .awards a {
        font-size: 15px;
    }

    .page-main-new .awards ul,
    .page-contacts .awards ul {
        margin-bottom: 24px;
    }

    .page-main-new .awards ul li,
    .page-contacts .awards ul li {
        font-size: 15px;
    }

    .cases-wrap {
        margin-bottom: 26.66666667rem;
    }

    .case-item--desc div {
        font-size: 12px;
    }

    .page-main-v2 .multi-item,
    .page-contacts .multi-item,
    .page-stream .multi-item,
    .page-projects .multi-item,
    .page-case-new-design .multi-item,
    .page-design-accompaniment .multi-item {
        overflow: hidden;
    }

    .page-main-v2 .bg-start,
    .page-contacts .bg-start,
    .page-stream .bg-start,
    .page-projects .bg-start,
    .page-case-new-design .bg-start,
    .page-design-accompaniment .bg-start {
        height: 72rem;
    }

    .page-main-v2 .video-sticky,
    .page-contacts .video-sticky,
    .page-stream .video-sticky,
    .page-projects .video-sticky,
    .page-case-new-design .video-sticky,
    .page-design-accompaniment .video-sticky {
        height: 29vh;
        margin-bottom: 10vh;
        margin-top: 10px;
        margin-bottom: 80px;
    }

    .page-main-v2 .first-screen-main,
    .page-contacts .first-screen-main,
    .page-stream .first-screen-main,
    .page-projects .first-screen-main,
    .page-case-new-design .first-screen-main,
    .page-design-accompaniment .first-screen-main {
        padding: 14rem 0 0 0;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .page-main-v2 .first-screen-main .first-screen-main__left,
    .page-contacts .first-screen-main .first-screen-main__left,
    .page-stream .first-screen-main .first-screen-main__left,
    .page-projects .first-screen-main .first-screen-main__left,
    .page-case-new-design .first-screen-main .first-screen-main__left,
    .page-design-accompaniment .first-screen-main .first-screen-main__left {
        width: 100%;
        margin-bottom: 27.5rem;
    }

    .page-main-v2 .first-screen-main .first-screen-main__right,
    .page-contacts .first-screen-main .first-screen-main__right,
    .page-stream .first-screen-main .first-screen-main__right,
    .page-projects .first-screen-main .first-screen-main__right,
    .page-case-new-design .first-screen-main .first-screen-main__right,
    .page-design-accompaniment .first-screen-main .first-screen-main__right {
        width: 100%;
        justify-content: flex-start;
    }

    .page-main-v2 .first-screen__title,
    .page-contacts .first-screen__title,
    .page-stream .first-screen__title,
    .page-projects .first-screen__title,
    .page-case-new-design .first-screen__title,
    .page-design-accompaniment .first-screen__title {
        font-size: 6.4rem;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }

    .page-main-v2 .first-screen__title-items .first-screen__title-item,
    .page-contacts .first-screen__title-items .first-screen__title-item,
    .page-stream .first-screen__title-items .first-screen__title-item,
    .page-projects .first-screen__title-items .first-screen__title-item,
    .page-case-new-design .first-screen__title-items .first-screen__title-item,
    .page-design-accompaniment .first-screen__title-items .first-screen__title-item {
        font-size: 6.4rem;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
    }

    .page-main-v2 .first-screen__advantage,
    .page-contacts .first-screen__advantage,
    .page-stream .first-screen__advantage,
    .page-projects .first-screen__advantage,
    .page-case-new-design .first-screen__advantage,
    .page-design-accompaniment .first-screen__advantage {
        width: 100%;
        flex-direction: row;
        gap: 0 10px;
        transform: translateX(-20px);
    }

    .page-main-v2 .first-screen__advantage-item.first-screen__advantage-item--column,
    .page-contacts .first-screen__advantage-item.first-screen__advantage-item--column,
    .page-stream .first-screen__advantage-item.first-screen__advantage-item--column,
    .page-projects .first-screen__advantage-item.first-screen__advantage-item--column,
    .page-case-new-design .first-screen__advantage-item.first-screen__advantage-item--column,
    .page-design-accompaniment .first-screen__advantage-item.first-screen__advantage-item--column {
        width: 100%;
        flex-direction: row;
        gap: 0 10px;
    }

    .page-main-v2 .first-screen__advantage-item span,
    .page-contacts .first-screen__advantage-item span,
    .page-stream .first-screen__advantage-item span,
    .page-projects .first-screen__advantage-item span,
    .page-case-new-design .first-screen__advantage-item span,
    .page-design-accompaniment .first-screen__advantage-item span {
        font-size: 6.4rem;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
        margin-bottom: 0 !important;
    }

    .page-main-v2 .first-screen__advantage-item small,
    .page-contacts .first-screen__advantage-item small,
    .page-stream .first-screen__advantage-item small,
    .page-projects .first-screen__advantage-item small,
    .page-case-new-design .first-screen__advantage-item small,
    .page-design-accompaniment .first-screen__advantage-item small {
        font-size: 4.3rem;
        letter-spacing: -0.16px;
    }

    .page-main-v2 .expertise__right-top,
    .page-contacts .expertise__right-top,
    .page-stream .expertise__right-top,
    .page-projects .expertise__right-top,
    .page-case-new-design .expertise__right-top,
    .page-design-accompaniment .expertise__right-top {
        width: 34%;
    }

    .page-main-v2 .expertise-list a,
    .page-contacts .expertise-list a,
    .page-stream .expertise-list a,
    .page-projects .expertise-list a,
    .page-case-new-design .expertise-list a,
    .page-design-accompaniment .expertise-list a,
    .page-main-v2 .expertise-list div,
    .page-contacts .expertise-list div,
    .page-stream .expertise-list div,
    .page-projects .expertise-list div,
    .page-case-new-design .expertise-list div,
    .page-design-accompaniment .expertise-list div {
        font-size: 3.2rem;
        letter-spacing: -0.24px;
    }

    .page-main-v2 .expertise-big-slider-text,
    .page-contacts .expertise-big-slider-text,
    .page-stream .expertise-big-slider-text,
    .page-projects .expertise-big-slider-text,
    .page-case-new-design .expertise-big-slider-text,
    .page-design-accompaniment .expertise-big-slider-text {
        font-size: 3.75rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .expertise-small-slider,
    .page-contacts .expertise-small-slider,
    .page-stream .expertise-small-slider,
    .page-projects .expertise-small-slider,
    .page-case-new-design .expertise-small-slider,
    .page-design-accompaniment .expertise-small-slider {
        display: none;
    }

    .page-main-v2 .expertise-big-slider-img,
    .page-contacts .expertise-big-slider-img,
    .page-stream .expertise-big-slider-img,
    .page-projects .expertise-big-slider-img,
    .page-case-new-design .expertise-big-slider-img,
    .page-design-accompaniment .expertise-big-slider-img {
        margin-bottom: 2.7rem;
    }

    .page-main-v2 .expertise .expertise__left,
    .page-contacts .expertise .expertise__left,
    .page-stream .expertise .expertise__left,
    .page-projects .expertise .expertise__left,
    .page-case-new-design .expertise .expertise__left,
    .page-design-accompaniment .expertise .expertise__left {
        margin-bottom: 0;
    }

    .page-main-v2 .expertise .expertise__right,
    .page-contacts .expertise .expertise__right,
    .page-stream .expertise .expertise__right,
    .page-projects .expertise .expertise__right,
    .page-case-new-design .expertise .expertise__right,
    .page-design-accompaniment .expertise .expertise__right {
        flex-direction: row;
    }

    .page-main-v2 .expertise .expertise-title,
    .page-contacts .expertise .expertise-title,
    .page-stream .expertise .expertise-title,
    .page-projects .expertise .expertise-title,
    .page-case-new-design .expertise .expertise-title,
    .page-design-accompaniment .expertise .expertise-title {
        font-size: 4.8rem;
        lline-height: 100%; /* 18px */
        letter-spacing: -0.36px;
        margin-bottom: 2.8rem;
    }

    .page-main-v2 .expertise .expertise-subtitle,
    .page-contacts .expertise .expertise-subtitle,
    .page-stream .expertise .expertise-subtitle,
    .page-projects .expertise .expertise-subtitle,
    .page-case-new-design .expertise .expertise-subtitle,
    .page-design-accompaniment .expertise .expertise-subtitle {
        width: 60%;
        font-size: 3.75rem;
        margin: 0;
    }

    .page-main-v2 .section-title,
    .page-contacts .section-title,
    .page-stream .section-title,
    .page-projects .section-title,
    .page-case-new-design .section-title,
    .page-design-accompaniment .section-title {
        font-size: 6.4rem;
        line-height: 130%; /* 31.2px */
        letter-spacing: -0.24px;
        margin-bottom: 10.7rem;
    }

    .page-main-v2 .experience,
    .page-contacts .experience,
    .page-stream .experience,
    .page-projects .experience,
    .page-case-new-design .experience,
    .page-design-accompaniment .experience {
        margin-bottom: 21.35rem;
    }

    .page-main-v2 .experience-top .experience-top__right a,
    .page-contacts .experience-top .experience-top__right a,
    .page-stream .experience-top .experience-top__right a,
    .page-projects .experience-top .experience-top__right a,
    .page-case-new-design .experience-top .experience-top__right a,
    .page-design-accompaniment .experience-top .experience-top__right a {
        font-size: 3.2rem;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .experience-top .section-title,
    .page-contacts .experience-top .section-title,
    .page-stream .experience-top .section-title,
    .page-projects .experience-top .section-title,
    .page-case-new-design .experience-top .section-title,
    .page-design-accompaniment .experience-top .section-title {
        margin-bottom: 10.7rem;
    }

    .page-main-v2 .clients-title,
    .page-contacts .clients-title,
    .page-stream .clients-title,
    .page-projects .clients-title,
    .page-case-new-design .clients-title,
    .page-design-accompaniment .clients-title {
        width: 100%;
        font-size: 6.4rem;
        line-height: 130%; /* 31.2px */
        letter-spacing: -0.24px;
    }

    .page-main-v2 .competencies-title,
    .page-contacts .competencies-title,
    .page-stream .competencies-title,
    .page-projects .competencies-title,
    .page-case-new-design .competencies-title,
    .page-design-accompaniment .competencies-title {
        font-size: 3.2rem;
        line-height: 127%; /* 15.24px */
        letter-spacing: -0.24px;
        margin-bottom: 5.35rem;
    }

    .page-main-v2 .competencies-list,
    .page-contacts .competencies-list,
    .page-stream .competencies-list,
    .page-projects .competencies-list,
    .page-case-new-design .competencies-list,
    .page-design-accompaniment .competencies-list {
        gap: 10px 0;
    }

    .page-main-v2 .competencies-list span,
    .page-contacts .competencies-list span,
    .page-stream .competencies-list span,
    .page-projects .competencies-list span,
    .page-case-new-design .competencies-list span,
    .page-design-accompaniment .competencies-list span {
        font-size: 3.2rem;
        line-height: 127%;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .clients-top,
    .page-contacts .clients-top,
    .page-stream .clients-top,
    .page-projects .clients-top,
    .page-case-new-design .clients-top,
    .page-design-accompaniment .clients-top {
        margin-bottom: 26.65rem;
    }

    .page-main-v2 .cases-wrap .case-title,
    .page-contacts .cases-wrap .case-title,
    .page-stream .cases-wrap .case-title,
    .page-projects .cases-wrap .case-title,
    .page-case-new-design .cases-wrap .case-title,
    .page-design-accompaniment .cases-wrap .case-title {
        font-size: 3.75rem;
        line-height: 130%; /* 18.2px */
        letter-spacing: -0.14px;
    }

    .page-main-v2 .cases-wrap-top,
    .page-contacts .cases-wrap-top,
    .page-stream .cases-wrap-top,
    .page-projects .cases-wrap-top,
    .page-case-new-design .cases-wrap-top,
    .page-design-accompaniment .cases-wrap-top {
        flex-direction: column;
        justify-content: flex-start;
    }

    .page-main-v2 .cases-wrap-top__left,
    .page-contacts .cases-wrap-top__left,
    .page-stream .cases-wrap-top__left,
    .page-projects .cases-wrap-top__left,
    .page-case-new-design .cases-wrap-top__left,
    .page-design-accompaniment .cases-wrap-top__left {
        width: 100%;
        margin-bottom: 9.33rem;
    }

    .page-main-v2 .cases-wrap-top__right::after,
    .page-contacts .cases-wrap-top__right::after,
    .page-stream .cases-wrap-top__right::after,
    .page-projects .cases-wrap-top__right::after,
    .page-case-new-design .cases-wrap-top__right::after,
    .page-design-accompaniment .cases-wrap-top__right::after {
        height: 105%;
    }

    .page-main-v2 .cases-wrap-top__right a,
    .page-contacts .cases-wrap-top__right a,
    .page-stream .cases-wrap-top__right a,
    .page-projects .cases-wrap-top__right a,
    .page-case-new-design .cases-wrap-top__right a,
    .page-design-accompaniment .cases-wrap-top__right a {
        white-space: nowrap;
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .page-main-v2 .cases-wrap-top__right,
    .page-contacts .cases-wrap-top__right,
    .page-stream .cases-wrap-top__right,
    .page-projects .cases-wrap-top__right,
    .page-case-new-design .cases-wrap-top__right,
    .page-design-accompaniment .cases-wrap-top__right {
        flex-direction: column;
        gap: 25px;
        width: 100%;
    }

    .page-main-v2 .cases-items,
    .page-contacts .cases-items,
    .page-stream .cases-items,
    .page-projects .cases-items,
    .page-case-new-design .cases-items,
    .page-design-accompaniment .cases-items {
        gap: 50px 0;
        padding-top: 21.35rem;
    }

    .page-main-v2 .cases-items .case,
    .page-contacts .cases-items .case,
    .page-stream .cases-items .case,
    .page-projects .cases-items .case,
    .page-case-new-design .cases-items .case,
    .page-design-accompaniment .cases-items .case {
        flex-direction: column;
        gap: 20px;
    }

    .page-main-v2 .cases-items .case .case-img,
    .page-contacts .cases-items .case .case-img,
    .page-stream .cases-items .case .case-img,
    .page-projects .cases-items .case .case-img,
    .page-case-new-design .cases-items .case .case-img,
    .page-design-accompaniment .cases-items .case .case-img {
        width: 100%;
        padding-bottom: 100%;
        margin-bottom: 5.35rem;
    }

    .page-main-v2 .cases-items .case.case-small,
    .page-contacts .cases-items .case.case-small,
    .page-stream .cases-items .case.case-small,
    .page-projects .cases-items .case.case-small,
    .page-case-new-design .cases-items .case.case-small,
    .page-design-accompaniment .cases-items .case.case-small {
        width: 100%;
    }

    .page-main-v2 .cases-items .case.case-small .case-bottom-text,
    .page-contacts .cases-items .case.case-small .case-bottom-text,
    .page-stream .cases-items .case.case-small .case-bottom-text,
    .page-projects .cases-items .case.case-small .case-bottom-text,
    .page-case-new-design .cases-items .case.case-small .case-bottom-text,
    .page-design-accompaniment .cases-items .case.case-small .case-bottom-text {
        margin-bottom: 0;
    }

    .page-main-v2 .cases-items .case.case-small .case-top-line,
    .page-contacts .cases-items .case.case-small .case-top-line,
    .page-stream .cases-items .case.case-small .case-top-line,
    .page-projects .cases-items .case.case-small .case-top-line,
    .page-case-new-design .cases-items .case.case-small .case-top-line,
    .page-design-accompaniment .cases-items .case.case-small .case-top-line {
        margin-bottom: 10.66666667rem;
    }

    .page-main-v2 .cases-items .case.case-big,
    .page-contacts .cases-items .case.case-big,
    .page-stream .cases-items .case.case-big,
    .page-projects .cases-items .case.case-big,
    .page-case-new-design .cases-items .case.case-big,
    .page-design-accompaniment .cases-items .case.case-big {
        width: 100%;
    }

    .page-main-v2 .cases-items .case.case-big .case-img,
    .page-contacts .cases-items .case.case-big .case-img,
    .page-stream .cases-items .case.case-big .case-img,
    .page-projects .cases-items .case.case-big .case-img,
    .page-case-new-design .cases-items .case.case-big .case-img,
    .page-design-accompaniment .cases-items .case.case-big .case-img {
        width: 100%;
        padding-bottom: 100%;
        margin-bottom: 5.35rem;
    }

    .page-main-v2 .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-contacts .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-stream .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-projects .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-case-new-design .cases-items .case.case-big .case-content-bottom .case-bottom-text,
    .page-design-accompaniment .cases-items .case.case-big .case-content-bottom .case-bottom-text {
        margin-bottom: 10.65rem;
    }

    .page-main-v2 .cases-items .case.case-big .case-content-bottom .case-list,
    .page-contacts .cases-items .case.case-big .case-content-bottom .case-list,
    .page-stream .cases-items .case.case-big .case-content-bottom .case-list,
    .page-projects .cases-items .case.case-big .case-content-bottom .case-list,
    .page-case-new-design .cases-items .case.case-big .case-content-bottom .case-list,
    .page-design-accompaniment .cases-items .case.case-big .case-content-bottom .case-list {
        margin-bottom: 0;
        order: 4;
    }

    .page-main-v2 .cases-items .case .case-content,
    .page-contacts .cases-items .case .case-content,
    .page-stream .cases-items .case .case-content,
    .page-projects .cases-items .case .case-content,
    .page-case-new-design .cases-items .case .case-content,
    .page-design-accompaniment .cases-items .case .case-content {
        flex-direction: column;
        justify-content: flex-start;
    }

    .page-main-v2 .cases-items .case .case-content .case-top-text,
    .page-contacts .cases-items .case .case-content .case-top-text,
    .page-stream .cases-items .case .case-content .case-top-text,
    .page-projects .cases-items .case .case-content .case-top-text,
    .page-case-new-design .cases-items .case .case-content .case-top-text,
    .page-design-accompaniment .cases-items .case .case-content .case-top-text {
        display: block;
    }

    .page-main-v2 .cases-items .case .case-content .case-content__left,
    .page-contacts .cases-items .case .case-content .case-content__left,
    .page-stream .cases-items .case .case-content .case-content__left,
    .page-projects .cases-items .case .case-content .case-content__left,
    .page-case-new-design .cases-items .case .case-content .case-content__left,
    .page-design-accompaniment .cases-items .case .case-content .case-content__left {
        width: 100%;
        padding-right: 0;
    }

    .page-main-v2 .cases-items .case .case-content .case-content__right,
    .page-contacts .cases-items .case .case-content .case-content__right,
    .page-stream .cases-items .case .case-content .case-content__right,
    .page-projects .cases-items .case .case-content .case-content__right,
    .page-case-new-design .cases-items .case .case-content .case-content__right,
    .page-design-accompaniment .cases-items .case .case-content .case-content__right {
        width: 100%;
        justify-content: flex-start;
        padding-right: 0;
    }

    .page-main-v2 .cases-items .case .case-name,
    .page-contacts .cases-items .case .case-name,
    .page-stream .cases-items .case .case-name,
    .page-projects .cases-items .case .case-name,
    .page-case-new-design .cases-items .case .case-name,
    .page-design-accompaniment .cases-items .case .case-name {
        font-size: 6.4rem;
        letter-spacing: -0.064rem;
        margin-bottom: 2.66666667rem;
    }

    .page-main-v2 .cases-items .case .case-desc,
    .page-contacts .cases-items .case .case-desc,
    .page-stream .cases-items .case .case-desc,
    .page-projects .cases-items .case .case-desc,
    .page-case-new-design .cases-items .case .case-desc,
    .page-design-accompaniment .cases-items .case .case-desc {
        font-size: 3.75rem;
        line-height: 130%;
        letter-spacing: -0.14px;
        margin-bottom: 10.65rem;
    }

    .page-main-v2 .cases-items .case .case-list a,
    .page-contacts .cases-items .case .case-list a,
    .page-stream .cases-items .case .case-list a,
    .page-projects .cases-items .case .case-list a,
    .page-case-new-design .cases-items .case .case-list a,
    .page-design-accompaniment .cases-items .case .case-list a,
    .page-main-v2 .cases-items .case .case-list div,
    .page-contacts .cases-items .case .case-list div,
    .page-stream .cases-items .case .case-list div,
    .page-projects .cases-items .case .case-list div,
    .page-case-new-design .cases-items .case .case-list div,
    .page-design-accompaniment .cases-items .case .case-list div {
        font-size: 3.2rem;
        line-height: 120%;
        letter-spacing: -0.12px;
    }

    .page-main-v2 .cases-items .case .case-top-text,
    .page-contacts .cases-items .case .case-top-text,
    .page-stream .cases-items .case .case-top-text,
    .page-projects .cases-items .case .case-top-text,
    .page-case-new-design .cases-items .case .case-top-text,
    .page-design-accompaniment .cases-items .case .case-top-text {
        display: none;
        font-size: 3.73333333rem;
        letter-spacing: -0.03733333rem;
        margin-bottom: 10.4rem;
    }

    .page-main-v2 .splide,
    .page-contacts .splide,
    .page-stream .splide,
    .page-projects .splide,
    .page-case-new-design .splide,
    .page-design-accompaniment .splide {
        margin-bottom: 7rem;
    }

    .page-main-v2 .runline-slider__slide-text,
    .page-contacts .runline-slider__slide-text,
    .page-stream .runline-slider__slide-text,
    .page-projects .runline-slider__slide-text,
    .page-case-new-design .runline-slider__slide-text,
    .page-design-accompaniment .runline-slider__slide-text {
        font-size: 7.75rem;
        line-height: 110%; /* 35.2px */
        letter-spacing: -0.64px;
    }

    .page-main-v2 .runline-slider__slide-photo,
    .page-contacts .runline-slider__slide-photo,
    .page-stream .runline-slider__slide-photo,
    .page-projects .runline-slider__slide-photo,
    .page-case-new-design .runline-slider__slide-photo,
    .page-design-accompaniment .runline-slider__slide-photo {
        width: 220px;
        height: 220px;
    }

    .page-main-v2 .stream-wrap,
    .page-contacts .stream-wrap,
    .page-stream .stream-wrap,
    .page-projects .stream-wrap,
    .page-case-new-design .stream-wrap,
    .page-design-accompaniment .stream-wrap {
        padding-bottom: 0;
        margin-bottom: 16rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-top,
    .page-contacts .stream-wrap .stream-wrap-top,
    .page-stream .stream-wrap .stream-wrap-top,
    .page-projects .stream-wrap .stream-wrap-top,
    .page-case-new-design .stream-wrap .stream-wrap-top,
    .page-design-accompaniment .stream-wrap .stream-wrap-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 8.53333333rem 0;
        margin-bottom: 13.35rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-title,
    .page-contacts .stream-wrap .stream-wrap-title,
    .page-stream .stream-wrap .stream-wrap-title,
    .page-projects .stream-wrap .stream-wrap-title,
    .page-case-new-design .stream-wrap .stream-wrap-title,
    .page-design-accompaniment .stream-wrap .stream-wrap-title {
        font-size: 6.4rem;
        letter-spacing: -0.48px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-tags span,
    .page-contacts .stream-wrap .stream-wrap-tags span,
    .page-stream .stream-wrap .stream-wrap-tags span,
    .page-projects .stream-wrap .stream-wrap-tags span,
    .page-case-new-design .stream-wrap .stream-wrap-tags span,
    .page-design-accompaniment .stream-wrap .stream-wrap-tags span {
        font-size: 3.2rem;
        letter-spacing: -0.24px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide,
    .page-contacts .stream-wrap .stream-wrap-slider__slide,
    .page-stream .stream-wrap .stream-wrap-slider__slide,
    .page-projects .stream-wrap .stream-wrap-slider__slide,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide {
        max-width: 100%;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-stream .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-projects .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title span,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title span {
        display: none;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-stream .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-projects .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--type-title b,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--type-title b {
        width: 100%;
        font-size: 3.75rem;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date a,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date a {
        font-size: 3.2rem;
        letter-spacing: -0.24px;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date div,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date div {
        display: none;
    }

    .page-main-v2 .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-contacts .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-stream .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-projects .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-case-new-design .stream-wrap .stream-wrap-slider__slide--link-date span,
    .page-design-accompaniment .stream-wrap .stream-wrap-slider__slide--link-date span {
        font-size: 3.2rem;
        letter-spacing: -0.24px;
    }

    .page-main-v2 .stream-wrap-slider-navigation,
    .page-contacts .stream-wrap-slider-navigation,
    .page-stream .stream-wrap-slider-navigation,
    .page-projects .stream-wrap-slider-navigation,
    .page-case-new-design .stream-wrap-slider-navigation,
    .page-design-accompaniment .stream-wrap-slider-navigation {
        display: none;
    }

    .video-popup-close {
        width: 10rem;
        height: 10rem;
    }

    .video-popup-close::before,
    .video-popup-close::after {
        height: 1px;
    }

    .text-form-open {
        width: 100%;
        font-size: 5.86666667rem;
        margin: 21.33333333rem 0;
    }

    .experience-items .experience-item {
        width: 100%;
        min-height: 53px;
        padding: 5.4rem;
    }

    .experience-items .experience-item.size-1 {
        width: 100%;
    }

    .experience-items .experience-item.size-2 {
        width: 100%;
    }

    .experience-items .experience-item .experience-item--num {
        font-size: 6.4rem;
        line-height: 120%; /* 28.8px */
        letter-spacing: -0.48px;
        margin-bottom: 16rem;
    }

    .experience-items .experience-item .experience-item--text {
        font-size: 3.75rem;
        line-height: 130%; /* 18.2px */
        letter-spacing: -0.14px;
    }

    [data-barba-namespace="case"] .first-screen {
        min-height: calc(var(--vh, 1vh) * 100 - 14rem - 20rem);
        padding-bottom: 0;
        padding-top: 8rem;
        justify-content: flex-start;
    }

    [data-barba-namespace="case"] .first-screen__hide {
        min-height: calc(var(--vh, 1vh) * 100 - 14rem - 20rem);
    }

    [data-barba-namespace="case"] .top h1 {
        font-size: 10rem;
        margin-top: 0 !important;
    }

    [data-barba-namespace="case"] .section [class^="col"] > p:first-child:not(.accent) {
        margin-top: 4.7rem;
    }

    .page-case-new-design .col-s-0.top__right {
        display: none;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case {
        padding-top: 8.53333333rem;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case .top {
        padding-top: 12rem;
        padding-bottom: 16rem;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case .top .back-to-portfolio {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }

    .page-case-new-design [data-barba-namespace="case"] .top-screen-case .top .back-to-portfolio span {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        display: none;
    }

    .page-case-new-design .case-siblings {
        height: 21vh;
    }

    .page-case-new-design .case-siblings .back-link a.underline-reverse {
        display: none;
    }

    .page-case-new-design .top-screen-case-slider-thumbs {
        bottom: 11.46666667rem;
    }

    .page-case-new-design .top-screen-case-slider-thumbs .swiper-slide {
        max-width: 19.73333333rem;
        height: 13.33333333rem;
    }

    .page-case-new-design .top-screen-case-slider-thumbs .swiper-slide.swiper-slide-thumb-active {
        max-width: 23.2rem;
        height: 17.06666667rem;
    }

    .page-case-new-design .case-title,
    .page-case-new-design .top [class^="col"] .case-title {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        margin-top: 0 !important;
    }

    .page-case-new-design [data-barba-namespace="case"] .first-screen--footer {
        padding-bottom: 2.13333333rem;
    }

    .page-case-new-design .section.section-team {
        border: none;
        margin-bottom: 21.33333333rem;
    }

    .page-case-new-design .section p {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .page-case-new-design .section ul li,
    .page-case-new-design .section ol li {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
        margin-left: 4.26666667rem;
    }

    .page-case-new-design .section ol li {
        padding-left: 5.20833333rem;
    }

    .page-case-new-design .section ol li {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
        margin-left: 4.26666667rem;
    }

    .page-case-new-design .section ol li:before {
        left: -5.98958333rem;
    }

    .page-case-new-design .section ul li {
        padding-left: 5.20833333rem;
    }

    .page-case-new-design .section ul li:before {
        width: 5.72916667rem;
        height: 5.72916667rem;
        left: -5.72916667rem;
        top: 0.52083333rem;
    }

    .page-case-new-design .first-screen-case {
        margin-top: 17.33333333rem;
    }

    .page-case-new-design .top-screen-case h1 {
        font-size: 6.4rem;
        line-height: 120%; /* 52.8px */
        letter-spacing: -0.064rem;
    }

    .page-case-new-design .case-info {
        margin-bottom: 16rem;
    }

    .page-case-new-design .case-info span {
        font-size: 3.2rem;
        line-height: 120%;
        letter-spacing: -0.032rem;
    }

    .page-case-new-design .case-info__services-list,
    .page-case-new-design .case-info__links {
        gap: 2.66666667rem 0;
    }

    .page-case-new-design .case-info__services-list span,
    .page-case-new-design .case-info__links span {
        font-size: 3.2rem;
        line-height: 120%;
        letter-spacing: -0.032rem;
        margin: 0;
    }

    .case-title,
    .top [class^="col"] .case-title {
        font-size: 10rem;
        margin-top: 0 !important;
    }

    .close-project-link {
        padding-right: 5rem;
    }

    .close-project-link:after {
        width: calc(100% - 5rem);
    }

    .close-project-link__1,
    .close-project-link__2 {
        width: 4rem;
    }

    .case-info-description p {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .case-info-description-box {
        flex-direction: row;
        margin-bottom: 9.33333333rem;
    }

    .case-info-description-box .case-info-description__left > span:first-child,
    .case-info-description-box .case-info-description__right > span:first-child {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        margin-bottom: 4.26666667rem;
    }

    .case-info-description-box .case-info-description__left {
        width: 50%;
        gap: 0;
        padding-right: 2.2rem;
    }

    .case-info-description-box .case-info-description__left span:last-child.case-info-year {
        position: static;
        margin-top: 4.26666667rem;
    }

    .case-info-description-box .case-info-description__left span {
        font-size: 3.2rem;
        line-height: 120%; /* 23.4px */
        letter-spacing: -0.032rem;
    }

    .case-info-description-box .case-info-description__right {
        width: 50%;
        padding-left: 2.2rem;
    }

    .case-info-description-box .case-info-description__right a {
        font-size: 3.2rem;
        line-height: 120%; /* 23.4px */
        letter-spacing: -0.032rem;
    }

    .case-info-description-box .case-info-description__right ul {
        gap: 2.66666667rem 0;
    }

    .case-info-description-box .case-info-description__right ul li {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .case-info .case-info__top a {
        font-size: 3.2rem;
        line-height: 120%;
        letter-spacing: -0.032rem;
    }

    .case-info:before {
        left: 2.2rem;
        right: 2.2rem;
    }

    .case-info {
        padding-top: 9rem;
        display: flex;
        flex-grow: 2;
        align-content: space-between;
    }

    .case-info:before {
        content: none;
    }

    .case-info .accent {
        font-size: 4rem;
        line-height: 1.3;
    }

    .case-info__top {
        margin-bottom: 5rem;
        flex-shrink: 0;
    }

    .case-info__mobile-top {
        margin-top: 6rem;
        position: relative;
        padding-top: 9rem;
    }

    .case-info__mobile-top:before {
        content: "";
        display: block;
        position: absolute;
        left: 2.2rem;
        right: 2.2rem;
        top: 0;
        border-top: 1px solid #b5b5b5;
    }

    .case-info__params p {
        margin: 4.7rem 0;
    }

    .case-info__1,
    .case-info__2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        flex-shrink: 2;
    }

    .case-images {
        margin-top: 6.3rem;
        margin-bottom: 18rem;
    }

    .case-images + .section .section-head--notitle + .row {
        margin-top: -16.3rem;
    }

    .case-images__row {
        flex-wrap: wrap;
        margin-left: -2.2rem;
        margin-right: -2.2rem;
        margin-bottom: -6.3rem;
    }

    .case-img {
        padding-right: 2.2rem;
        padding-left: 2.2rem;
        margin-bottom: 6.3rem;
    }

    .case-img--size-2 {
        width: 100%;
    }

    .case-img--size-1 {
        width: 100%;
    }

    .case-bottom:before {
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
    }

    .case-bottom {
        padding-top: 8rem;
    }

    .case-bottom__line {
        margin-bottom: 9rem;
    }

    .case-bottom__title-wrap {
        margin-bottom: 7.5rem;
        min-height: 6rem;
    }

    .case-bottom__footer {
        flex-direction: row-reverse;
        margin-top: 11rem;
        margin-bottom: 10rem;
    }

    .case-bottom__footer > [class^="col-"]:nth-child(1) {
        order: 2;
    }

    .case-bottom__footer > [class^="col-"]:nth-child(1) p:last-child {
        margin-bottom: 0;
    }

    .case-bottom__footer > [class^="col-"]:nth-child(2) {
        order: 1;
    }

    .case-bottom__footer p {
        margin-bottom: 14rem;
    }

    .case-img__title {
        font-size: 3.4rem;
        margin-bottom: 2rem;
    }

    .case-img__text {
        width: 100%;
    }

    .case-siblings {
        padding-top: 0;
        border-top: 0;
    }

    .case-siblings .first-screen {
        min-height: calc(var(--vh, 1vh) * 100 - 14rem - 20rem - 8rem);
        padding-top: 0;
        padding-bottom: 2rem;
    }

    .case-siblings__next {
        height: calc(100vh - 2rem);
    }

    .case-all:before {
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
    }

    .section-case-team-item b {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .section-case-team-item span {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .section-case-team-title {
        font-size: 4.8rem;
        line-height: 120%;
        letter-spacing: -0.048rem;
        margin-bottom: 8.53333333rem;
    }

    .section-subtitle {
        font-size: 6.4rem;
        letter-spacing: -0.064rem;
    }

    [data-barba-namespace="404"] {
        position: relative;
    }

    [data-barba-namespace="404"] > .wrap.content {
        width: 100%;
    }

    [data-barba-namespace="404"] .first-screen {
        min-height: 100vh;
        height: 100vh;
        display: flex;
        padding: 0;
        overflow: hidden;
        margin-top: -14vw;
    }

    [data-barba-namespace="404"] .top {
        display: none;
    }

    [data-barba-namespace="404"] .marquee {
        width: 100vh;
        top: 50%;
        margin-left: -50vh;
        transform: translateY(-50%) rotate(90deg);
    }

    .page-unsubscribe-success .subscribe-wrap__title,
    .page-subscribe-success .subscribe-wrap__title {
        font-size: 9rem;
        line-height: 115%;
    }

    .subscribe-wrap {
        flex-wrap: wrap;
        height: auto;
    }

    .subscribe-wrap:after {
        top: 47vh;
    }

    .subscribe-wrap__content {
        width: 100%;
    }

    .subscribe-wrap__img {
        width: 100%;
        justify-content: flex-end;
        top: 8vh;
    }

    .subscribe-wrap__img img {
        position: relative;
        width: 59vw;
        margin-top: 4rem;
        right: -4rem;
    }

    .subscribe-wrap__title-wrap {
        margin-top: 9.8rem;
        margin-bottom: 4.5rem;
    }

    .subscribe-wrap__title {
        font-size: 10rem;
        line-height: 12rem;
    }

    .subscribe-wrap__text {
        width: 70%;
        max-width: 70%;
    }

    .subscribe-wrap__text p {
        font-size: 4rem;
        line-height: 4.5rem;
    }

    .subscribe-back-link-wrap {
        bottom: 6.5rem;
    }

    .page-subscribe .content {
        min-height: calc(100vh - 20rem);
    }

    .page-subscribe .subscribe-content-wrap,
    .page-subscribe .first-screen {
        min-height: calc(100vh - 34rem);
    }

    .page-subscribe .subscribe-content-upper-block h1 {
        font-size: 3.2rem;
    }

    .page-subscribe .subscribe-popup-form-wrap.grey-form .form__submit {
        max-width: 40rem;
        font-size: 3rem;
        padding: 2.66666667rem 0;
    }

    .page-subscribe .input-text-line .form-column__input {
        padding: 3.5rem 0 !important;
    }

    .page-subscribe .input-text-line {
        margin-bottom: 3.5rem !important;
    }

    .page-subscribe .form-column__input,
    .page-subscribe .form-column__label {
        font-size: 3.3rem;
    }

    .page-subscribe .subscribe-popup-form__submit-block {
        width: 100%;
        max-width: 70% !important;
    }

    .page-subscribe .subscribe-popup-form__agree-text {
        max-width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 2.3rem !important;
        line-height: 115% !important;
    }

    .subscribe-popup-form-wrap.grey-form {
        padding: 6rem 0 23rem 0;
        margin-left: -5rem !important;
    }

    .subscribe-popup-form-wrap.grey-form .form__submit {
        margin-bottom: 0 !important;
    }

    .subscribe-popup-form-wrap {
        margin-bottom: 9rem;
    }

    .subscribe-popup-form__agree-text {
        width: 94%;
        font-size: 3.2rem !important;
        line-height: 120% !important;
    }

    .subscribe-popup-form__inner {
        flex-wrap: wrap;
    }

    .subscribe-popup-form__inner .error-label,
    .subscribe-popup-form__inner .form-column__label {
        font-size: 3.3rem !important;
    }

    .subscribe-popup-form__inner .error-label {
        margin-top: -0.4rem;
        font-size: 2.2rem !important;
    }

    .subscribe-popup-form__inner .input-text-line {
        width: 100%;
        margin-bottom: 7.5rem;
    }

    .subscribe-popup-form__inner .input-text-line .form-column__input {
        padding: 5rem 0;
    }

    .subscribe-popup-form__submit-block {
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .popup-subscribe-content__text {
        display: block;
    }

    .popup-subscribe-content__title .accent,
    .popup-subscribe-content__title p.accent {
        /*font-size: 16px;
            margin-bottom: 32px;*/
        font-size: 2.08333333rem;
        margin-bottom: 4.16666667rem;
    }

    .popup-subscribe-content__subtitle {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 10rem;
    }

    .popup-subscribe-content__subtitle p {
        width: 80%;
        font-size: 4.5rem;
        line-height: 120%;
    }

    .subscribe-letter-items {
        gap: 3.5rem 0;
    }

    .subscribe-letter-item {
        width: 50%;
    }

    .subscribe-letter-item__icon {
        /*width: 16px;
        height: 16px;*/
        width: 10rem;
        height: 10rem;
    }

    .subscribe-letter-item__icon img {
        max-width: 7rem;
    }

    .subscribe-runline {
        width: 100vw;
    }

    .subscribe-content-wrap {
        padding-top: 3.5rem;
    }

    .subscribe-content-wrap p {
        font-size: 3.2rem;
    }

    .subscribe-content-wrap .accent,
    .subscribe-content-wrap p.accent {
        font-size: 4.2rem;
    }

    .subscribe-content-wrap .subscribe-content__title {
        margin-top: 6rem;
    }

    .subscribe-content-wrap .popup-subscribe-content__subtitle {
        max-width: 90%;
    }

    .subscribe-content-wrap .popup-subscribe-content__subtitle p {
        width: 100%;
        font-size: 3.2rem;
    }

    .subscribe-content-wrap .subscribe-letter-items {
        max-width: 90%;
        gap: 2.4rem 0;
    }

    .subscribe-content-wrap .subscribe-letter-item__text p {
        font-size: 3.2rem;
    }

    .subscribe-popup-form-success-wrap .popup-subscribe-content__subtitle br {
        display: none;
    }

    .popup-bottom .subscribe-popup-form-success-wrap {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .subscribe-popup-form-success-wrap {
        padding: 0 5rem;
    }

    .page-design-accompaniment [data-barba-namespace="design-accompaniment"] .wrap {
        width: 90rem;
    }

    .page-design-accompaniment
        [data-barba-namespace="design-accompaniment"]
        .get-in-touch.get-in-touch-design-accompaniment
        .form__submit {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .page-design-accompaniment
        [data-barba-namespace="design-accompaniment"]
        .get-in-touch.get-in-touch-design-accompaniment
        .form-column__input {
        font-size: 3.85rem;
    }

    .page-design-accompaniment .header.form-layer__header {
        height: 0;
    }

    .page-design-accompaniment._form-open .header.form-layer__header {
        height: 17.33333333rem;
    }

    .page-design-accompaniment .get-in-touch-wrap {
        margin: 0 -5rem;
    }

    .page-design-accompaniment .input-text-line {
        margin-bottom: 6rem;
    }

    .page-design-accompaniment .input-text-line .form-column__label {
        font-size: 3.85rem;
        top: 0;
        outline: none;
    }

    .design-accompaniment-img {
        margin: 8rem -5rem 11rem;
    }

    .slider-awards.random-slider {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .rewards .slider-awards .random-slider__inner .random-slider__slide-desc-wrap {
        height: 320px;
        margin-bottom: 4rem;
    }

    .rewards .slider-awards .random-slider__inner .random-slider__slide {
        width: 100%;
        margin-left: 0 !important;
    }

    .rewards .slider-awards .random-slider__inner .random-slider__slide-subtitle {
        font-size: 32rem;
        line-height: 32rem;
    }

    .rewards .slider-awards .random-slider__inner .random-slider__slide-desc {
        font-size: 3.5rem;
    }

    .rewards .slider-awards .random-slider__inner .random-slider__slide-text {
        font-size: 4rem;
        line-height: 157%;
    }

    .form-design-accompaniment .form__checkbox-cell {
        width: 100%;
        font-size: 2.1rem !important;
    }

    .form-design-accompaniment .form__checkbox-cell span {
        font-size: 2.1rem !important;
    }

    .form-design-accompaniment .subscribe-popup-form__agree-block {
        width: 100%;
        margin-bottom: 3.4rem;
    }

    .form-design-accompaniment .subscribe-popup-form__agree-text {
        font-size: 2.1rem !important;
    }

    .form-design-accompaniment .input-text-line {
        width: 100%;
    }

    .form-design-accompaniment .input-text-line__inner .error-label {
        font-size: 3.85rem !important;
        margin-top: 6.5rem;
    }

    .cases-item__logo img {
        width: 100%;
    }

    .page-stream .events-wrap.events-future,
    .page-projects .events-wrap.events-future {
        margin-bottom: 0;
    }

    .page-stream .events-list .events-item__left,
    .page-projects .events-list .events-item__left {
        width: 100%;
    }

    .page-stream .events-list .events-item-title,
    .page-projects .events-list .events-item-title {
        font-size: 4.28rem;
    }

    .page-stream .stream-wrap-events .stream-wrap-slider__slide--content,
    .page-projects .stream-wrap-events .stream-wrap-slider__slide--content {
        width: 100%;
    }

    .page-stream .stream-wrap-events .stream-slider-link,
    .page-projects .stream-wrap-events .stream-slider-link {
        font-size: 3.73333333rem;
        line-height: 127%;
        padding: 1.86666667rem 5.06666667rem;
        letter-spacing: -0.07466667rem;
    }

    .page-stream .stream-wrap .stream-wrap-top,
    .page-projects .stream-wrap .stream-wrap-top {
        margin-bottom: 5.33333333rem;
    }

    .page-stream .stream-wrap .stream-wrap-top .stream-wrap-slider-navigation,
    .page-projects .stream-wrap .stream-wrap-top .stream-wrap-slider-navigation {
        margin-left: 0;
    }

    .page-stream .stream-wrap .stream-wrap-title,
    .page-projects .stream-wrap .stream-wrap-title {
        font-size: 6.4rem;
        letter-spacing: -0.064rem;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide .stream-wrap-slider__slide-box,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide .stream-wrap-slider__slide-box {
        flex-direction: column;
        gap: 5.33333333rem 0;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small {
        width: 73.433%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big {
        width: 73.433%;
    }

    .page-stream
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img
        .stream-wrap-slider__slide--img,
    .page-projects
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img
        .stream-wrap-slider__slide--img {
        padding-bottom: 55.523%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium.swiper-slide-big-img {
        width: 100%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium,
    .page-projects .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium {
        width: 100%;
    }

    .page-stream .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle,
    .page-projects
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle {
        width: 100%;
    }

    .page-stream
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle
        .stream-wrap-slider__slide--img,
    .page-projects
        .stream-wrap-slider-content
        .stream-wrap-slider__slide.slide-medium.slide-medium--rectangle
        .stream-wrap-slider__slide--img {
        padding-bottom: 55.65%;
    }

    .all-events-content .stream-wrap {
        flex-direction: column;
        gap: 4.26666667rem;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle {
        width: 100%;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle + .stream-slide-rectangle {
        width: 100%;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-rectangle + .stream-slide-square {
        width: 100%;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-square {
        width: 100%;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-square:first-child {
        width: 100%;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-square + .stream-slide-square {
        width: 100%;
    }

    .all-events-content .stream-wrap .swiper-slide.stream-slide-square + .stream-slide-rectangle {
        width: 100%;
    }

    .all-events-content .stream-wrap .swiper-slide .stream-wrap-slider__slide--img {
        margin-bottom: 3.2rem;
    }

    .all-events-content .stream-wrap .swiper-slide {
        padding: 2.13333333rem;
    }

    .stream-title {
        font-size: 6.4rem;
    }

    .events-future .stream-title {
        font-size: 6.4rem;
        letter-spacing: -0.24px;
        margin-bottom: 50px;
    }

    .all-events .stream-title {
        margin-bottom: 10.65rem;
    }

    .all-events-filters {
        flex-direction: column;
        gap: 10.66666667rem;
        margin-bottom: 21.33333333rem;
    }

    .all-events-filters > div {
        width: 100%;
    }

    .events-subtitle {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        margin-bottom: 4.26666667rem;
    }

    .stream-wrap._events .stream-content .stream-card.event .stream-card-img {
        height: 126px;
    }

    .stream-wrap._events .stream-content .stream-card.event .stream-card-img img {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .future-events .stream-card {
        width: 100%;
    }

    .title-events {
        font-size: 24px;
        letter-spacing: -0.48px;
        margin-bottom: 32px;
    }

    .stream-types {
        margin: 0 -18.5px 0 -19px;
        padding: 0 16px;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .stream-types::-webkit-scrollbar {
        width: 0px;
        display: none;
    }

    .stream-tags {
        max-width: 100%;
    }

    .stream-content {
        gap: 32px 0;
    }

    .stream-card {
        width: 100%;
    }

    .stream-card:nth-child(6n - 5) {
        margin-left: initial;
    }

    .stream-card:nth-child(6n - 3) {
        margin-right: initial;
    }

    .stream-card-img {
        padding-bottom: 73%;
    }

    .stream-card-title {
        margin-bottom: 0;
    }

    .stream-card-speaker-post {
        font-size: 10px;
    }

    .stream-tags:after,
    .stream-tags:before {
        top: 3.5rem;
    }

    .anchor {
        right: 16px;
        bottom: 50px;
    }

    .stream-top {
        margin-top: 16rem;
        gap: 8.53333333rem 0;
        margin-bottom: 16rem;
    }

    .stream-top._animate p {
        opacity: 1;
    }

    .stream-top h1 {
        font-size: 8.53333333rem;
        line-height: 120%;
        letter-spacing: -0.08533333rem;
    }

    .stream-top p {
        opacity: 0;
        transition:
            transform 0.8s ease,
            opacity 0.25s linear;
        transition-delay: 0.15s;
    }

    .stream-top .stream-top__right p {
        font-size: 3.73333333rem;
        letter-spacing: -0.03733333rem;
    }

    .stream-top .event-autors span,
    .stream-top .event-link span {
        white-space: nowrap;
        font-size: 3.2rem;
    }

    .stream-top-mobile-title {
        font-size: 8.54rem;
        margin-top: 17rem;
        margin-bottom: 5.4rem;
    }

    .stream-top-event .event-title {
        width: 100%;
        font-size: 4.28rem;
        padding-right: 12.8rem;
    }

    .stream-top-event .event-theme {
        width: 48%;
        padding-right: 2.22rem;
        gap: 5px 0;
    }

    .stream-top-event .event-theme span {
        font-size: 3.2rem;
    }

    .stream-top-event .event-autors {
        width: 43%;
    }

    .stream-top-event .event-link {
        display: none;
    }

    .stream-top-event__img {
        padding-bottom: 99.703%;
        margin-bottom: 2.7rem;
    }

    .stream-top-event__info {
        align-items: flex-end;
        gap: 10.8rem 0;
    }

    .event-speakers {
        flex-direction: column;
        gap: 13.33333333rem 0;
        margin: 26.66666667rem 0 26.66666667rem 0;
    }

    .event-speakers-title a.underline {
        display: block;
        width: -webkit-fit-content;
        width: fit-content;
    }

    .event-speakers-title {
        font-size: 6.4rem;
        letter-spacing: -0.064rem;
    }

    .stream-wrap-slider__slide--top {
        margin-bottom: 2.13333333rem;
    }

    .stream-wrap-slider .stream-wrap-slider__slide--img {
        width: 100%;
        padding-bottom: 64.78%;
    }

    .stream-slider-title {
        width: 100%;
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
        margin-bottom: 5.33333333rem;
    }

    .anchor-filters-mobile {
        right: 5.33333333rem;
        bottom: 5.33333333rem;
        gap: 0 2.13333333rem;
        padding: 4.26666667rem 6.4rem;
        border-radius: 16rem;
    }

    .anchor-filters-mobile span {
        font-size: 3.2rem;
        letter-spacing: 0.032rem;
    }

    .stream-slider-date-types {
        margin-bottom: 5.33333333rem;
    }

    .stream-slider-date-types span {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .stream-wrap-slider__slide--content-top {
        margin-bottom: 10px;
    }

    .stream-slider-autors {
        margin-left: 0;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .stream-slider-autors span {
        font-size: 3.2rem;
    }

    .stream-slider-themes {
        gap: 2.13333333rem;
        margin-bottom: 3.2rem;
    }

    .stream-slider-themes span {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .hot-news-top {
        margin-bottom: 8.53333333rem;
    }

    .hot-news-top .stream-wrap-slider-navigation {
        display: flex;
    }

    .hot-news-title {
        font-size: 6.4rem;
        letter-spacing: -0.064rem;
    }

    .stream-slider-link {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .stream-slider-date,
    .stream-slider-type {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .page-stream .all-events .stream-wrap-slider-content .stream-wrap-slider__slide.slide-small,
    .page-stream .all-events .stream-wrap-slider-content .stream-wrap-slider__slide.slide-medium,
    .page-stream .all-events .stream-wrap-slider-content .stream-wrap-slider__slide.slide-big {
        width: 100%;
    }

    .all-events-types,
    .all-events-theme {
        gap: 3.2rem;
    }

    .all-events-types > div,
    .all-events-theme > div {
        font-size: 16px;
        letter-spacing: -0.16px;
        margin-bottom: 4rem;
    }

    .all-events-top {
        flex-direction: column;
        gap: 5.33333333rem;
        margin-bottom: 10.66666667rem;
    }

    .all-events-top .all-events-top__left,
    .all-events-top .all-events-top__right {
        width: 100%;
    }

    .all-events-top .all-events-top__right p {
        max-width: 85%;
        font-size: 3.73333333rem;
        letter-spacing: -0.03733333rem;
    }

    .btn-more-events {
        margin-top: 16rem;
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .all-events-filter-btn span {
        font-size: 3.2rem;
    }

    .event-speakers__left {
        width: 100%;
    }

    .event-speakers__right {
        width: 100%;
        gap: 3.90625rem 0;
        flex-direction: column-reverse;
        opacity: 0;
        transition: opacity 1.25s linear;
        transition-delay: 0.85s;
    }

    .event-speakers__right div {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 10.66666667rem 0;
    }

    .event-speakers__right div:last-child {
        padding-bottom: 8rem;
        border-bottom: 1px solid #eaeaea;
    }

    .event-speakers__right div span,
    .event-speakers__right div a {
        font-size: 3.725rem;
    }

    .events-filters-accordeon._active .events-subtitle {
        font-size: 16px;
        letter-spacing: -0.00833333rem;
    }

    .events-filters-accordeon .events-subtitle {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        padding-bottom: 4.8rem;
    }

    .events-filters-accordeon__top {
        gap: 5.86666667rem;
    }

    .active-filters {
        overflow-x: auto;
        padding-right: 7.46666667rem;
    }

    .events-filters-accordeon-arrow {
        top: 34%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        background: #fff;
        z-index: 85;
    }

    .events-filters-accordeon-arrow img {
        width: 16px;
        height: 16px;
    }

    .active-filters__item span {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .all-events-filters-box {
        margin-bottom: 16rem;
    }

    .stream-detail-top {
        margin-top: 16rem;
        margin-bottom: 5.33333333rem;
    }

    .stream-detail-top h1 {
        font-size: 8.53333333rem;
        letter-spacing: -0.08533333rem;
        margin: 8.53333333rem 0 5.33333333rem 0;
    }

    .stream-detail-back span {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .stream-detail-tags {
        gap: 0 3.2rem;
    }

    .stream-detail-tags span {
        padding: 2.13333333rem 4.26666667rem;
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .stream-detail-content {
        margin-bottom: 26.66666667rem;
    }

    .stream-detail-content .case-img--size-2 {
        width: 50%;
    }

    .stream-detail-content + .stream-wrap-events .stream-wrap-top {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10.4rem;
    }

    .page-stream .stream-detail-content + .stream-wrap-events .stream-wrap-title {
        font-size: 6.4rem;
        letter-spacing: -0.064rem;
    }

    .stream-detail-content .case-images {
        margin-top: 10.4rem;
    }

    .stream-detail-content p {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .stream-wrap + .event-speakers {
        margin-top: 26.66666667rem;
        margin-bottom: 26.66666667rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide {
        width: 100%;
        box-sizing: border-box;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--top {
        margin-bottom: 4.26666667rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide-box {
        padding: 4.26666667rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-type,
    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-date {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-themes {
        margin-bottom: 5.33333333rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-themes span {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-title {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
        margin-bottom: 10.4rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-wrap-slider__slide--img {
        margin-bottom: 5.33333333rem;
    }

    .stream-wrap-slider-three-row .stream-wrap-slider__slide .stream-slider-link {
        padding: 0;
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .two-column-box {
        flex-direction: column;
        gap: 0;
    }

    .two-column-box > div {
        width: 100%;
    }

    .two-column-box > div:last-child {
        width: 100%;
    }

    .contacts-links,
    .contacts-info {
        gap: 0;
    }

    .contacts-info {
        padding: 0;
    }

    .contacts-info .contacts-info-item {
        gap: 50px 0;
    }

    .contacts-info .contacts-info-item:last-child {
        border: none;
    }

    .contacts-info .contacts-info-item > div p {
        font-size: 3.75rem;
    }

    .policy-text {
        width: 88%;
    }

    .policy-text p {
        font-size: 3.2rem;
        margin-bottom: 5.35rem;
    }

    .policy-text a {
        font-size: 3.2rem;
    }

    .contacts-links-item,
    .contacts-info-item {
        flex-direction: column;
        gap: 50px 0;
        padding-top: 8rem;
        padding-bottom: 8rem;
        border-bottom: 1px solid #eaeaea;
    }

    .contacts-links-item span,
    .contacts-info-item span {
        font-size: 3.75rem;
        width: 100%;
    }

    .contacts-links-item > div a,
    .contacts-info-item > div a,
    .contacts-links-item > div span,
    .contacts-info-item > div span {
        font-size: 3.75rem;
    }

    .contacts-social .two-column-box__right {
        justify-content: flex-start;
        padding-right: 0;
    }

    .contacts-social-title {
        font-size: 6.4rem;
    }

    .contacts-social-list a {
        font-size: 3.2rem;
    }

    .person-list {
        flex-direction: column;
        margin-top: 26.65rem;
        gap: 68px 0;
        margin-bottom: 41.35rem;
    }

    .person-list-item--img {
        height: 0;
        margin-bottom: 5.35rem;
        padding-bottom: 100%;
    }

    .person-list-item--img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .person-list-item--name {
        font-size: 6.4rem;
        margin-bottom: 2.65rem;
    }

    .person-list-item--post {
        font-size: 3.2rem;
    }

    .person-list-item--desc {
        margin-top: 10.65rem;
    }

    .person-list-item--desc p {
        font-size: 3.75rem;
    }

    .person-list-item--mail span {
        font-size: 3.2rem;
    }

    .person-list-item--mail a {
        font-size: 3.2rem;
    }

    ._person-size-1 {
        width: 100%;
    }

    ._person-size-1 .person-list-item--mail {
        margin-top: 10.65rem;
    }

    ._person-size-2 {
        width: 100%;
    }

    ._person-size-2 .person-list-item--desc {
        gap: 0;
    }

    ._person-size-2 .person-list-item--img {
        height: auto;
    }

    ._person-size-2 .person-list-item--mail {
        margin-top: 10.65rem;
    }

    ._person-size-3 {
        flex-direction: column;
    }

    ._person-size-3 .person-list-item--img {
        width: 100%;
        margin-bottom: 5.35rem;
    }

    ._person-size-3 .person-list-item--desc {
        margin-top: 10.65rem;
    }

    ._person-size-3 .person-list-item--mail {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 10.65rem;
    }

    ._person-size-3 .person-list-item-content {
        width: 100%;
    }

    .page-projects .footer-showreel {
        margin-bottom: 26.66666667rem;
    }

    .page-category-new .row {
        margin-left: 0;
        margin-right: 0;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth {
        padding-top: 20rem;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top {
        flex-direction: column;
    }

    .page-category-new
        [data-barba-namespace="category"]
        .first-screen.first-screen-fullwidth
        .top
        .col-6:first-child {
        width: 100%;
    }

    .page-category-new
        [data-barba-namespace="category"]
        .first-screen.first-screen-fullwidth
        .top
        .col-6:last-child {
        width: 100%;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top h1 {
        font-size: 8.53333333rem;
        letter-spacing: -0.08533333rem;
        margin-bottom: 8.53333333rem;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen.first-screen-fullwidth .top p {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .page-category-new .top-description {
        margin-top: 21.33333333rem;
        gap: 0 5.33333333rem;
        justify-content: space-between;
    }

    .page-category-new .top-description__item small {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        margin-bottom: 0.8rem;
    }

    .page-category-new .top-description__item b {
        font-size: 7.46666667rem;
        margin-right: 1.06666667rem;
    }

    .page-category-new .top-description__item span {
        font-size: 2.93333333rem;
        letter-spacing: -0.01432292rem;
        max-width: 75%;
    }

    .page-category-new .partners-list {
        gap: 6.4rem 5.33333333rem;
        justify-content: flex-start;
    }

    .page-category-new .partners-item {
        width: calc(25% - 5.33333333rem * 3 / 4);
    }

    .page-category-new .partners-item:last-child,
    .page-category-new .partners-item:nth-last-child(2) {
        display: none;
    }

    .page-category-new .information-block {
        margin-top: 26.66666667rem;
        margin-bottom: 26.66666667rem;
    }

    .page-category-new .information-block .row {
        gap: 0 5.33333333rem;
    }

    .page-category-new .information-block .col-6 {
        width: calc(50% - 5.33333333rem * 1 / 2);
    }

    .page-category-new .information-block p {
        font-size: 3.2rem;
    }

    .page-category-new .information-block-title {
        font-size: 6.4rem;
        margin-bottom: 13.33333333rem;
    }

    .page-category-new .projects-list {
        margin-top: 26.66666667rem;
        row-gap: 10.66666667rem;
    }

    .page-category-new .projects-list .projects-list__left {
        width: 100%;
    }

    .page-category-new .team-specifications {
        flex-direction: column;
        margin-top: 26.66666667rem;
        margin-bottom: 26.66666667rem;
        gap: 13.33333333rem 0;
    }

    .page-category-new .team-specifications-item {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        gap: 5.33333333rem;
    }

    .page-category-new .specifications-title {
        font-size: 4.26666667rem;
        width: calc(50% - 5.33333333rem * 1 / 2);
    }

    .page-category-new .specifications-list {
        gap: 4.26666667rem 0;
        width: calc(50% - 5.33333333rem * 1 / 2);
    }

    .page-category-new .specifications-list span {
        font-size: 3.2rem;
    }

    .page-category-new .experience-title {
        font-size: 6.4rem;
        margin-bottom: 13.33333333rem;
    }

    .page-category-new .category-big-title {
        font-size: 6.4rem;
        margin-bottom: 13.33333333rem;
    }

    .page-category-new .category-text-information {
        margin-top: 26.66666667rem;
        margin-bottom: 26.66666667rem;
    }

    .page-category-new .category-text-right {
        font-size: 3.2rem;
        letter-spacing: 0;
    }

    .page-category-new .category-subtitle {
        font-size: 4.26666667rem;
        margin-bottom: 0;
    }

    .page-category-new .category-specialist-list {
        width: 44.65%;
        gap: 4.26666667rem 0;
    }

    .page-category-new .category-specialist-list div {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .page-category-new .category-list-items {
        gap: 0 5.33333333rem;
    }

    .page-category-new .category-company-information.footer-top {
        padding: 0;
    }

    .page-category-new .category-large-title {
        font-size: 6.4rem;
        margin-bottom: 16rem;
    }

    .page-category-new .category-large-title .underline {
        font-size: 6.4rem;
    }

    .page-category-new .category-large-title .underline::after {
        border-bottom: 0.07em solid currentColor;
    }

    .page-category-new [data-barba-namespace="category"] .case-siblings {
        margin-top: 26.66666667rem;
        height: 18vh;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen--footer .row {
        justify-content: space-between;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen--footer .row .top__right.col-s-4 {
        width: 55%;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen--footer .row .top__right a {
        font-size: 3.73333333rem;
        line-height: 4.48rem;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen__hide {
        min-height: calc(var(--vh, 1vh) * 100 - 14rem - 20rem);
    }

    .page-category-new .case-title,
    .page-category-new .top [class^="col"] .case-title {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        margin-top: 0 !important;
    }

    .page-category-new [data-barba-namespace="category"] .first-screen--footer {
        padding-bottom: 2.13333333rem;
    }

    .page-category-new .appear-steps-working-wrap {
        height: 135vh;
        margin-bottom: 160rem;
    }

    .page-category-new .steps-working-wrap .steps-working-small-title {
        padding: 6.4rem 0;
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .page-category-new .steps-working-wrap .row > div:first-child {
        width: 100%;
    }

    .page-category-new .steps-working-wrap .row > div:last-child {
        width: 100%;
    }

    .page-category-new .steps-working-title {
        font-size: 6.4rem;
        margin-bottom: 13.33333333rem;
    }

    .page-category-new .steps-working-subtitle {
        font-size: 5.33333333rem;
        letter-spacing: -0.05333333rem;
        margin-top: 0;
        margin-bottom: 10.66666667rem;
    }

    .page-category-new .steps-working-text p {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .page-category-new .steps-working-group {
        margin-bottom: 21.33333333rem;
    }

    .page-category-new .steps-working-list .row {
        flex-direction: column;
    }

    .page-category-new .quest-solution .col-6 {
        width: 100%;
    }

    .page-category-new .quest-solution .steps-working-subtitle {
        font-size: 6.4rem;
        letter-spacing: 0;
        margin-bottom: 13.33333333rem;
    }

    .page-category-new .category-specialist-wrap .row {
        flex-direction: column;
    }

    .page-category-new .category-specialist-wrap .row > div:first-child {
        width: 100%;
        margin-bottom: 8.53333333rem;
    }

    .page-category-new .category-specialist-wrap .row > div:last-child {
        width: 100%;
    }

    .page-category-new .projects-list {
        margin-top: 13.33333333rem;
    }

    .page-category-new .format-work-box {
        flex-direction: column;
        justify-content: flex-start;
        gap: 6.4rem 0;
    }

    .page-category-new .format-work-box__left {
        width: 100%;
    }

    .page-category-new .format-work-box__right {
        width: 100%;
        height: 33.6rem;
    }

    .page-category-new .format-work-title {
        font-size: 6.4rem;
        margin-bottom: 13.33333333rem;
    }

    .page-category-new .format-work-box__left {
        gap: 5.33333333rem;
    }

    .page-category-new .format-work-subtitle {
        font-size: 4.8rem;
        line-height: 130%;
        letter-spacing: -0.048rem;
    }

    .page-category-new .format-work-item {
        font-size: 4.26666667rem;
        line-height: 130%;
        letter-spacing: -0.04266667rem;
    }

    .page-category-new .category-text-information {
        margin: 13.33333333rem 0;
    }

    .page-category-new .category-text-information .category-text-right p {
        font-size: 3.2rem;
        line-height: 130%;
        letter-spacing: 0;
    }

    .page-category-new .footer-top__right-top {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0 5.33333333rem;
        margin-bottom: 0;
    }

    .page-category-new .footer-top__right-top .footer-column-menu--ofice {
        display: none;
    }

    .page-category-new .footer-top__right-top .footer-column-menu-title {
        margin-bottom: 8.53333333rem;
    }

    .page-category-new .footer-top__right-top .footer-column-menu {
        margin-bottom: 0;
    }

    .page-category-new .footer-top__right .footer-top__right-bottom {
        display: none;
    }

    .small-description {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        margin-bottom: 5.33333333rem;
    }

    .form--dark-columns .form-layer__inner .wrap {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    .form-column-title .title-h3,
    .form-column-title .marquee--title-3 .marquee__inner > *,
    .form-column-title .marquee--title-3 .marquee__inner:after {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 24px;
    }

    .form-column .form__files-cell {
        margin-bottom: 0;
    }

    .form-column p,
    .form-column .form__files-cell,
    .form-column .form__file-button,
    .form-column .error-label {
        font-size: 3.2rem;
    }

    .form-column .form__file-button span i {
        margin-right: 2.13333333rem;
    }

    .form-column .form-block .download-link {
        width: -webkit-fit-content;
        width: fit-content;
        font-size: 3.2rem;
        line-height: 127%;
    }

    .form-column__preview {
        margin-bottom: 48px;
    }

    .form-column__preview p {
        margin-bottom: 2rem;
    }

    .form-column__title {
        font-size: 4.3rem;
        margin-bottom: 16px;
        padding-top: 0;
        margin-top: -8px;
    }

    .form-block.form-block-description-project .download-link {
        display: block;
        margin-top: 4rem;
    }

    .form-block .form-column__label.error-label {
        font-size: 2.5rem;
    }

    html._form-open
        .form-layer-wrap.form--white
        .form-block.form-block-person-information
        .form-column__label.error-label {
        top: 115%;
    }

    html._form-open .form-layer-wrap.form--white .form-block .form-column__label.error-label {
        top: 104%;
    }

    .form-block {
        padding-bottom: 32px;
    }

    .form-layer-wrap__bottom {
        padding: 2rem 12px;
        margin: 0 -12px;
    }

    .form-block__label {
        display: block;
        font-size: 3.2rem;
        line-height: 127%;
    }

    .form-block__label-right {
        margin-top: 0;
    }

    .form-check-tags-wrapper {
        width: initial;
        margin-right: 0;
        margin-left: 0;
    }

    .form-check-tags {
        width: 850px;
        padding: 0;
    }

    .form-check-tags__col {
        min-width: 360px;
        width: 33%;
        padding-bottom: 0;
    }

    .form-check-tags__col:last-child {
        width: 33%;
    }

    .form-check-tags--line {
        width: auto;
        flex-wrap: wrap;
        white-space: normal;
    }

    .form-check-tags--line .check-tag:last-child {
        margin-right: 0;
    }

    .form-check-tags--line:after {
        content: "";
        width: 1px;
        flex-shrink: 0;
        height: 1px;
    }

    .check-tag label {
        font-size: 3.2rem;
        letter-spacing: -0.096rem;
        padding: 2.13333333rem 6.4rem 2.4rem;
        border-radius: 16rem;
    }

    .form-column__textarea {
        height: 180px;
    }

    .input-text-line input,
    .input-text-line textarea {
        font-size: 3.73333333rem;
        letter-spacing: -0.0112rem;
    }

    .input-text-line.input-text-line--two {
        flex-wrap: wrap;
    }

    .input-text-line {
        padding: 12px 0 18px;
    }

    .input-text-line .form-column__label {
        font-size: 3.2rem;
    }

    .input-text-line__inner + .input-text-line__inner {
        margin-left: 0;
        padding-top: 30px;
    }

    .form-column__input {
        width: 100%;
        font-size: 3.2rem;
        line-height: 18px;
        height: 24px;
        display: inline-block;
        box-sizing: border-box;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -2px;
    }

    .form-column__label {
        font-size: 4.2rem;
    }

    .form-white-new .form-column__label {
        margin-bottom: 1.35rem;
    }

    html._form-open
        .form-layer-wrap.form--white
        .service-list._active
        .form-block
        .form-column__label.error-label {
        top: 101%;
    }

    .show-more-tags {
        font-size: 3.2rem;
        margin-top: 5.35rem;
    }

    .form-block--bottom > .underline.open-data-policy--mobile {
        display: block;
        width: -webkit-fit-content;
        width: fit-content;
        letter-spacing: -0.05078125rem;
    }

    .form-block--bottom + .underline {
        display: none;
    }

    .form-block--bottom .label-col-2 {
        order: 1;
        width: 100%;
        gap: 8.53333333rem 0;
    }

    .form-block--bottom + .read-more-policy.desktop-only {
        display: none;
    }

    .form-block--bottom + .read-more-policy {
        margin-left: 48px;
        font-size: 11px;
    }

    .form-block--bottom > .underline:not([href^="tel:"]) {
        font-size: 3.46666667rem;
        letter-spacing: -0.104rem;
        margin: 8.53333333rem 0 8.53333333rem 0;
    }

    .form-block--bottom {
        margin: 10.66666667rem 0 16rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-layer-wrap-black-form .form-block--bottom .form__submit {
        margin-top: 6.66666667rem;
    }

    .form-block--bottom .form__submit {
        max-width: initial;
        width: 42.93333333rem;
        height: 9.06666667rem;
        line-height: 8.8rem;
        font-size: 3.73333333rem;
        letter-spacing: -0.07466667rem;
        padding: 0;
        margin-top: 0;
        order: 3;
    }

    .form-block--bottom .form__checkbox-cell {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .form-block--bottom .form__checkbox-cell:first-child {
        width: 100%;
    }

    .form-block--bottom .form__checkbox-cell:last-child {
        width: 100%;
    }

    .form-block--bottom .form__checkbox-cell a {
        background-size: 100% 0.26666667rem;
    }

    .desktop .form-block--bottom .form__checkbox-cell a:hover {
        background-size: 0% 0.26666667rem;
    }

    .form-block--bottom .form__checkbox-item span:not(.form__checkbox-custom) {
        width: 100%;
        font-size: 3.46666667rem;
        line-height: 127%;
        letter-spacing: -0.104rem;
    }

    .desktop-only {
        display: none;
    }

    .not-mobile {
        display: none;
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .mp-hero__icon {
        display: none;
        height: 12rem;
        max-width: 12rem;
        margin-bottom: -6rem;
        margin-left: 6.5rem;
    }
}

@media (max-width: 680px) and (orientation: landscape) {
    .page-unsubscribe-success .content,
    .page-subscribe-success .content {
        min-height: 900px;
    }

    .subscribe-wrap:after {
        top: 400px;
    }
}

@media (max-width: 640px) {
    .page-unsubscribe-success .content,
    .page-subscribe-success .content {
        height: calc(100vh - 20rem);
    }

    .subscribe-wrap__img img {
        margin-top: 12vh;
    }
}

@media (max-width: 576px) {
    .projects-list ~ .events-wrap {
        margin-top: 26.66666667rem;
    }

    .case-card._medium {
        width: 100%;
    }

    .case-card._small {
        width: 100%;
    }

    .case-card__title {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
        margin-top: 3.73333333rem;
    }

    .case-card__subtitle {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        margin-top: 3.46666667rem;
    }

    .spoiler__toggle {
        font-size: 4.8rem;
        letter-spacing: -0.048rem;
    }

    .spoiler__icon {
        width: 4.26666667rem;
        height: 4.26666667rem;
    }

    .rewards .random-slider__slide-subtitle {
        font-size: 15rem;
        line-height: 15rem;
    }

    .rewards .random-slider__slide-desc {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }

    .rewards .random-slider__slide--type-4 {
        width: 46rem;
    }

    .page-projects .projects-awards,
    .page-projects .events-wrap,
    .page-projects .footer-showreel {
        margin-top: 26.66666667rem;
    }

    .projects-list__categories {
        font-size: 4.26666667rem;
        letter-spacing: -0.00833333rem;
        margin-top: 9.6rem;
        gap: 4.26666667rem;
    }

    .projects-list__more {
        margin-top: 16rem;
    }

    .projects-list__more-button {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .projects-awards {
        padding: 10.66666667rem 0;
        gap: 7.73333333rem;
    }

    .projects-awards__header {
        font-size: 8.53333333rem;
        letter-spacing: -0.08533333rem;
        margin-top: -1.33333333rem;
    }

    .projects-awards-filter {
        gap: 3.2rem;
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        padding-left: calc((100vw - 90vw) / 2);
        padding-right: calc((100vw - 90vw) / 2);
        padding-bottom: 1.5625rem;
        margin-left: calc((100vw - 90vw) / -2);
        margin-right: calc((100vw - 90vw) / -2);
        margin-bottom: 1.6rem;
    }

    .projects-awards-filter button {
        height: 8.26666667rem;
        padding: 2.13333333rem 4.26666667rem;
    }

    .projects-awards__group {
        font-size: 4.8rem;
        padding: 5.33333333rem 0;
    }

    .projects-awards__group > *:first-child {
        width: calc((90rem + 20px) / 4);
    }

    .projects-award__content {
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
        padding-bottom: 5.33333333rem;
    }

    .projects-award__year {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        padding-top: 2.13333333rem;
        padding-bottom: 5.6rem;
    }

    .projects-award__link {
        margin-bottom: 6.13333333rem;
    }

    .projects-award__link span {
        padding-bottom: 0.8rem;
    }

    .projects-award__more,
    .projects-award__less {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
        margin-top: 0;
    }

    .footer-showreel .arrow-link {
        margin-top: 4rem;
    }

    .arrow-link {
        font-size: 3.2rem;
        letter-spacing: -0.032rem;
    }

    .arrow-link svg {
        width: 4.26666667rem;
        height: 4.26666667rem;
        margin: 0 0 -0.2em 0.4em;
    }

    .projects-services {
        gap: 4.53333333rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .projects-services__nav {
        flex-direction: row;
        font-size: 4.8rem;
        letter-spacing: -0.048rem;
        line-height: 130%;
        gap: 4.26666667rem;
        overflow-x: auto;
        padding-left: calc((100vw - 90vw) / 2);
        padding-right: calc((100vw - 90vw) / 2);
        padding-bottom: 1.5625rem;
        margin-left: calc((100vw - 90vw) / -2);
        margin-right: calc((100vw - 90vw) / -2);
    }

    .projects-services__content {
        -ms-grid-row-align: self-start;
        align-self: self-start;
        font-size: 4.26666667rem;
        letter-spacing: -0.04266667rem;
    }

    .projects-services__content > div > span {
        height: auto;
    }

    .projects-services__content .arrow-link {
        margin-top: 4.53333333rem;
    }

    .page-category-new .steps-working-small-title {
        font-size: 4.26666667rem;
        padding: 6.4rem 3.2rem 6.4rem 0;
    }

    .page-category-new .steps-working-small-title > *:first-child {
        width: calc((90rem + 20px) / 4);
    }
}

@media (max-width: 575px) {
    .get-in-touch.get-in-touch-design-accompaniment .section-title {
        font-size: 4.3rem;
        padding: 12.8rem 0 1.3rem 0;
    }

    .get-in-touch.get-in-touch-design-accompaniment .accent {
        font-size: 8rem;
        margin-bottom: 6.4rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .p_small {
        font-size: 3.7rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment .form-column__input {
        font-size: 4rem;
    }

    .get-in-touch.get-in-touch-design-accompaniment p {
        font-size: 4.25rem;
        margin: 8.2rem 0;
    }

    .disclaimer {
        position: absolute;
    }

    .disclaimer__text p {
        font-size: 4.26666667rem;
        margin: 5.33333333rem 0;
    }

    .disclaimer__agree-btn {
        font-size: 4.8rem;
        margin-top: 12.8rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-item__text p,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-item__text p {
        font-size: 4.26666667rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__title .accent,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__title .accent,
    .popup-bottom[data-popup-name="subscribe"] .popup-subscribe-content__title p.accent,
    .popup-bottom[data-popup-name="subscribe-info"] .popup-subscribe-content__title p.accent {
        font-size: 4.26666667rem;
    }

    .popup-bottom[data-popup-name="subscribe"] .subscribe-letter-items,
    .popup-bottom[data-popup-name="subscribe-info"] .subscribe-letter-items {
        margin-top: 8.53333333rem;
        gap: 3.73333333rem 3.2rem;
    }

    .page-case-new-design .case-siblings {
        height: 12vh;
    }

    .page-design-accompaniment .input-text-line .form-column__label {
        font-size: 3.85rem;
        top: 0;
    }

    .page-design-accompaniment .marquee__inner > div > div > div img {
        width: 20rem;
    }

    .page-design-accompaniment .marquee__inner > * {
        font-size: 15.45rem;
    }

    .page-design-accompaniment .desktop-only {
        text-align: left;
    }

    .page-design-accompaniment .desktop-only,
    .page-design-accompaniment .not-mobile {
        display: block;
    }

    .design-accompaniment-title {
        font-size: 12.8rem;
    }

    .design-accompaniment-desc {
        font-size: 6.4rem;
        padding-top: 6.4rem;
    }

    .design-accompaniment-img {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .form-design-accompaniment .form__checkbox-cell {
        font-size: 3.2rem !important;
    }

    .form-design-accompaniment .form__checkbox-cell span {
        font-size: 3.2rem !important;
    }

    .form-design-accompaniment .subscribe-popup-form__agree-text {
        font-size: 3.2rem !important;
        margin: 0 !important;
    }

    .how-we-working__list {
        margin-bottom: 12.7rem;
    }

    .how-we-working__item {
        margin-bottom: 9.6rem;
    }

    .how-we-working-subtitle {
        font-size: 4.3rem;
        margin-bottom: 4.3rem;
    }

    .how-we-working-title {
        font-size: 6.45rem;
        margin-bottom: 6.4rem;
    }

    .teams-spec__title {
        font-size: 8rem;
    }

    .teams-spec__items-bottom .teams-spec__item {
        margin-bottom: 12.8rem;
    }

    .teams-spec__item-num {
        font-size: 4rem;
        margin-bottom: 2.2rem;
    }

    .teams-spec__item-title {
        font-size: 4.3rem;
    }

    .workers .title-h3,
    .workers .marquee--title-3 .marquee__inner > *,
    .workers .marquee--title-3 .marquee__inner:after {
        font-size: 8rem;
    }

    .workers-top__title {
        font-size: 8rem;
        margin-bottom: 6.4rem;
    }

    .workers-top__desc {
        font-size: 4.3rem;
        margin-bottom: 17rem;
    }

    .workers-line__item-list div {
        font-size: 4.25rem;
        line-height: 127%;
    }

    .workers-line__item:first-child .workers-line__item-title {
        font-size: 8rem;
        margin-bottom: auto;
    }

    .workers-line__item .workers-line__item-title {
        font-size: 6.4rem;
        margin-bottom: 6.4rem;
    }

    .workers-line__item {
        width: 100%;
        margin-bottom: 8.3rem;
    }

    .workers-line-group-head .workers-line__item {
        width: 100%;
        margin-bottom: 12.8rem;
    }

    .workers-line-group-head .workers-line__item .workers-line__item-title {
        font-size: 6.4rem;
    }

    .workers-line-group-head .workers-line__item p {
        font-size: 4.25rem;
    }

    .workers-line-group-head .workers-line__item:first-child {
        padding-bottom: 100%;
    }

    .workers-line-group-head .workers-line__item:first-child .workers-line__content {
        flex-direction: column;
    }

    .how-we-working-type-work {
        font-size: 6.4rem;
    }

    .how-we-working-full-text .how-we-working-line-box {
        width: 100%;
    }

    .how-we-working-full-text p {
        font-size: 4.25rem;
    }

    .how-we-working-full-text .how-we-working-subtitle {
        font-size: 8.5rem;
    }

    .how-we-working-full-text .how-we-working-title {
        font-size: 6.4rem;
    }

    .cases .title-h3,
    .cases .marquee--title-3 .marquee__inner > *,
    .cases .marquee--title-3 .marquee__inner:after {
        font-size: 8rem;
    }

    .cases .cases-item__description .random-slider__slide-title {
        font-size: 6.4rem;
        margin-bottom: 6.4rem;
    }

    .cases .random-slider__slide-tags > div {
        font-size: 3.5rem;
        margin-bottom: 1.5rem;
    }

    .cases .random-slider {
        padding: 0 4rem;
    }

    .cases .random-slider .random-slider__slide-text {
        font-size: 5.4rem;
        margin-top: 2.8rem;
    }

    .cases .random-slider .swiper-slide {
        max-width: 85.5rem;
    }

    .cases .random-slider__slide-img {
        height: 85.5rem;
    }

    .cases-item {
        margin-bottom: 27.5rem;
    }

    .cases-item__info {
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: 0;
    }

    .cases-item__info > div {
        width: 50%;
        box-sizing: border-box;
    }

    .cases-item__info > div:first-child {
        padding-right: 2rem;
    }

    .cases-item__info::after {
        content: none;
    }

    .cases-item__info > div {
        margin-bottom: 8.2rem;
        border-bottom: 1px solid #c4c4c4;
        padding-bottom: 4.25rem;
        margin-right: 0;
        padding-left: 2.4rem;
    }

    .cases-item__info > div small {
        font-size: 4.25rem;
        margin-bottom: 2.2rem;
    }

    .cases-item__info > div b {
        font-size: 6.4rem;
        font-weight: 500;
    }

    .cases-item__logo span {
        font-size: 8rem;
    }

    .rewards .random-slider__slide-title {
        font-size: 3.5rem;
    }

    .rewards .random-slider__slide-text {
        font-size: 3rem;
    }

    .projects-list {
        row-gap: 26.66666667rem;
        margin-top: 16rem;
    }

    .projects-list__title {
        font-size: 8.53333333rem;
        letter-spacing: -0.08533333rem;
        margin-top: 9.86666667rem;
    }
}

@media (max-width: 550px) {
    .form-block .form-column__label.error-label {
        font-size: 3.2rem;
    }
}

@media (max-width: 540px) {
    .airplane-circle {
        bottom: -18px;
        width: 70px;
        right: 0;
    }

    .airplane-circle__link {
        font-size: 8px;
        line-height: 10px;
        padding-right: 12px;
    }

    .desktop .airplane-circle:hover .airplane-circle__link:before {
        width: calc(100% - 12px);
    }

    .airplane-block .airplane-circle {
        height: 70px;
    }

    .airplane-block .airplane-circle svg {
        height: 100%;
    }
}

@media (max-width: 480px) {
    .logo {
        left: 34px;
    }

    .logo-image {
        width: 7.46666667rem;
        height: 7.46666667rem;
    }

    .cp20years {
        left: 34px;
        font-size: 2.8rem;
    }

    .cp20years img {
        width: 26px;
        height: 26px;
    }
}

@media (max-width: 460px) {
    .design-accompaniment-img {
        padding-top: 54%;
    }

    .design-accompaniment-img video {
        width: 123%;
    }
}

@media (max-width: 360px) {
    .subscribe-popup-form__agree-text {
        min-width: 265px;
    }
}

@media (max-height: 600px) {
    .subscribe-wrap:after {
        top: 300px;
    }
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0;
    }
}

@keyframes plyr-popup {
    0% {
        opacity: 0.5;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes splide-loading {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes splide-loading {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes muteHover {
    0% {
        width: 0;
        transform: scale(1, 1);
    }

    40% {
        width: 100%;
        transform: scale(1, 1);
    }

    60% {
        width: 100%;
        transform: scale(1, 1);
    }

    100% {
        width: 100%;
        transform: scale(0, 1);
    }
}

@keyframes spoiler-icon-show {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-100%);
        opacity: 0;
    }

    50.01% {
        transform: translateY(100%) rotate(180deg);
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotate(180deg);
        opacity: 1;
    }
}

@keyframes spoiler-icon-hide {
    0% {
        transform: translateY(0) rotate(180deg);
        opacity: 1;
    }

    50% {
        transform: translateY(100%) rotate(180deg);
        opacity: 0;
    }

    50.01% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes line-to-full {
    from {
        background-size: 0% 2px;
    }

    to {
        background-size: 100% 2px;
    }
}

@keyframes bg-white-full {
    from {
        width: 100%;
    }

    to {
        width: 0;
    }
}

@keyframes x-to-0 {
    from {
        transform: translateX(-60px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes width-from-0-to-100 {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes transform {
    from {
        transform: translateX(-100px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes opacity-from-0-to-1 {
    from {
        opacity: 0 !important;
    }

    to {
        opacity: 1 !important;
    }
}

@keyframes opacity-from-1-to-0 {
    from {
        opacity: 1;
        z-index: 5;
    }

    to {
        opacity: 0;
        z-index: -5;
    }
}

@keyframes height-from-0-to-100 {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes height-from-0-to-100-opacity {
    0% {
        z-index: 999;
        opacity: 1;
    }

    100% {
        opacity: 0;
        z-index: 0;
    }
}

@keyframes z-index-from-0-to-9999 {
    0% {
        z-index: 0;
    }

    100% {
        z-index: 9999;
    }
}

@keyframes height-from-100-to-0 {
    0% {
        height: 100%;
    }

    100% {
        height: 0;
    }
}

@keyframes hide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes in {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

@keyframes animate-transform {
    0% {
        transform: translateX(-100px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes awardsFilterShow {
    from {
        opacity: 0;
        max-height: 0;
        margin: 0;
    }

    to {
        opacity: 1;
        max-height: 30px;
    }
}

@keyframes awardsFilterHide {
    from {
        opacity: 0;
        max-height: 0;
        margin: 0;
    }

    to {
        opacity: 1;
        max-height: 30px;
    }
}

@keyframes awardFadeIn {
    from {
        opacity: 0;
        max-height: 0;
        margin: 0;
    }

    to {
        opacity: 1;
        max-height: 30px;
    }
}