:root {
    --start-color: rgb(214, 221, 109);
    --end-color: rgb(92, 107, 68);
  }

.first-slider-photo1 {
    background: linear-gradient(rgba(30, 31, 32, 0) 77.45%, rgba(30, 31, 32, 0.33) 88.37%, rgba(30, 31, 32, 0.69) 100%) 0% 0% / cover, linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
        url(../images/bg.jpg), 0px -12.5px no-repeat lightgray;
    background-size: cover;
}

.first-slider-photo2 {
    background: linear-gradient(rgba(30, 31, 32, 0) 77.45%, rgba(30, 31, 32, 0.33) 88.37%, rgba(30, 31, 32, 0.69) 100%) 0% 0% / cover, linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
        url(../images/twoimg.jpg), 0px -12.5px no-repeat lightgray;
    background-size: cover;
}

.first-slider-photo3 {
    background: linear-gradient(rgba(30, 31, 32, 0) 77.45%, rgba(30, 31, 32, 0.33) 88.37%, rgba(30, 31, 32, 0.69) 100%) 0% 0% / cover, linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
        url(../images/img4.jpg), 0px -12.5px no-repeat lightgray;
    background-size: cover;
}

.first-slider-photo4 {
    background: linear-gradient(rgba(30, 31, 32, 0) 77.45%, rgba(30, 31, 32, 0.33) 88.37%, rgba(30, 31, 32, 0.69) 100%) 0% 0% / cover, linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
        url(../images/imgforblocks1.jpg), 0px -12.5px no-repeat lightgray;
    background-size: cover;
}


body,
html {
    margin: 0px;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0;
    height: auto;
    scroll-behavior: smooth;
}


a {
    text-decoration: none;
}

@font-face {
    font-family: "VictorMono-Medium";
    src: url("../fonts/VictorMono-Medium.otf");
}

@font-face {
    font-family: "Tinos-Regular";
    src: url("../fonts/Tinos-Regular.ttf");
}

@font-face {
    font-family: "SFPRODISPLAYMEDIUM";
    src: url("SFPRODISPLAYMEDIUM.OTF");
}

.video-background {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

#background-video {
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(30, 31, 32, 0) 77.45%, rgba(30, 31, 32, 0.33) 88.37%, rgba(30, 31, 32, 0.69) 100%), 
                linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    pointer-events: none;
}

.buttonsmenu {
    color: #F8F8F8;
    border: none;
    background-color: #00000000;
    cursor: pointer;
    font-family: "VictorMono-Medium";
    FONT-WEIGHT: 500;
    font-size: 22px;
    text-transform: uppercase;
}

.buttonsmenu:hover {
    color: rgb(255, 255, 255)
}

.buttonsmenu2 {
    border: none;
    background: none;
    color: var(--Blacks-600, #F8F8F8);
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    font-family: "VictorMono-Medium";
    margin-bottom: 25px;
    cursor: pointer;
}

.menumob {
    width: 100%;
    position: fixed;
    height: 100%;
    text-align: center;
    background-color: rgb(0, 0, 0);
    z-index: 1000000;
    margin-top: 80px;
    display: none;
}

.headerfixed {
    background: linear-gradient(180deg, rgba(17, 18, 16, 0.6) 0%, rgba(17, 18, 16, 0) 100%);
    height: 70px;
    padding: 20px 0px 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 100;
    width: 100%;
    place-content: center;
}
.headerfixed2 {
    height: 58px;
    padding: 6px 17px 0px 20px;
    display: flex;
    z-index: 100;
    justify-content: space-between;
    align-items: center;
}
.buuttoblogin {
    width: 63%;
    display: flex;
    justify-content: space-between;
}

.container {
    width: 100%;
    margin: 0 auto;
}

.itc-slider-wrapper {
    overflow: hidden;
}

.itc-slider-item {
    flex: 0 0 100%;
    height: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 7rem;
}

.page {
    height: 100vh;
    /* scroll-snap-align: start;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    overflow-y: scroll; */
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-thumb {
    background-color: #323335;
    border-radius: 4px 0px 0px 4px;
}

body::-webkit-scrollbar-track {
    background-color: #1e1f20;
}

.rightbordrad {
    border-radius: 0 30px 30px 0;
}

.leftbordrad {
    border-radius: 30px 0 0 30px;
}

.logo {
    position: absolute;
    left: 30px;
    cursor: pointer;
}

.logo-mobile {
    cursor: pointer;
}

.logo-text2 {
    font-family: "Tinos-Regular";
    font-size: 39px;
    font-style: normal;
    font-weight: 500;
    color: #89B537;
    text-transform: uppercase;
    position: absolute;
    bottom: -12px;
    left: 38px;
}

.textlogoslide {
    color: #ffffff;
    font-family: "VictorMono-Medium";
    font-size: 41px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
    z-index: 10;
    bottom: 87px;
    left: 50%;
    transform: translateX(-50%);
    text-wrap: nowrap;
}

.page2flexstyle {
    display: flex;
    align-items: flex-end;
}

.page3flexstyle {
    display: flex;
    background: var(--Blacks-200, #1E1F20);
    align-items: center;
}

.page4flexstyle {
    display: flex;
    background: var(--Blacks-200, #1E1F20);
    align-items: center;
    flex-direction: row-reverse;
}

.page2block1 {
    height: 100%;
    width: 43%;
    background: var(--Blacks-200, #1E1F20);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.page2block2 {
    height: 100%;
    width: 57%;
}

.page2block1h1 {
    color: var(--Blacks-600, #F8F8F8);
    font-family: "VictorMono-Medium";
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 5px 50px;
}

.page2block1h1 span {
    color: var(--Greens-100, #89B537);
    font-family: "VictorMono-Medium";
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.page2block1text {
    color: var(--Blacks-500, #D8DDE2);
    font-family: "VictorMono-Medium";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    padding: 10px 50px;
}

.btnformcall {
    border: 1px solid var(--Greens-300, #BCD979);
    background: var(--Blacks-200, #1E1F20);
    color: var(--Blacks-600, #F8F8F8);
    font-family: "VictorMono-Medium";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    cursor: pointer;
    margin: 10px 50px;
}

.page3block1 {
    height: 90vh;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 20px 50px 0px 0px;
}

.page3block2 {
    height: 100%;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 25px;
}

.textpage3font {
    color: var(--Blacks-500, #D8DDE2);
    font-family: "VictorMono-Medium";
    font-size: 29px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 25px;
}

.pngpicsize {
    width: 55px;
    height: 55px;
}

.flex3page {
    display: flex;
    padding-bottom: 24px;
    align-items: center;
}

.zag3page {
    color: var(--Blacks-600, #F8F8F8);
    font-family: "VictorMono-Medium";
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.zag3page22 {
    color: #89b537;
    font-family: "VictorMono-Medium";
    font-size: 37px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.photopag3 {
    background-image: url('../images/new_images/17.jpg');
    width: 100%;
    height: 84%;
    margin-bottom: 6%;
    background-size: cover;
    background-repeat: no-repeat;
}

.photopag4 {
    background-image: url('../images/panonnia-mukachevo-6.webp');
    width: 70%;
    height: 84%;
    margin-bottom: 6%;
    background-size: cover;
    background-repeat: no-repeat;
}

.photopag5 {
    background-image: url('../images/new_images/16.jpg');
    width: 100%;
    height: 84%;
    margin-bottom: 6%;
    background-size: cover;
    background-repeat: no-repeat;
}

.photopag6 {
    background-image: url('../images/new_images/04.jpg');
    width: 100%;
    height: 84%;
    margin-bottom: 6%;
    background-size: cover;
    background-repeat: no-repeat;
}


.page4block1 {
    height: 90vh;
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.schemmm {
    width: 100%;
}

.page4block2 {
    height: 100%;
    width: 57%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 45px;
}

.pag7zag {
    color: var(--Blacks-600, #F8F8F8);
    font-family: "VictorMono-Medium";
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding-top: 90px;
}

.pag7zag2 {
    color: var(--Blacks-600, #F8F8F8);
    font-family: "VictorMono-Medium";
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding-top: 90px;
}

.pag7zagspan {
    color: var(--Greens-100, #89B537);
    font-family: "VictorMono-Medium";
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.pag7zagspan2 {
    color: var(--Greens-100, #89B537);
    font-family: "VictorMono-Medium";
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.cent7style {
    text-align: center;
    background: var(--Blacks-200, #1E1F20);
}

.flexing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pag7blocks {
    width: 530px;
    height: 530px;
    position: relative;
    margin: 25px 30px;
    background-size: 430%;

}
.positionroom1 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(../images/Pannonia_section_2-4.webp), lightgray 50% / cover no-repeat;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.positionroom2 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(../images/Pannonia_section_2.webp), lightgray 50% / cover no-repeat;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.positionroom3 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(../images/Pannonia_section_2-2.webp), lightgray 50% / cover no-repeat;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.positionroom4 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(../images/Pannonia_section_2-3.webp), lightgray 50% / cover no-repeat;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.positionroom5 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(../images/new_images/plan_139_61.png), lightgray 50% / cover no-repeat;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;  
}
.roomtext {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 85px;
    text-align: center;
    color: #FFF;
    font-family: 'VictorMono-Medium';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(93, 94, 97, 0.20) 0%, rgba(50, 50, 50, 0.00) 100%, rgba(54, 55, 57, 0.00) 100%), rgba(13, 13, 14, 0.60);
    backdrop-filter: blur(3.5px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.roomtext2 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 187px;
    height: 72px;
    text-align: center;
    color: #FFF;
    font-family: 'VictorMono-Medium';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(93, 94, 97, 0.20) 0%, rgba(50, 50, 50, 0.00) 100%, rgba(54, 55, 57, 0.00) 100%), rgba(13, 13, 14, 0.60);
    backdrop-filter: blur(3.5px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.textpage3spz {
    color: #d8dde2;
    font-family: "VictorMono-Medium";
    font-size: 29px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bggrenfra {
    background-color: #1e1f20;
    padding: 25px 0px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.pag4har1 {
}

.pag4har2 {
}

.textpage3spp {
    color: #d8dde2;
    font-family: "VictorMono-Medium";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 10px;
    padding-top: 15px;
}


.m2sigetstyle {
    width: 38px;
    height: 38px;
    padding-right: 5px;
}

.fnt501 {
    color: #FFF;
    font-family: 'VictorMono-Medium';
    font-size: 30px;
    font-style: normal;
    line-height: normal;
    text-transform: none;
}
.fnt503 {
    color: #FFF;
    font-family: 'VictorMono-Medium';
    font-size: 16px;
    font-style: normal;
    padding-bottom: 7px;
    padding-left: 2px;
}


.page {
    scrollbar-width:initial;
    /* Для Firefox */
    -ms-overflow-style:inherit;
    /* Для IE и Edge */
}

.page::-webkit-scrollbar {
    display:block;
    /* Для WebKit (Chrome, Safari, etc.) */
}

.location {
    color: var(--Blacks-600, #F8F8F8);
    font-family: 'VictorMono-Medium';
    font-size: 50px;
    font-style: normal;
    text-transform: uppercase;
    padding-top: 25px;
}

.flexinggallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.wid30 {
    width: 27%;
}

.wid50 {
    width: 47%;
}

.wid70 {
    width: 67%;
}

.hegfph {
    height: 550px;
    margin: 20px 20px;
}

.im1 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View20.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.im2 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View03.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im3 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View04.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im4 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View05.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im5 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View21.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im6 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View07.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.im7 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View08.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.im8 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View19.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im9 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View10.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im10 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View11.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im11 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View12.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im12 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View13.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.im13 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View14.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.im14 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View15.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im15 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View16.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im16 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View17.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.im17 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/interior/render1_View18.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}


.im2,
.im3,
.im4,
.im5,
.im6,
.im7,
.im8,
.im9,
.im10,
.im11,
.im12,
.im13,
.im14,
.im15,
.im16,
.im17 {
    background-position: bottom;
}


.page8bg {
    width: 100%;
    height: 100%;
    position: relative;
    
  }

  .bgformfuter {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), url(../images/new_images/07.jpg), lightgray 50% / cover no-repeat;
    text-align: -webkit-center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-position: 0px 67%;
  }
  .page8obflix {
    display: flex;
    width: 96%;
    align-items: center;
    padding-top: 100px;
  }

  .page8block1 {
width: 50%;
padding-right: 50px;

  }
  .page8block2 {
    width: 48%;
    border-radius: 20px;
    border: 1px solid #535457;
    background: linear-gradient(180deg, rgba(41, 41, 42, 0.20) 0%, rgba(50, 50, 50, 0.00) 100%, rgba(35, 36, 39, 0.00) 100%), rgba(18, 19, 19, 0.80);
    backdrop-filter: blur(3.5px);
    display: flex;
    flex-direction: column;
    padding: 40px 50px;
}

.page8green {
    color: var(--Greens-100, #89B537);
    font-family: 'VictorMono-Medium';
font-size: 55px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}

.page8text1 {
    color: var(--Blacks-600, #F8F8F8);
    font-family: 'VictorMono-Medium';
    font-size: 55px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.27;
    text-transform: uppercase;
    text-align: start;
    padding-bottom: 15px;
}

.page8text2 {
    color: var(--Blacks-500, #D8DDE2);
    font-family: 'VictorMono-Medium';
    font-size: 29px;
    font-style: normal;
    font-weight: 500;
    text-align: start;
    line-height: 1.23;
}

.page8block3 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
}
.page8block4 {
    width: 100%;
    padding-top: 70px;
}

.futerpadding {
   
}
.futerpadding2 {
 padding: 20px 60px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.page8block2flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page8block3flex {
    padding-top: 40px;
    display: flex;
    align-items: center;
}

.esquiline {
    color: var(--Greens-100, #89B537);
    font-family: 'VictorMono-Medium';
    font-size: 40px;
}

.esquiline2 {
    color: var(--Blacks-600, #F8F8F8);
    font-family: 'VictorMono-Medium';
    font-size: 40px;
}

label {
    display: block;
    margin-bottom: 3px;
    color: var(--Blacks-500, #D8DDE2);
    font-family: 'VictorMono-Medium';
    font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.form-group {
    margin-bottom: 30px;
    width: 46%;
    text-align: start;
}

.form-group2 {
    margin-bottom: 20px;
    width: 100%;
    text-align: start;
}

.inputsall {
    outline: none;
    color: var(--Blacks-600, #F8F8F8);
    border: none;
    border-bottom: 2px solid var(--Blacks-300, #474A4E);
    padding: 5px;
    align-self: stretch;
    background: none;
    width: 100%;
    font-size: 24.5px;
    font-family: 'VictorMono-Medium';
}
.inputsall::placeholder {
    color: var(--Blacks-300, #474A4E);
}
.inputsall:focus::placeholder {
    color: var(--Blacks-600, #F8F8F8);
}

.inputsall:focus {
    border-bottom: 2px solid var(--Greens-100, #89B537);
}

.inppopcall {
    outline: none;
    color: var(--Blacks-600, #F8F8F8);
    border: none;
    border-bottom: 2px solid var(--Blacks-300, #474A4E);
    padding: 5px;
    align-self: stretch;
    background: none;
    font-size: 24.5px;
    font-family: 'VictorMono-Medium';
    text-align: center; 
    width: auto;
}
.inppopcall::placeholder {
    color: var(--Blacks-300, #474A4E);
}
.inppopcall:focus::placeholder {
    color: var(--Blacks-600, #F8F8F8);
}

.inppopcall:focus {
    border-bottom: 2px solid var(--Greens-100, #89B537);
}


/* Общие стили для чекбокса */
input[type="checkbox"] {
    appearance: none; /* Убираем стандартный вид чекбокса */
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none; /* Убираем контур при фокусе */
    width: 26px; /* Задаем размер чекбокса */
    height: 26px;
}

/* Оформление неактивного чекбокса */
input[type="checkbox"]:not(:checked) {
    width: 26px; /* Задаем размер чекбокса */
    height: 26px;
    border: 2px solid var(--Blacks-300, #474A4E);
    border-radius: 0px;
    background: var(--Blacks-200, #1E1F20);
}

/* Оформление активного чекбокса и его фона */
input[type="checkbox"]:checked {
    border: 2px solid var(--Greens-300, #BCD979);
    background: var(--Blacks-200, #1E1F20);
}

/* Оформление квадрата внутри чекбокса */
input[type="checkbox"]:checked::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: var(--Greens-100, #89B537);
    position: relative;
    top: 3px;
    left: 3px;
}

.checktext {
    color: var(--Blacks-600, #F8F8F8);
    font-family: 'VictorMono-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    text-align: start;
}

.checkspan {
    color: var(--Greens-100, #89B537);
    font-family: 'VictorMono-Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    padding-left: 1px;
}

.page8block4flex {
    width: 100%;
    padding-top: 40px;
    text-align: center;
}

.fade-out {
    animation: fadeOut 1s;
    animation-fill-mode: forwards; /* Чтобы элемент оставался прозрачным после анимации */
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.no-click {
    pointer-events: none; /* Запрет кликов по элементу */
}

.button-form {
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--Greens-300, #BCD979);
    background: var(--Blacks-200, #1E1F20);
    color: var(--Blacks-600, #F8F8F8);
    font-family: 'VictorMono-Medium';
    font-size: 25px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
}

.button-form:hover {
    border: 1px solid var(--Greens-300, #89B537);
    background: var(--Greens-100, #89B537);
}

.logo2 {
    width: 222px;
}

.securefuter {
    color: var(--Blacks-500, #D8DDE2);
    font-family: 'VictorMono-Medium';
    font-size: 20px;
}

p.copyright {
	text-align: center;
	color: #fff;
	font-family: 'VictorMono-Medium';
	font-weight: 500;
	margin-bottom: 25px;
}

.securefuter p {
	margin-top: 10px;
}

.futerflix {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mailfuter {
    color: var(--Blacks-600, #F8F8F8);
    font-family: 'VictorMono-Medium';
font-size: 20px;
}

.numbfuter {
    color: var(--Blacks-600, #F8F8F8);
    font-family: 'VictorMono-Medium';
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 12px;
}

.changelang {
    display: flex;
    cursor: pointer;
}

.changelang1 {
    color: var(--Blacks-500, #D8DDE2);
    font-family: 'VictorMono-Medium';
font-size: 22px;
text-transform: uppercase;
}

.changelang2 {
    width: 24px;
    height: 24px;
    padding-left: 5px;
}

.vyblang {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background: linear-gradient(180deg, rgba(17, 18, 16, 0.60) 0%, rgba(17, 18, 16, 0.00) 100%);
backdrop-filter: blur(2px);
display: flex;
flex-direction: column;
}

.logosize {
    position: relative;
    width: 228px;
    height: 72px;
}
.hero-tel {
	color: var(--Blacks-600, #F8F8F8);
    font-family: "VictorMono-Medium";
    font-size: 41px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
    z-index: 10;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    text-wrap: nowrap;
}
.hero-tel a {
	color: #fff;
}
.hero-tel a:hover {
	text-decoration: underline;
}

.logo-center {
    position: absolute;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 415px;
}

.mobile-menu-button {
    display: none;
    width: 24px;
    height: 27px;
    cursor: pointer;
}

.mobile-menu-line {
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: var(--Blacks-600, #F8F8F8);
}

.mobile-menu {
    overflow: hidden;
    transition: height 0.3s ease;
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 0;
    background: linear-gradient(180deg, rgba(17, 18, 16, 0.60) 0%, rgba(17, 18, 16, 0.00) 100%);
    backdrop-filter: blur(2px);
    display: flex;
    flex-direction: column;
    text-align: center;
}

.mobile-menu.active {
    height: 326px;
}

.mobile-menu-button-close {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
}

.mobile-menu-button-close2 {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
}

.mobile-menu-line-close {
    width: 30px;
    height: 2px;
    transform: rotate(135deg);
    flex-shrink: 0;
    border-radius: 2px;
    background: var(--Blacks-600, #F8F8F8);
    position: absolute;
}
.mobile-menu-line-close2 {
    width: 30px;
    height: 2px;
    transform: rotate(45deg);
    flex-shrink: 0;
    border-radius: 2px;
    background: var(--Blacks-600, #F8F8F8);
    position: absolute;
}

.iframemaps {
    padding: 20px 30px 40px 30px;
}

.t1 {
    display: block;
    position: fixed;
    background: linear-gradient(225deg, rgb(20 20 20) 0%, rgb(26 26 26) 50%, rgb(20 20 20) 100%);
    width: 80px;
    height: 80px;
    border-radius: 50px;
    transition: all 1s;
    bottom: 130px;
    right: 30px;
    z-index: 1000;
    border: 1px solid #3f3f3f;
    cursor: pointer;
 }
 .t1:before {
    background: url(../images/phone.png) no-repeat center center, linear-gradient(225deg, rgb(140 181 62) 0%, rgb(121 141 78) 50%, rgb(82 109 31) 100%);
    background-size: 53%, 100%;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 1;
    transition: all 1s;
    border-radius: 50px;
    z-index: 100;
 }
 .t1.active:before {
   opacity: 0;
   border-radius:20px;
   pointer-events:none;
 }
 .t1.scale {
     width:500px;
     height:280px;
     border-radius:20px;
     bottom: 5px;
    right: 5px;
    cursor: default;
 }

 .t1:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 150%;
    background: #94bb42;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    z-index: -1;
    animation: pulse 2.5s infinite cubic-bezier(0, 0.71, 1, 1);
}
.t1.no-after::after {
    display: none;
}
@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
}
 
 .t2 {
     opacity: 0;
     transition: all 1s;
     position: relative;
 }
 .t2.scale {
    opacity: 1;
    border-radius: 20px;
    margin: 40px 20px;
 }

 .mobilecalltext {
    font-size: 22px;
    color: #8bb340;
    font-family: 'VictorMono-Medium';
 }
 .mobilecalltext2 {
    font-size: 19px;
    color: #cfcfcf;
    padding-top: 8px;
    font-family: 'VictorMono-Medium';
 }

 .poll-option {
    display: inline-block;
    margin: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.poll-option:hover {
    transform: scale(1.05);
}
.hidden {
    display: none;
}

.poll-container {
    display: flex;
    justify-content: center;
    height: 75vh;
    padding: 25px 0px;
}




  
@media screen and (max-width:1205px) {

    .buuttoblogin {
        width: 75%;
        padding-left: 40px;
    }
    .widlogo {
        width: 45px;
    }
    .page8obflix {
        padding-top: 80px;
        flex-direction: column;
    }
    .page8block1 {
    width: 100%;
    padding-right: 0px;
}
.page8block2 {
    width: 91%;
}
.page8text1 {
    font-size: 30px;
    padding-bottom: 5px;
}
.page8green {
    font-size: 30px;
}
.page8text2 {
    font-size: 21px;
    line-height: 1;
    padding-bottom: 15px;
}
.page8block2 {
    width: 96%;
    padding: 20px 20px;
    margin-top: 10px;
}
.headerfixed {
    padding: 5px 0px 0px 0px;
}
.form-group {
    width: 47.5%;
}
label {
    margin-bottom: 0px;
    font-size: 19px;
}
input[type="text"] {
    font-size: 23px;
}
.page8block3flex {
    padding-top: 5px;
}
.button-form {
    padding: 6px 10px;
    font-size: 22px;
}
.page8block4flex {
    padding-top: 15px;
}
.esquiline {
    font-size: 24px;
}
.esquiline2 {
    font-size: 24px;
}
.page8block3 {
    padding-top: 30px;
}
.page8block4 {
    padding-top: 30px;
}
.logo2 {
    width: 165px;
}
.securefuter {
    font-size: 18px;
}
.mailfuter {
    font-size: 18px;
}
.numbfuter {
    font-size: 18px;
}
.futerpadding2 {
    margin: 0px 20px;
    padding: 0px 0px;
}
.page8bg {
    height: 113%;
}
.pag7zag2 {
    font-size: 40px;
}
.pag7zagspan2 {
    font-size: 40px;
}
.textpage3spz {
    font-size: 21px;
}
.textpage3spp {
    font-size: 18px;
}
.pag4har1 {
    padding-left: 20px;
}
.pag4har2 {
    padding-right: 20px;
}
}

@media screen and (max-width:1000px) {
    .buttonsmenu {
        font-size: 19px;
    }
    .logo-center {
        width: 350px;
    }
    .textlogoslide {
        font-size: 31px;
    }
    .page2block2 {
        width: 40%;
    }
    .page2block1 {
        width: 60%;
    }
    .page2block1h1 {
        font-size: 30px;
        padding: 5px 30px;
    }
    .page2block1h1 span {
        font-size: 30px;
    }
    .page2block1text {
        font-size: 20px;
        padding: 5px 30px;
    }
    .btnformcall {
        margin: 10px 30px;
    }
    .zag3page {
        font-size: 29px;
        padding-bottom: 20px;
    }
    .zag3page22 {
        font-size: 25px;
    }
    .textpage3font {
        font-size: 20px;
        padding-left: 15px;
    }
    .pngpicsize {
        width: 45px;
        height: 45px;
    }
    .photopag3 {
        height: 80%;
    }
    .flex3page {
        padding-bottom: 20px;
    }
    .photopag4 {
        height: 80%;
    }
    .photopag5 {
        height: 100%;
        background-position: center;
    }
    .pag7blocks {
        width: 440px;
        height: 440px;
        margin: 15px 15px;
        background-size: 108%;
    }
    .location {
        font-size: 30px;
    }
    .wid30 {
        width: 95%;
    }
    .wid50 {
        width: 95%;
    }
    .wid70 {
        width: 95%;
    }
    .roomtext2 {
        width: 132px;
        height: 54px;
        font-size: 30px;
    }
    .m2sigetstyle {
        width: 31px;
        height: 31px;
    }
    .fnt501 {
        font-size: 24px;
    }
    .fnt503 {
        font-size: 14px;
    }
    .roomtext {
        font-size: 26px;
        height: 56px;
    }
    .t1 {
        width: 62px;
        height: 62px;
        bottom: 60px;
        right: 30px;
    }
}

@media screen and (max-width:825px) {
    .buuttoblogin {
        display: none;
    }
    .mobile-menu-button {
        display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-right: 17px;
    }
    .textlogoslide {
        font-size: 21px;
    }
    
    .headerfixed {
        padding: 0px 0px 20px 0px;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        place-content: end;
    }
    .logo {
        left: 20px;
    }
}
@media (max-width: 768px) {
    .poll-option {
    display: block;
    width: 85%;
    margin: 10px auto;
    height: 320px;
    }
    .poll-container {
        display: flex;
        justify-content: center;
        height: 75%;
        flex-direction: column;
        padding: 40px 0px;
    }
    .pag7zag2 {
        font-size: 30px;
    }
    .pag7zagspan2 {
        font-size: 30px;
    }
    .futerpadding .logo2 {
	    margin-bottom: 15px;
    }
    .hero-tel {
	  font-size: 25px;  
	 }
}

@media screen and (max-width:620px) {
    .page2flexstyle {
        align-items: center;
        flex-direction: column;
    }
    .page2block1 {
        width: 100%;
        height: 67%;
    }
    .page2block2 {
        width: 100%;
        height: 33%;
    }
    .page2block1h1 {
        font-size: 24px;
        padding: 5px 20px;
    }
    .page2block1h1 span {
        font-size: 24px;
    }
    .page2block1text {
        font-size: 16.7px;
        padding: 5px 20px;
    }
    .btnformcall {
        margin: 10px 20px;
    }
}


@media screen and (max-width:480px) {
    .photopag4 {
        width: 100%;
    }
    .logo-center {
        width: 275px;
    }
    .textlogoslide {
        font-size: 16px;
        bottom: 80px;
    }
    .hero-tel {
	 bottom: 35px;   
    }
    .btnformcall {
        font-size: 19px;
        margin-top: 10px;
    }
    .page3flexstyle {
        flex-direction: column;
        align-items: center;
        padding-top: 15px;
    }
    .page4flexstyle {
        flex-direction: column;
        align-items: center;
        padding: 0px 10px;
    }
    .page3block1 {
        height: 62vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0px 0px 0px 0px;
    }
    #page5 {
        height: auto;
    }
   
    .photopag3,
    .photopag4,
    .photopag5,
    .photopag6 {
        height: 100%;
    }
    .zag3page {
        font-size: 24px;
        padding-bottom: 10px;
    }
    .zag3page22 {
        font-size: 21px;
    }
    .textpage3font {
        font-size: 19px;
        padding-left: 15px;
    }
    .page3block2 {
        height: 100%;
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-right: 0px;
    }
    .page4block1 {
        height: 40vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0px 0px 0px 0px;
    }
    .page4block2 {
        height: 100%;
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0px 0px;
    }
    .pag7zag {
        font-size: 25px;
        padding-top: 60px;
    }
    .pag7zagspan {
        font-size: 25px;
    }
    .wid70 {
        height: 200px;
    }
    .hegfph {
        margin: 10px 20px;
    }
    .wid30 {
        height: 400px;
    }
    .wid50 {
        height: 275px;
    }
    .iframemaps {
        padding: 20px 20px 20px 20px;
    }
    .page8block2 {
        width: 90%;
    }
    .page8obflix {
        width: 100%;
    }
    .form-group {
        margin-bottom: 25px;
        width: 98%;
    }
    .form-group2 {
        width: 98%;
    }
    .page8block3flex {
        padding-top: 5px;
        align-items: center;
    }
    .checktext {
        text-align: start;
        font-size: 19px;
    }
    .checkspan {
        font-size: 20px;
    }
    .page8block4flex {
        padding-top: 25px;
    }
    .futerflix {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .futerpadding2 {
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .securefuter {
        padding-top: 10px;
    }
    .t1 {
        width: 62px;
        height: 62px;
        bottom: 100px;
        right: 30px;
    }
    .t1.scale {
        width: 97.5%;
        height: auto;
        bottom: 5px;
        right: 1%;
        cursor: default;
    }
    input[type="text"] {
        font-size: 21px;
    }
    .inputsall {
        font-size: 21px;
    }
    .button-form {
        font-size: 20px;
    }
    .bggrenfra {
        justify-content: space-around;
        flex-direction: column;
    }
    .pag4har1 {
        padding-left: 10px;
    }
    .pag4har2 {
        padding-left: 10px;
        padding-top: 23px;
    }
    .positionroom2 {
        background-position: 50% 75%;
    }

}

@media screen and (max-width:400px) {
.futerflix {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 10px;
}
.hero-tel {
	  font-size: 25px;  
	 }
}


.hidden {
    display: none;
}

.zoom-container {
  background-position: center;
  transition: background-size 0.5s ease;
  position: relative; 
  overflow: hidden; 
}

.zoom-container:hover {
  background-size: 180%; 
}

.zoom-container:hover .roomtext,
.zoom-container:hover .roomtext2 {
  opacity: 0; 
  transition: opacity 0.5s ease; 
}

.roomtext, .roomtext2 {
  opacity: 1; 
  transition: opacity 0.5s ease;
}