/*
Theme Name: Scale
Theme URI: http://underscores.me/
Author: stroka99
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: scale
*/

/* Reset and base styles  */
* {
    padding: 0px;
    margin: 0px;
    border: none;
}

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

:focus,
:active {
    outline: none;
}

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

/* Links */
a,
a:link,
a:visited {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

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

@media (hover: none) and (pointer: coarse) {
    a:hover {
        text-decoration: none;
    }
}

/* Common */
aside,
nav,
footer,
header,
section,
main {
    display: block;
}

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

ul,
ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

img,
svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

address {
    font-style: normal;
}

/* Form */
input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

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

button,
input[type='submit'] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
    outline: none;
}

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

label {
    cursor: pointer;
}

legend {
    display: block;
}

/* root */
:root {
    --black: #000;
    --white: #fff;
    --blue: #26303b;
    --sand: #97896a;
    --green: #3f4f48;
    --orange: #ea5c44;
    --pink-dusty: #d3b4ac;

    --size-5-2: calc(2px + (5 - 2) * ((100vw - 375px) / (1920 - 375)));
    --size-16-8: calc(8px + (16 - 8) * ((100vw - 375px) / (1920 - 375)));
    --size-15-10: 10px;
    --size-15-12: 12px;
    --size-30-15: 15px;
    --size-20-15: 15px;
    --size-30-20: 20px;
    --size-25-12: 12px;
    --size-25-15: 15px;
    --size-25-20: 20px;
    --size-100-35: 35px;
    --size-100-50: 50px;
    --size-30-25: 25px;
    --size-35-20: 20px;
    --size-40-25: 15px;
    --size-40-20: 20px;
    --size-50-20: 20px;
    --size-60-20: 20px;
    --size-50-30: calc(30px + (50 - 30) * ((100vw - 768px) / 1152));
    --size-50-40: 40px;
    --size-60-40: 40px;
    --size-80-40: 40px;
    --size-80-50: calc(50px + (80 - 50) * ((100vw - 375px) / (1920 - 375)));
    --size-80-60: calc(60px + (80 - 60) * ((100vw - 375px) / (1920 - 375)));
    --size-90-60: calc(60px + (90 - 60) * ((100vw - 768px) / 1152));
    --size-100-40: 40px;
    --size-100-30: 30px;

    --size-130-50: 50px;

    --size-150-30: 30px;
    --size-150-40: 40px;
    --size-150-50: 50px;
    --size-159-62: calc(62px + (159 - 62) * ((100vw - 768px) / 1152));
    --size-50-25: calc(25px + (50 - 25) * ((100vw - 375px) / (1920 - 375)));
    --size-186-61: calc(61px + (186 - 61) * ((100vw - 375px) / (1920 - 375)));
    --size-200-100: 100px;
    --size-320-100: 100px;

    --size-30-65: 30px;
    --size-26-55: 26px;
    --size-22-45: 22px;
    --size-18-35: 18px;
    --size-16-28: 16px;
}

@media (min-width: 600px) {
    :root {
        --size-5-2: calc(2px + (5 - 2) * ((100vw - 768px) / 1152));
        --size-16-8: calc(8px + (16 - 8) * ((100vw - 768px) / 1152));
        --size-15-10: calc(12px + (15 - 12) * ((100vw - 768px) / 1152));
        --size-15-12: calc(12px + (15 - 12) * ((100vw - 768px) / 1152));
        --size-20-15: calc(15px + (20 - 15) * ((100vw - 768px) / 1152));
        --size-25-12: calc(12px + (25 - 12) * ((100vw - 768px) / 1152));
        --size-25-15: calc(15px + (25 - 15) * ((100vw - 768px) / 1152));
        --size-25-20: calc(20px + (25 - 20) * ((100vw - 768px) / 1152));
        --size-30-15: calc(15px + (30 - 15) * ((100vw - 768px) / 1152));
        --size-30-20: calc(20px + (30 - 20) * ((100vw - 768px) / 1152));
        --size-30-25: calc(25px + (30 - 25) * ((100vw - 768px) / 1152));
        --size-35-20: calc(20px + (35 - 20) * ((100vw - 768px) / 1152));
        --size-40-15: calc(15px + (40 - 15) * ((100vw - 768px) / 1152));
        --size-40-20: calc(20px + (40 - 20) * ((100vw - 768px) / 1152));
        --size-40-25: calc(25px + (40 - 25) * ((100vw - 768px) / 1152));
        --size-50-20: calc(20px + (50 - 20) * ((100vw - 768px) / 1152));
        --size-60-20: calc(20px + (60 - 20) * ((100vw - 768px) / 1152));
        --size-50-40: calc(40px + (50 - 40) * ((100vw - 768px) / 1152));
        --size-65-40: calc(40px + (65 - 40) * ((100vw - 768px) / 1152));
        --size-72-40: calc(40px + (72 - 40) * ((100vw - 768px) / 1152));
        --size-70-50: calc(50px + (70 - 50) * ((100vw - 768px) / 1152));
        --size-60-40: calc(40px + (60 - 40) * ((100vw - 768px) / 1152));
        --size-80-40: calc(40px + (80 - 40) * ((100vw - 768px) / 1152));
        --size-80-50: calc(50px + (80 - 50) * ((100vw - 768px) / 1152));
        --size-80-60: calc(60px + (80 - 60) * ((100vw - 768px) / 1152));
        --size-90-50: calc(50px + (90 - 50) * ((100vw - 768px) / 1152));
        --size-100-40: calc(40px + (100 - 40) * ((100vw - 768px) / 1152));
        --size-100-35: calc(35px + (100 - 35) * ((100vw - 768px) / 1152));
        --size-100-50: calc(50px + (100 - 50) * ((100vw - 768px) / 1152));
        --size-130-50: calc(50px + (130 - 50) * ((100vw - 768px) / 1152));

        --size-150-30: calc(30px + (100 - 30) * ((100vw - 768px) / 1152));
        --size-150-40: calc(40px + (100 - 40) * ((100vw - 768px) / 1152));
        --size-150-50: calc(50px + (100 - 50) * ((100vw - 768px) / 1152));
        --size-120-60: calc(60px + (120 - 60) * ((100vw - 768px) / 1152));
        --size-130-50: calc(50px + (130 - 50) * ((100vw - 768px) / 1152));
        --size-150-100: calc(100px + (150 - 100) * ((100vw - 768px) / 1152));
        --size-160-70: calc(62px + (159 - 62) * ((100vw - 768px) / 1152));
        --size-170-75: calc(75px + (170 - 75) * ((100vw - 768px) / 1152));
        --size-210-86: calc(86.5px + (159 - 86.5) * ((100vw - 768px) / 1152));
        --size-220-50: calc(50px + (220 - 50) * ((100vw - 768px) / 1152));
        --size-200-100: calc(100px + (200 - 100) * ((100vw - 768px) / 1152));
        --size-180-100: calc(100px + (180 - 100) * ((100vw - 768px) / 1152));
        --size-230-100: calc(100px + (230 - 100) * ((100vw - 768px) / 1152));
        --size-250-100: calc(100px + (240 - 100) * ((100vw - 768px) / 1152));
        --size-100-30: calc(30px + (100 - 30) * ((100vw - 375px) / (1920 - 375)));
        --size-320-100: calc(100px + (320 - 100) * ((100vw - 375px) / (1920 - 375)));

        --size-30-65: calc(30px + (65 - 30) * ((100vw - 768px) / 1152));
        --size-26-55: calc(26px + (55 - 26) * ((100vw - 768px) / 1152));
        --size-22-45: calc(22px + (45 - 22) * ((100vw - 768px) / 1152));
        --size-18-35: calc(18px + (35 - 18) * ((100vw - 768px) / 1152));
        --size-16-28: calc(16px + (28 - 16) * ((100vw - 768px) / 1152));
    }
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaVara-VF.woff2') format('woff2');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}

html,
body {
    height: 100%;
}

html {
    font-size: 16px;
}

body {
    background: var(--white);
    color: var(--black);
    font-family: 'Proxima Nova', Georgia, serif;
    font-size: var(--size-25-15);
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.035em;
    line-height: 111%;
    perspective: 1px;
}

.c-scrollbar {
    z-index: 999;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.nav-open {
    overflow: hidden !important;
    max-height: 100vh;
    transition: 1s background-color !important;
}

.hidden {
    display: none;
}

.mr-0 {
    margin-right: 0 !important;
}

.d-flex {
    display: flex;
}

.site {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--white);
    position: relative;
    max-width: 100vw;
}

#header {
    padding: 30px var(--size-100-30) 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: fixed;
    top: 0;
    z-index: 3;
}

.logo {
    width: var(--size-186-61);
}

@media (max-width: 600px) {
    .logo {
        width: calc(var(--size-186-61) * 1.33);
    }
}

.site-header .logo > a {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 11;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.site-header .logo > a > span {
    display: block;
    overflow: hidden;
    height: 0;
    width: 100%;
    position: absolute;
}

.site-header .logo > a > svg {
    height: 100%;
    pointer-events: none;
}

.site-header .logo > a > svg > path {
    transition: 0.3s;
}

/* Loader */
body.is-loading,
body.page-template-home-page {
    width: 100%;
    max-width: 100vw;
    max-height: 100vh;
    max-height: -webkit-fill-available;
    overflow: hidden;
}

body.is-loading {
    max-height: 100vh;
}

body:not(.is-loading) {
    overflow: auto;
}

#preloader {
    display: none !important;
    position: fixed;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    background: var(--orange);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

body.is-loading #preloader {
    display: flex !important;
}

#preloader .logo-loader {
    transform: scale(0.2);
}

.counter {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 15%;
    color: var(--white);
}

.counter > div {
    text-align: right;
    display: inline-flex;
    margin: 0 auto;
    font-size: 50px;
    line-height: 111.5%;
    letter-spacing: -0.075em;
}

body #page {
    opacity: 0;
}

body main.site-main {
    position: relative;
    z-index: 2;
    padding-bottom: 0;
}

body main.site-main > * {
    position: relative;
    z-index: 2;
}

#page.bg-black {
    background-color: var(--black);
    color: var(--white);
}

#page.bg-white {
    background-color: var(--white);
}

/* Menu */
/* Burger */
#burger {
    margin-right: -6px;
    min-width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    will-change: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

#burger > div {
    width: 13px;
    height: 7px;
    position: relative;
}

#burger span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: var(--white);
    opacity: 1;
    left: 0;
    will-change: auto;
    transform: rotate(0deg);
    transition: 0.3s;
}

#burger span.span:nth-child(1) {
    top: 0px;
}

#burger span:nth-child(2) {
    top: 6px;
}

#burger.open span:nth-child(1) {
    top: 3px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#burger.open span:nth-child(2) {
    top: 3px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/* end Burger */

#site-navigation #primary-menu {
    display: none;
}

#site-navigation #primary-menu a {
    color: #fff;
    text-transform: uppercase;
    padding: 7px;
    line-height: 0.8em;
    background-position: 3% 67%, 97% 33%;
    will-change: transform;
    transform-origin: center center;
    transform: scale(1);
    -webkit-transition: transform 0.15s ease-in, background-position 0.15s ease-in !important;
    -moz-transition: transform 0.15s ease-in, background-position 0.15s ease-in !important;
    -o-transition: transform 0.15s ease-in, background-position 0.15s ease-in !important;
    transition: transform 0.15s ease-in, background-position 0.15s ease-in !important;
}

/* #site-navigation #primary-menu li:last-child a {
    padding-right: 0px;
} */
@media (min-width: 815px) {
    #site-navigation {
        margin-right: -7px;
    }
}

body:not(.is-touch) #site-navigation #primary-menu a:hover {
    background-image: url(./img/arrow-bl.svg), url(./img/arrow-tr.svg);
    background-position: 0% 100%, 100% 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
    text-decoration: none;
    -webkit-transition: transform 0.15s ease-in, background-position 0.15s ease-in !important;
    -moz-transition: transform 0.15s ease-in, background-position 0.15s ease-in !important;
    -o-transition: transform 0.15s ease-in, background-position 0.15s ease-in !important;
    transition: transform 0.15s ease-in, background-position 0.15s ease-in !important;
    transform: scale(1.02);
}

body.is-touch #site-navigation #primary-menu a {
    background: none !important;
}

/* Home */
#home-page #main-slider {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: auto;
    /* min-height: 120vh; */
    min-height: 100vh;
    color: #fff;
    transition: 0s background-color;
}

/* white */
body.text-color-white:not(.slider-on) header .logo svg path {
    fill: var(--white);
}
body.bg-white,
body.bg-white #home-page #main-slider,
body.bg-black #burger span,
a.next-link.bg-white,
a.bg-white .item-card {
    background-color: var(--white) !important;
}
body.text-color-white #home-page #main-slider > *,
a.next-link.bg-white,
a.text-color-white .item-card,
a.bg-white:hover .number {
    color: var(--white) !important;
}

/* blue */
body.text-color-blue,
body.is-mobile.text-color-blue header .logo svg path {
    fill: var(--blue);
}
body.bg-blue,
body.bg-blue #home-page #main-slider,
body.is-mobile.text-color-blue:not(.nav-open):not(.slider-on) #burger span,
a.next-link.bg-blue,
a.bg-blue .item-card {
    background-color: var(--blue) !important;
}
body.is-mobile.text-color-blue #site-navigation #primary-menu a,
body.is-mobile.text-color-blue #home-page #main-slider > *,
a.next-link.bg-pink-dusty,
a.text-color-blue .item-card,
a.bg-blue:hover .number {
    color: var(--blue) !important;
}
body.bg-pink-dusty.text-color-blue #home-page .promo-text > div {
    background-image: linear-gradient(0deg, rgb(255, 255, 255) 0px, rgb(38, 48, 59) 0px);
}
body.slider-on #header.is-dark #site-navigation #primary-menu a,
body.bg-pink-dusty.text-color-blue #site-navigation #primary-menu a {
    color: var(--white) !important;
}

/* sand */
body.bg-sand,
body.bg-sand #home-page #main-slider,
body.text-color-sand #burger span,
a.next-link.bg-sand,
a.bg-sand .item-card {
    background-color: var(--sand) !important;
}
body.text-color-sand #home-page #main-slider > *,
a.bg-sand:hover .number {
    color: var(--sand) !important;
}

/* green */
body.bg-green,
body.bg-green #home-page #main-slider,
a.next-link.bg-green,
a.bg-green .item-card {
    background-color: var(--green) !important;
}
body.text-color-green #home-page #main-slider > *,
a.bg-green:hover .number {
    color: var(--green) !important;
}

/* orange */
body.bg-orange,
body.bg-orange #home-page #main-slider,
a.next-link.bg-orange,
a.bg-orange .item-card {
    background-color: var(--orange) !important;
}
body.text-color-orange #home-page #main-slider > *,
a.bg-orange:hover .number {
    color: var(--orange) !important;
}

/* pink-dusty */
body.bg-pink-dusty,
body.bg-pink-dusty #home-page #main-slider,
a.next-link.bg-pink-dusty,
a.bg-pink-dusty .item-card {
    background-color: var(--pink-dusty) !important;
}
body.text-color-pink-dusty #home-page #main-slider > *,
a.bg-pink-dusty:hover .number {
    color: var(--pink-dusty) !important;
}

/* black */
body.bg-black,
body.bg-black #home-page #main-slider,
body.bg-white:not(.nav-open) #burger span,
#page.bg-white:not(.nav-open) #burger span,
body.slider-on.nav-open:not(.text-color-blue) #burger span,
body.slider-on.nav-open.text-color-blue #burger span,
a.next-link.bg-black,
a.text-bg-black .item-card {
    background-color: var(--black) !important;
}
body.text-color-black #home-page #main-slider > *,
a.next-link.bg-black,
a.text-color-black .item-card,
a.text-color-black .number {
    color: var(--black) !important;
}

body.slider-on.nav-open:not(.text-color-blue) header .logo svg path,
body:not(.slider-on) #header.is-dark .logo svg path {
    fill: var(--black);
}

body.bg-white.slider-on:not(.nav-open) #header .logo svg path,
body.single-projects.slider-on:not(.nav-open) #header.is-dark .logo svg path,
body:not(.slider-on) #header.is-white .logo svg path,
body.slider-on:not(.text-color-blue):not(.nav-open) #header.is-dark .logo svg path {
    fill: var(--white) !important;
}

#header.is-dark #site-navigation #primary-menu a {
    color: var(--black) !important;
}

body.single-projects.slider-on #header.is-dark #site-navigation #primary-menu a,
body:not(.slider-on) #header.is-white #site-navigation #primary-menu a {
    color: var(--white) !important;
}

body.slider-on.text-color-blue #header #burger span,
body.slider-on.text-color-blue #header.is-dark #burger span,
body:not(.slider-on) #header.is-dark #burger span {
    background-color: var(--black) !important;
}

body:not(.slider-on) #header.is-dark,
body.single-projects.slider-on:not(.nav-open) #header.is-dark #burger span,
body.bg-white.slider-on #header #burger:not(.open) span,
body:not(.slider-on) #header.is-white #burger span {
    background-color: var(--white) !important;
}

body:not(.slider-on) #header:not(.is-dark).is-white {
    background-color: var(--black) !important;
}

body:not(.slider-on) #header.is-white.is-blue {
    background-color: var(--blue) !important;
}

body:not(.slider-on) #header.is-white.is-green {
    background-color: var(--green) !important;
}

html.has-scroll-scrolling #header.is-dark .logo svg path,
html.has-scroll-scrolling #header.is-dark #site-navigation #primary-menu a,
html.has-scroll-scrolling #header.is-dark #burger span,
html.has-scroll-scrolling #header.is-white .logo svg path,
html.has-scroll-scrolling #header.is-white #site-navigation #primary-menu a,
html.has-scroll-scrolling #header.is-white #burger span {
    transition: background-color 0s, fill 0s;
}

body:not(.slider-on) #header.is-dark #site-navigation #primary-menu a:hover {
    background-image: url(./img/arrow-bl_black.svg), url(./img/arrow-tr_black.svg);
}

@media (max-width: 600px) {
    body.page-template-home-page:not(.is-touch) #header.is-dark .logo svg path,
    body.page-template-home-page:not(.is-touch) #header.is-dark #burger span {
        transition: 0.3s !important;
    }
}

body.slider-on #header {
    background: transparent !important;
}

@media (min-width: 744px) and (max-width: 1023px), (orientation: landscape) {
    body.slider-on.text-color-blue #header.is-dark #burger span,
    body.slider-on.text-color-blue:not(.nav-open) #header #burger span {
        background-color: var(--white) !important;
    }

    body.is-mobile.text-color-blue #home-page #main-slider > * {
        color: var(--white) !important;
    }

    body.slider-on.is-mobile.text-color-blue:not(.nav-open) #header .logo svg path,
    body.slider-on.text-color-blue #header.logo svg path {
        fill: var(--white);
    }
}

@media only screen and (min-width: 600px) and (orientation: portrait) {
    body.is-mobile.text-color-blue:not(.nav-open):not(.slider-on) #burger span,
    body.slider-on.text-color-blue:not(.nav-open):not(.slider-on) #header.is-dark #burger span,
    body.is-mobile.text-color-blue:not(.nav-open):not(.slider-on) #burger span,
    body.slider-on:not(.nav-open):not(.text-color-blue) #header.is-dark #burger span {
        background-color: var(--white) !important;
    }
    body.slider-on:not(.nav-open):not(.text-color-blue) header .logo svg path {
        fill: var(--white) !important;
    }
}

body,
body.sliderInit #home-page #main-slider {
    transition: 0s background-color;
}

body.page-template-home-page #page {
    background-color: var(--black);
}

body.page-template-home-page #footer {
    background-color: var(--black);
    color: var(--white);
}

body.page-template-home-page #page:not(.bg-black) .design-by a {
    color: var(--white) !important;
}

#home-page #main-slider > * {
    position: relative;
    z-index: 1;
}

#home-page #main-slider h2 {
    text-transform: uppercase;
    font-size: 59px;
    line-height: 1;
    letter-spacing: -0.075em;
    text-align: center;
    padding: 0 var(--size-100-30);
    /* margin: 70vw 0 0; */
    margin: 25vw 0 0;
    text-indent: -1vw;
    width: 100%;
    pointer-events: none;
}

#home-page #main-slider h2 > span:first-child {
    font-weight: bold;
}

#home-page #main-slider h2 > span:last-child {
    font-weight: lighter;
}

#home-page .promo-text {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0 var(--size-100-30);
    /* margin: 30px 0 -15px auto; */
    margin: 20px 0 0 auto;
    pointer-events: none;
    -webkit-text-size-adjust: 100%;
}

#home-page .promo-text > div {
    background-image: linear-gradient(0deg, #000 0px, #fff 0px);
    background-attachment: fixed;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    position: relative;
    transition: 0s background-image;
    font-size: 3.077vw;
    line-height: 111%;
    max-width: 50%;
    /* padding-right: 20%; */
    padding-right: 5%;
}

#home-page .lang {
    display: none;
    position: absolute !important;
    bottom: var(--size-90-60);
    left: var(--size-100-30);
}

.lang > ul {
    display: flex;
}

.lang li a {
    display: block;
    position: relative;
    transition: 0.3s;
}

.lang li a::after {
    content: '';
    width: 12px;
    height: 1px;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    background: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
}

.lang li:last-child a::after {
    right: auto;
    left: 0;
}

.lang li.current-lang a::after {
    background: rgba(255, 255, 255, 1);
}

.lang li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
}

.lang li:first-child a {
    padding-right: 20px;
}

.lang li:last-child a {
    padding-left: 20px;
}

#home-page #main-slider > .home-slider {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    max-height: -webkit-fill-available;
    margin-top: -8vw;
}

.image-swiper {
    will-change: auto;
    transform: scale(0.65);
    max-width: calc(100% - 60px);
    aspect-ratio: 1/1;
}

.image-swiper .image {
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
    max-height: -webkit-fill-available;
}

.image-swiper .image > img {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    max-height: -webkit-fill-available;
    max-width: 100vw;
    object-fit: cover;
    display: flex;
}

.info-swiper {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 32px 0;
    width: 100%;
    max-width: calc(100% - (var(--size-100-30) * 2));
}

.info-swiper > div {
    margin-left: auto;
    width: 100%;
}

.info-swiper div.swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
}

.info-swiper .info {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    min-height: 57px;
}

.info-swiper .place {
    font-weight: 400;
    font-size: 12px;
    line-height: 111%;
    -webkit-text-size-adjust: 100%;
}

.info-swiper .title {
    text-transform: uppercase;
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
}

.home-slider .swiper-button-next,
.home-slider .swiper-button-prev {
    display: none;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    color: var(--white);
    padding: 0 var(--size-50-25);
    margin: 0;
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
    transition: opacity 0.3s ease;
}

.home-slider .swiper-button-next {
    right: 0;
    left: auto;
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}

.home-slider:hover .swiper-button-next,
.home-slider:hover .swiper-button-prev {
    opacity: 1;
}

/* blocks */
#home-page section:not(#main-slider) {
    background-color: var(--white);
}

#home-page section .block {
    padding: 0 var(--size-100-30);
    width: 100%;
}
/* end blocks */

/* about-scale */
#about-scale {
    width: 100%;
    height: auto;
    font-size: 25px;
    line-height: 111%;
    padding: 80px 0 50px;
}

#about-scale .text-1 > div {
    display: inline-flex;
}

#about-scale .text-1 > div > span:nth-child(1),
#about-scale .text-1 > div > span:nth-child(2) {
    color: #7f7f7e;
    font-size: 12px;
    line-height: 111%;
}
#about-scale .text-1 > div > span:nth-child(2) {
    margin-left: 0.5rem;
}
/* end about-scale */

/* about-text */
#about-text .block > div {
    font-weight: 400;
    font-size: 15px;
    line-height: 111%;
    padding: 0 0 30px calc(50% - 13px);
    position: relative;
}

#about-text .block > div.text-2 {
    padding: 0 calc(50% - 13px) 50px 0;
}
/* end about-text */

/* About v2 */
#about-section {
    padding: var(--size-100-50) var(--size-100-30);
}

#about-section .title-block {
    color: #7f7f7e;
    font-size: var(--size-25-12);
}

#about-section .fit-wrapper {
    width: 100%;
    max-width: 100%;
    /* overflow: hidden; */
    letter-spacing: -3.5%;
}

#about-section .title h2 {
    text-transform: uppercase;
    color: var(--orange);
    line-height: 1.11;
    margin: 10px 0 5px;
    white-space: nowrap;
    display: inline-block;
}

#about-section .text-1 {
    font-size: var(--size-35-20);
    line-height: 1.11;
    margin-bottom: 20px;
}

#about-section .image {
    overflow: hidden;
}

#about-section .block-3 {
    display: flex;
    flex-direction: column;
    gap: var(--size-30-20);
}

#about-section > .block-3 {
    margin-top: var(--size-30-20);
}

#about-section .text p:not(:last-child) {
    margin-bottom: var(--size-30-20);
    line-height: normal;
}

@media (min-width: 744px) {
    #about-section {
        display: flex;
        flex-wrap: wrap;
    }

    #about-section .image {
        overflow: hidden;
        aspect-ratio: 1/1.2;
    }

    #about-section .image img {
        height: 100%;
        object-fit: cover;
    }

    #about-section .block-2 > .block-3 {
        display: none;
    }

    #about-section .text-1.hidden {
        display: block;
    }

    #about-section > .block-3 {
        margin-top: calc(var(--size-30-20) / 1.5);
        padding-left: var(--size-30-20);
    }

    #about-section > .block-1 {
        width: 100%;
    }
    #about-section > .block-2 {
        width: calc(55vw - var(--size-100-30));
    }

    #about-section > .block-3 {
        width: calc(45vw - var(--size-100-30));
    }

    /* #about-section > .block-2,
    #about-section > .block-3 {
        max-width: calc((100vw - (var(--size-100-30) / 2)) / 2);
    } */
}

@media (min-width: 745px) and (orientation: landscape) {
    #about-section .image {
        aspect-ratio: 900/720;
    }
}

@media (min-width: 1200px) and (orientation: landscape) {
    #about-section > .block-2,
    #about-section > .block-3 {
        width: calc(50vw - var(--size-100-30));
    }

    #about-section > .block-3 {
        margin-top: var(--size-30-20);
    }

    #about-section .image {
        aspect-ratio: 900/640;
    }

    #about-section .text-2,
    #about-section .text-3 {
        max-width: 50%;
    }

    #about-section .text-3 {
        margin-left: 50%;
    }
}

@media (min-width: 1400px) and (orientation: landscape) {
    #about-section .title h2 {
        margin: 1rem 0 2rem;
    }
}

/* end  About v2 */

/* team */
#our-team .block {
    padding: 50px var(--size-100-30) !important;
}

#our-team .title,
.cofounders .item {
    transition: 1s ease-out;
}

.teams {
    transition: 0.5s ease-out;
}

#our-team h2 {
    font-weight: 400;
    font-size: 50px;
    line-height: 111.5%;
    letter-spacing: -0.075em;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#our-team img {
    display: flex;
}

.cofounders {
    display: flex;
    flex-direction: column;
}

.cofounders .item {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}

.cofounders .item:last-child {
    margin-bottom: 0;
}

.cofounders .image {
    max-width: 59vw;
}

.cofounders .title {
    margin: 20px 0 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 111.5%;
    letter-spacing: -0.075em;
    text-transform: uppercase;
}

.cofounders .text-1 {
    margin-bottom: 1rem;
}

.team-block {
    padding-bottom: 50px;
}

.teams {
    display: flex;
    overflow-y: auto;
    padding: 0 var(--size-100-30) 10px;
}

.teams .item {
    width: 100%;
    min-width: 59vw;
    margin-left: 30px;
}

.teams .item:first-child {
    margin-left: 0;
}

.teams .title {
    margin: 10px 0;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 111.5%;
    letter-spacing: -0.075em;
    text-transform: uppercase;
}
/* end team */

/* end we-wad  */
#we-wad {
    width: 100%;
    height: auto;
    background: var(--black) !important;
    color: #fff;
}

#we-wad .block {
    padding: 100px var(--size-100-30) !important;
}

#we-wad .block-title,
#we-wad .block-text {
    margin-bottom: 30px;
}

#we-wad h2 {
    font-weight: 400;
    font-size: 50px;
    line-height: 111.5%;
    letter-spacing: -0.075em;
    text-transform: uppercase;
}

#we-wad h2 span {
    display: block;
}

#we-wad .block > div:not(.block-desc) {
    transition: 1s ease-out;
}

#we-wad .block-desc > div > div {
    padding: 15px 0;
    transition: 1s ease-out;
    display: flex;
    border-bottom: 1px solid #fff;
}

#we-wad .block-desc > div > div:first-child {
    border-top: 1px solid #fff;
}

#we-wad .block-desc > div > div > div:first-child {
    font-weight: 700;
    margin-bottom: 10px;
    min-width: 50%;
    padding-right: 30px;
}
/* end we-wad  */

/* end home contacts  */
#contacts {
    background: var(--blue) !important;
    color: var(--white);
    display: flex;
    border-radius: 0 0 var(--size-50-25) var(--size-50-25);
}

#contacts .block {
    margin: 10vh 0 15vh;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#contacts .title-block {
    position: relative;
}

#contacts .sc-slogan {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 14%;
    font-weight: 700;
    font-size: 15px;
    line-height: 111%;
    letter-spacing: -0.035em;
    color: #d3b4ac;
    display: flex;
    justify-content: flex-end;
    z-index: 0;
}

@media (min-width: 479px) {
    #contacts .sc-slogan {
        top: calc(100% - 20px);
        max-width: 10%;
    }
}

#contacts h2 {
    width: 100%;
    font-weight: 400;
    font-size: 50px;
    line-height: 111.5%;
    letter-spacing: -0.075em;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

#contacts .site-contacts {
    flex-direction: column;
    width: 100%;
    margin: 0;
}

#contacts .site-contacts,
#contacts .sc-bureau {
    transition: 1s ease-out !important;
}

#contacts .sc-conatcts > div,
#contacts .sc-social > div,
#contacts .sc-bureau > * {
    margin-bottom: 20px;
}

#contacts .sc-social,
#contacts .sc-bureau {
    display: flex;
    width: 100%;
}

#contacts .sc-social {
    justify-content: space-between;
}

#contacts .sc-bureau > div {
    color: #7f7f7e;
    padding-right: 10%;
}

#contacts .sc-bureau br {
    display: none;
}

#contacts .sc-bureau > * {
    margin-top: auto;
}
/* end home contacts  */

.page-template-home-page .logos-section {
    padding: 0 0 var(--size-100-50);
}

/* mob-nav */
#mob-nav {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 30px 0;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh !important;
    /* height: -webkit-fill-available; */
    max-height: 100vh !important;
    /* min-height: calc(100vh - 60px); */
    /* max-height: -webkit-fill-available; */
    background: var(--white);
    z-index: 2;
    transition: 0.3s left ease-in-out;
}

body:not(.slider-on) #mob-nav.is-white {
    background: var(--black);
}

body:not(.slider-on) #mob-nav.is-dark {
    background: var(--white);
}

body:not(.slider-on) #mob-nav.is-blue {
    background: var(--blue);
}

body.nav-open #mob-nav {
    left: 0%;
}

#page.bg-white header .logo svg path,
body.nav-open header.is-dark .logo svg path {
    fill: var(--black) !important;
}

body.nav-open.slider-on header.is-white #burger.open span,
body.nav-open header.is-dark #burger.open span {
    background-color: var(--black) !important;
}

#site-navigation-mob {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20vh;
}

#mob-nav .menu li {
    margin: 15px 0;
}

#mob-nav .menu li a {
    padding: 0 30px;
    font-size: 33px;
    line-height: 111%;
    color: var(--black);
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    letter-spacing: -0.075em;
    text-decoration: none !important;
    transition: 0.3s;
}

#mob-nav li a:hover,
#mob-nav li.current-menu-item:not(.menu-item-object-custom) a {
    color: var(--orange);
    background-position: 90% 50%;
}

#mob-nav .lang {
    position: absolute;
    /* bottom: 50px; */
    bottom: 20vh;
    left: var(--size-100-30);
}

#mob-nav .lang li a:hover {
    color: rgba(0, 0, 0, 0.5);
}

#mob-nav .lang li a,
#mob-nav .lang li.current-lang a::after {
    color: rgba(0, 0, 0, 1);
}

#mob-nav .lang li a::after {
    background: rgba(0, 0, 0, 0.5);
}

body:not(.slider-on) #mob-nav.is-blue .menu li a,
body:not(.slider-on) #mob-nav.is-white .menu li a {
    color: var(--white);
}

body:not(.slider-on) #mob-nav.is-dark .menu li a {
    color: var(--black);
}

/* Projecst */

body.page-template-projects-page {
    background: var(--white);
}

body.page-template-projects-page #site-wrapper {
    background: var(--white);
}

body.page-template-projects-page .site-header .logo > a > svg > path {
    fill: var(--black);
}

body.page-template-projects-page #footer {
    background-color: var(--black);
    color: var(--white);
}

body.bg-white.slider-on #header #site-navigation #primary-menu a,
body.page-template-projects-page #page:not(.bg-black) .design-by a {
    color: var(--white) !important;
}

body.page-template-projects-page #site-navigation #primary-menu a,
#page.bg-white #site-navigation #primary-menu a {
    color: var(--black);
}

body.page-template-services-page #site-navigation #primary-menu a:hover,
body.page-template-team-page #site-navigation #primary-menu a:hover,
body.page-template-projects-page #site-navigation #primary-menu a:hover {
    background-image: url(./img/arrow-bl_black.svg), url(./img/arrow-tr_black.svg);
}

#projects-page {
    background-color: var(--white);
}

#projects-page section {
    width: 100%;
    background-color: var(--white);
    position: relative;
    z-index: 2;
    margin-bottom: calc(5vw + 5vh);
}

body.page-template-projects-page #header {
    background: var(--white) !important;
}

#projects-page .title-block {
    padding: 0 var(--size-100-30);
    background: var(--white);
    z-index: 6;
    position: relative;
    top: 54px;
}

#projects-page .title-block h1 {
    text-transform: uppercase;
    margin-top: auto;
    transform: translateY(0px);
    font-size: 30px;
    line-height: 111%;
    line-height: normal;
    font-weight: 300;
    padding: 15px 0 20px;
    opacity: 0;
}

/* html[lang='ru-RU'] #projects-page .title-block h1 {
    font-size: 30px;
} */

#projects-page .content {
    width: 100%;
    height: auto;
    min-height: calc(100vh - (var(--size-80-40) * 2));
    padding: 0 var(--size-100-30);
    display: flex;
    flex-direction: column;
}

#projects-page .title {
    width: 100%;
    min-width: 12%;
    display: flex;
    height: auto;
    position: relative;
    top: 54px;
    z-index: 5;
    margin: 0 calc(var(--size-100-30) * -1);
    width: 100vw;
    padding: 0 var(--size-100-30);
    box-shadow: 0px 15px 10px rgb(255, 255, 255), 0px 7px 5px rgb(255, 255, 255);
}

ul.project-filter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 20px;
    width: 100%;
    position: relative;
    background: var(--white);
}

ul.project-filter > li {
    width: 50%;
    padding-right: 5%;
    overflow: hidden;
}

@media (min-width: 1280px) {
    ul.project-filter > li {
        padding-right: calc(25px + (50 - 25) * ((100vw - 768px) / 1152));
    }
}

@media (min-width: 1920px) {
    ul.project-filter > li {
        padding-right: calc(50px + (100 - 60) * ((100vw - 1920px) / 1920));
    }
}

ul.project-filter > li > div {
    height: 100%;
    display: flex;
    align-items: baseline;
    cursor: pointer;
    font-weight: 700;
    font-size: var(--size-25-12);
    line-height: 111%;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    /* background-image: url(img/arrow-right_black.svg);
    background-repeat: no-repeat;ul.project-filter
    background-position: 0% 20%; */
    /* padding-left: 16px; */
    transform: translateY(100%);
}

/* html[lang='ru-RU'] ul.project-filter > li > div {
    font-size: 13px;
} */

ul.project-filter > li > div:hover,
ul.project-filter > li > div.active {
    color: var(--orange);
}

ul.project-filter .ic-arrow {
    width: 5px;
    min-width: 5px;
    margin-right: 5px;
    display: inline-flex;
}

ul.project-filter .ic-arrow svg {
    opacity: 0;
    transition: 0.3s;
}

ul.project-filter .active .ic-arrow svg {
    opacity: 1;
}

ul.project-filter > li > div:hover .ic-arrow svg path,
ul.project-filter .active .ic-arrow svg path {
    fill: var(--orange);
}

body:not(.is-mobile) ul.project-filter > li > div:hover .ic-arrow svg,
body:not(.is-touch) ul.project-filter > li > div:hover .ic-arrow svg {
    opacity: 1;
}

#projects-page .project-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: calc(var(--size-80-40) * 4) 0 calc(var(--size-80-40) * 8);
}

#projects-page .item {
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    z-index: 1;
    opacity: 0;
    /* padding: 10px 0; */
    padding: 7.5px 0;
    transform: translateX(20%);
    will-change: auto;
}

@media (max-width: 1400px) {
    @media (hover: none) and (pointer: coarse) {
        #projects-page .item .item-card {
            top: 2.5rem !important;
        }
    }
}

#projects-page .item.hovered {
    z-index: 4;
}

#projects-page .item.hidden {
    display: none;
}

#projects-page .item.pt-0,
#projects-page .item:not(.hidden):first-child {
    padding-top: 0;
}

#projects-page .number {
    white-space: nowrap;
    margin-bottom: auto;
    padding: 0;
    /* min-width: 13.5%;
    width: 13%; */
    min-width: fit-content;
    font-size: var(--size-15-12);
    transition: 0.3s;
}

#projects-page .item-title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    font-stretch: 100%;
    line-height: 111%;
    /* letter-spacing: -7.5%; */
    letter-spacing: -0.035em;
    text-align: left;
    transition: 0.3s;
    transform-origin: center;
    will-change: auto;
    padding-left: var(--size-30-20);
}

#projects-page .item-title br {
    display: none;
}

#projects-page .item.hovered .item-title {
    font-weight: 730;
    font-stretch: 100%;
    letter-spacing: -0.05575em;
}

#projects-page .item .item-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 120px;
    height: auto;
    position: absolute;
    top: auto;
    bottom: auto;
    right: 0;
    opacity: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 111%;
}

#projects-page .item.is-bottom .item-card {
    top: auto;
    bottom: 1.5rem;
}

#projects-page .item.hovered .item-card {
    opacity: 1;
}

#projects-page .item .ic-top {
    display: none;
    justify-content: space-between;
    min-height: 3em;
}

#projects-page .item .ic-top > .location {
    max-width: 55%;
}

#projects-page .item .ic-top > div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    min-width: 35%;
    text-align: right;
    padding-left: 16px;
}

#projects-page .item .ic-top .city {
    margin-bottom: 1em;
}

#projects-page .item .ic-mid .image {
    aspect-ratio: 120/120;
}

#projects-page .item .ic-mid img {
    height: 100%;
    object-fit: cover;
}

#projects-page .item .item-card .ic-bottom {
    display: none;
}
#projects-page .item .item-card .ic-bottom .d-flex {
    display: flex;
    flex-direction: column;
    gap: calc(10px + 10 * ((100vw - 1920px) / 1920));
}

#projects-page .item .item-card .ic-bottom .d-flex > div:first-child br {
    display: none;
}

#projects-page .item .item-card .ic-bottom .d-flex > div:last-child {
    font-size: calc(var(--size-15-10) / 1.25);
}

/* end Projecst */

/* Project */
.single-projects h1.title {
    opacity: 0;
}

.single-projects section {
    margin-top: -1px;
}

.single-projects section.bg-black {
    background-color: var(--black);
    color: var(--white);
}

.single-projects section.bg-white {
    background-color: var(--white);
    color: var(--black);
}

.single-projects .content {
    position: relative;
    display: flex;
    flex-direction: column;
}

.single-projects section:not(.block-1) .content {
    padding: 0 30px;
}

.single-projects section:not(.block-1) .content > div.image {
    margin: 15px 0;
}

.single-projects .image {
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    aspect-ratio: 315/228;
}

.single-projects .image img {
    height: 100%;
    width: 100%;
    max-width: unset;
    object-fit: cover;
}

.project-page .page-title {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    padding: 20px 30px;
    width: 100%;
    text-align: right;
}

.project-page .page-title .title {
    font-size: var(--size-100-35);
    line-height: 111%;
    text-transform: uppercase;
    color: var(--white);
}

/* First block color */
.first-block-black .project-page .page-title .title,
.first-block-black #site-navigation #primary-menu a,
body.first-block-black.single-projects.slider-on #header.is-dark #site-navigation #primary-menu a,
body:not(.slider-on).first-block-black #header.is-white #site-navigation #primary-menu a {
    color: var(--black) !important;
}

body:not(.is-touch).first-block-black #site-navigation #primary-menu a:hover {
    background-image: url(./img/arrow-bl_black.svg), url(./img/arrow-tr_black.svg) !important;
}

body.first-block-black .site-header .logo > a > svg > path,
body.slider-on:not(.text-color-blue):not(.nav-open).first-block-black #header.is-dark .logo svg path,
body.single-projects.slider-on:not(.nav-open).first-block-black #header.is-dark .logo svg path {
    fill: var(--black) !important;
}

body.first-block-black.bg-white,
body.first-block-black.bg-white #home-page #main-slider,
body.first-block-black.bg-black #burger span,
body.first-block-black a.next-link.bg-white,
body.first-block-black a.bg-white .item-card {
    background-color: var(--black) !important;
}
/* end First block color */

/* anim */
.letter {
    display: inline-block;
}

.tricksword {
    white-space: nowrap;
}

.elem-lines.animate .span-line {
    position: relative;
    display: inline-flex;
    overflow: hidden;
}

.elem-lines.animate .span-line .span-line-inner {
    position: relative;
    display: block;
}

.description > div {
    position: relative;
    overflow: hidden;
}
/* anim */

/* block 1 */
.block-1 .image {
    aspect-ratio: 375/327;
}

.project-page .block-1 .description {
    padding: 30px 30px 15px;
}

.block-1 .info-col {
    display: grid;
    grid-template-columns: calc(40% - 5px) calc(60% - 0px);
    grid-column-gap: 5px;
    grid-row-gap: 20px;
}

.block-1 .info-col h4 {
    color: #7f7f7e;
    margin-bottom: 6px;
}

.block-1 .city {
    order: 1;
}

.block-1 .year {
    order: 3;
}

.block-1 .location {
    order: 4;
}

.block-1 .team {
    order: 2;
}

.block-1 .desc-col {
    padding: 50px 0 0;
}

.block-1 .text {
    padding: 5px 0;
}

/* block 2 */
.block-2 .image-2 {
    aspect-ratio: 315/371;
}

.block-2 .image-2 img {
    width: auto;
}

/* block 3 */
.block-3 .image-1 {
    max-width: 80%;
    margin-left: auto !important;
    aspect-ratio: 254/338;
}

.block-3 .image-2 {
    aspect-ratio: 315/228;
}

/* block 6 */

.block-6 .content {
    align-items: flex-start;
}

.block-6 .content-block {
    display: flex;
    flex-direction: column;
    /* gap: var(--size-30-25); */
}

.block-6 .content-block-1 {
    max-width: 65%;
    margin: 15px 15% 15px 20% !important;
}

@media (max-width: 1024px) {
    .block-6 .content-block-1 .text-1 {
        max-width: 100% !important;
    }
}

.block-6 .content-block-2 .text-1 {
    margin-top: 15px;
}

.block-6 p {
    margin-bottom: 1rem;
}

.block-6 .image {
    height: auto;
}

.block-6 .content-block-1 .text-1,
.block-6 .mobile-text-first .content-block-2 .text-1 {
    display: none;
}

.block-6 .mobile-text-first .content-block-1 .text-1 {
    display: block;
    margin-top: 15px;
}

@media (min-width: 600px) {
    .block-6 .mobile-text-first .content-block-1 .text-1 {
        margin-top: 0;
    }
}

@media (max-width: 599px) {
    .block-6 .mobile-text-first .content-block-1 {
        flex-direction: column-reverse;
        max-width: 100%;
        margin: 0 !important;
    }

    .block-6 .mobile-text-first .content-block-1 .image {
        max-width: 65%;
        margin: 15px 15% 15px 20% !important;
    }
}

@media (min-width: 815px) {
    .block-6 .mobile-text-first .content-block-1 .text-1 {
        margin: var(--size-30-25) 0;
    }
}

.block-6 .image-1 {
    aspect-ratio: 204/141;
    /* max-width: 65%;
    margin: 15px 15% 15px 20% !important; */
}

/* block 7a */
/* .block-7a .content {
    display: flex;
    flex-direction: column-reverse;
}

.block-7a .image-2 {
    aspect-ratio: 265/164;
    max-width: 85%;
    margin: 15px 15% 15px 0 !important;
}

.block-7a .image-4 {
    aspect-ratio: 204/141;
    max-width: 65%;
    margin: 15px 15% 15px 20% !important;
} */

/* block 7 */
.block-7 .content {
    display: flex;
    flex-direction: column-reverse;
}

.block-7 .text {
    margin: 15px 0;
}

.block-7 .content-2 .content-block-1 {
    flex-direction: column-reverse;
    display: flex;
}

.block-7 .image-2 {
    aspect-ratio: 265/164;
    max-width: 85%;
    margin: 15px 15% 15px 0 !important;
}

.block-7 .image-4 {
    aspect-ratio: 204/141;
    max-width: 65%;
    margin: 15px 15% 15px 20% !important;
}

/* block 8 */
.block-8 .video {
    position: relative;
    margin: 15px 0;
    width: 100%;
}

.block-8 .video > video {
    width: 100%;
    height: auto;
}

/* block 9 */
.block-9 .content {
    padding: 0 !important;
}

.single-projects .block-9 .image {
    aspect-ratio: unset !important;
    width: 100% !important;
    max-width: unset !important;
}

/* block 10 */
.block-10 .text {
    margin: var(--size-30-25) 0;
}

/* block 11 */
.block-11 .content {
    flex-direction: column !important;
    gap: var(--size-30-25);
    padding: var(--size-30-25) 0;
}

.block-11 .texts {
    display: flex;
    flex-direction: column;
    gap: var(--size-30-25);
}

.wysiwyg-content h1 {
    font-size: var(--size-100-35);
    line-height: 1.11;
}

.wysiwyg-content h2 {
    font-size: 30px;
    line-height: 1.11;
}

.wysiwyg-content h3 {
    font-size: 26px;
    line-height: 1.11;
}

.wysiwyg-content h4 {
    font-size: 22px;
    line-height: 1.11;
}

.wysiwyg-content h5 {
    font-size: 18px;
    line-height: 1.11;
}

.wysiwyg-content h6 {
    font-size: 16px;
    line-height: 1.11;
}

.wysiwyg-content .text-uppercase {
    text-transform: uppercase;
}

.wysiwyg-content p:not(:last-child) {
    margin-bottom: 0.75rem;
}

@media (min-width: 600px) {
    .block-11 .texts {
        flex-direction: row;
        justify-content: space-between;
    }

    .block-11 .texts > div:first-child {
        width: 100%;
        max-width: 46.4544%;
    }

    .block-11 .texts > div:last-child {
        width: 100%;
        max-width: 49.361%;
    }

    .wysiwyg-content h2 {
        font-size: var(--size-30-65);
    }

    .wysiwyg-content h3 {
        font-size: var(--size-26-55);
    }

    .wysiwyg-content h4 {
        font-size: var(--size-22-45);
    }

    .wysiwyg-content h5 {
        font-size: var(--size-18-35);
    }

    .wysiwyg-content h6 {
        font-size: clamp(16px, 2.5vw + 0.2rem, 28px);
    }

    .wysiwyg-content p:not(:last-child) {
        margin-bottom: 1rem;
    }
}

/* block 12 */
.block-12__wrapper {
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: column;
    width: 100%;
}

.block-12__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 15px;
    padding: 15px 0px !important;

    /* flex: 1 1 0; */
    min-width: 0;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: break-word;
    /* hyphens: auto; */
}

.block-12__item * {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    /* hyphens: auto; */
}

.block-12__img {
    overflow: hidden;
}

.block-12__img img {
    max-height: 80svh;
    width: 100%;
    object-fit: cover;
}

.block-12 .justify-flex-start {
    justify-content: flex-start;
}

.block-12 .justify-flex-end {
    justify-content: flex-end;
}

.block-12 .justify-center {
    justify-content: center;
}

.block-12 .justify-space-between {
    justify-content: space-between;
}

.block-12 .justify-space-around {
    justify-content: space-around;
}

.block-12 .justify-space-evenly {
    justify-content: space-evenly;
}

@media (min-width: 600px) {
    .block-12__item {
        padding: var(--size-30-25) 0 !important;
    }
}

@media (min-width: 1024px) {
    .block-12__wrapper {
        /* flex-wrap: nowrap; */
        flex-direction: row;
        justify-content: center;
        gap: var(--size-80-40);
    }
    .block-12__item {
        flex: 1 1 0;
        min-width: 0;
        max-width: 33.3333%;
    }
}
/* end block 12 */

/*  project-navigation-back */
#project-navigation-back {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 0 0;
    background-color: var(--black);
}

body.bg-white #project-navigation-back {
    background-color: var(--white);
}

#project-navigation-back a {
    font-weight: 400;
    font-size: 15px;
    line-height: 111%;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    text-decoration: underline;
}
/* end Project */

#footer {
    position: sticky;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    height: auto;
    padding: 50px 30px;
    font-size: 12px;
}

.site-name {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--white);
    display: flex;
    justify-content: space-between;
}

.site-contacts {
    margin: 15px 0 25px;
    display: flex;
    justify-content: space-between;
}

.sc-conatcts > div,
.sc-social > div {
    display: flex;
}

.sc-address,
.sc-social > div {
    margin-bottom: 16px;
}

.sc-address > div {
    display: inline-block;
}

.sc-conatcts span,
.sc-social span,
.sc-address span {
    color: #7f7f7e;
    margin-right: 5px;
    min-width: 20px;
    display: inline-block;
}

.sc-social a {
    border-bottom: 1px solid;
}

.sc-social a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.design-by {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    color: #7f7f7e;
}

.design-by a {
    color: var(--white);
    margin-bottom: 10px;
}

.design-by a br {
    display: none;
}

#page:not(.bg-black) .design-by a {
    color: var(--black);
}

/* home footer */
#footer.footer-home {
    display: flex;
    justify-content: space-between;
    /* padding: 23vh 30px 50px; */
    padding: 40vh var(--size-100-30) var(--size-100-30);
}

.single-projects #footer.footer-home {
    padding: var(--size-100-30);
}

#footer.footer-home .site-name {
    flex-direction: column;
    padding-bottom: 0;
    border-bottom: 0;
}

#footer.footer-home .right-col {
    text-align: right;
}

#footer.footer-home .copy {
    margin-bottom: 5px;
    font-size: var(--size-15-12);
}

#footer.footer-home .design-by {
    flex-direction: row;
    justify-content: flex-end;
}

#footer.footer-home .design-by a {
    margin-bottom: 0;
    margin-left: 4px;
}

/* 404 */
body.error404,
body.error404 #preloader {
    background-color: var(--blue) !important;
}

body.error404 #primary {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    max-height: -webkit-fill-available;
}

.error-404.not-found {
    overflow: hidden;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 100vh;
    max-height: -webkit-fill-available;
    width: 100vw;
}

.bg-animation {
    min-width: 120vw;
    min-height: 130vh;
    aspect-ratio: 1/1;
    position: absolute;
    z-index: 0;
    margin: auto;
}

.bg-animation video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-text {
    position: relative;
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 111.5%;
    letter-spacing: -0.075em;
    color: var(--white);
    font-size: var(--size-25-15);
}

.page-text > div {
    font-size: var(--size-200-100);
    line-height: 111.5%;
}
/* end 404 */

/* Alt Footer */

#footer-alt {
    background: var(--green);
    color: var(--white);
}

.alt-footer-left > div:not(.row-map) {
    padding: 0 var(--size-100-30);
}

.title-slogan {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: var(--size-60-20);
    padding-top: var(--size-60-20) !important;
}

.footer-title {
    text-transform: uppercase;
    font-size: var(--size-130-50);
    line-height: normal;
}

.footer-slogan {
    color: var(--orange);
}

.footer-row {
    display: flex;
}

.footer-row > div {
    width: 100%;
}

.footer-row span {
    opacity: 0.5;
    display: block;
    margin-bottom: 0.25rem;
}

.row-address {
    margin-bottom: var(--size-40-20);
}

/* .row-address .row-title {
    max-width: 30%;
} */

.row-map {
    margin-bottom: calc(var(--size-40-20) * 1.3);
}

.map {
    width: 100%;
    height: 100% !important;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.map .ymaps-layers-pane {
    filter: grayscale(1) brightness(1.03);
    -ms-filter: grayscale(1) brightness(1.03);
    -webkit-filter: grayscale(1) brightness(1.03);
    -moz-filter: grayscale(1) brightness(1.03);
    -o-filter: grayscale(1) brightness(1.03);
}

.map .ymaps-copyrights-pane {
    display: none !important;
    opacity: 0 !important;
}

.alt-footer-left > div.row-contacts {
    border-top: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
    padding: var(--size-40-20) 0;
    margin: 0 var(--size-100-30);
}

.row-contacts .row-content {
    display: flex;
    flex-direction: column;
    gap: var(--size-50-20);
}

.alt-footer-left .socials {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.row-copy {
    /* padding: var(--size-25-20) var(--size-100-30) calc(var(--size-100-30) - 5px) !important; */
    padding: var(--size-25-20) var(--size-100-30) 0 !important;
}

.row-copy-left .hidden {
    display: none;
}

.row-copy span:not(:last-child) {
    margin-bottom: 15px;
}

.row-copy div:last-child > span {
    text-align: right;
}

.alt-footer-right {
    display: none;
}
@media (min-width: 744px) {
    #footer-alt {
        display: flex;
    }

    .alt-footer-left {
        width: 55vw;
    }

    .alt-footer-left .row-map {
        display: none;
    }

    .alt-footer-right {
        display: block;
        width: 45vw;
    }

    .alt-footer-right .map,
    .map-tablet {
        height: 100% !important;
    }

    .row-address .row-title,
    .row-contacts .row-title {
        max-width: 38%;
    }
}

@media (min-width: 1200px) {
    .footer-title {
        font-size: calc(var(--size-130-50) / 1.5);
    }

    .title-slogan {
        /* padding-top: calc(var(--size-100-30) * 0.9) !important; */
        margin-bottom: calc(var(--size-60-20) / 2);
        padding-top: calc(var(--size-60-20) / 2) !important;
    }

    .row-contacts .row-content {
        flex-direction: row;
    }

    .alt-footer-left {
        width: 60vw;
    }

    .alt-footer-left .socials {
        gap: 1rem;
    }

    .row-phone {
        display: none;
    }

    .row-phone.hidden {
        display: block;
        /* margin-top: 3rem; */
        margin-top: 1.5rem;
    }

    .row-contacts.footer-row > div,
    .row-address .footer-row > div {
        width: auto;
    }

    .row-address .row-title {
        /* min-width: 59%; */
        min-width: unset;
        max-width: 30%;
    }

    .row-address .row-content {
        min-width: 40%;
    }

    .row-contacts .row-title {
        min-width: 30%;
    }

    .row-contacts .row-content {
        min-width: 59%;
    }

    .row-contacts .row-socials {
        min-width: 40%;
    }

    .row-copy {
        padding-bottom: var(--size-25-20) !important;
    }

    .row-copy span:not(:last-child) {
        margin-bottom: 0;
    }

    .row-copy .hidden {
        display: block;
    }

    .row-copy-left {
        display: flex;
        justify-content: space-between;
    }

    .row-copy-right {
        display: none;
    }

    /* .row-copy > div{
		display: flex;
		justify-content: space-between;
	} */

    .alt-footer-right {
        width: 40vw;
    }

    .map {
        aspect-ratio: unset;
    }

    .row-address a > br:last-child {
        display: none;
    }
}

/* end Alt Footer */

/* Block Logos */

.logos-section {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
}

.logos-section .logos {
    display: flex;
    flex-direction: column;
    gap: var(--size-15-10);
}

.logos-section .swiper-slide {
    width: auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.logos-section .swiper-wrapper {
    transition-timing-function: linear !important;
}

.logos-section .logo-item {
    height: var(--size-60-40);
    max-width: calc(100vw / 6);
    /* display: none; */
}

.logos-section .logo-item img {
    object-fit: contain;
    height: 100%;
}

@media (min-width: 744px) {
    .logos-section .logo-item {
        max-width: calc(100vw / 10);
    }
}

@media (min-width: 1024px) {
    .logos-section .logo-item {
        max-width: calc(100vw / 15);
    }

    .logos-section .logos {
        gap: 2rem;
    }
}

/* end Block Logos */

/* Responsive */
@media (min-width: 300px) and (max-width: 374px) {
    #home-page #main-slider h2,
    #home-page #main-slider h2 > span:last-child,
    #projects-page .title h1 {
        font-size: 47px;
    }

    #mob-nav .menu li a {
        font-size: 28px;
    }

    #our-team h2,
    #we-wad h2,
    #contacts h2 {
        font-size: 32px;
    }

    .project-page .page-title .title {
        font-size: 22px;
    }

    #project-navigation .next-title {
        font-size: 11px;
    }

    #projects-page .title-block h1 {
        font-size: 27px;
        padding: 15px 0;
    }

    #projects-page .number {
        margin-top: 0.15rem;
    }

    #projects-page .title {
        background-color: #fff;
    }

    #projects-page .item-title {
        font-size: 15px;
    }

    #footer {
        padding: 30px;
    }
    .site-contacts {
        margin: 15px 0 0;
    }

    .sc-address,
    .sc-social > div {
        margin-bottom: 12px;
    }

    .design-by a {
        margin-bottom: 0;
    }
}

/* @media (min-width: 374px) and (max-width: 375px) {
    #projects-page .title-block h1 {
        font-size: 33px !important;
    }
} */

@media (min-width: 360px) {
    #mob-nav .menu li a {
        font-size: 33px;
    }
}

@media (min-width: 480px) {
    #mob-nav .menu li a {
        font-size: 40px;
        background-position: 100vw 50%;
    }

    #mob-nav li a:hover,
    #mob-nav li.current-menu-item:not(.menu-item-object-custom) a {
        background-position: 360px 50%;
    }
}

@media (min-width: 600px) {
    .counter > div {
        font-size: 80px;
    }

    #burger {
        margin-right: 0px;
    }

    #burger > div {
        width: 21px;
        height: 8px;
    }

    #mob-nav {
        padding: var(--size-100-30) 0 120px;
        min-height: calc(100vh - 30px);
    }

    #mob-nav .menu li a {
        padding: 0 var(--size-100-30);
    }

    #home-page #main-slider {
        flex-direction: column;
		height: 100vh;
        min-height: 100vh;
        /* min-height: -webkit-fill-available; */
    }

    #home-page #main-slider h2 {
        font-size: 10.55vw;
        line-height: normal;
        text-indent: -0.5vw;
        bottom: 138px;
        position: absolute !important;
        width: 100%;
        text-align: left;
        white-space: nowrap;
    }

    #home-page .promo-text {
        margin: 43% 0 0 0;
        justify-content: unset;
    }

    #home-page .promo-text > div {
        background-image: none !important;
        background-clip: unset;
        -webkit-text-fill-color: unset;
        color: unset;
        max-width: 50%;
        padding-right: 5%;
    }

    body.page-template-home-page:not(.is-touch) #home-page .promo-text > div {
        color: #fff;
    }

    #home-page #main-slider > .home-slider {
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        max-height: 100vh;
        /* max-height: -webkit-fill-available; */
        margin-top: 0;
    }

    #home-page #main-slider > .home-slider > .image-swiper {
        transform: scale(1);
    }

    .image-swiper {
        width: 100%;
        max-width: unset;
        aspect-ratio: unset;
        max-height: calc(100vh - 106px);
    }

    .info-swiper .info {
        min-height: 42px;
    }

    .info-swiper .place,
    .info-swiper .title {
        font-size: var(--size-15-12);
    }

    .info-swiper .title {
        font-size: var(--size-25-15);
    }

    .home-slider .swiper-button-next,
    .home-slider .swiper-button-prev {
        display: flex;
    }

    body.is-touch .home-slider .swiper-button-next,
    body.is-touch .home-slider .swiper-button-prev {
        display: none;
    }

    /* about */
    #about-scale .text-1 {
        opacity: 0;
    }
    #about-scale {
        padding: var(--size-200-100) 0 var(--size-150-100);
        font-size: var(--size-72-40);
    }

    #about-text .block > div {
        font-size: var(--size-25-15);
    }

    #about-scale .text-1 > div > span:nth-child(1),
    #about-scale .text-1 > div > span:nth-child(2) {
        font-size: var(--size-25-12);
    }

    section#about-text .block {
        padding: 0 var(--size-100-30) var(--size-150-100) !important;
    }

    #about-text .block > div {
        padding: 0 0 var(--size-120-60) calc(50% + 20px);
    }

    #about-text .block > div.text-2 {
        padding: 0 calc(50% + 20px) var(--size-120-60) 0;
    }

    #about-text .block > div > div {
        line-height: 120%;
        font-size: var(--size-40-15);
    }

    #we-wad .block-title,
    #we-wad .block-desc {
        display: flex;
        justify-content: space-between;
    }

    #we-wad h2 span {
        display: inline;
    }

    #we-wad .block-title {
        margin-bottom: var(--size-90-50);
        display: flex;
        align-items: flex-end;
    }

    #we-wad .block-text {
        margin-bottom: var(--size-90-50);
    }

    #our-team h2,
    #we-wad h2 {
        font-size: var(--size-130-50);
    }
    /* end  about */

    /* home contacts */
    #contacts .block {
        margin-bottom: var(--size-180-100);
    }

    #contacts h2 {
        font-size: var(--size-130-50);
        margin-bottom: var(--size-100-35);
    }

    #contacts .site-contacts,
    #contacts .sc-bureau {
        width: calc(50% - 15px);
    }

    #contacts .sc-bureau > div {
        padding-right: 10px;
    }

    #contacts .sc-bureau > * {
        width: auto;
    }

    #contacts .sc-conatcts > div,
    #contacts .sc-social > div,
    #contacts .sc-bureau > * {
        margin-bottom: 10px;
    }

    #contacts .sc-slogan {
        top: 50%;
    }

    body.page-template-home-pag:not(.is-touch) #burger span {
        background-color: var(--white) !important;
    }
    body.page-template-home-page:not(.is-touch) #home-page #main-slider > * {
        color: var(--white) !important;
    }

    #mob-nav .menu li a {
        font-size: 70px;
    }

    /*  Project */
    .single-projects .content {
        display: flex;
        justify-content: space-between;
        flex-direction: unset;
    }

    .single-projects section:not(.block-1) .content > div.image {
        margin: var(--size-30-25) 0;
    }

    .single-projects .image {
        aspect-ratio: 354/254;
        max-width: 50%;
    }

    .block-1 .content {
        flex-direction: column;
    }

    .block-1 .info-col {
        display: flex;
    }

    .block-1 .city {
        order: 1;
        width: 11.5833%;
    }

    .block-1 .year {
        order: 2;
        width: 10.4533%;
    }

    .block-1 .location {
        order: 3;
        width: 22.8%;
    }

    .block-1 .team {
        order: 4;
        width: 49.361%;
        margin-left: auto;
    }

    .block-1 .desc-col {
        display: flex;
        justify-content: space-between;
    }

    .block-1 .text-1 {
        /* width: 37.43%; */
        width: 46.4544%;
    }

    .block-1 .text-2 {
        width: 49.361%;
    }

    .block-1 .image {
        aspect-ratio: 768/760;
        max-width: 100%;
    }

    .block-2 .image-2 {
        aspect-ratio: 259/254;
        max-width: 36.5833%;
    }

    .block-3 .image-1 {
        aspect-ratio: 173/254;
        max-width: 24.437%;
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .block-3 .image-2 {
        aspect-ratio: 443/254;
        max-width: 62.572%;
    }

    .block-4 .image {
        max-width: 47.177%;
        aspect-ratio: 334/254;
    }

    .block-5 .image-1 {
        aspect-ratio: 708/376;
        max-width: 100%;
    }

    .block-6 .content-block .image {
        max-width: unset;
    }

    .block-6 .content-block-1 {
        margin: var(--size-30-25) 0 !important;
        max-width: 37.43%;
        /* aspect-ratio: 265/167; */
    }

    .block-6 .content-block-2 {
        margin: var(--size-30-25) 0;
    }

    .block-6 .image-1 {
        /* margin: 25px 0 !important;
        max-width: 37.43%; */
        aspect-ratio: 265/167;
    }

    .block-6 .content-block-2 .text-1 {
        display: none;
    }

    .block-6 .content-block-2 {
        max-width: 50%;
    }

    .block-6 .content-block-1 .text-1 {
        display: block;
        margin-top: var(--size-30-25);
    }

    /* .block-7a .content {
        display: flex;
        flex-direction: unset;
    }

    .block-7a .image-1,
    .block-7a .image-3 {
        aspect-ratio: 354/240;
        max-width: 50%;
        margin: 25px 0 !important;
    }

    .block-7a .image-2,
    .block-7a .image-4 {
        aspect-ratio: 259/156;
        max-width: 36.5833%;
        margin: 25px 0 !important;
    } */

    .block-7 .content {
        display: flex;
        flex-direction: unset;
    }

    .block-7 .image {
        max-width: unset;
        height: auto;
    }

    .block-7 .content-block-1,
    .block-7 .content-block-3 {
        /* aspect-ratio: 354/240; */
        max-width: 50%;
    }

    .block-7 .image-1,
    .block-7 .image-3 {
        aspect-ratio: 354/240;
        margin: 25px 0 !important;
    }

    .block-7 .content-block-2,
    .block-7 .content-block-4 {
        /* aspect-ratio: 259/156; */
        max-width: 36.5833%;
    }

    .block-7 .image-2,
    .block-7 .image-4 {
        aspect-ratio: 259/156;
        margin: 25px 0 !important;
    }

    .block-8 .video {
        position: relative;
        margin: 30px 0;
    }

    .block-8 .video > video {
        width: 100%;
        height: auto;
    }
    /* end Project */

    /* next prj */
    #project-navigation {
        padding-top: var(--size-150-100);
    }

    #project-navigation .thumb {
        aspect-ratio: 244/190;
        max-width: 31.773%;
    }

    #project-navigation .next-info {
        padding: 20px 30px 20px 20px;
        font-size: var(--size-25-15);
    }

    #project-navigation .next-info > div {
        flex-direction: unset;
    }

    #project-navigation .next-info .next-city {
        display: block;
        height: auto;
    }

    #project-navigation .next-info .next-text {
        white-space: nowrap;
        padding-left: 10px;
        font-size: var(--size-25-15);
    }

    #project-navigation-back a {
        font-size: var(--size-25-15);
    }

    ul.project-filter > li > div {
        /* font-size: 15px; */
    }

    /* footer */
    #footer {
        padding: 100px var(--size-100-30);
    }

    .site-contacts {
        margin: 15px 0 0;
        width: 100%;
        max-width: 60%;
        float: left;
    }

    .sc-social > div {
        margin-bottom: 6px;
    }

    #footer.footer-home {
        padding: 23vh var(--size-100-30) var(--size-130-50);
        /* padding: var(--size-100-30); */
    }

    #footer:not(.footer-home) .design-by {
        width: 100%;
        max-width: 40%;
        margin-top: 56px;
    }
}

@media (min-width: 600px) and (max-width: 744px) and (orientation: landscape) {
    #footer {
        padding: 10px var(--size-100-30) 10px;
    }
}

@media (min-width: 744px) {
    .design-by a br {
        display: block;
    }

    #footer.footer-home .copy.hidden {
        display: block;
    }

    #footer.footer-home .right-col .copy {
        display: none;
    }

    .cofounders .item {
        flex-direction: row;
    }

    .cofounders .image-block {
        margin-right: 30px;
    }

    .cofounders .image {
        min-width: 100%;
    }

    .cofounders .image-block,
    .teams .item {
        width: 39.689vw;
        min-width: 39.689vw;
    }
}

@media only screen and (min-width: 744px) and (orientation: portrait) {
    .image-swiper {
        max-height: calc(100vh - 138px);
        text-align: left !important;
    }

    #projects-page section {
        margin-bottom: 22vh;
    }

    #projects-page .number {
        /* padding: 0 30px 0 0px;
        width: 10%; */
        margin-top: 0.1rem;
    }

    .site-contacts {
        max-width: 50%;
    }

    #projects-page .title-block h1 {
        /* font-size: 9.15vw; */
        font-size: 5.25vw;
    }

    ul.project-filter > li {
        width: fit-content;
        max-width: calc(100% / 4);
        padding-right: 0;
    }

    /* body.page-template-projects-page #footer {
        padding-top: 25vh;
    } */

    .sc-social {
        margin-top: auto;
    }
}

@media only screen and (min-width: 744px) {
    /* ul.project-filter > li > div {
        background-position: 0% center;
    } */

    ul.project-filter > li > div br {
        display: none;
    }
}
@media only screen and (min-width: 744px) and (orientation: landscape) {
    #projects-page .project-items {
        padding: var(--size-80-40) 0 0;
    }

    #footer .sc-conatcts {
        min-width: 50%;
    }

    #footer .sc-social {
        flex-direction: column;
    }
}

@media only screen and (min-width: 744px) and (orientation: portrait) {
    #projects-page .project-items {
        /* padding: calc(var(--size-80-40) * 3) 0 calc(var(--size-80-40) * 7); */
        padding: calc(var(--size-80-40) * 3) 0 61vh;
    }
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
    #footer:not(.footer-home) .site-contacts {
        max-width: 66%;
    }
    #footer:not(.footer-home) .design-by {
        max-width: 37%;
        margin-top: 36px;
    }

    #footer:not(.footer-home) .sc-social {
        flex-direction: row;
        margin-top: auto;
    }
}

@media (min-width: 815px) {
    .counter > div {
        font-size: 100px;
    }

    #header {
        padding: var(--size-50-30) var(--size-100-30) 0;
    }

    #site-navigation #primary-menu {
        display: flex;
        justify-content: space-between;
    }

    #burger {
        display: none;
    }

    #home-page #main-slider {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

    #home-page #main-slider,
    #home-page #main-slider > .home-slider,
    .image-swiper,
    .image-swiper .swiper-wrapper,
    .image-swiper .swiper-wrapper .swiper-slide,
    .image-swiper .image,
    .image-swiper .image > img {
        max-height: -webkit-fill-available;
    }

    #home-page #main-slider h2 {
        font-size: 10.65vw;
        top: 7vw;
        font-size: var(--size-210-86);
        padding: 0 var(--size-100-30);
        width: 100%;
        margin: 0;
    }

    #home-page #main-slider h2 > span {
        display: inline !important;
    }

    #home-page .promo-text {
        margin: auto 0 auto;
    }

    #home-page .lang {
        display: block;
    }

    .image-swiper {
        max-width: unset;
        max-height: 100vh;
        max-height: -webkit-fill-available;
        aspect-ratio: unset;
    }

    .info-swiper {
        position: absolute !important;
        bottom: var(--size-90-60);
        right: var(--size-100-30);
        max-width: calc(100% - (var(--size-100-30) * 2));
        margin: 0;
        text-align: right;
    }

    .info-swiper .info {
        min-height: calc(42px + (100 - 42) * ((100vw - 815px) / 3025));
    }

    #we-wad .block {
        padding: var(--size-200-100) var(--size-100-30);
    }

    #we-wad .block-text {
        padding-left: 10%;
        max-width: 50%;
    }

    #we-wad .block-desc > div > div {
        padding: var(--size-25-15) 0;
    }

    #we-wad .block-desc > div > div > div:first-child {
        padding: 0 0 0 10%;
    }

    #we-wad .block-desc > div > div > div:last-child {
        padding: 0 0 0 17%;
    }

    #contacts .sc-bureau br {
        display: block;
    }

    #mob-nav {
        display: none;
    }

    .single-projects section:not(.block-1) .content {
        padding: 0 var(--size-100-30);
    }

    .single-projects section:not(.block-1) .content > div.image {
        margin: var(--size-30-25) 0;
    }

    .block-1 .image {
        aspect-ratio: 1920/550;
    }

    .project-page .page-title {
        padding: var(--size-50-30) var(--size-100-30);
        letter-spacing: -0.075em;
    }

    .project-page .block-1 .description {
        padding: var(--size-50-30) var(--size-100-30) var(--size-30-25);
    }

    .block-1 .city {
        width: 12.5%;
    }

    .block-1 .year {
        width: 9.961%;
    }

    .block-1 .location {
        width: 23.4%;
    }

    .block-1 .info-col > div.location > div {
        margin-right: 0;
    }

    .block-1 .desc-col {
        padding: var(--size-50-40) 0 0;
    }

    .block-2 .image-1 {
        aspect-ratio: 799/617;
        max-width: 46.4544%;
    }

    .block-2 .image-2 {
        aspect-ratio: 532/617;
        max-width: 30.931%;
    }

    .block-3 .image-1 {
        aspect-ratio: 397/617;
        max-width: 23.0814%;
    }

    .block-3 .image-2 {
        aspect-ratio: 849/617;
        max-width: 49.361%;
    }

    .block-4 .image-1 {
        aspect-ratio: 799/617;
        max-width: 46.4544%;
    }

    .block-4 .image-2 {
        aspect-ratio: 849/617;
        max-width: 49.361%;
    }

    .block-5 .image-1 {
        aspect-ratio: 1720/914;
    }

    .block-6 .content-block-1 {
        /* aspect-ratio: 719/406; */
        max-width: 41.803%;
    }

    .block-6 .image-1 {
        aspect-ratio: 719/406;
        /* max-width: 41.803%; */
    }

    .block-6 .content-block-2 {
        /* aspect-ratio: 921/620; */
        max-width: 53.547%;
    }

    .block-6 .image-2 {
        aspect-ratio: 921/620;
        /* max-width: 53.547%; */
    }

    /* .block-7a .image-1 {
        aspect-ratio: 799/761;
        max-width: 46.4544%;
    }

    .block-7a .image-2 {
        aspect-ratio: 532/380;
        max-width: 30.931%;
    }

    .block-7a .image-3 {
        aspect-ratio: 799/582;
        max-width: 46.4544%;
    }

    .block-7a .image-4 {
        aspect-ratio: 532/375;
        max-width: 30.931%;
    } */

    .block-7 .image-1 {
        aspect-ratio: 799/761;
    }

    .block-7 .content-block-1 {
        max-width: 46.4544%;
    }

    .block-7 .image-2 {
        aspect-ratio: 532/380;
    }

    .block-7 .content-block-2 {
        max-width: 30.931%;
    }

    .block-7 .image-3 {
        aspect-ratio: 799/582;
    }

    .block-7 .content-block-3 {
        max-width: 46.4544%;
    }

    .block-7 .image-4 {
        aspect-ratio: 532/375;
    }

    .block-7 .content-block-4 {
        max-width: 30.931%;
    }

    #projects-page section {
        padding: var(--size-80-40) 0;
        margin-bottom: 0;
    }

    #projects-page .item {
        /* padding: var(--size-15-10) 0; */
        padding: calc(7.5px + 2.5 * ((100vw - 375px) / 1545)) 0;
    }

    #projects-page .item-title {
        max-width: 60%;
        /* font-size: var(--size-40-25); */
        font-size: var(--size-25-15);
    }

    #projects-page .title h1 {
        font-size: unset;
        line-height: unset;
    }

    #projects-page .project-items {
        padding: var(--size-80-40) 0 0;
    }

    #projects-page .item:hover {
        z-index: 4;
    }

    #projects-page .item:hover .number {
        color: var(--orange);
    }

    #projects-page .item .item-card {
        max-width: 260px;
        width: 36%;
        top: 0;
        padding: calc(var(--size-30-20) / 2);
        display: none;
    }

    #projects-page .title-block h1 {
        padding: var(--size-100-40) 0 0;
        font-size: 9.15vw;
        white-space: nowrap;
    }

    body:not(.is-touch) #projects-page .item:hover .item-card {
        display: block;
    }

    body:not(.is-touch) #projects-page .item:hover .item-title {
        font-weight: 730;
        font-stretch: 95%;
    }

    body:not(.is-touch) #projects-page .item:hover .item-card {
        opacity: 1;
    }

    #projects-page .item .ic-top {
        display: flex;
    }

    #projects-page .item .ic-mid .image {
        margin: 0 0 calc(var(--size-30-20) / 2.75);
        aspect-ratio: 270/250;
    }

    #projects-page .item .item-card .ic-bottom {
        display: block;
    }

    #projects-page .title-block,
    #projects-page .title {
        top: 0 !important;
    }

    #projects-page .title {
        height: auto;
    }

    #project-navigation .thumb {
        aspect-ratio: 396/304;
        max-width: 20.6253%;
    }

    #project-navigation .next-info {
        padding: var(--size-35-20) var(--size-100-30) var(--size-35-20) var(--size-35-20);
    }

    #footer {
        padding: var(--size-150-100) var(--size-100-30) 100px var(--size-100-30);
        font-size: var(--size-25-15);
    }

    .sc-conatcts span {
        min-width: 25px;
    }

    .sc-social span {
        min-width: 15px;
    }

    #contacts .block {
        margin: 18vh 0;
    }

    #contacts .sc-slogan {
        top: 50%;
        font-size: var(--size-40-15);
        right: -18%;
    }

    #footer.footer-home {
        align-items: flex-end;
    }

    #footer.footer-home .site-name,
    #footer.footer-home .copy,
    #footer.footer-home .design-by {
        margin-bottom: 0;
    }

    #footer.footer-home .right-col .copy {
        display: none;
    }

    #footer.footer-home .copy.hidden {
        display: block;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        line-height: normal;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    #footer.footer-home .design-by {
        /* flex-direction: column; */
        margin-top: 0;
        max-width: unset;
    }

    /* #footer.footer-home .design-by > div  */
    #footer.footer-home .site-name > div:first-child {
        margin-bottom: 5px;
    }
}
@media (max-width: 768px) {
    #projects-page section {
        margin-bottom: 12vh;
    }

    body.is-mobile #projects-page section {
        margin-bottom: 0vh;
    }
}

@media (min-width: 768px) {
    #home-page #main-slider h2 {
        font-size: 10.65vw;
    }

    .site-contacts {
        max-width: 66%;
    }

    #footer:not(.footer-home) .design-by {
        max-width: 34%;
        justify-content: flex-end;
        margin-top: 72px;
    }

    .design-by a {
        margin-bottom: 0px;
        display: flex;
        margin-left: 3px;
    }

    .sc-social {
        display: flex;
        align-items: flex-start;
    }

    /* ul.project-filter > li > div {
        background-position: 0% center;
    } */
    ul.project-filter > li > div br {
        display: none;
    }
}

@media (min-width: 814px) {
    #site-navigation {
        width: 40%;
    }

    #projects-page .title-block h1 {
        font-size: 9.186vw;
    }

    #home-page .promo-text > div {
        font-size: var(--size-25-15);
        max-width: 32%;
    }

    body.single-projects #footer {
        padding: var(--size-150-50) var(--size-100-30) 100px var(--size-100-30);
    }
}

@media (min-width: 802px) and (max-width: 1376px) {
    body.is-touch #projects-page .item .item-card {
        min-width: 25%;
        top: 0;
        padding: calc(var(--size-30-20) / 2);
        display: flex;
    }

    body.is-touch #projects-page .item .ic-mid .image {
        margin: 0 0 var(--size-30-20);
    }

    #projects-page section {
        padding: var(--size-80-40) 0;
        margin-bottom: 0vh;
    }
}

@media only screen and (min-width: 815px) and (orientation: portrait) {
    #home-page .lang {
        display: none;
    }

    #site-navigation {
        width: calc(50% - 13px);
    }

    #home-page .promo-text {
        margin: auto;
    }

    #home-page #main-slider h2 {
        text-indent: -0.5vw;
        top: auto;
        bottom: 13vh;
        position: absolute !important;
        text-align: left;
    }

    .image-swiper {
        height: calc(calc(var(--vh, 1vh) * 100) - 15vh);
    }

    .info-swiper {
        bottom: var(--size-50-30);
        text-align: left;
    }

    .info-swiper .info {
        min-height: 46px;
    }

    .info-swiper .place,
    .info-swiper .title {
        font-size: 15px;
    }

    #projects-page .project-items {
        padding: calc(var(--size-80-40) * 3) 0 0;
    }

    #project-navigation .next-title {
        font-size: var(--size-35-20);
    }

    body.page-template-projects-page.is-touch #footer {
        /* padding-top: var(--size-150-100); */
        /* margin-top: 25vh; */
        padding-top: 23vh;
    }

    .block-1 .image {
        aspect-ratio: 768/760;
        max-width: 100%;
    }

    #projects-page .title-block h1 {
        padding: var(--size-100-40) 0 30px;
    }
}

@media only screen and (min-width: 815px) and (orientation: landscape) {
    #home-page .promo-text > div {
        max-width: 28%;
    }

    #projects-page section {
        padding: var(--size-80-40) 0 calc(var(--size-80-40) * 3);
        margin-bottom: 0vh;
    }

    #projects-page .title-block h1 {
        font-size: 2.8225vw;
    }

    body.page-template-projects-page.is-touch #footer {
        /* margin-top: 20vh;
        padding-top: var(--size-100-30); */
        padding-top: 50vh;
    }

    /* #projects-page section {
        padding: var(--size-80-40) 0;
    } */

    #projects-page .content {
        flex-direction: unset;
    }

    #projects-page .title {
        width: auto;
        margin: 0 0 auto;
        padding: var(--size-80-40) 0 0;
        box-shadow: none;
    }

    #projects-page .title-block {
        box-shadow: 0px 15px 10px rgb(255, 255, 255), 0px 7px 5px rgb(255, 255, 255);
        max-width: 75vw;
    }

    #projects-page .project-items {
        padding: var(--size-80-40) 0 0;
    }

    ul.project-filter {
        display: block;
    }

    ul.project-filter > li {
        width: 100%;
        margin-bottom: var(--size-50-40);
        overflow: hidden;
    }

    ul.project-filter > li:last-child {
        margin-bottom: 0;
    }

    /* ul.project-filter > li > div {
        background-position: 0% 14%;
        background-size: 4%;
        padding-left: 7%;
    } */

    #projects-page .item .item-card {
        max-width: 25%;
        width: 100%;
    }
    /* body.page-template-projects-page #footer {
        padding-top: 15vh;
    } */
}

@media only screen and (min-width: 1024px) and (orientation: portrait) {
    .image-swiper {
        height: calc(calc(var(--vh, 1vh) * 100) - 14vh);
    }

    #footer:not(.footer-home) .design-by {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
    #home-page #main-slider h2 {
        font-size: 10.8vw;
    }
}
@media (min-width: 769px) {
    /* body.page-template-projects-page #footer {
        padding-top: 10vh;
    } */
}

@media (min-width: 1024px) and (min-height: 600px) and (max-height: 745px) {
    /* body.page-template-projects-page #footer {
        padding-top: 30vh;
    } */
}

@media (min-width: 992px) {
    .block-1 .info-col h4 {
        padding-right: 10px;
    }
}

@media (max-width: 1280px) and (max-height: 740px) and (orientation: landscape) {
    #projects-page .title-block h1,
    #projects-page .title,
    #projects-page .project-items {
        /* padding: var(--size-40-25) 0 0; */
    }

    #projects-page .item .item-card {
        padding: 15px;
    }

    #projects-page .item .ic-mid .image {
        /* margin: 0 0 15px; */
        margin: 0;
    }

    #contacts h2 {
        margin-bottom: var(--size-250-100);
    }

    #contacts .site-contacts {
        flex-direction: row;
    }

    #contacts .sc-slogan {
        right: -30%;
        max-width: 20%;
    }
}

@media (min-width: 1280px) {
    #site-navigation {
        width: 33.5%;
    }

    #our-team .block {
        padding: var(--size-220-50) var(--size-100-30) var(--size-100-35) !important;
    }

    .cofounders .image-block {
        width: 42%;
        min-width: 42%;
        display: flex;
        flex-direction: row;
        margin-right: 0;
    }

    .cofounders .image {
        max-width: calc(((100vw - (var(--size-100-30) * 2) - 90px) / 4));
        min-width: calc(((100vw - (var(--size-100-30) * 2) - 90px) / 4));
    }

    .cofounders .title {
        width: auto;
        margin: 0;
        padding: 0 30px;
        font-size: var(--size-25-15);
    }

    .cofounders .text-block {
        max-width: 58%;
        display: flex;
    }

    .cofounders .text-1 {
        margin-bottom: 0;
        padding-right: 8%;
        width: 100%;
        min-width: 43.5%;
    }

    .team-block {
        padding-bottom: var(--size-220-50);
    }

    .teams {
        flex-wrap: wrap;
        gap: 30px;
    }

    .teams .item {
        width: calc((100% - 90px) / 4);
        min-width: unset;
        margin-left: 0;
    }
    .teams .title {
        margin: var(--size-30-20) 0;
        font-size: var(--size-25-15);
    }

    ul.project-filter .ic-arrow {
        width: 7px;
        min-width: 7px;
    }
}

@media (min-width: 1281px) {
    #home-page .promo-text > div {
        max-width: 26%;
    }

    #about-text .block > div > div {
        max-width: 100%;
    }

    #footer {
        display: flex;
    }

    .site-name {
        padding-bottom: 0;
        border-bottom: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 23.0814%;
        padding-right: 20px;
        margin-top: auto;
        margin-bottom: 10px;
    }

    #contacts h2 {
        margin-bottom: var(--size-250-100);
    }

    #contacts .site-contacts {
        flex-direction: row;
    }

    #contacts .sc-slogan {
        right: -30%;
        max-width: 20%;
    }

    .site-contacts {
        margin: 0;
        max-width: 50%;
        float: unset;
    }

    #footer .sc-conatcts {
        min-width: 70%;
        padding-right: 20px;
    }

    .sc-social {
        justify-content: space-between;
    }

    .sc-conatcts > div,
    .sc-social > div {
        margin-bottom: 10px;
    }

    #footer .sc-social > div:last-child {
        margin-top: unset;
    }

    .sc-conatcts span,
    .sc-social span {
        margin-right: 15px;
    }

    .sc-conatcts span {
        min-width: 25px;
    }

    .sc-social span {
        min-width: 17px;
    }

    .design-by {
        justify-content: flex-end;
        margin-top: 0;
        margin-bottom: 10px;
        max-width: unset;
        margin-left: auto;
        width: fit-content;
        align-items: flex-end;
    }
}

@media (min-width: 1400px) {
    #home-page .promo-text > div {
        max-width: 26%;
    }

    #footer {
        justify-content: space-between;
    }

    #footer > div {
        min-width: unset;
        max-width: unset;
        width: fit-content;
    }

    #footer .sc-conatcts {
        min-width: unset;
        display: flex;
        flex-direction: column;
    }

    #footer:not(.footer-home) .sc-conatcts > div {
        margin-top: auto;
    }

    .sc-social {
        display: flex;
        flex-direction: row;
        margin-top: auto;
        margin-bottom: 9px;
    }

    .sc-social > div {
        align-items: end;
    }

    .design-by {
        align-items: flex-end;
        flex-direction: column;
    }

    .design-by a br {
        display: none;
    }

    #footer:not(.footer-home) .site-contacts {
        max-width: unset;
        justify-content: space-around;
        flex: 1 1 auto;
        padding: 0 5%;
    }

    #footer:not(.footer-home) .design-by {
        max-width: fit-content;
        margin-top: auto;
        margin-bottom: 0px;
        padding-left: 20px;
    }

    #footer:not(.footer-home) .sc-social {
        margin-bottom: 1px;
    }

    #footer:not(.footer-home) .site-name,
    #footer:not(.footer-home) .sc-social,
    #footer:not(.footer-home) .sc-conatcts > div,
    #footer:not(.footer-home) .sc-social > div {
        margin-bottom: 0;
    }
}

@media (min-width: 1600px) {
    #header {
        min-height: var(--size-80-40);
    }

    #home-page .promo-text > div {
        max-width: 25%;
    }

    .block-1 .info-col > div > div {
        margin: 0 10px;
        margin-left: 0;
    }

    #home-page #main-slider h2 {
        text-align: center;
        font-size: 13.75vw;
    }
}

@media (min-width: 1800px) {
    #home-page .promo-text > div {
        max-width: 23.5%;
    }

    ul.project-filter > li > div {
        white-space: nowrap;
    }

    #projects-page .title {
        min-width: fit-content;
    }

    ul.project-filter .ic-arrow {
        bottom: 1px;
        position: relative;
    }

    #footer:not(.footer-home) .site-name,
    #footer:not(.footer-home) .site-name > div:first-child,
    #footer:not(.footer-home) .sc-social,
    #footer:not(.footer-home) .sc-conatcts > div,
    #footer:not(.footer-home) .design-by,
    #footer:not(.footer-home) .design-by > div {
        margin-bottom: 10px;
    }

    #footer:not(.footer-home) .sc-social > div {
        margin-bottom: 0px;
    }
}

@media (min-width: 1900px) {
    ul.project-filter .ic-arrow {
        bottom: 2px;
    }
}

@media (min-width: 2500px) {
    #home-page #main-slider h2 {
        font-size: 10.95vw;
    }

    ul.project-filter .ic-arrow {
        bottom: 0.095vw;
        min-width: 0.35vw;
    }
}

@media (min-width: 2561px) {
    #home-page .promo-text > div {
        max-width: 22%;
    }

    #projects-page .item .item-card {
        max-width: 400px;
        font-size: var(--size-25-15);
    }

    #footer:not(.footer-home) .site-name,
    #footer:not(.footer-home) .site-name > div:first-child,
    #footer:not(.footer-home) .sc-social,
    #footer:not(.footer-home) .sc-conatcts > div,
    #footer:not(.footer-home) .sc-social > div,
    #footer:not(.footer-home) .design-by,
    #footer:not(.footer-home) .design-by > div {
        margin-bottom: 20px;
    }
}

@media (min-width: 3000px) {
    #site-navigation {
        width: 35.5%;
    }

    #home-page .promo-text > div {
        max-width: 20%;
    }

    .cofounders .text-1 {
        min-width: 39.5%;
    }

    #projects-page .item .item-card {
        max-width: 20%;
        font-size: 30px;
        line-height: normal;
    }

    #home-page #main-slider h2 {
        font-size: 11vw;
    }
}

@media (min-width: 3800px) {
    #site-navigation {
        width: 33.5%;
    }

    .cofounders .text-1 {
        min-width: 42.1%;
    }

    ul.project-filter > li > div,
    #projects-page .item-title {
        font-size: 50px;
    }
}

@media only screen and (max-device-width: 480px) and (orientation: landscape) {
    body.is-mobile.text-color-blue:not(.nav-open) #burger span {
        background-color: var(--white) !important;
    }

    #home-page section .block {
        padding: 80px var(--size-100-30);
    }

    #home-page #main-slider h2 {
        margin: 25vw 0 0;
        font-size: 10.5vw;
        bottom: auto !important;
    }

    #home-page .promo-text {
        justify-content: flex-end;
    }

    #home-page .promo-text > div {
        max-width: 40%;
    }

    #home-page #main-slider {
        height: auto !important;
        min-height: 230vh !important;
    }

    #home-page #main-slider > .home-slider {
        max-height: max-content !important;
    }

    .image-swiper {
        aspect-ratio: 510/290;
        will-change: auto;
        max-width: calc(100% - 60px) !important;
        max-height: unset !important;
        margin-top: 96vh;
    }

    .info-swiper .info {
        min-height: 49px;
    }

    .cofounders .item {
        flex-direction: column;
    }

    .cofounders .image {
        max-width: calc(((100vw - (var(--size-100-30) * 2) - 0px) / 2));
        min-width: calc(((100vw - (var(--size-100-30) * 2) - 0px) / 2));
    }

    .teams .item {
        max-width: calc(((100vw - (var(--size-100-30) * 2) - 60px) / 2));
        min-width: calc(((100vw - (var(--size-100-30) * 2) - 60px) / 2));
    }

    #contacts .site-contacts {
        flex-direction: column;
    }

    #contacts h2 {
        margin-bottom: 20vh;
    }

    #contacts .sc-social,
    #contacts .sc-bureau {
        width: 50%;
    }

    #contacts .sc-slogan {
        right: -25%;
        max-width: 15%;
    }

    #mob-nav {
        padding: var(--size-100-30) 0 17vh;
        max-height: 100vh;
        max-height: -webkit-fill-available;
    }

    #mob-nav .menu li a {
        font-size: 32px;
    }

    #projects-page section {
        overflow: hidden;
        padding: 0;
    }

    #projects-page .title-block h1 {
        font-size: 4vw;
        padding: 15px 0 0;
    }

    #projects-page .content {
        flex-direction: unset;
    }

    #projects-page .title {
        padding: 6vh 0 0;
        margin: 0 0 auto;
        background-color: var(--white);
        height: auto;
        width: auto;
        min-width: 25vw;
        box-shadow: none !important;
    }

    #projects-page .project-items {
        width: 100%;
        padding: 20vh 0 0;
    }

    ul.project-filter {
        display: block;
    }

    ul.project-filter > li {
        width: 100%;
        margin-bottom: 20px;
    }

    ul.project-filter > li > div {
        font-size: 16px;
        /* background-position: 0% 13%; */
    }

    ul.project-filter > li > div br {
        display: block;
    }

    body.is-touch #projects-page .item .item-card {
        display: none;
    }

    body.bg-white .site-name {
        border-bottom: 1px solid var(--black);
    }

    .block-1 .image {
        aspect-ratio: 568/230;
        max-width: 100%;
    }

    .design-by a {
        margin-bottom: 0;
    }

    #footer {
        padding: calc(var(--size-100-30) / 2) var(--size-100-30) calc(var(--size-100-30) / 3) !important;
    }

    .info-swiper .title {
        font-size: 15px;
    }

    .info-swiper .place {
        font-size: 12px;
        line-height: 111%;
    }
}

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
    .info-swiper .title {
        font-size: var(--size-25-15) !important;
    }

    .info-swiper .place {
        font-size: var(--size-15-12) !important;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    #footer:not(.footer-home) .design-by {
        /* max-width: 50%; */
        max-width: 100%;
    }
}