@font-face {
    font-family: 'Arsenal';
    src: url(../../assets/fonts/Arsenal-Regular.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url(../../assets/fonts/Lora-VariableFont_wght.ttf);
    font-display: swap;
}

@font-face {
    font-family: 'Loraitalic';
    src: url(../../assets/fonts/Lora-Italic.woff2);
    font-display: swap;
}

/* @font-face {
    font-family: 'AlbertSans';
    src: url(../../assets/fonts/AlbertSans-ExtraBold.ttf);
    font-weight: 100;
} */

.booking_header_widget{
    min-height: 52px;
    border-top: 1px solid #dfac3e85;
    margin-top: 10px;
}


:root {
/*     --accent-color: #0089AE;
    --dark-color: #0A1F0E;
    --blue-text:#4B99FF;
    --ligh-blue: #C8E6EE;
    --accent-green-color: #83D9BD;
    --accent-dark-blue: #5FB6CE;
    --btn-blue: #0FAFFF;
    --text-blue: #216CB1;
    --white-color: #ffffff; */

    --title-fonts: 'Arsenal', sans-serif;
    --text-fonts: 'Lora', sans-serif;
    --text-italy-fonts: 'Loraitalic', sans-serif;
}

* {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}
img{
    display: block;
    width: 100%;
    height: auto;
}
html {
/*   scroll-behavior: smooth; */
 
}
body{
    line-height: 1;
    background: #f7f2e8;
     
}
body.pop_open {
    overflow: hidden;
    height: 100vh;
    position: relative;
}
body p{
    font-family: var(--text-fonts);
    line-height: 1.25;
    color: #4A4138;
    margin-bottom: 12px;
    font-size: 18px;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--title-fonts);
}
section.blog_text h1,
section.blog h1,
section.booking h1,
section.apartaments.arhive_page h1,
section.room h1,
h2{
    font-size: 54px;
    color: #4a4a4a; /* #27221d  */   /* 1C1814 */ /* #27221d */ /* #548bb9; */
    margin-bottom: 15px;
}
.for_title{
    color: #548bb9;
    font-family: var(--text-italy-fonts);
    width: max-content;
    display: block;
    font-weight: 600;
    position: relative;
    font-size: 16px;
    opacity: .8;
}
.for_title::before{
    content: '';
    width: 28px;
    height: 2px;
    position: absolute;
    left: -2px;
    top: -6px;
    background: #548bb9;
    border-radius: 20px;
    opacity: .65;
   /*  top: 50%;
    transform: translateY(-50%); */
}
.btn{
    padding: 10px 30px 12px 30px;
    font-weight: 600;
    font-size: 16px;
    color: #252525;
    background: #ffb124;
    border-radius: 12px;
    font-family: var(--title-fonts);
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    transition: .3s ease-in-out;
}
.btn.light{
    outline: 2px solid #ffb124;
    outline-offset: -2px;
    background: transparent;
}
.btn.dark{
    background: #252525;
    color: white;
}
.btn:hover{
    background: #252525;
    color: #ffb124;
    transform: scale(.96);
}
.btn.light:hover{
    color:#ffb124;
    outline-color: #252525;
}
.btn.dark:hover{
    background:#ffb124;
    color: #252525;
}
section{
    max-width: 1460px;
    width: 100%;
    padding: 10px;
    margin: 0 auto 100px auto;
    scroll-margin-top: 140px;
}
section.header{
    margin-bottom: 0;
    padding: 10px 10px 5px 10px;
}
header{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.2);
    transition: .35s ease-in-out;
    z-index: 999;
}
header::before{
    content: '';
    z-index: -2;
    backdrop-filter: blur(8px);
    width: 100%;
    height: 100%;
    position: absolute;
}
header.for_page,
header.sticky{
    background-color:rgb(0, 0, 0);
}
header .header>div.header__site{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
header .header a.logo{
    max-width: 125px;
    width: 100%;
}
.header__menu ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__menu ul a{
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    color: white;
    font-family: var(--title-fonts);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    transition: .35s ease-in-out;
    position: relative;
}
.header__menu ul a::before{
    content: '';
    width: 3px;
    height: 2px;
    background: #dfac3e;
    border-radius: 5px;
    position: absolute;
    left: -1px;
    bottom: 2px;
    opacity: 0;
    transition: .55s ease-in-out;
}
.header__menu ul a:hover{
    color: #dfac3e;
}
.header__menu ul a:hover::before{
    opacity: 1;
    width: 45px;
    left: 10px;
    height: 2px;
    
}
.adress_header{
    max-width: 190px;
    font-family: var(--title-fonts);
    color: white;
    font-size: 18px;
    line-height: 17px;
}
.header__hideContent,
.header__closeMenu,
.header__mobileMenu{
    display: none;
}
.header__btnCallUs{
    text-decoration: none;
    color: white;
    font-family: var(--title-fonts);
    font-size: 21px;
    transition: .3s ease-in-out;
}
.header__btnCallUs:hover{
    color: #dfac3e;
}
#BookingFormWidget [data-tid="Button__rootElement"],
#BookingFormWidget [data-tid="DateRangePicker__start"],
#BookingFormWidget [data-tid="DateRangePicker__end"] {
    border-radius: 12px !important;
   
}
.LC9FWk img{
    max-width:95px;
}


section.hero{
    max-width: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
section.hero::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000be;
}
section.hero .hero__blcock{
    max-width: 1460px;
    width: 100%;
    margin: 0 auto;
    padding: 140px 0 60px 0;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* .hero__info .hero__info-adress{
    margin: 75px auto 0px auto;
    padding: 8px 12px;
    border-top: 1px solid #f8c861;
    color: white;
    color: #f8c861;
    font-size: 18px;
    font-weight: 400;
    max-width: max-content;
    text-align: center;
    font-family: var(--title-fonts);
  
} */
.hero__info h1{
    text-align: center;
    color: white;
    font-family: var(--title-fonts);
    font-size: 62px;
    margin-top: 65px;
    animation: fadetop 1s ease-in-out forwards;
}
@keyframes fadetop{
    0%{
        opacity: 0;
        transform: translateY(60px);
    }20%{
        opacity: 0;
        transform: translateY(60px); 
    }100%{
         opacity: 1;
        transform: translateY(0);
    }

}
.hero__info h1 span{
    color: #dfac3e;/* #FFCB5C */
}
/* .hero__info .text{
    font-size: 19px;
    color: white;
    opacity: .85;
    text-align: center;
    max-width: 620px;
    margin: 20px auto;
    font-family: var(--title-fonts);
} */
.hero__info-adv{
    display: flex;
    justify-content: space-between;
     margin-top: 80px;
}
.hero__info-adv>p{
    
    padding: 0 0 10px 0;
    max-width: 126px;
    width: 100%;
    font-size: 31px;
    font-weight: 600;
    font-family: var(--title-fonts);
    color: #dfac3e;
    border-bottom: 1px solid #ffd70063;
    opacity: 0;
    margin-bottom: 0;
   /*  background: #f7f2e81f; */
    /* text-align: center; */
    animation: fadeleft 1s ease-in-out forwards;
}
.hero__info-adv>p span{
    color: white;
    font-size: 18px;
    display: block;
    font-weight: 400;
}
.hero__info-adv>p:first-child{
    animation-delay: .3s;
}
.hero__info-adv>p:nth-child(2){
    animation-delay: .5s;
}
.hero__info-adv>p:last-child{
    animation-delay: .6s;
}

@keyframes fadeleft{
    0%{
        opacity: 0;
        transform: translateX(-60px);
    }20%{
        opacity: 0;
        transform: translateX(-60px); 
    }100%{
         opacity: 1;
        transform: translateX(0);
    }

}

section.hero .hero__blcock svg{
    max-width: 370px;
    width: 100%;
    height: auto;
}
.anim_text{
    fill: transparent;

    stroke: white;
    stroke-width: 2;

    stroke-dasharray: 3200;
    stroke-dashoffset: 3200;

    animation:
        drawText 2s ease forwards .35s,
        fillText 1s ease forwards 1.8s;
}
@keyframes drawText{
    to{
        stroke-dashoffset: 0;
    }
}

@keyframes fillText{
    to{
        fill: white;
    }
}

.stars{
    opacity: 0;
    animation: showStars 1.2s ease forwards 2.1s;
}
@keyframes showStars{
    0%{
        opacity: 0;
    }20%{
        opacity: .45;
    }40%{
        opacity: .1;
    }60%{
        opacity: .5;
    }80%{
        opacity: 0;
    }100%{
        opacity: 1;
    }
}

section.hero video,
section.hero img.bg_img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}
section.hero video{
    z-index: -1;
}

section.about{
    display: flex;
    justify-content: space-between;
    gap: 0 45px;
    flex-wrap: wrap;
}
section.about .title_box{
    width: 100%;
}
section.about>div{
    width: 47%;
}
.about_hotel{
    align-self: center;
}

.about__adv{
    width: 100% !important;
    margin-top: 60px;
}
.first_aboutadv{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
    gap: 35px;
}
.first_aboutadv img{
    border-radius: 16px;
    height: 370px;
    width: 68%;
    object-fit: cover;
}
.about__adv-text{
    width: 35%;
}
.about__adv h3{
    font-size: 28px;
    color: #0b3f69;
    margin-bottom: 10px;
}
.two_aboutadv{
    display: grid;
    gap: 45px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 55px;
}
.two_aboutadv img{
    border-radius: 16px;
    object-fit: cover;
    height: 100%;
    min-height: 360px;
}

.slider_two_about{
    max-height: 360px;
    min-width: 0;
}
.slider_two_about img{
    height: 360px;
}
.two_aboutadv-text{
    align-self: center;
}
.two_aboutadv-img{
    grid-row: span 2;
}
section.about .slider_image{
    width: 48%;
    position: relative;
    align-self: start;
}
.slider_image img{
    height: 355px;
    object-fit: cover;
    border-radius: 16px;
}
.slider_two_about .slick-arrow,
.slider-for .slick-arrow,
.interesting_posts .slick-arrow,
.slider_image .slick-arrow{
    background: transparent !important;
    width: 42px;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}
.slider_two_about .slick-arrow.slick-next,
.slider-for .slick-arrow.slick-next,
.interesting_posts .slick-arrow.slick-next,
.slider_image .slick-arrow.slick-next{
    left: initial;
    right: 5px;
}
.slider_two_about .slick-arrow svg,
.slider-for .slick-arrow svg,
.interesting_posts .slick-arrow svg,
.slider_image .slick-arrow svg{
    opacity: .8;
}
.slider_two_about .slick-arrow svg path,
.slider-for .slick-arrow svg path,
.interesting_posts .slick-arrow svg path,
.slider_image .slick-arrow svg path{
    fill: white;
}
.slider_two_about .slick-arrow.slick-next svg,
.slider-for .slick-arrow.slick-next svg,
.interesting_posts .slick-arrow.slick-next svg,
.slider_image .slick-arrow.slick-next svg{
    transform: rotate(180deg);
}

.slider_two_about  .slick-dots,
.interesting_posts .slick-dots,
.room_slider .slick-dots,
.slider_image .slick-dots{
    display: flex;
    justify-content: center;
    gap: 9px;
    list-style: none;
    width: 100%;
    position: absolute;
    bottom: 10px;
}

.room_slider .slick-dots{
    bottom: 3px;
    opacity: .85;
    gap: 4px;
}
.slider_two_about .slick-dots button,
.interesting_posts .slick-dots button,
.room_slider .slick-dots button,
.slider_image .slick-dots button{
    font-size: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    opacity: .65;
    transition: .35s ease-in-out;
}
.room_slider .slick-dots button{
    width: 4px;
    height: 4px;
}
.slider_two_about .slick-dots .slick-active button,
.interesting_posts .slick-dots .slick-active button,
.room_slider .slick-dots .slick-active button,
.slider_image .slick-dots .slick-active button{
    width: 10px;
    height: 10px;
    background: #dfac3e;
    opacity: 1;
}
.room_slider .slick-dots .slick-active button{
    width: 6px;
    height: 6px;
}
.subtitle{
    font-family: var(--text-fonts);
    opacity: .75;
    font-size: 16px;
    margin-top: 20px;
    max-width: 630px;
}
.apartament{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 25px;
}
.apartament__room{
    border-radius: 16px;
    overflow: hidden;
    background: white;
    box-shadow: 0 0 2px silver;
    display: flex;
    flex-direction: column;
}
.apartament__room .rooms_link div.img{
    cursor: grab;
}

.apartament__room .rooms_link>div{
    position: relative;
    
}
.apartament__room .rooms_link>div h3{
    color: #ffb124;
    position: absolute;
    left: 15px;
    bottom: 20px;
    font-size: 26px;
    padding-right: 10px;
}
.room_slider .slick-list::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0.77) 88%);
}
.apartament__room .img img{
    height: 300px;
    object-fit: cover;
}

.apartament__room .rooms_link p{
    color: #4a4a4a;
    padding: 10px 15px;
    font-size: 16px;
   /*  background: white; */
    margin-bottom: 12px;
}
.room_info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
   /*  padding: 18px 15px; */
  /*   background: white; */
}
.room_info span{
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
    font-size: 14px;
    font-family: var(--title-fonts);
    color: #494949;
    align-items: center;
    max-width: 110px;
}

.room_info img{
    width: 24px;
    height: 25px;
    opacity: .45;
}
.btn_rooms{
   margin-top: auto;
   padding: 15px 20px 15px 15px;
}
.btn_rooms_a{
    display: flex;
    gap: 10px;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 20px;
}
.btn_rooms_a a{
    width: 50%;
    text-align: center;
}

.apartaments .btn.dark{
    padding: 12px  45px 14px 45px;
    margin:  55px auto 10px auto;
    text-align: center;
    display: block;
    max-width: 230px;
    width: 100%;
    font-size: 20px;
}
.house__about{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 35px;
}
.house__about .house__aboutItem{
    position: relative;
}
.house__about .house__aboutItem:nth-of-type(5),
.house__about .house__aboutItem:first-child{
    padding: 20px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.264);
    position: relative;
    border: 2px dashed #548bb93f;
    min-height: 305px;
    display: flex;
    align-items: center;
}
.house__about .house__aboutItem:nth-child(3){
    grid-row: span 2;
}
.house__about .house__aboutItem img{
    border-radius: 16px;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.accent_bron{
    max-width: 100%;
    position: relative;
    padding: 120px 10px;
    margin-top: -74px;
    background: #548BB9;
}
.accent_bron>div{
    max-width: 1440px;
    margin: 30px auto;
    width: 100%;
    min-height: 300px;
    display: flex;
    gap: 45px;
    justify-content: space-between;
    align-items: center;
}
.accent_bron>img{
    position: absolute;
    top: 0px;
    left: -3%;
    width: 103%;
}
.accent_bron>img.bottom{
    bottom: 0;
    top: initial;
    background: #f7f2e8;
    z-index: 2;
}
.accent_bron h2{
    color: white;
    font-size: 48px;
}
.accent_bron_text{
     width: 60%;
}
.accent_bron_text a{
    padding: 12px 35px 14px 35px;
    background: #ffb124;
    color: #424242;
    outline: 2px solid #ffb124;
    outline-offset: -2px;
    font-size:17px;
}
.accent_bron_text a:hover{
    background: #ffb124;
    color: #252525;
}
.accent_bron_text p{
    color: #F4F4F4;
    font-size: 18px;
    margin: 40px 0;
    max-width: 555px;
    width: 100%;
}
.accent_bron_img{
    width: 33%;
    position: relative;
    z-index: 3;
    margin-top: -40px;
    margin-bottom: -40px;
}

.moreHotel{
    max-width: 1200px;
}
.moreHotel__info{
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0 auto;
}
.moreHotel__info>div{
    width: 33%;
}
.moreHotel__info>div p{
    font-size: 19px;
    font-family: var(--title-fonts);
    margin: 35px 0;
    font-weight: 600;
    color: #757575;
}
.moreHotel__info>div img{
   border-radius: 16px;
}
.moreHotel__info>div img{
    height: 500px;
    object-fit: cover;
}
.moreHotel__info-image{
    display: flex;
    gap: 12px;
    flex-direction: column;
}
.moreHotel__info-image.one img:first-child{
    height: 450px;
}
.moreHotel__info-image.one img:last-child{
    height: 250px;
}
.moreHotel__info-image.two img:first-child{
    height: 250px;
}
.moreHotel__info-image.two{
    margin-top: -50px;
}
/* .moreHotel__info-image.two img:last-child{
    height: 450px;
} */

.attractions{
    max-width: 100%;
    padding: 0;
}
.attractions h2{
    text-align: center;
    margin-bottom: 25px;
    padding-top: 50px;
}
.attractions .interesting_post {
    padding: 120px 10px;
    position: relative;
    min-height: 680px;
    display: flex !important;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.attractions .interesting_post img.slide_background{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
    transition: opacity .55s ease-in-out;
}
.attractions .interesting_post img.slide_background.active{
    opacity: 1;
}
.interesting_post {
    position: relative;
}
.interesting_post::before{
    content: '';
    position: absolute;
    left: -2%;
    top: 0;
    width: 102%;
    height: 100%;
    background: rgba(0, 0, 0, 0.78);
    background: linear-gradient(120deg, rgba(0, 0, 0, .84) 35%, rgba(0, 0, 0, .1) 97%);
    z-index: 2;
}

.interesting_post-content{
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}
.interesting_post-content>div{
    padding: 40px;
    border-radius: 16px;
    max-width: 560px;
    position: relative;
    z-index: 2;
}
.interesting_post-content h3{
    font-size: 35px;
    color: #ffb124;/*  0d3ca1*/
    margin-bottom: 20px;
}
.interesting_excerpt{
    color: #ececec;
    font-family: var(--title-fonts);
    font-size: 16px;
    margin-bottom: 20px;
}
.interesting_post-content>div>span{
    display: block;
    font-family: var(--text-italy-fonts);
    font-size: 16px;
    font-weight: 600;
}
.time_from {
     color: #dfdfdfb0;
    margin: 50px 0 0 0 ;
}
.rewiev h2{
    text-align: center;
    padding-top: 40px;
    margin-bottom: 30px;
    
}
.rewiev>div{
    display: flex;
    gap: 40px;
    justify-content: space-evenly;
    align-items: start;
}
.rewiev__yandex{
    height: 820px;
    display: block;
    overflow: hidden;
    width: 45%;
}
.abouthotel__image,
.rewiev__thanks{
    width: 31%;
     display: flex;
    flex-direction: column;
    min-height: 560px;
    padding: 20px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    z-index: 2;
}

.rewiev__thanks::before{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: black;
    position: absolute;
/*     opacity: .65; */
    z-index: -1;
  /*   background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .81) 72%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .81) 79%); */
    background: linear-gradient(180deg, rgba(0, 0, 0, .35) 54%, rgba(0, 0, 0, .81) 79%);
}

.abouthotel__image img,
.rewiev__thanks img{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: -2;
    animation: fadeSlider 28s ease-in-out infinite;
}
.abouthotel__image img:nth-of-type(1),
.rewiev__thanks img:nth-of-type(1) {
    animation-delay: 0s;
}
.abouthotel__image img:nth-of-type(2),
.rewiev__thanks img:nth-of-type(2) {
    animation-delay: 7s;
}
.abouthotel__image img:nth-of-type(3),
.rewiev__thanks img:nth-of-type(3) {
    animation-delay: 14s;
}
.abouthotel__image img:nth-of-type(4),
.rewiev__thanks img:nth-of-type(4) {
    animation-delay: 21s;
}
@keyframes fadeSlider {
    0% {
        opacity: 0;
        transform: scale(1);
    }10%{
        opacity: 1;
    }30%{
        opacity: 1;
        transform: scale(1.06);
    }40%{
        opacity: 0;
        transform: scale(1.06);
    }100%{
        opacity: 0;
        transform: scale(1);
    }
}

.rewiev__thanks h4{
    color: rgb(255, 251, 244);
    font-size: 35px;
    padding-top: 10px;
}
.rewiev__thanks p{
    color: white;
    font-size: 17px;
    font-family: var(--title-fonts);
}
.rewiev__thanks p:first-of-type{
    margin-top: auto;
}
#yandex-rev{
    width:100%;
    height:100%;
    border:1px solid #e6e6e6;
    border-radius:12px;
    box-sizing:border-box;
}

/* .interesting_post-adress{
    font-size: 14px;
    color: #292929;
} */
.contacts h2{
    margin-left: -3px;
    margin-bottom: 35px;
}
.contact{
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.174);
    border-radius: 16px;
    overflow: hidden;
}
.contact .contact__text{
    width: 40%;
    padding: 40px 20px;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.contact .contact__text .for_map_img{
    position: absolute;
    top: 0;
    right: -42px;
    width: 46px;
    height:100%;
    object-fit: cover;
}
.contact .contact__text .for_map_img2{
    display: none;
}
.contact .contact__map{
    width: 60%;
    overflow: hidden;
}
.contact__text h3{
    font-size: 24px;
    color: #548bb9;
}
.contact__text>p{
    font-size: 16px;
    margin-top: 9px;
    margin-bottom: 40px;
}
.contact__text-iconbox{
    margin: 21px 0 0 0;
    display: flex;
}
.contact__text-iconbox img{
    width: 28px;
    height: 28px;
    margin-right: 10px;
}
.contact__text-iconbox p{
    font-family: var(--title-fonts);
    font-size: 17px;
    font-weight: 600;
}
.contact__text-iconbox p span{
    font-weight: 400;
    font-size: 14px;
    opacity: .8;
}
.contact__text-iconbox p.m0{
    margin-bottom: 2px;
    align-self: center;
}
.contact__text-iconbox p a{
    text-decoration: none;
    color: #548BB9;
    transition: .3s ease-in-out;
}
.contact__text-iconbox p a:hover{
    color: #d1831d;
}
.accent_img_footer{
    width: 185px;
    margin-left: auto;
    margin-bottom: -42px;
    margin: -98px -87px -43px auto;
    z-index: 2;
}
footer{
    margin-top: 154px;
    background: #09141d;/* #041f35 */
}
footer section{
    margin: 0 auto;
    padding: 65px 10px 20px 10px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
footer .logo{
    width: 100%;
    max-width: 180px;
    display: block;
    margin-bottom: 25px;
}
footer .adress_header{
    font-size: 20px;
    display: block;
    max-width: 213px;
}
footer .call__footer{
    margin: 67px 0 10px 0;
    color: #ffb124e8;
    font-size: 21px;
    font-family: var(--title-fonts);
}
footer .btn{
    padding-left: 46px;
    padding-right: 46px;
    outline: 2px solid #ffb22400;
    outline-offset: -2px;
}
footer .btn:hover{
    outline: 2px solid #ffb224;
    outline-offset: -2px;
}
footer .copy_right{
    margin-bottom: 0;
    padding: 20px 10px 10px 10px;
    text-align: center;
    color: white;
    opacity: .8;
    font-size: 16px;
    font-family: var(--title-fonts);
}
.footer__nav{
    width: 23%;
}
.footer__image img{
    margin-bottom: 12px;
}
.footer__menu-items{
    list-style: none;
}
.footer__menu-items a{
    padding: 10px 0;
    color: #f0f0f0;
    transition: .3s ease-in-out;
    font-family: var(--title-fonts);
    font-size: 20px;
    text-decoration: none;
    display: block;
}
.footer__nav a:hover{
    color: #ffb124;
}

body.page-id-66 header .header>div.booking_header_widget{
    display: none;    
}
section.booking{
    padding: 140px 10px 120px 10px;
    min-height: 50vh;
}
section.solo-page-contact,
section.apartaments.arhive_page{
    padding: 175px 10px 110px 10px;
}
section.booking .subtitle,
section.apartaments.arhive_page .subtitle{
    max-width: 750px;
}
section.apartaments.arhive_page .subtitle.m-cust{
    margin-top: -3px;
}
section.solo-page-contact .online-booking-contact{
    margin-top: 25px;
}
section.room{
    padding: 125px 10px 130px 10px;
}
section.room h1{
    margin-bottom: 35px;
}
section.room h2{
    margin-bottom: 14px;
}
.room__block{
    display: flex;
    justify-content: space-between;
}
.room__text{
    float: initial;
    width: 50%;
    margin-left: 45px;
}
.room__text p{
    font-size: 16px !important;
}
.room__text p.vid-nomer{
    font-family: var(--title-fonts);
    font-size: 20px !important;
    font-weight: 600;
    margin: 15px 0;
}
.room__text p.vid-nomer span{
    color: #af886ce3;
}
.room__text h3{
    font-size: 28px;
    margin-bottom: 8px;
    color: #3059acd6;/*#96660fb8  */
    margin-top: -5px;
}
.room__text .room_info{
    justify-content: start;
    gap: 25px;
    margin: 15px 0 15px 0;
}
.room__text .room_info span{
    max-width: 250px;
}
.room__slider{
    width: 100%;
    max-width: 660px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: start;
    gap: 10px;
}
.slider-for{
    max-width: 535px;
    width: 100%;
    max-height: 540px;
    overflow: hidden;
    animation: leftingfidecust 1s forwards;
}
@keyframes leftingfidecust {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }100%{
        opacity: 1;
        transform: translateX(0);
    }
}

/* .slider-for .slick-track, .slider-for .slick-list {
    width: 100%;
    height: 100%;
} */


.slider-for img {
    height: 540px;
    object-fit: cover;
    border-radius: 11px;
}
.slider-nav {
    width: 115px;
    max-height: 540px;
    height: 540px;
    overflow: hidden;
    animation: hiddeeen 1s forwards;
}

@keyframes hiddeeen {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.slider-nav .slick-list {
    margin-bottom: -10px;
}
.slider-nav.smollslidde .slick-track {
    transform: none !important;
}
.slider-nav .slick-slide {
    margin-bottom: 10px;
    height: auto !important;
}
.slider-nav img {
    height: 98px !important;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    opacity: 0.6;
    transition: .3s;
}

.slider-nav .slick-current img {
    opacity: 1;
}
.room__about h3{
    margin-top: 55px;
    margin-bottom: 14px;
}
.room__about-grid{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
} 
.room__about-grid span{
    display: flex;
    align-items: center;
    font-family: var(--title-fonts);
    color: #424242;
    font-size: 18px;
    position: relative;
    gap: 8px;
}
.room__about-grid span::before{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url('../img/condey.png')no-repeat;
    background-position: center;
    background-size: contain;
}
.room__about-grid span.kondey::before{
    margin-top: 4px; 
}
.room__about-grid span.wifi::before{
    background: url('../img/wifi-prod-for.svg')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.tv::before{
    background: url('../img/tv-prod-for-2.svg')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.tel::before{
    background: url('../img/17449723.png')no-repeat;/* phone-prod-for.svg */
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.zvyk::before{
    background: url('../img/sound-prod-for.svg')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.work::before{
    background: url('../img/table-prod-for.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.dush::before{
    background: url('../img/shower-solid-full.svg')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.dush::before{
    background: url('../img/shower-solid-full.svg')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.halat::before{
    background: url('../img/bathrobe.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.tapochki::before{
    background: url('../img/slippers.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.polotence::before{
    background: url('../img/towel.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.cleaning::before{
    background: url('../img/12bathroom.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.fen::before{
    background: url('../img/fen-for.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.vannya::before{
    background: url('../img/vanya.png')no-repeat;
    background-position: center;
    background-size: contain;
     opacity: .55;
}
.room__about-grid span.stiralka::before{
    background: url('../img/stirka-mashin.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.kyhnya::before{
    background: url('../img/kyhnya.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.varkapanel::before{
    background: url('../img/var-panel.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.vityzka::before{
    background: url('../img/vitizhka-001.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.holodilnik::before{
    background: url('../img/mini-holod.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.stol::before{
    background: url('../img/stol-table-prod-for.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
.room__about-grid span.tea::before{
    background: url('../img/tea-table.png')no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
}
header.single_room .booking_header_widget{
    display: none !important;
}

#soloRoomBooking{
   max-width: 460px;
   margin-top: 40px; 
   position: sticky;
   top: 90px;
}
.mobile_booking_btn{
    display: none;
}
.blog{
    padding: 150px 10px 120px 10px;
    min-height: 50vh;
}
section.blog h1{
    margin-left: -2px;
}
.blog__item{
    display: flex;
    gap: 40px;
    margin: 40px 0 110px 0;
}
.blog__item:last-of-type{
    margin-bottom: 0;
}
.blog__item>div{
    width: 63%;
    display: flex;
    flex-direction: column;
}
.blog__item .img{
    width: 35%;
    border-radius: 14px;
    overflow: hidden;
}
.blog__item .img img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.blog__item h3{
    font-size: 28px;
    color: #0b3f69;
    margin-bottom: 16px;
}
.blog__item p{
    color: #4a4a4a;
    margin-bottom: 12px;
}
.blog__item a{
    margin-top: 25px;
    margin-bottom: 10px;
    align-self: start;
}
.blog__item .time_from{
    display: block;
    color: #638cdd;
    font-family: var(--text-italy-fonts);
    font-weight: 500;
    margin-top: auto;
    opacity: .94;
}
.blog_text{
    padding: 140px 10px;
}
.blog__imagestyle{
    position: relative;
    height: 360px;
    border-radius: 16px;
    overflow: hidden;
}
.blog__imagestyle img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.blog_text h1{
    margin-top: 50px;
}
.info_blog{
    padding: 20px;
    max-width: 650px;
    padding: 30px;
    border-radius: 12px;
    background: #dfac3e27;
    margin-top: 80px;
}
.info_blog p{
    font-size: 16px !important;
}
body.postid-155 .blog__imagestyle img{
    object-position: top center;
}
.policy ul,
body.postid-163 .text_statya ul{
    margin: 20px 0;
    padding-left: 20px;
    font-size: 18px;
    font-family: var(--text-fonts);
    color: #4A4138;
}
.policy ul li span{
    color: #4A4138 !important;
}
.policy ul li,
body.postid-163 .text_statya ul li{
    margin-bottom: 12px;
}
.policy{
    padding: 120px 10px 120px 10px;
}
.policy h1{
    font-size: 32px;
    text-align: center;
    margin-bottom: 65px;
    max-width: 800px;
    margin: 30px auto 70px auto;
}
.policy p{
    margin-bottom: 45px;
    line-height: 1.65;
    font-weight: 100;
}
.policy h3{
    font-size: 28px;
    color: #0b3f69;
    margin: 25px 0px 8px 0;
}
.policy ul{
    margin: -25px 0 45px 0;
}

.cookieBox{
    position: fixed;
    opacity: 0;
    left: 0;
    bottom: -100%;
    padding: 15px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: white;
    max-width: 100%;
    width: 100%;
    z-index: 30;
    box-shadow: 0 0 5px 1px #00000024;
    transition: .35s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 25px;
}
.cookieBox.active{
    animation: coookie .45s ease-in-out forwards;
    animation-delay: 2s;
}
@keyframes coookie {
    to{
        bottom:0;
        opacity: 1;
    }
}
.cookieBox__title{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    width: 100%;
}
.cookieBox__title img{
    width: 25px;
    height: 25px;
    opacity: .5;
}
.cookieBox__title h6{
    font-size: 18px;
    color: #0b3f69;
}
.cookieBox p{
    font-size: 12px ;
}
.cookieBox a{
   color: #0b3f69;
   text-decoration: none;
}




.travelPage{
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 90px 10px;
    min-height: 100vh;
    overflow: hidden;
    z-index: 4;
}

.travelPage::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle,rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.45) 100%);
    z-index: -1;
}
.travelPage h1{
    text-align: center;
    color: white;
    font-size: 64px;
    transform-origin: bottom;
    transition: .6s ease-in-out;
}
.travelPage h1 span{
    color: #dfac3e;
}
.travelPage p{
    color: white;
    max-width: 900px;
    font-family: var(--title-fonts);
    text-align: center;
    margin: 50px auto;
    font-size: 20px;
    font-weight: 400;
    transform-origin: top;
    transition: .6s ease-in-out;
}
.travelPage h1,
.travelPage p{
    animation: open_page 2s forwards;
   
}
@keyframes open_page {
    0%{
        transform: scale(1.25);
        opacity: 0;
    }35%{
         transform: scale(1.25);
        opacity: 0;
    }45%{
        transform: scale(1);
        opacity: 1;
    }100%{
        transform: scale(1);
        opacity: 1;
    }
}

.travelPage .travelPage__poster,
.travelPage video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}
.travelPage .travelPage__poster{
    opacity: -1;
    transform: scale(1.14);
    transition: .2s ease-in-out;
    animation: fade_c .43s ease-in-out forwards;
}
@keyframes fade_c {
    0%{
        opacity: .7;
        transform: scale(1.04);
    }60%{
        opacity: .7;
        transform: scale(1.04);
    }100%{
        opacity: 1;
        transform: scale(1);
    }
}

.travelPage.video_play .travelPage__poster{
    transition: .3s ease-in-out;
    opacity: 0;
}
.travelPage.video_play::before{
    background: radial-gradient(circle,rgba(0, 0, 0, 0.42) 20%, rgba(0, 0, 0, 0.78) 100%);
}

.travelPage-title{
    position: absolute;
    max-width: 900px;
    width: 100%;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    transition: max-width .35s ease-in-out, .6s ease-in-out;
    text-align: center;
}
.travelPage.video_play.title_play .travelPage-title{
    max-width: 410px;
}
.travelPage.video_play.title_play .travelPage-title{
    left: 40px;
    bottom: 60px;
    transform: translate(0, 0);
}
.travelPage.video_play.title_play h1{
    font-size: 28px;
}
.travelPage.video_play.title_play p{
    font-size: 13px;
    max-width: 460px;
    margin: 40px 0;
}

.abouthotel{
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    gap: 45px;
}

.abouthotel .abouthotel__text{
    width: 45%;
}
.abouthotel .abouthotel__image{
    width: 44%;
    min-height: 463px;
}
.aboutyslugi>div{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}
.aboutyslugi>div>div{
    overflow: hidden;
    border-radius: 14px;
    box-shadow:  0 0 5px 1px rgba(0, 0, 0, 0.026);
    display: flex;
    background: white;
}
.aboutyslugi>div>div h3{
    font-size: 23px;
    margin-bottom: 25px;
    margin-top: 8px;
    color: #548BB9;
    font-family: var(--text-italy-fonts);
    position: relative;
}
.aboutyslugi>div>div h3::before{
    content: '';
    width: 56px;
    height: 2px;
    border-radius: 12px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #548bb9;
    opacity: .65;
}
.aboutyslugi>div>div>div p{
    color: #4A4138;
    font-size: 16px;
    font-family: var(--title-fonts);
}
.aboutyslugi>div>div>div.img{
    height: 250px;
    width: 40%;
}
.aboutyslugi>div>div>div.text{
    width: 60%;
    padding: 12px 10px 12px 25px;
    background: rgba(255, 255, 255, 0.142);
}
.aboutyslugi>div>div>div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ruleshotel{
    margin-bottom: 30px;
}
.ruleshotel>div{
    display: flex;
    position: relative;
    justify-content: space-between;
    gap: 40px;
}
.ruleshotel ul{
    margin: 20px 0;
    padding-left: 20px;
    font-size: 18px;
    font-family: var(--title-fonts);
    color: #888888;
    max-width: 700px;
    font-weight: 600;
   /*  opacity: .75; */
}
.ruleshotel ul li{
    margin-bottom: 15px;
}
.ruleshotel ul li::marker{
    color: #0b3f69;
}
.ruleshotel>div>div{
    z-index: 3;
}
.ruleshotel img{
    max-width: 400px;
    margin-bottom: -153px;
    margin-top: 50px;
}
.masters{
    max-width: 100%;
    background: #0b3f69;
    margin-bottom: 0;
    padding: 80px 10px 120px 10px;
    position: relative;
}
.masters>div{
    max-width: 1440px;
    margin: 110px auto 50px auto;
    display: flex;
    justify-content: space-between;
    gap: 35px;
}
.masters__img{
    width: 38%;
}
.masters__text{
    width: 62%;
}
.masters__img img{
    border-radius: 12px;
}
.masters__text .for_title{
    color: #ffcf67;
}
.masters__text .for_title::before{
    background: #ffcf67;
}
.masters__img img{
    object-fit: cover;
}
.masters__text p{
    color: rgb(230, 230, 230);
}
.masters__text h3{
    font-size: 31px;
    margin-bottom: 15px;
    color: #dfac3e;
    margin-top: 8px;
}
.masters__text a{
    margin-top: 35px;
}
body.page-id-191 footer{
    margin-top: 0;
}
.masters>img{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}
.masters>img.top_line{
   bottom: initial;
   top: 0;
}

@media (min-width:951px) {
    .apartament {
        max-width: 1150px;
        margin-left: auto;
        margin-right: auto;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .apartaments{
        max-width: 1150px;
    }
   /*  section.apartaments h1,
    section.apartaments h2{
        text-align: center;
    } */
    /* section.apartaments .for_title::before{
        left: 50%;
        transform: translateX(-50%);
    } */
    section.apartaments .apartament__room .img img {
        height: 310px;
    }
}
@media (max-width:1750px) {
    .accent_bron_img{
        margin-top: -70px;
        margin-bottom: -70px;
    }
}
@media (max-width:1700px) {
   section{
        max-width: 1300px;
   }
   
   section.room,
   section.header{
        max-width: 1460px;
   }
   .policy ul,
   body.postid-163 .text_statya ul,
   body p{
        font-size: 17px;
   }
   
   section.about .slider_image {
        width: 47%;
   }
}
@media (max-width:1333px) {
    .room__about-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:1265px) {
    .room__slider {
        max-width: 575px;
    }
     .travelPage h1 {
        font-size: 46px;
    }
    .travelPage p{
        font-size: 16px;
        max-width: 650px;
    }
   
}
@media (max-width:1235px) {
    .apartament{
        gap: 12px;
    }
    .apartament__room .img img {
        height: 245px;
    }
    .btn_rooms_a a{
        padding-left: 0;
        padding-right: 0;
    }
    .apartament__room .rooms_link>div h3 {
        font-size: 23px;
    }
    .apartament__room .rooms_link p{
        font-size: 14px;
    }
    .accent_bron {
        margin-top: -21px;
    }
}

@media (max-width:1225px) {
    .header__menu{
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        background: #f7f2e8;
        max-width: 340px;
        width: 100%;
        opacity: 0;
        transition: .3s ease-in-out;
        overflow-y: auto;
        z-index: 999999;
    }
    .header__menu.active {
        left: 0;
        opacity: 1;
    }
    
    .header__mobileMenu {
        display: block;
        width: 30px;
        height: 31px;
        position: relative;
    }
    .header__mobileMenu>span::before,
    .header__mobileMenu::before {
        content: '';
        position: absolute;
        width: 85%;
        height: 2px;
        background: white;
        left: 0;
        top: 6.5px;
        border-radius: 10px;
        transition: .3s ease-in-out;
    }
    .header__mobileMenu>span::before {
        top: 50%;
        width: 70%;
        transform: translateY(-50%);
        transition: .3s ease-in-out;
    }
    .header__mobileMenu::after {
        content: '';
        position: absolute;
        width: 85%;
        height: 2px;
        background: white;
        left: 0;
        bottom: 6.5px;
        border-radius: 10px;
        transition: .3s ease-in-out;
    }

    .header__mobileMenu.active::after,
    .header__mobileMenu.active::before {
        width: 60%;
        left: -5px;
    }
    .header__mobileMenu.active>span::before {
        width: 50%;
        left: -3px;
    }
    .header__menu ul {
        flex-direction: column;
        align-items: start;
        margin-top: 70px;
        margin-left: 15px;
    }
    .header__menu ul li a{
        color: #494949;
        font-size: 23px;
    }

    span.header__hideContent {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: fixed;
        right: -100%;
        top: 0;
        background: #0000009a;
        width: 100%;
        height: 100%;
        z-index: 9999;
        transition: .25s ease-in-out;
    }

    span.header__hideContent.active {
        right: 0;
        visibility: visible;
        opacity: 1;
    }
    .header__closeMenu {
        display: block;
        position: fixed;
        opacity: 0;
        visibility: hidden;
        top: -100%;
        width: 18px;
        height: 18px;
        left: 300px;
        transform: translate(0);
        z-index: 999999;
        transition: .55s ease-in-out;
    }
    
    .header__closeMenu.active {
        opacity: 1;
        visibility: visible;
        top: 17px;
    }
    
    .header__closeMenu::after,
    .header__closeMenu::before {
        content: '';
        position: absolute;
        top: 12px;
        left: 0;
        transform: rotate(45deg);
        width: 100%;
        height: 2px;
        background: black;
        border-radius: 10px;
    }
    .header__closeMenu::after {
        transform: rotate(-45deg);
    }
    .house__about{
        gap: 20px;
    }
    .house__about .house__aboutItem p{
        font-size: 14px;
    }
    .aboutyslugi>div>div h3 {
        font-size: 20px;
    }
    .aboutyslugi>div>div>div.img{
        width: 45%;
        height: 320px;
    }
    .aboutyslugi>div>div>div.text{
        padding-left: 14px;
    }
   
}
@media (max-width:1200px) {
    .moreHotel__info>div p {
        font-size: 16px;
        margin: 20px 0 35px 0;
    }
    .moreHotel__info>div:first-child{
        width: 385px;
        min-width: 385px;
    }
    .moreHotel__info-image.two img:first-child,
    .moreHotel__info-image.one img:last-child {
        height: 195px;
    }
    section.about{
        gap:0 15px;
    }
  
    .about_hotel p{
        font-size: 16px;
    }
    section.about .slider_image{
        align-self: start;
    }
    .abouthotel{
        gap: 25px;
    }

    .abouthotel .abouthotel__text{
        width: 50%;
    }
    .abouthotel .abouthotel__text p{
        font-size: 14px !important;
    }
    .abouthotel .abouthotel__image{
        width: 38%;
        min-height: 463px;
    }
    
}
@media (max-width:1120px) {
    .accent_bron_img{
        margin-top: 0;
        margin-bottom: -141px;
    }
    .attractions .interesting_post {
        padding: 50px 10px;
        min-height: 494px;
    }
    .interesting_post-content>div{
        background: transparent;
        box-shadow: none;
    }
    .interesting_post::before{
        background: rgba(0, 0, 0, 0.78);
        background: linear-gradient(120deg, rgba(0, 0, 0, .91) 35%, rgba(0, 0, 0, 0) 97%);
    }
    .interesting_excerpt {
        font-size: 14px;
        margin-bottom: 20px;
        color: #d2d2d2;
    }
    .time_from {
        color: #dfdfdfb0;
    }
    .interesting_post-content h3 {
        color: #ffb124;
    }
    .rewiev__thanks {
        width: 39%;
    }
    .rewiev__yandex{
        width: 52%;
    }
    .rewiev h2{
        padding-top: 0;
    }
    .blog__item{
        gap: 20px;
    }
    .blog__item>div{
        width: 58%;
    }
    .blog__item .img{
        width: 41%;
        align-self: start;
    }
    .blog__item .img img{
        height: 215px;
    }
}


@media (max-width:1064px) {
    .ruleshotel ul{
        max-width: 100%;
        width: 63%;
    }
    .ruleshotel>div>div{
        width: 34%;
        display: flex;
        align-items: end;
        justify-content: end;
    }
    .ruleshotel img {
        max-width: 100%;
        width: 100%;
        margin-bottom: -100px;
    }
}
@media (max-width:1050px) {
    .accent_bron h2{
        font-size: 35px;
    }
    .accent_bron_text p{
        font-size: 16px;
    }
    .room__block{
        gap: 25px;
    }
    .room__slider {
        width: 100%;
        max-width: 430px;
    }
    .slider-nav {
        width: 85px;
    }
    .room__text{
        margin-left: 0px;
        width: 53%;
    }
    #soloRoomBooking{
        max-width: 360px;
    }
    .aboutyslugi>div{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:1025px) {
    header .header>div.booking_header_widget{
        display: none;    
    }
    section.room {
        padding: 110px 10px 130px 10px;
    }
    .mobile_booking_btn {
        display: block;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        bottom: -95px;
        animation: booking_mob .5s forwards;
        animation-delay: 3s;
        max-width: 266px;
        width: 100%;
        text-align: center;
        padding: 15px 5px;
        z-index: 20;
        font-size: 17px;
        font-family: var(--text-italy-fonts);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.295);
    }
    .mobile_booking_btn:hover{
        transform: scale(.95) translateX(-50%);
    }
    @keyframes booking_mob {
        0%{
            opacity: 0;
            bottom: -95px;
        }100%{
            opacity: 1;
             bottom: 15px;
        }
    }
    footer{
        position: relative;
        z-index: 99;
    }
    section.booking{
        padding: 120px 10px 120px 10px;
        min-height: 50vh;
    }
    section.solo-page-contact,
    section.apartaments.arhive_page{
        padding: 135px 10px 110px 10px;
    }
    .aboutyslugi>div>div{
        flex-direction: column;
    }
    .aboutyslugi>div>div>div{
        width: 100% !important; 
    }
    .aboutyslugi>div>div>div.img {
        height: 280px;
    }
}
@media (max-width:950px) {
    .apartament{
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .house__about{
        grid-template-columns: repeat(2, 1fr);
    }
    .house__about .house__aboutItem:nth-of-type(3){
        grid-row: span 1;
        display: none;
    }
    .house__about .house__aboutItem:nth-of-type(4){
        grid-column: span 2;
        height: 303px;
    }
    .contact__text>p {
        font-size: 14px;
    }
    footer section{
        gap: 5px;
    }
    .accent_img_footer{
        display: none;
    }
    .footer_hotelinfo{
        width: 100%;
        max-width: 300px;
    }
    .footer__image{
        max-width: 200px;
        width: 100%;
    }
    .footer__nav {
        width: 31%;
    }
    .room__slider{
        max-width: 365px;
    }
    .slider-for img {
        height: 400px;
    }
    
    .slider-nav {
        width: 73px;
        max-height: 400px;
    }
    .slider-nav img {
        height: 70px !important;
    }
    .room__text p{
        font-size: 14px !important;
    }
    #soloRoomBooking{
        max-width: 320px;
    }
    .policy ul,
    body.postid-163 .text_statya ul,
    .blog_text p{
        font-size: 16px !important;
    }


     .travelPage.video_play.title_play h1 {
        font-size: 25px;
    }
    .travelPage-title{
        max-width: 600px;
    }
    .travelPage.video_play.title_play .travelPage-title {
        max-width: 375px;
        left: 20px;
        bottom: 30px;
    }
    .travelPage.video_play.title_play p {
        font-size: 11px;
        max-width: 460px;
        margin: 20px 0 40px 0;
    }
    .masters>div{
        margin: 55px auto;
        gap: 16px;
    }
    .masters__img{
        width: 45%;
    }
    .masters__text{
        width: 55%;
    }
    .masters__text h3{
        font-size: 26px;
    }
    .masters__text p{
        font-size: 16px;
    }
    .masters__img p {
        font-weight: 400;
        color: #f5f5f5c7;
        font-size: 16px;
    }
     .ruleshotel p{
        font-size: 16px !important;
    }
    .ruleshotel ul{
        font-size: 16px !important;
    }
    .first_aboutadv img {
        height: 284px;
    }
    .two_aboutadv{
        grid-template-columns: repeat(2, 1fr);
    }
    .first_aboutadv p,
    .two_aboutadv p{
        font-size: 15px !important;
    }
    .two_aboutadv img{
        min-height: 201px;
    }
}


@media (max-width:900px) {
    header .header a.logo {
        max-width: 87px;
    }
    section.hero .hero__blcock svg {
        max-width: 345px;
    }
    .hero__info h1 {
        font-size: 52px;
    }
    section.about .slider_image{
        width: 45%;
    }
    .accent_bron_img {
        margin-top: 0;
        margin-bottom: -187px;
    }
    section.accent_bron{
        overflow: hidden;
    }
    
    .accent_bron_img img{
        width: 335px;
    }
    .moreHotel {
        max-width: 767px;
    }
    .moreHotel__info{
        flex-wrap: wrap;
    }
    .moreHotel__info>div {
        width: 46%;
    }
    .moreHotel__info-image.two{
        margin-top: 0;
        flex-direction: row;
        width: 100%;
    }
    .moreHotel__info-image.two img{
        height: 250px !important;
    }
    .moreHotel__info-image.two img:first-child{
        width: 30%;
    }
    .attractions h2{
        padding-top: 10px;
    }

    .rewiev>div{
        gap: 12px;
        justify-content: space-between;
    }
    .rewiev__yandex{
        width: 55%;
    }
    .rewiev__thanks{
        width: 44%;
    }
    .contact__text-iconbox p span{
        display: block;
    }
    .contact__text>p {
        font-size: 13px;
        margin-bottom: 3px;
    }
     section.booking{
        padding: 90px 10px 120px 10px;
    }
    section.solo-page-contact,
    section.apartaments.arhive_page{
        padding: 105px 10px 110px 10px;
    }
    .abouthotel .abouthotel__image {
        width: 44%;
    }
    .aboutyslugi>div{
        gap: 25px 15px;
    }
    .aboutyslugi>div>div>div p{
        font-size: 14px !important;
    }
   
}
@media (max-width:820px) {
    .room__about-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .first_aboutadv img {
        width: 58%;
    }
    .about__adv-text {
        width: 38%;
    }
}
@media (max-width:767px) {
    .adress_header{
        display: none;
    }
    .about .about_hotel{
        width: 100%;
        margin-top: 0;
        margin-bottom: 35px;
    }
    section.about .title_box {
        order: -2;
    }
    section.about .slider_image{
        width: 100%;
        order: 0;
    }
    .slider_image img{
        height: 315px;
    }
    .about_hotel{
        margin-top: 25px;
    }
   
    .apartament{
        gap: 25px 10px;
    }
    .moreHotel__info>div{
        width: 100%;
    }
    .moreHotel__info>div:first-child{
        width: 100%;
        min-width: initial;
    }
    .moreHotel__info>div:first-child img{
        display: none;
    }
    .moreHotel__info-image.one{
        flex-direction: column-reverse;
    }
    .moreHotel__info-image.one img:last-child {
        height: 294px;
    }
    .moreHotel__info-image.one img:first-child{
        display: none;
    }
    .moreHotel__info-image.two img:first-child{
        width: 44%;
    }
    section{
       margin-bottom: 75px;
       scroll-margin-top: 90px;
    }
    footer section{
        flex-wrap: wrap;
    }
    .footer__nav{
        max-width: 300px;
        width: 100%;
    }
    .footer__image{
        margin-top: 35px;
    }
    .masters>div{
        margin: 55px auto;
        gap: 45px;
        flex-direction: column-reverse;
    }
    .masters__img{
        width: 100%;
    }
    .masters__text{
        width: 100%;
    }
    .masters__img img{
        max-width: 100%;
    }

    .ruleshotel>div{
        flex-direction: column;
    }
    .ruleshotel ul{
        width: 100%;
    }
    .ruleshotel>div>div{
        align-self: end;
    }
    .ruleshotel img{
        margin-top: -60px;
    }
    .ruleshotel>div>div{
        width: 100%;
        max-width: 233px;
    }
    .ruleshotel p{
        font-size: 15px !important;
    }
    .ruleshotel ul{
        font-size: 15px !important;
    }
  
}
@media (max-width:730px) {
    .rewiev>div{
        flex-direction: column;
        gap: 35px;
        align-items: center;
    }
    .rewiev__yandex{
        max-width: 500px;
        width: 100%;
    }
    .rewiev__thanks{
        max-width: 340px;
        width: 100%;
        min-height: 470px;
    }
    .contact{
        flex-wrap: wrap;
    }
    .contact .contact__map,
    .contact .contact__text{
        width: 100%;
    }
    .contact .contact__map{
        min-height: 380px;
    }
    .contact .contact__text .for_map_img{
        display: none;
    }
    .contact .contact__text .for_map_img2{
        display: block;
        position: absolute;
        bottom: -21px;
        left: 0;
        width: 100%;
        height: 24px;
        object-fit: cover;
    }
    .room__block{
        flex-wrap: wrap;
    }
    .room__block>div,
    .room__text,
    .room__slider {
        max-width: 100%;
        width: 100%;
    }
    .slider-for {
        max-width: 611px;
    }
    .room__about-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .room__about-grid span{
       font-size: 16px;
    }
    #soloRoomBooking{
        max-width: 450px;
        margin-bottom: 40px;
    }
    .blog_text{
        padding: 80px 10px 120px 10px;
    }    
    .abouthotel{
        flex-direction: column;
    }
    .abouthotel>div{
        width: 100% !important;
    }
    .abouthotel .abouthotel__image {
        min-height: 306px;
    }
    .first_aboutadv{
        flex-direction: column-reverse;
        align-items: start;
    }
    .first_aboutadv img{
        width: 70%;
    }
    .about__adv-text{
        width: 100%;
    }
    .two_aboutadv{
        grid-template-columns: repeat(1, 1fr);
    }
    .two_aboutadv>img:first-of-type{
        display: none;
    }
    .slider_two_about{
        order: 2;
    }
    .slider_two_about img{
        height: 260px;
    }
    .two_aboutadv .image img{
        height: 260px;
    }
}
@media (max-width:680px) {
    section.hero .hero__blcock svg {
        max-width: 245px;
    }
    .hero__info h1 {
        font-size: 35px;
    }
    .hero__info-adv {
        gap: 20px;
    }
    .hero__info-adv>p {
        font-size: 26px;
    }
    .hero__info-adv>p span {
        margin-top: -7px;
        font-size: 16px;
    }
    .subtitle p{
        font-size: 14px;
    }
    .accent_bron>div{
        flex-direction: column;
        align-items: flex-start
    }
    .accent_bron_text{
        width: 100%;
        z-index: 5;
    }
    .accent_bron_img {
        margin: -89px 0 -147px 0;
        display: flex;
        justify-content: end;
        width: 100%;
    }
    .accent_bron_img img {
        width: 275px;
    }
      .travelPage .travelPage-title{
        max-width: 500px;
    }
}

@media (max-width:635px) {
    .apartament{
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    .apartament__room {
        max-width: 427px;
        margin: 0 auto;
        width: 100%;
    }
    section.blog_text h1,
    section.blog h1,
    section.booking h1,
    section.apartaments.arhive_page h1,
    section.room h1,
    h2 {
        font-size: 38px;
    }
    .house__about {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .house__about .house__aboutItem:nth-of-type(5),
     .house__about .house__aboutItem:first-child {
        padding: 15px 8px;
    }
    .house__about .house__aboutItem p{
        font-size: 12px;
    }
    .house__about .house__aboutItem:nth-of-type(4){
        grid-column: span 2;
        height: 195px;
    }
    .house__about .house__aboutItem:nth-of-type(5){
        grid-column: span 2;
         min-height: 180px;
    }
    .house__about .house__aboutItem:nth-of-type(5) p{
        font-size: 14px;
        margin-bottom: 0;
    }
    .house__about .house__aboutItem:nth-of-type(6){
        display: none;
    }
    .house__about .house__aboutItem:first-child{
        min-height: 200px;
    }
    
    .house__about .house__aboutItem:nth-of-type(2){
        height: 100%;
    }
    .contacts h2{
        margin-left: -2px;
    }
    section.room {
        padding: 80px 10px 130px 10px;
    }
    .blog__item{
        flex-direction: column;
    }
    .blog__item .img,
    .blog__item>div{
        width: 100%;
    }
    .aboutyslugi>div{
        grid-template-columns: repeat(1, 1fr);
        gap: 35px;
    }
    .aboutyslugi>div>div>div p{
        font-size: 16px !important;
        margin-bottom: 35px;
    }

}
@media (max-width:624px) {
    .footer__image,
    .footer__nav{
        margin-top: 65px;
        margin-bottom: 20px;
    }
}
@media (max-width:600px) {
     .travelPage h1 {
        font-size: 36px;
    }
    .travelPage p{
        font-size: 14px;
        max-width: 700px;
        padding: 0 10px;
    }
    .travelPage.video_play.title_play .travelPage-title{
        left: 10px;
        max-width: 265px;
    }
    .travelPage.video_play.title_play h1 {
        font-size: 20px;
    }
     .travelPage.video_play.title_play p{
        font-size: 11px;
     }
}
@media (max-width:580px) {
    header .header a.logo {
        max-width: 85px;
    }
    .header__mobileMenu {
        margin-right: auto;
    }
    .slider_image img{
        height: 320px;
    }
   
    .moreHotel__info-image.one img:last-child {
        height: 218px;
    }
    .moreHotel__info-image.two img {
        height: 160px !important;
    }
}
@media (max-width:550px) {
    .room__slider{
        flex-wrap: wrap;
    }
    .slider-nav {
        height: auto;
        max-width:100%;
        width: 100%;
    }
    .slider-nav .slick-slide {
        margin-left: 4px;
        margin-right: 4px;
    }
    .slider-nav .slick-list {
        margin-left: -4px;
    }
    .slider-nav .slick-slide {
        margin-bottom: 10px;
    }
    section.hero .hero__blcock{
        padding: 40px 0 60px 0;
    }
    .first_aboutadv img{
        width: 100%;
        height: 250px;
    }
}
@media (max-width:500px) {
    .slider_image img{
        height:  280px;
    }
    .about_hotel p{
        font-size: 14px;
    }
    .slider-for .slick-arrow,
    .interesting_posts .slick-arrow,
    .slider_image .slick-arrow {
        width: 27px;
    }
    .interesting_posts .slick-arrow{
        top: 40px;
    }
    .interesting_posts .slick-arrow.slick-next{
        right: initial;
        left: 35px;
    }
    .accent_bron h2 {
        font-size: 30px;
    }
    .accent_bron>div {
        margin: 10px auto;
    }
    .accent_bron_img {
        margin: -89px 0 -117px 0;
    }
    .accent_bron_img img {
        width: 233px;
        transform: translateX(64px);
    }
    .interesting_post-content>div {
        padding: 40px 0px;
    }
    .interesting_post-content h3 {
        font-size: 29px;
    }
    .interesting_excerpt {
        font-size: 12px;
        color: whitesmoke;
        font-family: var(--title-fonts);
    }
    .interesting_post::before {
        background: rgba(0, 0, 0, 0.78);
        background: linear-gradient(120deg, rgba(0, 0, 0, .91) 35%, rgba(0, 0, 0, .40) 97%);
    }
    .contact .contact__map{
        min-height: 320px;
    }
    .mobile_booking_btn {
    /*     padding: 12px 5px; */
        font-size: 16px;
    }
    @keyframes booking_mob {
        0%{
            opacity: 0;
            bottom: -95px;
        }100%{
            opacity: 1;
             bottom: 8px;
        }
    }
    section.apartaments.arhive_page .subtitle{
        font-size: 14px;
    }
    .apartament__room .rooms_link>div h3{
        bottom: 18px;
    }
    .blog__imagestyle {
        height: 245px;
    }
    .slider-for img {
        height: 298px;
    }
    .ruleshotel img{
        margin-bottom: -78px;
    }
     .first_aboutadv img{
        height: 230px;
     }
     .two_aboutadv img{
        height: 230px !important;
     }
}
@media (max-width:420px) {
    .slider_image img{
        height:  230px;
    }
    .aboutyslugi>div>div>div.img {
        height: 220px;
    }
}
@media (max-width:409px) {
    section.blog_text h1,
    section.blog h1,
    section.booking h1,
    section.apartaments.arhive_page h1,
    section.room h1,
    h2 {
       font-size: 32px;
    }

    .info_blog{
        padding: 30px 12px;
    }
}
@media (max-width:385px) {
    .header__btnCallUs{
        font-size: 19px;
    }
    header .header a.logo {
        max-width: 68px;
    }
   
    .room__about-grid span::before{
       width: 25px;
       height: 25px;
    }
    .first_aboutadv img{
        height: 190px;
    }
}


@media (max-width:374px) {
    section.hero .hero__blcock svg {
        max-width: 215px;
    }
    .hero__info h1 {
        font-size: 30px;
    }
    .hero__info-adv>p {
        font-size: 24px;
    }
    .hero__info-adv>p span {
        margin-top: -4px;
        font-size: 15px;
    }
    
    .moreHotel__info-image.one img:last-child {
        height: 180px;
    }
    .moreHotel__info-image.two img {
        height: 130px !important;
    }
     .accent_bron_img {
        margin: -51px 0 -130px 0;
    }
    .contacts h2 {
        margin-left: 0px;
    }
    .room__about-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .room__about-grid span::before{
       width: 30px;
       height: 30px;
    }
    .room__text .room_info span {
        max-width: 110px;
    }
}
@media (max-width:356px) {
    
    .house__about {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .house__about .house__aboutItem p {
        font-size: 14px;
    }
    .house__about .house__aboutItem:nth-of-type(2){
       height: 200px;
    }
    .house__about .house__aboutItem:nth-of-type(5){
       grid-column: span 1; 
    }
    .house__about .house__aboutItem:nth-of-type(4){
        grid-column: span 1;
        display: none;
    }
    .house__about .house__aboutItem:nth-of-type(6){
        display: block;
        height: 200px;
    }
}
@media (max-width:340px) {
    .header__closeMenu {
        left: 90%;
    }
    section.blog_text h1,
    section.blog h1,
    section.booking h1,
    section.apartaments.arhive_page h1,
    section.room h1,
    h2 {
        font-size: 28px;
    }
    .rewiev__thanks{
        padding: 20px 15px;
    }
    .rewiev__thanks h4{
        font-size: 30px;
    }
}