@font-face {
  font-family: 'TT Firs Neue';
  src: url('https://static.tildacdn.com/tild3761-6331-4234-b039-346630363437/TTFirsNeue-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'TT Firs Neue';
  src: url('https://static.tildacdn.com/tild3038-3936-4734-a664-643863393164/TTFirsNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal
}
*{
box-sizing: border-box;
font-family: var(--font-family-base);
}
:root {
/* Color Variables */
--text-color: #181818 !important;
--white-color: white !important;
--project-color: #BDB7AA;
--main-width: 1440px;
/* Font Variables */
--font-family-base: 'TT Firs Neue', Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
--font-weight-normal: 400;
--font-weight-bold: 500;
--font-size-small: 13px;
--main-padding: 40px;
/* Sizing Variables */
--h1-font-size: 38px;
--h1-font-weight: 500;
--h1-line-height: 100%;
--h1-letter-spacing: -1.12px;
--h1-text-transform: uppercase;
--h2-font-size: 28px;
--h2-font-weight: 500;
--h2-line-height: 130%;
--h2-letter-spacing: -1.12px;
--h2-text-transform: uppercase;
--small-title-size: 13px;
--small-title-line-height: 16px;
--small-title-weight: 500;
--small-title-transform: uppercase;
--project-info-size: 28px;
--project-info-line-height: 130%;
--project-info-weight: 500;
--project-info-transform: uppercase;
--title-size: 70px;
--title-line-height: 100%;
--title-weight: 500;
--title-transform: uppercase;
--page-description-size: 32px;
--page-description-line-height: 130%;
--page-description-weight: 400;
--section-title-size: 57px;
--section-title-line-height: 100%;
--section-title-weight: 500;
--section-title-transform: uppercase;
--image-text-size: 32px;
--image-text-line-height: 130%;
--image-text-weight: 500;
--image-text-transform: uppercase;
--table-text-size: 13px;
--table-text-weight: 500;
--table-text-transform: uppercase;
--table-first-width: 190px;
--table-second-width: 230px;
--table-third-width: 227px;
--table-fourth-width: 283px;
--table-fifth-width: 100%;
--button-font-size: 16px;
--button-font-weight: 500;
--main-button-round: 60px;
--main-button-height: 47px;
--button-height: 20px;
--button-spacing: 0.52px;
--button-padding: 10px;
--navbar-height: 60px;
--button-round: 20px;
--navbar-padding: 20px 40px;
--logo-width: 183px;
--border-color-black: rgba(24, 24, 24, 0.15);
--border-color-white: rgba(255, 255, 255, 0.15);
--image-paddings: 24px;
/* Misc Variables */
--line-height-base: 1.5;
}
body {
position: relative;
width: 100%;
max-width: 100%;
overflow-x: hidden;
font-family: var(--font-family-base);
line-height: var(--line-height-base);
font-weight: var(--font-weight-normal);
color: var(--primary-color);
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.t_width{
display: flex;
flex-direction: column;
align-items: center;
}
.t-width{
max-width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
}
a {
text-decoration: none;
color: unset !important;
}
div{
font-family: var(--font-family-base);
}
a{
text-decoration: none;
text-transform: uppercase;
}
.SO_Main{
position: relative;
display: flex;
flex-direction: column;
width: 100%;
max-width: var(--main-width);
align-items: center;
padding: 0 40px 0;
}
.O_Navbar{
/* max-width: var(--main-width); */
position: fixed;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
background-color: var(--white-color);
color: var(--text-color) !important;
height: var(--navbar-height);
padding: var(--navbar-padding);
padding-left: calc((100% - var(--main-width)) / 2 + 40px);
padding-right: calc((100% - var(--main-width)) / 2 + 40px);
z-index: 999;
}
.O_Company{
display: flex;
flex-direction: row;
width: 100%;
padding: 40px 0;
}
.O_Form{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 180px;
}
.W_FormPart{
display: flex;
flex-direction: column;
width: 100%;
height: fit-content;
gap: 60px;
}
.W_BurgerLinksAndClose{
display: flex;
flex-direction: column;
gap: 24px;
}
.A_NavbarPhone{
font-size: 38px;
font-weight: 500;
}
.A_NavbarPhoneDescription{
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
line-height: 100%;
}
.Q_PhoneIcon{
    width: 21px;
    max-height: 17px;
    max-width: 21px;
    height: 17px;
}
.W_NavbarLinksBurger{
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 12px;
height: auto;
width: 100%;
}
.W_NavbarSocials{
width: 100%;
display: flex;
flex-direction: row;
gap: 5px;
display: none;
}
.W_BurgerPhone{
display: flex;
flex-direction: column;
gap: 5px;
}
.O_BurgerMenu{
top: 0;
left: 0;
position: fixed;
pointer-events: none;
width: 100vw;
height: 100vh;
background-color: rgba(24, 24, 24, 0);
display: flex;
flex-direction: column;
z-index: 9999;
transition: all 1s cubic-bezier(.77, 0, .175, 1);
}
.U_Open{
pointer-events:all;
background-color: rgba(24, 24, 24, 0.90);
}
.W_NavbarItemsBurger{
display: flex;
flex-direction: column;
width: 100%;
height: fit-content;
}
.A_NavbarItemBurgerLink{
width: 100%;
font-family: "TT Firs Neue";
font-weight: 500;
font-size: 38px;
border-bottom: 1px solid var(--border-color-black);
}
.W_BurgerMenuList{
transition: all 0.5s cubic-bezier(.77, 0, .175, 1);
width: 34vw;
position: relative;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--white-color);
left: 100vw;
padding: 24px;
}
.A_PlusButton{
width: 20px;
height: 20px;
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
transition: all 0.5s cubic-bezier(.77, 0, .175, 1);
}
.A_PlusButtonHover{
transform: rotate(50deg);
}
.W_BurgerMenuList{
transition: all 1s cubic-bezier(.77, 0, .175, 1);
width: 100vw;
position: relative;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--white-color);
left: 100vw;
padding: 24px;
}
.U_BurgerMenuListOpen{
left: 66vw;
}
.W_VerticalStack {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.W_ProjectInfo {
display: flex;
flex-direction: row;
width: 100%;
padding: 40px 0;
}
.O_OpeningPage{
padding-top: 70px;
display: flex;
flex-direction: column;
width: 100%;
}
.O_SelectorFilters{
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
max-width: var(--main-width);
}
.O_Map{
display: flex;
flex-direction: column;
gap: 34px;
padding: 48px 0 48px;
}
.O_Sale{
display: flex;
flex-direction: column;
gap: 40px;
padding: 40px 0;
}
.A_BurgerMenuButton{
display: flex;
flex-direction: column;
cursor: pointer;
justify-content: center;
gap: 4px;
width: 40px;
height: 100%;
}
.Q_Line{
width: 100%;
height: 1px;
background-color: var(--text-color);
}
.O_Footer {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 460px;
background-color: #181818;
}
.O_Distinctives{
display: flex;
flex-direction: column;
gap: 60px;
width: 100%;
padding: 40px 0 40px;
}
.O_ParametrFullWidth{
display: flex;
flex-direction: column;
width: 100%;
min-width: var(--main-width);
}
.A_BurgerIconContainer{
width: 50px;
padding: 10px;
height: 50px;
background-color: var(--text-color);
border-radius: 38px;
display: flex;
justify-content: center;
align-items: center;
}
.W_CloseBurgerOrder{
display: flex;
flex-direction: row;
width: 100%;
align-items: center;
justify-content: space-between;
}
.U_WhatsUp{
padding: 8px 8px 10px 10px;
}
.Q_BurgerIcon{
width: 100%;
height: 100%;
}
.A_BurgerCloseButton{
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--text-color);
border-radius: 50px;
padding: 12px;
cursor: pointer;
}
.Q_Cross{
width: 100%;
height: 100%;
}
.O_Advantages{
display: flex;
max-width: 100vw;
flex-direction: column;
gap: 60px;
width: 100%;
overflow: hidden;
}
.A_NavbarItemBurger{
width: fit-content;
}
.Q_UnderlineBurger{
width: 100%;
height: 1px;
background-color: var(--text-color);
}
.A_ScrollMap{
width: 100%;
height: 100%;
}
.W_Info{
display: flex;
flex-direction: column;
gap: 10px;
}
.W_Gap{
display: flex;
gap: 34px;
flex-direction: column;
}
.U_Gap5{
gap: 5px;
}
.U_Gap2{
gap: 2px;
}
.W_Row{
display: flex;
flex-direction: row;
}
.W_FormCheckBoxInfo{
font-size: 11px;
line-height: 12px;
text-transform: uppercase;
}
.W_TextWithAngle{
display: flex;
flex-direction: row;
}
.W_ParametrBG{
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
width: fit-content;
padding: 20px 40px 0 40px;
background-color: #181818;
}
.A_TableRow{
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 49px;
gap: 10px;
border-top: 1px solid rgba(24, 24, 24, 0.15);
padding: 16px 0 16px;
}
.W_Tables{
display: flex;
flex-direction: row;
width: 100%;
gap: 60px;
justify-content: space-between;
}
.W_FormCheckBoxField{
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
}
.W_FooterContainer{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: var(--main-padding);
min-width: var(--main-width);
max-width: var(--main-width);
}
.M_FormSubmit{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.M_ProjectInfoItem {
display: flex;
flex-direction: column;
height: fit-content;
gap: 20px;
width: 100%;
}
.A_FormCheckBox{
width: 20px;
height: 20px;
border: 1px solid #181818;
cursor: pointer;
}
.A_TablePoint{
display: flex;
flex-direction: row;
justify-content: space-between;
height: 97px;
width: 100%;
padding: 40px 0 40px 0;
border-bottom: 1px solid rgba(24, 24, 24, 0.15);
}
.A_FormTextInput {
all: unset;
width: 100%;
padding: 20px 0 20px 0;
color: var(--text-color) !important;
border-bottom: 1px solid rgba(24, 24, 24, 0.15);
font-size: var(--table-text-size);
line-height: 16px;
font-weight: var(--table-text-weight);
text-transform: var(--table-text-transform);
letter-spacing: 0.56px;
}
.A_FormTextInput::placeholder{
color: var(--text-color) !important;
}
.A_Arrow {
width: 40px;
aspect-ratio: 1 / 1;
border: 1px solid #181818;
border-radius: 100px;
height: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
.A_3Dplan{
width: 100%;
height: 756px;
overflow-x: scroll;
}
.A_TableContent{
font-size: var(--small-title-size);
font-weight: var(--small-title-weight);
text-transform: uppercase;
}
.W_TableWithTitle{
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
}
.W_Table{
width: 100%;
display: flex;
flex-direction: column;
}
.W_TableAndImages{
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
height: 100%;
}
.W_ProjectGetInfo{
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
}
.W_NavbarLinks{
display: flex;
flex-direction: row;
gap: 38px; 
}
.W_Fields {
display: flex;
flex-direction: row;
width: 100%;
align-items: flex-end;
}
.W_BlackBackground{
margin: 40px 0 40px;
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
height: 776px;
background-color: var(--text-color) !important;
}
.W_WithoutSmallTitle{
display: flex;
flex-direction: column;
width: 100%;
padding: 40px 0 20px;
border-top: 1px solid var(--border-color-black);
}
.W_DescriptionAndButton{
display: flex;
flex-direction: row;
width: 100%;
align-content: center;
justify-content: space-between;
padding: 20px 0 20px;
}
.W_Images{
display: flex;
flex-direction: row;
width: 100%;
height: 400px;
gap: 10px;
}
.U_MobileOnlyShow{
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
}
.A_Counter {
font-size: 44px;
line-height: 130%;
font-weight: 400;
}
.U_Thin{
font-weight: 100;
}
.h2 {
color: var(--text-color);
font-size: 24px;
font-weight: 400;
line-height: 130%;
text-transform: var(--h2-text-transform);
}
.U_MobileNavCarousel{
padding: 0 24px;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.U_MobileArrows{
display: flex;
flex-direction: row;
gap: 2px;
}
.U_MobileNavCarouselCounter{
display: flex;
flex-direction: row;
gap: 5px;
width: fit-content;
}
.W_ImageStack{
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
width: 100%;
}
.W_AddresAndTableItems{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 485px;
min-height: 485px;
}
.W_TableColumns{
display: flex;
flex-direction: column;
height: 100%;
}
.M_InfoBlock{
display: flex;
flex-direction: column;
width: 755px;
height: 100%;
gap: 40px;
padding: 40px;
}
.A_TextInCard{
font-size: 16px;
line-height: 130%;
color: var(--white-color);
opacity: 0;
transition: all 0.5s cubic-bezier(.77, 0, .175, 1);
height: 150px;
}
.U_TextInCardOpacity{
opacity: 1;
}
.U_CardRow{
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
}
.U_HoverAnimation{
position: relative;
bottom: -160px;
background: linear-gradient(0deg, rgba(0,0,0, 1.00) -12.17%, rgba(0, 0, 0, 0.00) 93.67%);
display: flex;
width: 100%;
flex-direction: column;
gap: 10px;
padding: 40px;
transition: all 0.5s cubic-bezier(.77, 0, .175, 1);
}
.U_HoverAnimationOpen{
bottom: 0;
background: linear-gradient(0deg, rgba(0,0,0, 1.00) -12.17%, rgba(0, 0, 0, 0.00) 93.67%);
}
.U_DesktopCard{
overflow: hidden;
}
.M_Card {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding: 0;
width: 440px;
min-width: 440px;
height: 580px;
font-weight: 500;
min-height: 580px;
background-color: black;
}
.W_TableImages{
display: flex;
flex-direction: column;
gap: 40px;
height: 100%;
}
.M_ImageWithText{
display: flex;
height: 100%;
align-items: flex-end;
width: 100%;
align-content: flex-end;
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
padding: var(--image-paddings);  
font-size: var(--image-text-size);
font-weight: var(--image-text-weight);
color: var(--white-color) !important;
line-height: var(--image-text-line-height);
text-transform: var(--image-text-transform);
}
.A_LeftField{
width: 100%;
height: 310px;
background-color: #181818;
}
.A_RightField{
width: 100%;
height: 240px;
background-color: #181818;
}
.A_HeaderLogo{
width: 183px;
max-width: 183px;
height: 24px;
max-height: 24px;
}
.A_FooterLogo{
width: 183px;
max-width: 183px;
height: 24px;
max-height: 24px;
filter: invert(1);
}
.A_BodyText{
font-size: 16px;
line-height: 130%;
}
.A_Points {
font-size: 28px;
font-weight: 400;
line-height: 30px;
color: #181818;
}
.Q_3dPlanImage{
width: 100%;
height: auto;
aspect-ratio: 1440/756;
background-image: url(https://static.tildacdn.com/tild3831-3261-4137-b566-386139346432/PlanPlan.jpg);
background-size: cover;
background-position: center;
}
.A_NavbarItem{
font-size: 13px;
font-weight: var(--font-weight-bold);
display: flex;
align-items: center;
line-height: 16px;
color: var(--text-color) !important;
position: relative;
height: 24px;
cursor: pointer;
}
.A_PageTitle{
font-size: var(--title-size);
font-weight: var(--title-weight);
line-height: var(--title-line-height);
text-transform: var(--title-transform);
color: var(--text-color) !important;
}
.A_ParametrText{
display: flex;
flex-direction: row;
align-items: center;
height: 240px;
font-size: var(--h2-font-size);
font-weight: var(--h2-font-weight);
line-height: var(--h2-line-height);
color: #ffffff !important;
padding: 40px;
background-color: #181818;
}
.A_Angle{
height: 70px;
width: 19px;
}
.Q_PlusIcon{
    width: 10px;
    height: 10px;
    max-width: 10px;
    max-height: 10px;
}
.A_Description{
font-size: var(--page-description-size);
line-height: var(--page-description-line-height);
font-weight: var(--page-description-weight);
color: var(--text-color) !important;
}
.A_Map{
width: 100%;
height: 100%;
background-image: url(https://i.ibb.co/Fz9mQ74/Kuvekino-map-transport.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.A_SectionTitle{
font-size: var(--section-title-size);
font-weight: var(--section-title-weight);
line-height: var(--section-title-line-height);
text-transform: var(--section-title-transform);
color: var(--text-color) !important;
}
.A_FooterItem{
display: flex;
flex-direction: column;
}
.A_MainButton{
display: flex;
flex-direction: row;
align-items: center;
gap: 9px;
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
width: fit-content;
height: var(--main-button-height);
padding: var(--button-padding);
padding: 18px 10px 18px 18px;
color: var(--white-color) !important;
background-color: var(--text-color) !important;
border-radius: var(--main-button-round);
}
.A_Button{
display: flex;
align-items: center;
width: fit-content;
height: var(--button-height);
letter-spacing: var(--button-spacing);
padding: var(--button-padding);
background-color: var(--text-color) !important;
border-radius: var(--button-round);
font-weight: var(--small-title-weight);
text-transform: var(--small-title-transform);
color: var(--white-color) !important;
}
.A_ProjectInfo{
font-size: var(--project-info-size);
font-weight: var(--project-info-weight);
line-height: 130%;
text-transform: var(--project-info-transform);
}
.A_RowText{
display: flex;
flex-direction: row;
padding: 40px 0 40px 0;
height: 100px;
font-size: var(--small-title-size);
font-weight: var(--small-title-weight);
line-height: var(--small-title-line-height);
text-transform: var(--small-title-transform);
color: var(--white-color) !important;
border-bottom: 1px solid var(--border-color-white);
}
.A_RowTextBlack{
display: flex;
flex-direction: row;
padding: 40px 0 40px 0;
height: 100px;
font-size: var(--small-title-size);
font-weight: var(--small-title-weight);
line-height: var(--small-title-line-height);
text-transform: var(--small-title-transform);
color: var(--text-color) !important;
border-bottom: 1px solid var(--border-color-black);
}
.A_SmallTitle{
font-size: var(--small-title-size);
font-weight: var(--small-title-weight);
line-height: var(--small-title-line-height);
text-transform: var(--small-title-transform);
color: var(--text-color) !important;
}
.A_PageTitle{
padding: 20px 0;
}
.A_Subtitle{
font-size: 28px;
line-height: 130%;
text-transform: uppercase;
font-weight: 500;
}
.U_White{
color: var(--white-color) !important;
}
.U_WhiteBackground{
color: var(--text-color) !important;
background-color: var(--white-color) !important;
}
.U_First{
width: var(--table-first-width);
min-width: var(--table-first-width);
}
.U_Second{
width: var(--table-second-width);
min-width: var(--table-second-width);
}
.U_Third{
width: var(--table-third-width);
min-width: var(--table-third-width);
}
.U_Fourth{
width: var(--table-fourth-width);
min-width: var(--table-fourth-width);
}
.U_Fifth{
text-align: end;
min-width: fit-content;
width: var(--table-fifth-width);
}
.U_ProjectColor{
color: var(--project-color) !important;
}
.U_LogoPlashka{
width: 320px;
height: 42px;
}
.U_NavSlider{
justify-content: space-between;
width: 100%;
align-items: center;
max-width: calc(var(--main-width) + (100% - var(--main-width)) / 2);
padding-left: calc(calc((100% - var(--main-width)) / 2) + 40px);
padding-right: 40px;
}
.U_MobileShow{
display: none;
}
.U_MobileOnlyShow{
display: none;
}
.U_LastItem{
border-bottom: 0;
}
.U_Gap16{
gap: 16px;
}
.U_Vertical{
padding: 40px 0 40px 0;
}
.U_NoGap{
gap: 0;
}
/*.W_Row {*/
/*&:is(.U_NoGap) {*/
/*    width: fit-content;*/
/*    justify-content: flex-start;*/
/*    gap: 0px;*/
/*}*/
/*}*/
#U_Cards{
max-width: none;
position: relative;
transition: all 1s cubic-bezier(.77, 0, .175, 1);
}
.Q_FirstImage{
min-width: 67%;
max-width: 67%;
background-image: url(https://optim.tildacdn.com/tild3061-6266-4536-a465-666236346339/-/format/webp/Kuvekino-LI-01.jpg);
}
.Q_Areas{
background-image: url(https://optim.tildacdn.com/tild3562-3935-4463-b339-643139323938/-/format/webp/Kuvekino-BB-05-0-25x.jpg);
background-position: center;
}
.Q_Arial{
background-image: url(https://optim.tildacdn.com/tild3834-3139-4939-b966-373130636563/-/format/webp/0048-PIK-Parametr-Ku.jpg);
}
.Q_LightIndustrial{
background-image: url(https://optim.tildacdn.com/tild3430-6436-4663-b565-373832636233/-/format/webp/Light-Industrial.jpg);
height: 424px;
}
.Q_InsideLI{
background-image: url(https://static.tildacdn.com/tild3434-3834-4434-a461-313238363761/InsideLI.jpg);
    background-size: cover;
background-position: center;
height: 424px;
}
.U_Parking{
    background-position: center;
    background-size: cover;
    background-image: url(https://optim.tildacdn.com/tild3235-3366-4631-b535-376436373939/-/format/webp/ParkingCard.jpg);
}
.U_Entrence{
background-image: url(https://optim.tildacdn.com/tild3438-3533-4962-a334-383263353261/-/format/webp/Entrance.jpg);
background-size: cover;
background-position: center;
}
.U_Architecture{
    background-size: cover;
background-position: center;
background-image: url(https://optim.tildacdn.com/tild3964-6330-4631-b164-343531613864/-/format/webp/Docs.jpg);
}
.U_Mesonin{
    background-size: cover;
background-position: center;
background-image: url(https://optim.tildacdn.com/tild6166-6538-4539-a638-396336386238/-/format/webp/Mesonin-New.png);
}
.U_Warming{
background-image: url(https://optim.tildacdn.com/tild6238-3864-4739-b862-666362626437/-/resize/880x/-/format/webp/Warming.jpg);
}
.U_Docs{
        background-size: cover;
background-position: left;
background-image: url(https://optim.tildacdn.com/tild3563-3039-4530-b331-326538613237/-/format/webp/DocsCard.png);
}
.U_Powers{
        background-size: cover;
    background-position: center;
background-image: url(https://optim.tildacdn.com/tild3434-3834-4434-a461-313238363761/-/format/webp/InsideLI.jpg);
}
.U_Sport{
        background-size: cover;
background-position: center;
background-image: url(https://optim.tildacdn.com/tild3032-3565-4137-b935-383835313964/-/format/webp/SportCard.png);
}
.U_Uppercase{
text-transform: uppercase;
}
.U_TableRowHug{
height: 65px;
}
.U_Fixed{
min-width: 680px;
}
.U_FirstFooterItem{
gap: 7px;
width: 320px;
}
.U_SecondFooterItem{
gap: 40px;
width: 360px;
}
.U_AlignBottom{
align-items: flex-end
}
.U_SmallImageBox{
font-size: 24px;
}
.U_ProjectItemFixedWidth{
min-width: 479px;
}
.U_FooterText{
color: var(--white-color) !important;
}
.U_ThirdFooterItem{
width: fit-content;
gap: 7px;
}
.U_Paddings{
padding-top: 10px;
padding-bottom: 10px;
}
.Q_ButtonText{
width: fit-content;
max-width: fit-content;
}
.Q_Underline{
position: absolute;
width: 100%;
height: 1px;
background-color: var(--text-color) !important;
bottom: 0;
}
.Q_ImageIcon{
width: 100%;
height: 100%;
}
.Q_Image{
width: 100%;
height: 100%;
filter: invert(1);
}
.Q_ButtonIcon{
width: 29px;
height: 29px;
}
.U_MobileFooterOnlyShow{
display: none;
}
.U_Secondary{
background-color: var(--white-color) !important;
border: 1px solid var(--text-color);
color: var(--text-color) !important;
}
.U_MobileHideNavbar{
    display: none;
}
@media all and (max-width: 1439px) {
:root {
  /* Color Variables */
  --main-width: 1024px;
  --project-info-size: 22px;
  --project-info-line-height: 130%;
  --project-info-weight: 500;
  --project-info-transform: uppercase;
  --title-size: 56px;
  --title-line-height: 100%;
  --title-weight: 500;
  --title-transform: uppercase;
  --page-description-size: 32px;
  --page-description-line-height: 100%;
  --page-description-weight: 400;
  --section-title-size: 38px;
  --section-title-line-height: 100%;
  --section-title-weight: 500;
  --section-title-transform: uppercase;
  --image-text-size: 24px;
  --image-text-line-height: 130%;
  --image-text-weight: 500;
  --image-text-transform: uppercase;
  --table-text-size: 13px;
  --table-text-weight: 500;
  --table-text-transform: uppercase;
  --table-first-width: 70px;
  --table-second-width: 114px;
  --table-third-width: 134px;
  --table-fourth-width: 223px;
  --table-fifth-width: 100%;
  --button-font-size: 16px;
  --main-button-round: 60px;
  --main-button-height: 47px;
  --button-height: 20px;
  --button-spacing: 0.52px;
  --h2-font-size: 22px;
  --button-padding: 10px;
  --navbar-height: 60px;
  --button-round: 20px;
  --navbar-padding: 20px 40px;
  --logo-width: 183px;
  --border-color-black: rgba(24, 24, 24, 0.15);
  --border-color-white: rgba(255, 255, 255, 0.15);
  --image-paddings: 24px;
  /* Misc Variables */
  --line-height-base: 1.5;
}  
.A_ScrollMap{
  display: none;
}
.A_3Dplan{
width: 100%;
height: 100%;
overflow-x: scroll;
}
.Q_3dPlanImage{
  width: 100%;
  height: 100%;
  background-image: url(https://static.tildacdn.com/tild3831-3261-4137-b566-386139346432/PlanPlan.jpg);
  background-size: cover;
  background-position: center;
}  
.W_BlackBackground{
  height: fit-content;
}
.O_Advantages{
  gap: 40px;
}
.O_Distinctives{
  gap: 40px;
}
.O_SelectorFilters{
  height: fit-content;
}
.O_Form {
  padding: 120px 80px;
}
.M_InfoBlock{
  width: 100%;
  height: fit-content;
}
.A_Button{
  font-size: 13px;
}
.A_SmallText{
  font-size: 13px;
}
.A_BodyText {
font-size: 14px;
}
.W_AddresAndTableItems{
  height: fit-content;
  gap: 40px;
}
.W_Images {
  flex-direction: column;
  height: fit-content;
}
.W_ImageStack {
flex-direction: row;
gap: 10px;
height: 290px;
}
.W_Tables {
flex-direction: column;
}
.W_TableAndImages{
max-width: none;
}
.W_TableImages{
flex-direction: row;
gap: 10px;
}
.W_TableWithTitle {
gap: 0px;
}
.M_ImageWithText {
width: 100%;
height: 290px;
}
.A_Subtitle{
font-size: 22px;
}
.A_PageTitle{
padding: 20px 0;
}
.A_Points {
font-size: 22px;
font-weight: 400;
line-height: 30px;
color: #181818;
}
.Q_FirstImage{
max-width: none;
}
.Q_LightIndustrial{
height: 424px;
}
.Q_InsideLI{
height: 424px;
}
.A_LeftField{
height: 208px;
}
.A_RightField{
height: 138px;
}
.A_ParametrText{
height: 138px;
}
.A_Map{
  background-position: 0;
  height: 463px;
}
.U_MobileShow{
  display: block;
}
.U_DesktopHide{
  display: none;
}
}
.U_First{
width: var(--table-first-width);
min-width: var(--table-first-width);
}
.U_Second{
width: var(--table-second-width);
min-width: var(--table-second-width);
}
.U_Third{
width: var(--table-third-width);
min-width: var(--table-third-width);
}
.U_Fourth{
width: var(--table-fourth-width);
min-width: var(--table-fourth-width);
}
.W_BurgerMenuList{
transition: all 1s cubic-bezier(.77, 0, .175, 1);
width: 50vw;
position: relative;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--white-color);
left: 100vw;
padding: 24px;
}
.U_BurgerMenuListOpen{
left: 50vw;
}
.U_Fifth{
text-align: end;
width: var(--table-fifth-width);
}
@media all and (max-width: 1024px) {

}
@media all and (max-width: 1023px) {
:root {
  /* Color Variables */
  --main-width: 1024px;
  --project-info-size: 22px;
  --project-info-line-height: 130%;
  --project-info-weight: 500;
  --project-info-transform: uppercase;
  --title-size: 38px;
  --title-line-height: 100%;
  --title-weight: 500;
  --title-transform: uppercase;
  --page-description-size: 32px;
  --page-description-line-height: 100%;
  --page-description-weight: 400;
  --section-title-size: 38px;
  --section-title-line-height: 100%;
  --section-title-weight: 500;
  --section-title-transform: uppercase;
  --image-text-size: 24px;
  --image-text-line-height: 130%;
  --image-text-weight: 500;
  --image-text-transform: uppercase;
  --table-text-size: 13px;
  --table-text-weight: 500;
  --table-text-transform: uppercase;
  --table-first-width: 70px;
  --table-second-width: 114px;
  --table-third-width: 134px;
  --table-fourth-width: 243px;
  --table-fifth-width: 100%;
  --button-font-size: 16px;
  --main-button-round: 60px;
  --main-button-height: 47px;
  --button-height: 20px;
  --button-spacing: 0.52px;
  --h2-font-size: 22px;
  --button-padding: 10px;
  --navbar-height: 70px;
  --button-round: 20px;
  --navbar-padding: 20px 40px;
  --logo-width: 183px;
  --border-color-black: rgba(24, 24, 24, 0.15);
  --border-color-white: rgba(255, 255, 255, 0.15);
  --image-paddings: 24px;
  /* Misc Variables */
  --line-height-base: 1.5;
}  
.W_NavbarSocials{
  display: flex;
}
.SO_Main{
  padding: 0 24px;
}
.O_SelectorFilters{
  flex-direction: column;
}
.W_Row{
  flex-direction: column;
  gap: 48px;
}
.U_MobileHideNavbar{
    display: flex;
        align-content: center;
}
.W_BurgerMenuList{
  width: 100vw;
}
.U_BurgerMenuListOpen{
  left: 0vw;
}  
.W_WithoutSmallTitle{
}
.A_PageTitle{
  padding: 0;
}
.O_Company{
  flex-direction: column;
}
.A_RightField{
  display: none;
}
.A_LeftField{
  display: none;
}
.O_ParametrFullWidth{
  min-width: 0;
}
.O_Footer{
  max-width: 100vw;
  padding: 48px 24px;
  height: fit-content;
  align-items: flex-start
}
.O_Form {
  flex-direction: column;
  padding: 48px 0;
  gap: 90px;
}
.A_FooterItem{
  gap: 12px;
}
.U_MobileFooter{
  gap: 60px !important;
          height: fit-content;
          align-items: flex-start;
          flex-direction: column;
}
.U_ThirdFooterItem{
  width: fit-content;
  height: fit-content;
}
.W_FooterContainer{
  display: flex;
      flex-direction: column;
      gap: 60px;
      min-width: 0;
      min-width: auto;
      padding: 0;
}
.U_DesktopHide{
  height: 100%;
  width: auto;
  overflow-x: scroll;
  aspect-ratio: 1 / 1;
  background-position: center;
  display: block;
}
.W_WithoutSmallTitle {
  padding: 24px 0 24px 0;
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(24, 24, 24, 0.15);
  gap: 60px;
}
.W_DescriptionAndButton {
flex-direction: column;
gap: 24px;
padding: 0;
}
.W_TableForPhoneScroll {
height: fit-content;
width: 100%;
overflow: scroll;
}
.O_Sale {
max-width: 100vw;
padding: 48px 24px;
}
.O_Navbar{
width: 100vw;
padding: 0 24px;
min-width: 0;
}
.U_MobileShow{
display: none;
}
.U_ProjectItemFixedWidth{
min-width: 0;
}
.W_ParametrBG {
flex-direction: column;
      align-items: flex-start;
gap: 12px;
padding-left: 24px;
padding-right: 12px;
}
.U_SmallImageBox{
font-size: 14px;
}
.M_InfoBlock{
padding: 48px 24px;
}
.A_ParametrText{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 260px;
padding: 24px;
font-weight: 400;
}
.M_FormSubmit {
flex-direction: column;
gap: 40px;
}
.A_BodyText {
font-size: 16px;
}
.M_CardWithText{
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 100vw;
}
.A_CardImage{
  height: 530px;
  width: 100%;
  background-size: cover;
  background-position: bottom;
}
.U_MobileRow{
  position: relative;
  max-width: 100vw !important;
  display: flex;
  flex-direction: row;
  width: fit-content;
  justify-content: flex-start;
  gap: 2px;
}
.Q_3dPlanImage{
  aspect-ratio: unset;
  width: 100%;
  height: 100%;
  background-image: url(https://static.tildacdn.com/tild3831-3261-4137-b566-386139346432/PlanPlan.jpg);
  background-size: cover;
  background-position: right;
}  
.A_3Dplan{
width: 100%;
height: 650px;
overflow-x: scroll;
}
.W_MobileCards{
  position: relative;
  transition: all 1s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  gap: 2px;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
}
.U_Smaller{
gap: 40px;
}
.W_CardText{
padding: 0 24px;
}
.U_MobileHideBR{
display: none;
}
.A_Angle{
height: 118px;
width: 19px;
}
.U_MobileHideNav{
display: none;
}
.U_MobileHideCards{
display: none;
}
.U_MobileCarouselGap{
gap: 48px;
}
.W_ProjectGetInfo{
gap: 20px;
}
.O_Distinctives{
padding: 48px 0;
}
.U_Fixed{
  min-width: 0;
}
.U_Footer{
  color: var(--white-color) !important;
}
.U_MobileHideFooter{
  display: none;
}
.W_ProjectInfo{
  flex-direction: column;
  gap: 48px;
}
.U_MobileOnlyShow{
  display: block;
}
.U_MobilePaddings{
  padding: 0 24px;
  width: 100%;
}
.U_MobileCarouselGap{
  display: flex;
  flex-direction: column;
  padding: 48px 0;
}
.U_MobileFooterOnlyShow{
  display: flex;
}
.A_ScrollMap{
  display: block;
  width: 100%;
  max-width: 100vw;
  overflow-x: scroll;
  height: 756px;
}  
.A_Map{
  width: 100%;
}
.W_BurgerMenuList{
  padding-bottom: 88px;
}
}
.U_MobileHeight{
  height: 400px;
}
@media all and (max-width: 920px) {
    .W_MainTable{
        min-width: 115vw;
    }
}
@media all and (max-width: 756px) {
  :root{
    --table-first-width: 120px;
    --table-second-width: 164px;
    --table-third-width: 174px;
  }
    .A_Map{
      width: auto;
      height: 100%;
      aspect-ratio: 3367/2008;
}
.W_MainTable {
  width: 150vw;
  }
      .Q_3dPlanImage {
        aspect-ratio: unset;
        width: 125%;
        height: 100%;
        background-image: url(https://static.tildacdn.com/tild3831-3261-4137-b566-386139346432/PlanPlan.jpg);
        background-size: cover;
        background-position: right;
      }
  
  .W_TableImages{
  flex-direction: column;
}
.A_NavbarItemBurgerLink{
  font-size: 34px;
}
}
@media all and (max-width: 550px) {
      .Q_3dPlanImage {
        aspect-ratio: unset;
        width: 135%;
        height: 100%;
        background-image: url(https://static.tildacdn.com/tild3831-3261-4137-b566-386139346432/PlanPlan.jpg);
        background-size: cover;
        background-position: right;
      }
}
@media all and (max-width: 680px) {
    .W_MainTable{
        min-width: 170vw;
    }
}
@media all and (max-width: 520px) {
    .W_MainTable{
        min-width: 200vw;
    }
}
@media all and (max-width: 500px) {
          .Q_3dPlanImage {
    aspect-ratio: unset;
    height: 100%;
    width: 100%;
    background-image: url(https://optim.tildacdn.com/tild3864-3438-4731-a332-303239623038/-/format/webp/heightplan.jpg);
    background-size: cover;
    background-position: center;
    }
  .W_MainTable {
    width: 250vw;
}
}
@media all and (max-width: 460px) {
:root {
  /* Color Variables */
  --main-width: 1024px;
  --project-info-size: 22px;
  --project-info-line-height: 130%;
  --project-info-weight: 500;
  --project-info-transform: uppercase;
  --title-size: 32px;
  --title-line-height: 100%;
  --title-weight: 500;
  --title-transform: uppercase;
  --page-description-size: 24px;
  --page-description-line-height: 100%;
  --page-description-weight: 400;
  --section-title-size: 28px;
  --section-title-line-height: 100%;
  --section-title-weight: 500;
  --section-title-transform: uppercase;
  --image-text-size: 24px;
  --image-text-line-height: 130%;
  --image-text-weight: 500;
  --image-text-transform: uppercase;
  --table-text-size: 13px;
  --table-text-weight: 500;
  --table-text-transform: uppercase;
  --table-first-width: 70px;
  --table-second-width: 114px;
  --table-third-width: 134px;
  --table-fourth-width: 243px;
  --table-fifth-width: 100%;
  --button-font-size: 16px;
  --main-button-round: 60px;
  --main-button-height: 47px;
  --button-height: 20px;
  --button-spacing: 0.52px;
  --h2-font-size: 22px;
  --button-padding: 10px;
  --navbar-height: 60px;
  --button-round: 20px;
  --navbar-padding: 20px 40px;
  --logo-width: 183px;
  --border-color-black: rgba(24, 24, 24, 0.15);
  --border-color-white: rgba(255, 255, 255, 0.15);
  --image-paddings: 24px;
  /* Misc Variables */
  --line-height-base: 1.5;
}  
.A_Map{
  width: auto;
  height: 100%;
  aspect-ratio: 3367/2008;
}
.M_ImageWithText{
  padding: 12px 0 12px 12px; 
  height: 240px;
}
.W_ImageStack{
    height: 240px;
}
.O_BurgerMenu{
  width: 100vw;
}
.W_WithoutSmallTitle{
    gap: 30px;
}
.A_Subtitle{
  font-size: 20px;
}
.U_SecondFooterItem{
  width: 100%;
}
.Q_LightIndustrial{
  min-width: 0%;
  height: 350px;
}
.Q_InsideLI{
  min-width: 0%;
  height: 350px;
}
.U_LogoPlashka{
  width: 270px;
  height: 35px;
}
.A_3Dplan{
width: 100%;
        height: 546px;
overflow-x: scroll;
}
}
@media all and (max-width: 393px) {
  :root{
    --table-first-width: 100px;
    --table-second-width: 134px;
    --table-third-width: 130px;
  }
      .A_3Dplan {
        width: 100%;
        height: 466px;
        overflow-x: scroll;
    }
        .A_3Dplan {
        width: 100%;
        height: 426px;
        overflow-x: scroll;
    }
}
@media all and (max-width: 356px) {
    .W_MainTable{
        min-width: 300vw;
    }
}

@media all and (max-width: 393px) {
    .A_3Dplan {
        width: 100%;
        height: 426px;
        overflow-x: scroll;
    }
}

/* custom-form and custom-popup styles */
.custom-form__field {
    margin-bottom: 60px;
}

.custom-form__input {
    width: 100%;
    padding: 20px 0 20px 0;
    color: #181818;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    border: none;
    border-bottom: 1px solid rgba(24, 24, 24, 0.15);
}

.custom-form__input:focus {
    outline: none;
}

.custom-form__input::placeholder{
    color: #181818;
}

.custom-form__field.invalid .custom-form__input {
    border-color: red;
}

.custom-form__error {
    margin-top: 5px;
    color: red;
    font-size: 13px;
}

.custom-form__error:empty {
    display: none;
}

.custom-form__input:focus::placeholder {
    color: transparent;
}

.custom-form__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-form__checkbox {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.custom-form__checkbox-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.custom-form__checkbox-icon {
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #181818;
    box-sizing: border-box;
}

.custom-form__agree.invalid .custom-form__checkbox-icon {
    border-color: red;
}

.custom-form__checkbox-input:checked ~ .custom-form__checkbox-icon {
    border-color: #181818;
}

.custom-form__checkbox-input:checked ~ .custom-form__checkbox-icon::after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid #181818;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-form__checkbox-text {
    color: #BDB7AA;
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    margin-left: 20px;
}

.custom-form__checkbox-text a {
    color: #181818 !important;
}

.custom-form__checkbox-text a:hover {
    text-decoration: underline !important;
}

.custom-form__btn {
    position: relative;
    appearance: none;
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 12px;
    border: none;
    border-radius: 20px;
    background: #181818;
    box-sizing: border-box;
}

.custom-form__btn_sending {
    color: transparent;
    pointer-events: none;
}

.custom-form__btn_sending:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 100 100'%3E%3Cpath fill='%23ffffff' d='M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat;
    background-size: contain;
}

.custom-form__btn:focus {
    outline: none;
}

@media (max-width: 1439px) {
    .custom-form__btn {
        font-size: 13px;
    }
}

@media (max-width: 1023px) {
    .custom-form__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
}

.custom-success-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1200;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: scroll;
    background: rgba(0,0,0,.5);
}

.custom-success-popup__content {
    position: relative;
    max-width: 373px;
    width: 100%;
    padding: 34px 42px 44px;
    box-sizing: border-box;
    background: #fff;
}

.custom-success-popup__close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23acadac' d='M9.667 1.273l-.94-.94L5 4.06 1.273.333l-.94.94L4.06 5 .333 8.727l.94.94L5 5.94l3.727 3.727.94-.94L5.94 5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-position: center;
    background-size: 14px;
    transition: all .1s ease-in;
}

.custom-success-popup__close:hover {
    filter: brightness(.5);
}

.custom-success-popup__title {
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
    margin-bottom: 16px;
}

.custom-success-popup__text {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}
/* end */