* { box-sizing: border-box; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body {font-family: var(--font-body);padding:0;margin:0;font-size: 20px;line-height: 1.75;color: var(--c-primary);-webkit-font-smoothing: antialiased;font-weight: 300;background-color: var(--c-light-grey);}
input, textarea, button {border-radius: 0;-webkit-appearance:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
nav ul{list-style: none;padding: 0;margin: 0;}
 
a {text-decoration:none;outline: none;color: inherit;}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:60px;}
h2{font-size:60px;}
h3{font-size:54px;}
h4{font-size:32px;}
h5{font-size:22px;}
h6{font-size:16px;}
p{margin:0;}
/*--grid classes---*/
.row {display: flex;flex-wrap: wrap;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.flex-row-center{display: flex;justify-content: center;}

.c-white { color: var(--c-white); }
.bg-light-grey{background-color: var(--c-light-grey);}
.title-part-reg{font-family: var(--font-title-reg);text-transform: uppercase;}
.title-part-it{font-family: var(--font-title-it);font-style: italic;font-weight: 300;}

.btn { display: flex; max-width: fit-content; line-height: 1; padding: 13px 40px; font-size: 22px; min-width: 280px; justify-content: center; align-items: center; border: 2px solid var(--c-primary); color: var(--c-primary); background-color: transparent; transition: all .3s ease; }
.btn.secondary {background-color: var(--c-white);border: none;}
.btn.secondary:hover { background-color: var(--c-primary); color: var(--c-white); }
.btn:hover, .single-project-top .content .btn:hover, .s6 .btn:hover,.btn.white:hover { background-color: var(--c-accent); border-color: transparent; color: var(--c-black); }
.btn.white { color: var(--c-white); border-color: var(--c-white); min-width: auto; }


 
.bg-img-settings{background-repeat: no-repeat;background-size: cover;background-position: center;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-right-auto{margin-left: auto;}
.to-left-auto{margin-right: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}
body.no-scroll { overflow: hidden; }

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;}
.grid.wide {max-width: var(--grid-wide);}
.grid.narrow {max-width: var(--grid-narrow);}
.grid.default {max-width: var(--grid-default);}
.grid.tiny {max-width: var(--grid-tiny);}
.grid-two-items{display: grid;grid-template-columns: repeat(var(--grid-two-items),1fr);}
.grid-three-items{display: grid;grid-template-columns: repeat(var(--grid-three-items),1fr);}
.grid-four-items{display: grid;grid-template-columns: repeat(var(--grid-four-items),1fr);}
.grid-five-items {display: grid;grid-template-columns: repeat(var(--grid-five-items),1fr);}
.sticky-w img { max-width: 60px; }
.sticky-w {position: fixed;inset-block-end: 220px;inset-inline-start: 30px;z-index: 999999999;}

/*---animation calsses---*/
.anim-target{/*a dummy class to target element in DOM*/}
.anim-general-transition{transition-property: transform,opacity;transition-timing-function: cubic-bezier(0.18, 0.89, 0.28, 1.05);transition-duration: 1s;}
.anim-delay-100{transition-delay: .1s;}
.anim-delay-200{transition-delay: .2s;}
.anim-delay-300{transition-delay: .3s;}
.anim-delay-400{transition-delay: .4s;}
.anim-delay-500{transition-delay: .5s;}
.anim-delay-600{transition-delay: .6s;}
.anim-delay-700{transition-delay: .7s;}
.anim-delay-800{transition-delay: .8s;}
.anim-delay-900{transition-delay: .9s;}
.anim-delay-1000{transition-delay: 1s;}
.anim-from-left{transform: translate(-20%,0);opacity: 0;}
.anim-from-right{transform: translate(20%,0);opacity: 0;}
.anim-from-top{transform: translate(0,-20%);opacity: 0;}
.anim-from-bottom{transform: translate(0,100px);opacity: 0;}
.anim-flip-y{transform: perspective(2500px) rotateY(-100deg);opacity: 0;}
.anim-to-zero{transform: translate(0,0);opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}
.loading-overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background-color: rgba(253, 252, 248, .2); backdrop-filter: blur(50px); transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); opacity: 1; will-change: opacity; }
.loading-overlay.hidden { opacity: 0; }
/*--text page--*/
.text-page-top { padding-block-start: calc( var(--header-height) * 2.5 ); }
.text-page-main { padding-block-end: 250px; }
.text-page-content h3 { margin-block-start: 20px; }
.text-page-content a { color: inherit; }
.text-page-content a:hover { text-decoration: underline; }
/*--heaer--*/
.header {background-color: rgba(255,252,241,.3);position: fixed;width: 100%;inset-block-start: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);backdrop-filter: blur(85px);}
.header .row {height: 30px;}
.header .anchor {display: flex;align-items: center;}
.header .anchor:hover { text-decoration: underline; text-underline-offset: 5px; }
.header-menu-wrapper {max-width: 75%;width: 100%;display: flex;}
.menu-top-menu-container {width: 100%;}
.header-logo-wrapper {max-width: 208px;width: 100%;margin-inline-end: auto;display: flex;align-items: center;}
.header-logo {max-width: fit-content;height: fit-content;position: absolute;inset: 0;margin: auto;}
.header-nav {display: flex;height: 100%;width: fit-content;flex-direction: column;gap: 30px;}
.header-menu-container { display: flex; flex-direction: column; height: fit-content; margin-inline: 80px; padding-block-start: 50px; gap: 30px; }
.header-menu-container .footer-socials { justify-content: flex-start; }
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;}
.header-nav>li:hover>a,.header-nav .sub-menu li:hover>a,.header-nav>li.current-menu-item>a {color: var(--c-primary);}
.header-nav>li>.sub-menu {display: none;position: absolute;width: max-content;background-color: rgb(0 0 0 / 90%);border: 2px solid var(--c-blue);box-shadow: 0 0 20px rgb(18 65 180 / 50%);padding: 10px 20px;top: 40px;}
.header-nav>li.menu-item-has-children:hover > .sub-menu {display: block;}
.header-nav>li.menu-item-has-children:before {content: "";position: absolute;width: 100%;height: 40px;top: 5px;}
/*--header--*/ 
.header-menu-wrapper {background-color: rgba(255, 252, 241, .3);max-width: 50%;height: 100vh;position: fixed;inset-inline-start: 0;z-index: 9999;top: var(--header-height);transform: translate3d(50vw, 0, 20px);transition: all .6s ease;backdrop-filter: blur(80px);}
.header,.header.scroll {height: var(--header-height);/* position: sticky;*/} 
.heaer-logo { max-width: 30%; } 
.header-nav>li:last-child {margin: 0;height: auto;}
.header-humburger {width: 100%;background-color: var(--orange);height: 3px;display: flex;} 
.header-nav>li a {display: inline-flex;width: fit-content;} 
.header-nav>li a { font-size: 50px; line-height: 1.2; display: flex; gap: 15px; align-items: center; color: var(--c-white); }
.menu-index-prefix { font-size: 30px; font-family: var(--font-title-it); }
.header .header-nav>li>.sub-menu {background-color: transparent;padding: 0;}
/*--humburger anim--*/
.header-humburger-wrapper {--line1: 11px;--line3: -11px;width: 37px;height: 24px;display: flex;align-self: center;flex-direction: column;justify-content: space-between;margin-inline-end: auto;padding: 0;background: transparent;border: none;margin-block: auto;cursor: pointer;}
.header-humburger {width: 100%;background-color: var(--c-primary);height: 2px;display: flex; backface-visibility: hidden;transform-origin: center;will-change: transform, opacity;} 
.header-menu-wrapper.open {transform: translate3d(0, 0, 20px);}
.header-humburger.line1,.header-humburger.line3 {transform: translateY(0) rotate(0);}
.header-humburger.line2.open {opacity: 0;}
.header-humburger.line2 {transition-duration: .75s;}
.header-humburger.line1.open {animation: huburger-line1-open .75s forwards;}
.header-humburger.line1.close {animation: huburger-line1-close .75s forwards;}
.header-humburger.line3.open {animation: huburger-line3-open .75s forwards;}
.header-humburger.line3.close {animation: huburger-line3-close .75s forwards;}
@keyframes huburger-line1-open{
    0%{transform: translateY(0) rotate(0);}
    50%{transform: translateY(var(--line1)) rotate(0);}
    100%{transform: translateY(var(--line1)) rotate(45deg);}
}
@keyframes huburger-line1-close{
    0%{transform: translateY(var(--line1)) rotate(45deg);}
    50%{transform: translateY(var(--line1)) rotate(0);}
    100%{transform: translateY(0) rotate(0);}
}
@keyframes huburger-line3-open{
    0%{transform: translateY(0) rotate(0);}
    50%{transform: translateY(var(--line3)) rotate(0);}
    100%{transform: translateY(var(--line3)) rotate(-45deg);}
}
@keyframes huburger-line3-close{
    0%{transform: translateY(var(--line3)) rotate(-45deg);}
    50%{transform: translateY(var(--line3)) rotate(0);}
    100%{transform: translateY(0) rotate(0);}
}
/*--hp--*/
.top-images-slider { display: flex; position: relative; min-height: 100vh; }
.slide-wrapper {position: absolute;inset-block-start: 0;max-width: 50%;width: 100%;height: 100%;opacity: 0;transition: var(--transitions);}
.slide-wrapper.image-1 { opacity: 1; }
.top-images-slider.is-played .slide-wrapper { opacity: 0; }
.top-images-slider.is-played .slide-wrapper.is-final-left-frame,
.top-images-slider.is-played .slide-wrapper.is-final-right-frame {
    opacity: 1;
}
.slide-wrapper.right { inset-inline-start: 0; }
.slide-wrapper.left { inset-inline-end: 0; }
.slide-wrapper img { object-fit: cover; width: 100%; height: 100%; }
.video-logo { position: absolute; z-index: 99999; inset: 0; margin: auto; transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1), opacity .5s ease; opacity: 1; }
.video-logo.out {transform: scale(.4) translateY(-150vh);opacity: 0;}
.slider-menu-wrapper {position: absolute;width: 50%;height: 100%;inset-block-start: 0;z-index: 999;display: flex;align-items: center;justify-content: center;pointer-events: none;transition: var(--transitions);}
.slider-menu-wrapper.right { inset-inline-start: 0; }
.slider-menu-container { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; opacity: 0; transition: var(--transitions); padding-block: 15px; }
.slider-menu-wrapper.left { inset-inline-end: 0; }
.slider-menu-hover-title {position: absolute; font-family: var(--font-title-reg);margin: 0;line-height: 1;color: var(--c-white);z-index: 9999;transition: var(--transitions); font-weight: 300;}
.slider-menu-container .slider-nav li a { color: var(--c-white); font-size: 30px; }
.menu-title { color: var(--c-white); }
.slider-menu-container .slider-nav li { line-height: 1; }
.slider-menu-container .slider-nav { display: flex; flex-direction: column; gap: 25px; margin-block: 50px; }
.top-images-slider.is-played .slider-menu-hover-title.hide { display: flex; }
.slider-menu-wrapper.hovered { backdrop-filter: blur(80px); }
.top-images-slider.animated .slider-menu-wrapper,
.top-images-slider.is-played .slider-menu-wrapper { pointer-events: auto; }
.slider-menu-wrapper.hovered .slider-menu-hover-title {opacity: 0;z-index: -1;}
.slider-menu-container .slider-nav li a:hover { color: var(--c-accent); }
.slider-menu-wrapper.hovered .slider-menu-container { opacity: 1; z-index: 99999; }
.mob-placeholder { display: none; }
.full-h-video-wrapper { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; }
.full-h-video { position: absolute; object-fit: cover; width: 100%; height: 100%; inset-block-start: 0; z-index: -1; }
.s2 .text {max-width: 70%;text-align: center;margin-inline: auto;}
.s2 .grid.narrow { padding-block: 125px; }
.s2-image { min-height: 535px; width: 100%; }
.project-item > img {width: 100%;height: 515px;object-fit: cover;object-position: center;}
.project-item h6 { margin: 0; }
.project-item {display: flex;flex-direction: column;gap: 15px;}
section.s3 { padding-block: 150px; }
section.s3 h2 { margin-block-end: 50px; }
.project-title-wrapper { justify-content: space-between; }
.btn-read-more { font-size: 18px; text-decoration: underline; text-underline-offset: 5px; }
.btn-read-more:hover { color: var(--c-accent); }
section.s3 .swiper-button-next, section.s3 .swiper-button-prev { color: var(--c-white); }
.s4 { min-height: 935px; display: flex; }
.s4-text-col {max-width: 50%;display: flex;flex-direction: column;justify-content: center;padding-inline: 115px;color: var(--c-white);}
.s4-text-col h2 { display: flex; flex-direction: column; line-height: 1.33; margin-block-end: 35px; }
.s4-text-col .text { text-align: center; max-width: 85%; margin-inline: auto; }
.s5 { padding-block: 100px; }
.s6 .btn { color: var(--c-white); border-color: var(--c-white); min-width: auto; margin-inline-start: auto; }
.s6 .content { max-width: fit-content; margin-inline-end: auto; margin-inline-start: 15%; padding-block-start: 9%; display: flex; flex-direction: column; gap: 25px; }
.press-item h3 { color: var(--c-grey); font-size: 16px; font-weight: 300; }
.press-item h3 strong { color: var(--c-black); font-weight: 300; }
.s5 .grid-five-items { gap: 35px; }
.s6 { height: 680px; }
.hp-form { padding-block: 100px; }
.form-wrapper input[type="submit"]:hover {background-color: var(--c-accent);}
.press-item .thumb-img { width: 100%; object-fit: cover; aspect-ratio: 34/37; }
.press-item h3 { margin: 0; line-height: 1.2; margin-block-end: 20px; max-width: 85%; }
.press-item .logo-img { margin-block: 25px; }
.press-item .btn.read-more { margin-inline-start: auto; }
.press-item { display: flex; flex-direction: column; align-items: flex-start; }
.form-wrapper .three-fields-wrapper > p { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--form-cols-gap); }
.form-wrapper .three-fields-wrapper  br { display: none; }
.form-wrapper input[type="submit"] {max-width: 115px;height: 38px;border: 1px solid;cursor: pointer;font-size: inherit;font-family: inherit;font-weight: 300;}
.form-wrapper form > p { display: flex; flex-direction: row-reverse; }
.hp-form .form-wrapper { max-width: 950px; width: 100%; }
.hp-form .title-col { max-width: 35%; margin-inline-end: auto; }
.form-inf { display: flex; flex-wrap: wrap; gap:  15px 35px; }
.inf-row { display: flex; align-items: center; gap: 10px; }
.inf-row a:hover { text-decoration: underline; }
.inf-row .icon { display: flex; }
.inf-row .text { line-height: 1; }
.form-wrapper .wrapper { display: flex; }
.hp-form .wrapper { display: flex; }
.hp-form .title-col h2 { font-size: 55px; line-height: 1.2; font-weight: 300; max-width: 90%; margin-block-end: 40px; }
.two-fields-wrapper > p {display: grid;  grid-template-columns: calc((100% - (2 * var(--form-cols-gap))) / 3) 1fr;gap: var(--form-cols-gap);}
.two-fields-wrapper br { display: none; }
.form-wrapper input,.form-wrapper textarea,.form-wrapper select {width: 100%;height: 30px;background-color: transparent;border: none;border-block-end: 1px solid var(--c-black);resize: none;font-family: var(--font-body);font-size: inherit;font-weight: 300;}
.form-wrapper input::placeholder, .form-wrapper textarea::placeholder, .form-wrapper select { font-family: var(--font-body); font-weight:300; font-size: 20px; color:var(--c-black); }
.form-wrapper .wpcf7 input[type="url"], .form-wrapper .wpcf7 input[type="email"], .form-wrapper .wpcf7 input[type="tel"] { direction: rtl; }
.wpcf7-form-control-wrap {display: flex;flex-direction: column;}
.two-fields-wrapper { margin-block: 45px; }
/*--about page--*/
.full-h-hero { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
.full-h-hero .img { max-width: 50%; width: 100%; height: 100%; }
.full-h-hero h1 { position: absolute; z-index: 99; margin: 0; font-family: var(--font-title-reg);}
.s1-text { padding-block: 120px; text-align: center; }
.s1-text .text { max-width: 70%; margin-inline: auto; }
.s2-about .text { max-width: 65%; margin-inline: auto; text-align: center; }
.s2-about .grid.narrow { padding-block: 150px; }
.s3-about { display: flex; height: 100vh; }
.s3-about-text { position: relative; max-width: 50%; width: 100%; margin-inline-start: auto; display: flex; flex-direction: column; justify-content: center; text-align: center; isolation: isolate; overflow: hidden; }
.s3-about-text::before { content: ""; position: absolute; inset: 0; backdrop-filter: blur(80px); -webkit-backdrop-filter: blur(80px); pointer-events: none; z-index: 0; }
.s3-about-text .text { max-width: 65%; margin-inline: auto; }
.inner-page-form .wrapper{display: flex;}
.inner-page-form .wrapper h2 { line-height: 1; font-weight: normal; margin-block-end: 0; }
.inner-page-form .form-inf { margin-block-start: 35px; }
.inner-page-form { padding-block: 115px; }
.inner-page-form .wrapper h2 .title-part-reg { text-transform: capitalize; }
/*--archives page--*/
.archive-lobby {padding-block-start: calc( var(--header-height) * 1.5);padding-block-end: 150px;}
.archive-lobby h1 { margin-block-end: 50px; }
.project.archive-lobby .project-item > img { height: 700px; }
.project.archive-lobby .grid.wide { max-width: 1690px; }
.project.archive-lobby .project-title { font-size: 32px; }
.project.archive-lobby .text-wrapper { max-width: 600px; }
.project.archive-lobby .text-wrapper .btn-read-more { margin-inline-start: auto; }
.project.archive-lobby .text-wrapper { display: flex; flex-direction: column; }
.projects-wrapper { display: flex; flex-direction: column; gap: 75px; }
.archive-lobby .grid-four-items { gap: 40px; }
.full-w-line { position: relative; }
.full-w-line:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-primary); inset-block-end: 0; }
/*--404 page--*/
.page-404, .thanks{ display: flex; flex-direction: column; background-image: url(/wp-content/uploads/Image-12.jpg); height: 100vh; align-items: center; justify-content: center; position: relative; }
.page-404 .content, .thanks .content {position: relative;z-index: 1;    text-align: center;}
.page-404 .content h1, .thanks .content h1 { line-height: 1; margin-block-start: 20px; margin-block-end: 0; }
.page-404 .content img,
.page-404 .content .btn,
.thanks .content img,
.thanks .content .btn{ margin-inline: auto; }
.thanks .content h1 { font-size: 180px; }
.page-404 .btn, .thanks .btn { margin-block-start: 50px; }
.page-404:before, .thanks:before { content: ""; position: absolute; width: 100%; height: 100%; backdrop-filter: blur(80px); z-index: 0; }
/*--people page--*/
.people-main .person img {max-width: 100%;object-fit: cover;width: 100%;aspect-ratio: 1 / 1;}
.people-main .person.founder img { height: 565px; }
.grid-two-items.founders { gap: 85px; margin-block-end: 75px; }
.grid-three-items.team { gap: 65px 55px; }
.grid-three-items.team {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.person.team {
  box-sizing: border-box;
  width: calc((100% - (2 * 65px)) / 3);
  min-width: 383px;
}
.person.founder { text-align: center; }
.person.founder h5 { font-size: 32px; line-height: 1; margin-block: 35px 25px; }
.people-main { padding-block: 120px; }
.person.founder .text { max-width: 80%; margin-inline: auto; }
.people-main .person { position: relative; }
.people-main h2 {margin-block-end: 10px;}
.people-main .text { max-width: 70%; text-align: center; margin-inline: auto; margin-block-end: 50px; }
.people-main .team .text {
    max-width: 100%;
    text-align: start;
}
.people-main .team-img { height: 92vh; margin-block-start: 120px; }
.person.team h5 { line-height: 1; margin-block-end: 0; margin-block-start: 10px; }
/*--showroom page--*/
.showroom-hero { display: flex; height: 100vh; align-items: flex-end; }
.showroom-hero .content { margin-block-end: 100px; }
.showroom-hero .content h1 { line-height: 0.6; margin: 0; }
.showroom-hero .content .subtitle { font-size: 32px; max-width: 490px; line-height: 1; margin-block: 35px; }
.showroom-hero .inf { display: flex; flex-direction: column; gap: 15px; max-width: fit-content; }
.showroom-from  {padding-block:120px}
.showroom-from .form-wrapper { max-width: 1000px; margin-inline: auto; }
.showroom-from .form-wrapper form br { display: none; }
.showroom-from .form-wrapper form > p { gap: 45px; flex-direction: row;}
.showroom-bottom-content { background-color: rgba(227, 225, 218, 0.30); max-width: 50%; width: 100%; margin-inline-start: auto; backdrop-filter: blur(80px); justify-content: center; display: flex; flex-direction: column; justify-content: center; }
.showroom-bottom { display: flex; height: 100vh; }
.showroom-bottom-content .text { max-width: 550px; margin-inline: auto; }

/*--contact page--*/
.contact-main {height: 100vh;display: flex;}
.contact-main .content {max-width: 50%;width: 100%;height: 100%;display: flex;flex-direction: column;backdrop-filter: blur(80px);justify-content: center;background-image: url(/wp-content/uploads/Image-18.jpg);background-position: center;position: relative;}
.contact-half-bg { max-width: 50%; width: 100%; height: 100%; margin-inline-start: auto; }
.contact-main .content:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(227, 225, 218, 0.30); backdrop-filter: blur(80px); }
.contact-main form .btn-wrapper { position: relative; }
.contact-main .form-wrapper { max-width: 700px; width: 100%; margin-inline: auto; }
.contact-main h1 {font-size: 54px;font-weight: 400;text-align: center;position: relative;display: block;}
.contact-main .form-field-wrapper p { display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px; }
.contact-main .form-field-wrapper p br { display: none; }
.contact-main .form-wrapper .wpcf7-form-control-wrap { width: 100%; }
.contact-main form { display: flex; flex-direction: column; gap: 45px; }
.contact-main .inf {display: grid;grid-template-columns: .5fr .65fr 1fr;gap: 20px;margin-block-start: 55px;position: relative;}
.contact-main .inf-row { align-items: flex-start; }
.contact-main .btn-wrapper p { align-items: end; display: flex; flex-direction: column; }
.contact-main .inf-row:last-child .text { max-width: 70%; }
/*--project single--*/
.single-project-top { width: 100%; height: 100vh; display: flex; align-items: flex-end; position: relative; }
.s2-single-project h2 { line-height: 1; margin-block-end: 50px; }
.s2-single-project { padding-block-start: 150px; }
.s2-single-project .text {margin-block-end: 150px;max-width: 50%;text-align: center;margin-inline: auto;}

.single-project-top:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 30%); }
.single-project-top .content { position: relative; color: var(--c-white); margin-inline-start: 100px; margin-block-end: 117px; }
.single-project-top .content .btn { color: var(--c-white); border-color: var(--c-white); margin-block-start: 20px; }
.single-project-top h1 { font-weight: 300; line-height: 1; margin-block: 20px; font-size: 44px; }
#map { width: 100%; height: 365px; display: flex; max-width: 55%; }
.s4-project-map  .text-wrapper { display: flex; max-width: 40%; flex-direction: column; }
.map-wrapper { justify-content: space-between; align-items: center; }
.s4-project-map { padding-block: 150px; }
.project-gallery { padding-block-end: 150px; }
.project-gallery .grid-two-items img { max-width: 100%; width: 100%; object-fit: cover; height: 465px; }
.project-gallery .grid-two-items { gap: 20px; }
.project-slider__content.slider-wrapper { background-image: url(/wp-content/uploads/Image-18.jpg); min-height: 420px; }
.project-slider__content.slider-wrapper .swiper {height: 100%;display: flex;align-items: center;}
.project-slider__content.slider-wrapper .swiper:before { content: ""; position: absolute; width: 100%; height: 100%; backdrop-filter: blur(80px); }
.project-slider__content.slider-wrapper .swiper .swiper-slide { text-align: center; }
.project-slider__content.slider-wrapper .project-slider-text { margin-inline: 115px; }
.project-slider .slider-wrapper { max-width: 50%; width:100%; }
.project-slider { position: relative; margin-block-end: 130px; }
.swiper-pagination-bullet { width:17px; height:17px; background-color: var(--c-white); }
.project-slider .slider-wrapper .swiper-slide img { width: 100%; object-fit: cover; height: 100%; object-position: center; }
.project-slider-controls { width: 50%; display: flex; justify-content: center; position: absolute; inset-block-end: 20px; z-index: 99; text-align: center; }
.project-slider-pagination.swiper-pagination-bullets,
.project-slider-pagination .swiper-pagination-bullets {
    position: static;
}
/*--footer--*/
footer {position: relative;min-height: 200px;background-color: var(--c-black);color: var(--c-white);display: flex;align-items: center;padding-block-start: 30px;padding-block-end: 20px;}
.footer-logo { position: absolute; inset: 0; margin: auto; }
.footer-left-col { margin-inline-start: auto; display: flex; flex-direction: column; justify-content: flex-end; }
.footer-menu-wrapper { font-size: 14px; }
.footer-bottom-nav {display: flex;gap: 15px;line-height: 1;}
.footer-socials {width: 100%;display: flex;gap: 10px;margin-block-end: 25px;margin-block-start: 55px;justify-content: flex-end;}
.social-item { display: flex; }
.copyrights {font-size: 14px;margin-block-start: 50px;flex-direction: column;text-align: start;}
.footer-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 100px; }
.footer-right-col { display: flex; flex-direction: column; }
footer nav a:hover { text-decoration: underline; }
footer .btn.white { margin-inline-start: auto; }
.wn-credit img { filter: grayscale(2) brightness(2.5); }
.footer-left-col .col { width: 100%; }
.wn-credit a { color: var(--c-white); }
.wn-credit a:hover,.copyrights a:hover { color: var(--c-accent); }
.wn-credit {display: flex;direction: ltr;gap: 5px;justify-content: flex-end;align-items: center;}

.hide-mobile{display:flex;}
.hide-desktop{display:none;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
}
@media (max-width: 1540px) {
    :root{
        --form-cols-gap: 20px;
        --grid-wide: 95%;
        --grid-narrow: 65%;
        --grid-default: 90%;
        --header-height: 70px;
    }
    h1 { font-size: 50px; }
    .sticky-w img { max-width: 40px; }
    .sticky-w { inset-inline-start: 10px; }
    .slider-menu-container .slider-nav{gap: 15px; }
    .slider-menu-container .slider-nav li a { font-size: 26px; }
    .header-nav>li a { font-size: 40px; }
    .header-menu-container { padding-block-start: 30px; gap: 20px; }
    .header-nav { gap: 20px; }
    .s2 .grid.narrow { padding-block: 60px; }
    .person.team {
    min-width: 300px;
}
    section.s3 { padding-block: 50px; }
    .s4-text-col { padding-inline: 2%; }
    .s4 { min-height: 100vh; }
    .press-item .logo-img { margin-block: 15px; }
    .press-item h3 { max-width: 100%; }
    .s5 { padding-block: 50px; }
    .s5 .grid-five-items { gap: 20px; }
    .s6 { height: 540px; }
    .s6 .content img { max-width: 70%; margin-inline-start: auto; }
    .contact-main .inf-row:last-child .text { max-width: 85%; }
    .s6 .content { margin-inline-start: 0; }
    .hp-form .form-wrapper { max-width: 60%; }
    h2,.hp-form .title-col h2 { font-size: 50px; }
    .hp-form { padding-block: 50px; }
    .hp-form .title-col h2 { max-width: 85%; }
    .s1-text { padding-block: 70px; }
    .s2-image { min-height: 350px; }
    .s2-about .grid.narrow { padding-block: 70px; }
    .inner-page-form { padding-block: 70px; }
    .project.archive-lobby .project-item > img { height: 70vh; }
    .project-item > img { height: 350px; }
    .people-main { padding-block: 70px; }
    .contact-main .form-wrapper { max-width: 80%; }
    .contact-main .inf { margin-block-start: auto; }
    .contact-main h1 { font-size: 40px; }
    .contact-main form { gap: 25px; }
    .archive-lobby { padding-block-end: 100px; }
    .people-main h2 { margin-block-end: 30px; }
    .people-main .person.founder img { height: 420px; }
    .grid-three-items.team { gap: 40px; }
    .archive-lobby .grid-four-items { gap: 20px; }
    .project.archive-lobby .grid.wide { max-width: var(--grid-default); }
}
@media(max-width:1440px){
    :root { --grid-narrow: 75%; }
    body { font-size: 16px; }
    .s2-image { min-height: 450px; }
    .s6 { height: 450px; }
    h2, .hp-form .title-col h2 { font-size: 40px; }
    .hp-form .title-col h2 { max-width: 80%; }
    .footer-nav { gap: 20px 70px; }
    .header-nav>li a { font-size: 30px; }
    .menu-index-prefix { font-size: 20px; }
    .header-nav { gap: 15px; }
    .slider-menu-container .slider-nav { margin-block: 30px; }
    .people-main .person.founder img { height: 350px; }
}
@media(max-width: 1366px){
}
@media (max-width: 1280px) {
    :root { --grid-narrow: 80%; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1279px) {
        :root {
        --grid-narrow: 90%;
        --grid-tiny: 90%;
    }
    h1 { font-size: 40px; }
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    .contact-main h1.hide-mobile {
    display: none;
}
    .sticky-w { inset-block-end: 20px; inset-inline-start: 20px; }
    .header-menu-wrapper { max-width: 100%; transform: translate3d(100vw, 0, 20px); }
    .header-menu-container {margin-inline: auto;padding-block-start: 50px;}
    .s1-text .text { max-width: 100%; }
    .top-images-slider { flex-direction: column; overflow: hidden; }
    section.s3,section.s5,section.s6 { overflow:hidden; }
    .slider-menu-wrapper { display: none; }
    .slide-wrapper { max-width: 100%; height: 50%; }
    .slide-wrapper.right { inset-block-end: 0; inset-block-start: auto; }
    .s6 .content { padding-inline: 5%; box-sizing: content-box; }
    .inner-page-form .wrapper { flex-direction: column; gap: 25px; }
    .s6 .btn { margin-inline-start: 0; }
    .s6 .content img { max-width: 100%; }
    #contact .title-col { text-align: center; }
    .full-h-hero { flex-direction: column-reverse; }
    .full-h-hero .img { max-width: 100%; }
    .s2-about .text { max-width: 100%; }
    .s5 .grid.wide {max-width: 95%;margin-inline-start: auto;margin-inline-end: 0;}
    section.s3 .grid.wide {max-width: 95%;margin-inline-start: auto;margin-inline-end: 0;}
    .swiper-button-next, .swiper-button-prev { display: none; }
    .full-h-video-wrapper  .mob-placeholder {display: block;width: 100%;}
    .full-h-video-wrapper > img { display: none; }
    .header-logo { max-width: 150px; }
    .header-logo > img { max-width: 100%; }
    .s2 .text { max-width: 100%; }
    .project-item > img { height: 70vw; }
    .s2-image { min-height: 70vw; }
    .people-main h2 { margin-block-end: 70px; }
    section.s3 h2 {max-width: 70%;line-height: 1;margin-inline: auto;}
    .s4 .mob-placeholder { display: block; max-height: 50vh; }
    .s4 {flex-direction: column;justify-content: center;}
    .s4-text-col {max-width: 100%;padding-block: 70px;position: relative;}
    .s4 { position: relative; }
    .s4:before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: radial-gradient(circle at 50% 50%, #3c1319 70%, rgba(64, 30, 32, 0) 100%);opacity: 0.5;z-index: 0;}
    .s4 { min-height: 55vh; }
    .s4-text-col .text { max-width: 90%; }
    .s3-about { flex-direction: column; background-position: 100% 100%; background-size: 110vh; }
    .grid-two-items.founders,.grid-three-items.team { gap: 50px; }
    .project.archive-lobby .grid.wide { max-width: 100%; }
    .project-title-wrapper { max-width: var(--grid-default); margin-inline: auto; }
    .s3 .swiper .project-title-wrapper {
    max-width: 100%;
    width: 100%;
}
    .people-main .text {
    max-width: 100%;
}
.people-main .team-img {
    height: 70vw;
}
.person.team {
    min-width: 310px;
}
.loading-overlay{display: none;}
    .project.archive-lobby .project-item > img { height: 65vh; }
    .single-project-top .content { max-width: var(--grid-default); width: 100%; margin-inline: auto; margin-block-end: 40px; }
    .s4-project-map { padding-block: 50px; }
    .s4-project-map .grid.default { max-width: 100%; }
    .map-wrapper { flex-direction: column-reverse; gap: 60px; }
    #map { max-width: 100%; }
    .s4-project-map .text-wrapper { max-width: 90%; }
    .s2-single-project .text { max-width: 100%; margin-block-end: 50px; text-align: center; }
    .s2-single-project { padding-block-start: 70px; }
    .project-gallery .grid-two-items img { height: 50vw; }
    .project-gallery .grid.default { max-width: 100%; }
    .project-gallery { padding-block-end: 0; }
    .s2-single-project h2 { max-width: 80%; margin-inline: auto; }
    .s3-about-text { max-width: 100%; height: 50%; background-image: url(/wp-content/uploads/s3aasd.jpg); }
    .page-404 .content img,.thanks .content img { max-width: 80%; }
    .page-404 .content p, .thanks .content p { font-size: 20px; }
    .thanks .content h1 { font-size: 60px; }
    .page-404 .btn, .thanks .btn {min-width: 220px;margin-block-start: 20px;}
    .text-page-top { padding-block-start: calc(var(--header-height) * 1.5); }
    .text-page-main { padding-block-end: 50px; }
    .showroom-bottom-content {max-width: 100%;min-height: 40%;}
    .showroom-bottom {
        background-image: url(/wp-content/uploads/showroom-m2.jpg) !important;
        height: 110vh;
        flex-direction: column;
    }

    .showroom-bottom-content h2 {line-height: 1;max-width: 90%;margin-inline: auto;padding-block-start: 40px;}
    .showroom-bottom-content .text {max-width: 90%;padding-block-end: 40px;}
    .showroom-from .form-wrapper form > p { flex-direction: column; }
    .showroom-from .form-wrapper { max-width: var(--grid-default); }
    .showroom-from .form-wrapper>h4 { text-align: center; font-size: 25px; font-weight: 500; line-height: 1; }
    .inner-page-form .form-inf { flex-direction: column; justify-content: center; }
    .project-slider .slider-wrapper { max-width: 100%; }
    .project-slider-controls {
    inset-inline: 0;
    margin-inline: auto;
}
    .project-slider__content.slider-wrapper .project-slider-text { margin-inline: 5%; }
    .project-slider-subtitle { font-size: 24px; margin-block-start: 25px; }
    .inner-page-form .form-inf .inf-row { justify-content: center; align-items: flex-start; }
    .inner-page-form .form-inf .inf-row:last-child .text { max-width: 60%; text-align: start;}
    .contact-half-bg { max-width: 100%; height: auto; min-height: 380px; display: flex; align-items: flex-end; }
    .contact-main .content { max-width: 100%; }
    .contact-main { flex-direction: column-reverse; height: auto; }
    .contact-main .inf { display: flex; flex-direction: column; }
    .contact-main .form-wrapper{ padding-block: 50px; max-width: var(--grid-default); }
    .contact-half-bg h1 { color: var(--c-white); font-weight: 300; max-width: 85%; margin-inline: auto; line-height: 1; margin-block-end: 70px; }
    .contact-main .form-field-wrapper p { gap: 25px; }
    .form-wrapper input, .form-wrapper textarea, .form-wrapper select { font-size: 16px; }
    .form-wrapper input::placeholder, .form-wrapper textarea::placeholder, .form-wrapper select {font-size: 16px; }
    .contact-main .inf-row {justify-content: center;}
    .contact-main .inf-row:last-child .text { max-width: 60%;}
    .footer-logo { position: relative; }
    .footer-menu-wrapper a:hover { text-decoration: underline; }
    footer .footer-socials { margin-block-start: 20px; }
    footer { padding-block: 45px; }
    footer  .grid.wide .row { flex-direction: column; }
    .footer-socials {justify-content: center;margin-block-start: 10px;}
    .footer-nav { width: 85%; grid-template-columns: repeat(2, 1fr); gap: 0 80px; margin-inline: auto; align-items: center; }
    .copyrights { margin-block-start: 15px; justify-content: center; }
    .footer-bottom-nav { width: 100%; justify-content: center; margin-block-start: 60px; position: relative; }
    .footer-bottom-nav:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #949494; inset-block-start: -30px; }
    .footer-logo + .hide-desktop { margin-inline: auto; margin-block-start: 30px; }
    .copyrights { text-align: center; }
    .wn-credit { justify-content: center; }
}
@media(max-width: 1024px){
    :root{
    --grid-four-items: 3;
    }
    .hp-form .wrapper { flex-direction: column; }
    .hp-form .title-col { max-width: 100%; }
    .hp-form .title-col h2 { max-width: 80%; text-align: center; margin-inline: auto; }
    .hp-form .form-wrapper { margin-block-start: 50px; max-width: 100%; }
    .form-wrapper .three-fields-wrapper > p,.two-fields-wrapper > p { grid-template-columns: repeat(1, 1fr); }
    .two-fields-wrapper { margin-block-start: 15px; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {


}

@media(max-width:440px){
        :root{
        --grid-two-items: 1;
        --grid-three-items: 1;
        --grid-four-items: 1;
    }
    .s6 {height: 100vw;}
    .showroom-bottom-content {
        min-height: 35%;
    }
    .video-logo { max-width: 320px; }
    .hp-form .title-col h2 { max-width: 90%; }
}

@media(max-width:390px){
        .showroom-bottom{
        height: 130vh;
    }
    .s3-about-text .text { max-width: 80%; }
}