#login {
 
    padding: 5% 0 0;
    margin: auto;
    position: relative;
    width: 500px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.mcb-section-dbukga5go{    margin-top: 30px;}

@keyframes mfnShowSticky {
    0%   {top: -10% !Important;}
    100% {top: 20%;}
}

.mcb-section-ll723rexl {
    background-color: #FFFFFF;
    height: 75px!Important;
    transition: all .5s ease 0s;
}

#menu-item-138   a 
{    font-family: 'Comfortaa';
    font-weight: bold;}


.mfn-banner-box-height .banner-image img {
    object -fit: contain !important;}



.titlewhite{color:white; font-size:711px;}



/*homepage/*

/* Основной блок для баннера */
.mfn-banner-box .banner-wrapper {
    display: flex;
    justify-content: space-between; /* Элементы по бокам контейнера */
    align-items: center;
    padding: 30px;
    box-sizing: border-box;
    width: 100%;
}

/* Блок для текста */
.banner-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Выравнивание по левому краю */
}

/* Заголовок и подзаголовок */
.banner-text .title {
    text-align: left;
    margin-bottom: 10px;
    font-size: 26px;
    color: #0a0a0a;
}

.banner-text .subtitle {
    text-align: left;
    color: #888888; /* Или любой другой цвет, который ты хочешь */
    margin-bottom: 0;
}

/* Кнопка */
.banner-cta-wrapper {
    display: flex;
    align-items: center; /* Центрируем кнопку вертикально */
}

.banner-cta {
    display: inline-block;
    background-color: #444446;
    color: #FFFFFF;
    padding: 16px 26px;
    border-radius: 12px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #444446;
    transition: all 0.5s ease;
}

.banner-cta:hover {
    color: #000000;
    background: transparent;
    border: 2px solid #000000;
}

.mcb-section .mcb-wrap .mcb-item-51psrlur .mfn-banner-box .banner-wrapper .title {
      font-size: 26px!important;
    
    position: inherit;
    text-align: left;
}
.mcb-section .mcb-wrap .mcb-item-51psrlur .mfn-banner-box .banner-wrapper {text-align: left;
    align-items: flex-end;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex
;
    justify-content: flex-end;
    flex-wrap: nowrap;}


.mcb-section .mcb-wrap .mcb-item-51psrlur .mfn-banner-box .banner-wrapper .cta-text{width: 28%;
    font-size: 16px;     font-family: 'Comfortaa'; -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    line-height: 1;
    font-weight: 500;
    margin-left: auto;}

.mcb-section .mcb-wrap .mcb-item-51psrlur .mfn-banner-box.mfn-banner-box-boxed .banner-wrapper {
    width: 100%;
    background-color: #FFFFFF;
    height: 180px;
    background: rgb(255, 255, 255) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%) !important;
    line-height: inherit !important;
}

.mcb-section .mcb-wrap .mcb-item-51psrlur .mfn-banner-box.mfn-banner-box-boxed .banner-wrapper{
    width: 100%;
    background-color: #FFFFFF;
    height: 180px;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    line-height: inherit;
}


.banner-cta banner-item cta-text {font-size: 16px;}
.title banner-item {font-size: 26px!important;}
.mfn-banner-box .title, .mfn-banner-box .subtitle, .mfn-banner-box .excerpt, .mfn-banner-box .banner-cta, .mfn-banner-box .banner-badge {    margin-top: -85px;
    font-size: 20px;
    color: black;}

.starr{margin-bottom: 95px;}
.titlewhite{color:white; font-size: 30px;  font-family: 'Comfortaa';}
.pwhite{color:white; font-size: 16px;}

/* Основной стиль кнопки */
.btnwhite > a {
    color: #444446;
    background: #fff;
    padding: 16px 26px;
    border-radius: 12px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border: 2px solid #fff;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    font-weight: 700;
	    font-family: 'Comfortaa';
}

/* Стиль кнопки при наведении */
.btnwhite > a:hover {
    color: #fff;
    text-decoration: unset;
    background: transparent;
    border: 2px solid #fff;
}

/* Стиль иконки стрелочки */
.button_icon {
    display: none; /* Скрыть иконку по умолчанию */
    margin-left: 10px;
    transition: color 0.5s ease;
}

/* Отображение иконки при наведении на кнопку */
.btnwhite > a:hover .button_icon {
    display: inline-block;
}

/* Изменение цвета иконки при наведении */
.icon-right-open-mini {
    color: white !important; /* Цвет иконки по умолчанию */
}

.btnwhite > a:hover .icon-right-open-mini {
    color: red; /* Цвет иконки при наведении */
}


.section mcb-section mfn-default-section mcb-section-ta1b2bjg  no-margin-h no-margin-v full-width{z-index: 1;}

.booking-form__button{font-family: 'Comfortaa';}


/*
//ALLL/



/*------------------------------ haupt ---------------------------- */

/* Основной блок для баннера */
.mfn-banner-box .banner-wrapper {
    display: flex;
    justify-content: space-between; /* Элементы по бокам контейнера */
    align-items: center;
    padding: 30px;
    box-sizing: border-box;
    width: 100%;
}

/* Блок для текста */
.banner-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Выравнивание по левому краю */
}

/* Заголовок и подзаголовок */
.banner-text .title {
    text-align: left;
    margin-bottom: 10px;
    font-size: 26px;
    color: #0a0a0a;
}

.banner-text .subtitle {
    text-align: left;
    color: #888888; /* Или любой другой цвет, который ты хочешь */
    margin-bottom: 0;
}

/* Кнопка */
.banner-cta-wrapper {
    display: flex;
    align-items: center; /* Центрируем кнопку вертикально */
}

.banner-cta {
    display: inline-block;
    background-color: #444446;
    color: #FFFFFF;
    padding: 16px 26px;
    border-radius: 12px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #444446;
    transition: all 0.5s ease;
}

.banner-cta:hover {
    color: #000000;
    background: transparent;
    border: 2px solid #000000;
}

.mcb-section .mcb-wrap .mcb-item-51psrlur .mfn-banner-box .banner-wrapper .title {
      font-size: 26px!important;
    
    position: inherit;
    text-align: left;
}
.mcb-section .mcb-wrap .mcb-item-51psrlur .mfn-banner-box .banner-wrapper {text-align: left;
    align-items: flex-end;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex
;
    justify-content: flex-end;
    flex-wrap: nowrap;}


.mcb-section .mcb-wrap .mcb-item-51psrlur .mfn-banner-box .banner-wrapper .cta-text{width: 28%;
    font-size: 16px;     font-family: 'Comfortaa'; -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    line-height: 1;
    font-weight: 500;
    margin-left: auto;}


 


.banner-cta banner-item cta-text {font-size: 16px;}
.title banner-item {font-size: 26px!important;}
.mfn-banner-box .title, .mfn-banner-box .subtitle, .mfn-banner-box .excerpt, .mfn-banner-box .banner-cta, .mfn-banner-box .banner-badge {    margin-top: -70px;
    font-size: 20px;
    color: black;}

 
.titleblack-news{color:black; font-size: 26px!important;  font-family: 'Comfortaa';}

.titleblack{color:black; font-size: 30px!important;  font-family: 'Comfortaa';}
.titlewhite{color:white; font-size: 30px!important;  font-family: 'Comfortaa';}
.pwhite{color:white; font-size: 16px;}
.pwblack{color:black; font-size: 16px;}

/* Основной стиль кнопки */

a > .offerteSlider-list-item-link-text__btn{font-size: 16px;}
 a  > offerteSlider-list-item-link-text__btn:hover{    text-decoration: none!important;}
a:hover  {    text-decoration: none!important;}
.btnwhite > a {
    color: #444446;
    background: #fff;
    padding: 16px 26px;
    border-radius: 12px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border: 2px solid #fff;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    font-weight: 700;
	    font-family: 'Comfortaa';
}

/* Стиль кнопки при наведении */
.btnwhite > a:hover {
    color: #fff;
    text-decoration: unset;
    background: transparent;
    border: 2px solid #fff;
}

/* Стиль иконки стрелочки */
.button_icon {
    display: none; /* Скрыть иконку по умолчанию */
    margin-left: 10px;
    transition: color 0.5s ease;
}

/* Отображение иконки при наведении на кнопку */
.btnwhite > a:hover .button_icon {
    display: inline-block;
}

/* Изменение цвета иконки при наведении */
.icon-right-open-mini {
    color: white !important; /* Цвет иконки по умолчанию */
}

 


/*slider*/


/* slider*/
/* slider */
.swiper1-container {
    margin-left:auto !important;
    margin-right:auto !important;
    position:relative !important;
   
    list-style:none !important;
    padding:0 !important;
    z-index:1 !important;
}

.swiper1-wrapper {
    position: relative !important;
    width:31% !important; 
    height: 100% !important;
    z-index: 1 !important;
    display: flex !important;
    transition-property: transform !important;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial)!important;
    box-sizing: content-box !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    transform:translate3d(0,0,0) !important;
}

.swiper1-slide {
    flex-shrink:0 !important;
     width:395px !important;  
    height:100% !important;
    position:relative !important;
    transition-property:transform !important;     
    padding: 17px !important;
    transition: transform 0.5s ease, margin-top 0.5s ease !important;
}

.swiper1-container-horizontal>.swiper1-pagination-bullets {
    bottom:10px !important;
    left:0 !important;
    width:100% !important;
}

.swiper1-pagination-bullet {
    width:8px !important;
    height:8px !important;
    display:inline-block !important;
    border-radius:100% !important; 
    background:#000 !important;
    opacity:.2!important; 
}

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

.swiper1-container-horizontal>.swiper1-pagination-bullets .swiper1-pagination-bullet {
    margin:0 4px !important;
}

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

.offerteSlider-list .swiper1-slide {
    -webkit-transition:all .5s ease 0s !important;
    transition:all .5s ease 0s !important;
    margin-top:100px !important;
}
@media screen and (max-width:750px){
    .offerteSlider-list .swiper1-slide {
        margin-top:0 !important;
    }
}

.offerteSlider-list .swiper1-slide-active {
    margin-top:0 !important;
}

.swiper1-pagination {
    margin-top: 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.swiper1-pagination-bullet {
    width: 12px!important;
    height: 12px !important;
    background: #444 !important;
    opacity: 0.5 !important;
    margin: 0 5px !important;
    border-radius: 50% !important;
    transition: background 0.3s, opacity 0.3s !important;
}

.swiper1-pagination-bullet-active {
    opacity: 1 !important;
    background: #a69368 !important; /* Цвет активного дотика */
}

.swiper1-slide-active {
    transform: scale(1.1)!important; /* Увеличение центрального слайда */
    margin-top: 15px !important; /* Поднятие центрального слайда */
    z-index: 10 !important;
}

.swiper1-container {
    overflow: visible !important; /* Чтобы слайды выходили за пределы контейнера */
}

/* Дополнительные стили, не связанные непосредственно со swiper-классами */
.h2-home {
    max-width:900px !important;
}
@media screen and (max-width:750px){
    .h2-home {
        max-width:90% !important;
    }
}
.pagination {
    margin-top:30px !important;
}
.pagination span {
    background:#a69368 !important;
    width:16px !important;
    height:16px !important;
    opacity:.5 !important;
    -webkit-transition:all .5s ease 0s !important;
    transition:all .5s ease 0s !important;
    margin:0 10px!important;
}
@media screen and (max-width:750px){
    .pagination span {
        width:10px !important;
        height:10px !important;
    }
}
.pagination span.swiper1-pagination-bullet-active {
    width:40px!important;
    height:16px!important;
    opacity:1!important;
    border-radius:30px!important;
    -webkit-transition:all .5s ease 0s !important;
    transition:all .5s ease 0s !important;
}
@media screen and (max-width:750px){
    .pagination span.swiper1-pagination-bullet-active {
        height:10px!important;
        width:20px!important;
    }
}
.h2-home {
    color:#000 !important;
    font-weight:700 !important;
    font-size:44px !important;
}
@media screen and (max-width:1400px){
    .h2-home {
        font-size:30px !important;
    }
}
@media screen and (max-width:1024px){
    .h2-home {
        font-size:25px !important;
    }
}
 
.offerteSlider-list-item-link-text__title {
    color:#000 !important;
    font-weight:700 !important;
    font-size:26px !important;
}
@media screen and (max-width:1400px){
    .offerteSlider-list-item-link-text__title {
        font-size:20px !important;
    }
}
.offerteSlider-list-item-link-text__btn {
    color:#fff !important;
    background:#444446 !important;
    padding:16px 26px !important;
    border-radius:12px !important;
    -webkit-transition:all .5s ease 0s !important;
    transition:all .5s ease 0s !important;
    border:2px solid #444446 !important;
    position:relative !important;
    width:-webkit-fit-content !important;
    width:-moz-fit-content !important;
    width:fit-content !important;
}
.offerteSlider-list-item-link-text__btn:after {
    content:">" !important;
    font-family:Jura,sans-serif !important;
    -webkit-transition:all .5s ease 0s !important;
    transition:all .5s ease 0s !important;
    font-size:15px !important;
    max-width:0 !important;
    color:#444446 !important;
    overflow:hidden !important;
    font-weight:700 !important;
}
.offerteSlider-list-item-link-text__btn:hover {
    color:#000 !important;
    background:transparent !important;
    border:2px solid #000 !important;
    padding:16px 26px !important;
    border-radius:12px !important;
    font-weight:700 !important;
}
.offerteSlider-list-item-link-text__btn:hover:after {
    content:">" !important;
    font-family:Jura,sans-serif !important;
    max-width:20px !important;
    margin-left:10px !important;
    font-weight:700 !important;
}
.offerteSlider {
    width:100% !important;
    padding-top:80px !important;
    padding-bottom:80px !important;
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:normal !important;
    -ms-flex-direction:column !important;
    flex-direction:column !important;
    -webkit-box-pack:center !important;
    -ms-flex-pack:center !important;
    justify-content:center !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    text-align:center !important;
}
@media screen and (max-width:1200px){
    .offerteSlider {
        padding-top:40px !important;
        padding-bottom:40px !important;
    }
}
.offerteSlider-list-item-link-photo img {
    width:100% !important;
    height:100% !important;
    -o-object-fit:cover !important;
    object-fit:cover !important;
}
.offerteSlider {
    background-size:contain !important;
}
.offerteSlider-list {
    max-width:1370px !important;
    margin-top:50px !important;
}
@media screen and (max-width:1450px){
    .offerteSlider-list {
        max-width:90% !important;
    }
}
@media screen and (max-width:1200px){
    .offerteSlider-list {
        max-width:100% !important;
    }
}
@media screen and (max-width:1024px){
    .offerteSlider-list {
        max-width:95% !important;
    }
}
.offerteSlider-list-item {
    min-height:520px !important;
    border-radius:20px !important;
    border:10px solid #dfd9c9 !important;
    overflow:hidden !important;
    background:#dfd9c9 !important;
    text-align:center !important;
}
.offerteSlider-list-item-link {
    color:#444446 !important;
}
.offerteSlider-list-item-link-photo {
    width:100% !important;
    height:200px !important;
    border-radius:20px !important;
    overflow:hidden !important;
}
.offerteSlider-list-item-link-text {
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-pack:center !important;
    -ms-flex-pack:center !important;
    justify-content:center !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:normal !important;
    -ms-flex-direction:column !important;
    flex-direction:column !important;
    padding-top:30px !important;
    padding-bottom:30px !important;
}
.offerteSlider-list-item-link-text__nome {
    text-transform:uppercase !important;
    font-size:14px !important;
    max-width:80% !important;
    margin-bottom:10px !important;
}
.offerteSlider-list-item-link-text__title {
    max-width:80% !important;
}
.offerteSlider-list-item-link-text__desc {
    font-size:16px !important;
    text-align:center !important;
    margin-top:20px !important;
    margin-bottom:20px !important;
    max-width:80% !important;
    line-height:1.5 !important;
}


#newsletter-flex-dx__input{height: 50px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #444446;
    font-family: Jura, sans-serif;
    
    padding-left: 15px;}
textarea{ 
    border-color: transparent;
	box-shadow: none;
    background-color: transparent;}

.wpcf7-form-control-wrap{    margin-bottom: 3px;
    height: 50px;
    display: flex !important;}
::placeholder{color:black;}


.wpcf7 input[type="submit"]{}

.button_theme, input[type="submit"]{color:#fff !important;
    background:#444446 !important;
    padding:16px 26px !important;
    border-radius:12px !important;
    -webkit-transition:all .5s ease 0s !important;
    transition:all .5s ease 0s !important;
    border:2px solid #444446 !important;
    position:relative !important;
    width:-webkit-fit-content !important;
    width:-moz-fit-content !important;
    width:fit-content !important;
	font-size: 16px;
    font-weight: 700;
	    font-family: 'Comfortaa';
	
	margin-left: -39px;
    height: 51px;}


 

.wpcf7 input{
    
	font-size: 16px;
    font-weight: 700;
	    font-family: 'Comfortaa';
	
 
    height: 51px;
}

.submitbohotel{display:flex;}


.wpcf7 input:after {
    content:">" !important;
    font-family:Jura,sans-serif !important;
    -webkit-transition:all .5s ease 0s !important;
    transition:all .5s ease 0s !important;
    font-size:15px !important;
    max-width:0 !important;
    color:#444446 !important;
    overflow:hidden !important;
    font-weight:700 !important;
	font-size: 16px;
    font-weight: 700;
	    font-family: 'Comfortaa';
}
.wpcf7 input:hover {
		margin-left: -12px;
    color:#000 !important;
    background:transparent !important;
    border:2px solid #000 !important;
    padding:16px 26px !important;
    border-radius:12px !important;
    font-weight:700 !important;
}
.wpcf7 input:hover:after {
    content:">" !important;
    font-family:Jura,sans-serif !important;
    max-width:20px !important;
    margin-left:10px !important;
    font-weight:700 !important;
}


.footer-cont-row2-list-item__title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-cont-row2-list-item__title a {
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.footer-cont-row2-list-item__title:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #a69368;
}

.footer-cont-row2-list-item__address1{    color: #000 !important;}

.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn){color:#0a0a0a;}

.copyright{color :white;}

.iconeTop-icona {
       width: 50px;
    height: 50px;
    position: relative;
    display: block;
    cursor: pointer;
    border: 2px solid #a69368;
    margin-top: 45px;
    padding: 11px;
    border-radius: 50%;
}

.fixed-bottom-buttons {transition: all .3s;}
  .iconeTop-icona:hover .iconeTop-icona__text {
    opacity: 1;
    pointer-events: all;
		color:#fff;
}
 .iconeTop-icona__text {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: #a69368;
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 50px;
    z-index: -1;
    border-radius: 50px;
    color: transparent;
    opacity: 0;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    pointer-events: none;
}
.iconeTop {
    float: right;
    margin-right: 14px;
    position: fixed;
    right: 40px;
    bottom: 224px;
}
.iconeTop-icona__icon{color:#a69368;}
.iconeTop-icona__icon:hover {color:white;
} 
.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn):hover {
    color: white;
}
/*-------------------------------------------------------------------------------*/




/* fix rigcht */

/* ------------------------- Osmo [https://osmo.supply/] ------------------------- */
/* ------------------------- Variables ------------------------------------------- */

:root {
  --color-light: var(--color-neutral-200);
  --color-primary: #a69368;
  --color-neutral-100: #ffffff;
  --color-neutral-200: #A69368;
  --color-neutral-300: #e3e1de;
  --color-neutral-400: #cbc8c5;
  --color-neutral-500: #818180;
  --color-neutral-600: #2c2c2c;
  --color-neutral-700: #1f1f1f;
  --color-neutral-800: #131313;
  --color-neutral-900: #000000;
  --color-white: var(--color-neutral-100);
  --color-black: var(--color-neutral-900);
  --color-error: var(--color-primary);
  --color-success: #0ba954; 
 /* --cubic-default: cubic-bezier(0.65, 0.05, 0, 1);
  --duration-default: 0.735s;
  --animation-default: var(--duration-default) var(--cubic-default);
  --gap: 2em;
  --section-padding: calc(3.5em + (var(--gap) * 2));
  --container-padding: 2em;
  /*--header-height: calc(1.5em + (var(--gap) * 2));*/
  --footer-height: calc(2.785em + (var(--gap) * 2));
}

/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --container-padding: 1.5em;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --container-padding: 1em;
  }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {}
}

/* ------------------------- Scaling System by Osmo [https://osmo.supply/] -------------------------  */

/* Desktop */
:root {
  --size-unit: 16; /* body font-size in design - no px */
  --size-container-ideal: 1440; /* screen-size in design - no px */
  --size-container-min: 992px;
  --size-container-max: 1920px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --size-container-ideal: 834; /* screen-size in design - no px */
    --size-container-min: 768px;
    --size-container-max: 991px;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --size-container-ideal: 390; /* screen-size in design - no px */
    --size-container-min: 480px;
    --size-container-max: 767px;
  }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {
    --size-container-ideal: 390; /* screen-size in design - no px */
    --size-container-min: 320px;
    --size-container-max: 479px;
  }
}


/* ------------------------- Hide Scrollbar -------------------------------------------------- */

body ::-webkit-scrollbar,
body::-webkit-scrollbar {display: none;} /* Chrome, Safari, Opera */
body {-ms-overflow-style: none;} /* IE & Edge */
html {scrollbar-width: none;} /* Firefox */

/* ------------------------- Reset -------------------------------------------------- */

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

html {
  scroll-behavior: initial;
}

html,
body {
  -webkit-font-smoothing: antialiased;
}

svg {
  max-width: none;
  height: auto;
  box-sizing: border-box;
  vertical-align: middle;
}

a {
  color: inherit;
}

/* Selection */
::selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}

::-moz-selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}

.osmo-ui {
position: fixed;
    z-index: 30 !important;
    pointer-events: none;
    /* flex-flow: column; */
    /* justify-content: space-evenly; */
    /* align-items: flex-start; */
   
    top: 138px;
    float: right;
    right: 70px;
}

.nav-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
	margin-top: 150px;
}

.nav-logo-row {
  pointer-events: auto;
  justify-content: space-between;
  align-items: center;
  width: 13em;
  display: flex;
}

.nav-logo__wordmark {
  width: 4em;
}

.nav-logo__icon {
  width: 1.5em;
  height: 1.5em;
}

.container {
  z-index: 1;
  max-width: var(--size-container);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.is--full {
  max-width: 100%;
}

.nav-row__right {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  pointer-events: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hea der {
  z-index: 110;
  padding-top: var(--gap);
  position: fixed;
  inset: 0% 0% auto;
}

.website-link {
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}

.website-link.is--alt {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  justify-content: flex-start;
  align-items: center;
  height: 1.5em;
  display: flex;
}

.inline-link__p {
  margin-bottom: 0;
}

.body {
  background-color: var(--color-neutral-300);
  color: var(--color-dark);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
}

p{
  margin: 0px
}

.cloneable {
 padding: var(--section-padding) var(--container-padding);
    justify-content: flex-end;
    display: flex
;
   
    --menu-padding: 2em;
    align-items: baseline;
}

.nav {
  display: none; /* Изначально скрыто */
	  opacity: 0;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 25;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}
.overlay {
  z-index: 0;
  cursor: pointer;
  background-color: #13131366;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu {
     /* padding-bottom: var(--menu-padding); */
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    /* padding-top: calc(3* var(--menu-padding)); */
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 53em;
    height: 40%;
    margin-left: auto;
    position: relative;
    overflow: auto;
    margin-top: 250px;
}

.menu-bg {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.menu-inner {
     z-index: 1;
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    flex-flow: column;
    justify-content: space-evenly;
    align-items: flex-start;
    height: 100%;
    dis play: flex;
    position: relative;
    overflow: auto;
}

.bg-panel {
  z-index: 0;
  background-color: var(--color-neutral-300);
  border-top-left-radius: 1.25em;
  border-bottom-left-radius: 1.25em;
  position: absolute;
  inset: 0%;
}

.bg-panel.first {
  background-color: var(--color-primary);
}

.bg-panel.second {
  background-color: var(--color-neutral-100);
}

.menu-list {
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
	padding-top: 90px;
  display: flex;
}

.menu-list-item {
  position: relative;
  overflow: hidden;
}

.menu-link-heading{ text-shadow: 0px 1em 0px var(--color-neutral-200); }

.menu-link {
  padding-top: .75em;
  padding-bottom: .75em;
  padding-left: var(--menu-padding);
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.menu-link-heading {
  z-index: 1;
  text-transform: uppercase;
   
  font-size: 3.625em;
  font-weight: 700;
  line-height: .75;
  transition: transform .55s cubic-bezier(.65, .05, 0, 1);
  position: relative;
	color: black;
}

.eyebrow {
  z-index: 1;
  color: var(--color-primary);
  text-transform: uppercase;
  font-family: RM Mono, Arial, sans-serif;
  font-weight: 400;
  position: relative;
}

.menu-link-bg {
  z-index: 0;
  background-color: var(--color-neutral-800);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  transition: transform .55s cubic-bezier(.65, .05, 0, 1);
  position: absolute;
  inset: 0%;
  transform: scale3d(1, 0, 1);
}

.menu-details {
  padding-left: var(--menu-padding);
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.p-small {
  font-size: .875em;
  font-family: Arial, Helvetica;
}

.socials-row {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: row;
  display: flex;
}

.p-large {
  font-size: 1.125em;
  font-family: Arial, Helvetica;
}

.text-link {
  text-decoration: none;
  position: relative;
}

.menu-button {
    grid-column-gap: .625em;
    grid-row-gap: .625em;
    margin: -1em;
    padding: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border: none;
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, .2);
    /* padding: 2rem 6rem; */
    border-radius: 50px;
    background: #22c1c3;
    background: -webkit-linear-gradient(to right, #A69380, #a69368);
    background: linear-gradient(to right, #A69380, #a69368);
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
}

.menu-button-icon {
  width: 1em;
  height: 1em;
}

.menu-button-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 1.125em;
  display: flex;
  overflow: hidden;
}

.icon-wrap {
  transition: transform .4s cubic-bezier(.65, .05, 0, 1);
}

@media (hover:hover){
  
   /* Menu toggle button*/
  .menu-button:hover .icon-wrap{transform: rotate(90deg); }

  /* Menu Large Links */
  .menu-link:hover .menu-link-heading{ transform: translate(0px, -1em); transition-delay: 0.1s; }
  .menu-link:hover .menu-link-bg{ transform: scale(1,1) }

  /* Menu Smaller Links */
  .text-link::after{
    content: '';
    position:absolute;
    left: 0;
    bottom: 0;
    width:100%;
    height:1px;
    background: var(--color-primary);
    transform-origin: right center;
    transform: scale(0,1);
    transition: transform 0.4s var(--cubic-default)
  }

  .text-link:hover::after{
    transform-origin: left center;
    transform: scale(1,1);	
  }
  
}

.osmo-icon-svg {
  width: 8em;
}

@media screen and (max-width: 767px) {
  .cloneable{
  	--menu-padding: 1em;
  }
  
  .nav-logo-row {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    width: auto;
  }

  .nav-row__right {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .cloneable-title {
    pointer-events: none;
    width: calc(100% - 5.25em);
    padding-left: 1em;
    position: absolute;
    overflow: hidden;
  }

  .cloneable-title__nr, .cloneable-title__h1 {
    font-size: .875em;
  }

  .clone-in-webflow {
    justify-content: flex-end;
    width: 100%;
    margin-right: 0;
    padding-left: .75em;
  }

  .clone-in-webflow__p {
    display: none;
  }

  .cloneable-title__gradient, .osmo-ui__bg {
    display: block;
  }

  .menu {
    padding-top: calc(6 * var(--menu-padding));
    width: 100%;
  }

  .bg-panel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .menu-list-item {
    height: 4.5em;
  }

  .menu-link-heading {
    font-size: 4em;
  }

  .socials-row {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .p-large.text-link {
    font-size: 1em;
  }
}

@media screen and (max-width: 479px) {
  .menu {
    padding-top: calc(7 * var(--menu-padding));
    padding-bottom: calc(2 * var(--menu-padding));
  }
}
.nav[data-nav="open"] {
  visibility: visible;
  opacity: 1;
}
.p-large text-link{    font-family: 'Comfortaa';}


-- reservirung---

/* Базовый стиль для панели */
.booking-panel {
    position: fixed;
    bottom: -161px; /* Скрытое состояние по умолчанию */
    z-index: 99;
    transition: all 0.5s ease;
    background: #fff;
    box-shadow: 0 1px 7px rgba(68, 68, 70, 0.3);
    border-radius: 20px;
}

/* Видимое состояние панели */
.booking-panel.active {
    bottom: 40px; /* Положение при активном состоянии */
    opacity: 1;
    pointer-events: auto;
}

/* Скрытое состояние панели */
.booking- panel.hidden {
    bottom: -161px; /* Скрытое положение */
    opacity: 0;
    pointer-events: none;
}

/* Адаптивные стили */
@media screen and (max-width: 1024px) {
    .booking-panel {
        width: 100%;
        left: 0;
        border-radius: 0;
    }
    .booking-panel.active {
        bottom: 0;
    }
    .booking-panel.hidden {
        bottom: -100%;
    }
}

/* Заголовок панели */
.booking-panel-header {
    background: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 20px 20px 0 0;
    transition: opacity 0.5s ease;
}

/* Контент панели */
.booking-panel-body {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Кнопки и формы */
.booking-form__button {
    background: #444446;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transition: background-color 0.3s ease;
    width: 100%;
}

.booking-form__button:hover {
    background-color: #a69368;
}


.booking-panel {
    position: fixed;
    bottom: 0;
   
    z-index: 99;
    transition: all 0.5s ease;
}

 

/* Задержка появления панели при наведении */
.booking-panel.active {
    bottom: 40px;
    opacity: 1;
}

.booking-panel--home {
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 120px);
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 7px rgba(68, 68, 70, 0.3);
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .booking-panel--home {
        width: 100%;
        left: 0;
        transform: none;
        bottom: 0;
        border-radius: 0;
    }
}

.booking-panel-header {
    background: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 20px 20px 0 0;
    transition: opacity 0.5s ease;
}

.booking-panel-header__text {
    display: flex;
    align-items: center;
    color: #444;
    font-size: 16px;
    font-weight: bold;
}



.booking-panel-body {
    background: #fff;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: height 0.5s ease;
}

@media screen and (max-width: 1024px) {
    .booking-panel-body {
        padding: 15px;
    }
}

.booking-form {
    width: 100%;
    max-width: 1200px;
}



.booking-form__item {
    flex: 1 1 auto;
    margin: 10px;
    min-width: 120px;
}

@media screen and (max-width: 768px) {
    .booking-form__item {
        width: 100%;
        margin: 5px 0;
    }
}

.booking-form__label {
    margin-bottom: 5px;
    font-size: 14px;
    color: #444;
    display: block;
}

.booking-form__input,
.booking-form__select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
}

.booking-form__input:focus,
.booking-form__select:focus {
    border-color: #a69368;
}

.booking-form__button {
    background: #444446;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transition: background-color 0.3s ease;
}

.booking-form__button:hover {
    background-color: #a69368;
}

.booking-form__item--submit {
    flex: 1 1 auto;
    text-align: center;
}

.booking-form__item--code input {
    font-family: Jura, sans-serif;
    background-color: #f9f9f9;
}

.booking-panel--hidden {
    bottom: -300px; /* Прячем панель */
    opacity: 0;
    pointer-events: none;
}

.booking-panel--visible {
    bottom: 40px;
    opacity: 1;
    pointer-events: auto;
}

/* Мобильная адаптация */
@media screen and (max-width: 1024px) {
    .booking-panel--hidden {
        bottom: -100%;
    }

    .booking-panel--visible {
        bottom: 0;
    }
}


/*v2*/
/* Общий стиль */
.booking-panel {
    position: fixed;
    bottom: -161px;
    /* width: 100%; */
    z-index: 99;
    transition: all 0.5s ease;
    background: #fff;
    box-shadow: 0 1px 7px rgba(68, 68, 70, 0.3);
    border-radius: 20px;
 
}

.booking-panel-header {
    background: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 20px 20px 0 0;
}

.booking-panel-header__text {
    display: flex;
    align-items: center;
    color: #444;
    font-size: 16px;
    font-weight: bold;
}

.icon--calendar {
    margin-right: 10px;
    color: #a69368;
    font-size: 18px;
	    width: 15px;
}

.booking-panel-body {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

 

.booking-form__row {
 display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
}

.booking-form__item {
    flex: 1 1 30%;
    min-width: 120px;
	list-style: none;
}

.booking-form__label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #444;
}

.booking-form__input,
.booking-form__select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
}

.booking-form__input:focus,
.booking-form__select:focus {
    border-color: #a69368;
}

.booking-form__button {
    background: #444446;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transition: background-color 0.3s ease;
    width: 100%;
	font-family: 'Comfortaa';
}

.booking-form__button:hover {
    background-color: #a69368;
}

@media screen and (max-width: 768px) {
    .booking-form__item {
        flex: 1 1 100%;
    }

    .booking-form__button {
        margin-top: 10px;
    }
}





.mcb-section .mcb-wrap .mcb-item-x1u6cjydb .mcb-column-inner-x1u6cjydb {
  
    width: 111px;
    height: 75px;
    overflow: hidden;
}


.hotels-wrapper {display:none !important;}

#dropdown .linguise_switcher_dropdown li.linguise_current .linguise_current_lang{border:none !important;}

 
     #dropdown .linguise_switcher_dropdown li {
    border-bottom: 0px solid red !important;
     
 
}

 

  @keyframes fadeInDownLarge {
        0% {
          opacity: 0;
          transform: translateY(-50px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* ====== Пример анимации fadeInLeftLarge ====== */
      @keyframes fadeInLeftLarge {
        0% {
          opacity: 0;
          transform: translateX(-50px);
        }
        100% {
          opacity: 1;
          transform: translateX(0);
        }
      }

      /* ====== Пример анимации fadeInRightLarge ====== */
      @keyframes fadeInRightLarge {
        0% {
          opacity: 0;
          transform: translateX(50px);
        }
        100% {
          opacity: 1;
          transform: translateX(0);
        }
      }

      /* ====== Уже существующая анимация tracking-in-contract ====== */
      /* (Взял Ваш код, чтобы он был на месте) */
      .tracking-in-contract {
        -webkit-animation: tracking-in-contract .8s cubic-bezier(.215, .61, .355, 1.000) both;
        animation: tracking-in-contract .8s cubic-bezier(.215, .61, .355, 1.000) both;
      }
      @-webkit-keyframes tracking-in-contract {
        0% {
          letter-spacing: 1em;
          opacity: 0;
        }
        40% {
          opacity: .6;
        }
        100% {
          letter-spacing: normal;
          opacity: 1;
        }
      }
      @keyframes tracking-in-contract {
        0% {
          letter-spacing: 1em;
          opacity: 0;
        }
        40% {
          opacity: .6;
        }
        100% {
          letter-spacing: normal;
          opacity: 1;
        }
      }

 .animate-once {
        animation: fadeInDownLarge 0.7s ease forwards;
        /* forwards => сохраняем финальное состояние,
           чтобы элемент не «откатывался» */
      }

      .animate-sticky {
        animation: tracking-in-contract 0.7s ease forwards;
      }

      .animate-logo {
        animation: fadeInRightLarge 0.7s ease forwards;
        /* Эта анимация тоже выполнится один раз, если
           просто повесить класс на элемент в HTML.
           Если нужно проигрывать постоянно при каждом "прилипании",
           тогда в JS нужно убирать/возвращать класс */
      }

      /* ====== Пример, если у Вас используется mfn-header-scrolled ====== */
      /* Оставляем Ваше правило, которое добавляет tracking-in-contract */
      .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky {
        position: fixed;
        top: 0;
        left: 0;
        animation-name: tracking-in-contract;
        animation-duration: 700ms;
      }